@charset "UTF-8";
/* Self-hosted Noto Sans TC: readable Traditional Chinese at UI sizes. */
:root{--sans:"Noto Sans TC","Microsoft JhengHei","PingFang TC",system-ui,sans-serif;--serif:var(--sans);--muted:#596653}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:var(--sans);font-size:16px;font-weight:400;line-height:1.85;font-synthesis:none}
h1,h2,h3,.brand,.hero-logo,.hero-english,.art-button small,.card-body time,.download-card h2{font-family:var(--sans)}
h1,h2,h3{font-weight:700;letter-spacing:.5px}p{letter-spacing:.2px}
button,input,select,textarea{font-family:var(--sans);font-size:16px}
.site-header .nav-art-button>span{font-size:clamp(15px,1.12vw,18px);font-weight:700;left:32%;right:5%;letter-spacing:0;text-shadow:0 1px 2px #391c0e;line-height:1.4}
.site-header .nav-art-button small{display:none}
.site-header .nav-art-button:nth-child(5)>span{font-size:clamp(14px,1.03vw,17px);left:27%;right:4%}
.hero-content{padding-top:155px}.hero-kicker{font-size:15px;letter-spacing:2px;margin-bottom:15px}
.hero-logo{font-weight:800;letter-spacing:3px;-webkit-text-stroke:.8px #765327;text-shadow:0 3px #725425,0 5px #453c25,0 0 18px #fff4cc;margin-bottom:12px}
.hero-english{font-size:12px;letter-spacing:2px;font-weight:600;margin-bottom:24px}
.hero h1{font-family:var(--sans);font-weight:700;letter-spacing:1px;margin-bottom:14px}
.hero-copy{font-size:16px;font-weight:500;line-height:1.9;margin-bottom:12px;color:#183f32;text-shadow:0 1px 4px #fff9e0,0 0 12px #fff9e0}
.hero-button>span{font-size:21px;font-weight:700;letter-spacing:0}.hero-button small{font-size:11px;line-height:1.5;margin-top:5px;color:#fff1ca}
.hero-note{font-size:14px;letter-spacing:1px;font-weight:500}
.hero .platform-badges small{font-size:12px;line-height:1.5;color:#f1ead8;letter-spacing:0}
.hero .platform-badges b{font-size:17px;line-height:1.5;font-weight:700}.hero .platform-badges a{gap:9px;padding:10px}
.section-heading p,.section-row p,.content-heading p{font-size:16px;color:#596653}
.breadcrumb,.result-count,.card-body time,.tag,.pill{font-size:14px;color:#596653;letter-spacing:.3px}
.tag{color:#fff4da}.pill{color:var(--jade)}.card-body h3{font-size:20px;line-height:1.6;min-height:0}
.card-body p{font-size:15px;line-height:1.9;color:#596653;min-height:0}
.text-link,.outline-link,.solid-link,.category-tabs a,.search-form button{font-size:15px;letter-spacing:.3px}
.download-card h2 small,.download-card>p,.download-page .download-card>p{font-size:15px;color:#596653}
.platform-meta{font-size:15px}.platform-meta>div{grid-template-columns:82px minmax(0,1fr)}.platform-meta dt,.platform-meta dd{color:#53634d}
.release-state{font-size:13px;letter-spacing:0;color:#655c47}.download-page .pending-button{font-size:15px;color:#5e6654}
.download-card .platform-pending-note,.download-card .download-qr p{font-size:14px!important;color:#596653!important}
.platform-install,.platform-install p,.note-panel p,.download-help-links{font-size:15px;color:#53634d}
.faq-list summary{font-size:17px;line-height:1.7}.faq-answer{font-size:16px;line-height:1.9;color:#53634d}
.article-head>p{font-size:14px;color:#596653}.prose{font-size:17px;line-height:1.95}.prose table{font-size:15px}.article-end{font-size:15px}
.coming-panel p,.empty-state p{font-size:16px;color:#596653}
.footer-inner nav{font-size:15px;gap:24px;flex-wrap:wrap}.footer-bottom{font-size:13px;color:#596653;letter-spacing:.2px}
@media(min-width:1700px){.hero-content{padding-top:170px}}
@media(max-width:1280px){.site-header{height:90px;padding:0 22px}.site-header .brand-logo{flex-basis:220px;width:220px;height:84px}.menu-toggle{display:block;width:44px;height:44px;line-height:1;padding:0}.site-header nav{display:none;position:absolute;top:90px;left:0;right:0;background:#faf7ed;grid-template-columns:repeat(4,minmax(0,1fr));padding:14px 24px 22px;gap:0 8px;box-shadow:0 12px 20px #143e3420;max-height:calc(100dvh - 90px);overflow-y:auto}.site-header nav.open{display:grid}.site-header nav>a.nav-art-button{width:100%;max-width:none;text-align:center}.site-header .nav-art-button>span{font-size:18px}.site-header .nav-art-button:nth-child(5)>span{font-size:17px}.inner-page,.article-page{padding-top:125px}}
@media(max-width:800px){.hero-content{padding-top:130px}.hero-copy{font-size:15px}.hero-kicker{font-size:14px}.hero .platform-badges a{gap:6px;padding:8px}.hero .platform-badges small{font-size:11px}.hero .platform-badges b{font-size:15px}.footer-inner nav{justify-content:center}}
@media(max-width:600px){.site-header{height:82px;padding:0 18px}.site-header .brand-logo{flex-basis:210px;width:210px;height:78px}.site-header nav{top:82px;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 16px 18px;gap:0 5px;max-height:calc(100dvh - 82px)}.site-header .nav-art-button>span{font-size:16px}.site-header .nav-art-button:nth-child(5)>span{font-size:14px}.inner-page,.article-page{padding-top:115px}}
@media(max-width:520px){.hero-content{padding-top:112px}.hero-kicker{font-size:13px;letter-spacing:1px;margin-bottom:14px}.hero-english{font-size:11px;letter-spacing:1px;margin-bottom:20px}.hero h1{font-size:26px;letter-spacing:0}.hero-copy{font-size:14px;line-height:1.9}.hero-button>span{font-size:18px}.hero-note{font-size:13px;letter-spacing:.3px}.hero .platform-badges{gap:5px}.hero .platform-badges a{padding:9px 5px;gap:5px}.hero .platform-badges img{width:20px;height:20px}.hero .platform-badges small{font-size:10px;line-height:1.5}.hero .platform-badges b{font-size:14px}.breadcrumb{font-size:13px}.content-heading p,.section-heading p{font-size:15px}.category-tabs a{font-size:15px}.search-form input,.search-form button{font-size:15px}.prose{font-size:16px}.prose table{font-size:14px}.article-head>p{font-size:13px}.faq-list summary{font-size:16px}.faq-answer{font-size:15px}.footer-inner nav{font-size:14px;gap:16px}.footer-bottom{font-size:13px}}
@media(max-width:360px){.hero h1{font-size:23px}.hero .platform-badges a{flex-direction:column;gap:4px;text-align:center}.hero .platform-badges small{font-size:11px}.hero .platform-badges b{font-size:15px}.site-header .nav-art-button>span{font-size:14px}.site-header .nav-art-button:nth-child(5)>span{font-size:12px}}
/* Admin labels and article editing use the same readable family. */
.admin-page,.login-page{font-family:var(--sans);font-size:16px;--muted:#59675b}
.admin-page label,.login-page label,.admin-sidebar nav a,.primary,.notice,.preview-link,.text-button{font-size:15px}
.admin-page .help,.admin-page label small,.admin-top span,.setup-list b,.admin-page th,.admin-page .status,.media-grid p,.file-label input,.editor-label button,.login-card>p,.login-back{font-size:14px}
.admin-page table{font-size:15px}.admin-brand small{font-size:12px;letter-spacing:1px}.stats-grid .panel>span{font-size:14px}.stats-grid strong{font-family:var(--sans);font-weight:700}
#editor,.ql-container,.ql-editor{font-family:var(--sans);font-size:16px;line-height:1.9}.editor-form textarea#article-body{font-size:15px}.ql-snow .ql-picker{font-family:var(--sans)}

.hero-logo{-webkit-text-stroke:0;text-shadow:0 2px 1px #705329,0 4px 6px #533c2699,0 0 18px #fff1c9}