:root{color-scheme:light;--bg: #f5f1e6;--bg-elevated: rgba(255, 250, 241, .78);--bg-panel: rgba(247, 242, 232, .92);--text: #1e2a1f;--muted: #5f675f;--brand: #2f6b3f;--gold: #c9983a;--yellow: #e9c742;--orange: #e47a2e;--red: #c9342f;--border: rgba(117, 103, 84, .18);--shadow: 0 24px 60px rgba(39, 41, 25, .08);--radius: 24px;--sidebar: #10231c;--sidebar-border: rgba(201, 152, 58, .22);--screen-bg: #071512}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:MiSans,Noto Sans SC,PingFang SC,sans-serif;background:radial-gradient(circle at top left,rgba(201,152,58,.15),transparent 28%),linear-gradient(180deg,#f7f2e8,#eee5d2);color:var(--text)}button{font:inherit}.app-shell{--sidebar-width: 248px;min-height:100vh;padding-left:var(--sidebar-width)}.sidebar{position:fixed;top:0;left:0;z-index:20;display:flex;width:var(--sidebar-width);height:100vh;min-height:100vh;flex-direction:column;justify-content:space-between;gap:20px;padding:18px 14px;background:#0d1b16;color:#ecf0e5;border-right:1px solid rgba(201,152,58,.14)}.sidebar-kicker,.eyebrow{margin:0 0 10px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.sidebar-brand{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:10px 10px 16px;border-bottom:1px solid rgba(236,240,229,.08)}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:linear-gradient(135deg,#c9983a,#6f8c46);color:#071512;font-weight:900}.eyebrow.dark{color:#e1c78d}.sidebar-title,.page-header h2,.screen-header h2{margin:0;font-family:"Source Han Serif SC","Noto Serif SC",serif;line-height:1.15}.sidebar-title{font-family:MiSans,Noto Sans SC,PingFang SC,sans-serif;font-size:15px;font-weight:700}.sidebar-caption{margin:16px 0 0;line-height:1.7;color:#ecf0e5b8}.sidebar-nav{display:grid;gap:18px}.nav-group{display:grid;gap:4px}.nav-group-title{margin:0 0 6px;padding:0 10px;color:#ecf0e561;font-size:12px}.nav-item{position:relative;display:flex;align-items:center;gap:10px;min-height:42px;padding:0 10px;border-radius:8px;text-decoration:none;color:inherit;border:1px solid transparent;transition:background .16s ease,border-color .16s ease}.nav-item span{display:grid;place-items:center;width:34px;height:24px;border-radius:6px;background:#ffffff0d;font-size:12px;color:#ecf0e5a3}.nav-item strong{font-size:14px;font-weight:600}.nav-item:hover,.nav-item-active{border-color:#c9983a2e;background:#c9983a1a}.nav-item-active:before{content:"";position:absolute;left:-7px;top:9px;width:3px;height:24px;border-radius:999px;background:var(--gold)}.sidebar-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 10px;border-top:1px solid rgba(236,240,229,.08)}.sidebar-status{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:#ecf0e5c7}.sidebar-version{color:#ecf0e56b;font-size:12px}.status-dot{width:10px;height:10px;border-radius:50%;background:#7ab268;box-shadow:0 0 16px #7ab268a6}.main-shell{padding:34px 34px 42px}.main-shell:has(.screen-page-embedded){padding:0;background:#071512}.demo-bar,.error-banner,.context-ribbon{display:flex;flex-wrap:wrap;gap:12px}.demo-bar{align-items:stretch;margin-bottom:18px}.fault-switchboard{display:flex;flex-wrap:wrap;gap:10px;margin:-6px 0 18px}.fault-switch{padding:9px 12px;border-radius:999px;border:1px solid rgba(47,107,63,.16);background:#fffaf1ad;color:var(--muted);cursor:pointer}.fault-switch-on{border-color:#c9342f38;background:#c9342f1a;color:#9e221d}.demo-chip,.error-banner{border-radius:18px;border:1px solid rgba(117,103,84,.16);background:#fffaf1b3}.demo-chip{min-width:180px;padding:12px 14px}.demo-chip span{display:block;margin-bottom:6px;color:var(--muted);font-size:12px}.demo-chip strong{display:block;font-size:15px}.error-banner{align-items:center;justify-content:space-between;margin-bottom:18px;padding:14px 16px;background:#c9342f14}.error-banner p{margin:6px 0 0;color:var(--muted)}.page-header,.screen-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:28px}.page-header h2,.screen-header h2{font-size:clamp(28px,3.4vw,46px)}.page-actions,.action-row,.screen-metrics{display:flex;flex-wrap:wrap;gap:12px}.ghost-button{padding:12px 16px;border-radius:999px;border:1px solid rgba(47,107,63,.18);background:#fffaf1bf;color:var(--text);cursor:pointer}.metric-grid,.dashboard-grid,.three-column-page,.screen-grid,.advice-grid{display:grid;gap:18px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.three-column-page{grid-template-columns:.9fr 1.3fr .9fr}.screen-grid{grid-template-columns:.85fr 1.35fr .85fr;grid-template-areas:"rank map warning" "trend map cases"}.section-card{position:relative;overflow:hidden;padding:22px;border-radius:var(--radius);background:linear-gradient(160deg,rgba(255,255,255,.44),transparent 45%),var(--bg-panel);border:1px solid var(--border);box-shadow:var(--shadow)}.section-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(140deg,rgba(201,152,58,.08),transparent 34%);pointer-events:none}.screen-card{background:linear-gradient(160deg,rgba(201,152,58,.05),transparent 45%),#0a1b16d1;border-color:#6a937b29;box-shadow:none}.screen-card h3,.screen-card p,.screen-card strong,.screen-card span{color:#ecf1e8}.screen-map-card{grid-area:map}.screen-grid>.screen-card:nth-child(1){grid-area:rank}.screen-grid>.screen-card:nth-child(3){grid-area:warning}.screen-grid>.screen-card:nth-child(4){grid-area:trend}.screen-grid>.screen-card:nth-child(5){grid-area:cases}.section-header h3{margin:0;font-size:20px}.section-header p{margin:8px 0 0;color:var(--muted)}.metric-card{display:grid;gap:12px;padding:20px;border-radius:22px;background:linear-gradient(135deg,rgba(201,152,58,.14),transparent 46%),#fffaf1d1;border:1px solid rgba(136,116,89,.16);box-shadow:var(--shadow)}.metric-card p,.metric-card span,.metric-card em{margin:0}.metric-card p{color:var(--muted)}.metric-card strong,.screen-metric strong{font-family:DIN Condensed,Barlow Condensed,sans-serif;font-size:clamp(34px,4vw,52px);letter-spacing:.04em}.metric-card em{color:var(--brand);font-style:normal;font-weight:600}.metric-card-placeholder em{color:#9a6a1f}.metric-card-verified{border-color:#2f6b3f3d}.pipeline-list,.stack-list,.detail-rows,.case-carousel,.history-list{display:grid;gap:12px}.pipeline-item,.list-card,.field-card,.history-item,.advice-card,.case-frame,.upload-tile,.screen-metric{border-radius:20px;border:1px solid rgba(132,112,88,.16);background:#fffcf69e}.pipeline-item{display:grid;gap:6px;padding:16px}.pipeline-item span{color:var(--gold);font-family:DIN Condensed,sans-serif;font-size:24px}.list-card,.field-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px}.interactive-card{width:100%;text-align:left;cursor:pointer}.interactive-card-active{border-color:#2f6b3f47;background:#ecf7eceb;box-shadow:inset 0 0 0 1px #2f6b3f1a}.list-card p,.field-card p,.body-copy,.case-frame p,.upload-tile p{margin:6px 0 0;color:var(--muted);line-height:1.65}.dark-card{background:#ffffff0a;border-color:#87af9324}.reason-card{align-items:flex-start}.risk-pill{display:inline-flex;align-items:center;justify-content:center;min-width:74px;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700}.pill-low{background:#2f6b3f24;color:#2f6b3f}.pill-medium{background:#e9c7422e;color:#896600}.pill-high{background:#e47a2e29;color:#a44d16}.pill-critical{background:#c9342f29;color:#9e221d}.chart-surface{width:100%;min-height:280px}.chart-dark{min-height:250px}.map-shell{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:18px;align-items:center}.map-shell-dark .legend-row,.map-shell-dark .legend-row span{color:#ecf1e8}.henan-map{width:100%;max-height:360px}.map-legend{display:grid;gap:10px}.legend-row{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:10px;font-size:13px}.legend-row-button{width:100%;padding:8px;border:1px solid transparent;border-radius:8px;background:transparent;color:inherit;text-align:left;cursor:pointer}.legend-row-button:hover,.legend-row-active{border-color:#c9983a3d;background:#c9983a1a}.legend-swatch{width:14px;height:14px;border-radius:4px}.map-zone,.map-dot{cursor:pointer;outline:none}.map-zone:hover,.map-zone-active{filter:brightness(1.12) saturate(1.08)}.map-zone-active{stroke:#f8d47a;stroke-width:4}.map-dot:hover circle:first-child,.map-dot-active circle:first-child{opacity:.34}.map-dot-active circle:last-child{stroke:#f8d47a;stroke-width:3}.upload-tile{padding:26px;border-style:dashed}.upload-preview{position:relative;margin-top:14px;overflow:hidden;border-radius:16px;border:1px solid rgba(47,107,63,.16);background:#0e231a14}.upload-preview img{display:block;width:100%;max-height:180px;object-fit:cover}.upload-preview span{position:absolute;left:10px;bottom:10px;padding:6px 10px;border-radius:999px;background:#071512c2;color:#f6f0dd;font-size:12px}.upload-queue{display:grid;gap:8px;margin-top:12px}.queue-row{display:grid;gap:4px;padding:10px 12px;border-radius:14px;background:#ffffff7a;border:1px solid rgba(47,107,63,.1)}.queue-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-row span{color:var(--muted);font-size:12px}.queue-row-receipt{border-color:#2f6b3f38;background:#2f6b3f14}.sample-chip{padding:12px 14px;text-align:left;cursor:pointer;border-radius:16px;border:1px solid rgba(47,107,63,.12);background:#ffffff75;color:var(--text)}.sample-chip-active{border-color:#c9983a80;background:#c9983a1f}.quality-alert{margin:0 0 18px;padding:14px 16px;border-radius:18px;border:1px solid rgba(47,107,63,.12)}.quality-alert strong{display:block;margin-bottom:6px}.quality-alert p{margin:0;color:var(--muted);line-height:1.55}.quality-clear{background:#2f6b3f14}.quality-warning{background:#e9c74229;border-color:#c9983a3d}.quality-danger{background:#c9342f1a;border-color:#c9342f33}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.form-grid label{display:grid;gap:8px}.form-grid span{color:var(--muted);font-size:12px}.form-grid input,.form-grid select,.form-grid textarea,.upload-tile input{width:100%;border:1px solid rgba(47,107,63,.16);border-radius:12px;background:#ffffff94;color:var(--text);font:inherit}.form-grid input,.form-grid select{min-height:42px;padding:0 12px}.form-grid textarea{resize:vertical;padding:10px 12px;line-height:1.55}.upload-tile input{margin-top:14px;padding:10px}.form-wide{grid-column:1 / -1}.detection-canvas{position:relative;min-height:460px;border-radius:24px;background:radial-gradient(circle at 20% 20%,rgba(206,217,145,.36),transparent 34%),linear-gradient(160deg,#8bae68,#5d874d 46%,#264b28);overflow:hidden}.sample-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover}.sample-image-low_confidence{filter:saturate(.82) contrast(.94)}.sample-image-poor_quality{filter:blur(1.4px) saturate(.62) contrast(.86);transform:scale(1.02)}.sample-image-caption{position:absolute;z-index:3;left:18px;right:18px;bottom:18px;padding:10px 14px;border-radius:999px;background:#071512c7;color:#f6f0dd;font-size:12px;line-height:1.4}.leaf-stage{position:absolute;top:10%;right:14%;bottom:10%;left:14%;border-radius:56% 10% 56% 18%;transform:rotate(-8deg);background:linear-gradient(90deg,rgba(244,247,215,.14),transparent 18%),linear-gradient(180deg,#dce796,#8fa844 44%,#3f6b30);box-shadow:inset 0 0 0 2px #ffffff3d}.leaf-stage:after{content:"";position:absolute;left:48%;top:2%;width:3px;height:96%;background:#f3f2c89e}.detection-box{position:absolute;z-index:2;border:2px solid #ffcf57;box-shadow:0 0 0 1px #00000047 inset}.detection-box:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-top:2px solid rgba(255,255,255,.72);animation:scan 2.4s linear infinite}@keyframes scan{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:.15}}.result-block{display:grid;gap:10px;margin-bottom:18px}.detail-rows{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.context-ribbon{margin-bottom:6px}.context-ribbon span{padding:8px 12px;border-radius:999px;background:#c9983a1f;color:#7b5b1f;font-size:12px}.detail-rows>div{padding:14px 0;border-top:1px solid rgba(128,114,91,.14)}.detail-rows span{display:block;margin-bottom:6px;color:var(--muted);font-size:13px}.muted{color:var(--muted)}.advice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.advice-card{padding:18px}.advice-card h4{margin:0 0 10px;font-size:18px}.advice-card ul{margin:0;padding-left:18px;color:var(--muted);line-height:1.7}.disclaimer{padding:14px 16px;border-radius:16px;background:#e9c74229;color:#715600;line-height:1.6}.case-carousel{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.single-column{grid-template-columns:1fr}.case-frame{padding:18px}.case-thumb{display:block;width:100%;height:118px;margin-bottom:12px;border-radius:14px;object-fit:cover;border:1px solid rgba(201,152,58,.18)}.spotlight-frame{min-height:100%;background:linear-gradient(130deg,rgba(201,152,58,.16),transparent 44%),#fffbf5bd}.case-label{display:inline-flex;padding:6px 10px;border-radius:999px;background:#c9983a24;color:var(--gold);font-size:12px;margin-bottom:12px}.dark-frame{background:#ffffff0a;border-color:#87af9324}.screen-page{min-height:100vh;height:100vh;overflow:hidden;display:flex;flex-direction:column;padding:20px 26px;background:radial-gradient(circle at top,rgba(201,152,58,.18),transparent 28%),linear-gradient(180deg,#081612,#050d0a);color:#edf1eb}.screen-page-embedded{min-height:100vh;height:100vh;padding:20px 24px}.screen-page .screen-header{flex:0 0 auto;margin-bottom:16px}.screen-page .screen-header h2{font-size:clamp(30px,3vw,42px)}.screen-page .screen-grid{flex:1 1 auto;min-height:0;grid-template-rows:minmax(330px,1.05fr) minmax(0,.75fr)}.screen-page .screen-card{min-height:0;padding:18px}.screen-page .section-header h3{font-size:19px}.screen-page .section-header p{margin-top:5px}.screen-page .chart-dark{min-height:190px}.screen-page .henan-map{max-height:300px}.screen-page .map-shell{gap:12px}.screen-page .list-card,.screen-page .case-frame{padding:12px 16px}.screen-page .stack-list{gap:10px}.screen-page .list-card p,.screen-page .case-frame p{margin-top:4px;line-height:1.45}.screen-metrics{gap:14px}.screen-metric{padding:14px 18px;background:#ffffff0d;border-color:#87af9324}.screen-metric span{display:block;margin-bottom:8px;color:#edf1ebb8}.compact{margin-top:14px}.loading-shell{display:grid;place-items:center;gap:14px;min-height:300px;color:var(--muted)}.loading-orb{width:54px;height:54px;border-radius:50%;border:3px solid rgba(201,152,58,.22);border-top-color:var(--gold);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1200px){.metric-grid,.dashboard-grid,.three-column-page,.screen-grid,.map-shell,.advice-grid{grid-template-columns:1fr}.screen-grid{grid-template-areas:none}.detail-rows{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{padding-left:0}.sidebar{position:relative;width:auto;height:auto;min-height:auto}}