
:root{
    --brand:#2563EB; --brand-light:#EFF6FF; --brand-50:#EFF6FF; --brand-100:#DBEAFE;
    --brand-200:#BFDBFE; --brand-300:#93C5FD; --brand-400:#60A5FA; --brand-500:#3B82F6; --brand-600:#2563EB;
    --brand-700:#1D4ED8; --ink-900:#0F172A; --ink-700:#334155; --ink-600:#475569;
    --ink-500:#64748B; --ink-400:#94A3B8; --ink-300:#CBD5E1; --ink-200:#E2E8F0;
    --ink-100:#F1F5F9; --ink-50:#F8FAFC; --amber-50:#FFFBEB; --amber-200:#FDE68A;
    --amber-500:#F59E0B; --red-50:#FEF2F2; --red-200:#FECACA; --red-500:#EF4444;
    --teal-50:#F0FDFA; --teal-200:#99F6E4; --teal-500:#14B8A6;
}
*{font-family:'Noto Sans SC',system-ui,sans-serif}
body{background:#fff;color:var(--ink-900)}
.gradient-text{background:linear-gradient(135deg,#2563EB 0%,#0EA5E9 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.grid-bg{background-image:linear-gradient(rgba(37,99,235,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.04) 1px,transparent 1px);background-size:40px 40px}
.glow-1{position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(37,99,235,.12) 0%,transparent 70%);border-radius:50%;pointer-events:none}
.glow-2{position:absolute;width:350px;height:350px;background:radial-gradient(circle,rgba(14,165,233,.10) 0%,transparent 70%);border-radius:50%;pointer-events:none}
.input-field{transition:all .2s ease}
.input-field:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px rgba(37,99,235,.1);outline:none}
.btn-primary{background:linear-gradient(135deg,#2563EB 0%,#0EA5E9 100%);transition:all .25s ease}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 25px -5px rgba(37,99,235,.4)}
.btn-primary:active{transform:translateY(0)}
.tab-btn.active{color:var(--brand-600)}
.tab-btn.active .tab-bar{transform:scaleX(1)}
.btn-outline{border:1px solid var(--brand-300);color:var(--brand-600);background:#fff;transition:all .2s}
.btn-outline:hover{background:var(--brand-50);border-color:var(--brand-500)}
.btn-disabled{background:#E2E8F0;color:#94A3B8;cursor:not-allowed;transition:none}
.btn-disabled:hover{transform:none;box-shadow:none}
.result-card{transition:all .25s ease}
.result-card:hover{border-color:var(--brand-300);box-shadow:0 4px 20px -4px rgba(37,99,235,.12)}
.law-item{transition:all .2s ease}
.law-item:hover{background:var(--brand-50)}
.fade-up{opacity:0;transform:translateY(20px);animation:fadeUp .6s ease forwards}
@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}
.fade-up-1{animation-delay:.1s}.fade-up-2{animation-delay:.2s}.fade-up-3{animation-delay:.3s}
.ai-answer{background:linear-gradient(135deg,#EFF6FF 0%,#F0FDFA 100%);border:1px solid var(--brand-200)}
.typing-dot{width:6px;height:6px;border-radius:50%;background:var(--brand-400);animation:typing 1.4s infinite}
.typing-dot:nth-child(2){animation-delay:.2s}
.typing-dot:nth-child(3){animation-delay:.4s}
@keyframes typing{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}
.badge-ai{background:linear-gradient(135deg,#2563EB,#0EA5E9);color:#fff}
.custom-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}
.chk-box{width:16px;height:16px;border:1.5px solid var(--ink-300);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;flex-shrink:0}
.chk-box.checked{background:var(--brand-600);border-color:var(--brand-600)}
.chk-box.checked::after{content:"";width:8px;height:5px;border:1.5px solid #fff;border-top:none;border-right:none;transform:rotate(-45deg);margin-top:-2px}
.chk-label{font-size:12px;color:var(--ink-600);cursor:pointer;user-select:none}
.adv-toggle{transition:all .2s}
.adv-toggle.open .adv-arrow{transform:rotate(180deg)}
.adv-arrow{transition:transform .2s}
.adv-panel{max-height:0;overflow:hidden;transition:max-height .3s ease}
.adv-panel.open{max-height:800px}
.prompt-bar{animation:slideIn .4s ease}
@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
h1,h2,h3{line-height:1.5}
em, .kw-highlight{color:var(--brand-600);background:var(--brand-50);padding:0 2px;border-radius:2px}
/* 法规选择 */
.law-select-box{width:20px;height:20px;border:1.8px solid var(--ink-300);border-radius:5px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;flex-shrink:0}
.law-select-box.checked{background:var(--brand-600);border-color:var(--brand-600)}
.law-select-box.checked::after{content:"";width:10px;height:6px;border:2px solid #fff;border-top:none;border-right:none;transform:rotate(-45deg);margin-top:-2px}
.law-row.selected{background:var(--brand-50)}
.law-row{transition:background .15s ease}
.sel-chip{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:3px 8px 3px 10px;border-radius:6px;background:var(--brand-50);color:var(--brand-700);border:1px solid var(--brand-200);max-width:240px}
.sel-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sel-chip button{flex-shrink:0;color:var(--brand-400);}
.sel-chip:hover{color:var(--red-500)}
.step-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:8px;font-size:12px;font-weight:700;flex-shrink:0}
.box-qa{display:none}
.box-qa.active{display:block}

.img-eft{display: inline-block;}