html[data-theme=light]{--bg:#edf3fa;--surface:#fff;--raised:#e4effd;--text:#2a405a;--muted:#687f97;--line:#d7e3f1;--accent:#4277b1;--hero:#dceafb}
body{padding-left:260px}header{position:fixed;left:0;top:0;bottom:0;width:260px;height:100vh;min-height:0;padding:50px 23px 25px;display:flex;flex-direction:column;flex-wrap:nowrap;gap:30px;border:0;border-right:1px solid var(--line);background:var(--surface);z-index:5}.brand{display:flex;flex-direction:column;text-align:center;font-size:16px;letter-spacing:1px;gap:20px;line-height:1.8}.brand .seal{width:88px;height:88px;border-radius:25px;box-shadow:0 6px 20px #2d578822}.brand .seal img{width:100%;height:100%}.brand small{font-size:9px;margin-top:7px;letter-spacing:2px}nav{margin:0;display:flex;flex-direction:column;gap:9px;width:100%;font-size:13px}nav a{padding:12px 18px;border-radius:12px}nav a.active{background:var(--raised);color:var(--accent)}nav a.active:after{display:none}nav a:hover{background:var(--raised)}header .icon{margin:10px 0 0;align-self:center}main{max-width:1200px;padding:0 38px}.hero{grid-template-columns:1fr;padding:44px 0 20px;gap:0;position:relative;isolation:isolate;min-height:320px;color:#f1f7ff;margin:26px 0 28px;overflow:hidden;border-radius:22px}.hero>div:first-child{padding:0 35px;z-index:1;max-width:650px}.hero .eyebrow{color:#e4f0ff;font-size:10px}.hero h1{font-family:system-ui,"Microsoft YaHei",sans-serif;font-weight:600;font-size:35px;letter-spacing:1px;margin:15px 0}.hero p{color:#e2ecf7;font-size:13px}.hero-art{position:absolute;inset:0;height:100%;width:100%;z-index:-1;border-radius:0;filter:brightness(.72)}.hero-art .art{height:100%}.hero-art .art-label,.hero-art .art-caption,.hero-art .art-mark{display:none}.daily-quote{padding:22px 25px;border-radius:18px;margin-bottom:30px;background:var(--surface)}.daily-quote blockquote{font-size:21px}.quote-date{width:75px;height:90px;border-radius:12px;border:0;background:var(--raised)}.journal-categories{gap:12px;margin-bottom:30px}.game-tile{flex-wrap:wrap;border-radius:15px;padding:17px;gap:10px}.game-tile strong{font-size:13px}.game-tile small{font-size:10px}.game-symbol{border-radius:12px;background:#4e79a9}.section-heading h2{font-size:20px;font-weight:600}.section-heading small{font-size:9px}.toolbar{flex-wrap:wrap}.search{margin-left:auto}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.post-card,.post-card:first-child{display:block;grid-column:auto;border-radius:17px;box-shadow:0 6px 18px #2c537609}.post-card .art,.post-card:first-child .art{height:185px;min-height:0}.card-body{padding:20px}.post-card h3{font-size:20px;font-weight:600}.post-card p{font-size:12px}.notice{border-radius:12px}.article-layout{gap:25px;grid-template-columns:minmax(0,1fr) 165px}.article-head h1{font-family:system-ui,sans-serif;font-size:34px}.article-cover{height:270px;border-radius:18px}footer{margin-left:38px;margin-right:38px;flex-wrap:wrap}
@media(max-width:1100px){body{padding-left:210px}header{width:210px}.brand{font-size:14px}main{padding:0 25px}.journal-categories{grid-template-columns:1fr}.game-tile{flex-wrap:nowrap}.hero>div:first-child{padding:0 25px}.hero h1{font-size:31px}.filters{width:100%}.search{margin-left:0;width:100%}}
@media(max-width:700px){body{padding:0}header{position:static;width:100%;height:auto;min-height:0;padding:18px 20px;gap:16px;flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line)}.brand{flex-direction:row;text-align:left;font-size:15px;gap:12px}.brand .seal{width:44px;height:44px;border-radius:12px}.brand small{margin-top:0;font-size:7px}header .icon{margin:0 0 0 auto}nav{position:static;order:3;flex-direction:row;justify-content:space-between;gap:0;font-size:10px}nav a{padding:8px 6px}main{padding:0 20px}.hero{margin:22px 0;min-height:290px;padding:30px 0}.hero>div:first-child{padding:0 22px}.hero h1{font-size:30px}.daily-quote{padding:20px 17px}.daily-quote blockquote{font-size:18px}.post-grid{grid-template-columns:1fr}.post-card .art,.post-card:first-child .art{height:190px}.article-layout{display:flex}.hero-art{height:100%}.article-head h1{font-size:27px}footer{margin-left:20px;margin-right:20px}}
/* 综合方案：侧栏布局、点阵纸面、浅蓝山景。 */
body{background-color:var(--bg);background-image:radial-gradient(var(--line) .8px,transparent .8px);background-size:22px 22px}
header{padding-top:36px;padding-bottom:25px;overflow-y:auto;gap:25px}header .icon{margin-top:auto;min-height:40px;min-width:40px;align-self:flex-start;margin-left:17px}nav{flex-shrink:0}.brand{flex-shrink:0}
.hero{min-height:260px;padding:28px 0;margin:24px 0;display:flex;align-items:center}.hero>div:first-child{max-width:780px;padding:0 30px}.hero h1{font-size:clamp(35px,3.6vw,49px);line-height:1.4;margin:11px 0 14px;letter-spacing:1px;color:#244d73}.hero p{font-size:15px;line-height:1.85;color:#466b8b;margin:0}.hero .eyebrow{font-size:11px;color:#426d91;letter-spacing:1.4px}.hero-art{background:url('assets/hero-blue.svg') center center / cover no-repeat;filter:none}.hero-art:before,.hero-art:after{display:none}
.daily-quote{display:grid;grid-template-columns:minmax(0,1fr) 82px;align-items:start;gap:28px;min-height:180px;height:auto;overflow:visible;padding:25px 28px}.quote-copy{max-width:none;min-width:0}.daily-quote blockquote{font-size:23px;line-height:1.95;margin:13px 0 15px;overflow-wrap:anywhere;white-space:normal;max-height:none;overflow:visible}.quote-credit{font-size:14px;line-height:1.8;margin:10px 0 8px;overflow-wrap:anywhere}.quote-provider{font-size:11px}.quote-date{align-self:start;margin-top:8px;width:82px;height:96px}.quote-date strong{font-size:39px}.quote-date span{font-size:11px}
html[data-theme=dark] .hero-art{filter:brightness(.37) saturate(.85)}html[data-theme=dark] .hero h1{color:#e7f2ff}html[data-theme=dark] .hero p{color:#c3d9ee}html[data-theme=dark] .hero .eyebrow{color:#b9d7f1}
@media(max-width:1100px){.hero{min-height:245px}.hero h1{font-size:39px}.hero>div:first-child{padding:0 25px}.daily-quote{gap:20px;padding:24px}.daily-quote blockquote{font-size:22px}}
@media(max-width:700px){header{overflow:visible;padding:17px 20px;gap:15px}header .icon{margin:0 0 0 auto;align-self:center;min-width:37px;min-height:37px}.hero{min-height:240px;margin:20px 0;padding:25px 0}.hero>div:first-child{padding:0 22px}.hero h1{font-size:34px;line-height:1.45;margin:9px 0 12px}.hero p{font-size:13px}.hero .eyebrow{font-size:9px;letter-spacing:1px}.daily-quote{grid-template-columns:minmax(0,1fr) 65px;padding:21px 18px;gap:16px;min-height:170px}.daily-quote blockquote{font-size:19px;line-height:1.9}.quote-credit{font-size:13px}.quote-date{width:65px;height:83px}.quote-date strong{font-size:32px}.quote-date span{font-size:10px}}
@media(max-height:650px) and (min-width:701px){header{padding-top:22px;gap:16px}.brand .seal{width:65px;height:65px}.brand{gap:10px}nav{gap:3px}nav a{padding:9px 16px}}
/* 侧栏紧凑排列；书摘完整呈现。 */
header{gap:16px;padding-top:28px;padding-bottom:24px;overflow-y:auto}header .brand{gap:12px}header .brand .seal{width:72px;height:72px;border-radius:21px}header nav{gap:2px;flex-shrink:0}header nav a{padding:8px 18px}
header .daily-quote{width:100%;display:block;flex-shrink:0;min-height:0;height:auto;padding:20px 16px;margin:14px 0 20px;border-radius:14px;background:var(--bg);overflow:visible;gap:0}header .quote-copy{max-width:none}header .daily-quote .eyebrow{font-size:10px;letter-spacing:.6px}header .daily-quote blockquote{font-family:SimSun,"Songti SC",serif;font-size:17px;font-weight:400;font-style:normal;line-height:1.95;letter-spacing:0;margin:15px 0;display:block;overflow:visible;white-space:normal;overflow-wrap:anywhere;max-height:none;-webkit-line-clamp:unset}header .quote-credit{font-size:12px;line-height:1.8;margin:12px 0 7px}header .quote-provider{font-size:10px}header .quote-date{display:none}header .icon{align-self:center;margin-left:0;margin-right:0;margin-top:auto;flex-shrink:0}.hero{margin-bottom:32px}
@media(max-height:700px) and (min-width:701px){header{padding-top:20px;gap:12px}header .brand .seal{width:60px;height:60px}header .brand{gap:9px}header nav a{padding:7px 18px}header .daily-quote{margin-top:10px;padding:16px 14px}}
@media(max-width:700px){header{padding:17px 20px;gap:14px;overflow:visible}header .brand{gap:12px}header .brand .seal{width:44px;height:44px;border-radius:12px}header nav a{padding:8px 6px}header .icon{margin:0 0 0 auto;align-self:center}header .daily-quote{order:4;margin:6px 0 4px;padding:19px 18px}header .daily-quote blockquote{font-size:18px}}
/* 楷体书摘、同一行日期与轻盈纸卡。系统已安装楷体，不复制字体文件。 */
header .daily-quote{padding:19px 16px 17px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,var(--surface),var(--bg));box-shadow:0 4px 15px #264c7506;position:relative}header .daily-quote:before{content:'';display:block;position:absolute;top:20px;bottom:20px;left:0;width:2px;background:var(--accent);opacity:.5;border-radius:2px}.quote-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.quote-heading .eyebrow{white-space:nowrap}header .quote-heading .quote-date{display:block;width:auto;height:auto;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:none;color:var(--muted);font-family:"Microsoft YaHei",sans-serif;font-size:10px;line-height:1.7;white-space:nowrap;letter-spacing:.3px}.quote-jp{font-size:8px;letter-spacing:1.4px;color:var(--muted);margin-top:3px;opacity:.85}header .daily-quote blockquote{font-family:KaiTi,"楷体",STKaiti,"Kaiti SC",serif;font-size:20px;font-weight:400;line-height:1.85;letter-spacing:.2px;margin:17px 0 16px;text-align:left;word-break:normal;line-break:strict}header .quote-credit{font-size:12px;line-height:1.85;padding-top:11px;margin:0 0 9px;border-top:1px solid var(--line);color:var(--muted)}header .quote-provider{font-size:9px;opacity:.8}header .daily-quote{margin-top:16px;margin-bottom:20px}.quote-demo-note{font:10px/1.7 "Microsoft YaHei",sans-serif;color:var(--muted);border-top:1px dashed var(--line);margin-top:12px;padding-top:10px}.quote-demo-options{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.quote-demo-options button{font-size:10px;border:1px solid var(--line);border-radius:6px;color:var(--accent);background:var(--surface);padding:4px 8px}.quote-demo-options button[aria-pressed=true]{background:var(--raised);border-color:var(--accent)}
@media(max-width:700px){header .daily-quote blockquote{font-size:21px}.quote-jp{font-size:9px}header .quote-heading .quote-date{font-size:12px}header .daily-quote{margin-top:6px;margin-bottom:4px}}
/* 收紧导航与书摘两端的留白。 */
@media(min-width:701px){header{gap:12px}header .daily-quote{margin-top:2px;margin-bottom:4px;padding:17px 15px 15px}header .icon{margin-top:8px;margin-bottom:0;align-self:center}header .daily-quote blockquote{margin-top:13px;margin-bottom:13px}}
@media(max-width:700px){header .daily-quote{margin-top:0;margin-bottom:0}}
/* 书摘紧凑行距；日文副标题与中文保持清晰层级。 */
header .daily-quote blockquote{line-height:1.3;margin:13px 0 15px}
header .daily-quote .quote-heading .eyebrow{font-size:15px;font-weight:600;letter-spacing:1px;line-height:1.5}
.section-heading small{font-size:16px;letter-spacing:1px;margin-left:12px;font-weight:400}
.brand small{font-size:12px;letter-spacing:1px}
.hero .eyebrow,.page-title .eyebrow{font-size:13px;letter-spacing:1px}
.art-caption{font-size:12px;letter-spacing:1px}
@media(max-width:700px){.section-heading small{display:inline;font-size:15px;margin-left:9px}.brand small{font-size:11px}.hero .eyebrow,.page-title .eyebrow{font-size:11px}header .daily-quote blockquote{line-height:1.3}header .daily-quote .quote-heading .eyebrow{font-size:16px}}
/* 去掉书摘分隔线、左侧装饰线，保留无滚动条的侧栏滚动。 */
header .quote-credit{border-top:0;padding-top:0;margin-top:12px}header .daily-quote:before{display:none}header{scrollbar-width:none;-ms-overflow-style:none}header::-webkit-scrollbar{display:none;width:0;height:0}header .daily-quote blockquote{font-family:var(--quote-font,KaiTi,"楷体",STKaiti,"Kaiti SC",serif)}
/* 最终书摘字体：宋体，略缩小正文。 */
header .daily-quote blockquote{font-family:SimSun,"宋体","Songti SC",serif;font-size:19px;line-height:1.3}
/* 书摘：18px 楷体；主题切换靠侧栏底部。 */
header .daily-quote blockquote{font-family:KaiTi,"楷体",STKaiti,"Kaiti SC",serif;font-size:18px;line-height:1.3}
@media(min-width:701px){header .icon{margin-top:auto;margin-bottom:0;align-self:center}header .daily-quote{margin-bottom:18px}}
/* 标题与日期使用同一文字基线，避免字号不同导致上下错位。 */
header .daily-quote .quote-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px}header .daily-quote .quote-heading .eyebrow{display:block;margin:0;padding:0;line-height:1.5;font-family:"Microsoft YaHei","PingFang SC",sans-serif}header .daily-quote .quote-heading .quote-date{display:block;align-self:baseline;margin:0;padding:0;line-height:1.5;font-family:"Microsoft YaHei","PingFang SC",sans-serif;transform:none}
/* 浅蓝纸面侧栏与统一图标导航。 */
html[data-theme=light] header{background-color:#eaf3fd;background-image:radial-gradient(#9bbdd934 .7px,transparent .7px),linear-gradient(165deg,#f8fbff 0%,#e8f2fe 58%,#f2f7fd 100%);background-size:16px 16px,100% 100%;border-right-color:#cddff0;box-shadow:4px 0 20px #315a8305}
html[data-theme=dark] header{background-color:#172638;background-image:radial-gradient(#8eafcb18 .7px,transparent .7px),linear-gradient(165deg,#1b2e43,#142235);background-size:16px 16px,100% 100%;border-right-color:#30465f}
header .brand .seal{border:3px solid var(--surface);box-shadow:0 5px 16px #335c8620;outline:1px solid var(--line)}
header nav{gap:6px}header nav a{display:flex;align-items:center;gap:12px;padding:9px 12px;border:1px solid transparent;transition:background .18s,border-color .18s,box-shadow .18s;color:var(--muted);line-height:1.5}
header .nav-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:9px;background:#6c91b5;box-shadow:inset 0 1px 0 #ffffff25}header .nav-icon img{display:block;width:19px;height:19px}header .nav-label{font-size:13px;letter-spacing:.3px}header .nav-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);margin-left:auto;opacity:0}header nav a:hover{background:var(--surface);border-color:var(--line)}header nav a.active{background:var(--surface);border-color:var(--line);color:var(--accent);box-shadow:0 4px 12px #375f8310}header nav a.active .nav-icon{background:#457aaf}header nav a.active .nav-dot{opacity:1}header .daily-quote{background:linear-gradient(145deg,var(--surface),var(--bg));box-shadow:0 5px 18px #315a8308}header .icon{background:var(--surface);box-shadow:0 3px 10px #315a8308;border-color:var(--line)}
html[data-theme=dark] header .nav-icon{background:#3f6082}html[data-theme=dark] header nav a.active .nav-icon{background:#477cae}
@media(max-height:760px) and (min-width:701px){header nav{gap:3px}header nav a{padding:6px 11px}header .nav-icon{width:29px;height:29px}}
@media(max-width:700px){header nav{gap:3px}header nav a{flex-direction:column;gap:5px;flex:1;justify-content:center;padding:8px 3px;border-radius:10px}header .nav-label{font-size:10px;letter-spacing:0}header .nav-icon{width:28px;height:28px;border-radius:8px}header .nav-icon img{width:17px;height:17px}header .nav-dot{display:none}}
/* 当前栏目只用色彩区分，不显示类似通知的小圆点。 */
header .nav-dot{display:none}header nav a.active{background:var(--raised);border-color:transparent;box-shadow:none;color:var(--accent)}
/* 悬停采用轻淡蓝色，不出现白色描边卡片。 */
header nav a:not(.active):hover{background:rgba(92,148,202,.09);border-color:transparent;box-shadow:none;color:var(--accent)}
header nav a.active:hover{background:var(--raised);border-color:transparent;box-shadow:none}
html[data-theme=dark] header nav a:not(.active):hover{background:rgba(148,198,245,.08);border-color:transparent}