/* Client VI: vi部分2-06 / 08 / 13 / 15. Original logo artwork, no redrawing. */
:root{--forest:#500d10;--deep:#260000;--cream:#e7ded0;--gold:#bfa079;--soft:#cbb9a7;--vi-red:#500d10;--vi-ink:#260000;--vi-paper:#e2d8ca}
body{background:var(--vi-ink);color:var(--cream)}header{height:100px;background:linear-gradient(180deg,#160000eb,#2600009e 70%,transparent);padding-left:30px}.identity{gap:13px}.identity-mark{width:47px;height:48px;object-fit:contain;mix-blend-mode:lighten}.identity small{font:10px Georgia,'Times New Roman',serif;letter-spacing:3.6px;color:#bfa079;margin-bottom:7px}.identity strong{font:25px 'Songti SC','STSong',serif;letter-spacing:2px;color:#f1e5d2}.header-right{gap:20px}.header-right button{font-size:11px;color:#e7d8c3}.edition{color:#c9b39a;font-size:9px;letter-spacing:2px}
#sidebar{background:linear-gradient(135deg,#4d0e12f5,#280204f2);border:1px solid #bfa0794d;box-shadow:0 14px 50px #1b000022}#chapter-name,.chapter-index{color:#c4a581}#panel-title{font-family:'Songti SC','STSong',serif;color:#f0e5d4}#panel-summary{color:#d0c0b0}.subitem.active{background:#e2d8ca;color:#4b1013;border-color:#bfa079}.subitem:hover{color:#d7b78c}.subitem.active:hover{color:#4b1013}#chapters{background:#320405f2;border-color:#bfa0796b;box-shadow:0 10px 35px #1a000033}#chapters button.active{background:#e2d8ca;color:#500d10}#chapters button{color:#d5c3b0}#chapters button.active .num{color:#8f6253}#chapters button:after{background:#bfa079}
#world{background:#230000}.shade{background:linear-gradient(90deg,#2a00001c,transparent 35%),linear-gradient(0deg,#2600005c,transparent 35%,transparent 75%,#2600007a)}.pin{background:#45080be8;color:#eadcc9;border-color:#bfa07988}.pin:before{background:#bfa079;box-shadow:0 0 0 4px #bfa07922}.pin:hover,.pin.selected{background:#bfa079;color:#330307}.project-pin{background:#e2d8ca!important;color:#500d10!important}#loading-scene{background:#300305;color:#d2b18a}footer{background:#1c0000de;color:#b9a390}
.view-switch,.scene-tools,#view-tools,#selection-panel,#experience-rail{background:#390407f2;border-color:#bfa07966}.view-switch .active{background:#e2d8ca;color:#500d10}.tool-dock>button{background:#3d070aeb;border-color:#bfa07966}.unit-actions .primary,.floor-row .active,.room-tabs .active,#experience-steps button.active{background:#d8c4a6;color:#4b0b0f}.unit-card{background:#ffffff08;border-color:#bfa07955}.unit-card strong{color:#e8d9c0}select{background:#380609;color:#f0dfca;border-color:#bfa07966}
dialog{background:#300406;color:#e9dccb;border:1px solid #bfa07966}dialog::backdrop{background:#150000b0}dialog h2{color:#eddfca}dialog p{color:#cab6a3}.close{color:#bfa079}.mode-options button{border-color:#bfa07966}.mode-options button:hover{background:#591014}.mode-options span{color:#c5ac96}.small-note{color:#c8b4a1}.compass{color:#e8d8c4}.experience-head{color:#d6b78d}.experience-foot p{color:#dbc8b3}.scene-tools button:hover{background:#bfa07933}
body.editorial #world:after{background:linear-gradient(105deg,#250000f5,#4b080dde),url('assets/vi-pattern.webp') repeat;background-size:auto,480px auto}body.editorial #world{background:#380407}.brand-spread,.brand-statement,.brand-story button{border-color:#bfa07955}.brand-story button.active,.brand-story button:hover{background:#bfa07913}.brand-story strong{color:#eadac3}.brand-story p,.brand-detail{color:#c9b29c}.brand-stamp{border:0;padding:0;width:100px;right:18px;bottom:20px}.brand-stamp img{display:block;width:100%;height:auto;mix-blend-mode:lighten}.brand-detail strong{color:#dec29b}#narrative p{color:#ddcdbb}.narrative-eyebrow{color:#bfa079;font-family:Georgia,serif;letter-spacing:3px}.city-heading,.analysis-heading{background:linear-gradient(90deg,#380307ed,#38030700)}.city-lenses button,.city-scale button,.layer-tabs button,.function-tabs button{background:#3a060ae8;border-color:#bfa07988;color:#e1cfb9}.city-lenses button.active,.city-scale button.active,.layer-tabs button.active,.function-tabs button.active{background:#e2d8ca;color:#500d10}.radius-key,.resource-detail,.city-resource-list,.analysis-value,.analysis-bottom,.life-start,.function-layout,.service-flow{background:#360407ed;border-color:#bfa07977}.radius-key button,.life-start button{background:#dbc7a9;color:#500d10}.radius-key strong{color:#d4b187}.city-resource-list button{border-color:#bfa07944;color:#eadcc8}.city-resource-list small{color:#c6ad96}.city-resource-list button.active{color:#dbb989}.resource-detail p{color:#d7c0a8!important}.resource-detail em,.resource-detail small,.analysis-value small,.analysis-value em{color:#d5b38b}.city-map-note{background:#300405d9;color:#c5b5a2}.chapter-purpose{background:#3b070aeb;border-color:#bfa079}.plan-blocks{border-color:#bfa07977}.plan-blocks b{background:#bfa07922;border-color:#bfa07955}.plan-blocks .zone-1{background:#bfa07977}.plan-blocks .zone-3{background:#260104}.function-layout>small,.service-flow li span{color:#c7b29c}.design-orbit>span,.design-orbit>div{background:#360507ef}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#brand-welcome{position:fixed;inset:0;width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#380000 url('assets/vi-entry.webp') center/cover no-repeat;overflow:hidden;color:#c6a67b}#brand-welcome::backdrop{background:#200000}.welcome-action{position:absolute;left:50%;transform:translateX(-50%);bottom:16%;display:flex;flex-direction:column;align-items:center;gap:17px;min-width:290px}.welcome-action>span{font:9px Georgia,serif;letter-spacing:5px;color:#c5a77d}.welcome-action button{border:1px solid #bfa07988;min-width:250px;padding:15px 24px;background:#33000038;font:16px 'Songti SC',serif;color:#e1c49c;letter-spacing:4px;display:flex;justify-content:space-between;align-items:center}.welcome-action button i{font-style:normal;letter-spacing:0}.welcome-action button:hover{background:#bfa079;color:#41060a}.welcome-action p{font-size:9px!important;letter-spacing:3px;color:#b99d7b!important;margin:0}.welcome-note{position:absolute;right:32px;bottom:28px;font-size:9px;letter-spacing:3px;color:#a18461}@media(max-height:800px){.welcome-action{bottom:13%;gap:13px}.welcome-action button{padding:12px 20px}.identity strong{font-size:23px}.identity-mark{width:43px;height:44px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.brand-stamp{mix-blend-mode:lighten}.brand-stamp img{mix-blend-mode:normal}

#chapters button.active strong{color:#500d10!important}.identity-mark{background:#080000;border:1px solid #bfa07938;padding:3px;mix-blend-mode:normal}
