:root,html[data-theme=dark]{--bg: #090e07;--bg-grad: radial-gradient(1200px 600px at 15% -10%, rgba(139, 230, 4, .1), transparent 60%), radial-gradient(900px 500px at 110% 10%, rgba(61, 214, 196, .06), transparent 55%);--panel: #111710;--panel-2: #161e14;--panel-3: #1b2418;--ink: #e9f3e4;--ink-2: #c3d3bc;--muted: #8ea089;--line: rgba(139, 230, 4, .16);--line-soft: rgba(255, 255, 255, .06);--accent: #8be604;--accent-strong: #a4f52a;--accent-dim: #6aa803;--accent-ink: #0a0e08;--accent-soft: rgba(139, 230, 4, .12);--accent-glow: rgba(139, 230, 4, .35);--shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 10px 28px rgba(0, 0, 0, .35);--code-bg: rgba(139, 230, 4, .1);--scroll-thumb: #2a3a24}html[data-theme=light]{--bg: #f4f8ee;--bg-grad: radial-gradient(1100px 520px at 10% -10%, rgba(139, 230, 4, .18), transparent 60%);--panel: #ffffff;--panel-2: #f7fbef;--panel-3: #eef6e2;--ink: #182411;--ink-2: #33452a;--muted: #6b7a64;--line: rgba(77, 125, 2, .18);--line-soft: rgba(24, 36, 17, .08);--accent: #7ccf03;--accent-strong: #4d7d02;--accent-dim: #6aa803;--accent-ink: #0f1a08;--accent-soft: rgba(124, 207, 3, .16);--accent-glow: rgba(124, 207, 3, .3);--shadow: 0 1px 2px rgba(24, 36, 17, .05), 0 8px 22px rgba(24, 36, 17, .07);--code-bg: rgba(77, 125, 2, .1);--scroll-thumb: #cfdcc4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-grad),var(--bg);background-attachment:fixed;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,PingFang SC,Hiragino Sans GB,sans-serif;font-size:14px;line-height:1.6;transition:background-color .25s ease,color .25s ease}::selection{background:var(--accent);color:var(--accent-ink)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:8px}::-webkit-scrollbar-track{background:transparent}.wrap{max-width:1200px;margin:0 auto;padding:0 22px}.site-header{position:sticky;top:0;z-index:30;backdrop-filter:blur(14px);background:color-mix(in srgb,var(--bg) 78%,transparent);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px}.brand{display:flex;align-items:center;gap:12px}.logo{width:36px;height:36px;border-radius:11px;flex:none;background:linear-gradient(150deg,var(--accent-strong),var(--accent-dim));color:var(--accent-ink);display:grid;place-items:center;font-size:15px;font-weight:700;box-shadow:0 0 22px var(--accent-glow)}.brand h1{margin:0;font-size:19px;letter-spacing:.2px}.brand .sub{margin:2px 0 0;font-size:12px;color:var(--muted)}.brand .sub strong{color:var(--accent);font-weight:600}.header-meta{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--muted);white-space:nowrap}.theme-toggle{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--panel-2);color:var(--ink);cursor:pointer;font-size:16px;line-height:1;display:grid;place-items:center;transition:.2s ease}.theme-toggle:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 14px var(--accent-glow)}.upload-card{margin:26px 0 16px}.dropzone{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1.5px dashed color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:18px;padding:34px 20px;text-align:center;cursor:pointer;transition:.18s ease;box-shadow:var(--shadow)}.dropzone:hover,.dropzone.drag{border-color:var(--accent);background:linear-gradient(180deg,var(--accent-soft),var(--panel));box-shadow:0 0 0 1px var(--accent-soft),0 12px 30px #00000040}.dz-icon{font-size:26px;color:var(--accent)}.dz-title{margin:6px 0 2px;font-size:16px;font-weight:650}.dz-sub{margin:0;color:var(--muted);font-size:12px}.dz-actions{display:flex;gap:10px;justify-content:center;margin:12px 0 6px;flex-wrap:wrap}.hint{color:var(--muted);font-size:12px;margin:8px 0 0}code{background:var(--code-bg);color:var(--accent);padding:1px 6px;border-radius:5px;font-size:12px}.btn{border:1px solid var(--line);background:var(--panel-2);color:var(--ink-2);padding:9px 20px;border-radius:11px;font-size:14px;cursor:pointer;font-weight:550;transition:.16s ease}.btn.primary{background:linear-gradient(150deg,var(--accent-strong),var(--accent-dim));border-color:transparent;color:var(--accent-ink);box-shadow:0 0 18px var(--accent-glow)}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost:hover{border-color:var(--accent);color:var(--accent)}.status,.error{margin:12px 0 0;padding:10px 14px;border-radius:12px;font-size:13px}.status{background:var(--accent-soft);color:var(--accent-strong);border:1px solid var(--line)}.error{background:#ff6b5e1f;color:#ff8b80;border:1px solid rgba(255,107,94,.3)}.settings{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin:12px 0;box-shadow:var(--shadow)}.settings-row{display:flex;gap:18px;flex-wrap:wrap;align-items:center}.settings-row label{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}.settings-row input{width:96px;padding:6px 9px;border:1px solid var(--line);border-radius:9px;background:var(--panel-2);color:var(--ink);font-size:13px;font-variant-numeric:tabular-nums}.settings-row input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.settings-hint{margin:6px 0 0;font-size:12px;color:var(--muted)}.app{display:flex;flex-direction:column;gap:34px;padding:22px 0 44px}.block{scroll-margin-top:84px}.block-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px}.block-title{margin:0;font-size:17px;letter-spacing:.3px;padding-left:12px;border-left:3px solid var(--accent)}.block-sub{margin:0;color:var(--muted);font-size:12.5px}.block-body{display:flex;flex-direction:column;gap:16px}.card{background:var(--panel);border:1px solid var(--line-soft);border-radius:16px;box-shadow:var(--shadow);padding:17px 19px;transition:border-color .2s ease}.card:hover{border-color:var(--line)}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.card-title{margin:0;font-size:15.5px}.card-purpose{margin:3px 0 0;color:var(--muted);font-size:12.5px}.card-body{margin-top:12px}.card-content{display:flex;flex-direction:column;gap:10px}.card-content>.canvas-wrap{height:260px}.card-content>.canvas-wrap.canvas-short{height:176px}.card-content>.canvas-wrap.canvas-map{height:460px}.canvas-wrap{position:relative;height:260px;width:100%}.canvas-wrap>canvas{display:block;width:100%;height:100%}.canvas-short{height:150px}.card-wide .canvas-wrap{height:300px}.canvas-map{height:460px;border-radius:12px;overflow:hidden;border:1px solid var(--line-soft)}.badge{font-size:11px;padding:3px 10px;border-radius:999px;white-space:nowrap;border:1px solid transparent}.badge-high{background:var(--accent-soft);color:var(--accent);border-color:var(--line)}.badge-medium{background:#ff9f1c1f;color:#ffb347;border-color:#ff9f1c4d}.badge-low{background:#ff6b5e1f;color:#ff8b80;border-color:#ff6b5e4d}.facet-host{display:flex;flex-direction:column;gap:10px}.facet-grid{display:grid;gap:10px}.facet-item{background:var(--panel-2);border:1px solid var(--line-soft);border-radius:12px;padding:8px 10px 4px;overflow:hidden}.facet-title{font-size:12px;color:var(--muted);margin-bottom:2px}.facet-canvas{position:relative;height:132px;width:100%}.facet-canvas canvas{width:100%!important;height:100%!important}.card-meta{margin-top:10px;border-top:1px dashed var(--line-soft);padding-top:8px}.card-meta summary{cursor:pointer;font-size:12.5px;color:var(--muted)}.card-meta summary:hover{color:var(--accent)}.meta-list{display:grid;grid-template-columns:96px 1fr;gap:4px 10px;margin:8px 0 0;font-size:12.5px}.meta-list dt{color:var(--muted)}.meta-list dd{margin:0;color:var(--ink-2)}.insights{margin:10px 0 0;padding-left:18px;color:var(--ink-2);font-size:13px}.insights li{margin:3px 0}.insights li::marker{color:var(--accent)}.callout{background:var(--panel-2);border:1px solid var(--line-soft);border-radius:12px;padding:10px 14px 10px 8px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(152px,1fr));gap:10px}.stat{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line-soft);border-radius:13px;padding:12px 14px;box-shadow:var(--shadow)}.stat:hover{border-color:var(--line)}.stat-label{font-size:12px;color:var(--muted)}.stat-value{font-size:23px;font-weight:680;letter-spacing:.2px;margin-top:2px;font-variant-numeric:tabular-nums;color:var(--ink)}.stat-unit{font-size:13px;font-weight:500;color:var(--muted)}.stat-hint{font-size:11.5px;color:var(--muted);margin-top:2px}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:4px 0 12px}.toolbar-label{font-size:12.5px;color:var(--muted)}.toolbar-hint{font-size:12px;color:var(--muted);margin-left:4px}.chip{border:1px solid var(--line);background:var(--panel-2);color:var(--ink-2);padding:6px 13px;border-radius:999px;font-size:12.5px;cursor:pointer;transition:.16s ease}.chip:hover{border-color:var(--accent);color:var(--accent)}.chip-on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600;box-shadow:0 0 14px var(--accent-glow)}.preset-body{display:flex;flex-direction:column;gap:16px}.table-wrap{overflow-x:auto;border:1px solid var(--line-soft);border-radius:12px}.data-table{width:100%;border-collapse:collapse;font-size:12.5px;font-variant-numeric:tabular-nums}.data-table th,.data-table td{text-align:right;padding:7px 11px;border-bottom:1px solid var(--line-soft);white-space:nowrap}.data-table th:first-child,.data-table td:first-child{text-align:left}.data-table th{color:var(--muted);font-weight:600;background:var(--panel-3);position:sticky;top:0}.data-table tbody tr:hover{background:var(--accent-soft)}.data-table tbody tr:last-child td{border-bottom:none}.quality-badge{display:inline-block;padding:5px 13px;border-radius:999px;font-size:13px;font-weight:650}.quality-good{background:var(--accent-soft);color:var(--accent);border:1px solid var(--line)}.quality-fair{background:#ff9f1c1f;color:#ffb347;border:1px solid rgba(255,159,28,.3)}.quality-poor{background:#ff6b5e1f;color:#ff8b80;border:1px solid rgba(255,107,94,.3)}.zone-bar{display:flex;height:26px;border-radius:9px;overflow:hidden;border:1px solid var(--line-soft)}.zone-seg{height:100%}.zone-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px;font-size:12.5px;color:var(--ink-2)}.zone-item{display:inline-flex;align-items:center;gap:6px}.zone-item i{width:12px;height:12px;border-radius:3px;display:inline-block}.muted{color:var(--muted);font-size:12.5px}.two-col{display:grid;gap:16px}.sub-title{margin:16px 0 6px;font-size:13.5px;color:var(--ink-2);font-weight:600}.site-footer{border-top:1px solid var(--line-soft);padding:22px 0 44px;color:var(--muted);font-size:12.5px}.site-footer p{margin:4px 0}@media(max-width:760px){.brand .sub{display:none}.card-wide .canvas-wrap{height:240px}.stat-grid{grid-template-columns:repeat(2,1fr)}.canvas-map{height:320px}.header-meta #version{display:none}}