*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh}blockquote,body,figure,h1,h2,h3,ol,p,ul{margin:0}ol,ul{padding:0;list-style:none}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}::selection{background:rgba(122,106,79,.18)}:root{--page-bg:#f4f2ec;--surface:#ffffff;--surface-soft:#faf8f3;--ink:#1f1d19;--ink-soft:rgba(31,29,25,0.72);--ink-muted:rgba(31,29,25,0.52);--ink-faint:rgba(31,29,25,0.38);--accent:#7a6a4f;--accent-soft:rgba(122,106,79,0.12);--line:rgba(31,29,25,0.09);--shadow:0 10px 30px rgba(80,66,40,0.07);--shadow-hover:0 18px 44px rgba(80,66,40,0.13);--radius-panel:22px;--radius-soft:12px;--maxw:1040px;--grid-gap:20px;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;--font-serif:"Songti SC","Noto Serif SC","Source Han Serif SC","SimSun",Georgia,serif}body{font-family:var(--font-sans);font-size:15px;line-height:1.75;color:var(--ink);background:var(--page-bg)}.app-shell{min-height:100vh;background:linear-gradient(180deg,#fbfaf6 0,var(--page-bg) 320px,var(--page-bg) 100%);padding-bottom:56px}.page-shell{width:min(var(--maxw),calc(100% - 40px));margin:0 auto;padding-top:28px}.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:var(--grid-gap);gap:var(--grid-gap)}.panel-full{grid-column:span 12}.panel-half{grid-column:span 6}.hero-topline{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:clamp(30px,6vw,64px)}.brand-eyebrow{font-size:13px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-muted)}.inline-links{display:flex;gap:24px}.nav-link{font-size:14px;color:var(--ink-soft);padding-bottom:3px;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}.nav-link:hover{color:var(--ink)}.nav-link.active{color:var(--accent);border-bottom-color:var(--accent)}.hero-stage{padding:14px 4px 30px;display:grid;align-content:center}.hero-eyebrow{margin-bottom:14px;font-size:12px;letter-spacing:.22em;color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hero-display{font-family:var(--font-serif);font-size:clamp(38px,6.4vw,68px);font-weight:500;line-height:1.22;letter-spacing:.06em}.hero-subtitle{max-width:560px;margin-top:14px;font-size:clamp(15px,1.8vw,18px);line-height:1.7;color:var(--ink-soft)}.post-back{display:inline-block;width:-moz-fit-content;width:fit-content;margin-bottom:22px;font-size:12.5px;letter-spacing:.06em;color:var(--ink-muted);transition:color .2s ease}.post-back:hover{color:var(--accent)}.panel{padding:26px 28px 28px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--shadow)}.card{opacity:0;transform:translateY(24px);transition:box-shadow .25s ease,transform .25s ease}@media (prefers-reduced-motion:reduce){.card{opacity:1;transform:none}}.section-kicker{margin-bottom:10px;font-size:11.5px;font-weight:600;letter-spacing:.18em;color:var(--ink-faint)}.panel-title{font-family:var(--font-serif);font-size:19px;font-weight:500;letter-spacing:.04em}.panel-note{margin-top:14px;font-size:12.5px;color:var(--ink-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.search-input{width:100%;margin-top:16px;padding:11px 14px;font-size:14.5px;color:var(--ink);background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-soft);outline:none;transition:border-color .2s ease,background .2s ease}.search-input:focus{border-color:rgba(122,106,79,.45);background:var(--surface)}.search-input::placeholder{color:var(--ink-faint)}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px;margin-top:18px}.stats-item span{display:block;font-size:12px;color:var(--ink-muted)}.stats-item strong{font-family:var(--font-serif);font-size:30px;font-weight:500;line-height:1.3;color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stats-item strong.stats-date{font-size:17px;letter-spacing:.02em;align-self:center}.post-card{display:flex;flex-direction:column;padding:0;overflow:hidden;cursor:pointer}.post-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.post-card__cover{aspect-ratio:16/9;overflow:hidden;background:var(--surface-soft)}.post-card__cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.post-card:hover .post-card__cover img{transform:scale(1.03)}.post-card__body{padding:18px 22px 22px}.post-card__meta{display:flex;align-items:baseline;gap:12px;margin-bottom:8px;font-size:11.5px;letter-spacing:.08em;color:var(--ink-faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.post-card__game{color:var(--accent)}.post-card__title{font-family:var(--font-serif);font-size:18.5px;font-weight:500;line-height:1.55;letter-spacing:.02em}.post-card__excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:8px;font-size:13.5px;line-height:1.8;color:var(--ink-soft)}.empty-panel{padding:40px 28px;text-align:center;color:var(--ink-muted);background:transparent;border:1px dashed var(--line);box-shadow:none}.about-lead{max-width:640px;font-size:16px;line-height:2;color:var(--ink-soft)}.about-list li{position:relative;padding-left:18px;margin-bottom:10px;font-size:14.5px;line-height:1.9;color:var(--ink-soft)}.about-list li:before{content:"";position:absolute;left:0;top:.95em;width:7px;height:1px;background:var(--accent)}.about-copy{max-width:480px;font-size:14.5px;line-height:2;color:var(--ink-soft)}.try-form{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:16px}.try-form textarea{width:100%;min-height:76px;padding:12px 14px;font-size:14.5px;line-height:1.7;color:var(--ink);background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-soft);outline:none;resize:vertical;transition:border-color .2s ease,background .2s ease}.try-form textarea:focus{border-color:rgba(122,106,79,.45);background:var(--surface)}.try-button{flex:none;padding:11px 20px;font-size:13.5px;letter-spacing:.04em;color:#ffffff;background:var(--accent);border:none;border-radius:var(--radius-soft);cursor:pointer;transition:opacity .2s ease}.try-button:hover:not(:disabled){opacity:.86}.try-button:disabled{opacity:.45;cursor:default}.try-error{margin-top:14px;padding:10px 14px;font-size:12.5px;line-height:1.8;color:#8e3f38;background:#fbf1ef;border:1px solid #e8cfc9;border-radius:var(--radius-soft)}.try-result{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px;margin-top:20px;padding-top:18px;border-top:1px dashed var(--line)}.try-item span{display:block;margin-bottom:4px;font-size:11.5px;color:var(--ink-muted)}.try-item strong{font-family:var(--font-serif);font-size:16px;font-weight:500;line-height:1.6;color:var(--accent)}@media (max-width:640px){.try-form{flex-direction:column;align-items:stretch}.try-result{grid-template-columns:1fr;gap:12px}}.try-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.ghost-button{flex-shrink:0;padding:7px 15px;font-size:12.5px;letter-spacing:.04em;color:var(--ink-soft);background:transparent;border:1px solid var(--line);border-radius:999px;cursor:pointer;transition:color .2s ease,border-color .2s ease}.ghost-button:hover{color:var(--accent);border-color:rgba(122,106,79,.45)}.modal-overlay{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(31,29,25,.34)}.modal-panel{width:min(560px,100%);max-height:min(72vh,640px);display:flex;flex-direction:column;padding:26px 28px 28px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:0 24px 60px rgba(80,66,40,.22)}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:20px}.history-list{display:grid;grid-gap:10px;gap:10px;overflow-y:auto}.history-item{padding:14px 18px;background:var(--surface-soft);border-radius:var(--radius-soft)}.history-text{font-size:14px;line-height:1.8;color:var(--ink);word-break:break-word}.history-meta{display:block;margin-top:6px;font-size:11.5px;color:var(--ink-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.history-empty{font-size:14px;line-height:1.8;color:var(--ink-muted)}.post-panel{padding:0;overflow:hidden}.post-cover{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--surface-soft)}.article{padding:30px 40px 42px}.article p{margin:0 0 24px;font-size:16px;line-height:2.05;color:#33302a;text-align:justify}.article>p:first-of-type:first-letter{font-family:var(--font-serif);font-size:40px;line-height:1;margin-right:8px;color:var(--accent)}.article h2{margin:44px 0 20px;font-family:var(--font-serif);font-size:20px;font-weight:500;letter-spacing:.06em}.article h2:after{content:"";display:block;width:28px;height:1px;margin-top:12px;background:var(--accent);opacity:.5}.article ol,.article ul{margin:0 0 24px;padding-left:22px;font-size:15.5px;line-height:2;color:#33302a}.article ul{list-style:disc}.article ol{list-style:decimal}.article li{margin-bottom:8px;padding-left:4px}.article blockquote{margin:28px 0;padding:4px 0 4px 20px;border-left:2px solid rgba(122,106,79,.4)}.article blockquote p{margin:0;font-size:15px;color:var(--ink-soft)}.article figure{margin:32px 0}.article figure img{width:100%;border-radius:var(--radius-soft);background:var(--surface-soft)}.article figcaption{margin-top:10px;font-size:12px;letter-spacing:.04em;color:var(--ink-faint);text-align:center}.article hr{margin:44px 0;border:none;border-top:1px solid var(--line)}.article em{font-style:normal;color:var(--accent)}@media (max-width:900px){.panel-half{grid-column:span 12}.post-card{display:grid;grid-template-columns:200px minmax(0,1fr)}.post-card__cover{aspect-ratio:auto;height:100%}.article{padding:26px 30px 34px}}@media (max-width:640px){.page-shell{width:calc(100% - 32px);padding-top:20px}.dashboard-grid{gap:14px}.panel{padding:20px 20px 22px;border-radius:18px}.hero-stage{padding:8px 2px 22px}.hero-topline{margin-bottom:34px}.hero-display{font-size:clamp(32px,10vw,44px)}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stats-item strong{font-size:24px}.post-card{grid-template-columns:1fr}.post-card__cover{aspect-ratio:16/9}.article{padding:22px 20px 28px}.article p{font-size:15.5px;text-align:left}.article>p:first-of-type:first-letter{font-size:34px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.nav-link,.post-back,.post-card__cover img{transition:none}}