.experience-root{position:fixed;inset:0;z-index:4;pointer-events:none;font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#f5ecdb}
.experience-root *{box-sizing:border-box}
.experience-root button{cursor:pointer}
.experience-root button:focus-visible,.experience-root input:focus-visible,.experience-root textarea:focus-visible{outline:2px solid #ead19e;outline-offset:3px}
.experience-rail{position:absolute;right:30px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:7px;pointer-events:auto}
.experience-rail-button{width:108px;min-height:43px;border:1px solid #dbc7a254;background:linear-gradient(145deg,#342d25e8,#201f1ddc);color:#f2e5cf;border-radius:10px;backdrop-filter:blur(14px);box-shadow:0 12px 32px #14110d36;font-size:10px;letter-spacing:.6px;display:flex;align-items:center;justify-content:center;gap:9px;transition:background .25s,transform .25s,border-color .25s}
.experience-rail-button:hover{background:#594933ed;border-color:#efd39b9c;transform:translateX(-3px)}
.experience-rail-glyph{font:18px/1 Georgia,serif;color:#e8d1a6}
.experience-root[data-quiet=on] .experience-rail{opacity:0;pointer-events:none}

.experience-arrival{position:absolute;inset:0;z-index:12;pointer-events:auto;overflow:hidden;background:#181a1b;isolation:isolate}
.experience-arrival::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 38%,#8d73502e,transparent 38%),linear-gradient(90deg,#0e1111,#24211e 50%,#0e1111);z-index:-2}
.experience-arrival::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(transparent,#e5cc925a 25%,#e5cc92b3 50%,#e5cc925a 75%,transparent);box-shadow:0 0 35px 10px #e0c68c19;z-index:-1}
.experience-door{position:absolute;top:0;bottom:0;width:50%;background:repeating-linear-gradient(90deg,transparent 0 4px,#e3d1aa09 5px 6px),linear-gradient(112deg,#1b1916,#4c3c2a 47%,#241f1a);box-shadow:inset 0 0 90px #0505058c;transition:transform 1s cubic-bezier(.7,.04,.23,.98)}
.experience-door-left{left:0;border-right:2px solid #bba06b94}
.experience-door-right{right:0;border-left:2px solid #bba06b94;transform:scaleX(-1)}
.experience-arrival-content{position:relative;z-index:1;min-height:100%;width:min(90%,600px);margin:auto;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;text-shadow:0 1px 20px #0009;transition:opacity .35s,transform .45s}
.experience-arrival-line{height:64px;width:1px;background:linear-gradient(transparent,#e8d29a);margin-bottom:24px}
.experience-kicker{font-size:9px;letter-spacing:3px;color:#d4bb8e;font-weight:500}
.experience-floor{font:clamp(78px,13vw,148px)/.95 Georgia,serif;color:#f3e7cf;margin:24px 0 19px;letter-spacing:-7px}
.experience-floor small{font:24px/1 Georgia,serif;letter-spacing:0;color:#d2b579;margin-left:8px}
.experience-arrival h2{font:400 clamp(26px,4vw,41px)/1.3 Georgia,"Songti SC",serif;letter-spacing:3px;margin:0 0 15px}
.experience-arrival-name{font-size:11px;letter-spacing:2px;color:#d8c6a6;margin:0 0 25px}
.experience-arrival-copy{font-size:12px;letter-spacing:1px;opacity:.75;margin:0 0 38px}
.experience-enter{border:1px solid #f0d49e;background:#e7d0a4;color:#30291e;border-radius:3px;padding:14px 33px;font-size:12px;letter-spacing:2px;box-shadow:0 7px 35px #0005;transition:background .2s,transform .2s}
.experience-enter:hover{background:#f8e3bd;transform:translateY(-2px)}
.experience-arrival-skip{margin-top:14px;border:0;background:transparent;color:#f7e6c49c;padding:8px 15px;font-size:11px;letter-spacing:1px}
.experience-arrival-skip:hover{color:#fff4dc}
.experience-arrival.is-opening .experience-door-left{transform:translateX(-102%)}
.experience-arrival.is-opening .experience-door-right{transform:scaleX(-1) translateX(-102%)}
.experience-arrival.is-opening .experience-arrival-content{opacity:0;transform:scale(1.06)}

.experience-dialog{pointer-events:auto;width:min(920px,calc(100vw - 40px));max-width:none;max-height:min(88dvh,920px);border:1px solid #a78c61;border-radius:14px;background:#e9e2d5;color:#302b25;padding:30px 34px 28px;box-shadow:0 28px 100px #0008;overflow:auto}
.experience-dialog::backdrop{background:#101413aa;backdrop-filter:blur(8px)}
.experience-dialog-header,.experience-rest-top{display:flex;justify-content:space-between;align-items:center;gap:20px}
.experience-dialog .experience-kicker{color:#877150}
.experience-close{width:30px;height:30px;border:1px solid #a58d6e80;border-radius:50%;background:transparent;color:inherit;font:24px/26px Georgia,serif;display:grid;place-items:center}
.experience-close:hover{background:#d8c6ab}
.experience-dialog h2{font:400 clamp(25px,3vw,34px)/1.3 Georgia,"Songti SC",serif;letter-spacing:1px;margin:17px 0 7px}
.experience-dialog-intro{font-size:12px;color:#81735f;margin:0 0 22px;line-height:1.7}
.experience-project-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,1fr);gap:22px;padding:19px;background:#d7cdbd;border:1px solid #c6b89f;border-radius:9px}
.experience-project-card{min-height:265px;background:radial-gradient(circle at 80% 90%,#8a7250a3,transparent 50%),linear-gradient(140deg,#282a27,#555043);color:#f5ead6;padding:27px;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 13px 28px #65553b4d}
.experience-project-card::after{content:"";position:absolute;width:112px;height:112px;border:1px solid #cbb78342;border-radius:50%;right:-35px;bottom:-35px;box-shadow:0 0 0 30px #ddc69510,0 0 0 58px #ddc6950a;pointer-events:none}
.experience-project-card-index{font-size:8px;letter-spacing:2.5px;color:#d7bd87}
.experience-project-card h3{font:400 clamp(21px,2.4vw,30px)/1.3 Georgia,"Songti SC",serif;letter-spacing:1px;margin:auto 0 12px;overflow-wrap:anywhere}
.experience-project-card p{font-size:11px;line-height:1.8;opacity:.8;max-width:310px;margin:0;overflow-wrap:anywhere}
.experience-project-link{align-self:flex-start;margin-top:21px;border:0;border-bottom:1px solid #d9bc86;background:transparent;color:#efdab3;padding:0 0 5px;font-size:11px}
.experience-project-link:hover{color:#fff}
.experience-project-form{display:grid;align-content:center;gap:13px}
.experience-project-form label{display:grid;gap:6px;color:#5b503f;font-size:11px;letter-spacing:.4px}
.experience-project-form input,.experience-project-form textarea{width:100%;border:1px solid #bdad92;border-radius:4px;background:#f5f0e8;color:#322e28;padding:10px 11px;font:12px/1.5 inherit;outline:none;resize:vertical}
.experience-project-form input:focus,.experience-project-form textarea:focus{border-color:#866b43;background:#fffaf0}
.experience-form-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:3px}
.experience-save{background:#514734;border:1px solid #514734;color:#fff0d4;border-radius:4px;padding:10px 15px;font-size:11px}
.experience-save:hover{background:#736044}
.experience-clear{background:transparent;border:1px solid #b4a587;color:#74654c;border-radius:4px;padding:10px 13px;font-size:11px}
.experience-clear:hover{background:#e5d8c3}
.experience-example-label{font-size:10px;letter-spacing:1.5px;color:#8c7a61;margin:23px 0 11px}
.experience-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.experience-example{border-top:1px solid #b7a88b;padding:13px 6px 8px}
.experience-example span{font-size:9px;color:#a08d71;letter-spacing:1px}
.experience-example h3{font:400 17px/1.4 Georgia,"Songti SC",serif;margin:10px 0 5px;color:#4c4031}
.experience-example p{font-size:10px;line-height:1.65;color:#84745f;margin:0}
.experience-desk-jump{border:0;background:transparent;color:#755b36;padding:15px 0 0;margin-top:10px;font-size:11px;letter-spacing:1px}
.experience-desk-jump:hover{text-decoration:underline}

.experience-rest{position:absolute;z-index:8;right:clamp(24px,5vw,78px);top:50%;transform:translateY(-50%);width:min(360px,calc(100vw - 36px));padding:27px 29px 25px;pointer-events:auto;background:linear-gradient(155deg,#1d2423ee,#31352ecf);border:1px solid #d0b98c7a;box-shadow:0 20px 75px #0d14128c;backdrop-filter:blur(22px);border-radius:4px;color:#f3e9d6}
.experience-rest .experience-kicker{font-size:8px;letter-spacing:2.2px}
.experience-rest .experience-close{border-color:#ead9b872;color:#e9d7b8}
.experience-rest .experience-close:hover{background:#e3ceb12e}
.experience-rest-rule{width:34px;height:1px;background:#e0c898;margin:30px 0 25px}
.experience-rest h2{font:400 30px/1.4 Georgia,"Songti SC",serif;letter-spacing:2px;margin:0 0 12px}
.experience-rest-copy{font-size:12px;line-height:2;letter-spacing:.5px;color:#e2d9c8ba;margin:0 0 25px}
.experience-rest-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.experience-sound{padding:10px 13px;background:#d9c49d;color:#282b26;border:1px solid #f0ddb9;border-radius:3px;font-size:11px}
.experience-sound:hover{background:#f0dfbd}
.experience-rest-text-button{padding:8px 2px;border:0;border-bottom:1px solid #c8ac7c8a;background:transparent;color:#ecddc3;font-size:10px}
.experience-rest-text-button:hover{color:#fff}
.experience-rest-hint{font-size:9px;color:#c3b69db8;line-height:1.6;margin:24px 0 0}
body.immersive .experience-root[data-quiet=off] .experience-rail{opacity:0;pointer-events:none}

@media(max-width:800px){.experience-rail{right:18px;top:auto;bottom:165px;transform:none;flex-direction:row}.experience-rail-button{width:88px;min-height:42px;font-size:9px}.experience-rail-glyph{font-size:18px}.experience-rest{right:18px;top:90px;transform:none}.experience-dialog{padding:24px}.experience-project-stage{grid-template-columns:1fr}.experience-project-card{min-height:210px}.experience-project-form{align-content:stretch}}
@media(max-width:600px){.experience-rail{right:15px;bottom:264px;gap:5px}.experience-rail-button{width:65px;min-height:46px;font-size:8px;border-radius:7px;display:grid;gap:3px}.experience-rail-glyph{font-size:15px}.experience-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 24px);padding:19px}.experience-project-stage{padding:10px;gap:14px}.experience-examples{grid-template-columns:1fr;gap:2px}.experience-example{padding:8px 5px}.experience-example h3{font-size:14px;margin:4px 0}.experience-example p{font-size:9px}.experience-rest{right:10px;left:10px;top:auto;bottom:22px;width:auto;padding:20px}.experience-rest-rule{margin:14px 0}.experience-rest h2{font-size:24px}.experience-rest-copy{margin-bottom:15px}.experience-arrival-copy{line-height:1.7}}
@media(prefers-reduced-motion:reduce){.experience-root *{animation:none!important;transition:none!important}.experience-arrival.is-opening .experience-door-left,.experience-arrival.is-opening .experience-door-right{transform:none}}

.experience-arrival.is-opening{background:transparent}.experience-arrival::before,.experience-arrival::after{transition:opacity .3s}.experience-arrival.is-opening::before,.experience-arrival.is-opening::after{opacity:0}