:root{color-scheme:light;--paper: #fffaf4;--paper-warm: #fff4ec;--ink: #2e2a27;--muted: #7e7167;--soft: #a99386;--line: rgba(78, 63, 54, .14);--panel: rgba(255, 255, 255, .72);--rose: #cf786e;--apricot: #f2b36f;--mint: #83a69a;--blue: #6f94b8;--shadow-soft: 0 16px 42px rgba(78, 63, 54, .12);--shadow-hover: 0 20px 54px rgba(78, 63, 54, .18);font-family:PingFang SC,Hiragino Sans GB,Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--paper)}body{position:relative;margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:linear-gradient(135deg,#fff2e6f0,#fffaf4d1 48%,#eef7f4bd),var(--paper);color:var(--ink)}body:before{content:"慢慢长大  被爱包围  今天也很可爱  每一天都值得记住  ";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;display:block;padding:46px 0 0 20px;color:#cf786e11;font-family:Songti SC,STSong,serif;font-size:4.6rem;line-height:1.65;font-weight:700;overflow:hidden;pointer-events:none;text-wrap:wrap;transform:rotate(-5deg) scale(1.08);transform-origin:center}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,rgba(126,113,103,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(126,113,103,.028) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,#000000eb,#0000002e);mask-image:linear-gradient(to bottom,#000000eb,#0000002e);pointer-events:none}button{font:inherit}button:focus-visible{outline:3px solid rgba(111,148,184,.58);outline-offset:3px}.page-shell{width:min(1260px,calc(100% - 48px));min-width:0;margin:0 auto;padding:34px 0 72px}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);align-items:center;gap:56px;min-height:420px;padding:22px 0 42px;border-bottom:1px solid var(--line)}.hero-copy{display:grid;justify-items:start;gap:20px;max-width:680px}.eyebrow{margin:0;color:var(--rose);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-family:Songti SC,STSong,Georgia,serif;font-size:4.25rem;line-height:1.04;font-weight:700;letter-spacing:0}h2{margin-bottom:0;font-family:Songti SC,STSong,Georgia,serif;font-size:2.65rem;line-height:1.08;font-weight:700;letter-spacing:0}.hero-lede{max-width:560px;margin:0;color:var(--muted);font-size:1.16rem;line-height:1.8}.hero-note{margin:0;color:var(--soft);font-size:.96rem}.header-counts{display:flex;flex-wrap:wrap;gap:10px}.header-counts span{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:9px 13px;border:1px solid rgba(78,63,54,.13);border-radius:999px;background:#ffffffa3;color:#5f554d;box-shadow:0 10px 28px #4e3f3612;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.header-counts svg{color:var(--rose)}.hero-collage{position:relative;width:100%;max-width:100%;min-height:348px}.collage-photo,.collage-placeholder{position:absolute;display:block;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.82);border-radius:8px;background:var(--paper-warm);box-shadow:var(--shadow-soft)}.collage-photo img{width:100%;height:100%;display:block;object-fit:cover}.collage-photo-1,.collage-placeholder{inset:20px 68px auto auto;width:68%;aspect-ratio:4 / 3}.collage-photo-2{left:8px;bottom:20px;width:46%;aspect-ratio:1}.collage-photo-3{right:0;bottom:0;width:35%;aspect-ratio:3 / 4}.collage-photo-4{left:52px;top:0;width:31%;aspect-ratio:4 / 5}.collage-placeholder{display:grid;place-items:center;color:var(--mint)}.collage-caption{position:absolute;right:28px;bottom:54px;display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border:1px solid rgba(255,255,255,.74);border-radius:999px;background:#ffffffbd;color:#6f5b52;box-shadow:0 12px 28px #4e3f361f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.collage-caption svg{color:var(--apricot)}.timeline-intro{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:30px 0 4px;color:var(--muted)}.timeline-intro span{color:var(--rose);font-size:.84rem;font-weight:800}.timeline-intro strong{font-family:Songti SC,STSong,Georgia,serif;font-size:1.35rem;line-height:1.4;color:var(--ink)}.timeline{position:relative;display:grid;gap:44px;padding:28px 0 8px}.timeline:before{content:"";position:absolute;top:34px;bottom:20px;left:152px;width:1px;background:linear-gradient(to bottom,transparent,rgba(207,120,110,.45),rgba(131,166,154,.35),transparent)}.year-section{position:relative;display:grid;grid-template-columns:190px minmax(0,1fr);gap:28px}.year-heading{position:sticky;top:18px;align-self:start;display:grid;gap:12px;min-width:0;padding:4px 0 0}.year-dot{position:absolute;top:19px;left:146px;width:13px;height:13px;border:3px solid var(--paper);border-radius:999px;background:var(--rose);box-shadow:0 0 0 1px #cf786e66,0 8px 18px #cf786e33}.year-heading>span:not(.year-dot),.album-meta span,.album-header span{color:var(--muted)}.album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.album-card,.media-tile{border:0;padding:0;color:inherit;background:transparent;cursor:pointer;text-align:left}.album-card{display:grid;gap:11px;min-width:0;transition:transform .18s ease}.album-card:hover{transform:translateY(-2px)}.album-cover{position:relative;display:block;aspect-ratio:4 / 3;overflow:hidden;border:1px solid rgba(255,255,255,.82);border-radius:8px;background:#fff4ecbd;box-shadow:var(--shadow-soft)}.album-cover:after,.media-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #2e2a270d;pointer-events:none}.album-cover img,.media-tile img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .22s ease,filter .22s ease}.album-card:hover img,.media-tile:hover img{transform:scale(1.035);filter:saturate(1.06) contrast(1.02)}.album-card:hover .album-cover{box-shadow:var(--shadow-hover)}.album-meta{display:grid;gap:4px;min-width:0}.album-meta strong{overflow-wrap:anywhere;color:#332d28;font-size:1.03rem;line-height:1.35}.album-meta span{font-size:.9rem}.album-header{display:flex;align-items:center;gap:16px;padding:20px 0 26px;border-bottom:1px solid var(--line)}.album-header>div{display:grid;gap:7px;min-width:0}.album-header h1{overflow-wrap:anywhere;font-size:3rem}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:7px;width:100%;min-width:0;max-width:100%;padding-top:22px}.media-tile{position:relative;aspect-ratio:1;overflow:hidden;border-radius:7px;background:#fff4ecbd}.video-badge{position:absolute;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.64);border-radius:999px;background:#1e1b18a8;color:#fffaf4;box-shadow:0 10px 26px #1e1b1838;pointer-events:none}.album-video-badge{right:10px;bottom:10px;width:34px;height:34px}.tile-video-badge{inset:50% auto auto 50%;width:48px;height:48px;transform:translate(-50%,-50%)}.icon-button,.text-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(78,63,54,.15);border-radius:999px;background:#ffffffc2;color:var(--ink);cursor:pointer;box-shadow:0 10px 24px #4e3f3614;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:border-color .16s ease,transform .16s ease,background .16s ease}.icon-button{width:46px;height:46px;flex:0 0 auto}.text-button{gap:8px;padding:10px 14px}.icon-button:hover,.text-button:hover{border-color:#cf786e99;background:#ffffffeb;transform:translateY(-1px)}.icon-button:disabled{opacity:.32;cursor:default;transform:none}.center-state{min-height:70vh;display:grid;place-content:center;justify-items:center;gap:14px;text-align:center}.center-state svg{color:var(--mint)}.center-state h1{font-size:2.5rem}.center-state p{max-width:560px;margin-bottom:0;color:var(--muted);line-height:1.7}.empty-panel{grid-column:1 / -1;display:grid;justify-items:center;gap:10px;min-height:280px;padding:44px 18px;border:1px dashed rgba(78,63,54,.18);border-radius:8px;background:#ffffff80;text-align:center}.empty-panel svg{color:var(--mint)}.empty-panel p{max-width:520px;margin-bottom:0;color:var(--muted);line-height:1.7}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;grid-template-columns:74px minmax(0,1fr) 74px;align-items:center;gap:10px;padding:24px;background:linear-gradient(135deg,#171514f5,#221e1cf0),#171514;color:#fffaf4}.lightbox .icon-button{background:#fffaf41f;border-color:#fffaf433;color:#fffaf4;box-shadow:none}.lightbox .icon-button:hover{background:#fffaf433}.lightbox-close{position:fixed;top:18px;right:18px;z-index:21}.lightbox-nav{align-self:center;justify-self:center}.lightbox-frame{min-width:0;max-height:calc(100vh - 76px);display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px;margin:0}.lightbox-frame img,.lightbox-video{max-width:100%;max-height:calc(100vh - 124px);justify-self:center;align-self:center;object-fit:contain;border-radius:8px}.lightbox-video{width:min(100%,1080px);background:#171514}.lightbox-frame figcaption{display:flex;justify-content:space-between;gap:16px;color:#fffaf4c2;font-size:.92rem}@media(max-width:1023px){.page-shell{width:min(960px,calc(100% - 36px))}.hero{grid-template-columns:minmax(0,1fr) minmax(300px,.82fr);gap:32px;min-height:380px}h1{font-size:3.35rem}h2{font-size:2.25rem}.hero-collage{min-height:306px}.timeline:before{left:118px}.year-section{grid-template-columns:150px minmax(0,1fr);gap:22px}.year-dot{left:112px}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-grid{grid-template-columns:repeat(auto-fill,minmax(138px,1fr))}}@media(max-width:720px){body:before{padding-top:28px;font-size:3.1rem;line-height:1.78;transform:rotate(-6deg) scale(1.08)}.page-shell{width:min(720px,calc(100% - 24px));padding:16px 0 46px}.hero{grid-template-columns:1fr;gap:22px;min-height:0;padding:10px 0 28px}.hero-copy{gap:16px}h1{font-size:2.8rem;line-height:1.08}h2{font-size:2.1rem}.hero-lede{font-size:1.02rem;line-height:1.72}.header-counts{gap:8px}.header-counts span{min-height:36px;padding:8px 11px;font-size:.93rem}.hero-collage{display:grid;grid-template-columns:1.05fr .95fr;grid-auto-rows:112px;gap:8px;min-height:0;overflow:visible}.collage-photo,.collage-placeholder{position:relative;inset:auto;width:auto;height:100%}.collage-photo-1,.collage-placeholder{grid-row:span 2;aspect-ratio:auto}.collage-photo-2{grid-column:2;grid-row:1;aspect-ratio:auto}.collage-photo-3{grid-column:2;grid-row:2;aspect-ratio:auto}.collage-photo-4,.collage-caption{display:none}.timeline-intro{display:grid;gap:8px;padding-top:24px}.timeline-intro strong{font-size:1.16rem}.timeline{gap:36px;padding-left:18px}.timeline:before{top:34px;bottom:18px;left:4px}.year-section{grid-template-columns:1fr;gap:14px}.year-heading{position:relative;top:auto;gap:8px}.year-dot{top:18px;left:-20px;width:12px;height:12px}.album-grid{grid-template-columns:1fr;gap:18px}.album-cover{aspect-ratio:16 / 10}.album-header{align-items:flex-start;gap:12px;padding:10px 0 18px}.album-header h1{font-size:2.12rem}.icon-button{width:42px;height:42px}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding-top:16px}.media-tile{border-radius:6px}.tile-video-badge{width:40px;height:40px}.lightbox{grid-template-columns:1fr;padding:12px}.lightbox-nav{position:fixed;bottom:18px;z-index:21}.lightbox-nav.previous{left:18px}.lightbox-nav.next{right:18px}.lightbox-frame{max-height:calc(100vh - 120px)}.lightbox-frame img,.lightbox-video{max-height:calc(100vh - 170px)}}@media(max-width:380px){.page-shell{width:min(380px,calc(100% - 18px))}h1{font-size:2.34rem}h2{font-size:1.84rem}.hero-lede{font-size:.98rem}.header-counts span{max-width:100%;white-space:normal}.hero-collage{grid-auto-rows:98px}.album-header h1{font-size:1.84rem}.center-state h1{font-size:2rem}}