:root{color:#1f312c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--brand:#0b5b4f;--heading:#11251f;--muted:#5d6f69;--line:#11251f1a;--line-soft:#11251f14;--shadow-soft:0 18px 40px #1d3a3114;background:radial-gradient(circle at 0 0,#215f481f,#0000 24%),linear-gradient(#f3f7f4,#e7efea 42%,#eef3f0);font-family:Microsoft YaHei UI,PingFang SC,Noto Sans SC,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}#root{min-height:100vh}a{color:inherit}.app-frame{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{color:#eef8f4;background:linear-gradient(#133a34,#0f2a26);border-right:1px solid #ffffff14;flex-direction:column;gap:24px;max-height:100vh;padding:24px 18px;display:flex;overflow-y:auto}.brand-block{border-bottom:1px solid #ffffff14;padding:12px 10px 18px}.brand-block h1,.brand-block span,.topbar strong,.page-header h2,.hero-title,.panel h2,.ai-card h3,.event-item h3{margin:0}.brand-mark{letter-spacing:.18em;text-transform:uppercase;color:#8fd0bb;margin:0 0 10px;font-size:13px}.brand-block h1{font-size:28px}.brand-block span{color:#eef8f4b8;margin-top:8px;line-height:1.6;display:block}.side-nav{gap:10px;display:grid}.nav-link,.nav-button,.back-link{text-decoration:none}.nav-link{color:#eef8f4cc;background:#ffffff05;border-radius:16px;padding:14px 16px;transition:background .2s,color .2s;display:block}.nav-link.active,.nav-link:hover{color:#fff;background:#8fd0bb24}.sidebar-card{background:#ffffff0f;border:1px solid #ffffff14;border-radius:20px;margin-top:12px;padding:18px}.sidebar-card span,.stat-card span,.table-status,.board-card span,.sensor-card span,.level-tag,.panel-kicker,.eyebrow,.topbar-kicker{letter-spacing:.12em;text-transform:uppercase}.sidebar-card span,.stat-card span{font-size:11px}.sidebar-card strong{margin-top:10px;font-size:22px;display:block}.sidebar-card p{color:#eef8f4b8;margin:10px 0 0;line-height:1.7}.main-shell{padding:20px 24px 36px}.topbar,.page-header,.hero-actions,.topbar-actions,.section-grid,.stats-grid,.sensor-grid,.hero-panel,.hero-metrics,.board-grid,.ai-grid,.event-list{display:grid}.topbar{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#ffffffad;border-radius:24px;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:18px 22px}.topbar-kicker,.eyebrow,.panel-kicker{color:var(--brand);margin:0 0 8px;font-size:12px;font-weight:700}.topbar strong{color:var(--heading);font-size:18px}.topbar-actions{grid-auto-flow:column;gap:12px}.lp-test-actions{justify-content:start;margin-top:18px}.platform-shell{padding-top:24px}.page-header{grid-template-columns:1fr auto;align-items:center;gap:16px;margin-bottom:20px}.page-header h2,.hero-title,.panel h2{color:var(--heading)}.page-header h2{font-size:34px}.hero-panel{grid-template-columns:1.3fr .9fr;gap:24px;margin-bottom:24px}.hero-copy,.panel,.board-card,.login-panel{border:1px solid var(--line);box-shadow:var(--shadow-soft)}.hero-copy,.panel,.board-card{border-radius:28px}.hero-copy,.panel{background:#fdfdfbd1}.hero-copy{background:radial-gradient(circle at 100% 0,#0b5b4f2e,#0000 28%),linear-gradient(135deg,#f5faf7fa,#e8f1ecf5);padding:42px}.hero-title{max-width:12ch;font-size:clamp(34px,4vw,56px);line-height:1.05}.hero-text{max-width:62ch;color:var(--muted);margin-top:18px;font-size:17px;line-height:1.75}.hero-actions{grid-auto-flow:column;justify-content:start;gap:12px;margin-top:28px}.primary-btn,.ghost-btn{min-height:46px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0 18px;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex}.primary-btn{color:#fff;background:linear-gradient(135deg,#0b5b4f,#18775d);box-shadow:0 18px 30px #0b5b4f38}.ghost-btn{color:var(--heading);background:#ffffff9e;border-color:#0b5b4f24}.primary-btn:hover,.ghost-btn:hover{transform:translateY(-1px)}.nav-button{min-width:120px}.hero-metrics,.sensor-grid,.stats-grid,.ai-grid{gap:14px}.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px}.hero-metrics article,.sensor-card,.ai-card,.event-item,.module-list li,.stat-card{background:#ffffffb8;border-radius:20px}.hero-metrics article,.sensor-card,.ai-card,.event-item,.module-list li,.stat-card,.heat-row{border:1px solid var(--line-soft);padding:18px}.hero-metrics strong,.sensor-card strong,.stat-card strong{color:var(--heading);display:block}.hero-metrics strong{font-size:28px}.hero-metrics span,.sensor-card p,.ai-card p,.event-item p,.module-list li,.stat-card p,.heat-row em{color:var(--muted)}.hero-board{gap:16px;display:grid}.board-card{background:linear-gradient(#fcfdfcf5,#f1f5f3fa);padding:24px}.board-card-primary{background:linear-gradient(155deg,#123c36,#0f5749)}.board-card span,.sensor-card span,.panel-kicker,.eyebrow,.level-tag,.table-status{font-size:11px;font-weight:700}.board-card strong{color:var(--heading);margin-top:14px;font-size:28px;display:block}.board-card p{color:var(--muted);margin-top:12px;line-height:1.7}.board-card-primary span,.board-card-primary strong,.board-card-primary p{color:#f4fbf8}.board-grid{gap:16px}.section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}.panel{padding:30px}.panel h2{font-size:28px;line-height:1.15}.sensor-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}.flow-list,.module-list{margin:24px 0 0;padding:0}.flow-list{counter-reset:flow;list-style:none}.flow-list li{border-top:1px solid var(--line-soft);color:var(--heading);padding:18px 18px 18px 72px;line-height:1.7;position:relative}.flow-list li:before{counter-increment:flow;content:counter(flow);width:44px;height:44px;color:var(--brand);background:#0b5b4f14;border-radius:14px;place-items:center;font-weight:700;display:grid;position:absolute;top:15px;left:0}.ai-panel,.table-panel{margin-top:24px}.ai-grid,.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card span{color:var(--muted)}.stat-card strong{margin-top:12px;font-size:34px}.event-list{gap:14px;margin-top:24px}.event-item{grid-template-columns:auto 1fr;align-items:start;gap:14px}.level-tag{border-radius:999px;justify-content:center;align-items:center;min-width:64px;height:32px;display:inline-flex}.module-list{gap:12px;list-style:none;display:grid}.heat-list{gap:12px;margin-top:24px;display:grid}.heat-row{background:#ffffffb8;border-radius:18px;grid-template-columns:1fr auto auto;align-items:center;gap:12px;display:grid}.heat-row strong{color:var(--heading);font-size:28px}.table-wrap{margin-top:24px;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line-soft);vertical-align:top;padding:14px 12px}th{color:var(--muted);font-size:13px}td{color:var(--heading)}.table-status{border-radius:999px;justify-content:center;align-items:center;min-width:64px;padding:8px 12px;display:inline-flex}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{background:#ffffffe0;border-radius:30px;grid-template-columns:1fr 420px;gap:0;width:min(980px,100%);display:grid;overflow:hidden}.login-copy,.login-form{padding:40px}.login-copy{color:#f2fbf8;background:linear-gradient(145deg,#133a34,#1d594e)}.login-copy p{line-height:1.8}.login-form{align-content:center;gap:16px;display:grid}.login-form label{gap:8px;display:grid}.login-form span{color:var(--muted);font-size:14px}.login-form input,.login-form select{border:1px solid var(--line);width:100%;min-height:46px;color:var(--heading);font:inherit;background:#f8faf9f0;border-radius:14px;padding:0 14px}.binding-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.binding-form label{gap:8px;display:grid}.binding-form span,.preview-grid span{color:var(--muted);font-size:13px}.binding-form input{border:1px solid var(--line);width:100%;min-height:46px;color:var(--heading);font:inherit;background:#f8faf9f0;border-radius:14px;padding:0 14px}.login-btn{width:100%;margin-top:8px}.compact{max-width:none;margin-top:14px}.scenario-input-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.scenario-input-card{border:1px solid var(--line-soft);background:#ffffffb8;border-radius:20px;padding:18px}.scenario-input-card h3{color:var(--heading);margin:0}.scenario-input-card p{color:var(--muted);margin:12px 0 0;line-height:1.75}.compact-list{margin-top:14px}.status-box{border:1px solid var(--line-soft);background:#ffffffb8;border-radius:18px;margin-top:24px;padding:18px}.status-box strong{color:var(--heading)}.status-box p{color:var(--muted);margin:10px 0 0}.status-ok{background:#1b825d14;border-color:#1b825d29}.status-error{background:#b1252514;border-color:#b1252529}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.preview-grid div{border:1px solid var(--line-soft);background:#ffffffb8;border-radius:18px;padding:16px}.preview-grid strong{color:var(--heading);margin-top:8px;display:block}.tab-row{gap:12px;margin-top:20px;display:flex}.tab-btn{border:1px solid var(--line);min-height:42px;color:var(--heading);font:inherit;cursor:pointer;background:#ffffffb8;border-radius:999px;padding:0 16px}.tab-btn.active{color:var(--brand);background:#0b5b4f1f;border-color:#0b5b4f38}.two-column-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.map-overview-board{border:1px solid var(--line-soft);background:radial-gradient(circle at 20% 18%,#0b5b4f2e,#0000 18%),radial-gradient(circle at 74% 30%,#1d8f6c1f,#0000 22%),radial-gradient(circle at 60% 70%,#e1a6361f,#0000 18%),linear-gradient(#eff6f3fa,#dfece5fa);border-radius:28px;min-height:480px;margin-top:24px;position:relative;overflow:hidden}.map-grid-lines{background-image:linear-gradient(#133a3414 1px,#0000 1px),linear-gradient(90deg,#133a3414 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0}.map-point{color:#fff;cursor:pointer;z-index:2;background:linear-gradient(135deg,#0b5b4f,#18775d);border:2px solid #fffffff2;border-radius:999px;place-items:center;width:42px;height:42px;margin-top:-21px;margin-left:-21px;font-weight:700;display:grid;position:absolute;box-shadow:0 16px 28px #0b5b4f3d}.map-point.active{background:linear-gradient(135deg,#b96f18,#d48a2e);transform:scale(1.08)}.map-point span{letter-spacing:.08em;font-size:12px}.amap-shell{border:1px solid var(--line-soft);background:#eff6f3fa;border-radius:28px;margin-top:24px;overflow:hidden}.amap-canvas{width:100%;min-height:520px}.amap-canvas .amap-marker-label{color:var(--heading);background:#fffffff0;border:1px solid #11251f1f;border-radius:10px;padding:6px 8px;box-shadow:0 12px 24px #11251f14}.back-link{color:var(--brand);text-align:center}.snake-layout{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:24px;display:grid}.snake-panel,.snake-side-panel{gap:24px;display:grid}.snake-page-actions{align-content:start}.snake-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.snake-board{aspect-ratio:1;border:1px solid var(--line-soft);background:linear-gradient(#f8fbf9f5,#ecf3eff5);border-radius:24px;gap:6px;width:min(100%,560px);padding:12px;display:grid}.snake-cell{background:#0b5b4f0f;border:1px solid #0b5b4f0a;border-radius:8px}.snake-cell-body{background:#0b5b4fb8;border-color:#0b5b4f33}.snake-cell-head{background:#0b5b4f;box-shadow:inset 0 0 0 2px #fff3}.snake-cell-food{background:#c26d2a;border-color:#c26d2a38}.snake-hint{color:var(--muted);margin:0}.snake-control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.snake-control-btn{min-height:56px}.snake-control-up,.snake-control-down{grid-column:1/-1}@media (width<=1180px){.app-frame{grid-template-columns:1fr}.sidebar{gap:16px}.side-nav{grid-template-columns:repeat(6,minmax(0,1fr))}.sidebar-card{margin-top:0}.hero-panel,.section-grid,.stats-grid,.ai-grid,.scenario-input-grid,.binding-form,.two-column-grid,.preview-grid,.login-panel,.snake-layout,.snake-stats{grid-template-columns:1fr}}@media (width<=760px){.main-shell{padding:14px 10px 24px}.topbar,.page-header{grid-template-columns:1fr}.topbar-actions,.hero-actions{grid-auto-flow:row}.hero-copy,.panel,.board-card,.login-copy,.login-form{padding:22px}.hero-title,.page-header h2{max-width:none;font-size:30px}.hero-metrics,.sensor-grid,.side-nav,.event-item,.heat-row{grid-template-columns:1fr}}.status-在线{color:#126a4c;background:#1b825d1f}.status-预警{color:#936d00;background:#c3930e24}.status-告警,.status-紧急{color:#9f2020;background:#b125251f}.status-维护{color:#425263;background:#55606e24}.level-紧急{color:#9f2020;background:#b125251f}.level-告警{color:#ad5700;background:#d8700a1f}.level-预警{color:#936d00;background:#c3930e24}