:root{--bg:#f4f5f7;--surface:#fff;--text:#253448;--muted:#7c8795;--line:#e2e6ec;--primary:#243b5a;--soft:#e9eef4;--gold:#ad9363}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'Noto Sans SC','Microsoft YaHei',sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-color:#ad9363}button{cursor:pointer}button{border:0;background:transparent;color:inherit}button:disabled{opacity:.5;cursor:default}.layout{display:grid;grid-template-columns:228px 1fr;min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--line);padding:36px 22px;position:fixed;inset:0 auto 0 0;width:228px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 12px 33px}.logo{background:var(--primary);border-radius:15px 15px 15px 3px;color:white;font:28px Georgia;padding:8px 13px}.brand b{font-size:26px;letter-spacing:4px}.brand small{display:block;font-size:9px;letter-spacing:2px;color:var(--muted);margin-top:3px}.nav{display:grid;gap:10px}.nav button{text-align:left;padding:14px 17px;border-radius:9px;color:var(--muted);display:flex;gap:16px;align-items:center}.nav button.active{background:var(--primary);color:#fff}.nav .symbol{font-size:21px;width:22px}.sidebar-bottom{margin-top:auto;padding:20px 12px 0}.sidebar-bottom p{font-size:11px;color:var(--muted);line-height:1.9}.mode-button{border:1px solid var(--line);border-radius:8px;padding:9px 11px;margin-bottom:9px;width:100%;text-align:left}.main{grid-column:2;max-width:1510px;width:100%;padding:0 38px 32px;margin:auto}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:12px}.location{font-size:13px}.location span{color:var(--muted);margin-left:14px}.user{display:flex;align-items:center;gap:12px;font-size:12px}.avatar{border-radius:50%;background:#e4eaf1;padding:10px}.demo{font-size:10px;background:#f3eee3;color:#7d6844;border-radius:4px;padding:4px 7px}.heading{display:flex;align-items:center;justify-content:space-between;margin:26px 0 22px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted);margin-bottom:8px}h1{font-size:25px;font-weight:600;margin:0 0 8px}h2{font-size:18px;margin:0}h3{font-size:15px;margin:0 0 8px}p{line-height:1.7}.sub{color:var(--muted);margin:0;font-size:12px}.pill{padding:7px 11px;border-radius:20px;background:var(--soft);font-size:11px}.hero{min-height:245px;border-radius:15px;overflow:hidden;position:relative;background:#162a45;color:white;display:flex;margin-bottom:24px}.hero-copy{padding:30px 34px;z-index:1;width:60%}.hero-copy .eyebrow{color:#d8c5a2}.hero h2{font-size:31px;line-height:1.5;letter-spacing:1px;font-weight:500}.hero p{color:#c2cfdf;font-size:12px;margin:12px 0 21px}.hero svg{position:absolute;right:0;bottom:0;width:65%;height:100%;opacity:.95}.primary{background:var(--primary);color:white;border-radius:7px;padding:11px 18px}.hero .primary{background:#dcc9a3;color:#24364f}.secondary{border:1px solid var(--line);background:var(--surface);padding:10px 15px;border-radius:7px}.text-button{font-size:12px;color:var(--primary);padding:8px 0}.grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.card{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:21px;margin-bottom:20px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:26px}.quick button{display:flex;align-items:center;gap:13px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:18px 15px;text-align:left}.quick i{font-style:normal;font-size:25px;width:43px;height:43px;border-radius:12px;background:var(--soft);display:grid;place-items:center;color:var(--primary)}.quick b{font-weight:500;display:block;font-size:13px}.quick small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.station{padding:19px 0;border-top:1px solid var(--line);display:flex;gap:16px;align-items:center}.station:first-of-type{border-top:0}.station-art{width:100px;height:88px;background:#e9eef4;border-radius:9px;position:relative;overflow:hidden;flex-shrink:0;display:grid;place-items:center;font-size:34px;color:#617894}.station-art:before{content:'';position:absolute;border-radius:50%;width:120px;height:75px;background:#c2cddb;bottom:-45px;left:-20px}.station-info{flex:1}.station h3{display:flex;align-items:center;gap:9px}.score{font-size:11px;color:var(--primary);padding:4px 6px;background:var(--soft);border-radius:4px}.tags{display:flex;gap:10px;margin-top:10px;font-size:10px;color:#728092;flex-wrap:wrap}.station-right{text-align:right;min-width:85px}.station-right strong{font:22px Georgia}.station-right small{font-size:10px;color:var(--muted)}.station-right button{display:block;margin:12px 0 0 auto;font-size:11px;padding:8px 13px}.source{font-size:9px;color:var(--muted);margin-top:8px}.carbon-card{background:#edf0f5;border-color:#dce3eb}.carbon-value{font:44px Georgia;color:var(--primary);margin:21px 0 14px}.carbon-value small{font:12px sans-serif}.bar{height:7px;background:#dce2e9;border-radius:8px;overflow:hidden;margin:12px 0}.bar span{height:100%;display:block;background:#b29a70}.metric-row{display:flex;justify-content:space-between;margin:12px 0;font-size:12px}.hint{border-radius:7px;background:var(--soft);padding:12px;font-size:11px;line-height:1.8;color:var(--primary)}.weather{display:flex;gap:16px;align-items:center;margin:18px 0}.weather strong{font:30px Georgia}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metrics>div{background:var(--soft);border-radius:9px;text-align:center;padding:15px 8px}.metrics b{font-size:24px;display:block}.metrics small{font-size:10px;color:var(--muted)}.footer{color:var(--muted);font-size:10px;text-align:center;padding:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:12px;line-height:1.7}input:not([type=checkbox]),select,textarea{display:block;width:100%;margin:7px 0 15px;padding:12px;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--text)}textarea{min-height:90px;resize:vertical}.check{display:flex;align-items:center;gap:8px;margin:12px 0 20px}.actions{display:flex;gap:10px;flex-wrap:wrap}.empty{padding:40px;text-align:center;color:var(--muted)}.booking{padding:18px;border:1px solid var(--line);border-radius:10px;margin:12px 0}.booking-code{font:28px monospace;letter-spacing:5px;margin:12px 0;color:var(--primary)}.map{height:345px;position:relative;background:repeating-linear-gradient(0deg,transparent 0 39px,#e0e6ee 40px),repeating-linear-gradient(90deg,#eff2f6 0 39px,#e0e6ee 40px);border-radius:12px;overflow:hidden;margin:18px 0}.map:before{content:'';position:absolute;width:115%;height:42px;background:#fff;border:2px solid #d5dde7;transform:rotate(-12deg);top:48%;left:-5%}.map button{position:absolute;transform:translate(-50%,-50%);background:white;border:1px solid #bdcad9;box-shadow:0 5px 15px #233b5b15;border-radius:7px;padding:9px 12px;font-size:11px;color:#344e6d}.map .you{position:absolute;left:17%;top:58%;font-size:11px;color:#455f7e}.timeline{padding:15px;border-left:2px solid #ad9363;margin:14px 0 14px 8px}.timeline p{margin:8px 0}.night{--bg:#111c2d;--surface:#1b2a40;--text:#e6ecf4;--muted:#abb9cd;--line:#354760;--primary:#a4b9d4;--soft:#283c56}.night .primary,.night .nav button.active{color:#142238}.night .carbon-card{background:#21334c}.night .map{filter:brightness(.75)}.large{font-size:18px}.large .sub,.large .nav button,.large button,.large label,.large .tags,.large .metric-row{font-size:16px}.large h3{font-size:20px}dialog{border:0;border-radius:14px;padding:28px;max-width:480px;width:90%;background:var(--surface);color:var(--text)}dialog::backdrop{background:#14223888}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#243b5a;color:#fff;padding:13px 22px;border-radius:8px;z-index:10;display:none;max-width:90%}.mobile-brand{display:none}.chart{height:140px;display:flex;align-items:flex-end;gap:12px;padding-top:15px}.chart div{flex:1;background:#879ebc;border-radius:5px 5px 0 0;position:relative;min-height:15px}.chart span{position:absolute;bottom:5px;left:0;right:0;text-align:center;font-size:10px;color:#253d5b}.chart-label{display:flex;justify-content:space-around;font-size:10px;color:var(--muted);margin-top:8px}@media(min-width:1450px){.main{padding-left:55px;padding-right:55px}.hero{min-height:280px}.hero-copy{padding-top:38px}}@media(max-width:1150px){.layout{grid-template-columns:185px 1fr}.sidebar{width:185px;padding:28px 14px}.main{padding:0 22px 25px}.grid{grid-template-columns:1fr 260px;gap:16px}.quick button{padding:13px 9px;gap:7px}.quick i{width:30px;font-size:20px}.station-art{width:65px}.hero h2{font-size:27px}}@media(max-width:900px){.grid{grid-template-columns:1fr}.aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hero-copy{width:75%}.quick{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.layout{display:block}.sidebar{position:fixed;top:auto;bottom:0;width:100%;height:70px;padding:4px;z-index:5;border-top:1px solid var(--line)}.brand,.sidebar-bottom{display:none}.nav{display:flex;justify-content:space-around;gap:0}.nav button{display:flex;flex-direction:column;gap:2px;padding:6px 7px;font-size:10px}.nav .symbol{font-size:18px}.nav button.active{background:var(--soft);color:var(--primary)}.main{padding:0 16px 85px}.topbar{height:65px}.location span{display:none}.user{gap:6px}.heading{margin:22px 0 18px}.heading .pill{display:none}h1{font-size:22px}.hero{min-height:238px}.hero-copy{padding:24px;width:90%}.hero h2{font-size:26px}.hero svg{width:100%;opacity:.45}.quick{gap:9px;margin-bottom:20px}.quick button{padding:13px}.card{padding:17px}.aside{display:block}.station{gap:10px}.station-art{width:53px;height:73px;font-size:25px}.station-right{min-width:70px}.station h3{font-size:13px;flex-wrap:wrap}.tags{gap:6px}.source{font-size:8px}.form-grid{grid-template-columns:1fr}.metrics b{font-size:20px}.hero p{max-width:245px}.demo{font-size:9px}.avatar{display:none}}

/* Gold accents on the blue foundation. */
.logo{color:#dfcca8}.score{background:#f3eee3;color:#7d6844}.bar span{background:var(--gold)}.hero .primary{background:#dcc9a3;color:#24364f}.nav button.active .symbol{color:#dcc9a3}.quick button:nth-child(2) i,.quick button:nth-child(3) i{background:#f3eee3;color:#7d6844}.night .score{background:#443d32;color:#e0ccaa}.night .hero .primary{color:#24364f}.night .tags{color:#abb9cd}@media(max-width:640px){.nav button.active .symbol{color:#8a734d}}

/* Deep ocean blue with restrained champagne accents. */
.hero{background:linear-gradient(120deg,#14253d 0%,#243b5a 62%,#344e70 100%)}.logo{background:linear-gradient(145deg,#1c2e48,#344e70)}.hero .primary{box-shadow:0 3px 12px #0f203526}.carbon-card{background:linear-gradient(135deg,#f0f3f7,#e7edf4)}.night .carbon-card{background:linear-gradient(135deg,#21334c,#1b2a40)}

/* Richer blue canvas behind the content cards. */
:root{--bg:#dbe5f1;--line:#cbd7e5}
body{background:radial-gradient(ellipse at 90% 0%,#aebfd7 0%,transparent 48%),linear-gradient(145deg,#cbd9ea 0%,#dfe7f1 48%,#c4d3e6 100%);background-attachment:fixed}
.sidebar{background:#edf2f8;border-right-color:#c6d3e3}
.topbar{border-bottom-color:#bdccdf}
.card,.quick button{box-shadow:0 6px 22px #243b5a09}
.night{--bg:#111c2d;--line:#354760;background:radial-gradient(ellipse at 90% 0%,#263f60 0%,transparent 48%),linear-gradient(145deg,#111c2d,#1b2d46);background-attachment:fixed}
.night .sidebar{background:#1b2a40;border-right-color:#354760}
.night .topbar{border-bottom-color:#354760}

/* 0929 full-journey visual upgrade */
:root{--navy:#0d2440;--navy2:#173d64;--navy3:#2a5a84;--mist:#d8e5f2;--champagne:#d8b777;--champagne-soft:#f4ead6}
body{background:radial-gradient(circle at 82% 0,#9eb5cf 0,transparent 34%),linear-gradient(140deg,#b9cce0 0,#dbe6f2 42%,#b8cbe0 100%)}
.sidebar{background:linear-gradient(180deg,#0b213b 0%,#102f50 58%,#173d64 100%);border:0;color:#f6f8fb;box-shadow:12px 0 32px #0d244024}
.brand small,.sidebar-bottom p{color:#a9bdd2}.logo{background:linear-gradient(145deg,#d8b777,#b59050);color:#0d2440;box-shadow:0 8px 20px #07192b55}.nav button{color:#b5c7d9}.nav button.active{background:linear-gradient(100deg,#284f74,#365f85);box-shadow:inset 3px 0 0 var(--champagne);color:#fff}.nav button.active .symbol{color:#f0d59f}.sidebar .mode-button{border-color:#365675;background:#173451;color:#dce6ef}.topbar{border:0;margin:12px 0 0;padding:0 18px;height:64px;border-radius:12px;background:#eff5fbcc;box-shadow:0 8px 30px #1b355218;backdrop-filter:blur(12px)}
.heading{margin-top:28px}.heading h1{font-size:28px;color:#102b49}.heading .pill{background:#d1dfed;color:#315475;border:1px solid #b9cde0}
.hero{min-height:330px;border-radius:22px;background:linear-gradient(120deg,#081e38 0%,#123759 55%,#315f86 100%);box-shadow:0 24px 60px #0d244038;margin-bottom:18px}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071a2e99 0,transparent 70%);pointer-events:none}.hero-copy{padding:38px 40px;width:61%;position:relative;z-index:2}.hero h2{font-size:36px;line-height:1.45}.hero p{font-size:13px;max-width:400px}.hero-actions{display:flex;gap:12px;align-items:center}.hero .ghost{border:1px solid #a9c1d9;color:#e8eff6;border-radius:8px;padding:10px 16px;background:#ffffff0a}.hero-actions span{margin-left:14px}.hero-stats{display:flex;gap:24px;margin-top:28px;color:#b8c9d9;font-size:10px}.hero-stats b{color:#f0d59f;font-size:18px;margin-right:4px}.hero-status{position:absolute;right:22px;top:20px;z-index:3;background:#0b2038bb;border:1px solid #8aa8c644;border-radius:10px;padding:10px 13px;display:grid;grid-template-columns:auto 1fr;gap:1px 8px;font-size:10px}.hero-status small{grid-column:2;color:#9eb2c8}.live-dot{width:7px;height:7px;background:#8dd6ad;border-radius:50%;margin-top:4px;box-shadow:0 0 0 4px #8dd6ad22}.quick{position:relative;z-index:3;margin-top:-40px;padding:0 20px}.quick button{border:0;box-shadow:0 12px 28px #0d24401c;padding:17px 16px}.quick button:hover,.companion-grid button:hover{transform:translateY(-2px);box-shadow:0 16px 34px #0d244026}.quick button,.companion-grid button{transition:.2s ease}.quick em{font-style:normal;margin-left:auto;color:#9b7b42}.journey-section{padding:24px 0 28px}.companion-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.companion-grid button{position:relative;text-align:left;background:linear-gradient(145deg,#0e2b49,#1b4a73);color:#fff;border-radius:14px;padding:22px 18px;min-height:184px;overflow:hidden}.companion-grid button:after{content:'';position:absolute;width:90px;height:90px;border:1px solid #ffffff14;border-radius:50%;right:-28px;bottom:-35px}.companion-grid .step-num{position:absolute;right:14px;top:12px;color:#ffffff2c;font:28px Georgia}.companion-grid i{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:#d8b777;color:#102b49;font-style:normal;font-size:20px}.companion-grid small{display:block;color:#9fb7cc;margin-top:16px}.companion-grid b{display:block;font-size:15px;margin:5px 0}.companion-grid p{color:#becddb;font-size:11px;margin:0;line-height:1.7}.companion-grid em{display:block;color:#e3c98e;font-style:normal;font-size:10px;margin-top:12px}.card{border:1px solid #c5d5e5;border-radius:16px;box-shadow:0 10px 28px #18385610}.station-art{background:linear-gradient(145deg,#dce8f4,#b9cce0)}.score{background:var(--champagne-soft);color:#80652f}.persona-card{background:linear-gradient(135deg,#eff5fa,#dfeaf4)}.persona-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.persona-grid article{background:#fff;border:1px solid #ccdae7;border-radius:12px;padding:16px;display:flex;gap:12px}.persona-icon{display:grid;place-items:center;flex:0 0 40px;height:40px;background:#173d64;color:#e5c98f;border-radius:10px}.persona-grid span{font-size:9px;color:#9b7b42;background:#f5ecdc;padding:3px 6px;border-radius:20px}.persona-grid h3{margin:8px 0 3px}.persona-grid p{font-size:10px;color:#728093;margin:0}.status-good{font-size:10px;color:#26764c;background:#e3f4e9;padding:5px 9px;border-radius:20px}.sun{font-size:38px;color:#cfaa62}.comfort-ring{display:grid;grid-template-columns:1fr 1fr;gap:9px}.comfort-ring div{background:#edf3f8;border-radius:10px;padding:11px;text-align:center}.comfort-ring b{font:24px Georgia;color:#173d64;display:block}.comfort-ring small{font-size:9px;color:#7a8794}.queue-list{margin:15px 0}.queue-list p{display:grid;grid-template-columns:1fr auto;gap:2px;margin:0;padding:10px 0;border-top:1px solid #dce5ee}.queue-list b{font-size:11px;color:#183e62}.queue-list em{grid-column:1/3;font-size:9px;color:#8b97a4;font-style:normal}.carbon-card{background:linear-gradient(145deg,#163b61,#0e2845);border:0;color:#fff}.carbon-card .sub,.carbon-card .metric-row{color:#afc0d0}.carbon-card .carbon-value{color:#efd69e}.carbon-card .text-button{color:#efd69e}.gold-mark{color:#e3c98e;font-size:24px}.safety-card{background:linear-gradient(135deg,#0c223c,#244e73);color:#fff;border:0;position:relative;overflow:hidden}.safety-card:after{content:'☾';position:absolute;right:16px;top:9px;font-size:64px;color:#ffffff10}.safety-card span{font-size:9px;letter-spacing:2px;color:#e3c98e}.safety-card p{font-size:11px;color:#bbcbd9}.safety-card .text-button{color:#e3c98e}.night .heading h1{color:#e6ecf4}.night .topbar{background:#162a40cc}.night .persona-card{background:#182e46}.night .persona-grid article,.night .comfort-ring div{background:#203951;border-color:#35526e}.night .carbon-card{background:linear-gradient(145deg,#173d64,#0b213b)}
@media(max-width:1150px){.companion-grid{grid-template-columns:repeat(2,1fr)}.persona-grid{grid-template-columns:1fr}.hero-copy{width:72%}.hero-status{display:none}}
@media(max-width:900px){.persona-grid{grid-template-columns:repeat(3,1fr)}.aside{grid-template-columns:1fr 1fr}.safety-card{grid-column:1/3}}
@media(max-width:640px){body{background:linear-gradient(150deg,#b4c8dd,#dbe6f2)}.topbar{margin-top:8px;height:56px;padding:0 10px}.heading h1{font-size:23px}.hero{min-height:300px;border-radius:18px}.hero-copy{padding:27px 24px;width:100%}.hero h2{font-size:29px}.hero-actions{align-items:flex-start;flex-direction:column;gap:8px}.hero .ghost{display:none}.hero-stats{gap:12px;margin-top:20px}.hero-stats span:last-child{display:none}.quick{margin-top:-28px;padding:0 8px}.quick em{display:none}.companion-grid{grid-template-columns:1fr 1fr;gap:9px}.companion-grid button{min-height:170px;padding:17px 14px}.persona-grid{grid-template-columns:1fr}.aside{display:block}.safety-card{grid-column:auto}.nav button:nth-child(6){display:none}}

/* Functional service center and closed-loop records */
.care-hero{background:linear-gradient(120deg,#0b2542,#1c4f78);color:#fff;border-radius:18px;padding:27px 30px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;gap:25px}.care-hero h2{font-size:23px}.care-hero p{color:#b9cad9;font-size:11px}.care-hero label{width:220px;color:#d8e4ef}.care-hero select{margin-bottom:0;background:#ffffff12;border-color:#7b9ab5;color:#fff}.queue-ticket{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:10px;background:#f2e8d4;border:1px solid #d9bd84;border-radius:14px;padding:17px;margin-bottom:20px;align-items:center}.queue-ticket div{border-right:1px solid #d7c29b;padding:0 18px}.queue-ticket small{display:block;color:#806a45}.queue-ticket b{font:22px Georgia;color:#173d64}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.service-card{background:#fff;border:1px solid #c5d5e5;border-radius:15px;padding:20px;box-shadow:0 10px 28px #18385610}.service-card>i{display:grid;place-items:center;width:43px;height:43px;border-radius:11px;background:#173d64;color:#e5c98f;font-style:normal;font-size:21px}.service-card>span{display:inline-block;font-size:9px;color:#8a6b34;margin-top:14px}.service-card h3{font-size:16px;margin:5px 0}.service-card p{font-size:10px;color:#788695;min-height:50px}.service-meta{display:flex;justify-content:space-between;background:#eef3f7;border-radius:8px;padding:9px;font-size:10px}.service-meta em{font-style:normal;color:#9a793f}.service-card .actions{margin-top:13px}.service-card .actions button{flex:1;font-size:10px;padding:9px}.guard-grid{display:grid;gap:12px}.guard-grid article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:15px;border:1px solid var(--line);border-radius:11px}.guard-grid article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#e6edf4;color:#173d64;font-size:20px}.guard-grid h3,.guard-grid p{margin:0}.guard-grid p{font-size:10px;color:var(--muted)}.record{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:11px 0;border-bottom:1px solid var(--line);align-items:center}.record .pill{justify-self:start;grid-row:1/3;margin-right:5px}.record small{grid-column:1;color:var(--muted);font-size:9px}.record span{color:#876b38}.checks{display:flex;gap:20px;flex-wrap:wrap}.route-line{display:flex;gap:8px;margin:24px 0;overflow:auto}.route-line div{min-width:150px;position:relative;background:#edf3f8;border-radius:10px;padding:13px}.route-line span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#173d64;color:#fff;font-size:10px}.route-line b,.route-line small{display:block;margin-top:6px}.route-line small{font-size:9px;color:#748292}.warning,.mode-alert{font-size:9px;color:#76592a;background:#f2e4c6;border-radius:20px;padding:5px 8px}.mode-alert{white-space:nowrap}.green-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.green-actions button{background:#edf3f8;border:1px solid #d3dfe9;border-radius:11px;padding:14px;text-align:left}.green-actions i{font-style:normal;color:#9d7a3d;font-size:20px}.green-actions b,.green-actions small{display:block;margin-top:6px}.green-actions small{font-size:9px;color:#748292}.account-tabs{display:flex;justify-content:space-between;border-bottom:1px solid #b7c9da;margin-bottom:18px;color:#60758a;font-size:11px}.account-tabs span{padding:10px}.account-tabs .active{color:#143c61;border-bottom:2px solid #b39358}.ledger p{display:grid;grid-template-columns:1fr auto;gap:2px;margin:0;padding:11px 0;border-top:1px solid var(--line)}.ledger b{color:#173d64}.ledger small{grid-column:1/3;color:var(--muted);font-size:9px}.ops-metrics{grid-template-columns:repeat(4,1fr);margin-bottom:22px}.weather-mode .main:before{content:'恶劣天气演示：优先选择室内休息区、风雨连廊与就近停靠';display:block;position:sticky;top:0;z-index:8;background:#cfad68;color:#15324e;padding:10px;text-align:center;font-size:11px}.peak-mode .station .primary:after{content:' · 限流'}.night .service-card,.night .guard-grid article,.night .green-actions button{background:#1b324a;border-color:#36526d}.night .service-meta,.night .route-line div{background:#263f58}.night .care-hero{background:linear-gradient(120deg,#071b31,#183d5e)}
@media(max-width:1000px){.service-grid{grid-template-columns:repeat(2,1fr)}.ops-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.care-hero{align-items:stretch;flex-direction:column}.care-hero label{width:100%}.queue-ticket{grid-template-columns:repeat(3,1fr)}.queue-ticket div{padding:0 5px}.queue-ticket button{grid-column:1/4}.service-grid{grid-template-columns:1fr}.green-actions{grid-template-columns:1fr 1fr}.guard-grid article{grid-template-columns:auto 1fr}.guard-grid article button{grid-column:1/3}.ops-metrics{grid-template-columns:1fr 1fr}.checks{display:block}}

/* Premium ink-blue palette: restrained saturation, layered depth, warm metal accents. */
:root{--bg:#a5b8cb;--surface:#eef3f7;--text:#12283e;--muted:#687b8d;--line:#b7c6d4;--primary:#0a2a49;--soft:#dbe5ee;--gold:#c3a367;--navy:#061b31;--navy2:#0a3154;--navy3:#244f73;--mist:#c6d5e2;--champagne:#c9aa6a;--champagne-soft:#eee2cb}
body{background:radial-gradient(ellipse at 82% -8%,#d5e0ea 0%,transparent 36%),radial-gradient(ellipse at 10% 95%,#536f8b55 0%,transparent 42%),linear-gradient(145deg,#7f98b0 0%,#b8c8d7 46%,#7790a8 100%);background-attachment:fixed}
.sidebar{background:linear-gradient(180deg,#04172a 0%,#082744 58%,#0d3557 100%);box-shadow:14px 0 42px #0314243d}.logo{background:linear-gradient(145deg,#d6bc83,#a98548);color:#071c31;box-shadow:0 10px 24px #020f1d88}.nav button.active{background:linear-gradient(100deg,#173f62,#285777);box-shadow:inset 3px 0 0 #d2b574,0 10px 24px #020e1c35}.sidebar .mode-button{background:#0d2f4d;border-color:#2b5271;color:#d8e3ec}
.topbar{background:#dce6eecc;border:1px solid #ffffff66;box-shadow:0 12px 34px #17324c22}.heading h1{color:#092744}.heading .pill{background:#c8d7e4;color:#244966;border-color:#a7bacb}
.hero,.care-hero{background:radial-gradient(circle at 78% 22%,#315f833d 0%,transparent 32%),linear-gradient(125deg,#04182c 0%,#092e50 56%,#1c4b71 100%);box-shadow:0 28px 68px #061a2f48;border:1px solid #597c9a55}.hero:after{background:linear-gradient(90deg,#031425b5 0,transparent 74%)}.hero .primary,.night-card button{background:linear-gradient(110deg,#dfc58e,#b99556);color:#09233c}.hero .ghost{border-color:#8eabc3;color:#e6edf3;background:#d9e6f00b}
.card,.quick button,.service-card{background:linear-gradient(145deg,#f1f5f8f5,#e5ecf2f5);border-color:#b2c3d2;box-shadow:0 14px 34px #102a4218}.quick button:nth-child(2),.quick button:nth-child(3){background:linear-gradient(145deg,#f1f5f8,#e4ebf1);color:#183650}.quick i{background:linear-gradient(145deg,#dbe6ef,#c7d5e2);color:#0d3759}.quick button:nth-child(2) i,.quick button:nth-child(3) i{background:linear-gradient(145deg,#efe4cf,#dfc89c);color:#765b2b}
.companion-grid button{background:radial-gradient(circle at 90% 15%,#ffffff0d 0%,transparent 28%),linear-gradient(145deg,#071f37,#0e3b61);box-shadow:0 16px 36px #06192c2c;border:1px solid #4c719044}.companion-grid i,.persona-icon,.service-card>i{background:linear-gradient(145deg,#d6ba7e,#ae8a4d);color:#08213a}.companion-grid em,.gold-mark,.safety-card span{color:#d9bd80}
.station-art{background:linear-gradient(145deg,#d5e1eb,#aebfd0)}.persona-card,.live-card{background:linear-gradient(145deg,#eaf1f6,#d7e3ed)}.persona-grid article,.comfort-ring div,.service-meta,.green-actions button,.route-line div{background:#e8eef3;border-color:#bdccd9}.carbon-card,.safety-card,.night-card{background:radial-gradient(circle at 100% 0,#3b638333 0%,transparent 40%),linear-gradient(145deg,#061c33,#0b3558);box-shadow:0 18px 42px #071a2e35}.carbon-card .carbon-value{color:#dcc083}.bar{background:#49677f}.bar span{background:linear-gradient(90deg,#9d7b42,#d8bd83)}
.primary{background:linear-gradient(105deg,#082b4b,#174a70);box-shadow:0 8px 20px #08243e30}.secondary{background:#e8eef3;border-color:#aebfce}.pill,.score{background:#ede1ca;color:#765b2d}.hint{background:#d6e2ec;color:#153d5d}.map{background:repeating-linear-gradient(0deg,transparent 0 39px,#bdcbd8 40px),repeating-linear-gradient(90deg,#d9e3eb 0 39px,#bdcbd8 40px)}
.service-card>span,.eyebrow{color:#806632}.service-card p,.persona-grid p{color:#65798b}.queue-ticket{background:linear-gradient(110deg,#eee3cf,#dac49b);border-color:#c4a567}.alert-card{background:linear-gradient(145deg,#edf2f6,#dce6ee)}
.night{--surface:#132d45;--text:#e6edf3;--muted:#9fb1c1;--line:#31506b;--primary:#c7d7e4;--soft:#203e58;background:radial-gradient(ellipse at 85% 0%,#274e6f 0%,transparent 42%),linear-gradient(145deg,#031426,#0a2945);background-attachment:fixed}.night .card,.night .service-card{background:linear-gradient(145deg,#102b43,#173750);border-color:#31516c}.night .topbar{background:#0f2a42dd;border-color:#45647d55}.night .primary{background:linear-gradient(105deg,#cbb175,#a88649);color:#0a2238}
@media(max-width:640px){body{background:radial-gradient(circle at 90% 0,#cfdae4 0%,transparent 34%),linear-gradient(150deg,#7892aa,#aebfd0 54%,#718aa2)}.topbar{background:#dce6eeec}.hero{box-shadow:0 20px 44px #06192e45}}

/* Bright technology-blue palette, inspired by the supplied reference image. */
:root{--bg:#a9c9eb;--surface:#f5f8fc;--text:#123456;--muted:#68839d;--line:#bfd4e8;--primary:#0877b9;--soft:#e1edf8;--gold:#d6aa58;--navy:#07528b;--navy2:#087abd;--navy3:#4b85cf;--mist:#d7e8f7;--champagne:#ddb765;--champagne-soft:#f4e8cf}
body{background:radial-gradient(circle at 78% 8%,#d8d3ff88 0%,transparent 31%),radial-gradient(circle at 12% 92%,#5494d055 0%,transparent 38%),linear-gradient(150deg,#65abe0 0%,#9ec8ed 37%,#b2c8f2 69%,#8eabe0 100%);background-attachment:fixed}
.sidebar{background:linear-gradient(180deg,#064d84 0%,#086ca9 56%,#0a5b94 100%);box-shadow:12px 0 34px #06457438}.logo{background:linear-gradient(145deg,#f2d998,#d8aa55);color:#07548b;box-shadow:0 9px 22px #063b6538}.brand small,.sidebar-bottom p{color:#d0e8f8}.nav button{color:#d4eaf8}.nav button.active{background:linear-gradient(100deg,#0d83c5,#3294d3);box-shadow:inset 3px 0 0 #f0cf83,0 9px 23px #06457835}.sidebar .mode-button{background:#075d96;border-color:#3c8fbe;color:#edf8ff}
.topbar{background:#eef7ffdd;border-color:#ffffff99;box-shadow:0 10px 28px #27639320}.heading h1{color:#0a4b7c}.heading .pill{background:#d9ebf8;color:#27638f;border-color:#b0cfe5}
.hero,.care-hero{background:radial-gradient(circle at 82% 12%,#b8c0ff38 0%,transparent 35%),linear-gradient(125deg,#0679ba 0%,#278fd1 48%,#648bd9 100%);border-color:#b5ddf477;box-shadow:0 25px 58px #176fa53f}.hero:after{background:linear-gradient(90deg,#075f9990 0,transparent 76%)}.hero svg{filter:brightness(1.16) saturate(.9);opacity:.88}.hero .primary,.night-card button{background:linear-gradient(110deg,#f0d28c,#d5aa59);color:#0a4b78}.hero .ghost{border-color:#d7edfb;color:#fff;background:#ffffff12}.hero-status{background:#126fa9c9;border-color:#d3ebfa55}.hero-stats b{color:#ffe2a0}
.card,.quick button,.service-card{background:linear-gradient(145deg,#fbfdffef,#edf5fbef);border-color:#bcd4e7;box-shadow:0 13px 31px #1d70a818}.quick button:nth-child(2),.quick button:nth-child(3){background:linear-gradient(145deg,#fbfdff,#edf5fb);color:#16517c}.quick i{background:linear-gradient(145deg,#e4f1fa,#cfe5f5);color:#0873ae}.quick button:nth-child(2) i,.quick button:nth-child(3) i{background:linear-gradient(145deg,#f7edd9,#ead5ad);color:#8b692d}
.companion-grid button{background:radial-gradient(circle at 88% 12%,#bfc6ff33 0%,transparent 33%),linear-gradient(145deg,#0875b4,#326fc0 72%,#667ad0);border-color:#c9e8fa55;box-shadow:0 15px 34px #1b69a12c}.companion-grid i,.persona-icon,.service-card>i{background:linear-gradient(145deg,#efd18a,#d4a855);color:#095486}.companion-grid small,.companion-grid p{color:#e0f1fb}.companion-grid em,.gold-mark,.safety-card span{color:#ffe09b}
.station-art{background:linear-gradient(145deg,#e1f0fa,#bddcf0)}.persona-card,.live-card{background:linear-gradient(145deg,#f4f9fd,#e1eff8)}.persona-grid article,.comfort-ring div,.service-meta,.green-actions button,.route-line div{background:#edf6fc;border-color:#c2d9e9}.carbon-card,.safety-card,.night-card{background:radial-gradient(circle at 100% 0,#aabaff35 0%,transparent 40%),linear-gradient(145deg,#0871ad,#285fad 65%,#596fc1);box-shadow:0 17px 39px #17669c32}.carbon-card .carbon-value{color:#ffe09a}.bar{background:#a6c8df}.bar span{background:linear-gradient(90deg,#d1a24e,#f0d18c)}
.primary{background:linear-gradient(105deg,#0876b6,#2b83c2);box-shadow:0 7px 18px #1674ad2b}.secondary{background:#f2f8fc;border-color:#b6d0e3}.pill,.score{background:#f2e5ca;color:#806028}.hint{background:#dcecf7;color:#1b5d89}.map{background:repeating-linear-gradient(0deg,transparent 0 39px,#c8dcec 40px),repeating-linear-gradient(90deg,#e5f0f8 0 39px,#c8dcec 40px)}
.service-card>span,.eyebrow{color:#8a692c}.service-card p,.persona-grid p{color:#67849c}.queue-ticket{background:linear-gradient(110deg,#f4e9d3,#e5ce9f);border-color:#d1ae67}.alert-card{background:linear-gradient(145deg,#f5f9fc,#e4f0f8)}
@media(max-width:640px){body{background:radial-gradient(circle at 85% 5%,#d7d0ff88 0%,transparent 30%),linear-gradient(150deg,#64a9df,#a4c8ec 58%,#94afe3)}.topbar{background:#f0f8ffef}.hero{box-shadow:0 20px 44px #176fa53b}}

/* Refined with the second reference: airier cyan-blue and less violet. */
body{background:radial-gradient(ellipse at 14% 86%,#f3d7d955 0%,transparent 25%),radial-gradient(ellipse at 76% 0%,#d8effb99 0%,transparent 34%),linear-gradient(150deg,#49a8de 0%,#88c5ea 37%,#b9d8ef 66%,#91b8df 100%);background-attachment:fixed}
.sidebar{background:linear-gradient(180deg,#0579b4 0%,#0869a4 60%,#07578f 100%)}.nav button{color:#e1f3fc}.nav button.active{background:linear-gradient(100deg,#1595cf,#4a9fd1)}
.topbar{background:#f5fbffdf}.heading h1{color:#075181}.heading .pill{background:#e0f1fa;color:#236a96;border-color:#badbeb}
.hero,.care-hero{background:radial-gradient(circle at 80% 9%,#eaf8ff30 0%,transparent 33%),linear-gradient(125deg,#078ccb 0%,#35a2da 52%,#78a9dc 100%);box-shadow:0 24px 55px #217bad38}.hero:after{background:linear-gradient(90deg,#087bb780 0,transparent 75%)}.hero-status{background:#1989bdc9}.hero svg{filter:brightness(1.28) saturate(.78)}
.companion-grid button{background:radial-gradient(circle at 90% 8%,#ffffff24 0%,transparent 31%),linear-gradient(145deg,#0a88c5,#348bc8 68%,#6d91d5)}
.carbon-card,.safety-card,.night-card{background:radial-gradient(circle at 100% 0,#ffffff22 0%,transparent 38%),linear-gradient(145deg,#0787c4,#327dc1 66%,#6485d0)}
.card,.quick button,.service-card{background:linear-gradient(145deg,#ffffffed,#eef7fced);border-color:#c3ddeb}.persona-card,.live-card{background:linear-gradient(145deg,#f8fcff,#e6f3fa)}.station-art{background:linear-gradient(145deg,#e7f5fc,#c5e3f2)}
.primary{background:linear-gradient(105deg,#078bc7,#3a94ce)}.hint{background:#e2f1f8}.service-meta,.green-actions button,.route-line div,.persona-grid article,.comfort-ring div{background:#f1f8fc}
@media(max-width:640px){body{background:radial-gradient(circle at 12% 86%,#f3d6db55 0%,transparent 24%),linear-gradient(150deg,#4da9de,#91c9e9 55%,#a9cbea)}.hero{box-shadow:0 18px 40px #217bad34}}

/* Mature corporate system: restrained business blue, cool gray and precise geometry. */
:root{--bg:#e8eef3;--surface:#fff;--text:#183144;--muted:#6d7f8c;--line:#d3dde4;--primary:#0b638f;--soft:#edf3f6;--gold:#b58d49;--navy:#0b5379;--navy2:#116b94;--navy3:#4f819a;--mist:#e7eef2;--champagne:#be9857;--champagne-soft:#f1eadf}
body{background:#e7edf2;background-image:linear-gradient(120deg,#edf2f5 0%,#e2eaf0 100%);background-attachment:fixed}
.sidebar{background:linear-gradient(180deg,#0a557d 0%,#0b628c 58%,#084b70 100%);box-shadow:8px 0 24px #17394e25}.logo{border-radius:7px 7px 7px 2px;background:#f2f5f7;color:#0b5c85;box-shadow:none;font-family:'Microsoft YaHei',sans-serif;font-weight:700}.brand b{letter-spacing:3px}.brand small,.sidebar-bottom p{color:#d1e2eb}.nav{gap:5px}.nav button{border-radius:5px;color:#dbeaf1}.nav button.active{background:#ffffff18;box-shadow:inset 3px 0 0 #c39a54;color:#fff}.sidebar .mode-button{border-radius:5px;background:#ffffff08;border-color:#ffffff30;color:#e6f1f6}
.topbar{background:#f8fafbe8;border:1px solid #d6e0e6;border-radius:7px;box-shadow:0 5px 15px #1f3f5412;backdrop-filter:blur(8px)}.demo{border-radius:3px;background:#f0e9dc;color:#785d32}.avatar{background:#e5edf2}.heading h1{color:#17415a;font-size:26px}.heading .pill{border-radius:4px;background:#e8eff3;border-color:#d2dfe6;color:#456779}
.hero,.care-hero{border-radius:10px;background:linear-gradient(115deg,#0b5f88 0%,#247ca0 64%,#6b9eb6 100%);border:0;box-shadow:0 12px 28px #224b621f}.hero:after{background:linear-gradient(90deg,#0a4f75a8 0,transparent 72%)}.hero svg{filter:none;opacity:1}.hero-status{border-radius:4px;background:#0a547ab8;border-color:#ffffff33}.hero h2{font-size:34px;letter-spacing:0}.hero .primary,.night-card button{background:#c29a54;color:#fff;border-radius:4px;box-shadow:none}.hero .ghost{border-radius:4px;background:#ffffff0a;border-color:#b9d3df}.hero-stats b{color:#f0d29b}.live-dot{box-shadow:none}
.card,.quick button,.service-card{background:#fff;border-color:#d4dfe5;border-radius:8px;box-shadow:0 4px 14px #1c405515}.quick{margin-top:-31px}.quick button,.quick button:nth-child(2),.quick button:nth-child(3){background:#fff;color:#244657;border-radius:7px}.quick i,.quick button:nth-child(2) i,.quick button:nth-child(3) i{border-radius:5px;background:#e7f0f4;color:#0d658f;font-family:Arial,sans-serif}.quick em{color:#8a7248}
.companion-grid{gap:10px}.companion-grid button{border-radius:7px;background:linear-gradient(135deg,#11678e,#377e9c);border:0;box-shadow:none;min-height:174px}.companion-grid button:after{display:none}.companion-grid .step-num{font-family:Arial,sans-serif;color:#ffffff24}.companion-grid i,.persona-icon,.service-card>i{border-radius:5px;background:#e8eef1;color:#0c628b;font-family:Arial,sans-serif}.companion-grid small,.companion-grid p{color:#dbeaf0}.companion-grid em{color:#ead4aa}
.station-art{border-radius:5px;background:#e5eef3}.station-art:before{background:#cadbe4}.persona-card,.live-card,.alert-card{background:#f8fafb}.persona-grid article,.comfort-ring div,.service-meta,.green-actions button,.route-line div{background:#f2f6f8;border-color:#d7e2e7;border-radius:5px}.persona-grid span{border-radius:3px;background:#eee7dc;color:#715a35}.status-good,.warning,.mode-alert{border-radius:3px}.carbon-card,.safety-card,.night-card{border-radius:8px;background:linear-gradient(135deg,#0c5d84,#397f9c);box-shadow:none}.carbon-card .carbon-value{color:#f0d39c}.bar{background:#7ca2b5}.bar span{background:#c19a55}
.primary{border-radius:4px;background:#0c6692;box-shadow:none}.secondary{border-radius:4px;background:#fff;border-color:#ccd9e0}.pill,.score{border-radius:3px;background:#ede7dc;color:#735b34}.hint{border-radius:4px;background:#e8f0f4;color:#31566a}.map{border-radius:7px;background:repeating-linear-gradient(0deg,transparent 0 39px,#d7e0e6 40px),repeating-linear-gradient(90deg,#edf2f5 0 39px,#d7e0e6 40px)}.map button{border-radius:4px}.queue-ticket,.service-card,.guard-grid article,.green-actions button,.route-line div{border-radius:6px}.service-card>span,.eyebrow{color:#78613a}.service-card p,.persona-grid p{color:#70818c}
dialog{border-radius:8px}.form-grid input,.form-grid select,input:not([type=checkbox]),select,textarea{border-radius:4px;background:#f3f6f8}.mode-button{border-radius:4px}
.night{--surface:#173546;--text:#e8eff3;--muted:#afbec7;--line:#36566a;--primary:#c4d5df;--soft:#244657;background:#102c3b}.night .card,.night .service-card{background:#17394b;border-color:#365a6e}
@media(max-width:640px){body{background:#e5ecf1}.hero{border-radius:8px}.card{border-radius:7px}.companion-grid button{border-radius:6px}.topbar{background:#f8fafbf2}}

/* Image-led service-area UI: practical scenes with restrained information overlays. */
.hero{
  min-height:360px;
  background-image:linear-gradient(90deg,#052f4fe8 0%,#07466fc2 39%,#0b527c55 65%,#0b527c10 100%),url('./assets/hero-service-area.jpg');
  background-size:cover;background-position:center;color:#fff
}
.hero:after{background:linear-gradient(180deg,transparent 58%,#062d486b 100%)}
.hero svg{display:none}.hero-copy{width:62%;padding-top:44px}.hero p{color:#e5f0f5}.hero-status{background:#073d5fc9;backdrop-filter:blur(10px)}
.quick{margin-top:-48px}.quick button{min-height:132px;position:relative;overflow:hidden;align-items:flex-end;padding:18px;color:#fff!important;border:1px solid #ffffff55;background-size:cover!important;background-position:center!important;box-shadow:0 14px 30px #163b542a}
.quick button:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0b3f5b12 12%,#062c48dd 100%)}
.quick button:nth-child(1){background-image:url('./assets/rest-area.jpg')!important}
.quick button:nth-child(2){background-image:url('./assets/hero-service-area.jpg')!important;background-position:68% center!important}
.quick button:nth-child(3){background-image:url('./assets/family-corner.jpg')!important}
.quick button:nth-child(4){background-image:url('./assets/truck-charging.jpg')!important}
.quick i,.quick span,.quick em{position:relative;z-index:1}.quick i,.quick button:nth-child(2) i,.quick button:nth-child(3) i{background:#f7fbfdde;color:#0b5b83;backdrop-filter:blur(6px)}
.quick small{color:#dcebf2}.quick em{color:#f3d49b}
.companion-grid button{background-size:cover;background-position:center;isolation:isolate}
.companion-grid button:before{content:'';position:absolute;inset:0;background:linear-gradient(150deg,#073756e8 8%,#0a4167c7 56%,#082d46a8);z-index:-1}
.companion-grid button:nth-child(1){background-image:url('./assets/hero-service-area.jpg')}.companion-grid button:nth-child(2){background-image:url('./assets/truck-charging.jpg')}.companion-grid button:nth-child(3){background-image:url('./assets/family-corner.jpg')}.companion-grid button:nth-child(4){background-image:url('./assets/rest-area.jpg')}
.station-art{width:122px;height:92px;background-size:cover!important;background-position:center!important;color:#fff;display:flex;align-items:flex-end;padding:8px}
.station-art:before{inset:0;width:auto;height:auto;border-radius:0;background:linear-gradient(180deg,transparent 45%,#062d48d6)}
.station-art span{position:relative;z-index:1;font-size:9px;letter-spacing:1px}.station-s1 .station-art{background-image:url('./assets/hero-service-area.jpg')}.station-s2 .station-art{background-image:url('./assets/family-corner.jpg')}.station-s3 .station-art{background-image:url('./assets/rest-area.jpg')}
.persona-grid article{min-height:142px;position:relative;overflow:hidden;background-size:cover!important;background-position:center!important;color:#fff;border:0;align-items:flex-end;isolation:isolate}
.persona-grid article:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#082e471f 8%,#062d48e8 100%);z-index:-1}.persona-grid article:nth-child(1){background-image:url('./assets/family-corner.jpg')}.persona-grid article:nth-child(2){background-image:url('./assets/rest-area.jpg')}.persona-grid article:nth-child(3){background-image:url('./assets/truck-charging.jpg')}.persona-grid article p{color:#d9e7ed}.persona-grid span{background:#f0d6a8;color:#57421d}
.care-hero{background-image:linear-gradient(90deg,#063858e8,#0a557db5),url('./assets/rest-area.jpg');background-size:cover;background-position:center}
.service-card{overflow:hidden;padding-top:0}.service-card:before{content:'';display:block;height:98px;margin:0 -20px 18px;background-size:cover!important;background-position:center!important}.service-laundry:before,.service-wake:before{background-image:linear-gradient(90deg,#0b537930,#0b537910),url('./assets/rest-area.jpg')}.service-meal:before,.service-familycart:before{background-image:linear-gradient(90deg,#0b537930,#0b537910),url('./assets/family-corner.jpg')}.service-tire:before{background-image:linear-gradient(90deg,#0b537930,#0b537910),url('./assets/truck-charging.jpg')}.service-accessible:before{background-image:linear-gradient(90deg,#0b537930,#0b537910),url('./assets/hero-service-area.jpg')}
@media(max-width:900px){.hero-copy{width:78%}.quick button{min-height:118px}.station-art{width:94px}}
@media(max-width:640px){.hero{min-height:355px;background-position:61% center}.hero-copy{width:100%;padding-top:32px}.quick{margin-top:-34px}.quick button{min-height:124px;align-items:flex-end}.quick i{position:absolute;right:12px;top:12px}.quick span{max-width:125px}.companion-grid button{min-height:184px}.station-art{width:76px;height:82px}}

/* Exact quick-card scenes plus a clearer, brighter road blue. */
:root{--primary:#0878b9;--soft:#e8f3f9;--line:#cedfe9;--navy:#056ca9;--navy2:#087ebd;--navy3:#4c9bc5}
body{background:#edf4f8;background-image:linear-gradient(135deg,#f4f8fb 0%,#e6f1f7 54%,#dcebf4 100%)}
.sidebar{background:linear-gradient(180deg,#0879b6 0%,#066ca8 56%,#055a91 100%)}
.logo{color:#0670ad}.nav button.active{background:#1487c5;box-shadow:inset 3px 0 0 #d9ad5d}.sidebar .mode-button{background:#075f971f;border-color:#a7d5ec88}
.heading h1{color:#07598b}.topbar{border-color:#d2e3ed}.heading .pill{background:#e4f1f8;color:#24739e;border-color:#c8e0ed}
.hero{background-image:linear-gradient(90deg,#004d83e8 0%,#0069a9c9 45%,#087ab34a 76%,#087ab315 100%),url('./assets/hero-service-area.jpg')}
.hero-status{background:#005d94d6}.quick button:before{background:linear-gradient(180deg,#00659b08 8%,#00456fdf 100%)}
.quick button:nth-child(1){background-image:url('./assets/quick-sleep.jpg')!important}
.quick button:nth-child(2){background-image:url('./assets/quick-shower.jpg')!important;background-position:center!important}
.quick button:nth-child(3){background-image:url('./assets/quick-family.jpg')!important}
.quick button:nth-child(4){background-image:url('./assets/quick-truck.jpg')!important}
.companion-grid button:before{background:linear-gradient(150deg,#00548ae8 8%,#0671adc7 58%,#034a78b8)}
.primary{background:#0878b9}.text-button{color:#066da7}.quick i,.quick button:nth-child(2) i,.quick button:nth-child(3) i{color:#0672ad}.carbon-card,.safety-card,.night-card{background:linear-gradient(135deg,#066ba6,#1685bc)}

/* Richer journey-planning content below the main form. */
.plan-extras{margin:28px 0 12px}.plan-extras>.section-head{margin-bottom:14px}.strategy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.strategy-grid article{display:flex;gap:15px;min-height:132px;padding:20px;border-radius:8px;color:#fff;background:linear-gradient(135deg,#0876b4,#1592c9);box-shadow:0 8px 20px #0a6fa41b}.strategy-grid article:nth-child(2){background:linear-gradient(135deg,#076aa6,#0d83bb)}.strategy-grid article:nth-child(3){background:linear-gradient(135deg,#086399,#177ba9)}.strategy-grid article>span{font:28px Georgia;color:#f0d297;opacity:.95}.strategy-grid small{color:#cae7f4}.strategy-grid h3{margin:7px 0 5px;font-size:15px}.strategy-grid p{margin:0;color:#e2f1f7;font-size:10px;line-height:1.7}.plan-detail-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}.plan-detail-grid .card{margin:0}.prep-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.prep-list label{padding:13px;background:#eef6fa;border:1px solid #d2e4ed;border-radius:5px;color:#315b72}.prep-list input{accent-color:#0878b9;margin-right:8px}.preference-card>div{display:grid;grid-template-columns:94px 1fr;gap:8px;padding:10px 0;border-top:1px solid #dce7ed}.preference-card>div:first-of-type{margin-top:12px}.preference-card b{color:#0872ad;font-size:11px}.preference-card p{margin:0;color:var(--muted);font-size:10px}.saved-route-card>button{display:grid;grid-template-columns:1fr auto;text-align:left;width:100%;padding:12px 0;border-top:1px solid #dce7ed}.saved-route-card b,.saved-route-card small{display:block}.saved-route-card small{font-size:9px;color:var(--muted);margin-top:4px}.saved-route-card em{grid-column:2;grid-row:1/3;align-self:center;color:#0875b2;font-style:normal;font-size:10px}.night .prep-list label{background:#21475b;border-color:#376277;color:#dce9ef}.night .preference-card>div,.night .saved-route-card>button{border-color:#365a6e}
@media(max-width:1150px){.plan-detail-grid{grid-template-columns:1fr 1fr}.saved-route-card{grid-column:1/3}}
@media(max-width:700px){.strategy-grid,.plan-detail-grid{grid-template-columns:1fr}.saved-route-card{grid-column:auto}.prep-list{grid-template-columns:1fr}.strategy-grid article{min-height:auto}}
.route-summary{display:grid;grid-template-columns:150px 150px minmax(220px,1fr);gap:10px;margin:18px 0}.route-summary>span{display:flex;flex-direction:column;justify-content:center;min-height:72px;padding:12px 15px;border:1px solid #c8dce8;background:#eef7fb;border-radius:7px}.route-summary b{color:#086b9e;font-size:20px;line-height:1.2}.route-summary span:last-child b{font-size:13px}.route-summary small{margin-top:5px;color:var(--muted)}.route-line .recommended{background:#e4f3fa;border:1px solid #6eb5d4}.route-line .recommended span{background:#c69b4c}.route-station{grid-template-columns:54px minmax(0,1fr) auto}.route-station-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:7px;background:#e4f2f8;border:1px solid #aed0df;color:#086892;font:700 16px Georgia}.route-recommended{border-color:#c7a45d;box-shadow:inset 3px 0 #c7a45d}.route-recommended .route-station-mark{background:#f4ead4;border-color:#d8bd82;color:#806327}.route-note{margin:14px 0;padding:12px 14px;border-left:3px solid #c7a45d;background:#f4f0e8;color:#5f6f79;font-size:10px;line-height:1.7}.saved-route-card{max-height:420px;overflow:auto}.night .route-summary>span,.night .route-note{background:#21475b;border-color:#376277;color:#dce9ef}.night .route-station-mark{background:#21475b;border-color:#4d7084;color:#e5c98f}
@media(max-width:700px){.route-summary{grid-template-columns:1fr 1fr}.route-summary>span:last-child{grid-column:1/3}.route-station{grid-template-columns:42px 1fr}.route-station .station-right{grid-column:2;text-align:left}.route-station-mark{width:34px;height:34px}}

/* Chinese expressway service-area reference map; schematic, not navigation. */
.map-layout{grid-template-columns:minmax(0,1fr) 310px}.map-card{overflow:hidden}.real-map{height:510px;background:linear-gradient(180deg,#eaf4ed 0 46%,#e7edf3 46% 79%,#cad6e2 79%);border:1px solid #c9d7e2;border-radius:9px;margin:16px 0 12px;box-shadow:inset 0 0 0 6px #ffffff80}.real-map:before{display:none}.map-building{position:absolute;left:20%;top:9%;width:58%;height:29%;border:2px solid #187bb0;background:linear-gradient(180deg,#fff,#eaf5fb);box-shadow:0 7px 18px #175f8420;border-radius:5px;display:flex;align-items:flex-start;justify-content:center;padding:9px;color:#075f91;letter-spacing:1px}.map-building:after{content:'';position:absolute;left:6%;right:6%;bottom:-9px;height:8px;background:repeating-linear-gradient(90deg,#d7a94b 0 18px,#f8f3e8 18px 32px);border:1px solid #d5b875}.map-building span{font-size:9px;color:#5d7182;margin-left:12px;letter-spacing:0}.map-green{position:absolute;left:4%;top:14%;width:13%;height:31%;border:1px solid #8eb99c;border-radius:46% 38% 45% 35%;background:radial-gradient(circle at 20% 28%,#75a983 0 8px,transparent 9px),radial-gradient(circle at 65% 52%,#669c76 0 12px,transparent 13px),#cfe4d4;color:#356845;font-size:10px;display:grid;place-items:center}.map-parking{position:absolute;border:1px solid #9eb1c1;background:repeating-linear-gradient(90deg,#f6f8fa 0 23px,#b6c4cf 24px 25px);color:#365064;padding:8px;font-size:10px}.map-parking b,.map-parking span{display:block;background:#f8fbfddd;width:max-content;padding:2px 5px}.map-parking span{font-size:8px;color:#758896;margin-top:3px}.car-park{left:18%;top:43%;width:43%;height:18%}.truck-park{left:18%;top:64%;width:38%;height:15%;background:repeating-linear-gradient(90deg,#eef2f5 0 37px,#95a9b9 38px 40px)}.charge-park{left:63%;top:43%;width:14%;height:18%;background:repeating-linear-gradient(90deg,#edf8fb 0 22px,#42a8c7 23px 25px)}.map-repair{position:absolute;left:58%;top:65%;width:18%;height:13%;border:1px dashed #7b8f9f;background:#eef2f5;display:grid;place-items:center;color:#536a7c;font-size:10px}.map-fuel{position:absolute;right:4%;top:55%;width:15%;height:22%;border:2px solid #278cc0;background:linear-gradient(90deg,#edf8fc 0 35%,#fff 35%);display:grid;place-items:center;color:#086999;font-weight:600;font-size:10px}.map-fuel:before{content:'92　95　98';position:absolute;top:8px;font-size:7px;color:#6d8392}.walk-route{position:absolute;left:17%;right:20%;top:40%;height:3px;border-top:3px dashed #d49e2f;color:#8b671c;font-size:8px;text-align:center;padding-top:3px}.map-highway{position:absolute;left:0;right:0;bottom:0;height:17%;background:#3a5369;color:white;display:flex;align-items:center;justify-content:center;gap:18px;border-top:4px solid #fff;box-shadow:0 -2px 0 #93a5b4}.map-highway:before,.map-highway:after{content:'';position:absolute;left:0;right:0;height:1px;background:repeating-linear-gradient(90deg,#f1d788 0 35px,transparent 35px 65px)}.map-highway:before{top:34%}.map-highway:after{bottom:31%}.map-highway b{background:#168245;border-radius:4px;padding:5px 8px;z-index:1}.map-highway span{font-size:9px;letter-spacing:2px;z-index:1}.map-ramp{position:absolute;bottom:15%;height:6%;width:25%;border-top:5px solid #71879a;color:#486277;font-size:8px;padding-top:3px}.ramp-in{left:0;transform:rotate(-12deg);transform-origin:left}.ramp-out{right:0;transform:rotate(12deg);transform-origin:right;text-align:right}.real-map .facility-point{z-index:3;position:absolute;transform:translate(-50%,-50%);padding:5px 7px;border:1px solid #8cb4c9;border-radius:4px;background:#fffffff2;box-shadow:0 2px 7px #1b4f6b24;color:#075f91;font-size:9px;font-weight:500}.real-map .facility-point:hover,.real-map .facility-point.selected{background:#087fb8;color:#fff;border-color:#087fb8;z-index:4}.real-map .you{left:7%;top:76%;z-index:2;background:#fff;padding:4px 6px;border-radius:3px;color:#075f91}.map-legend{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:0 0 12px;color:var(--muted);font-size:10px}.map-legend span{display:flex;align-items:center;gap:6px}.map-legend i{width:18px;height:8px;border-radius:2px}.legend-building{background:#e8f5fb;border:1px solid #187bb0}.legend-car{background:#e7edf3;border:1px solid #9eb1c1}.legend-walk{border-top:3px dashed #d49e2f}.legend-road{background:#3a5369}.source-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:14px 0}.source-metrics span{padding:9px;background:var(--soft);border-radius:5px;font-size:9px;color:var(--muted)}.source-metrics b{display:block;color:var(--primary);font-size:15px;margin-bottom:2px}.source-link{display:inline-block;text-decoration:none}.map-source-card{border-top:3px solid #d1a24a}.map-source-card p{margin:8px 0}.night .real-map{filter:brightness(.72) saturate(.85)}
@media(max-width:1050px){.map-layout{grid-template-columns:1fr}.map-layout aside{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.map-layout aside .card{margin-bottom:0}}
@media(max-width:760px){.real-map{height:470px}.map-layout aside{display:block}.map-layout aside .card{margin-bottom:16px}.real-map .facility-point{font-size:8px;padding:4px}.map-building span{display:none}.map-highway span{display:none}.map-legend{gap:10px}}

/* Refined wayfinding map */
.map-card{padding:24px;background:linear-gradient(180deg,#fff 0%,#fbfdfe 100%)}
.real-map{height:540px;border:0;background:linear-gradient(180deg,#e6f2ed 0 42%,#eef3f6 42% 81%,#c8d5e0 81%);box-shadow:0 16px 40px #27546d1a,inset 0 0 0 1px #b9d2df;isolation:isolate}
.real-map:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 8% 11%,#fff8 0 2px,transparent 3px),radial-gradient(circle at 84% 26%,#fff7 0 2px,transparent 3px),linear-gradient(90deg,transparent 49.8%,#7aa0b00d 50%,transparent 50.2%);background-size:34px 34px,47px 47px,100% 100%;pointer-events:none}
.map-building{left:20%;top:8%;width:59%;height:30%;border:0;border-top:5px solid #087db8;border-radius:7px;background:linear-gradient(180deg,#fff 0%,#f5fafc 73%,#e1edf3 74%);box-shadow:0 10px 24px #315a7026,0 0 0 1px #b8d0dc;align-items:flex-start;padding:14px 12px;color:#075f91}
.map-building:before{content:'';position:absolute;left:6%;right:6%;top:47px;height:35px;border-top:1px solid #c6dce6;border-bottom:1px solid #c6dce6;background:repeating-linear-gradient(90deg,#dcecf3 0 1px,transparent 1px 13%)}
.map-building:after{left:7%;right:7%;bottom:-13px;height:12px;border:0;border-radius:0 0 4px 4px;background:repeating-linear-gradient(90deg,#d5a23b 0 22px,#fff8e9 22px 42px);box-shadow:0 3px 8px #9b74282b}
.map-building>b{font-size:13px;letter-spacing:2px}.map-building>span{font-size:8px;margin:2px 0 0 12px}.map-building>em{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);z-index:2;padding:4px 13px;border-radius:10px;background:#fff;color:#8c671f;border:1px solid #d9b664;font-size:8px;font-style:normal;white-space:nowrap}
.map-green{left:3%;top:10%;width:14%;height:35%;border:0;background:linear-gradient(135deg,#d6e9da,#bddac6);box-shadow:inset 0 0 0 1px #8db99b,0 6px 18px #4873541c;display:block;text-align:center;padding-top:74px}
.map-green:before{content:'';position:absolute;inset:8px;border:1px dashed #fff9;border-radius:48%}.map-green i{position:absolute;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#9bc8a4,#4f9365);box-shadow:0 4px 8px #315e3c2e}.map-green i:nth-child(1){left:18%;top:17%}.map-green i:nth-child(2){right:16%;top:32%;width:32px;height:32px}.map-green i:nth-child(3){left:27%;bottom:17%;width:19px;height:19px}.map-green b{display:block;color:#2d6540;font-size:10px}.map-green span{color:#658873;font-size:8px}
.map-parking{border:0;border-radius:5px;background-color:#f8fbfc;box-shadow:inset 0 0 0 1px #aabecb,0 5px 14px #49627612;overflow:hidden}.map-parking:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#fff9,transparent 50%);pointer-events:none}.map-parking b{color:#173d55;font-size:10px}.map-parking span{color:#728895}.map-parking em{position:absolute;left:8px;right:8px;bottom:5px;color:#91a5b2;font-size:7px;font-style:normal;letter-spacing:3px;white-space:nowrap;overflow:hidden}.car-park{background:repeating-linear-gradient(90deg,#f7fafc 0 39px,#9fb5c4 40px 41px)}.truck-park{background:repeating-linear-gradient(90deg,#f2f6f8 0 57px,#8da5b6 58px 60px)}.charge-park{background:repeating-linear-gradient(90deg,#eef9fc 0 35px,#37a7c9 36px 39px)}.charge-park em{color:#0d87b2;font-size:11px;letter-spacing:5px}
.map-repair{border:1px dashed #7691a4;border-radius:5px;background:linear-gradient(135deg,#f7fafc,#e7edf1);box-shadow:0 5px 12px #4c647215;display:flex;flex-direction:column;gap:2px}.map-repair i{font-style:normal;color:#d0a040;font-size:15px}.map-repair span{font-size:7px;color:#81929e}.map-fuel{border:0;border-radius:7px;background:linear-gradient(145deg,#087fb8 0 31%,#fff 31%);box-shadow:0 8px 18px #24576e26,inset 0 0 0 1px #1585b8;display:flex;flex-direction:column;gap:2px}.map-fuel:before{display:none}.map-fuel i{font-style:normal;font-size:16px;color:#fff;position:absolute;left:9px;top:50%;transform:translateY(-50%)}.map-fuel b{font-size:10px;color:#075f91;margin-left:24px}.map-fuel span{font-size:7px;color:#748793;margin-left:24px}
.walk-route{top:40%;height:7px;border-top:0;background:repeating-linear-gradient(90deg,#d9a12d 0 9px,transparent 9px 15px);color:#8e681e;padding:0}.walk-route i{position:absolute;left:48%;top:-10px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #d5a23b;font-style:normal;font-size:10px}.walk-route span{position:absolute;top:9px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#fff9;padding:2px 6px;border-radius:8px;font-size:7px}
.service-road{position:absolute;left:8%;right:7%;bottom:18%;height:10%;border:8px solid #738ba0;border-top:0;border-radius:0 0 70% 70%;opacity:.82}.service-road span{position:absolute;left:50%;bottom:-13px;transform:translateX(-50%);font-size:7px;color:#50687b;background:#edf2f5;padding:2px 7px;border-radius:8px;white-space:nowrap}.flow{position:absolute;z-index:2;color:#fff;background:#607c90;border-radius:10px;padding:1px 7px;font-size:7px;letter-spacing:3px}.flow-in{left:5%;bottom:20%;transform:rotate(-11deg)}.flow-out{right:5%;bottom:20%;transform:rotate(11deg)}
.map-ramp{border-top-color:#688197;border-top-width:7px;color:#36566d;font-weight:600}.map-highway{height:16%;background:linear-gradient(180deg,#405d73,#2f4c63);border-top:5px solid #f7fafb;box-shadow:0 -3px 0 #98adbd}.map-highway b{padding:7px 15px;background:#087f47;border-radius:5px;box-shadow:0 5px 12px #1235243d;font-size:12px}.map-highway span{color:#d8e4ea}.real-map .you{left:8%;top:75%;display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:12px;box-shadow:0 4px 10px #16435c20;font-weight:600}.real-map .you i{width:9px;height:9px;border-radius:50%;background:#087fb8;box-shadow:0 0 0 4px #cbe8f4}
.real-map .facility-point{display:flex;align-items:center;gap:4px;padding:5px 8px 5px 6px;border:0;border-radius:14px;background:#fffffff5;box-shadow:0 4px 12px #214d6424,0 0 0 1px #9dc7da;color:#075f91;font-size:8px}.real-map .facility-point i{width:6px;height:6px;border-radius:50%;background:#0d8ac4;box-shadow:0 0 0 2px #d9eff8}.real-map .facility-point:hover,.real-map .facility-point.selected{transform:translate(-50%,-50%) scale(1.06);box-shadow:0 7px 18px #07577c35}.real-map .facility-point:hover i,.real-map .facility-point.selected i{background:#f0c56e;box-shadow:none}
.map-compass{position:absolute;right:2.2%;top:3%;z-index:4;width:37px;height:49px;text-align:center;color:#345a70}.map-compass b{display:block;font:10px Georgia}.map-compass i{display:block;width:0;height:0;margin:2px auto;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:18px solid #087fb8;filter:drop-shadow(0 2px 2px #24546c30)}.map-compass span{font-size:7px}.map-scale{position:absolute;left:2.5%;bottom:2.5%;z-index:4;color:#d9e6ed;font-size:7px}.map-scale i{display:block;width:48px;height:5px;border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:2px solid #fff}.map-scale span{display:block;text-align:center;margin-top:2px}
.map-legend{padding:8px 4px 2px;border-bottom:1px solid #dbe8ee}.map-legend small{margin-left:auto;color:#5f7888;font-size:9px}.map-legend i{border-radius:1px}
@media(max-width:760px){.map-card{padding:16px}.real-map{height:500px}.map-compass{display:none}.map-green{padding-top:64px}.map-building>b{font-size:10px}.map-parking em,.service-road span{display:none}.real-map .facility-point{padding:4px 6px}.map-legend small{width:100%;margin-left:0}}

/* Nationwide route-library coverage strip. */
.route-coverage{display:flex;align-items:center;gap:14px;margin:-6px 0 18px;padding:12px 16px;border:1px solid #b9d8e7;border-left:4px solid #d2a34b;border-radius:6px;background:linear-gradient(90deg,#e8f5fb,#f8fbfd);color:#315b72}.route-coverage b{color:#076da6;font-size:16px}.route-coverage span{font-weight:600}.route-coverage small{margin-left:auto;color:#728795}.night .route-coverage{background:#173e52;border-color:#37677e;color:#dce9ef}.night .route-coverage b{color:#f0d096}@media(max-width:640px){.route-coverage{align-items:flex-start;flex-direction:column;gap:3px}.route-coverage small{margin-left:0}}