.stain-btn{background:linear-gradient(180deg,#1e293b,#0f172a);border:1px solid rgba(255,255,255,.08);padding:12px;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:10px;justify-content:center;font-weight:600;color:#fff}.stain-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(102,126,234,.16);transition:all .18s}.method-card{background:linear-gradient(135deg,#1e293b,#0f172a);padding:14px;border-radius:12px;margin-bottom:12px;border-left:4px solid #4f46e5;color:#fff}.method-title{font-weight:700;margin-bottom:10px;color:#fff}.steps-list{list-style:none;padding:0;margin:0}.step-item{display:flex;gap:10px;background:#0f172a;padding:10px;border-radius:10px;margin-bottom:8px;align-items:flex-start;border-left:3px solid rgba(79,70,229,.45)}.materials-list{background:#0f172a;padding:12px;border-radius:10px;margin-top:8px}.alert-box{background:rgba(245,158,11,.07);border-left:4px solid var(--warning);padding:12px;border-radius:10px;margin-top:10px}body.dark{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);color:#fff}body.dark .card{background:#0f172a;box-shadow:0 10px 30px rgba(0,0,0,.6)}body.dark .stain-btn{background:linear-gradient(180deg,#1e293b,#0f172a);border:1px solid rgba(255,255,255,.08)}body.dark .method-card{background:linear-gradient(180deg,#1e293b,#0f172a);border-left:4px solid #4f46e5}body.dark .materials-list{background:#0f172a}body.dark .search-input{background:#0f172a;border:1px solid rgba(255,255,255,.08);color:#fff}body.dark .result-header{border-bottom:3px solid rgba(255,255,255,.08)}body.dark .step-item{background:#0f172a;border-left:3px solid rgba(79,70,229,.45)}body.dark .alert-box{background:rgba(245,158,11,.07)}body.dark .tip-box{background:rgba(16,185,129,.07)}