:root{--sea:#62cef0;--ink:#deedf9;--paper:#071726;--line:#23465d;--blue:#68c9f1;--navy:#0c2439;--muted:#a6bfd2;--electric:#68c9f1;color-scheme:dark}
body{background:linear-gradient(135deg,#071726,#0b2033 65%,#0b283d);background-attachment:fixed;color:#deedf9;font-family:'PingFang SC','Microsoft YaHei',sans-serif}
header{display:grid;grid-template-columns:minmax(270px,1fr) minmax(650px,780px);grid-template-rows:auto auto;align-items:center;gap:12px 24px;padding:14px 28px 12px;position:relative;isolation:isolate;min-height:0;overflow:visible;border:0;border-top:3px solid #5abde1;border-bottom:1px solid #23465d;background:#091e30}
header::before,header::after,header .skyline-slot::before,header .skyline-slot::after{content:none!important;display:none!important}
header>div:first-child{position:static;grid-column:1;grid-row:1;min-width:0;z-index:auto}
header h1{font-family:'STHeiti','Microsoft YaHei',sans-serif;font-size:26px;letter-spacing:.05em;color:#e5f4ff;white-space:nowrap;margin:0;text-shadow:none}
header .skyline-slot{position:static;inset:auto;grid-column:2;grid-row:1;display:block;z-index:auto;width:100%;height:auto;aspect-ratio:2752/830;min-width:0;max-width:none;opacity:1;background:none;pointer-events:none}
header .header-skyline{display:block;width:100%;height:100%;object-fit:contain;object-position:center;opacity:1;filter:invert(1) sepia(1) saturate(1.1) hue-rotate(150deg) brightness(1.25);mix-blend-mode:screen;mask-image:none}
header .header-right{position:static;grid-column:1/-1;grid-row:2;display:flex;flex-direction:column;align-items:flex-end;gap:5px;width:100%;min-width:0;max-width:100%;background:none;border:0;padding:0}
header nav{display:flex;justify-content:flex-end;flex-wrap:nowrap;gap:3px;width:100%;min-width:0;max-width:100%;overflow:visible;padding:0}
header nav a{flex:0 0 auto;white-space:nowrap;word-break:keep-all;color:#b8d5e9;font-size:13px;line-height:1.5;min-height:40px;padding:8px 11px;border-radius:6px}
header nav a[aria-current=page]{background:#19425d;color:#9feaff;box-shadow:inset 0 0 0 1px #377693}header nav a:hover{background:#173b54;color:#edfbff}.seal{display:block;color:#91adc3;font-size:11px;white-space:nowrap}
.workspace{height:calc(100dvh - 332px);min-height:480px}.sidebar,.controls,.list{background:#0b2134}.sidebar,.controls,.point{border-color:#23465d}
input[type=search],input[type=password],select,.copy-fallback,.faq-tools input{background:#081a2b;color:#deedf9;border-color:#355a72;border-radius:6px}input::placeholder{color:#8eaabe}button{background:#194c6c;color:#e6f7ff;border-color:#3f86a7;border-radius:6px}input[type=checkbox]{accent-color:#68c9f1}fieldset label{color:#c6dfee}
.point button{color:#deedf9}.point p,.point small,.reference-note{color:#a6bfd2}.point:hover{background:#123149}.map-panel{background:#071b2b;background-image:linear-gradient(35deg,transparent 49%,#123246 49%,#123246 50%,transparent 50%)}
.map-status{grid-column:1/-1;grid-row:4;position:static;inset:auto;margin:0;padding:3px 0;background:none;border:0;font-size:12px;color:#f2c48b;box-shadow:none}.map-status[hidden]{display:none!important}
.details{background:#0d2940f7;color:#deedf9;border:1px solid #355b74;border-top:3px solid #68c9f1;border-radius:10px;box-shadow:0 10px 35px #0005}.details p,.details .address{color:#c0d9eb}.navigate{background:#194c6c;color:#edfbff;border-radius:6px;padding:9px;text-align:center;text-decoration:none}
.guide-main,.faq-main{max-width:1240px;padding-top:34px}.guide-intro,.faq-intro{border-bottom:1px solid #23465d;padding-bottom:22px;margin-bottom:26px}.guide-intro h2,.faq-intro h2{font-weight:650;letter-spacing:.04em}.guide-intro p,.faq-intro p,.website-description,.website-host,.service-card p,.prepare-step p,.place-label,.copy-status{color:#a6bfd2}
.service-card,.scenario-card,.website-card,.place-sheet,.prepare-list,.faq-item{background:linear-gradient(145deg,#102c42,#0b2236);border:1px solid #2a4c63;box-shadow:0 8px 24px #0002;border-radius:10px;color:#deedf9}.service-card,.scenario-card{border-top:2px solid #4284a4}.service-card a,.scenario-card a,.point-link,.card-links a,a{color:#80d8f5}.scenario-card a{border-color:#28495e;text-decoration:none;line-height:1.8;font-size:15px}.scenario-card a:hover{text-decoration:underline}.website-card:hover{background:#13364f;border-color:#64b6db}
.faq-help,.faq-disclaimer{background:#103149;color:#b5d1e6;border-color:#62bde0}.faq-help span,.faq-tools #faq-count,.faq-source,.faq-source a{color:#a6bfd2}.faq-tag{background:#193d56;color:#b7def3}.faq-item>summary{color:#deedf9;background:transparent}.faq-item[open]{border-color:#4b8eaf}.faq-answer{color:#c4dbeb}.faq-source,.faq-item[open]>summary,.prepare-step:not(:last-child),.location-card{border-color:#2a4c63}.faq-empty{color:#a6bfd2}
.map-link,.card-actions a,.card-actions button{background:#11334c;color:#9ce2fa;border-color:#39667f}.view-tabs button{background:#0b2134;color:#a8dbf1}.view-tabs button[aria-selected=true]{background:#215578;color:#fff}footer{background:#081b2d;color:#9bb5c9;border-color:#23465d}
.scenario-art{width:160px;height:110px;display:block;margin:0 auto 14px}.scenario-card h3{letter-spacing:.04em}.card-actions button{font:inherit}:focus-visible{outline:3px solid #79d7f5;outline-offset:3px}
@media(max-width:1023px){header{grid-template-columns:1fr;gap:12px;padding:12px 16px 6px}header>div:first-child{grid-column:1;grid-row:1}header h1{font-size:23px}header .skyline-slot{grid-column:1;grid-row:2;max-width:700px;justify-self:center}header .header-right{grid-column:1;grid-row:3;align-items:stretch;gap:0}header nav{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:0}header nav::-webkit-scrollbar{display:none}header .seal{display:none}}
@media(max-width:760px){header{padding:4px 12px;gap:12px;border-top-width:2px}header h1{font-size:19px;line-height:24px}header .skyline-slot{width:100%;height:92px;aspect-ratio:auto}header .header-skyline{display:block}header nav a{min-height:32px;padding:5px 9px;font-size:12px;line-height:22px}.workspace{height:auto;min-height:0}.controls{padding:4px 10px;gap:4px;background:#0b2134}fieldset{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;grid-column:1/-1;margin:0}fieldset label{display:flex;align-items:center;justify-content:center;gap:2px;margin:0;min-height:44px;min-width:0;font-size:12px;white-space:nowrap;padding:2px;border:1px solid #2f566e;border-radius:6px;background:#102e45}fieldset input{width:12px;height:12px;margin:0;flex:none}fieldset .service-icon{width:16px;height:16px;flex:none;font-size:9px}.controls #count{font-size:11px}.view-tabs button{min-height:32px;padding:2px 12px}.map-status{font-size:11px;padding:0;line-height:17px}.guide-main,.faq-main{padding:24px 14px 32px}.guide-intro h2{font-size:26px}.scenario-grid{grid-template-columns:1fr;gap:12px}.scenario-card{padding:20px}.scenario-art{float:right;width:112px;height:84px;margin:0 0 10px 12px}.scenario-card h3{min-height:74px;display:flex;align-items:center;font-size:19px}.scenario-card a{clear:both;font-size:15px}.scenario-card a~a{clear:none}.faq-intro{gap:14px}.faq-intro h2{font-size:27px}.faq-help{padding:9px 12px}.faq-item>summary{font-size:14px}.faq-tag{font-size:10px}.nearby-main{padding:14px 12px 24px}.nearby-main .place-sheet{padding:16px}.nearby-main h2{font-size:23px;margin-bottom:8px}.nearby-main .place-sheet>p{font-size:13px;line-height:1.6;margin:8px 0}.nearby-main select{max-width:100%;width:100%;min-height:42px}.nearby-categories{display:flex;gap:6px;flex-wrap:wrap}.nearby-categories button{min-height:44px;padding:8px 16px;font:inherit;border-radius:8px}.nearby-main #nearby-results{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}
@media(max-width:760px){.controls{padding:2px 10px;gap:2px}#query,#district{min-height:36px;padding:4px 8px}.view-tabs button{min-height:28px;padding:0 12px}.map-status{font-size:10px;line-height:13px}header h1{line-height:22px}header nav a{min-height:30px;padding-block:4px}}
@media print{body{background:white;color:black}.place-sheet{background:white;color:black;box-shadow:none}.place-sheet p,.place-label{color:#222}header,.card-actions,footer{display:none!important}}