:root{color-scheme:light;--bg: #fffaf7;--bg-elevated: #ffffff;--bg-sunken: #fdf1ec;--text: #2c2429;--text-soft: #6d6068;--text-faint: #9c8f97;--line: #eddfd8;--line-strong: #e0ccc2;--accent: #e0708f;--accent-soft: #f9c9d8;--accent-deep: #b8506d;--violet: #a98fd6;--gradient: linear-gradient(135deg, #f9c9d8 0%, #e78fae 55%, #a98fd6 100%);--shadow-sm: 0 1px 2px rgb(90 60 70 / 6%), 0 2px 8px rgb(90 60 70 / 4%);--shadow-md: 0 2px 6px rgb(90 60 70 / 7%), 0 12px 28px rgb(90 60 70 / 8%);--shadow-lg: 0 8px 24px rgb(60 30 45 / 12%), 0 32px 64px rgb(60 30 45 / 14%);--radius-sm: 10px;--radius: 18px;--radius-lg: 26px;--rail: 2px;--gutter: 44px;--maxw: 1180px;--ease: cubic-bezier(.22, 1, .36, 1);--dur: .42s;--font: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-inscribe: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Songti SC", "STSong", "Noto Serif SC", "Source Han Serif SC", "SimSun", serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body.is-locked{overflow:hidden}.page-loader{font-family:var(--font)}.page-loader__spinner{will-change:transform}@media(prefers-reduced-motion:reduce){.page-loader__spinner,.page-loader__spinner:before{animation:none}}img,video{display:block;max-width:100%}[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a{color:var(--accent-deep)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.skip-link{position:absolute;top:-100px;left:16px;z-index:200;padding:10px 18px;border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--accent);color:#fff;text-decoration:none;transition:top .2s}.skip-link:focus{top:0}.logout-button{position:fixed;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));z-index:80;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid rgb(255 255 255 / 48%);border-radius:50%;background:#ffffff6b;color:var(--text-soft);box-shadow:var(--shadow-sm);backdrop-filter:blur(10px);transition:color .2s var(--ease),background .2s var(--ease),transform .2s var(--ease)}.logout-button:hover{background:#ffffffb8;color:var(--accent-deep);transform:translateY(-1px)}.logout-button:disabled{cursor:wait;opacity:.55}.logout-button svg{width:17px;height:17px}.hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:100svh;padding:72px 24px;overflow:hidden;text-align:center}.hero__glow{position:absolute;inset:-30% -10% auto;height:130%;background:radial-gradient(46% 42% at 26% 20%,rgb(249 201 216 / 55%),transparent 68%),radial-gradient(44% 40% at 76% 26%,rgb(169 143 214 / 38%),transparent 66%),radial-gradient(60% 48% at 50% 88%,rgb(255 224 199 / 45%),transparent 70%);filter:blur(6px);pointer-events:none}.hero__inner{position:relative;z-index:1;max-width:760px}.hero__eyebrow{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin:0 0 22px;color:var(--text-soft);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;animation:rise .9s var(--ease) both}.hero__sep{width:22px;height:1px;background:var(--line-strong)}.hero__name{margin:0;font-size:clamp(3.6rem,15vw,7.5rem);font-weight:600;line-height:1.05;letter-spacing:.06em;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent;animation:rise .9s .08s var(--ease) both}.hero__tagline{margin:20px 0 0;color:var(--text-soft);font-size:clamp(.95rem,2.6vw,1.1rem);letter-spacing:.02em;animation:rise .9s .22s var(--ease) both}.hero__gloss{display:flex;flex-direction:column;align-items:center;gap:16px;margin:22px 0 0;animation:rise .9s .14s var(--ease) both}.hero__gloss-orn{position:relative;display:block;width:76px;height:1px;background:linear-gradient(90deg,transparent,var(--accent-soft) 30%,var(--violet) 70%,transparent)}.hero__gloss-orn:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;border-radius:1px;background:var(--gradient);transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 8px #e0708f73}.hero__gloss-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 12px;margin:0;font-family:var(--font-inscribe);font-kerning:normal}.hero__gloss-en{font-size:clamp(.7rem,2.3vw,.88rem);font-weight:500;letter-spacing:.24em;text-transform:uppercase;background:linear-gradient(100deg,var(--accent-deep) 0%,var(--violet) 34%,var(--accent) 56%,var(--accent-deep) 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gloss-sheen 9s ease-in-out infinite}.hero__gloss-bar{display:inline-block;overflow:hidden;width:1px;height:1.15em;color:transparent;background:linear-gradient(to bottom,transparent,var(--accent-soft) 20%,var(--violet) 50%,var(--accent-soft) 80%,transparent)}.hero__gloss-cn{font-size:clamp(.98rem,3.1vw,1.18rem);letter-spacing:.3em;margin-right:-.3em;color:var(--text)}@keyframes gloss-sheen{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero__stats{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:44px 0 0;animation:rise .9s .3s var(--ease) both}.stat{min-width:116px;padding:16px 20px;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--bg-elevated) 78%,transparent);backdrop-filter:blur(12px);box-shadow:var(--shadow-sm)}.stat__value{display:block;font-size:1.6rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.01em;color:var(--text)}.stat__value small{margin-left:2px;font-size:.85rem;font-weight:500;color:var(--text-soft)}.stat__label{display:block;margin-top:2px;color:var(--text-faint);font-size:.75rem;letter-spacing:.16em}.hero__years{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:40px;animation:rise .9s .38s var(--ease) both}.year-chip{padding:8px 18px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--bg-elevated) 70%,transparent);color:var(--text-soft);font-size:.85rem;font-variant-numeric:tabular-nums;transition:all .22s var(--ease)}.year-chip:hover{border-color:var(--accent-soft);background:var(--bg-elevated);color:var(--accent-deep);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.hero__scroll{position:absolute;width:24px;height:42px;bottom:14px;left:50%;transform:translate(-50%);z-index:1;animation:scroll-float 2.8s ease-in-out infinite}.hero__scroll-line{display:block;position:relative;width:2px;height:42px;border-radius:999px;background:linear-gradient(to bottom,transparent 0%,var(--accent) 42%,var(--violet) 100%);animation:pulse-line 2.4s ease-in-out infinite}.hero__scroll-line:after{position:absolute;bottom:0;left:50%;width:10px;height:10px;border-right:2px solid var(--accent-deep);border-bottom:2px solid var(--accent-deep);content:"";transform:translate(-50%,-1px) rotate(45deg)}@keyframes scroll-float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}@keyframes rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes pulse-line{0%,to{opacity:.35;transform:scaleY(.7);transform-origin:top}50%{opacity:1;transform:scaleY(1);transform-origin:top}}.main{max-width:var(--maxw);margin:0 auto;padding:0 24px}.timeline{position:relative;padding:40px 0 96px}.timeline.is-locked{min-height:62svh}.timeline__locked{display:grid;justify-items:center;align-content:center;min-height:56svh;padding:72px 24px;text-align:center}.timeline__locked-mark{display:grid;place-items:center;width:48px;height:48px;margin-bottom:18px;border:1px solid var(--line-strong);border-radius:50%;color:var(--accent);font-size:1.25rem;box-shadow:var(--shadow-sm)}.timeline__locked-title{margin:0;color:var(--text);font-size:clamp(1.35rem,3vw,1.8rem);font-weight:600;letter-spacing:.06em}.timeline__locked-text{margin:10px 0 24px;color:var(--text-soft);font-size:.9rem}.timeline__locked-action{padding:10px 22px;border-radius:999px;background:var(--gradient);color:#fff;font-size:.88rem;font-weight:600;box-shadow:var(--shadow-sm)}.timeline__locked-action:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.auth-modal{width:min(390px,calc(100vw - 36px));margin:auto;padding:0;border:0;border-radius:var(--radius-lg);background:transparent;color:var(--text);overflow:visible;box-shadow:var(--shadow-lg)}.auth-modal::backdrop{background:#33202b3d;backdrop-filter:blur(13px) saturate(.82)}.auth-modal__card{position:relative;display:grid;justify-items:stretch;gap:12px;padding:34px 30px 30px;border:1px solid var(--line);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--bg-elevated) 88%,transparent);box-shadow:var(--shadow-lg)}.auth-modal__close{position:absolute;top:12px;right:14px;width:32px;height:32px;border-radius:50%;color:var(--text-faint);font-size:1.5rem;line-height:1}.auth-modal__close:hover{background:var(--bg-sunken);color:var(--text)}.auth-modal__eyebrow{margin:0;color:var(--accent-deep);font-size:.72rem;letter-spacing:.16em;text-align:center}.auth-modal__title{margin:0;color:var(--text);font-size:1.5rem;font-weight:600;letter-spacing:.04em;text-align:center}.auth-modal__hint{margin:0 0 6px;color:var(--text-soft);font-size:.84rem;text-align:center}.auth-modal__input{width:100%;padding:12px 14px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);outline:none;background:var(--bg-elevated);color:var(--text);font:inherit;text-align:center}.auth-modal__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e0708f29}.auth-modal__error{margin:-2px 0 0;color:var(--accent-deep);font-size:.8rem;text-align:center}.auth-modal__submit{width:100%;padding:12px 16px;border-radius:var(--radius-sm);background:var(--gradient);color:#fff;font-weight:600}.auth-modal__submit:disabled{cursor:wait;opacity:.66}.timeline:before{content:"";position:absolute;top:0;bottom:60px;left:50%;width:var(--rail);margin-left:calc(var(--rail) / -2);background:linear-gradient(to bottom,transparent,var(--line-strong) 8%,var(--line-strong) 92%,transparent);border-radius:2px}.timeline.is-empty:before{display:none}.otd{position:relative;z-index:2;margin-bottom:76px}.otd__intro{display:flex;align-items:baseline;gap:14px;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid var(--line)}.otd__title{margin:0;color:var(--text);font-size:1.3rem;font-weight:600;letter-spacing:.06em}.otd__sub{margin:0;color:var(--text-faint);font-size:.8rem;font-variant-numeric:tabular-nums;letter-spacing:.04em}.otd__grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}.otd__card{padding:20px 22px 18px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elevated);box-shadow:var(--shadow-sm)}.otd__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.otd__label{margin:0;color:var(--accent-deep);font-size:1.05rem;font-weight:600;letter-spacing:.04em}.otd__date{color:var(--text-faint);font-size:.78rem;font-variant-numeric:tabular-nums}.otd__meta{margin:8px 0 14px;color:var(--text-soft);font-size:.8rem;letter-spacing:.02em}.otd__strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.otd__thumb{position:relative;flex:0 0 auto;width:84px;height:84px;padding:0;border:none;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-sunken);cursor:pointer;transition:transform .22s var(--ease)}.otd__thumb img{display:block;width:100%;height:100%;object-fit:cover}.otd__thumb:hover{transform:translateY(-3px) scale(1.03)}.otd__play{position:absolute;right:5px;bottom:4px;color:#fff;font-size:.7rem;text-shadow:0 1px 4px rgb(0 0 0 / 65%)}.otd__more{flex:0 0 auto;display:grid;place-items:center;width:84px;height:84px;border-radius:var(--radius-sm);background:var(--bg-sunken);color:var(--text-faint);font-size:.85rem;font-variant-numeric:tabular-nums}.rail{position:fixed;top:50%;right:max(8px,env(safe-area-inset-right));z-index:55;padding:6px 2px;opacity:0;transform:translateY(-50%) translate(14px);pointer-events:none;transition:opacity .32s var(--ease),transform .32s var(--ease)}.rail.is-visible{opacity:1;transform:translateY(-50%) translate(0);pointer-events:auto}.rail__inner{position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:9px}.rail__inner:before{content:"";position:absolute;top:12px;bottom:12px;right:11px;border-right:1px dashed var(--line-strong);opacity:.75}.rail__group{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.rail__head{position:relative;z-index:1;padding:4px 12px;border:none;border-radius:999px;background:color-mix(in srgb,var(--bg) 84%,transparent);backdrop-filter:blur(8px);color:var(--text-faint);font-family:inherit;font-size:.78rem;font-variant-numeric:tabular-nums;letter-spacing:.05em;cursor:pointer;transform-origin:right center;transition:transform .14s ease-out,color .24s var(--ease),background .24s var(--ease),box-shadow .24s var(--ease);will-change:transform}.rail__head[data-hover=true]{color:var(--accent-deep);background:var(--bg-elevated);box-shadow:var(--shadow-md)}.rail__group[data-active=true] .rail__head{color:var(--text);font-weight:600;background:var(--bg-elevated);box-shadow:var(--shadow-sm)}.rail__group[data-active=true] .rail__head:hover,.rail__group[data-active=true] .rail__head[data-hover=true]{color:var(--accent-deep)}.rail__months{display:none;flex-direction:column;align-items:flex-end;gap:0;padding-right:8px}.rail__group[data-active=true] .rail__months{display:flex}.rail__month{padding:0 8px;border:none;border-radius:999px;background:transparent;color:var(--text-faint);font:inherit;font-size:.69rem;line-height:1.45;font-variant-numeric:tabular-nums;cursor:pointer;transform-origin:right center;transition:transform .14s ease-out,color .2s var(--ease),background .2s var(--ease);will-change:transform}.rail__month[data-hover=true]{color:var(--accent-deep)}.rail__month[data-active=true]{background:var(--accent);color:#fff}.entry{scroll-margin-top:88px}@media(max-width:720px){.rail{right:max(2px,env(safe-area-inset-right));-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none}.rail__head{padding:3px 9px;font-size:.72rem}.rail__month{padding:1px 6px;font-size:.66rem}}.tl-switch{position:relative;z-index:2;display:flex;gap:6px;width:fit-content;margin:0 auto 44px;padding:5px;border:1px solid var(--line);border-radius:999px;background:var(--bg-sunken)}.tl-switch__btn{display:inline-flex;align-items:baseline;gap:7px;padding:9px 22px;border:none;border-radius:999px;background:transparent;color:var(--text-soft);font-family:inherit;font-size:.9rem;letter-spacing:.04em;cursor:pointer;transition:all .24s var(--ease)}.tl-switch__btn small{color:var(--text-faint);font-size:.7rem;font-variant-numeric:tabular-nums}.tl-switch__btn:hover{color:var(--accent-deep)}.tl-switch__btn[data-active=true]{background:var(--bg-elevated);color:var(--text);box-shadow:var(--shadow-sm)}.tl-switch__btn[data-active=true] small{color:var(--accent)}.year{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:16px;margin:64px 0 48px;scroll-margin-top:32px}.year:first-child{margin-top:0}.year__label{padding:8px 24px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--text);font-size:1.05rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.1em;box-shadow:var(--shadow-sm)}.year__meta{color:var(--text-faint);font-size:.8rem;letter-spacing:.04em}.entry{position:relative;z-index:2;width:calc(50% - var(--gutter));margin-bottom:40px;content-visibility:auto;contain-intrinsic-size:auto 600px;opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.entry.is-visible{opacity:1;transform:none}.entry[data-side=left]{margin-right:auto;text-align:right}.entry[data-side=right]{margin-left:auto}.entry__dot{position:absolute;top:30px;width:13px;height:13px;border:3px solid var(--bg);border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px var(--line-strong);transition:all .3s var(--ease)}.entry[data-side=left] .entry__dot{right:calc(var(--gutter) * -1 - 6.5px)}.entry[data-side=right] .entry__dot{left:calc(var(--gutter) * -1 - 6.5px)}@media(hover:hover){.entry:hover .entry__dot{background:var(--accent-deep);transform:scale(1.35);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 18%,transparent)}}.entry__date{display:flex;align-items:baseline;gap:10px;margin-bottom:10px;color:var(--text-faint);font-size:.8rem;letter-spacing:.06em;font-variant-numeric:tabular-nums}.entry[data-side=left] .entry__date{justify-content:flex-end}.entry__day{color:var(--text-soft);font-weight:500}.entry__age{padding:2px 10px;border-radius:999px;background:var(--bg-sunken);color:var(--text-soft);font-size:.72rem;letter-spacing:.02em}.entry__card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elevated);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s var(--ease)}@media(hover:hover){.entry:hover .entry__card{transform:translateY(-4px);border-color:var(--accent-soft);box-shadow:var(--shadow-md)}}.media{position:relative;display:block;width:100%;max-height:clamp(280px,42vh,420px);padding:0;background:var(--bg-sunken);overflow:hidden;cursor:zoom-in}.media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}@media(hover:hover){.entry:hover .media img{transform:scale(1.04)}}.media__badge{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:#140c10d1;color:#fff;font-size:.72rem;font-variant-numeric:tabular-nums;letter-spacing:.04em}.media__badge svg{width:13px;height:13px}.media__play{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(to top,rgb(20 12 16 / 34%),transparent 55%);pointer-events:none}.media__play span{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#ffffffeb;color:#2c2429;box-shadow:0 4px 18px #00000038;transition:transform .35s var(--ease)}@media(hover:hover){.entry:hover .media__play span{transform:scale(1.1)}}.media__play svg{width:22px;height:22px;margin-left:3px}.entry__body{padding:16px 20px 18px}.entry__interaction{display:block;width:100%;padding:10px 14px;border:0;border-top:1px solid var(--line);background:transparent;color:var(--text-faint);font:inherit;font-size:.76rem;letter-spacing:.04em;text-align:inherit;cursor:pointer;transition:color .2s ease,background .2s ease}.entry__interaction:hover,.entry__interaction:focus-visible{background:var(--bg-sunken);color:var(--accent-deep);outline:none}.entry__caption{margin:0;color:var(--text);font-size:.95rem;line-height:1.6;overflow-wrap:anywhere}.entry__people{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.person{padding:3px 10px;border-radius:999px;background:var(--bg-sunken);color:var(--text-soft);font-size:.72rem;letter-spacing:.02em}.person__glue{align-self:center;color:var(--text-faint);font-size:.72rem;letter-spacing:.02em}.entry__note{margin:10px 0 0;padding-top:10px;border-top:1px dashed var(--line);color:var(--text-soft);font-size:.86rem;line-height:1.7}.empty{max-width:560px;margin:40px auto 120px;padding:56px 32px;border:1px dashed var(--line-strong);border-radius:var(--radius-lg);background:var(--bg-elevated);text-align:center}.empty__icon{font-size:2.6rem;line-height:1}.empty__title{margin:18px 0 8px;font-size:1.2rem;font-weight:600}.empty__text{margin:0;color:var(--text-soft);font-size:.92rem}.empty__code{display:inline-block;margin-top:20px;padding:10px 18px;border-radius:var(--radius-sm);background:var(--bg-sunken);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.footer{padding:56px 24px 72px;border-top:1px solid var(--line);text-align:center}.footer__line{margin:0;font-size:.95rem;font-weight:500;letter-spacing:.08em}.footer__sub{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:8px 0 0;color:var(--text-faint);font-size:.8rem;letter-spacing:.04em}.footer__dot{opacity:.6}.to-top{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:60;display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:color-mix(in srgb,var(--bg-elevated) 88%,transparent);backdrop-filter:blur(12px);color:var(--text-soft);box-shadow:var(--shadow-md);transition:all .3s var(--ease)}.to-top:hover{color:var(--accent-deep);border-color:var(--accent-soft);transform:translateY(-3px)}.to-top svg{width:20px;height:20px}.to-top[hidden]{display:none}.to-top:not([hidden]){bottom:calc(max(20px,env(safe-area-inset-bottom)) + 60px)}#background-music{display:none}.music-toggle{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:60;display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;background:transparent;transition:transform .3s var(--ease),filter .3s var(--ease)}.music-toggle img{width:30px;height:30px;transition:filter .3s var(--ease)}.music-toggle:hover{transform:translateY(-3px)}.music-toggle.is-playing{filter:drop-shadow(0 4px 8px rgb(176 80 109 / 18%))}.music-toggle.is-playing img{animation:music-note-spin 6s linear infinite;filter:drop-shadow(0 3px 5px rgb(176 80 109 / 24%))}.music-toggle:disabled{cursor:not-allowed;opacity:.5}@keyframes music-note-spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.lightbox{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#0e090bf0;backdrop-filter:blur(14px);color:#f0e6ea;overflow:hidden;opacity:0;transition:opacity .3s var(--ease)}.lightbox.is-open{opacity:1}.lightbox:not([open]){display:none}.lightbox__stage{position:relative;display:flex;flex:1;align-items:center;justify-content:center;min-height:0;padding:56px 16px 8px}.lightbox__content{display:flex;align-items:center;justify-content:center;width:100%;height:100%;max-width:100%;max-height:100%}.lightbox__content img,.lightbox__content video{max-width:100%;max-height:100%;border-radius:var(--radius-sm);object-fit:contain;box-shadow:var(--shadow-lg)}.lightbox__content{position:relative}.danmu-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;transition:opacity .2s ease}.danmu-hidden .danmu-layer{opacity:0}.danmu-line{position:absolute;left:100%;top:calc(10% + var(--danmu-row, 0) * 13%);padding:3px 12px;border-radius:999px;background:#140c107a;color:#fff;font-size:clamp(.75rem,1.8vw,1rem);line-height:1.4;white-space:nowrap;text-shadow:0 1px 2px rgb(0 0 0 / 45%);animation:danmu-slide 12s linear infinite}.danmu-line:nth-child(2n){--danmu-row: 1}.danmu-line:nth-child(3n){--danmu-row: 2}.danmu-line:nth-child(4n){--danmu-row: 3}@keyframes danmu-slide{0%{transform:translate(0)}to{transform:translate(-140vw)}}.lightbox__discussion{width:min(760px,calc(100vw - 32px));margin:12px auto 0;padding:14px 16px;border:1px solid rgb(255 255 255 / 14%);border-radius:14px;background:#140c10d6;color:#fff;backdrop-filter:blur(14px)}.discussion__head,.discussion__form{display:flex;align-items:center;gap:8px}.discussion__head{justify-content:space-between;margin-bottom:10px;font-size:.82rem}.discussion__hint{color:#ffffff94;font-size:.76rem}.discussion__list{max-height:140px;overflow:auto}.discussion__comment{display:grid;gap:2px;margin:7px 0;color:#ffffffe0;font-size:.88rem}.discussion__comment-meta{color:#ffffff8a;font-size:.7rem}.discussion__like{margin-left:auto;padding:5px 10px;border:1px solid rgb(255 255 255 / 24%);border-radius:999px;background:transparent;color:inherit;cursor:pointer}.discussion__like.is-liked,.lightbox__action.is-liked{color:#ff4d67}.discussion__like[aria-pressed=false],.lightbox__action[aria-pressed=false]{color:#fff}.discussion__like[aria-pressed=true] .discussion__like-icon,.lightbox__action[aria-pressed=true] .lightbox__like-icon{color:#ff4d67}.discussion__like-icon,.lightbox__like-icon{display:inline-grid;place-items:center}.discussion__like-icon svg{width:1em;height:1em}.discussion__like:disabled,.discussion__form button:disabled{cursor:not-allowed;opacity:.48}.discussion__close{display:none}.discussion__empty{color:#ffffff7f;font-size:.82rem}.discussion__form{margin-top:10px}.discussion__form input{min-width:0;flex:1;padding:8px 11px;border:1px solid rgb(255 255 255 / 20%);border-radius:999px;outline:none;background:#ffffff1a;color:#fff;font:inherit}.discussion__form input::placeholder{color:#ffffff7a}.discussion__form button{padding:8px 14px;border:0;border-radius:999px;background:var(--accent);color:#fff;font:inherit;cursor:pointer}.lightbox__content img{animation:zoom-in .34s var(--ease)}.lightbox__content[data-slide=next]>img,.lightbox__content[data-slide=next]>video{animation:lightbox-slide-next .38s cubic-bezier(.22,.7,.2,1) both}.lightbox__content[data-slide=prev]>img,.lightbox__content[data-slide=prev]>video{animation:lightbox-slide-prev .38s cubic-bezier(.22,.7,.2,1) both}@keyframes lightbox-slide-next{0%{opacity:.72;transform:translateY(15%)}to{opacity:1;transform:translateY(0)}}@keyframes lightbox-slide-prev{0%{opacity:.72;transform:translateY(-15%)}to{opacity:1;transform:translateY(0)}}@keyframes zoom-in{0%{opacity:0;transform:scale(.965)}to{opacity:1;transform:none}}.lightbox__bar{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;padding:14px 20px calc(18px + env(safe-area-inset-bottom));color:#f0e6ea}.lightbox__info{flex:0 1 min(760px,100%);min-width:0;text-align:center}.lightbox__date{display:block;color:#b9a8b0;font-size:.76rem;font-variant-numeric:tabular-nums;letter-spacing:.06em}.lightbox__caption{margin:4px 0 0;font-size:.94rem;line-height:1.55;overflow-wrap:anywhere}.lightbox__caption-row{display:flex;align-items:center;justify-content:center;gap:6px}.lightbox__description-edit{display:inline-grid;flex:0 0 auto;place-items:center;width:26px;height:26px;margin-top:4px;padding:4px;border:1px solid rgb(255 255 255 / 18%);border-radius:50%;background:#ffffff14;color:#ffffffb8;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.lightbox__description-edit:hover{background:#ffffff2e;color:#fff;transform:translateY(-1px)}.lightbox__description-edit svg{width:15px;height:15px}.lightbox__description-editor{width:min(520px,100%);margin-top:12px;padding:11px 12px 12px;border:1px solid rgb(255 255 255 / 15%);border-radius:10px;background:#00000040;color:#f5edf0;pointer-events:auto}.lightbox__description-head,.lightbox__description-actions{display:flex;align-items:center;gap:8px}.lightbox__description-head{justify-content:space-between;margin-bottom:7px;font-size:.76rem}.lightbox__description-head span{color:#ffffff94;font-size:.7rem}.lightbox__description-editor textarea{display:block;width:100%;min-height:54px;box-sizing:border-box;resize:vertical;padding:8px 9px;border:1px solid rgb(255 255 255 / 18%);border-radius:7px;background:#ffffff17;color:#fff;font:inherit;font-size:.8rem;line-height:1.45}.lightbox__description-editor textarea::placeholder{color:#ffffff6b}.lightbox__description-actions{justify-content:flex-end;margin-top:8px}.lightbox__description-actions button{padding:5px 10px;border:1px solid rgb(255 255 255 / 20%);border-radius:6px;background:#ffffff1a;color:#fff;cursor:pointer;font:inherit;font-size:.72rem}.lightbox__description-actions button:first-child{border-color:#ea9bb8a6;background:#d6759975}.lightbox__description-actions button:disabled{cursor:wait;opacity:.55}.lightbox__count{position:absolute;right:20px;bottom:calc(18px + env(safe-area-inset-bottom));color:#9c8b93;font-size:.78rem;font-variant-numeric:tabular-nums;white-space:nowrap}.lightbox__btn{position:absolute;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#ffffff1a;backdrop-filter:blur(8px);color:#fff;transition:all .25s var(--ease)}.lightbox__btn:hover{background:#ffffff38;transform:scale(1.06)}.lightbox__btn:disabled{cursor:default;opacity:.28;pointer-events:none}.lightbox__btn svg{width:22px;height:22px}.lightbox__close{top:14px;right:14px}.lightbox__prev,.lightbox__next{top:50%;margin-top:-23px}.lightbox__prev{left:14px}.lightbox__next{right:14px}.lightbox__actions{display:none}@media(max-width:700px){.lightbox{display:block;overflow-y:auto;overscroll-behavior-y:contain;background:#09090b}.lightbox__stage{display:flex;flex:none;height:min(68svh,760px);min-height:420px;padding:max(52px,env(safe-area-inset-top)) 10px 10px}.lightbox__content img,.lightbox__content video{width:auto;max-width:100%;max-height:100%;border-radius:12px;box-shadow:0 18px 50px #0000005c}.lightbox__bar{position:relative;z-index:1;gap:8px;margin-top:-1px;padding:22px 18px 12px;background:linear-gradient(180deg,#09090b00,#09090b 36%)}.lightbox__date{color:#ffffff9e;font-size:.76rem;letter-spacing:.02em}.lightbox__info{text-align:left}.lightbox__caption-row{justify-content:flex-start}.lightbox__caption{margin-top:7px;color:#fff;font-size:1.02rem;line-height:1.55}.lightbox__description-editor{margin-top:11px;background:#09090bb8;backdrop-filter:blur(8px)}.lightbox__count{position:static;align-self:flex-end;padding-bottom:2px;color:#ffffff94}.lightbox__discussion{width:auto;margin:10px 12px calc(14px + env(safe-area-inset-bottom));padding:17px 16px 16px;border:1px solid rgb(255 255 255 / 12%);border-radius:22px;background:#151116;box-shadow:0 14px 36px #0000003d}.discussion__head{margin-bottom:13px;font-size:.95rem}.discussion__hint{flex:1;min-width:0;margin-left:8px;overflow:hidden;color:#ffffff8a;font-size:.74rem;text-overflow:ellipsis;white-space:nowrap}.discussion__like{display:grid;place-items:center;width:50px;height:50px;margin-left:4px;padding:0;border-radius:50%;font-size:.83rem}.discussion__list{max-height:160px;margin-bottom:4px}.discussion__comment{margin:9px 0;color:#ffffffdb;font-size:.9rem}.discussion__form{gap:9px;margin-top:12px}.discussion__form input{min-height:46px;padding:10px 14px;border-color:#ffffff2e;background:#ffffff17}.discussion__form button{min-width:70px;min-height:46px;padding:9px 15px;font-weight:600}.lightbox__prev,.lightbox__next{width:42px;height:42px;margin-top:-21px;background:#0000004d}.lightbox__prev{left:10px}.lightbox__next{right:10px}}.lightbox.is-touch .lightbox__prev,.lightbox.is-touch .lightbox__next{display:none}@media(pointer:coarse){.lightbox__prev,.lightbox__next{display:none}}@media(max-width:700px),(pointer:coarse){.lightbox{display:block;overflow:hidden;background:#09090b}.lightbox__stage{position:relative;display:block;height:100svh;min-height:100svh;padding:0}.lightbox__content{position:absolute;inset:0;width:100%;height:100%}.lightbox__content img,.lightbox__content video{width:100%;height:100%;max-width:none;max-height:none;border-radius:0;object-fit:contain;box-shadow:none}.lightbox__bar{position:absolute;inset:auto 0 0;z-index:8;gap:0;padding:110px 92px max(24px,env(safe-area-inset-bottom)) 20px;background:linear-gradient(180deg,transparent 0%,rgb(0 0 0 / 74%) 72%,rgb(0 0 0 / 92%) 100%);pointer-events:none}.lightbox__date{display:block;color:#ffffffb3;font-size:.75rem;line-height:1.4;letter-spacing:.01em;text-shadow:0 1px 3px rgb(0 0 0 / 50%)}.lightbox__caption{margin-top:7px;color:#fff;font-size:1rem;font-weight:500;line-height:1.55;text-shadow:0 1px 3px rgb(0 0 0 / 50%)}.lightbox__count{display:none}.lightbox__actions{position:absolute;right:14px;bottom:max(116px,calc(env(safe-area-inset-bottom) + 92px));z-index:12;display:flex;flex-direction:column;align-items:center;gap:14px}.lightbox__action{display:grid;justify-items:center;gap:3px;min-width:42px;padding:0;border:0;background:transparent;color:#fff;cursor:pointer;text-shadow:0 1px 3px rgb(0 0 0 / 60%)}.lightbox__action-icon{display:grid;place-items:center;width:42px;height:42px;font-size:2.1rem;line-height:1}.lightbox__action-icon svg{width:32px;height:32px;filter:drop-shadow(0 1px 3px rgb(0 0 0 / 60%))}.lightbox__action--music .lightbox__action-icon img{width:36px;height:36px;filter:drop-shadow(0 1px 3px rgb(0 0 0 / 60%))}.lightbox__action--music.is-playing .lightbox__action-icon img{animation:music-note-spin 6s linear infinite}.lightbox__action small{font-size:.76rem;font-variant-numeric:tabular-nums}.lightbox__discussion{position:fixed;inset:auto 12px max(12px,env(safe-area-inset-bottom));z-index:30;width:auto;max-height:min(72svh,620px);margin:0;padding:18px 16px 16px;overflow:auto;border-radius:22px;background:#161116fa;box-shadow:0 -18px 50px #00000085;opacity:0;transform:translateY(calc(100% + 24px));transition:opacity .24s var(--ease),transform .28s var(--ease);visibility:hidden}.lightbox__discussion.is-visible{opacity:1;transform:translateY(0);visibility:visible}.discussion__head{margin-bottom:13px}.discussion__close{display:grid;place-items:center;width:30px;height:30px;margin-left:auto;padding:5px;border:0;background:transparent;color:#ffffffc2;cursor:pointer}.discussion__close svg{width:19px;height:19px}.discussion__like{display:none}}@media(max-width:900px){:root{--gutter: 34px}.timeline:before{left:12px;margin-left:0}.year{justify-content:flex-start;gap:12px;margin:48px 0 36px;padding-left:40px}.year:first-child{margin-top:0}.year__meta{display:none}.entry,.entry[data-side=left],.entry[data-side=right]{width:100%;margin-left:0;margin-right:0;margin-bottom:40px;padding-left:40px;text-align:left}.entry[data-side=left] .entry__date{justify-content:flex-start}.entry[data-side=left] .entry__dot,.entry[data-side=right] .entry__dot{left:6px;right:auto;top:26px}.entry__body{padding:14px 16px 16px}}@media(max-width:560px){.main{padding:0 16px}.hero{padding:56px 20px}.hero__stats{gap:8px;margin-top:36px}.hero__gloss{gap:12px;margin-top:18px}.hero__gloss-orn{width:58px}.hero__gloss-line{flex-direction:column;gap:9px}.hero__gloss-en{letter-spacing:.2em}.hero__gloss-bar{width:42px;height:1px;background:linear-gradient(90deg,transparent,var(--accent-soft) 25%,var(--violet) 50%,var(--accent-soft) 75%,transparent)}.hero__gloss-cn{letter-spacing:.22em;margin-right:-.22em}.stat{min-width:96px;padding:12px 14px}.stat__value{font-size:1.35rem}.entry,.entry[data-side=left],.entry[data-side=right]{padding-left:32px}.entry[data-side=left] .entry__dot,.entry[data-side=right] .entry__dot{left:2px}.timeline:before{left:8px}.year{padding-left:32px}.lightbox__prev,.lightbox__next{width:40px;height:40px;margin-top:-20px}.lightbox__prev{left:8px}.lightbox__next{right:8px}.lightbox__stage{padding:52px 8px 8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.entry{opacity:1;transform:none}}@media print{.hero__glow,.to-top,.music-toggle,.lightbox,.hero__scroll{display:none!important}.entry{opacity:1!important;transform:none!important;break-inside:avoid}.hero__name,.hero__gloss-en{background:none!important;color:var(--text)!important;-webkit-text-fill-color:currentColor}}