:root{--ink:#202220;--muted:#747872;--paper:#fffffcc2;--line:#20222017;--game:#176c61;--game-soft:#d7e9e3;--gift:#b95e3f;--gift-soft:#f2ded5;--shadow:0 24px 70px #33373013;--radius-lg:38px;--radius-md:26px;color:var(--ink);font-synthesis:none;background:#ecece7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,a{color:inherit;font:inherit}a{text-decoration:none}button{cursor:pointer}body:before{content:"";z-index:-1;background:radial-gradient(circle at 6% 4%,#f6dec280,#0000 36%),radial-gradient(circle at 84% 25%,#cde2db80,#0000 42%),linear-gradient(135deg,#f2efe9 0%,#eaeeea 56%,#efefeb 100%);position:fixed;inset:0}.site-shell{min-height:100vh;position:relative}.page{height:100vh;padding:26px 26px 64px;display:none}.page.is-active{opacity:1;filter:blur();transition:opacity .28s,transform .42s cubic-bezier(.22,.8,.24,1),filter .28s;display:block;transform:translateY(0)scale(1)}.site-shell[data-phase=leaving] .page.is-active{opacity:0;filter:blur(3px);transform:translateY(-7px)scale(.992)}.site-shell[data-phase=entering] .page.is-active{animation:.19s cubic-bezier(.22,.8,.24,1) both page-in}@keyframes page-in{0%{opacity:0;filter:blur(3px);transform:translateY(9px)scale(.994)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.page-tabs{z-index:20;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#fdfdfab8;border:1px solid #ffffffd1;border-radius:999px;align-items:center;gap:2px;min-height:52px;padding:7px 10px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 14px 36px #2227221a}.page-tab{background:0 0;border:0;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;display:grid}.page-dot{background:#b9bcb7;border-radius:50%;width:7px;height:7px;transition:width .18s,height .18s,background .18s,transform .18s}.page-tab:hover .page-dot{background:#777b75;transform:scale(1.15)}.page-tab[aria-current=page] .page-dot{background:var(--ink);width:9px;height:9px;transform:scale(1)}.page-number{display:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.eyebrow{color:var(--game);letter-spacing:.18em;text-transform:uppercase;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:700}.profile-card,.business-card,.timeline-sidebar,.timeline-entry,.letter-sheet{background:var(--paper);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid #ffffffd1}.cover-layout{grid-template-columns:minmax(360px,34%) minmax(0,1fr);gap:22px;width:min(1720px,100%);height:100%;margin:auto;display:grid}.profile-card{border-radius:34px;flex-direction:column;justify-content:space-between;min-height:0;padding:clamp(38px,4.8vw,76px);display:flex}.profile-card>div:first-child{margin:auto 0}.avatar{aspect-ratio:1;background:#fff;border:8px solid #fff;border-radius:50%;place-items:center;width:clamp(124px,11vw,184px);margin-bottom:clamp(38px,6vh,72px);font-family:Georgia,serif;font-size:clamp(42px,5vw,72px);display:grid;overflow:hidden;box-shadow:0 18px 44px #20222024}.avatar img{object-fit:cover;object-position:center;width:100%;height:100%;transform:scale(1.13)}.profile-card h1{letter-spacing:-.055em;white-space:nowrap;max-width:none;margin:24px 0 18px;font-family:Georgia,Noto Serif SC,serif;font-size:clamp(42px,4.4vw,68px);font-weight:500;line-height:1.03}.profile-tagline{color:var(--muted);margin:0;font-size:clamp(15px,1.35vw,20px)}.profile-note{color:#666a64;max-width:30rem;margin:26px 0 0;font-size:14px;line-height:1.85}.social-links{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.social-link{border:1px solid var(--line);background:#ffffff7a;border-radius:999px;align-items:center;min-height:40px;padding:0 15px;font-size:13px;transition:all .18s;display:inline-flex}.social-link:hover{border-color:#20222059;transform:translateY(-2px)}.social-icon{border-radius:50%;justify-content:center;width:42px;min-width:42px;height:42px;min-height:42px;padding:0}.social-icon img{width:19px;height:19px;display:block}.continue-button{width:max-content;color:var(--muted);background:0 0;border:0;justify-content:flex-start;align-items:center;gap:14px;margin-top:34px;padding:0;font-size:13px;display:flex}.continue-button span:last-child{border:1px solid var(--line);background:#ffffff6b;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.business-column{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:18px;min-height:0;padding-top:0;display:grid}.business-card{text-align:left;border-radius:30px;flex-direction:column;min-height:clamp(278px,35vh,360px);padding:0;transition:transform .24s,box-shadow .24s,border-color .24s;display:flex;overflow:hidden}.business-card:hover{border-color:#fffffffa;transform:translateY(-4px);box-shadow:0 30px 80px #3337301c}.business-card-head{border-bottom:1px solid var(--line);align-items:flex-start;gap:20px;padding:24px 26px 20px;display:flex}.business-brand{flex:auto;gap:14px;min-width:0;display:flex}.business-brand>div:last-child{min-width:0}.business-icon{border-radius:15px;flex:none;place-items:center;width:48px;height:48px;font-size:19px;font-weight:800;display:grid}.game .business-icon{background:var(--game-soft);color:var(--game)}.gift .business-icon{background:var(--gift-soft);color:var(--gift)}.radar .business-icon{color:#6b4fa1;background:#ece5f8}.business-kicker{color:#8a8d86;letter-spacing:.13em;margin:0 0 8px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:9px;font-weight:700}.business-brand h3{letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;margin:0 0 7px;font-size:clamp(19px,1.6vw,26px);font-weight:560;overflow:hidden}.business-brand>div:last-child>p:not(.business-kicker){width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;line-height:1.45;overflow:hidden}.business-showcase{flex-direction:column;flex:1;justify-content:space-between;gap:24px;padding:26px;display:flex}.business-showcase>p{color:#5e625d;letter-spacing:-.02em;max-width:27rem;margin:0;font-family:Georgia,Noto Serif SC,serif;font-size:clamp(16px,1.25vw,20px);line-height:1.65}.business-features{flex-wrap:wrap;gap:8px;display:flex}.business-features span{border:1px solid var(--line);color:#777b74;background:#ffffff7a;border-radius:999px;padding:7px 10px;font-size:11px}.business-card-footer{color:#0000;justify-content:space-between;align-items:center;padding:0 25px 19px;font-size:11px;transition:color .18s;display:flex}.business-card:hover .business-card-footer{color:var(--muted)}.business-card.radar{grid-column:1/-1;min-height:168px}.business-card.radar .business-card-head{padding-bottom:15px}.radar-preview{background:linear-gradient(120deg,#6b4fa11a,#fff0 68%);flex-direction:row;justify-content:space-between;align-items:end;padding-top:19px}.radar-preview strong{letter-spacing:-.035em;max-width:22rem;font-family:Georgia,Noto Serif SC,serif;font-size:clamp(19px,1.6vw,27px);font-weight:500;line-height:1.15}.timeline-layout{grid-template-columns:284px minmax(0,1fr);gap:34px;width:min(1480px,100%);height:100%;margin:auto;display:grid}.timeline-sidebar{border-radius:30px;padding:36px 32px;overflow:auto;box-shadow:0 22px 68px #33373011}.timeline-index{margin:0 0 22px;font-family:Georgia,serif;font-size:52px;font-style:italic;font-weight:400;line-height:1}.timeline-sidebar h2{letter-spacing:-.035em;margin:16px 0 10px;font-family:Georgia,Noto Serif SC,serif;font-size:29px;font-weight:500}.timeline-sidebar>p{color:var(--muted);margin:0;font-size:13px;line-height:1.75}.filter-title{letter-spacing:.18em;font-family:ui-monospace,monospace;color:#959991!important;margin:42px 0 13px!important;font-size:9px!important}.filter-list{gap:10px;display:grid}.filter-button{border:1px solid var(--line);color:#6f736d;text-align:left;background:#ffffff61;border-radius:15px;align-items:center;gap:12px;width:100%;min-height:48px;padding:0 16px;font-size:13px;transition:background .18s,color .18s,transform .18s;display:flex}.filter-button:hover{background:#ffffffb3;transform:translate(2px)}.filter-number{color:#858982;letter-spacing:.02em;border:1px solid #b6b9b3;border-radius:50%;place-items:center;width:22px;height:22px;font-family:ui-monospace,monospace;font-size:8px;display:grid}.filter-button.is-active{color:#fff;background:#242724}.filter-button.is-active .filter-number{color:#173a34;background:#83cfc1;border-color:#0000;box-shadow:0 0 0 5px #76c8b91f}.timeline-feed{scrollbar-width:thin;padding:12px 20px 88px 4px;overflow:auto}.feed-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;margin:8px 0 30px;padding:0 8px 20px;display:flex}.feed-top h3{letter-spacing:-.045em;margin:0;font-family:Georgia,Noto Serif SC,serif;font-size:clamp(32px,3.3vw,52px);font-weight:500}.feed-top span{color:#969991;letter-spacing:.1em;font-family:ui-monospace,monospace;font-size:10px}.timeline-group{padding-left:30px;position:relative}.timeline-group:before{content:"";background:#2e5e563d;width:1px;position:absolute;top:16px;bottom:-34px;left:8px}.timeline-date{border:1px solid var(--line);color:#686c66;letter-spacing:.04em;background:#fffffc99;border-radius:10px;margin:0 0 14px -30px;padding:8px 13px;font-family:ui-monospace,monospace;font-size:10px;display:inline-flex}.timeline-entry{background:#fffffca8;border-radius:20px;margin-bottom:22px;padding:25px 29px 27px;position:relative;box-shadow:0 16px 46px #3337300b}.timeline-entry:before{content:"";background:var(--game);border-radius:50%;width:7px;height:7px;position:absolute;top:31px;left:-26px;box-shadow:0 0 0 4px #176c6117}.timeline-entry[data-category=gift]:before{background:var(--gift);box-shadow:0 0 0 5px #b95e3f1f}.entry-meta{color:#94978f;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;gap:16px;font-family:ui-monospace,monospace;font-size:9px;display:flex}.timeline-entry h4{letter-spacing:-.02em;margin:17px 0 9px;font-family:Georgia,Noto Serif SC,serif;font-size:21px;font-weight:500}.timeline-entry p{color:#5d615b;max-width:56rem;margin:0;font-size:14px;line-height:1.9}.entry-link{color:var(--game);margin-top:16px;font-size:13px;font-weight:700;display:inline-flex}.timeline-entry[data-category=gift] .entry-link{color:var(--gift)}.letter-wrap{width:min(1480px,100%);height:100%;margin:auto}.letter-sheet{border-radius:32px;grid-template-columns:172px minmax(0,1fr);height:100%;display:grid;overflow:hidden;box-shadow:0 26px 76px #33373011}.letter-aside{border-right:1px solid var(--line);padding:42px 38px}.letter-aside .timeline-index{margin-bottom:58px}.letter-vertical{color:var(--muted);letter-spacing:.22em;writing-mode:vertical-rl;font-family:ui-monospace,monospace;font-size:12px}.letter-body{padding:clamp(58px,7vw,112px) clamp(54px,8vw,132px);position:relative;overflow:auto}.letter-body:before{content:"";background:var(--line);width:min(220px,22vw);height:1px;position:absolute;top:clamp(102px,11vw,174px);left:clamp(54px,8vw,132px)}.letter-kicker{color:var(--muted);letter-spacing:.22em;font-family:ui-monospace,monospace;font-size:11px}.letter-body h2{letter-spacing:-.055em;white-space:nowrap;max-width:none;margin:84px 0 40px;font-family:Georgia,Noto Serif SC,serif;font-size:clamp(40px,4vw,62px);font-weight:400;line-height:1.15}.letter-content{color:#575b55;max-width:760px;font-family:Georgia,Noto Serif SC,serif;font-size:clamp(16px,1.35vw,20px);line-height:2.08}.letter-content p{margin:0 0 25px}.letter-signature{border-top:1px solid var(--line);margin-top:68px;padding-top:24px}.letter-signature span{color:var(--muted);letter-spacing:.14em;font-family:ui-monospace,monospace;font-size:11px;display:block}.letter-signature strong{margin-top:8px;font-family:Georgia,serif;font-size:25px;font-weight:500;display:block}.wechat-modal{z-index:50;-webkit-backdrop-filter:blur(17px)saturate(.86);backdrop-filter:blur(17px)saturate(.86);background:#1c231f38;place-items:center;padding:20px;animation:.18s both modal-in;display:grid;position:fixed;inset:0}@keyframes modal-in{0%{opacity:0}to{opacity:1}}.modal-backdrop{background:0 0;border:0;position:absolute;inset:0}.wechat-sheet{z-index:1;text-align:center;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:#f8faf7d6;border:1px solid #ffffffe0;border-radius:30px;width:min(100%,362px);padding:38px 28px 28px;position:relative;box-shadow:0 28px 80px #141c172e}.modal-close{color:#668075;background:#22302a14;border:0;border-radius:50%;place-items:center;width:31px;height:31px;font-size:20px;line-height:1;display:grid;position:absolute;top:15px;right:15px}.modal-brand{background:#207c561a;border-radius:15px;place-items:center;width:47px;height:47px;margin:0 auto 16px;display:grid}.modal-brand img{width:24px;height:24px}.qr-code{aspect-ratio:1;background:#fff;border-radius:19px;width:min(100%,214px);margin:20px auto 21px;overflow:hidden;box-shadow:0 12px 34px #20222013}.qr-code img{object-fit:cover;width:100%;height:100%;display:block}.wechat-sheet h2{letter-spacing:-.04em;margin:10px 0 0;font-family:Georgia,Noto Serif SC,serif;font-size:30px;font-weight:500}.wechat-sheet>p:not(.eyebrow){color:var(--muted);margin:0;font-size:13px}.wechat-id{text-align:left;background:#e0e8e285;border:1px solid #25342d12;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;padding:9px 9px 9px 15px;display:flex}.wechat-id div{min-width:0}.wechat-id small{color:#829087;font-size:10px;display:block}.wechat-id span{letter-spacing:.06em;margin-top:3px;font-family:ui-monospace,monospace;font-size:14px;font-weight:700;display:block}.wechat-id button{color:#fff;background:#3f7565;border:0;border-radius:10px;min-height:37px;padding:0 13px;font-size:12px}@media (max-width:1000px){body{overflow:auto}.page{height:auto;min-height:100vh;padding:20px 20px 100px}.cover-layout{grid-template-columns:1fr;height:auto}.profile-card{min-height:660px}.business-column{grid-template-rows:auto;grid-template-columns:1fr 1fr}.business-card{min-height:330px}.timeline-layout{grid-template-columns:1fr;height:auto}.timeline-sidebar,.timeline-feed{overflow:visible}.filter-list{grid-template-columns:repeat(3,1fr)}.timeline-feed{padding-bottom:20px}.letter-wrap,.letter-sheet{height:auto;min-height:calc(100vh - 120px)}}@media (max-width:680px){.page{padding:14px 14px 94px}.cover-layout{gap:18px}.profile-card{border-radius:30px;min-height:calc(100svh - 104px);padding:42px 29px 28px}.profile-card h1{max-width:none;margin:22px 0 14px;font-size:clamp(39px,11.5vw,46px);line-height:1.08}.profile-tagline{font-size:15px;line-height:1.65}.profile-note{margin-top:18px;font-size:12px;line-height:1.65;display:block}.avatar{border-width:7px;width:112px;margin-bottom:39px;font-size:42px}.social-links{gap:8px;margin-top:26px}.social-link{min-height:37px;padding:0 13px;font-size:12px}.social-icon{width:38px;min-width:38px;height:38px;min-height:38px;padding:0}.social-icon img{width:17px;height:17px}.wechat-sheet{border-radius:28px;padding:34px 24px 24px}.continue-button{margin-top:22px}.business-column{grid-template-columns:1fr}.business-card{border-radius:26px;min-height:270px}.business-card-head{padding:21px 20px 17px}.business-brand p{max-width:12rem}.business-card-footer{color:var(--muted);padding:0 20px 17px}.business-card.radar{min-height:210px}.radar-preview{flex-direction:column;align-items:flex-start}.timeline-layout{gap:18px}.timeline-sidebar{border-radius:26px;padding:20px}.timeline-index{margin:0 0 11px;font-size:35px}.timeline-sidebar h2{margin:10px 0 4px;font-size:25px}.timeline-sidebar>p:not(.eyebrow):not(.timeline-index):not(.filter-title){font-size:12px;line-height:1.65}.filter-title{margin:22px 0 10px!important;font-size:8px!important}.filter-list{scrollbar-width:none;gap:8px;padding:3px 1px 5px;display:flex;overflow-x:auto}.filter-list::-webkit-scrollbar{display:none}.filter-button{border-radius:999px;flex:none;width:auto;min-height:42px;padding:0 13px;font-size:12px}.filter-button:hover{transform:none}.filter-number{width:19px;height:19px;font-size:7px}.feed-top{align-items:end;margin:6px 0 20px;padding:8px 4px 17px;display:flex}.feed-top h3{font-size:31px}.feed-top span{margin-top:8px;display:block}.timeline-group{padding-left:22px}.timeline-group:before{left:5px}.timeline-date{margin-left:-22px}.timeline-entry{border-radius:19px;margin-bottom:17px;padding:22px 20px 23px}.timeline-entry:before{left:-20px}.timeline-entry h4{margin-top:14px;font-size:19px}.timeline-entry p{font-size:13px;line-height:1.82}.page-tabs{gap:2px;min-height:50px;padding:5px;bottom:15px}.page-tab{border-radius:999px;width:46px;height:40px}.page-dot{display:none}.page-number{color:#8d918a;letter-spacing:.04em;font-family:ui-monospace,monospace;font-size:11px;transition:color .18s;display:block}.page-tab[aria-current=page]{background:#202320;box-shadow:0 0 0 2px #ffffffb3,0 5px 16px #20232029}.page-tab[aria-current=page] .page-number{color:#fff}.letter-sheet{border-radius:28px;display:block}.letter-aside{border-right:0;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:26px;display:flex}.letter-aside .timeline-index{margin:0;font-size:42px}.letter-vertical{writing-mode:initial}.letter-body{padding:44px 27px 70px}.letter-body:before{display:none}.letter-body h2{white-space:normal;margin-top:36px;font-size:42px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}