:root{--ink:#12312f;--muted:#667b78;--line:#dbe6e3;--paper:#fff;--wash:#f2f7f5;--green:#0d766e;--green2:#149185;--mint:#e0f3ee;--gray:#eef1f0;--warn:#9a5b16;--warnbg:#fff6e8;--shadow:0 18px 45px rgba(21,65,60,.08)}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,#edf6f3 0,#f8faf9 42%,#eef4f3 100%);color:var(--ink);font-family:"Microsoft YaHei UI","PingFang SC",system-ui,sans-serif;font-size:16px;min-height:100vh}
.topbar,main,.mode-tabs,footer{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{display:flex;align-items:flex-end;justify-content:space-between;padding:42px 0 20px}.eyebrow{margin:0 0 6px;color:var(--green);font-weight:700;font-size:.78rem;letter-spacing:.16em}.topbar h1{margin:0;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.04em}.rule-badge{background:var(--ink);color:#fff;border-radius:999px;padding:10px 16px;font-size:.88rem}.rule-badge span{font-weight:800}
.mode-tabs{display:flex;gap:7px;margin-bottom:14px}.mode-tab{border:1px solid var(--line);background:rgba(255,255,255,.72);color:var(--muted);border-radius:11px;padding:10px 16px;font:700 .86rem inherit;cursor:pointer}.mode-tab.active{background:var(--ink);border-color:var(--ink);color:#fff}.single-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:18px;min-width:0}.workspace,.result-panel,.operations-panel,.batch-view{min-width:0;background:rgba(255,255,255,.96);border:1px solid rgba(205,222,218,.9);border-radius:20px;padding:24px;box-shadow:var(--shadow)}.operations-panel{grid-column:1/-1}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;min-width:0}.section-head>div{display:flex;align-items:center;gap:10px;min-width:0}.section-head h2{font-size:1.05rem;margin:0;overflow-wrap:anywhere}.step{display:inline-grid;place-items:center;width:31px;height:31px;flex:0 0 31px;background:var(--mint);border-radius:9px;color:var(--green);font:700 .72rem ui-monospace,monospace}.text-button{border:0;background:none;color:var(--muted);cursor:pointer;font:inherit}.text-button:hover{color:var(--green)}
.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:8px;align-content:start}.field>span,.field-title{min-height:34px}.field>span{display:flex;align-items:center}.field span{font-size:.88rem;font-weight:700}.field em{font-style:normal;font-weight:400;color:var(--muted);font-size:.78rem}.required>span:after{content:" *";color:var(--green)}input,textarea,select{width:100%;min-height:46px;border:1px solid var(--line);background:#fbfdfc;color:var(--ink);border-radius:11px;padding:12px 13px;font:inherit;font-size:.92rem;outline:none;transition:.2s}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--green2);box-shadow:0 0 0 3px rgba(20,145,133,.12);background:#fff}.field-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.add-button{border:1px solid #abd2ca;background:var(--mint);color:var(--green);border-radius:9px;padding:6px 9px;font:700 .75rem inherit;cursor:pointer;white-space:nowrap}.add-button:hover{background:#ccebe4}.dynamic-list{display:grid;gap:8px}.dynamic-empty{margin:0;min-height:46px;border:1px dashed var(--line);border-radius:11px;padding:12px;color:#8a9b98;font-size:.82rem;background:#fbfdfc}.dynamic-row{display:grid;grid-template-columns:1fr auto;gap:7px}.remove-button{width:42px;border:1px solid var(--line);background:#fff;color:#7c8e8b;border-radius:10px;font-size:1.1rem;cursor:pointer}.remove-button:hover{border-color:#d59d94;color:#a54132;background:#fff7f5}
.autocomplete-wrap{position:relative;min-width:0}.autocomplete-menu{position:absolute;z-index:80;left:0;right:0;top:calc(100% + 5px);max-height:280px;overflow:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 14px 34px rgba(12,55,50,.16);padding:5px}.autocomplete-menu button{display:grid;grid-template-columns:minmax(88px,auto) 1fr;gap:9px;width:100%;border:0;border-radius:8px;background:#fff;color:var(--ink);padding:10px;text-align:left;cursor:pointer;touch-action:pan-y}.autocomplete-menu button+button{border-top:1px solid #edf2f0}.autocomplete-menu button:hover,.autocomplete-menu button.active{background:var(--mint)}.autocomplete-menu strong{font:700 .78rem ui-monospace,"Cascadia Mono",monospace;color:var(--green)}.autocomplete-menu span{font-size:.8rem;font-weight:500;line-height:1.35}.dynamic-row>.autocomplete-wrap{min-width:0}
.advanced{margin-top:18px;border-top:1px solid var(--line);padding-top:13px}.advanced summary{cursor:pointer;color:var(--green);font-weight:700;font-size:.88rem}.advanced summary span{color:var(--muted);font-weight:400;margin-left:8px}.advanced-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:14px}.actions{display:flex;align-items:center;gap:16px;margin-top:22px}.primary{border:0;border-radius:12px;background:var(--green);color:white;padding:13px 22px;font:700 .95rem inherit;cursor:pointer;box-shadow:0 8px 18px rgba(13,118,110,.2)}.primary:hover{background:#095f59}.actions p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.5}
.status{font-size:.78rem;font-weight:700;padding:7px 11px;border-radius:999px}.status.neutral{background:var(--gray);color:var(--muted)}.status.success{background:var(--mint);color:var(--green)}.status.warning{background:var(--warnbg);color:var(--warn)}.empty-state{min-height:322px;display:grid;place-content:center;text-align:center;color:var(--muted)}.empty-mark{margin:auto;width:74px;height:74px;border:1px solid var(--line);border-radius:22px;display:grid;place-items:center;font:800 1rem ui-monospace,monospace;color:#9bafac;background:var(--wash)}.empty-state p{max-width:270px;line-height:1.6}.hidden{display:none!important}.result-summary{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:15px;overflow:hidden}.result-summary div{display:grid;min-width:0;gap:5px;padding:16px;border-bottom:1px solid var(--line)}.result-summary div:nth-child(odd){border-right:1px solid var(--line)}.result-summary div:nth-child(n+3){border-bottom:0}.result-summary span{font-size:.75rem;color:var(--muted)}.result-summary strong{min-width:0;font-size:1rem;overflow-wrap:anywhere}.path{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:0;margin:20px 0 0}.path li{position:relative;min-width:0;background:var(--gray);color:#899895;border-radius:10px;padding:10px 5px;text-align:center;font-size:.72rem;font-weight:700;overflow-wrap:anywhere}.path li.hit{background:var(--green);color:#fff}.path li.passed{background:#d9ebe7;color:#4a6e69}.result-note{margin-top:14px;padding:12px 14px;background:var(--wash);border-radius:11px;color:var(--muted);font-size:.82rem;line-height:1.55;overflow-wrap:anywhere}.result-note.warning{background:var(--warnbg);color:var(--warn)}
.disclaimer{margin:-8px 0 16px;color:var(--muted);font-size:.8rem}.small-search{min-width:0}.small-search input{width:240px;max-width:100%;padding:9px 11px}.table-wrap{width:100%;max-width:100%;min-width:0;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;border:1px solid var(--line);border-radius:14px;max-height:430px}table{width:100%;border-collapse:collapse;min-width:780px}th{position:sticky;top:0;background:#f0f6f4;color:#496a66;text-align:left;font-size:.75rem;letter-spacing:.04em;padding:12px;z-index:1}td{border-top:1px solid var(--line);padding:12px;font-size:.82rem;vertical-align:top;line-height:1.45}tbody tr:hover{background:#f8fbfa}.layer-pill{display:inline-block;border:1px solid #abd2ca;background:var(--mint);color:var(--green);border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:700}.code{font-family:ui-monospace,"Cascadia Mono",monospace;font-weight:700}.muted{color:var(--muted)}.table-empty{padding:46px 20px;text-align:center;background:var(--wash);border:1px dashed var(--line);border-radius:14px;color:var(--muted)}
footer{display:flex;justify-content:space-between;color:#718784;font-size:.75rem;padding:0 0 30px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.batch-view{padding:26px}.batch-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.batch-hero>div{display:grid;grid-template-columns:auto 1fr;column-gap:11px}.batch-hero h2{margin:4px 0 0;font-size:1.25rem}.batch-hero p{grid-column:2;margin:7px 0 0;color:var(--muted);font-size:.86rem}.import-panel{margin-top:22px;padding:18px;background:var(--wash);border:1px solid var(--line);border-radius:15px}.upload-box{display:grid;gap:5px;border:1px dashed #a8c8c2;background:#fff;border-radius:12px;padding:15px;cursor:pointer}.upload-box strong{font-size:.9rem}.upload-box span{color:var(--muted);font-size:.76rem}.upload-box input{min-height:0;border:0;padding:8px 0 0;background:none;border-radius:0}.import-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.secondary,.bordered{border:1px solid #abd2ca;background:#fff;color:var(--green);border-radius:11px;padding:11px 15px;font:700 .84rem inherit;cursor:pointer}.batch-message{margin:10px 0 0;color:var(--muted);font-size:.78rem}.batch-message.error{color:#a54132}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.metric{position:relative;display:grid;gap:5px;border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff}.metric span{color:var(--muted);font-size:.77rem}.metric strong{font-size:1.65rem}.metric small{color:var(--muted);font-size:.68rem}.metric.low{background:var(--warnbg);border-color:#eed4af}.analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.chart-card,.low-card{border:1px solid var(--line);border-radius:15px;padding:17px;background:#fff}.low-card{margin-top:14px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}.card-head h3{margin:0;font-size:.95rem}.card-head p{margin:4px 0 0;color:var(--muted);font-size:.74rem}.legend-dot{font-size:.7rem;color:var(--muted)}.legend-dot:before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px}.count-dot:before{background:var(--green)}.score-dot:before{background:#db8c38}.bar-chart{display:grid;gap:10px;min-height:220px}.bar-row{display:grid;grid-template-columns:minmax(115px,1.1fr) 2fr 42px;gap:9px;align-items:center}.bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem}.bar-track{height:12px;background:var(--gray);border-radius:999px;overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green),#35aa9d)}.bar-fill.low-score{background:linear-gradient(90deg,#c76f24,#e7aa57)}.bar-value{text-align:right;font:700 .72rem ui-monospace,monospace}.low-tag{display:inline-block;background:var(--warnbg);color:var(--warn);border:1px solid #eed4af;border-radius:999px;padding:3px 7px;font-size:.68rem}.all-combos{margin-top:14px}.all-combos summary{cursor:pointer;color:var(--green);font-weight:700;font-size:.84rem;margin-bottom:10px}.score-method{margin:14px 0 0;padding:12px 14px;border-left:3px solid #d7964b;background:var(--warnbg);color:#795027;font-size:.76rem;line-height:1.6}
@media(max-width:850px){.topbar{padding-top:28px}.topbar,.topbar>div{align-items:flex-start}.rule-badge{margin-top:10px}.single-grid{grid-template-columns:1fr}.operations-panel{grid-column:auto}.input-grid{grid-template-columns:1fr}.advanced-grid{grid-template-columns:1fr 1fr}.path{grid-template-columns:1fr}.empty-state{min-height:210px}.metric-grid{grid-template-columns:1fr 1fr}.analysis-grid{grid-template-columns:1fr}}
@media(max-width:560px){.topbar,main,.mode-tabs,footer{width:min(100% - 22px,1180px)}.topbar{display:block}.workspace,.result-panel,.operations-panel,.batch-view{padding:18px;border-radius:16px}.rule-badge{display:inline-block}.actions{display:grid}.primary{width:100%}.result-summary{grid-template-columns:1fr}.result-summary div,.result-summary div:nth-child(odd){border-right:0;border-bottom:1px solid var(--line)}.result-summary div:last-child{border-bottom:0}.advanced-grid{grid-template-columns:1fr}.stacked-mobile{flex-direction:column;align-items:stretch;gap:12px}.small-search input{width:100%}.autocomplete-menu button{grid-template-columns:minmax(72px,auto) minmax(0,1fr)}.autocomplete-menu span{min-width:0;overflow-wrap:anywhere}.metric-grid{grid-template-columns:1fr}.bar-row{grid-template-columns:100px 1fr 38px}footer{display:grid;gap:6px}}