:root{--bg:#FBF7EF;--card:#FFFDF8;--ink:#2B2B24;--ink-soft:#6E6857;--ink-faint:#9A937F;--amber:#C47A1B;--amber-deep:#96590F;--amber-soft:#F1E0BC;--green:#245C3F;--green-deep:#143D29;--green-soft:#DCE8DE;--line:#E5D9C0;--radius:16px;--serif:"Iowan Old Style","Palatino Linotype",Georgia,"Songti SC","STSong",serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--sans);background:radial-gradient(900px 420px at 88% -60px,rgba(196,122,27,.1),transparent 62%),radial-gradient(760px 400px at -10% 22%,rgba(36,92,63,.08),transparent 60%),var(--bg);color:var(--ink);line-height:1.7;-webkit-font-smoothing:antialiased}.wrap{max-width:960px;margin:18px auto 40px;padding:0 20px}.wrap-card{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#fff,#fcfaf4);border:1px solid #E5D9C0;box-shadow:0 16px 40px #96590f1f;padding:0 28px}.gallery-bar{border-bottom:1px dashed var(--line);background:#fbf7efbf;backdrop-filter:blur(6px);position:sticky;top:0;z-index:50}.gallery-bar .wrap{display:flex;align-items:center;justify-content:space-between;padding-top:10px;padding-bottom:10px;margin:0 auto;max-width:960px}.gallery-bar .g-title{font-family:var(--serif);font-weight:700;font-size:13px;letter-spacing:.14em;color:var(--amber-deep)}.gallery-bar .g-meta{font-size:11px;letter-spacing:.08em;color:var(--ink-faint);text-transform:uppercase}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}.hero{margin:14px 12px 0;border-radius:20px;padding:36px 28px 32px;position:relative;overflow:hidden;background:linear-gradient(180deg,#fce0b6,#f8d9a8 38%,#fbf1dd);box-shadow:0 8px 24px #96590f1f}.hero:before{content:"";position:absolute;top:-140px;left:-80px;width:320px;height:320px;background:radial-gradient(circle,rgba(255,255,255,.55),transparent 65%);pointer-events:none}.hero:after{content:"";position:absolute;top:60px;right:-60px;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.35),transparent 65%);pointer-events:none}.hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1fr 180px;gap:28px;align-items:center;padding:0;margin:0}.eyebrow{display:inline-block;font-family:var(--serif);font-style:italic;font-size:12px;letter-spacing:.18em;color:var(--green);border:1px solid var(--green-soft);border-radius:999px;padding:3px 12px;margin-bottom:14px}h1.hero-title{font-family:var(--serif);font-weight:700;font-size:clamp(32px,5.5vw,56px);line-height:1.15;letter-spacing:.01em;color:#1f1d18;margin:0}h1.hero-title em{font-style:italic;color:#7a3f08;font-weight:700}.hero-mix{margin-top:12px;font-size:15px;letter-spacing:.06em;color:var(--ink-soft)}.hero-mix b{color:var(--green-deep);font-weight:600}.hero-slogan{margin-top:16px;font-family:var(--serif);font-style:italic;font-size:18px;color:#54392a;border-left:3px solid var(--amber);padding-left:13px;line-height:1.55;max-width:540px}.hero-desc{margin-top:16px;font-size:15px;color:var(--ink-soft);max-width:540px;line-height:1.6}.hero-vibe{margin-top:14px;display:flex;flex-wrap:wrap;gap:7px}.vibe-tag{font-size:13px;color:var(--ink);background:#fffdf8;border:1px solid rgba(150,89,15,.18);border-radius:999px;padding:5px 14px;letter-spacing:.04em;box-shadow:0 1px 2px #96590f0f}.vibe-tag.alt{color:var(--amber-deep);background:#fffdf8;border-color:#96590f2e}.hero-stamp{text-align:center;position:relative;z-index:1}.hero-stamp svg{width:100%;max-width:150px;height:auto;display:block;margin:0 auto}.hero-stamp-note{margin-top:6px;font-size:9.5px;letter-spacing:.16em;color:var(--ink-faint)}section.block{padding:36px 28px}section.block+.block{border-top:1px dashed var(--line)}.sec-head{display:flex;align-items:baseline;gap:14px;margin-bottom:8px}.sec-no{font-family:var(--serif);font-style:italic;color:var(--amber);font-size:16px;letter-spacing:.1em}.sec-title{font-family:var(--serif);font-size:clamp(24px,4vw,40px);font-weight:700;letter-spacing:.02em;line-height:1.2}.sec-sub{color:var(--ink-faint);font-size:15px;margin-bottom:22px;max-width:640px;line-height:1.6}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:4px}.stat-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 16px;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 3px 10px #96590f12}.stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px #96590f1a}.stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--amber);opacity:.55}.stat-card:nth-child(3n+2):before{background:var(--green);opacity:.5}.stat-num{font-family:var(--serif);font-style:italic;font-weight:700;font-size:clamp(28px,3vw,36px);line-height:1;color:var(--amber-deep);display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.stat-card:nth-child(3n+2) .stat-num{color:var(--green-deep)}.stat-num small{font-size:16px;font-weight:600;margin-left:2px;color:var(--ink-soft);font-style:normal}.stat-label{margin-top:10px;font-size:13.5px;color:var(--ink-soft);line-height:1.45;min-height:36px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.stat-emoji{font-size:26px;line-height:1;margin-bottom:8px;display:block}.timeline{position:relative;padding-left:36px;margin-top:4px}.tl-line{position:absolute;left:13px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--amber-soft),var(--amber) 18%,var(--green) 82%,var(--green-soft));opacity:.6}.tl-item{position:relative;padding:0 0 24px;margin-bottom:0}.tl-dot{position:absolute;top:4px;left:-29px;width:14px;height:14px;border-radius:50%;background:var(--amber);border:3px solid var(--card);box-shadow:0 0 0 1px var(--amber)}.tl-item.alt .tl-dot{background:var(--green);box-shadow:0 0 0 1px var(--green)}.tl-year{font-family:var(--serif);font-style:italic;font-size:13px;color:var(--amber-deep);letter-spacing:.08em}.tl-item.alt .tl-year{color:var(--green-deep)}.tl-title{font-size:18px;font-weight:700;margin-top:6px;color:var(--ink)}.tl-notes{margin-top:10px;padding-left:18px}.tl-notes li{font-size:14px;color:var(--ink-soft);line-height:1.75;list-style:disc;font-family:var(--serif)}.bento-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:6px}.bento-cell{border-radius:18px;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:22px 24px 24px;color:#fff;min-height:210px;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 6px 16px #3c280f1a}.bento-cell:hover{transform:translateY(-4px);box-shadow:0 12px 28px #3c280f2e}.bento-cat{font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;opacity:.85}.bento-visual{flex:1;min-height:56px;display:flex;align-items:center;justify-content:center;position:relative;margin:12px 0 14px}.bento-name{font-size:clamp(18px,1.8vw,22px);font-weight:700;line-height:1.22;letter-spacing:.01em}.bento-quote{margin-top:6px;font-size:14px;font-family:var(--serif);font-style:italic;opacity:.88;line-height:1.5}.bento-cell[data-mood=amber-deep]{background:radial-gradient(280px 140px at 50% 0%,rgba(255,210,150,.35),transparent 70%),linear-gradient(180deg,#3a2412,#1a0e07);color:#f2d6a4}.bento-cell[data-mood=amber-deep]:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(255,210,150,.07) 5px 6px)}.bento-cell[data-mood=amber-deep] .bento-cat{color:#c9925a}.bento-cell[data-mood=midnight]{background:radial-gradient(280px 220px at 50% 30%,rgba(245,210,108,.42),transparent 65%),linear-gradient(180deg,#0f1730,#06080f);color:#f5d26c}.bento-cell[data-mood=midnight] .bento-visual:before{content:"";display:block;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,#F5D26C 0%,#C68B2A 35%,transparent 70%);box-shadow:0 0 32px 12px #f5d26c59;filter:blur(.3px)}.bento-cell[data-mood=midnight] .bento-name{color:#fff}.bento-cell[data-mood=midnight] .bento-cat{color:#9ab0d6}.bento-cell[data-mood=sand]{background:linear-gradient(180deg,#e8d3a8,#c9a36e);color:#3d2410}.bento-cell[data-mood=sand] .bento-visual:before{content:"";display:block;width:62%;height:50px;border-radius:4px;background:linear-gradient(90deg,#3c1e0ad9 0 14%,#8c501eb3 14% 22%,#281208d9 22% 36%,#b46428bf 36% 44%,#281208d9 44% 58%,#783c14b3 58% 66%,#281208d9 66% 80%,#a05523bf 80% 100%)}.bento-cell[data-mood=sand] .bento-cat{color:#7a4a1f}.bento-cell[data-mood=sand] .bento-name{color:#3d2410}.bento-cell[data-mood=terracotta]{background:radial-gradient(ellipse at 50% 100%,#ff6b2c,#c44018 35%,#7a1a14 65%,#4a0f0b);color:#ffd8a8}.bento-cell[data-mood=terracotta] .bento-cat{color:#f2a66f}.bento-cell[data-mood=terracotta] .bento-name{color:#fff}.bento-cell[data-mood=sage]{background:linear-gradient(180deg,#f0dec0,#d9b388);color:#5a4520}.bento-cell[data-mood=sage] .bento-visual:before{content:"";display:block;width:50px;height:50px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ff8d3a,#d25518 70%);box-shadow:0 0 12px #d2551873}.bento-cell[data-mood=sage] .bento-cat{color:#6b5028}.bento-cell[data-mood=sage] .bento-name{color:#3d2a0e}.bento-cell[data-mood=sketch]{background:#fafafa;color:#5a5048}.bento-cell[data-mood=sketch]:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background-image:linear-gradient(to right,rgba(120,100,80,.18) 1px,transparent 1px),linear-gradient(to bottom,rgba(120,100,80,.18) 1px,transparent 1px);background-size:18px 18px}.bento-cell[data-mood=sketch] .bento-visual:after{content:"";display:block;width:42%;height:46px;border:1.5px solid rgba(60,50,40,.55);border-radius:5px}.bento-cell[data-mood=sketch] .bento-cat{color:#6b6058}.skills-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 36px;margin-top:6px}.skill-row{display:flex;align-items:center;gap:14px;padding:6px 0}.skill-row .sn{font-size:15px;font-weight:600;flex:none;width:140px;color:var(--ink)}.skill-row .sb{flex:1;height:8px;background:#e5d9c0;border-radius:4px;overflow:hidden;display:block}.skill-row .sf{display:block;height:100%;background:linear-gradient(90deg,#245c3f,#7a5a2c 60%,#c47a1b);border-radius:4px;transition:width .4s ease}.skill-row .sv{font-family:var(--serif);font-style:italic;font-size:15px;color:var(--ink-soft);flex:none;width:36px;text-align:right}.friends-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:4px}.friend-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px 22px 18px;position:relative;overflow:hidden}.friend-card:before{content:"“";position:absolute;top:-26px;left:14px;font-size:84px;color:#c9925a;font-family:var(--serif);line-height:1;font-weight:700;opacity:.9}.friend-card .fq{font-size:15px;line-height:1.75;color:var(--ink);margin-top:6px;font-family:var(--serif);font-style:italic}.friend-card .fn{margin-top:14px;font-size:14px}.friend-card .fn .fn-name{font-weight:700;color:var(--ink)}.friend-card .fn .fn-rel{color:var(--ink-soft);margin-left:6px}.socials{background:radial-gradient(800px 300px at 50% 100%,rgba(196,122,27,.1),transparent 65%),linear-gradient(180deg,#1f4d3d,#143d29);border-radius:18px;padding:24px 22px 22px;color:#fff;position:relative;overflow:hidden}.socials:before{content:"";position:absolute;top:14px;right:14px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(245,210,108,.2),transparent 65%);filter:blur(8px);pointer-events:none}.social-intro{font-size:16px;line-height:1.7;color:#fffdf8eb;margin-bottom:18px}.social-intro b{color:#f5d26c;font-weight:700}.social-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.social-card{background:#fffdf80f;border:1px solid rgba(255,253,248,.18);border-radius:14px;padding:18px 18px 16px;transition:background .2s,border-color .2s,transform .2s}.social-card:hover{background:#fffdf81f;border-color:#fffdf852;transform:translateY(-2px)}.social-card .sc-plat{font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:#f5d26cd9}.social-card .sc-hd{font-size:20px;font-weight:700;color:#fff;margin-top:6px;line-height:1.25}.social-card .sc-ice{margin-top:8px;font-size:13.5px;color:#fffdf8b3;font-style:italic;line-height:1.5}.loading,.error{text-align:center;padding:80px 20px}.error{background:#ffffff80;border-radius:12px;padding:30px}@media(max-width:760px){.wrap{padding:0 10px;margin:14px auto 30px}.wrap-card{padding:0 12px;border-radius:16px}.hero{padding:20px 16px 18px;margin:10px 0 0;border-radius:14px}.hero .wrap{grid-template-columns:1fr 72px;gap:12px;align-items:start;padding:0;margin:0}.hero-stamp svg{max-width:72px}.hero-stamp-note{font-size:8px;margin-top:2px;letter-spacing:.12em;line-height:1.2}.eyebrow{font-size:11px;padding:2px 10px;margin-bottom:8px}h1.hero-title{font-size:clamp(22px,7vw,32px);line-height:1.1}.hero-mix{margin-top:8px;font-size:11.5px;letter-spacing:.04em}.hero-slogan{font-size:13px;margin-top:10px;padding-left:10px;border-left-width:2px;line-height:1.5}.hero-vibe{margin-top:10px;gap:5px}.vibe-tag{font-size:11px;padding:3px 10px}section.block{padding:24px 16px}.sec-head{gap:10px;margin-bottom:4px}.sec-no{font-size:12px}.sec-title{font-size:clamp(18px,5vw,24px)}.sec-sub{font-size:12px;margin-bottom:14px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat-card{padding:12px 10px;margin:0}.stat-num{font-size:18px;gap:4px}.stat-num small{font-size:11px}.stat-emoji{font-size:18px;margin-bottom:4px}.stat-label{font-size:11px;min-height:30px;line-height:1.35}.bento-grid{grid-template-columns:repeat(2,1fr);gap:8px}.bento-cell{padding:14px 14px 16px;min-height:170px}.bento-cat{font-size:9px;letter-spacing:.18em}.bento-visual{margin:8px 0 10px;min-height:48px;max-height:56px}.bento-name{font-size:14px}.bento-quote{font-size:11.5px}.skills-list{grid-template-columns:1fr;gap:10px}.skill-row .sn{font-size:13px;width:110px}.skill-row .sv{font-size:12px;width:30px}.friends-list{grid-template-columns:1fr;gap:10px}.friend-card{padding:20px 18px 16px}.friend-card .fq{font-size:13px;line-height:1.65}.socials{padding:18px 16px;border-radius:14px}.social-intro{font-size:13px;margin-bottom:12px}.social-grid{grid-template-columns:1fr;gap:8px}.social-card{padding:14px 14px 12px}.social-card .sc-hd{font-size:16px}.footer-cta{margin:32px auto 24px;padding:20px 18px}.tl-line{left:13px}.tl-item{padding:0 0 18px}.tl-title{font-size:14px}.tl-year{font-size:11px}}@media(max-width:380px){.hero .wrap{grid-template-columns:1fr;gap:18px;align-items:center;text-align:center}.hero-stamp{margin:0 auto}.hero-stamp-note{font-size:8px}.stats-grid,.bento-grid{grid-template-columns:1fr}}