
:root{color-scheme:dark;--bg:#111923;--surface:#192534;--raised:#223449;--text:#e6eef8;--muted:#9aacbf;--line:#30435a;--accent:#94c6f5;--hero:#233a52}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}html[data-theme=light]{color-scheme:light;--bg:#f2f7fc;--surface:#ffffff;--raised:#e4effb;--text:#24364b;--muted:#60758c;--line:#d3e1ef;--accent:#326da5;--hero:#e0edfb}body{margin:0;background:var(--bg);color:var(--text);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}header{height:100px;max-width:1240px;margin:auto;padding:0 40px;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;font-size:23px;font-weight:700;letter-spacing:3px}.brand small{display:block;font-size:8px;letter-spacing:2.4px;color:var(--muted);font-weight:400}.seal{display:grid;place-items:center;width:38px;height:43px;border:1px solid var(--accent);color:var(--accent);font-family:serif;font-size:25px;border-radius:3px}nav{display:flex;gap:32px;margin-left:auto;font-size:14px;color:var(--muted)}nav a.active,nav a:hover{color:var(--text)}nav a.active:after{content:'';display:block;width:18px;height:2px;background:var(--accent);margin:6px auto -8px}.icon{border:1px solid var(--line);background:transparent;color:var(--text);border-radius:50%;width:37px;height:37px;font-size:22px}main{max-width:1240px;margin:auto;padding:0 40px;min-height:70vh}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:30px;padding:64px 0 50px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--accent);font-weight:600}.hero h1{font-family:Georgia,"Songti SC",SimSun,serif;font-weight:500;font-size:clamp(30px,3.5vw,48px);line-height:1.45;letter-spacing:2px;margin:17px 0 20px}.hero p{font-size:14px;color:var(--muted);max-width:440px;line-height:1.95}.hero-tags{display:flex;gap:20px;color:var(--muted);font-size:12px;margin-top:30px}.hero-tags span:before{content:'·';color:var(--accent);margin-right:8px}.hero-art{height:282px;position:relative;overflow:hidden;border-radius:8px;background:#304d69}.hero-art .art{height:100%}.art{position:relative;overflow:hidden;background:#2d4965;isolation:isolate}.art:before,.art:after{content:'';position:absolute;inset:0;z-index:-1}.ink{background:linear-gradient(160deg,#a9bfd4 0%,#567e9f 38%,#203b58 90%)}.ink:before{background:linear-gradient(140deg,#668bab,#2a4e70);clip-path:polygon(0 72%,18% 26%,30% 50%,46% 8%,64% 63%,80% 33%,100% 79%,100% 100%,0 100%)}.ink:after{background:#183650;clip-path:polygon(0 91%,26% 60%,39% 74%,62% 44%,78% 84%,100% 57%,100% 100%,0 100%)}.forest{background:linear-gradient(135deg,#aab78b,#486d58 55%,#1b3c34)}.forest:before{background:#254f40;clip-path:polygon(0 90%,8% 30%,18% 80%,27% 15%,39% 85%,52% 30%,63% 84%,80% 7%,95% 80%,100% 50%,100% 100%,0 100%)}.city{background:linear-gradient(150deg,#8e89aa,#3c466a 60%,#222c40)}.city:before{background:#29324d;clip-path:polygon(0 50%,10% 50%,10% 28%,23% 28%,23% 68%,38% 68%,38% 10%,49% 10%,49% 45%,63% 45%,63% 32%,77% 32%,77% 70%,86% 70%,86% 22%,100% 22%,100% 100%,0 100%)}.field{background:linear-gradient(135deg,#c3b393,#6d7966 55%,#343e33)}.field:before{background:#374e3f;clip-path:polygon(0 72%,16% 58%,33% 65%,52% 39%,75% 60%,100% 45%,100% 100%,0 100%)}.art-label{position:absolute;bottom:19px;left:24px;color:#e6f0fb;letter-spacing:5px;font-family:serif;font-size:22px}.art-mark{position:absolute;top:15%;right:12%;font:110px serif;color:#e6f1ff1c;writing-mode:vertical-rl}.art-caption{position:absolute;top:20px;left:24px;font-size:9px;letter-spacing:2px;color:#edf5ffb0}.section-heading{display:flex;align-items:baseline;justify-content:space-between;margin:20px 0}.section-heading h2{font-size:21px;font-weight:500;margin:0}.section-heading small{font-size:10px;letter-spacing:2px;color:var(--muted);margin-left:12px}.quiet-link{font-size:12px;color:var(--muted)}.games-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:48px}.game-tile{background:var(--surface);border:1px solid var(--line);padding:18px;border-radius:6px;display:flex;align-items:center;gap:13px;transition:transform .2s,border-color .2s}.game-tile:hover{transform:translateY(-3px);border-color:var(--accent)}.game-symbol{font:25px serif;width:40px;height:45px;display:grid;place-items:center;color:#e2efff;border-radius:4px;background:#355b7d}.game-tile strong{font-size:13px;font-weight:500}.game-tile small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.game-tile b{font-weight:400;color:var(--muted);margin-left:auto}.toolbar{display:flex;gap:12px;align-items:center;margin:22px 0}.filters{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid transparent;background:none;color:var(--muted);padding:7px 14px;border-radius:5px;font-size:12px}.chip.selected{background:var(--raised);border-color:var(--line);color:var(--accent)}.search{margin-left:auto;position:relative;display:flex;align-items:center;gap:7px;border:1px solid var(--line);padding:7px 12px;border-radius:5px;background:var(--surface)}.search input{width:190px;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}.search span{color:var(--muted)}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.post-card{border:1px solid var(--line);border-radius:7px;background:var(--surface);overflow:hidden;transition:transform .2s}.post-card:hover{transform:translateY(-4px)}.post-card .art{height:170px}.post-card:first-child{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr}.post-card:first-child .art{height:100%;min-height:265px}.card-body{padding:23px}.meta{font-size:10px;color:var(--accent);letter-spacing:.5px}.post-card h3{font-size:19px;line-height:1.7;margin:12px 0;font-weight:500}.post-card p{font-size:12px;color:var(--muted);line-height:1.9}.card-bottom{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:22px}.result-count{font-size:11px;color:var(--muted);margin:18px 0}.notice{border:1px solid var(--line);border-left:2px solid var(--accent);padding:14px 18px;background:var(--surface);font-size:12px;color:var(--muted);margin:28px 0}.empty{text-align:center;padding:65px 20px;border:1px dashed var(--line);border-radius:8px}.empty h3{font-weight:500}.empty p{color:var(--muted);font-size:13px}.button{display:inline-block;border:1px solid var(--line);background:var(--raised);color:var(--text);padding:9px 18px;border-radius:5px;font-size:13px}.page-title{padding:48px 0 20px}.page-title h1{font-size:34px;font-weight:500;margin:10px 0}.page-title p{color:var(--muted);font-size:14px}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.game-panel{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface)}.game-panel .art{height:210px}.game-panel div:last-child{padding:20px}.game-panel h2{font-size:21px;margin:0}.game-panel p{font-size:12px;color:var(--muted)}.back{display:inline-block;margin-top:32px;font-size:12px;color:var(--muted)}.article-head{max-width:850px;margin:35px auto;text-align:center}.article-head h1{font-size:clamp(27px,4vw,42px);font-family:serif;font-weight:500;line-height:1.5}.article-head p{color:var(--muted);font-size:12px}.article-cover{height:330px;border-radius:8px}.article-layout{display:grid;grid-template-columns:minmax(0,730px) 210px;gap:70px;max-width:1010px;margin:35px auto}.prose{font-size:15px;line-height:2.1}.prose h2{font-size:23px;margin-top:38px;font-weight:500}.prose p{color:var(--muted)}.prose section{scroll-margin-top:25px}aside{align-self:start;position:sticky;top:30px;border-left:1px solid var(--line);padding-left:25px;font-size:12px}aside h3{font-size:11px;letter-spacing:2px;color:var(--muted);font-weight:400}aside a{display:block;padding:7px 0;color:var(--muted)}aside a:hover{color:var(--accent)}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0}.tags a{font-size:11px;padding:4px 10px;background:var(--raised);color:var(--muted);border-radius:4px}.related{margin:45px 0}.related a{display:block;padding:15px 0;border-bottom:1px solid var(--line)}.about{max-width:760px;padding-bottom:45px}.about h2{font-weight:500;font-size:22px;margin-top:35px}.about p{color:var(--muted);line-height:2}.about ul{color:var(--muted);padding-left:20px}footer{max-width:1160px;margin:65px auto 0;padding:28px 0 35px;display:flex;gap:20px;justify-content:space-between;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.footer-brand{color:var(--text);font-size:12px}.footer-brand span{color:var(--muted);font-size:10px}select{border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--text);padding:8px;max-width:180px;font-size:12px}@media(max-width:900px){header,main{padding-left:24px;padding-right:24px}.hero{gap:20px}.hero h1{font-size:35px}.hero-art{height:260px}.games-strip{grid-template-columns:1fr 1fr}.post-grid{grid-template-columns:1fr 1fr}.post-card:first-child{grid-column:span 2}.toolbar{flex-wrap:wrap}.search{margin-left:0;flex:1}.search input{width:100%}.article-layout{gap:25px;grid-template-columns:minmax(0,1fr) 170px}footer{margin-left:24px;margin-right:24px;flex-wrap:wrap}}@media(max-width:600px){header{height:83px;gap:15px;flex-wrap:wrap}.brand{font-size:18px;letter-spacing:2px}.brand small{font-size:6px}.seal{height:34px;width:30px;font-size:21px}nav{order:3;width:100%;justify-content:center;gap:35px;font-size:12px;position:absolute;top:90px;left:0}.icon{margin-left:auto}main{padding:25px 20px 0}.hero{grid-template-columns:1fr;padding:40px 0 24px;gap:20px}.hero h1{font-size:34px}.hero-art{height:190px}.hero-tags{margin-top:18px}.games-strip{gap:8px;margin-bottom:32px}.game-tile{padding:12px;gap:8px}.game-tile strong{font-size:11px}.game-tile small{font-size:9px}.game-symbol{width:29px;font-size:20px}.section-heading small{display:none}.section-heading h2{font-size:20px}.post-grid{grid-template-columns:1fr}.post-card:first-child{display:block;grid-column:auto}.post-card:first-child .art{min-height:0;height:180px}.post-card .art{height:180px}.toolbar{gap:12px}.filters{width:100%;gap:2px}.chip{padding:6px 10px}.search{min-width:140px}.game-grid{grid-template-columns:1fr}.article-head{text-align:left}.article-cover{height:220px}.article-layout{display:flex;flex-direction:column;gap:10px}.article-layout aside{position:static;order:-1;width:100%;margin-bottom:5px}.article-layout aside a{display:inline-block;margin-right:15px}.page-title h1{font-size:29px}.page-title{padding-top:40px}footer{display:block;line-height:2.5}footer>a,footer>span{display:block}.prose{font-size:14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

@media(max-width:600px){.brand{font-size:15px;letter-spacing:1px}.brand small{letter-spacing:2px}.footer-brand{font-size:11px}}
.daily-quote{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 34px;margin:0 0 42px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(115deg,var(--surface),var(--hero));position:relative;overflow:hidden}.quote-copy{max-width:82%}.daily-quote blockquote{font-family:Georgia,"Songti SC",SimSun,serif;font-size:clamp(19px,2.2vw,27px);line-height:1.8;letter-spacing:1px;margin:14px 0}.quote-credit{font-size:11px;color:var(--muted);margin:8px 0}.quote-provider{font-size:10px;color:var(--muted)}.quote-date{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;width:90px;height:105px;border:1px solid var(--accent);color:var(--accent)}.quote-date strong{font-size:40px;font-weight:400;line-height:1.3}.quote-date span{font-size:10px;letter-spacing:1px}@media(max-width:600px){.daily-quote{padding:22px 18px;gap:15px}.quote-copy{max-width:calc(100% - 80px)}.quote-date{width:65px;height:83px}.quote-date strong{font-size:32px}.daily-quote .eyebrow{font-size:8px;letter-spacing:1px}.daily-quote blockquote{font-size:18px}}

.journal-categories{grid-template-columns:repeat(3,1fr)}.music{background:linear-gradient(135deg,#b9cbea,#687eb0 55%,#374e7f)}.music:before{inset:16% 22%;border:1px solid #dce8ff80;border-radius:50%;background:repeating-radial-gradient(circle,#334f7b55 0 8px,#a5bde222 9px 10px)}.life{background:linear-gradient(140deg,#c5dfef,#83adc6 60%,#567c9e)}.life:before{background:#dcecf588;clip-path:polygon(0 78%,22% 45%,42% 74%,68% 27%,100% 65%,100% 100%,0 100%)}@media(min-width:601px) and (max-width:1100px){header{height:auto;min-height:115px;flex-wrap:wrap;padding-top:15px;padding-bottom:15px}header nav{order:3;width:100%;justify-content:center;margin:0}header .icon{margin-left:auto}}@media(max-width:600px){nav{gap:0;justify-content:space-evenly;font-size:11px}.journal-categories{grid-template-columns:1fr}.journal-categories .game-tile{padding:16px}.journal-categories .game-tile strong{font-size:14px}.journal-categories .game-tile small{font-size:11px}}

.brand{font-style:normal}.seal{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;padding:0;letter-spacing:0;line-height:1;border-radius:10px;transform:none;background:var(--raised);overflow:hidden}.seal svg{display:block;width:34px;height:34px;flex-shrink:0}.seal img{display:block;width:100%;height:100%;object-fit:cover;transform:none}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;line-height:1;transform:none;appearance:none}.icon svg{display:block;width:20px;height:20px;flex-shrink:0;transform:none}@media(max-width:600px){.seal{width:34px;height:34px}.seal svg{width:28px;height:28px}}

.category-icon{width:44px;height:44px;flex-shrink:0;border-radius:9px;line-height:1}.category-icon img{display:block;width:26px;height:26px}.seal img{object-fit:contain;background:#fff}.journal-categories .game-symbol{font-style:normal}

.cover-art:before,.cover-art:after{display:none}.cover-art img{display:block;width:100%;height:100%;object-fit:cover}.prose p,.profile-bio{white-space:pre-wrap}.prose figure{margin:25px 0}.prose figure img{display:block;max-width:100%;height:auto;border-radius:12px}.admin-entry{color:var(--muted)}
