.home-page{--ink:#ecece4;--muted:#989b90;--line:#ffffff20;--dark:#0b0c0a;background:#080808}.home-page .home-footer{padding-bottom:65px}.home-new{width:min(1080px,calc(100% - 96px));margin:auto;padding:90px 0}.home-focus{border-top:1px solid #ffffff1c}.home-focus .focus-grid{display:grid;grid-template-columns:.92fr 1fr;align-items:center;gap:70px}.focus-copy h2{font-family:"Songti SC","STSong",serif;font-size:54px;line-height:1.35;margin:24px 0;letter-spacing:-.045em}.focus-copy .quiet{max-width:360px;font-size:14px;line-height:1.9;color:#92958a}.focus-copy .text-link{margin-top:28px;color:#d5dcc5}.focus-copy .book-byline{font:10px monospace;letter-spacing:.1em;color:#8e977e;margin-bottom:17px}.book-stage{position:relative;min-height:540px;display:grid;place-items:center;isolation:isolate;padding-bottom:48px}.book-stage::before{content:"";position:absolute;inset:0 0 48px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 40% 46% at 50% 44%,#ffffff21,#ffffff0b 50%,transparent 74%),radial-gradient(ellipse 32% 5% at 50% 86%,#ffffff17,transparent 100%)}.book-object{position:relative;width:260px;aspect-ratio:2/3;margin-top:8px;box-shadow:0 2px 3px #0009,0 26px 44px -16px #000;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.book-object img{display:block;width:100%;height:100%;object-fit:cover}.book-object::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0000004d 0,#00000014 2.4%,#ffffff2e 3.2%,#fff0 6%,#0000 92%,#0000001f 100%),linear-gradient(180deg,#ffffff0d,#0000 40%,#00000029)}.book-object::after{content:"";position:absolute;left:6%;right:6%;bottom:-16px;height:26px;z-index:-1;background:radial-gradient(ellipse at 50% 30%,#000000e6,transparent 70%);filter:blur(3px);transition:transform .6s,opacity .6s}.book-stage:hover .book-object{transform:translateY(-6px)}.book-stage:hover .book-object::after{transform:translateY(6px) scaleX(.92);opacity:.75}.book-stage .stage-caption{position:absolute;left:0;right:0;bottom:0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 18px;padding-top:14px;border-top:1px solid #ffffff17;color:#6f6f6f;font-size:9px;letter-spacing:.14em}.book-stage .stage-caption span+span{letter-spacing:.04em}.promise-section,.interests-section{border-top:1px solid #ffffff1c;position:relative;padding-bottom:75px}.home-section-head{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:40px}.home-section-head h2{font-size:40px;line-height:1.3;margin-top:20px}.home-section-head p{font-size:12px;color:#979d8d;max-width:310px}.identity-separate{display:flex;justify-content:space-between;gap:35px;padding:26px 0 0;color:#777d6e;border-top:1px solid #ffffff10;font-size:11px}.identity-separate a{color:#b4bca9}
@media(max-width:1199px){.home-new{margin-inline:auto}.home-focus .focus-grid{gap:40px}.focus-copy h2{font-size:45px}}
@media(max-width:820px){.home-new{margin-inline:auto;padding-block:70px}.focus-copy h2{font-size:35px}.book-stage{min-height:460px}.book-object{width:210px}.home-section-head{gap:40px}.home-section-head h2{font-size:32px}}
@media(max-width:600px){.home-new{margin-inline:auto;padding-block:58px}.home-focus .focus-grid{display:flex;flex-direction:column;gap:35px;align-items:stretch}.focus-copy h2{font-size:40px;line-height:1.3;margin-block:20px}.focus-copy .quiet{max-width:320px;font-size:12px}.book-stage{min-height:420px}.book-object{width:190px}.home-section-head{display:block;margin-bottom:24px}.home-section-head h2{font-size:32px}.home-section-head p{margin-top:22px;font-size:11px}.identity-separate{display:block;font-size:10px;line-height:1.8}.identity-separate a{display:block;margin-top:12px}}


.home-page{--ink:#fff;--muted:#999;--line:#ffffff20;--dark:#080808;color:#fff}
.focus-copy .quiet{color:#999}.focus-copy .text-link{color:#ddd}.focus-copy .book-byline{color:#999}
.promise-list{list-style:none;width:100%;margin:0;padding:0;display:grid;grid-template-columns:18px minmax(0,1fr) max-content max-content;column-gap:22px;border-top:1px solid #ffffff22}
.promise-entry{grid-column:1/-1;display:grid;grid-template-columns:18px minmax(0,1fr) auto auto;grid-template-columns:subgrid;align-items:baseline;padding:21px 0;border-bottom:1px solid #ffffff22}
.promise-check{grid-column:1;align-self:start;width:18px;height:18px;margin-top:6px;border:1px solid #999;border-radius:2px;display:grid;place-items:center;font:12px/1 sans-serif;color:#fff}
.promise-task{grid-column:2;font-size:20px;line-height:1.5;letter-spacing:-.01em;color:#ddd}
.promise-keep{white-space:nowrap}
.promise-link{grid-column:3;font-size:12px;line-height:1.5;color:#ddd;white-space:nowrap;padding-block:12px;margin-block:-12px}
.promise-link:hover{color:#fff}
.promise-entry .promise-dates{grid-column:4;justify-self:end;font:11px/1.7 "SFMono-Regular",Consolas,monospace;letter-spacing:.04em;color:#999;white-space:nowrap;margin:0}
.home-section-head p{color:#999}


.identity-separate{justify-content:flex-end}.identity-separate a{color:#999}

@media(max-width:820px){.promise-list{column-gap:16px}.promise-task{font-size:18px}.promise-check{margin-top:4px}}
@media(max-width:600px){.promise-list{display:block}.promise-entry{grid-template-columns:18px minmax(0,1fr) auto;column-gap:12px;row-gap:5px;align-items:start;padding:18px 0}.promise-check{margin-top:3px}.promise-task{font-size:16px}.promise-task{align-self:baseline}.promise-link{grid-column:3;grid-row:1;align-self:baseline;font-size:11px}.promise-entry .promise-dates{grid-column:2;grid-row:2;justify-self:start;font-size:10px}.home-section-head p{margin-top:18px}.identity-separate a{margin-top:0}}
/* 视觉对齐：720 以下与全站一样两侧 24px */
@media(max-width:720px){.home-new{width:calc(100% - 48px)}}
/* 2026-10-13 兴趣墙：按本人兴趣清单分八组，一组一行，字号与明度统一；点一个词，本行聚焦并露出去处。 */
.interest-index{border-top:1px solid #ffffff1a}
.interest-row{display:grid;grid-template-columns:140px minmax(0,1fr) 120px;column-gap:24px;align-items:baseline;padding:8px 0;border-bottom:1px solid #ffffff0d}
.interest-row:last-child{border-bottom:0}
.interest-group{display:flex;align-items:baseline;gap:16px;margin:0;color:#86867f;font-size:13px;letter-spacing:.08em;transition:color .3s}
.interest-no{color:#56564f;font:400 10px/1 ui-monospace,Menlo,monospace;letter-spacing:.1em;transition:color .3s}
.interest-terms{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:1.1em;font-size:clamp(22px,1.95vw,28px)}
.interest-term{position:relative;min-height:40px;padding:2px 0;color:#c9c9c3;font-size:inherit;font-weight:300;line-height:1.3;letter-spacing:-.01em;text-align:left;transition:color .3s}
.interest-term small{margin-left:.65em;color:#7a7a73;font-size:12px;font-weight:400;letter-spacing:.06em;transition:color .3s}
.interest-term::before{content:"";position:absolute;left:-.34em;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;background:#fff;transform:scale(0);transition:transform .35s cubic-bezier(.22,1,.36,1)}
.interest-term:hover,.interest-term[aria-pressed=true]{color:#fff}
.interest-term[aria-pressed=true]::before{transform:scale(1)}
.interest-term[aria-pressed=true] small{color:#b9b9b2}
.interest-term:focus-visible{outline:1px solid #ffffff80;outline-offset:3px}
.interest-go{justify-self:end;display:inline-flex;align-items:center;min-height:44px;color:#e8e8e3;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transform:translateX(-8px);transition:opacity .3s,transform .35s cubic-bezier(.22,1,.36,1),visibility 0s .35s}
.interest-go:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
.interest-row.is-active .interest-go{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.interest-row.is-active .interest-group{color:#ecece7}
.interest-row.is-active .interest-term{color:#deded8}
.interest-row.is-active .interest-term[aria-pressed=true]{color:#fff}
.interest-row.is-active .interest-no{color:#a3a39c}
.interest-index.has-active .interest-row:not(.is-active) .interest-term{color:#57574f}
.interest-index.has-active .interest-row:not(.is-active) .interest-term small{color:#46463f}
.interest-index.has-active .interest-row:not(.is-active) .interest-group{color:#57574f}
.interest-index.has-active .interest-row:not(.is-active) .interest-term:hover{color:#fff}
@media(hover:hover){.interest-row:hover .interest-group{color:#d6d6d0}}
@media(max-width:820px){
 .interest-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"group go" "terms terms";padding:14px 0 8px}
 .interest-term{min-height:44px}
 .interest-group{grid-area:group}
 .interest-terms{grid-area:terms;column-gap:.95em;font-size:23px}
 .interest-go{grid-area:go;align-self:center;min-height:32px}
}
@media(max-width:600px){.interest-terms{font-size:20px;column-gap:.85em}.interest-term{min-height:40px}.interest-group{font-size:12px}}
@media(prefers-reduced-motion:reduce){.interest-group,.interest-no,.interest-term,.interest-term::before,.interest-term small,.interest-go{transition:none}}