.area-guide-main{overflow:clip}.area-guide-main>.editorial-page-header{margin-bottom:clamp(1.6rem,3vw,2.6rem)}.area-guide-main>.editorial-page-header h1{max-width:14ch}.area-guide-main>.preview-notice{margin-bottom:clamp(3.5rem,6vw,6rem)}.map-section{padding-block:0 clamp(4.5rem,8vw,7.5rem)}.map-section+.map-section{border-top:1px solid var(--color-line);padding-top:clamp(4rem,7vw,7rem)}.map-section__heading{grid-template-columns:minmax(0,1fr) minmax(18rem,34rem);align-items:end;gap:2rem;margin-bottom:clamp(1.7rem,3vw,2.5rem);display:grid}.map-section__heading h2{max-width:15ch;font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(2.6rem,5vw,5rem);font-weight:430;line-height:.98}.map-section__heading p{max-width:52ch;color:var(--color-muted);margin:0;line-height:1.72}.sanya-map-layout,.region-map-layout{align-items:stretch;gap:clamp(1rem,2vw,1.5rem);display:grid}.sanya-map-layout{grid-template-columns:minmax(0,2.15fr) minmax(19rem,.85fr)}.region-map-layout{grid-template-columns:minmax(0,1.42fr) minmax(20rem,.88fr)}.orientation-map{border:1px solid var(--color-line);background:#edf4f2;border-radius:.9rem;grid-template-rows:minmax(0,1fr) auto auto;min-width:0;margin:0;display:grid;overflow:hidden}.orientation-map__canvas{min-height:0;overflow:hidden}.orientation-map__svg{color:#075f611f;width:100%;height:100%;font-family:var(--font-sans);display:block}.orientation-map--sanya .orientation-map__svg{aspect-ratio:16/9}.orientation-map--region .orientation-map__svg{aspect-ratio:760/650}.orientation-map__sea{fill:#eaf3f2}.orientation-map__sea-pattern{fill:url(#sanya-sea-lines);opacity:.42}.orientation-map--region .orientation-map__sea-pattern{fill:url(#region-sea-lines)}.sanya-land-base{fill:#f5f0e5}.sanya-land-base__texture{fill:url(#sanya-land-lines);color:#13292a14;opacity:.35;pointer-events:none}.sanya-district{stroke:#7d8c84;stroke-width:1.2px;vector-effect:non-scaling-stroke;transition:fill .18s,stroke .18s,filter .18s}.sanya-district[data-district-key=yazhou]{fill:#dfe3ca}.sanya-district[data-district-key=tianya]{fill:#f2e2bc}.sanya-district[data-district-key=jiyang]{fill:#ded8e4}.sanya-district[data-district-key=haitang]{fill:#cddfda}.sanya-district.is-active{stroke:var(--color-lagoon);stroke-width:2.25px;filter:saturate(1.14)}.sanya-district__texture{fill:url(#sanya-land-lines);color:#13292a1a;opacity:.45;pointer-events:none}.sanya-coastline,.hainan-coastline{fill:none;stroke:#74847d;stroke-width:1.6px;vector-effect:non-scaling-stroke;pointer-events:none}.sanya-district-label{fill:var(--color-ink);font-family:var(--font-display);paint-order:stroke;stroke:#fffdf8db;stroke-width:4px;stroke-linejoin:round;font-size:20px;font-weight:520}.sanya-district-label__zh{font-family:var(--font-sans);font-size:13px;font-weight:700}.visitor-anchor{opacity:.67;transition:opacity .18s}.visitor-anchor line{stroke:var(--color-lagoon);stroke-width:1.25px;stroke-linecap:round;vector-effect:non-scaling-stroke}.visitor-anchor__halo{fill:#fffdf8d9;stroke:#075f6133;stroke-width:1px;vector-effect:non-scaling-stroke}.visitor-anchor__dot{fill:var(--color-lagoon);stroke:#fff;stroke-width:1.5px;vector-effect:non-scaling-stroke}.visitor-anchor text{fill:var(--color-ink);paint-order:stroke;stroke:#fffdf8f5;stroke-width:4px;stroke-linejoin:round;font-size:14px;font-weight:760}.visitor-anchor.is-active{opacity:1}.visitor-anchor.is-active .visitor-anchor__halo{fill:#ef654d2e;stroke:var(--color-coral)}.visitor-anchor.is-active .visitor-anchor__dot{fill:var(--color-coral)}.key-place{opacity:0;visibility:hidden;transition:opacity .16s}.key-place.is-visible{opacity:1;visibility:visible}.key-place line{stroke:#13292a94;stroke-width:1px;stroke-linecap:round;vector-effect:non-scaling-stroke}.key-place__marker{stroke:#fff;stroke-width:1.5px;vector-effect:non-scaling-stroke}.key-place__marker--landmark{fill:var(--color-coral)}.key-place__marker--rail{fill:var(--color-lagoon)}.key-place text{fill:var(--color-ink);paint-order:stroke;stroke:#fffdf8fa;stroke-width:3.6px;stroke-linejoin:round;font-size:11.5px;font-weight:760}.map-layer-controls{background:#f5f0e5b8;border-top:1px solid #13292a1a;justify-content:space-between;align-items:center;gap:1rem;min-height:3.8rem;padding:.72rem 1rem;display:flex}.map-layer-controls__intro{align-items:center;gap:.9rem;display:flex}.map-layer-controls__intro>strong{font-family:var(--font-display);font-size:1.05rem;font-weight:560}.key-place-legend{color:var(--color-muted);gap:.7rem;font-size:.68rem;font-weight:680;display:flex}.key-place-legend>span{align-items:center;gap:.32rem;display:inline-flex}.key-place-legend i{border:1px solid #fff;width:.58rem;height:.58rem;display:inline-block;box-shadow:0 0 0 1px #13292a1f}.key-place-legend__landmark{background:var(--color-coral);transform:rotate(45deg)scale(.78)}.key-place-legend__rail{background:var(--color-lagoon);border-radius:.12rem}.map-layer-toggle{color:var(--color-ink);cursor:pointer;align-items:center;gap:.55rem;display:inline-flex}.map-layer-toggle input{width:1rem;height:1rem;accent-color:var(--color-lagoon);margin:0}.map-layer-toggle span{display:grid}.map-layer-toggle strong{font-size:.73rem;font-weight:760}.map-layer-toggle small{color:var(--color-muted);margin-top:.08rem;font-size:.62rem}.map-layer-status{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.orientation-map__legend rect{fill:#fffdf8e6;stroke:#13292a1f}.orientation-map__legend path{fill:none;stroke:#7d8c84;stroke-width:2px}.orientation-map__legend circle{fill:var(--color-lagoon);stroke:#fff;stroke-width:2px}.orientation-map__legend text{fill:var(--color-ink);font-size:12px;font-weight:650}.orientation-map__caption{min-height:3.4rem;color:var(--color-muted);background:#fffdf8cc;border-top:1px solid #13292a1a;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;font-size:.68rem;line-height:1.45;display:flex}.orientation-map__caption a{text-underline-offset:.2em;-webkit-text-decoration:underline #075f6159;text-decoration:underline #075f6159}.orientation-map__mobile-hint{display:none}.area-reader,.coverage-definition{border:1px solid var(--color-line);background:var(--color-surface);border-radius:.9rem}.area-reader{overflow:hidden}.area-reader>h3,.coverage-definition__intro{padding:1.4rem 1.5rem}.area-reader>h3{border-bottom:1px solid var(--color-line);font-family:var(--font-display);margin:0;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:480;line-height:1}.area-reader__button{border:0;border-bottom:1px solid var(--color-line);width:100%;min-height:6.7rem;color:var(--color-ink);text-align:left;cursor:pointer;background:0 0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1.25rem 1.45rem;transition:background .16s,color .16s;display:grid}.area-reader__button:last-child{border-bottom:0}.area-reader__button:hover{background:#075f610e}.area-reader__button[aria-pressed=true]{background:var(--color-lagoon);color:#fff}.area-reader__button-copy{min-width:0}.area-reader__button strong{font-family:var(--font-display);font-size:1.33rem;font-weight:500;line-height:1.12;display:block}.area-reader__button small{color:var(--color-muted);margin-top:.45rem;font-size:.73rem;line-height:1.5;display:block}.area-reader__button[aria-pressed=true] small{color:#ffffffc2}.area-reader__button .ph{color:var(--color-lagoon);font-size:1.25rem}.area-reader__button[aria-pressed=true] .ph{color:var(--color-coral)}.hainan-island{fill:#f5f0e5;stroke:#9ca59f;stroke-width:1.2px;vector-effect:non-scaling-stroke}.hainan-island__texture{fill:url(#region-land-lines);color:#13292a1a;opacity:.44;pointer-events:none}.hainan-coastline{stroke-width:1.35px}.regional-area{stroke:#7d8c84;stroke-width:1px;vector-effect:non-scaling-stroke}.regional-area[data-coverage-tier=core]{fill:#ef654d}.regional-area[data-coverage-tier=nearby]{fill:#cbd9c7}.regional-area[data-coverage-tier=extension]{fill:#f0d9a1}.regional-area-label{fill:var(--color-ink);paint-order:stroke;stroke:#fffdf8f2;stroke-width:4px;stroke-linejoin:round;font-size:14px;font-weight:780}.regional-area-label[data-coverage-tier=core]{fill:#9f2e20}.regional-area-label__zh{font-size:11px;font-weight:680}.orientation-map__legend--vertical .legend-nearby{fill:#cbd9c7;stroke:#7d8c84}.orientation-map__legend--vertical .legend-extension{fill:#f0d9a1;stroke:var(--color-sun)}.orientation-map__legend--vertical .legend-core{fill:var(--color-coral);stroke:#fff}.coverage-definition{overflow:hidden}.coverage-definition__intro .section-kicker{color:#9c6a0b}.coverage-definition__intro h3{font-family:var(--font-display);letter-spacing:-.03em;margin:.7rem 0 0;font-size:clamp(2rem,3.4vw,3.2rem);font-weight:450;line-height:1.02}.coverage-tier{border-top:1px solid var(--color-line);grid-template-columns:auto minmax(0,1fr);gap:1rem;padding:1.3rem 1.5rem;display:grid}.coverage-tier__marker{background:#cbd9c7;border-radius:50%;width:1.45rem;height:1.45rem;margin-top:.15rem;box-shadow:0 0 0 5px #74917a1f}.coverage-tier--core .coverage-tier__marker{background:var(--color-coral);box-shadow:0 0 0 5px #ef654d1f}.coverage-tier--extension .coverage-tier__marker{background:var(--color-sun);box-shadow:0 0 0 5px #d79b2721}.coverage-tier h4{font-family:var(--font-display);margin:0;font-size:1.35rem;font-weight:500;line-height:1.15}.coverage-tier p{color:var(--color-muted);margin:.45rem 0 0;font-size:.76rem;line-height:1.55}.explorer-roadmap{background:var(--color-lagoon);color:#fff;border-radius:1rem;margin-top:clamp(0rem,2vw,2rem);padding:clamp(2rem,5vw,4.5rem)}.explorer-roadmap__intro{border-bottom:1px solid #fff3;grid-template-columns:minmax(0,1.05fr) minmax(18rem,.95fr);align-items:end;gap:2rem;padding-bottom:clamp(2rem,4vw,3.5rem);display:grid}.explorer-roadmap .section-kicker{color:#f4c767}.explorer-roadmap h2{max-width:15ch;font-family:var(--font-display);letter-spacing:-.04em;margin:.65rem 0 0;font-size:clamp(2.5rem,5vw,4.8rem);font-weight:430;line-height:.98}.explorer-roadmap__intro>p{color:#ffffffc2;margin:0;line-height:1.72}.explorer-roadmap__grid{background:#fff3;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:2rem;display:grid}.explorer-roadmap__item{background:var(--color-lagoon);min-height:11rem;padding:1.2rem clamp(1rem,2.4vw,2rem)}.explorer-roadmap__item .ph{color:#f4c767;font-size:1.7rem}.explorer-roadmap__item h3{font-family:var(--font-display);margin:1.7rem 0 0;font-size:1.45rem;font-weight:500}.explorer-roadmap__item p{color:#ffffffb3;margin:.5rem 0 0;font-size:.78rem;line-height:1.6}.map-method-note{border:1px solid var(--color-line);color:var(--color-muted);border-radius:.75rem;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1rem;margin-top:1.5rem;padding:1.25rem 1.4rem;display:grid}.map-method-note .ph{color:var(--color-sun);font-size:1.45rem}.map-method-note p{margin:0;font-size:.76rem;line-height:1.65}.map-method-note strong{color:var(--color-ink)}@media (width<=72rem){.sanya-map-layout,.region-map-layout{grid-template-columns:1fr}.area-reader{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.area-reader>h3{grid-column:1/-1}.area-reader__button:nth-child(2n){border-right:1px solid var(--color-line)}}@media (width<=48rem){.map-section__heading,.explorer-roadmap__intro{grid-template-columns:1fr;align-items:start}.map-section__heading{gap:1rem}.orientation-map__caption{flex-direction:column;align-items:flex-start;gap:.25rem}.map-layer-controls{flex-direction:column;align-items:flex-start;gap:.65rem}.map-layer-controls__intro{justify-content:space-between;width:100%}.area-reader{grid-template-columns:1fr}.area-reader__button:nth-child(2n){border-right:0}.explorer-roadmap__grid{grid-template-columns:1fr}.explorer-roadmap__item{min-height:0}}@media (width<=34rem){.orientation-map--sanya .orientation-map__svg{min-width:41rem}.orientation-map--sanya .orientation-map__canvas{overscroll-behavior-inline:contain;overflow-x:auto}.orientation-map__mobile-hint{color:var(--color-lagoon);font-weight:750;display:block}.regional-area-label{font-size:17px}.regional-area-label__zh{display:none}.map-method-note{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.sanya-district,.visitor-anchor,.key-place,.area-reader__button{transition:none}}