:root{color:#342822;background:#fff8ef;font-family:Songti SC,"Noto Serif CJK SC",PingFang SC,Hiragino Sans GB,Microsoft YaHei,serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--paper: rgba(255, 252, 246, .86);--ink: #342822;--muted: #7a6659;--line: rgba(116, 86, 64, .18);--rose: #e9aaa3;--gold: #d5a14d;--clay: #a45f47;--cream: #fff8ef;--shadow: 0 24px 70px rgba(111, 71, 43, .14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 12% 10%,rgba(244,199,176,.4),transparent 34%),radial-gradient(circle at 88% 6%,rgba(224,183,105,.25),transparent 32%),linear-gradient(135deg,#fffaf3,#f8eadc 52%,#fff6ee)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.34;background-image:linear-gradient(rgba(111,71,43,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(111,71,43,.035) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 88%);mask-image:linear-gradient(to bottom,black,transparent 88%)}a{color:inherit;text-decoration:none}main{overflow:hidden}.hero{position:relative;min-height:94vh;padding:54px 24px 46px;display:grid;align-items:center}.hero-grid{width:min(1120px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.82fr);gap:clamp(34px,5vw,70px);align-items:center}.eyebrow{margin:0 0 16px;color:var(--clay);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:.88rem;letter-spacing:0;font-weight:650}h1,h2,h3,p{margin-top:0}h1{max-width:760px;margin-bottom:20px;color:var(--ink);font-size:clamp(3rem,5.7vw,5.45rem);line-height:1.04;letter-spacing:0;font-weight:760}h1 span{display:block;white-space:nowrap}.subtitle{margin-bottom:18px;color:#8b4d3e;font-size:clamp(1.25rem,2.1vw,1.75rem);font-weight:650}.intro{max-width:650px;color:var(--muted);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:clamp(1.04rem,1.5vw,1.2rem);line-height:1.9}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.primary-action,.secondary-action{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:12px 20px;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.primary-action{color:#fffaf4;background:#8d4d3c;box-shadow:0 16px 36px #8d4d3c38}.secondary-action{color:#68483b;background:#fffcf6b8;border:1px solid var(--line)}.primary-action:hover,.secondary-action:hover{transform:translateY(-2px)}.portrait-panel{position:relative;aspect-ratio:4 / 3;min-height:0;border:1px solid rgba(116,86,64,.2);border-radius:8px;overflow:hidden;background:#fffcf6a3;box-shadow:var(--shadow)}.portrait-panel:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;box-shadow:inset 0 0 0 1px #fffcf69e}.portrait-panel img,.section-image img,.letter-image img{display:block;width:100%;height:100%;object-fit:cover}.portrait-panel img{transform:scale(1.01)}.soft-orbit{position:absolute;width:280px;height:280px;border-radius:999px;filter:blur(3px);pointer-events:none}.orbit-one{left:-120px;top:18%;background:radial-gradient(circle,rgba(233,170,163,.22),transparent 68%)}.orbit-two{right:-120px;bottom:6%;background:radial-gradient(circle,rgba(213,161,77,.18),transparent 70%)}.section{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:78px 0}.section.compact{padding-top:42px}.section-heading{max-width:640px;margin-bottom:30px}h2{margin-bottom:10px;color:var(--ink);font-size:clamp(2rem,4vw,4rem);line-height:1.08}.keyword-grid,.moments-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.keyword-card,.moment-card,.timeline-item,.letter-paper{border:1px solid var(--line);border-radius:8px;background:var(--paper);box-shadow:0 14px 38px #6f472b14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.keyword-card{min-height:208px;padding:20px;transition:transform .18s ease,box-shadow .18s ease}.keyword-card:hover,.moment-card:hover{transform:translateY(-4px);box-shadow:0 22px 48px #6f472b21}.keyword-card span{display:block;margin-bottom:26px;color:var(--gold);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:.86rem;font-weight:800}h3{margin-bottom:10px;font-size:1.22rem;line-height:1.35}.keyword-card p,.moment-card p,.timeline-item p{margin-bottom:0;color:var(--muted);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:.98rem;line-height:1.75}.timeline-section{position:relative}.timeline{position:relative;display:grid;gap:16px}.timeline:before{content:"";position:absolute;left:15px;top:22px;bottom:22px;width:1px;background:#8d4d3c38}.timeline-item{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr);gap:18px;padding:22px 24px 22px 0;background:#fffcf6bd}.time-dot{position:relative;z-index:1;width:32px;height:32px;border-radius:50%;background:#fffaf4;border:1px solid rgba(141,77,60,.26)}.time-dot:after{content:"";position:absolute;inset:9px;border-radius:inherit;background:var(--clay)}.moments-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.moment-card{min-height:238px;padding:24px;transition:transform .18s ease,box-shadow .18s ease}.moment-icon{width:44px;height:44px;margin-bottom:30px;display:grid;place-items:center;color:#8d4d3c;border-radius:50%;background:#e9aaa32e}.letter-section{width:min(940px,calc(100% - 40px));margin:0 auto;padding:84px 0}.letter-paper{position:relative;padding:clamp(28px,5vw,58px);background:linear-gradient(90deg,rgba(213,161,77,.08) 1px,transparent 1px),linear-gradient(#fffcf6f0,#fff9efe6);background-size:42px 100%,100% 100%}.letter-paper:after{content:"";position:absolute;right:24px;top:24px;width:78px;height:78px;border-radius:50%;border:1px solid rgba(141,77,60,.18);background:radial-gradient(circle,rgba(233,170,163,.2),transparent 64%)}.letter-body{position:relative;z-index:1;color:#4d382f;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:clamp(1.02rem,1.45vw,1.12rem);line-height:2}.letter-paper h2{max-width:720px;font-size:clamp(2rem,3.3vw,3.35rem);line-height:1.18}.letter-body p{margin-bottom:18px}.letter-body p:last-child{margin-bottom:0;font-weight:700}.timeline-layout{display:grid;grid-template-columns:minmax(0,.96fr) minmax(300px,.72fr);gap:clamp(20px,4vw,46px);align-items:center}.section-image,.letter-image{margin:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fffcf6b3;box-shadow:0 18px 52px #6f472b1f}.routine-image{aspect-ratio:4 / 3}.care-image{aspect-ratio:16 / 6.3;margin-top:18px}.letter-image{position:relative;z-index:1;aspect-ratio:16 / 7;margin-top:30px}.closing{display:grid;place-items:center;gap:14px;min-height:320px;padding:50px 22px 76px;text-align:center;color:#5e3f34}.closing p{margin-bottom:0;font-size:clamp(1.42rem,4vw,3rem);font-weight:760}.closing strong{max-width:680px;color:var(--muted);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:clamp(1rem,1.8vw,1.2rem);line-height:1.8}.reveal{animation:rise-in .76s ease both}.delay-one{animation-delay:.14s}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.hero{min-height:auto;padding-top:38px}.hero-grid{grid-template-columns:1fr}.portrait-panel{max-width:620px}.keyword-grid,.moments-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.hero{padding:30px 18px 36px}h1{font-size:clamp(2.35rem,11.4vw,3.08rem)}.hero-actions{flex-direction:column}.primary-action,.secondary-action,.portrait-panel{width:100%}.section,.letter-section{width:min(100% - 28px,1120px);padding:56px 0}.keyword-grid,.moments-grid{grid-template-columns:1fr}.keyword-card,.moment-card{min-height:auto}.timeline-layout{grid-template-columns:1fr}.routine-image{order:-1}.care-image,.letter-image{aspect-ratio:4 / 3}.timeline-item{padding-right:18px}.letter-paper:after{width:54px;height:54px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}