*{box-sizing:border-box}body{margin:0;background:#f4f6f7;color:#243846;font:14px/1.6 'Microsoft YaHei','Segoe UI',sans-serif}button,input{font:inherit}button{cursor:pointer;border:1px solid #dbe2e5;border-radius:8px;background:#fff;color:#425764;padding:8px 12px;transition:.15s}button:hover{border-color:#d57868;color:#a84638}button:focus-visible,input:focus-visible{outline:3px solid #46a5ac;outline-offset:2px}header{height:80px;background:#fff;border-bottom:1px solid #dfe5e8;display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:16px}.brand{display:flex;align-items:center;gap:12px}.mark{display:grid;place-items:center;background:#294751;color:#fff;font:700 24px Georgia;width:40px;height:40px;border-radius:10px}.brand b{font-size:18px;letter-spacing:2px}.brand small{display:block;color:#839199;font-size:10px;letter-spacing:1.5px}.header-note{color:#829197;font-size:12px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#d78770;margin-right:8px}main{display:grid;grid-template-columns:245px minmax(440px,1fr) 300px;height:calc(100vh - 80px);min-height:650px}.sidebar,.detail{background:#fff;padding:26px 22px;overflow:auto}.sidebar{border-right:1px solid #dfe5e8}.eyebrow{font-size:10px;letter-spacing:2px;color:#87989e}h1{font-size:27px;line-height:1.5;font-weight:600;letter-spacing:1px;margin:14px 0 12px}.intro{color:#8a959a;font-size:12px}.stats{display:flex;gap:24px;margin:22px 0}.stats b{display:block;font:32px Georgia;color:#c96d5c}.stats span{font-size:10px;color:#879399}.search{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #e1e6e9;border-radius:8px;margin-bottom:14px}.search input{border:0;outline:none;width:100%;min-width:0;font-size:12px}.zone-item{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;text-align:left;border-radius:6px;padding:9px 8px;margin:2px 0;font-size:12px}.zone-item .id{color:#b77c72;background:#fbefeb;border-radius:4px;padding:2px 5px;font:11px 'Segoe UI',sans-serif}.zone-item.active{background:#f9eae5;color:#9c4b3a}.zone-item.active .id{background:#ce7966;color:#fff}footer{border-top:1px solid #e9edef;margin-top:18px;padding-top:15px;font-size:10px;color:#93a0a6}.workspace{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#eef3f4}.view-toolbar{display:flex;gap:8px;align-items:center;padding:18px 18px 0;z-index:3;flex-wrap:wrap}.view-toolbar button{font-size:12px}.view-toolbar label{font-size:11px;color:#6c828b;white-space:nowrap}.view-toolbar input{accent-color:#c97b65;vertical-align:middle}.segmented{display:flex;background:#e3e9eb;border-radius:9px;padding:3px}.segmented button{border:0;background:transparent;padding:6px 10px}.segmented button.active{background:#fff;color:#334e58;box-shadow:0 2px 5px #172c3910}#viewport{position:relative;flex:1;min-height:480px;width:100%}#viewport canvas{display:block;width:100%;height:100%;touch-action:none}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.map-label{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;padding:2px 5px;font:10px 'Segoe UI',sans-serif;box-shadow:0 2px 5px #273c4015;background:#fffefa;border:1px solid #d8b8ad;border-radius:4px;color:#925d50}.map-label.selected{background:#a94b39;color:white;border-color:white;z-index:5}.map-label.start{background:#d80078;color:#fff;border:2px solid white;pointer-events:none}.map-caption{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;font-size:10px;color:#73868e;padding:6px 8px}.legend{display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:2px}.coral{background:#dd9586}.gray{background:#a6b1b5}.cyan{background:#8ed2dc}.orange{background:#e79738}.map-bottom{display:flex;justify-content:space-between;padding:12px 18px 18px;font-size:10px;color:#82949b;gap:10px}.map-bottom b{font-weight:400;color:#9b7362}.detail{border-left:1px solid #dfe5e8;padding:26px 20px}.detail h2{font-size:22px;line-height:1.5;margin:10px 0}.detail .badge{display:inline-block;background:#f8eae4;color:#bd755c;font-size:11px;padding:3px 8px;border-radius:4px;margin-top:18px}.detail p{font-size:12px;color:#7f8e95}.facts{margin:20px 0;padding:14px;background:#f5f7f7;border-radius:8px;font-size:11px}.facts div{display:flex;justify-content:space-between;gap:8px;padding:5px 0}.facts span{color:#8d999e}.facts b{font-weight:500;text-align:right}.next{border-left:2px solid #d4967d;padding-left:12px;font-size:12px;color:#70828a}.section-title{display:flex;justify-content:space-between;align-items:center;margin-top:28px;border-top:1px solid #e9edef;padding-top:14px}.section-title h3{font-size:14px;font-weight:500}.section-title span{font-size:11px;color:#9aa6ab}.subtle{font-size:11px!important;margin:0 0 10px}.observation{display:flex;align-items:center;gap:10px;text-align:left;width:100%;padding:7px;border:0;border-bottom:1px solid #eff2f3;border-radius:0}.observation img{height:55px;width:42px;object-fit:cover;border-radius:4px}.observation b{display:block;font-size:11px;font-weight:500}.observation small{color:#96a2a7;font-size:10px}.wide{width:100%;margin-top:15px;font-size:12px}dialog{border:0;border-radius:14px;box-shadow:0 30px 100px #14292e50;max-width:min(1100px,94vw);max-height:92vh;width:900px;padding:22px}dialog::backdrop{background:#1e303b88;backdrop-filter:blur(4px)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}#modal-content{text-align:center}#modal-content img{max-width:100%;max-height:70vh;object-fit:contain}#modal-content video{width:100%;height:65vh;background:#131e22}#modal-content p{font-size:12px;color:#74848c}#flat-map{position:absolute;inset:0;padding:8px}#flat-map svg{width:100%;height:100%}#fallback{padding:40px}#flat-map [data-zone]{cursor:pointer}#flat-map [data-zone]:hover{filter:brightness(.94)}@media(max-width:1150px){main{grid-template-columns:205px minmax(350px,1fr) 260px}.sidebar,.detail{padding:20px 15px}.header-note{display:none}.view-toolbar{gap:5px}.map-bottom{flex-direction:column;gap:2px}}@media(max-width:850px){header{padding:0 15px}main{display:flex;flex-wrap:wrap;height:auto}.sidebar{width:100%;padding:14px 20px}.sidebar h1,.sidebar .intro,.sidebar .stats,.sidebar footer,.sidebar .eyebrow,.search{display:none}#zone-list{display:flex;overflow:auto}.zone-item{white-space:nowrap;width:auto}.workspace{width:100%;height:680px}.detail{width:100%;height:600px}.brand small{font-size:8px}.map-bottom{flex-direction:row}}

.p06-photos{display:flex;gap:5px;margin:15px 0}.p06-photos button{padding:0;overflow:hidden;flex:1}.p06-photos img{display:block;width:100%;height:78px;object-fit:cover}#enter-p06{background:#a95743;color:white;border:0}.detail .next{margin-top:18px}
