.study-app{z-index:2;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--paper) 76%, transparent) 8%, color-mix(in srgb, var(--paper) 76%, transparent) 92%, transparent);height:100svh;min-height:720px;color:var(--ink);position:relative;overflow:hidden}.room-header{z-index:4;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;top:30px;left:4%;right:max(4%,84px)}.room-brand{font-family:var(--serif);flex-shrink:0;align-items:center;gap:14px;text-decoration:none;display:inline-flex}.room-brand-mark{background:linear-gradient(145deg,#fff9ece8,#ede4ceab);border:1px solid #a28c5e40;border-radius:16px 16px 7px;flex-shrink:0;place-items:center;width:60px;height:60px;display:grid;box-shadow:inset 0 0 0 3px #fff9ed80,0 3px 12px #5d4c3010}.room-brand-mark svg{stroke-linecap:round;stroke-linejoin:round;width:52px;height:52px}.brand-roof{stroke:#79593f;stroke-width:2.3px}.brand-stem,.brand-pages{stroke:#8c9b76;stroke-width:1.3px}.brand-leaf{fill:#93a27b;stroke:#7d8b69;stroke-width:.6px}.brand-leaf-vein{stroke:#e9ecd7;stroke-width:.8px}.brand-window{fill:#c99a53}.brand-book{fill:#faf3e3;stroke:#79593f;stroke-width:1.8px}.room-brand-copy{flex-direction:column;gap:5px;display:flex}.room-brand-title{white-space:nowrap;align-items:baseline;gap:8px;display:flex}.room-brand-owner{color:var(--muted);letter-spacing:1px;font-size:13px}.room-brand-title strong{color:var(--ink);letter-spacing:3px;font-size:25px;font-weight:500;line-height:1.4}.room-brand small{font:7px/1.6 var(--sans);letter-spacing:1.9px;color:#8e8068;white-space:nowrap;display:block}.room-brand:focus-visible{outline:1px solid var(--accent);outline-offset:7px;border-radius:4px}.room-return{border-bottom:1px solid var(--line);color:var(--ink);font:13px/1.6 var(--serif);letter-spacing:.5px;white-space:nowrap;flex-shrink:0;align-items:center;gap:7px;padding:4px 0;transition:color .2s,border-color .2s;display:inline-flex}.room-return svg{stroke:var(--accent);stroke-width:1px;stroke-linecap:round;stroke-linejoin:round}.room-return-arrow{color:var(--muted);font:12px var(--sans)}.room-return:hover,.room-return:focus-visible{color:var(--accent);border-color:var(--accent)}.room-return:focus-visible{outline:1px solid var(--accent);outline-offset:5px}.room-intro{z-index:2;pointer-events:none;position:absolute;top:16%;left:5%}.room-intro>span{letter-spacing:2.5px;color:#9c7857;font-size:9px}.room-intro h1{font:400 clamp(23px, 2vw, 30px)/1.5 var(--serif);margin:18px 0}.room-intro p{color:#8b7d6a;font-size:12px;line-height:2.2}#room-stage{position:absolute;inset:70px 0 145px 160px}.room-life{z-index:2;width:210px;color:var(--ink);position:absolute;top:47%;left:5%}.study-app[data-following=true] .room-intro{visibility:hidden}.study-app[data-following=true] .room-life{background:color-mix(in srgb, var(--paper) 90%, transparent);border-top:1px solid var(--line);padding:14px}.room-life-clock{align-items:baseline;gap:10px;display:flex}.room-life-clock time{font:30px/1.2 var(--serif);font-variant-numeric:tabular-nums;letter-spacing:1px}.room-life-clock>span{font:10px var(--serif);color:var(--muted)}#life-light{color:var(--accent);font-size:19px}.room-life p{font:13px/1.8 var(--serif);min-height:24px;margin:13px 0 12px}.room-life-track{background:var(--line);width:100%;height:1px;margin-bottom:15px}.room-life-track i{background:var(--accent);width:27.7%;height:1px;display:block}.room-life-controls{gap:16px;display:flex}.room-life-controls button,#room-follow,#room-labels{font:11px/1.8 var(--serif);border:0;border-bottom:1px solid var(--line);color:var(--muted);background:0 0;padding:2px 0}.room-life-controls button:hover,#room-follow:hover,#room-labels:hover{color:var(--accent)}#room-floor{border:1px solid var(--line);max-width:145px;color:var(--muted);background:var(--paper,#f5eddb);font:11px/1.8 var(--serif);border-radius:4px;padding:5px 7px}.room-tools{flex-wrap:wrap}.room-life-controls>span{font:11px/1.8 var(--serif);color:var(--muted);align-self:center}.room-life small{font:10px/1.8 var(--serif);color:var(--muted);margin-top:16px;display:block}.room-space-label{font:10px/1.5 var(--serif);letter-spacing:3px;color:#786b5b;pointer-events:none;background:#f5eddbba;border-bottom:1px solid #af9d794a;padding:2px 7px;position:absolute;transform:translate(-50%,-50%)}#room-canvas{touch-action:none;width:100%;height:100%}#room-canvas canvas{width:100%;height:100%;display:block}#room-hotspots{pointer-events:none;position:absolute;inset:0;overflow:hidden}.room-hotspot{pointer-events:auto;white-space:nowrap;border:0;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--paper) 88%, transparent);color:var(--ink);font:11px/1.6 var(--serif);letter-spacing:.5px;border-radius:2px;padding:4px 8px;transition:color .2s,background .2s;position:absolute;transform:translate(-50%,-50%)}.room-hotspot:hover,.room-hotspot:focus-visible{background:var(--paper);color:var(--accent)}.room-hotspot:before{content:"·";color:var(--accent);padding-right:7px}#room-hotspots .room-mascot{z-index:12;pointer-events:none;width:36px;height:26px;position:absolute;inset:65% auto auto 60%}#room-hotspots .room-mascot:not([data-room-ready=true]){visibility:hidden}.room-mascot .mascot-character,.room-mascot .mascot-character:hover,.room-mascot[data-state] .mascot-character{pointer-events:auto;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--paper) 92%, transparent);color:var(--accent);font:11px/24px var(--serif);animation:none;transform:none}.room-mascot .mascot-dialog{width:min(275px,100vw - 32px);transform:translateX(calc(-50% + var(--mascot-bubble-shift,0px)));background:color-mix(in srgb, var(--paper) 96%, transparent);pointer-events:auto;bottom:calc(100% + 12px);left:50%;right:auto}.room-mascot .mascot-music{font-size:18px;top:-18px;left:38px}.room-tools{z-index:3;text-align:center;align-items:center;gap:12px;display:flex;position:absolute;top:140px;right:max(4%,84px)}#room-reset{color:#8b765e;background:0 0;border:0;padding:8px;font-size:11px}.room-caption{color:#86775f;pointer-events:none;justify-content:center;align-items:center;gap:9px;font-size:11px;display:flex;position:absolute;bottom:139px;left:0;right:0}.room-dot{background:#8a9a77;border-radius:50%;width:5px;height:5px}#room-audio{pointer-events:auto;background:#fffaf0;border:1px solid #cfc3ac;border-radius:20px;padding:5px 12px;font-size:11px}.in-study .journal-layout{display:block}.in-study .site-shell{max-width:920px}.in-study .margin-column{border-left:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;margin-top:48px;padding:0;display:grid}@media (width<=600px){.in-study .margin-column{display:block}.room-caption{flex-wrap:wrap}}.room-nav{z-index:3;border-block:1px solid var(--line);width:min(860px,90%);color:var(--ink);gap:0;padding:13px 0;display:flex;position:absolute;bottom:62px;left:50%;transform:translate(-50%)}.room-nav:before{content:"别墅目录";background:var(--paper);color:var(--muted);font:10px/16px var(--serif);letter-spacing:3px;padding:0 12px;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.room-nav a{font:14px/1.6 var(--serif);letter-spacing:1px;text-align:center;white-space:nowrap;border-right:1px solid var(--line);flex:1;padding:2px 10px;transition:color .2s;position:relative}.room-nav a:last-child{border:0}.room-nav a:hover,.room-nav a:focus-visible{color:var(--accent)}.room-nav a:focus-visible{outline:1px solid var(--accent);outline-offset:3px}.room-nav a:after{content:"";background:var(--accent);width:18px;height:1px;transition:transform .2s;position:absolute;bottom:-6px;left:calc(50% - 9px);transform:scaleX(0)}.room-nav a:hover:after,.room-nav a:focus-visible:after{transform:scaleX(1)}.room-nav small{letter-spacing:2px;color:var(--muted);font-size:8px;font-family:var(--sans);margin-bottom:3px;display:block}.room-footer{color:#948773;letter-spacing:1px;justify-content:space-between;font-size:10px;display:flex;position:absolute;bottom:20px;left:4%;right:4%}.room-footer button{background:0 0;border:0;font-size:10px}#room-content{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:18px;width:min(1180px,94vw);max-width:94vw;height:88svh;max-height:88svh;padding:0;overflow:hidden;box-shadow:0 25px 100px #2d251b40}#room-content::backdrop{backdrop-filter:blur(7px);background:#27241c80}.room-panel-bar{border-bottom:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;height:58px;padding:0 24px;font-size:12px;display:flex}.room-panel-bar button{background:var(--ink);color:var(--paper);border:0;border-radius:20px;padding:7px 15px}.room-panel-body{overscroll-behavior:contain;scroll-behavior:auto;height:calc(100% - 58px);overflow:auto}.in-study .site-shell{padding-top:20px}.in-study .site-header{display:none}.in-study .mascot,.in-study .mascot-wake{margin-left:auto;position:sticky}.room-noscript{z-index:5;background:var(--paper);text-align:center;padding:30px;position:fixed;top:45%;left:10%;right:10%}.room-noscript a{text-decoration:underline}@media (width<=1000px){#room-stage{left:0}.room-life{width:170px;top:37%;left:4%}.room-life small{display:none}.room-intro{top:16%;left:4%}.room-intro h1{font-size:28px}.room-intro p{display:none}.room-nav a{padding:2px 8px;font-size:12px}.room-tools{top:125px}.study-app{min-height:660px}}@media (width<=600px){.study-app{min-height:700px}.room-header{gap:8px;top:20px;right:64px}.room-brand{gap:9px}.room-brand-mark{border-radius:12px 12px 5px;width:43px;height:43px}.room-brand-mark svg{width:37px;height:37px}.room-brand-copy{gap:3px}.room-brand-title{gap:6px}.room-brand-owner{letter-spacing:.5px;font-size:11px}.room-brand-title strong{letter-spacing:1px;font-size:19px}.room-brand small{letter-spacing:.8px;font-size:6.5px}.room-return{letter-spacing:0;gap:5px;font-size:12px}.room-return svg{width:15px;height:15px}.room-intro{top:100px}.room-intro h1{margin:8px 0;font-size:21px}.room-intro>span{font-size:7px}.room-tools{top:100px;right:64px}#room-stage{inset:275px -9% 175px}.room-life{grid-template-columns:1fr auto;align-items:center;gap:7px 12px;width:92%;display:grid;top:211px;left:4%}.study-app[data-following=true] .room-life{padding:5px 0}.study-app[data-following=true] .room-intro{visibility:visible}.room-life-clock time{font-size:23px}.room-life p{grid-area:2/1;min-height:0;margin:0;font-size:11px}.room-life-track,.room-life small{display:none}.room-life-controls{grid-area:1/2/3;gap:11px}.room-life-controls button{font-size:10px}.room-tools{flex-direction:column;gap:6px;top:106px}#room-labels,#room-follow{font-size:10px}.room-space-label{letter-spacing:1px;padding:1px 5px;font-size:9px}.room-hotspot{padding:5px 8px;font-size:10px}.room-nav{grid-template-columns:repeat(4,1fr);gap:12px 0;width:88%;padding:15px 0 12px;display:grid;bottom:54px}.room-nav a{letter-spacing:.5px;padding:2px 4px;font-size:12px}.room-nav a:nth-child(4){border:0}.room-nav small{display:none}.room-caption{text-align:center;padding:0 20px;font-size:10px;bottom:150px}.room-footer{font-size:8px;bottom:20px}.room-footer button{font-size:9px}#room-content{width:96vw;max-width:96vw;height:94svh;max-height:94svh}.room-panel-bar{padding:0 15px}.room-panel-bar button{font-size:11px}}@media (prefers-reduced-motion:reduce){.room-nav a,.room-nav a:after,.room-return,.room-hotspot{transition:none}}@media (width<=380px){.room-brand{gap:7px}.room-brand-mark{border-radius:10px 10px 4px;width:36px;height:36px}.room-brand-mark svg{width:32px;height:32px}.room-brand-title{gap:4px}.room-brand-owner{letter-spacing:0;font-size:10px}.room-brand-title strong{letter-spacing:.6px;font-size:17px}.room-brand small{display:none}.room-return{gap:4px;font-size:11px}.room-return svg{display:none}}