@layer pages{.about-document{--bottle-header-height:64px;--bottle-gutter:clamp(20px, 4vw, 88px)}.about-document:has([data-bottle-active=true]) #page-header{height:var(--bottle-header-height);min-height:var(--bottle-header-height)}.about-document:has([data-bottle-active=true]) .layout#content-inner{background:0 0;width:100%;max-width:none;margin:0;padding:0}.about-document:has([data-bottle-active=true]) #content-inner>#page{width:100%;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;animation:none;overflow:visible}.about-experience{width:100%;position:relative}#page>.about-experience[data-bottle-active=true]{animation:none}.about-experience[data-bottle-active=true]>.about-experience__switch{z-index:3;top:24px;right:var(--bottle-gutter);margin:0;position:absolute}.about-experience [hidden]{display:none}.about-experience__switch{justify-content:flex-end;gap:6px;margin-bottom:18px;display:flex}.about-experience__switch button{border:1px solid var(--heo-card-border);color:var(--heo-fontcolor);font:inherit;cursor:pointer;background:0 0;border-radius:30px;padding:8px 18px;font-size:13px}.about-experience__switch button[aria-pressed=true]{color:var(--heo-card-bg);background:var(--heo-fontcolor)}.about-bottle{--bottle-ink:#f2dfbb;--bottle-muted:#d2c5ae;--bottle-line:#efd6a838;--bottle-glow:#ba865e1f;isolation:isolate;width:100%;color:var(--bottle-ink);background:radial-gradient(ellipse at 50% 48%, var(--bottle-glow), transparent 68%);border:0;border-radius:0;position:relative;overflow:hidden}.about-bottle[data-bottle-period=黎明]{--bottle-glow:#c7899724}.about-bottle[data-bottle-period=正午]{--bottle-glow:#91c7c51f}.about-bottle[data-bottle-period=子夜]{--bottle-glow:#546eaa1f}.about-bottle__stage{width:100%;height:max(560px, calc(100svh - var(--bottle-header-height)))}.about-bottle__stage canvas{cursor:grab;touch-action:none;outline:none;width:100%;height:100%;display:block}.about-bottle__stage canvas:active{cursor:grabbing}.about-bottle:has(canvas:focus-visible) .about-bottle__controls{outline-offset:4px;outline:2px solid #d8b479}.about-bottle__heading{z-index:1;top:30px;left:var(--bottle-gutter);pointer-events:none;color:var(--heo-fontcolor);text-shadow:0 2px 18px var(--heo-background);position:absolute}.about-bottle__eyebrow,.about-bottle__chapter-label{letter-spacing:.2em;font-size:10px;font-weight:600;display:block}.about-bottle__heading h1{color:inherit;letter-spacing:.12em;margin:10px 0;font-family:Georgia,LXGW WenKai,serif;font-size:clamp(28px,3.6vw,52px);font-weight:500;line-height:1.3}.about-bottle__heading h1 span{color:var(--heo-secondtext);letter-spacing:.2em;margin-top:9px;font-family:inherit;font-size:13px;display:block}.about-bottle__heading p{opacity:.8;margin-top:16px;font-size:12px}.about-bottle button{color:inherit;font:inherit;cursor:pointer}.about-bottle button:focus-visible,.about-experience__switch button:focus-visible{outline-offset:4px;outline:2px solid #d8b479}.about-bottle__controls{z-index:2;top:82px;right:var(--bottle-gutter);border:1px solid var(--bottle-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#171d24ad;border-radius:30px;align-items:center;gap:8px;padding:7px 10px;display:flex;position:absolute}.about-bottle__controls button{background:0 0;border:0;border-radius:15px;padding:5px 9px;font-size:11px}.about-bottle__controls button:hover,.about-bottle__controls button[aria-pressed=true]{background:#e8cb982e}.about-bottle__period{border-right:1px solid var(--bottle-line);padding:0 9px;font-size:11px}.about-bottle__panel{z-index:2;top:146px;right:var(--bottle-gutter);border-top:1px solid #e9cfa28c;border-bottom:1px solid var(--bottle-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);scrollbar-width:thin;scrollbar-color:#8b7a5e transparent;overscroll-behavior:contain;background:linear-gradient(120deg,#1a2127e0,#1e2429b8);width:min(320px,28vw);max-height:calc(100% - 290px);padding:19px 22px 23px;position:absolute;overflow:auto}.about-bottle__panel-top{letter-spacing:.2em;justify-content:space-between;align-items:center;margin-bottom:25px;font-size:11px;display:flex}.about-bottle__panel-top button{background:0 0;border:0;width:28px;height:28px;padding:0;font-size:22px}.about-bottle__panel h2,.about-bottle__panel h3{color:inherit;margin:12px 0 16px;font-size:23px;line-height:1.5}.about-bottle__panel p,.about-bottle__prose,.about-bottle__panel blockquote,.about-bottle__panel li,.about-bottle__panel dl{color:var(--bottle-muted);overflow-wrap:anywhere;font-size:13px;line-height:1.9}.about-bottle__prose img{max-width:100%;height:auto}.about-bottle__prose .title1,.about-bottle__prose .title2,.about-bottle__prose h2{margin:0 0 10px;font-size:15px;line-height:1.8}.about-bottle__prose .mask span{font-size:inherit;display:inline;position:static}.about-bottle__prose .mask span+span:before{content:" / "}.about-bottle__tags{flex-wrap:wrap;gap:6px 12px;margin-top:20px;font-size:11px;display:flex}.about-bottle__tags span:before{color:#c9a568;content:"· "}.about-bottle__timeline{padding-left:18px}.about-bottle__timeline li{padding:0 0 16px 5px}.about-bottle__interests dd{margin:0 0 16px}.about-bottle__interests dt{opacity:.6;font-size:11px}.about-bottle__chapters{z-index:2;right:var(--bottle-gutter);bottom:38px;left:var(--bottle-gutter);color:var(--heo-fontcolor);text-shadow:0 1px 12px var(--heo-background);justify-content:center;gap:clamp(8px,2vw,40px);padding:10px 8px;display:flex;position:absolute}.about-bottle__chapters button{white-space:nowrap;opacity:.7;background:0 0;border:0;border-bottom:1px solid #0000;flex-direction:column;align-items:center;gap:4px;padding:4px 6px;font-size:12px;display:flex}.about-bottle__chapters button span{font-family:Georgia,serif;font-size:11px}.about-bottle__chapters button[aria-pressed=true]{opacity:1;border-bottom-color:#dbb777}.about-bottle__hint{z-index:1;pointer-events:none;color:var(--heo-secondtext);text-align:center;letter-spacing:.06em;opacity:.7;margin:0;font-size:10px;position:absolute;bottom:9px;left:20px;right:20px}.about-bottle__status,.about-bottle__retry{z-index:3;text-align:center;width:min(360px,85%);font-size:14px;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.about-bottle__retry{border:1px solid var(--bottle-line);background:#25343d;border-radius:25px;width:auto;padding:9px 18px;top:57%}.about-bottle[data-bottle-state=loading] .about-bottle__status{animation:2s ease-in-out infinite alternate bottle-status-breathe}@keyframes bottle-status-breathe{to{opacity:.5}}@media (width<=900px){.about-document{--bottle-gutter:18px}.about-experience[data-bottle-active=true]>.about-experience__switch{top:16px}.about-bottle__heading{top:120px;left:var(--bottle-gutter)}.about-bottle__heading p{display:none}.about-bottle__controls{top:68px;right:var(--bottle-gutter);left:var(--bottle-gutter);justify-content:center;gap:4px;padding:7px 4px}.about-bottle__panel{width:auto;max-height:190px;padding:12px 18px;inset:auto 15px 142px}.about-bottle__panel-top{margin-bottom:10px}.about-bottle__panel h2{margin:7px 0;font-size:20px}.about-bottle__chapters{justify-content:flex-start;gap:2px;left:12px;right:12px;overflow-x:auto}.about-bottle__chapters button{flex:1 0 auto;min-width:64px;font-size:11px}.about-bottle__hint{font-size:9px}}@media (prefers-reduced-motion:reduce){.about-bottle[data-bottle-state=loading] .about-bottle__status{animation:none}}}