*{box-sizing:border-box}body{margin:0;background:#e9edf1;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#20354a}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #e78340;outline-offset:4px}header{padding:24px 32px 21px;display:flex;gap:24px;align-items:center;justify-content:space-between;background:#fff}header strong{font-size:18px;font-weight:600}header p{font-size:12px;color:#667781;margin:7px 0 0}.directions{display:flex;gap:7px;flex-wrap:wrap}.directions button{border:1px solid #d7e0e5;background:#fff;color:#4f6471;padding:12px 16px;border-radius:8px;font-size:12px}.directions button[aria-pressed=true]{border-color:#2f7e78;background:#eaf4f2;color:#1c625d}.directions small{margin-left:6px;font-size:10px}.notes{display:flex;justify-content:space-between;gap:20px;padding:18px 32px;font-size:12px;color:#5f747f}.notes p{margin:0;line-height:1.7}.notes strong{color:#20354a;font-weight:600}.notes>span{white-space:nowrap;align-self:center;font-size:11px}.page{--district-accent:#e78340;--ink:#20354a;--muted:#607c86;--sky:#eaf3f5;--paper:#fff;--accent:#2f7e78;--line:#cfdee1;position:relative;margin:0 32px 22px;min-height:690px;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);overflow:hidden;border-radius:18px;background:var(--paper);box-shadow:0 20px 40px -24px #243e5a44;color:var(--ink)}.scene{position:relative;isolation:isolate;min-width:0;padding:28px 34px;background:radial-gradient(ellipse at 55% 55%,#fff8,transparent 70%),var(--sky);overflow:hidden}.scene header{background:none;padding:0;display:block}.brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:var(--ink)}.brand-mark{display:grid;place-items:center;width:34px;height:37px;background:#e78340;color:#fff;border-radius:3px 10px 3px 3px;font-size:19px}.brand>span:last-child{font-size:12px;font-weight:400;padding-left:12px;margin-left:4px;border-left:1px solid var(--line);color:var(--muted)}.scene h1{font-size:32px;letter-spacing:-.04em;line-height:1.4;margin:28px 0 8px;font-weight:600}.scene .subline{font-size:12px;color:var(--muted);margin:0}.map-wrap{position:relative;width:100%;height:420px;margin:7px 0 -1px;perspective:900px}.map-wrap .community-map{width:100%;height:100%;display:block;transform:rotateY(var(--turn,0deg)) translate(var(--pan,0px),var(--lift,0px));transition:transform .3s ease-out}.scene-foot{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.scene-foot button{font-size:11px;border:1px solid var(--line);border-radius:6px;padding:8px 12px;background:transparent;color:var(--muted)}.scene-foot button[aria-pressed=true]{background:var(--paper);border-color:var(--accent);color:var(--accent)}.map-building{outline:none}.detail{position:absolute;left:25px;bottom:70px;min-width:210px;max-width:270px;display:flex;align-items:center;gap:12px;padding:14px;background:var(--paper);border:1px solid var(--line);border-radius:9px;box-shadow:0 8px 20px -10px #20354a33;pointer-events:none}.detail .room-illustration{width:76px;height:62px;flex:none;color:var(--accent)}.detail strong{display:block;font-size:13px;font-weight:600;margin-bottom:7px}.detail p{font-size:11px;line-height:1.7;color:var(--muted);margin:0}.detail .room-illustration svg{display:block;width:100%;height:100%}.login{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:40px 42px;background:var(--paper);color:var(--ink);border-left:1px solid var(--line)}.login h2{font-size:25px;letter-spacing:-.03em;font-weight:600;margin:0 0 10px}.login>p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 34px}.login label{display:block;color:var(--ink);font-size:12px;margin:0 0 10px}.login input{width:100%;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--muted);padding:14px;margin:0 0 23px;font-size:12px}.login input::placeholder{color:var(--muted);opacity:.75}.login .login-button{background:var(--accent);color:#fff;border:0;border-radius:6px;padding:14px 18px;text-align:center;font-size:12px}.login .help{font-size:11px;color:var(--muted);line-height:1.8;border-top:1px solid var(--line);padding-top:20px;margin:28px 0 0}.login .preview-label{margin-top:30px;font-size:10px;color:var(--muted)}.palette{display:flex;align-items:center;gap:6px;margin-top:21px}.palette i{width:19px;height:19px;border-radius:50%;border:1px solid #20354a11}.palette span{font-size:10px;color:var(--muted);margin-left:3px}.spec{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0 32px 28px;font-size:12px;line-height:1.9}.spec strong{font-weight:600;display:block;margin-bottom:6px}.spec p{margin:0;color:#5c707c}.spec>div{border-top:1px solid #c7d3dc;padding-top:12px}
.map-site-shadow{fill:#8da087;opacity:.16;transform:translateY(7px)}.map-site{fill:#dae5d0;stroke:#bdccad;stroke-width:1}.map-road{fill:none;stroke:#c9d0c2;stroke-width:30;stroke-linejoin:round}.map-road-line{fill:none;stroke:#f9f9ef;stroke-width:2;stroke-dasharray:17 21}.map-walkway{stroke:#f6f7ed;stroke-width:17;fill:none;stroke-linejoin:round}.map-route{fill:none;stroke:var(--district-accent);stroke-width:2;stroke-dasharray:5 7;opacity:.65;animation:route-flow 16s linear infinite;transition:stroke .4s}
.map-building{cursor:pointer;outline:none}.building-shadow{fill:#567153;opacity:.12;transition:opacity .3s}.building-volume{transition:transform .4s cubic-bezier(.2,.8,.2,1);transform-box:fill-box;transform-origin:center bottom}.building-front{fill:#f6f4e8;stroke:#9eac94;stroke-width:1}.building-side{fill:#c2d0b8;stroke:#93a588;stroke-width:1}.building-roof{fill:#fcfbef;stroke:#a9b69e;stroke-width:1}.roof-garden{fill:#c2d1b0;stroke:#a3b391;stroke-width:.7}.building-spine{stroke:#c2c8b6;stroke-width:1;fill:none}.map-window{fill:#99b9b3;opacity:.63;transition:fill .4s,opacity .4s}.map-window:nth-of-type(3n){fill:#b6c8b0}.building-door{fill:#a47c58;opacity:.75}.building-number{font:12px sans-serif;fill:#fff;stroke:none;text-anchor:middle}.building-label rect{fill:#f5f6e9;stroke:#b7c5aa;stroke-width:.8;transition:fill .3s,stroke .3s}.building-label text{font:600 12px -apple-system,'PingFang SC',sans-serif;text-anchor:middle;fill:#5b7053;transition:fill .3s}.building-label{transition:translate .4s}.building-signal{opacity:0;transition:opacity .3s;pointer-events:none}.building-signal ellipse{fill:none;stroke:var(--district-accent);stroke-width:1.5}.building-signal ellipse:last-child{fill:var(--district-accent);stroke:none}.map-building:hover .building-volume,.map-building:focus-visible .building-volume{transform:translateY(-5px)}.map-building.is-selected .building-volume{transform:translateY(-10px)}.map-building.is-selected .building-shadow{opacity:.22}.map-building.is-selected .building-label rect,.map-building:focus-visible .building-label rect{fill:var(--district-accent);stroke:var(--district-accent)}.map-building.is-selected .building-label text,.map-building:focus-visible .building-label text{fill:#fffdf5}.map-building.is-selected .building-signal{opacity:1}.map-building.is-selected .building-signal ellipse:first-child{animation:signal-pulse 3s ease-out infinite;transform-box:fill-box;transform-origin:center}.map-building.is-selected .map-window.lit{fill:#d49c5b;opacity:1;animation:window-glow 5s ease-in-out calc(var(--i)*-.3s) infinite}.reception-glass{fill:#b9b181;stroke:#a49a74;stroke-width:1}.reception-frame{stroke:#6d7b60;stroke-width:3;fill:none}.map-tree circle{fill:#8eaf78;stroke:none}.map-tree circle:nth-last-child(2){fill:#a0b98b}.map-tree path{stroke:#87916a;stroke-width:3}.tree-shadow{fill:#789568;opacity:.13}.map-court>path:first-child{fill:#9fae96;stroke:none}.map-court path,.map-court ellipse{fill:none;stroke:#dfe8d7;stroke-width:1}.map-court text{font:9px sans-serif;fill:#8a9a7b;text-anchor:middle}.court-ball{fill:#c1855b;opacity:.5}.map-court.is-active .court-ball{animation:ball-bounce 1.5s ease-in-out infinite;opacity:1}.map-garden>path:first-child{fill:#a4ba88;stroke:none}.map-garden path{stroke:#dae7c6;stroke-width:2}.map-people circle{fill:#738e75}.map-people path{stroke:#8b957b;stroke-width:2;fill:none;stroke-linecap:round}.map-people g{animation:person-sway 5s ease-in-out infinite;transform-origin:center;transform-box:fill-box}.map-people g:last-child{animation-delay:-2s}.map-entry path{fill:#b97756}.map-entry circle{fill:#f4f1df}.map-entry text{font:10px sans-serif;fill:#8b8e78}.map-street{font:12px sans-serif;fill:#899780;letter-spacing:4px}.map-compass path{fill:#9caa8e}.map-compass text{font:9px monospace;text-anchor:middle;fill:#9caa8e}

/* Direction A: a daylight model with clear room-scale feedback. */
.map-site{fill:#cddfc7;stroke:#afc5a5}.map-road{stroke:#b9cbd1}.map-road-line{stroke:#f6fafb}.building-front{fill:#f7fbfd;stroke:#9eb4bf}.building-side{fill:#b7ccd1;stroke:#91aab2}.building-roof{fill:#fff;stroke:#a8bdc2}.roof-garden{fill:#c3d49a;stroke:#abc183}.map-window{fill:#80b7c3;opacity:.8}.map-window:nth-of-type(3n){fill:#a6caca}.building-label text{fill:#405d70}.building-label rect{fill:#fff;stroke:#b8cbd1}.map-building.is-selected .building-volume{transform:translateY(-9px)}.building-label text{font-size:13px}.map-court>path:first-child{fill:#4f8587}.map-court path,.map-court ellipse{stroke:#dceff0}.map-tree circle{fill:#7fa36e}.map-tree circle:nth-last-child(2){fill:#98b77b}.map-building.is-selected .building-signal ellipse:first-child{animation:none}.map-building.is-selected .map-window.lit{animation:none}.map-people g,.map-route{animation:none}.map-route{stroke:#d88a43;opacity:.65}.activity-detail{animation:room-reveal .4s ease both}.person-head{fill:var(--accent);stroke:none}.person-body{stroke:var(--accent);stroke-width:2.5;fill:none;stroke-linecap:round}.steam{stroke:var(--district-accent);stroke-width:1.5;fill:none;animation:steam 3s ease-in-out infinite}.sport-person{transform-origin:35px 45px;animation:stretch 2.5s ease-in-out infinite}.basket-ball{animation:ball 1.4s ease-in-out infinite}.room-edge{fill:#d9e9e4;stroke:#82aaa0;stroke-width:.7}.room-side{fill:#bfd6cf;stroke:#82aaa0;stroke-width:.7}.room-floor{fill:#f4ebe0;stroke:#d0c1ad;stroke-width:.7}.room-furniture{fill:#90b7ae;stroke:#568b80;stroke-width:.7}
.page[data-theme=night]{--district-accent:#e9b65c;--ink:#e7edf2;--muted:#a5b9c6;--sky:#253e56;--paper:#1b3148;--accent:#3e9c9e;--line:#466075}.page[data-theme=night] .scene{background:radial-gradient(ellipse at 40% 40%,#426c8133,transparent 65%),var(--sky)}.page[data-theme=night] .map-site{fill:#365c63;stroke:#426e72}.page[data-theme=night] .map-road{stroke:#304a63}.page[data-theme=night] .map-road-line{stroke:#5f7b90}.page[data-theme=night] .map-walkway{stroke:#719087}.page[data-theme=night] .building-front{fill:#47697b;stroke:#7994a0}.page[data-theme=night] .building-side{fill:#2d4d63;stroke:#628291}.page[data-theme=night] .building-roof{fill:#7b929b;stroke:#a4b5bb}.page[data-theme=night] .roof-garden{fill:#4e7874;stroke:#7c9b94}.page[data-theme=night] .map-window{fill:#d7b16b;opacity:.6}.page[data-theme=night] .map-window:nth-of-type(3n){fill:#91aab4;opacity:.4}.page[data-theme=night] .building-label rect{fill:#27485c;stroke:#54778b}.page[data-theme=night] .building-label text{fill:#deebef}.page[data-theme=night] .map-building.is-selected .building-label rect{fill:#d5aa60;stroke:#d5aa60}.page[data-theme=night] .map-building.is-selected .building-label text{fill:#253e56}.page[data-theme=night] .map-building.is-selected .map-window.lit{fill:#ffe1a0;opacity:1}.page[data-theme=night] .map-court>path:first-child{fill:#2f6e72}.page[data-theme=night] .map-tree circle{fill:#366a5e}.page[data-theme=night] .map-tree circle:nth-last-child(2){fill:#467e6b}.page[data-theme=night] .map-entry text,.page[data-theme=night] .map-street,.page[data-theme=night] .map-court text{fill:#a6bcc7}.page[data-theme=night] .login{border-left:0;background:linear-gradient(140deg,#27475a,#1b3148)}.page[data-theme=night] .detail{border-color:#577788}.page[data-theme=night] .room-edge{fill:#64867e;stroke:#8cab9f}.page[data-theme=night] .room-side{fill:#41665e;stroke:#8cab9f}.page[data-theme=night] .room-floor{fill:#bbac8d}.page[data-theme=night] .room-furniture{fill:#789b80}.page[data-theme=night] .scene h1{font-weight:400;letter-spacing:.06em}
.page[data-theme=lifestyle]{--district-accent:#d4734c;--ink:#4c4535;--muted:#807557;--sky:#f8edcb;--paper:#fffdf3;--accent:#a15e42;--line:#dccda8;grid-template-columns:minmax(300px,1fr) minmax(0,1.8fr)}.page[data-theme=lifestyle] .scene{grid-column:2;grid-row:1;background:var(--sky)}.page[data-theme=lifestyle] .login{grid-column:1;grid-row:1;border-left:0;border-right:1px solid var(--line)}.page[data-theme=lifestyle] .scene h1{font-family:'Songti SC',serif;font-weight:500;font-size:36px}.page[data-theme=lifestyle] .map-site{fill:#d3dd93;stroke:#aeba73}.page[data-theme=lifestyle] .map-walkway{stroke:#fdf9e5}.page[data-theme=lifestyle] .map-road{stroke:#d5cba8}.page[data-theme=lifestyle] .building-front{fill:#fff8df;stroke:#b6a57d}.page[data-theme=lifestyle] .building-side{fill:#d8cb9c;stroke:#b6a57d}.page[data-theme=lifestyle] .building-roof{fill:#fffdf1;stroke:#b6a57d}.page[data-theme=lifestyle] .roof-garden{fill:#b1c183;stroke:#9dae6a}.page[data-theme=lifestyle] .map-window{fill:#94b9b4}.page[data-theme=lifestyle] .map-court>path:first-child{fill:#b7a0bd}.page[data-theme=lifestyle] .map-tree circle{fill:#89ad60}.page[data-theme=lifestyle] .map-tree circle:nth-last-child(2){fill:#a2bd6a}.page[data-theme=lifestyle] .building-label rect{fill:#fff9d6;stroke:#c3b17b}.page[data-theme=lifestyle] .building-label text{fill:#78613b}.page[data-theme=lifestyle] .detail{border-radius:16px}.page[data-theme=lifestyle] .scene-foot button{border-radius:20px}.page[data-theme=lifestyle] .login input{border-radius:10px}.page[data-theme=lifestyle] .login-button{border-radius:10px}.page[data-theme=lifestyle] .brand-mark{background:#b97842}
@keyframes steam{50%{opacity:.3;transform:translateY(-3px)}}@keyframes stretch{50%{transform:rotate(-8deg)}}@keyframes ball{50%{transform:translateY(-8px)}}@keyframes room-reveal{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}@media(max-width:900px){header{align-items:flex-start;flex-direction:column;padding:20px}.notes{padding:15px 20px}.notes>span{display:none}.page{margin:0 20px 20px;grid-template-columns:minmax(0,1.5fr) minmax(265px,1fr)}.page[data-theme=lifestyle]{grid-template-columns:minmax(265px,1fr) minmax(0,1.5fr)}.scene{padding:25px 20px}.scene h1{font-size:25px}.map-wrap{height:350px}.login{padding:30px 25px}.login h2{font-size:22px}.detail{left:0;bottom:24px;max-width:240px}.spec{margin:0 20px 24px;gap:18px}.scene-foot{gap:4px}.scene-foot button{padding:8px}}
@media(max-width:640px){.page,.page[data-theme=lifestyle]{grid-template-columns:1fr}.page[data-theme=lifestyle] .scene,.page[data-theme=lifestyle] .login{grid-column:auto;grid-row:auto}.scene{padding:23px 19px}.login{border-left:0;border-top:1px solid var(--line);padding:28px}.map-wrap{height:330px}.directions{display:grid;grid-template-columns:1fr;width:100%}.directions button{text-align:left}.notes{font-size:11px}.scene h1{font-size:26px}.detail{bottom:5px;left:0;min-width:180px;max-width:230px}.detail .room-illustration{width:55px;height:50px}.scene-foot{margin-top:20px}.spec{grid-template-columns:1fr}.map-wrap{margin-inline:-10px;width:calc(100% + 20px)}.brand{font-size:14px}.brand>span:last-child{font-size:11px}.login .preview-label{margin-top:20px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.photo-preview{margin-top:24px;border-top:1px solid var(--line);padding-top:19px}.photo-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.photo-preview-head strong{font-size:14px;font-weight:600}.photo-preview-head span{font-size:10px;color:var(--muted)}.photo-tabs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}.photo-tabs button{border:1px solid transparent;background:transparent;color:var(--muted);padding:8px 10px;min-height:34px;border-radius:6px;font-size:11px}.photo-tabs button[aria-pressed=true]{background:var(--paper);border-color:var(--accent);color:var(--accent)}.photo-viewport{position:relative;overflow:hidden;width:100%;height:290px;border-radius:8px;background:var(--line);isolation:isolate}.photo-viewport img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transform:translate(var(--photo-x,0px),var(--photo-y,0px)) scale(1.045);transition:transform .45s ease-out}.photo-viewport img.photo-arrive{animation:photo-arrive .85s cubic-bezier(.2,.7,.2,1) both}.photo-viewport:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#101a25a8);pointer-events:none}.photo-caption{position:absolute;left:18px;right:18px;bottom:15px;z-index:2;color:#fff}.photo-caption strong{font-size:16px;font-weight:600}.photo-caption p{font-size:11px;color:#ffffffd9;line-height:1.7;margin:6px 0 0}.photo-note{display:flex;justify-content:space-between;gap:14px;margin:10px 0 0;font-size:10px;color:var(--muted);line-height:1.7}.photo-note p{margin:0}.page{min-height:0}.map-wrap{height:345px}.detail{bottom:44px;left:5px;min-width:190px;max-width:235px}.scene h1{margin-top:23px}.scene{padding-bottom:25px}.login{justify-content:flex-start;padding-top:168px}.photo-error{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;color:var(--ink)}.photo-error[hidden]{display:none}.photo-motion-toggle{font-size:10px;color:var(--muted);border:1px solid var(--line);background:transparent;border-radius:5px;padding:5px 8px;white-space:nowrap}.photo-viewport.no-motion img{transform:none!important;animation:none!important;transition:none!important}
@keyframes photo-arrive{from{opacity:.3;filter:brightness(.95);transform:scale(1.08)}to{opacity:1;filter:none;transform:scale(1.045)}}
@media(max-width:900px){.map-wrap{height:320px}.photo-viewport{height:235px}.login{padding-top:135px}.photo-note{flex-direction:column;gap:4px}}
@media(max-width:640px){.photo-viewport{height:220px}.photo-preview{margin-top:20px}.photo-tabs button{min-height:40px}.photo-preview-head span{display:none}.map-wrap{height:315px}.login{padding-top:30px}.photo-note{font-size:11px}.photo-caption p{font-size:11px}.photo-preview-head strong{font-size:14px}.photo-tabs button{font-size:12px}.detail{bottom:8px}.photo-caption{left:14px;right:14px}.notes p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.photo-viewport img{transform:none!important;animation:none!important;transition:none!important}}
/* The chosen neighbourhood picture-book direction, with a stable right entrance. */
body{background:#f1ebdd;color:#4d4334}body>header{background:#fffaf0;border-bottom:1px solid #e9dfc8}header strong{color:#554734}header p,.notes{color:#817159}.notes strong{color:#5b4934}.directions button{background:#fffaf0;border-color:#e5d5b8;color:#8d7352}.directions button[aria-pressed=true]{background:#e9c896;border-color:#bb8751;color:#5e4029}.page[data-theme=lifestyle]{grid-template-columns:minmax(0,1.8fr) minmax(310px,1fr);--sky:#f6e8c5;--paper:#fffcf3;--ink:#4c4335;--muted:#8a7759;--accent:#a76842;--line:#e3d3af;--district-accent:#b77a49;box-shadow:0 24px 54px -28px #6e552c3b}.page[data-theme=lifestyle] .scene{grid-column:1;grid-row:1;background:radial-gradient(ellipse at 50% 30%,#fff9e488,transparent 70%),var(--sky)}.page[data-theme=lifestyle] .login{grid-column:2;grid-row:1;border-right:0;border-left:1px solid #e5d8bd;background:#fffdf6;position:relative;padding-top:142px}.page[data-theme=lifestyle] .scene h1{font:500 34px/1.5 'Songti SC',SimSun,serif;letter-spacing:-.02em;margin:22px 0 5px}.page[data-theme=lifestyle] .login h2{font:500 28px/1.5 'Songti SC',SimSun,serif;letter-spacing:0}.page[data-theme=lifestyle] .login input{background:#faf6e9;border-color:#e4d7bc;border-radius:9px;padding:15px}.page[data-theme=lifestyle] .login .login-button{background:#a76842;border-radius:9px;box-shadow:0 7px 15px -10px #74482d77}.page[data-theme=lifestyle] .brand-mark{background:#b67b43;box-shadow:inset 0 1px 0 #f2d3a6}.page .scene{padding:28px 30px}.page .map-wrap{height:405px;margin:1px -15px -2px;width:calc(100% + 30px)}.map-building:hover .building-volume,.map-building:focus-visible .building-volume{filter:drop-shadow(0 4px 3px #65513726)}.map-building.is-selected .facade-lit{fill:#e2bd72}.detailed-community .building-label rect{fill:#fff9df;stroke:#c9ac76;stroke-width:1;filter:drop-shadow(0 2px 2px #79683d12)}.detailed-community .building-label text{fill:#75552e;font-size:17px;font-weight:600}.map-building.is-selected .building-label rect{fill:#b77a49!important;stroke:#b77a49!important}.map-building.is-selected .building-label text{fill:#fff8df!important}.map-building:focus-visible .building-label rect{stroke:#6d824e;stroke-width:3}.detail{bottom:15px;left:9px;min-width:210px;max-width:265px;border-radius:13px;background:#fff9e9ed;border-color:#fdf6df;box-shadow:0 8px 20px -12px #8e704e77;padding:12px 14px;gap:12px}.detail .room-illustration{height:66px;width:66px}.detail strong{font-size:13px;margin-bottom:6px}.detail p{font-size:11px;color:#8b795b}.photo-preview{margin-top:20px;padding-top:16px}.scene-foot{margin-top:7px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) 1.3fr;gap:5px}.page[data-theme=lifestyle] .scene-foot button{border-radius:9px;font-size:12px;min-height:38px;padding:8px 3px;background:#fff7e34d;border-color:#dfcfa8;color:#8c704a}.page[data-theme=lifestyle] .scene-foot button[aria-pressed=true]{color:#795030;background:#fffaf0;border-color:#b88551;box-shadow:0 3px 7px -5px #8f6a4277}.palette{margin-top:15px}.photo-preview-head strong{color:var(--ink);font-weight:500;font-size:15px}.photo-tabs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;align-items:stretch;margin-bottom:12px}.photo-tabs button{display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:flex-start;border:1px solid transparent;border-radius:10px;padding:6px 2px 7px;min-width:0;min-height:76px;color:#8a7251;font-size:11px;transition:background .2s,border-color .2s,transform .2s}.photo-tabs button[aria-pressed=true]{color:#805333;border-color:#c89b68;background:#fff9e9;box-shadow:0 3px 8px -6px #8d68477a}.photo-tabs button:hover{background:#fff8e2}.photo-tabs .space-illustration{width:45px;height:45px;display:block;transition:transform .25s}.photo-tabs button:hover .space-illustration{transform:translateY(-2px) rotate(-5deg)}.photo-tabs button>span:last-child{line-height:1.5;white-space:normal;overflow-wrap:anywhere}.space-illustration svg{width:100%;height:100%;display:block;overflow:visible}.photo-viewport{height:260px;border-radius:12px;box-shadow:0 6px 16px -12px #5b4c3580}.photo-note{font-size:10px;color:#927e5c}.spec>div{border-top-color:#d7c9ae}.spec strong{color:#645033}.spec p{color:#887454}.brand>span:last-child{color:var(--muted)}
@media(max-width:1100px){.photo-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.photo-tabs button{min-height:73px}.page .map-wrap{height:355px}.detail{max-width:225px;bottom:5px;left:0}.photo-tabs .space-illustration{width:42px;height:42px}.photo-viewport{height:235px}}
@media(max-width:900px) and (min-width:641px){.page[data-theme=lifestyle]{grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr)}.page .scene{padding:25px 20px}.page[data-theme=lifestyle] .login{padding:140px 25px 30px}.page[data-theme=lifestyle] .scene h1{font-size:29px}.page .map-wrap{height:320px}.detail{left:0;bottom:2px;max-width:200px;min-width:175px;padding:9px;gap:8px}.detail .room-illustration{width:49px;height:49px}.detail p{font-size:10px}.scene-foot button{font-size:10px!important}}
@media(max-width:640px){.page[data-theme=lifestyle]{grid-template-columns:minmax(0,1fr)}.page[data-theme=lifestyle] .scene{grid-column:1;grid-row:1}.page[data-theme=lifestyle] .login{grid-column:1;grid-row:2;border-left:0;border-top:1px solid var(--line);padding:32px 26px}.page .scene{padding:23px 18px}.page[data-theme=lifestyle] .scene h1{font-size:29px}.page .map-wrap{height:307px;width:calc(100% + 28px);margin-inline:-14px}.detail{left:4px;bottom:0;max-width:202px;min-width:0;padding:9px;gap:7px}.detail .room-illustration{width:48px;height:48px}.detail p{font-size:10px}.detail strong{font-size:12px}.scene-foot{gap:4px;margin-top:13px}.page[data-theme=lifestyle] .scene-foot button{font-size:10px;padding:8px 2px;min-height:41px}.photo-tabs{gap:5px}.photo-tabs button{font-size:11px;min-height:76px;padding:5px 2px}.photo-tabs .space-illustration{width:44px;height:44px}.photo-viewport{height:222px}.photo-note{font-size:11px}.palette span{font-size:9px}.photo-preview-head strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){.photo-tabs button,.photo-tabs .space-illustration{transition:none!important;transform:none!important}}

.photo-viewport[data-photo="exterior"]{height:auto;aspect-ratio:15/8}.photo-viewport[data-photo="exterior"] img{object-fit:contain;transform:none!important;animation:none!important}.photo-viewport[data-photo="exterior"] .photo-caption{left:14px;bottom:10px}.photo-viewport[data-photo="exterior"] .photo-caption strong{font-size:13px}.photo-viewport[data-photo="exterior"] .photo-caption p{font-size:10px;margin-top:3px}
/* Integrated architecture, grounded selection, and an unobstructed scene. */
.page .map-building .building-volume{transition:transform .3s ease-out,filter .3s ease-out}
.page .map-building:hover .building-volume,.page .map-building:focus-visible .building-volume{transform:translateY(-2px);filter:drop-shadow(1px 2px 1px #7c775e14)}
.page .map-building.is-selected .building-volume{transform:translateY(-3px);filter:drop-shadow(1px 3px 2px #7c775e19)}
.page .map-building .building-shadow{fill:#7c8166;opacity:.11}.page .map-building.is-selected .building-shadow{opacity:.14}
.page .building-signal ellipse{stroke-width:1.1}.page .building-signal{opacity:0}.page .map-building.is-selected .building-signal{opacity:.7}
.page .map-wrap{height:390px;margin-top:6px;margin-bottom:0}
.page[data-theme] .detail{position:relative;left:auto;bottom:auto;top:auto;right:auto;min-width:0;max-width:none;width:100%;padding:9px 0;margin:1px 0 0;min-height:60px;background:transparent;border:0;border-radius:0;box-shadow:none;gap:12px;pointer-events:auto;align-items:center}
.page .detail .room-illustration{width:45px;height:45px;flex:none}.page .detail>div:last-child{display:flex;align-items:center;gap:17px;min-width:0;flex:1}
.page .detail strong{font-size:13px;margin:0;white-space:nowrap;color:#6e5439;font-weight:500}.page .detail p{font-size:11px;line-height:1.7;color:#93815f;margin:0}
.page[data-theme=lifestyle] .palette{display:none}.page .scene-foot{margin-top:7px}.page .photo-preview{margin-top:18px;padding-top:15px}
@media(max-width:1100px){.page .map-wrap{height:345px}.page .detail .room-illustration{width:43px;height:43px}.page .detail>div:last-child{gap:12px}}
@media(max-width:900px) and (min-width:641px){.page .map-wrap{height:310px}.page .detail>div:last-child{align-items:flex-start;flex-direction:column;gap:3px}.page .detail p{font-size:10px}}
@media(max-width:640px){.page .map-wrap{height:290px}.page[data-theme] .detail{min-height:66px;margin-top:4px;padding:7px 0;gap:10px}.page .detail>div:last-child{align-items:flex-start;flex-direction:column;gap:3px}.page .detail strong{font-size:12px}.page .detail p{font-size:11px}.page .detail .room-illustration{width:43px;height:43px}.page .scene-foot{margin-top:7px}.page .photo-preview{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.page .map-building .building-volume{transition:none}}

/* Production login: the approved warm picture-book direction. */
html{scroll-behavior:smooth;scroll-padding-top:20px}
body{padding:28px 0;min-width:280px}
.page{margin:0 32px;min-height:calc(100svh - 56px)}
.page .scene-header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mobile-login-jump{display:none;flex:none;color:#805333;border:1px solid #c89b68;border-radius:8px;padding:8px 11px;background:#fff9e9;text-decoration:none;font-size:12px}
.login-form{width:100%}
.login input{color:var(--ink)}
.login input:focus-visible{outline:2px solid #a76842;outline-offset:3px}
.password-field{position:relative;margin-bottom:6px}
.page[data-theme=lifestyle] .password-field input{padding-right:64px;margin-bottom:0}
.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#8a6748;border-radius:5px;padding:9px 10px;font-size:11px}
.password-toggle:hover{background:#eee3cb}
.password-hint{margin:0 0 18px;color:#927e5c;font-size:10px;line-height:1.7;min-height:17px}
.password-hint.caps-active{color:#a15e42}
.login .login-button{width:100%;min-height:44px}
.login .login-button:hover:not(:disabled){background:#945a38}
.login .login-button:disabled{cursor:wait;opacity:.7}
.login input:disabled,.password-toggle:disabled{cursor:not-allowed;opacity:.65}
.login-message,.service-notice{font-size:12px;line-height:1.8;margin:14px 0 0;color:#a44935}
.login-message:empty{display:none}
.service-notice[hidden]{display:none}
.login [aria-invalid=true]{border-color:#b85e48!important}
.login .help{margin-top:28px}
@media(max-width:900px){body{padding:20px 0}.page{margin:0 20px;min-height:calc(100svh - 40px)}}
@media(max-width:640px){body{padding:12px 0}.page{margin:0 12px;min-height:calc(100svh - 24px)}.mobile-login-jump{display:inline-flex;align-items:center;min-height:40px}.brand{gap:8px}.brand>span:last-child{padding-left:8px;margin-left:0}.login input{font-size:16px}.page[data-theme=lifestyle] .login input{padding:14px 12px}.page[data-theme=lifestyle] .password-field input{padding-right:65px}.login{scroll-margin-top:12px}.page .scene-header{gap:8px}.photo-preview-head{flex-wrap:wrap;row-gap:8px}.photo-motion-toggle{min-height:32px}.password-toggle{font-size:12px}.password-hint{font-size:11px}}
@media(max-width:370px){.brand{font-size:13px;gap:6px}.brand>span:last-child{font-size:10px;padding-left:6px}.brand-mark{width:30px;height:34px}.mobile-login-jump{padding:7px 8px;font-size:11px}.page .scene{padding-inline:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Website registration footer. */
.site-footer{padding:22px 20px;text-align:center;font-size:12px;line-height:1.8;color:#77796e}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{text-decoration:underline;text-underline-offset:3px}.site-footer a:focus-visible{outline:2px solid #326858;outline-offset:5px}