:root{--bg: oklch(.975 .006 85);--bg-elev: oklch(.99 .004 85);--bg-sunk: oklch(.94 .008 80);--ink: oklch(.22 .012 60);--ink-2: oklch(.38 .014 60);--ink-3: oklch(.56 .012 70);--ink-4: oklch(.72 .01 75);--line: oklch(.86 .008 75);--line-2: oklch(.92 .006 80);--zhusha: oklch(.58 .15 35);--zhusha-soft: oklch(.88 .06 35);--qing: oklch(.52 .07 180);--jin: oklch(.72 .09 85);--paper: oklch(.965 .012 85);--seal: oklch(.52 .17 30);--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--radius-xl: 22px;--dur-fast: .12s;--dur-normal: .22s;--dur-slow: .38s;--dur-calm: .6s;--ease-out: cubic-bezier(.4, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .6, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-natural: cubic-bezier(.25, .1, .25, 1);--t-button: transform var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);--t-card: transform var(--dur-normal) var(--ease-out), box-shadow var(--dur-normal) var(--ease-out), border-color var(--dur-normal) var(--ease-out);--t-fade: opacity var(--dur-normal) var(--ease-out);--t-slide: transform var(--dur-normal) var(--ease-out);--t-all: all var(--dur-normal) var(--ease-out);--font-serif: "Noto Serif SC","Songti SC","STSong","Source Han Serif SC",serif;--font-sans: "Noto Sans SC","PingFang SC","Hiragino Sans GB",system-ui,sans-serif;--font-mono: "JetBrains Mono","Menlo",monospace;--shadow-sm: 0 1px 2px oklch(.22 .012 60 / .05), 0 1px 1px oklch(.22 .012 60 / .04);--shadow-md: 0 6px 20px oklch(.22 .012 60 / .06), 0 2px 6px oklch(.22 .012 60 / .04);--shadow-lg: 0 18px 48px oklch(.22 .012 60 / .1), 0 4px 12px oklch(.22 .012 60 / .05)}body[data-season=spring]{--bg: oklch(.975 .008 50);--bg-sunk: oklch(.94 .014 45);--zhusha: oklch(.6 .16 30);--paper: oklch(.97 .014 55)}body[data-season=summer]{--bg: oklch(.975 .008 170);--bg-sunk: oklch(.94 .012 170);--zhusha: oklch(.55 .1 170);--paper: oklch(.97 .012 170)}body[data-season=autumn]{--bg: oklch(.975 .012 75);--bg-sunk: oklch(.93 .018 70);--zhusha: oklch(.6 .16 55);--paper: oklch(.965 .018 75)}body[data-season=winter]{--bg: oklch(.975 .005 230);--bg-sunk: oklch(.93 .008 230);--zhusha: oklch(.5 .1 240);--paper: oklch(.97 .006 230)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;font-feature-settings:"palt"}#root{min-height:100vh}.serif{font-family:var(--font-serif);font-weight:400}.sans{font-family:var(--font-sans)}.mono{font-family:var(--font-mono)}.vertical{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.15em}.seal{display:inline-grid;place-items:center;width:56px;height:56px;background:var(--seal);color:var(--paper);font-family:var(--font-serif);font-size:11px;letter-spacing:.1em;line-height:1.1;text-align:center;border-radius:2px;transform:rotate(-4deg);box-shadow:0 1px #1f191540}.seal.sm{width:36px;height:36px;font-size:9px}.rule{height:1px;background:var(--line)}.rule-ink{height:1px;background:linear-gradient(90deg,transparent,var(--ink-3) 20%,var(--ink-3) 80%,transparent);opacity:.5}.dot-leader{flex:1;border-bottom:1px dotted var(--line);margin:0 8px 4px}.paper-bg{background:var(--paper);background-image:radial-gradient(oklch(.22 .012 60 / .012) 1px,transparent 1px),radial-gradient(oklch(.22 .012 60 / .008) 1px,transparent 1px);background-size:22px 22px,7px 7px;background-position:0 0,11px 11px}.btn{font-family:var(--font-sans);font-size:13px;padding:8px 16px;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--bg-elev);color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:var(--t-button)}.btn:hover{border-color:var(--ink-3);background:var(--bg)}.btn:active{transform:scale(.97)}.btn.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn.primary:hover{background:var(--ink-2);border-color:var(--ink-2)}.btn.zhusha{background:var(--zhusha);color:var(--paper);border-color:var(--zhusha)}.btn.ghost{background:transparent}.btn.sm{padding:5px 10px;font-size:12px}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}*:focus-visible{outline:2px solid var(--zhusha);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--ink-4)}.pill{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-size:11px;background:var(--bg-sunk);color:var(--ink-2);border:1px solid var(--line-2);font-family:var(--font-sans);white-space:nowrap}.pill.zhusha{background:color-mix(in oklch,var(--zhusha) 12%,var(--bg));color:var(--zhusha);border-color:color-mix(in oklch,var(--zhusha) 25%,var(--bg))}.pill.qing{background:color-mix(in oklch,var(--qing) 12%,var(--bg));color:var(--qing);border-color:color-mix(in oklch,var(--qing) 25%,var(--bg))}.pill.jin{background:color-mix(in oklch,var(--jin) 12%,var(--bg));color:var(--jin);border-color:color-mix(in oklch,var(--jin) 30%,var(--bg))}kbd{font-family:var(--font-mono);font-size:10px;padding:1px 5px;border:1px solid var(--line);border-radius:3px;background:var(--bg-elev);color:var(--ink-3)}.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-lg);transition:var(--t-card)}.card.interactive{cursor:pointer}.card.interactive:hover{border-color:var(--ink-3);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card.interactive:active{transform:translateY(0)}.caps{text-transform:uppercase;letter-spacing:.18em;font-size:10px;color:var(--ink-3);font-family:var(--font-mono)}.cn-caps{font-family:var(--font-serif);font-size:11px;letter-spacing:.4em;color:var(--ink-3)}.row{display:flex}.col{display:flex;flex-direction:column}.ac{align-items:center}.jb{justify-content:space-between}.jc{justify-content:center}.g4{gap:4px}.g6{gap:6px}.g8{gap:8px}.g12{gap:12px}.g16{gap:16px}.g24{gap:24px}.g32{gap:32px}@media (max-width: 768px){body{font-size:13px}}@keyframes hx-shake{0%{transform:rotate(0) translateY(0)}15%{transform:rotate(-5deg) translateY(-3px)}30%{transform:rotate(4deg) translateY(2px)}45%{transform:rotate(-4deg) translateY(-2px)}60%{transform:rotate(5deg) translateY(3px)}75%{transform:rotate(-3deg) translateY(-1px)}90%{transform:rotate(2deg) translateY(1px)}to{transform:rotate(0) translateY(0)}}.hx-shake{animation:hx-shake .8s cubic-bezier(.36,.07,.19,.97) both;transform-origin:50% 70%}@keyframes hx-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}@keyframes hx-progress{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes hx-sway{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@keyframes hx-breathe{0%,to{opacity:1}50%{opacity:.35}}@keyframes hx-fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hx-enter{animation:hx-fade-up var(--dur-slow) var(--ease-out) both}@keyframes hx-pop{0%{transform:scale(1)}35%{transform:scale(1.28)}70%{transform:scale(.92)}to{transform:scale(1)}}.hx-pop{animation:hx-pop var(--dur-slow) var(--ease-spring)}@keyframes hx-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.hx-modal-enter{animation:hx-scale-in var(--dur-normal) var(--ease-out) both}html[data-senior=true]{font-size:18px}html[data-senior=true] body{font-size:16px}html[data-senior=true] .serif{font-size:1.08em!important;line-height:1.8!important;letter-spacing:.06em!important}html[data-senior=true] .btn{min-height:48px!important;padding:12px 20px!important;font-size:15px!important;letter-spacing:.1em!important}html[data-senior=true] .btn.sm{min-height:38px!important;padding:8px 14px!important;font-size:13px!important}html[data-senior=true] input,html[data-senior=true] textarea,html[data-senior=true] select{font-size:16px!important;min-height:44px}html[data-senior=true] .cn-caps,html[data-senior=true] .caps,html[data-senior=true] .mono{font-size:12px!important}html[data-senior=true] .card{padding:22px!important}html[data-senior=true]{--dur-fast: 80ms;--dur-normal: .12s;--dur-slow: .2s;--dur-calm: .3s}html[data-senior=true] .hx-decorative{display:none!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes hx-stage-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes hx-petal-open{0%{opacity:0;transform:rotate(var(--r, 0deg)) scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes hx-text-appear{0%{opacity:0;transform:translateY(12px);letter-spacing:.8em}to{opacity:1;transform:translateY(0)}}@keyframes hx-ping{0%{transform:scale(.6);opacity:1}to{transform:scale(1.4);opacity:0}}@keyframes hx-petal-fall{0%{transform:translateY(-20vh) translate(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(110vh) translate(40px) rotate(360deg);opacity:0}}@keyframes hx-picked-glow{0%,to{box-shadow:0 0 0 2px var(--zhusha),0 0 0 8px color-mix(in oklch,var(--zhusha) 18%,transparent)}50%{box-shadow:0 0 0 3px var(--zhusha),0 0 0 14px color-mix(in oklch,var(--zhusha) 8%,transparent)}}.hx-picked-seal{animation:hx-picked-seal-in .6s cubic-bezier(.34,1.56,.64,1) both}@keyframes hx-picked-seal-in{0%{opacity:0;transform:scale(.5) rotate(20deg)}to{opacity:1;transform:scale(1) rotate(0)}}@media (max-width: 860px){.btn{min-height:40px;padding:10px 14px}.card{padding:16px}.card.paper-bg{padding:18px}.btn-group{flex-wrap:wrap}}@media (max-width: 480px){.card{padding:14px;border-radius:var(--radius-md)}.btn:active{transform:scale(.96)}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (hover: none){.btn:hover{background:var(--bg-elev)}}.hx-landing-root{--paper: #f4ece0;--paper-deeper: #ebe0d0;--paper-lift: #faf6ef;--paper-inset: #f5f0e8;--paper-tint: #fdf8f2;--ink: #2a2018;--ink-body: #3a2818;--ink-mute: #5a4a38;--ink-soft: #8a7a68;--ink-softer: #8a7a60;--line: #e8ddd0;--line-warm: #ece6dc;--line-cool: #e0dcd4;--vermillion: #c06040;--vermillion-2: #a87050;--vermillion-ink: #a0301c;--gold: #b08040;--gold-warm: #c8a050;--jade: #3a6b5a;--jade-bright: #3a8a60;--river: #4a88a0;--border-line: #4a8a98;--mountain: #8a7a5a;--font-serif: "Noto Serif SC", "Songti SC", "SimSun", "宋体", serif;color:var(--ink-body);background:var(--paper);font-family:var(--font-serif);min-height:100vh;font-feature-settings:"palt"}.hx-landing-root *{box-sizing:border-box;font-family:var(--font-serif)}.hx-landing-root a{color:inherit;text-decoration:none}.hx-landing-root button{font-family:var(--font-serif)}.hx-section{position:relative;padding:120px clamp(24px,6vw,96px);max-width:1440px;margin:0 auto}.hx-section--wide{max-width:none}.hx-section--tight{padding:80px clamp(24px,6vw,96px)}.hx-hairline{width:96px;height:1px;margin:0 auto;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.6}.hx-eyebrow-vert{font-size:11px;letter-spacing:4px;color:var(--gold);font-weight:600}.hx-eyebrow-bracket{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--gold);letter-spacing:4px;font-weight:600}.hx-eyebrow-bracket:before,.hx-eyebrow-bracket:after{content:"";width:24px;height:1px;background:var(--gold);opacity:.5}.hx-display{font-size:clamp(40px,6vw,72px);font-weight:900;letter-spacing:clamp(6px,.8vw,14px);color:var(--ink);margin:0;text-shadow:0 1px 0 rgba(255,255,255,.5);line-height:1.15}.hx-display-sm{font-size:clamp(28px,3.5vw,44px);font-weight:800;letter-spacing:clamp(4px,.6vw,10px);color:var(--ink);margin:0;text-shadow:0 1px 0 rgba(255,255,255,.5)}.hx-eng-sub{font-size:12px;letter-spacing:6px;color:var(--ink-soft);font-weight:400;text-transform:uppercase}.hx-verse-lg{font-size:clamp(18px,2vw,24px);font-weight:500;letter-spacing:6px;color:var(--ink);line-height:2.1;text-shadow:0 1px 0 rgba(255,255,255,.5)}.hx-body{font-size:13px;line-height:1.7;color:var(--ink-body)}.hx-eyebrow{font-size:10px;color:var(--gold);letter-spacing:4px;font-weight:600}.hx-cta{display:inline-flex;align-items:center;gap:14px;padding:16px 48px;border-radius:40px;border:1.5px solid var(--gold);background:linear-gradient(135deg,#faf6ef,#f0e6d0);color:var(--ink);font-size:16px;font-weight:600;letter-spacing:8px;cursor:pointer;box-shadow:0 4px 14px #b48c4633,inset 0 1px #fff9;transition:all .3s ease}.hx-cta:hover{transform:translateY(-2px);box-shadow:0 8px 22px #b48c4647,inset 0 1px #fff9}.hx-cta--ghost{background:#faf5edbf;border-color:var(--line-cool);color:var(--ink-body);box-shadow:none;letter-spacing:6px}.hx-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:14px clamp(24px,4vw,56px);background:#f4ece0b8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:all .3s ease;border-bottom:1px solid rgba(0,0,0,0)}.hx-nav.scrolled{background:#f4ece0eb;border-bottom:1px solid var(--line)}.hx-nav__brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:6px;color:var(--ink);font-size:15px}.hx-nav__links{display:flex;gap:32px;font-size:13px;letter-spacing:3px;color:var(--ink-mute)}.hx-nav__links a:hover{color:var(--vermillion)}.hx-nav__cta{padding:8px 22px;background:var(--vermillion);color:#fff;border-radius:20px;font-size:13px;letter-spacing:4px;font-weight:700;border:none;cursor:pointer;box-shadow:0 2px 8px #c060404d;transition:all .2s}.hx-nav__cta:hover{transform:translateY(-1px);box-shadow:0 4px 14px #c0604066}@media (max-width: 720px){.hx-nav__links{display:none}}.hx-landscape{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.hx-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding:120px 24px 80px}.hx-hero__paper{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 30%,rgba(255,250,240,.4),transparent 60%),linear-gradient(180deg,#f4ece0,#ebe0d0)}.hx-hero__grain{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 22% 38%,rgba(180,140,70,.04) 0,transparent 40%),radial-gradient(circle at 72% 65%,rgba(160,48,28,.03) 0,transparent 40%);mix-blend-mode:multiply}.hx-hero__inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;max-width:900px}.hx-24grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}.hx-24cell{background:var(--paper-lift);padding:22px 18px 18px;min-height:140px;position:relative;cursor:pointer;transition:background .2s ease,transform .2s ease;display:flex;flex-direction:column}.hx-24cell:hover{background:#fdf8f0}.hx-24cell__index{position:absolute;top:10px;right:12px;font-size:10px;letter-spacing:3px;color:var(--gold);font-weight:700}.hx-24cell__jieqi{font-size:10px;letter-spacing:3px;color:var(--ink-soft);font-weight:500;margin-bottom:8px}.hx-24cell__name{font-size:20px;font-weight:900;letter-spacing:6px;color:var(--ink);text-shadow:0 1px 0 rgba(255,255,255,.5);line-height:1.1}.hx-24cell__hou{font-size:11px;letter-spacing:2px;color:var(--ink-mute);margin-top:auto;padding-top:12px}.hx-24cell__flower{position:absolute;bottom:12px;right:12px;opacity:.7}.hx-24cell.is-current{background:linear-gradient(145deg,#faf0dc,#f5e8c8);box-shadow:inset 0 0 0 2px var(--gold)}.hx-24cell.is-current .hx-24cell__index{color:var(--vermillion)}.hx-season-chip{padding:8px 20px;border-radius:22px;border:1px solid var(--line);background:var(--paper-lift);color:var(--ink-mute);font-size:13px;letter-spacing:4px;cursor:pointer;transition:all .2s ease}.hx-season-chip:hover{border-color:var(--gold)}.hx-season-chip.is-active{background:var(--ink);color:#faf6ef;border-color:var(--ink)}.hx-phone{width:360px;height:740px;background:#1f1912;border-radius:42px;padding:10px;box-shadow:0 30px 80px #0000002e,0 10px 30px #0000001f,inset 0 1px #ffffff0d;position:relative}.hx-phone__screen{position:relative;width:100%;height:100%;background:var(--paper);border-radius:34px;overflow:hidden}.hx-phone__notch{position:absolute;top:8px;left:50%;transform:translate(-50%);width:110px;height:28px;background:#1f1912;border-radius:0 0 14px 14px;z-index:20}.hx-wiki-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.hx-wiki-card{background:var(--paper-lift);border:1px solid var(--line);border-radius:12px;padding:0;overflow:hidden;transition:all .25s ease;cursor:pointer}.hx-wiki-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00000014;border-color:var(--gold)}.hx-wiki-card__cover{position:relative;height:140px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hx-wiki-card__body{padding:16px 18px 18px}.hx-wiki-card__name{font-size:18px;font-weight:800;letter-spacing:4px;color:var(--ink);margin:0 0 4px}.hx-wiki-card__latin{font-size:11px;letter-spacing:1px;color:var(--ink-soft);font-style:italic;margin-bottom:10px}.hx-wiki-card__meta{display:flex;justify-content:space-between;align-items:baseline;font-size:11px;color:var(--ink-mute);letter-spacing:1.5px}.hx-wiki-card__poem{font-size:12px;color:var(--ink-mute);letter-spacing:2px;line-height:1.9;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}.hx-badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}.hx-badge{aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--paper-lift);border:2px solid var(--line);text-align:center;position:relative;overflow:hidden;transition:transform .25s ease}.hx-badge:hover{transform:scale(1.03) rotate(-2deg)}.hx-badge__emoji{font-size:28px;margin-bottom:4px}.hx-badge__name{font-size:11px;font-weight:700;letter-spacing:3px;color:var(--ink)}.hx-badge__desc{font-size:9px;color:var(--ink-soft);margin-top:2px;letter-spacing:1px}.hx-footer{background:#1f1912;color:#c8b898;padding:80px clamp(24px,6vw,96px) 40px;position:relative;overflow:hidden}.hx-footer__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 70% 30%,rgba(200,160,80,.08),transparent 60%);pointer-events:none}.hx-footer a{opacity:.75;transition:opacity .2s}.hx-footer a:hover{opacity:1;color:#f5e8c8}@keyframes hx-shake{0%{transform:rotate(-5deg) translate(-4px)}50%{transform:rotate(5deg) translate(4px)}to{transform:rotate(-5deg) translate(-4px)}}@keyframes hx-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.hx-fade{animation:hx-fade-up .8s ease both}.hx-fade-2{animation:hx-fade-up .8s ease .2s both}.hx-fade-3{animation:hx-fade-up .8s ease .4s both}.hx-fade-4{animation:hx-fade-up .8s ease .6s both}@media (max-width: 860px){.hx-diary-grid{grid-template-columns:1fr!important}.hx-map-grid{grid-template-columns:1fr!important;gap:40px!important}}@media (max-width: 820px){.hx-fortune-grid{grid-template-columns:1fr!important}}@media (max-width: 720px){.hx-footer-grid{grid-template-columns:1fr 1fr!important}}