/* Content and controls are the rouyuelu master; this layer changes presentation only. */
body.theme-jiu,body.theme-mai,body.theme-huang,body.theme-hong{--sans:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-family:var(--sans);background:var(--bg);color:var(--text)}
body[class*="theme-"] h1{text-wrap:balance}body[class*="theme-"] .navbar{background:var(--nav-bg);border-color:var(--border)}body[class*="theme-"] .brand small{color:var(--muted)}body[class*="theme-"] .brand>span,body[class*="theme-"] .gradient-text,body[class*="theme-"] .stat-item strong{background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--accent)}body[class*="theme-"] a:hover{color:var(--accent)}body[class*="theme-"] a:focus-visible,body[class*="theme-"] button:focus-visible,body[class*="theme-"] input:focus-visible,body[class*="theme-"] summary:focus-visible{outline-color:var(--accent)}
body[class*="theme-"] .hero{background-image:var(--hero-wash),url('/assets/hero-v2.webp');background-color:var(--bg);background-position:center;background-size:cover}body[class*="theme-"] .hero:before{background:var(--hero-glow)}body[class*="theme-"] .hero-badge,body[class*="theme-"] .search-box,body[class*="theme-"] .feature-card,body[class*="theme-"] .stat-item,body[class*="theme-"] .rank-item,body[class*="theme-"] .poster-card,body[class*="theme-"] .review-card,body[class*="theme-"] .faq-item,body[class*="theme-"] .more-link,body[class*="theme-"] .empty-state,body[class*="theme-"] .related-link,body[class*="theme-"] .platform-card,body[class*="theme-"] .download-info{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow);border-radius:var(--radius)}
body[class*="theme-"] .routing-notice{background:var(--notice);color:var(--muted);border-color:var(--border)}body[class*="theme-"] .nav-links a{color:var(--muted)}body[class*="theme-"] .nav-links a:hover{background:var(--soft);color:var(--accent)}body[class*="theme-"] .nav-links a.active,body[class*="theme-"] .nav-links a.nav-cta{background:var(--gradient);color:var(--on-accent)!important}body[class*="theme-"] .hero-badge{color:var(--accent)}body[class*="theme-"] .hero-copy>p,body[class*="theme-"] .feature-body>p,body[class*="theme-"] .feature-tags,body[class*="theme-"] .feature-eyebrow,body[class*="theme-"] .feature-status,body[class*="theme-"] .chapter-heading>span{color:var(--muted)}body[class*="theme-"] .feature-eyebrow>span:first-child,body[class*="theme-"] .feature-body em{color:var(--accent)}body[class*="theme-"] .feature-status{border-color:var(--border)}body[class*="theme-"] .feature-status b{color:var(--text)}body[class*="theme-"] .feature-actions a,body[class*="theme-"] .chapter-grid a{background:var(--surface-alt);border-color:var(--border);color:var(--text)}body[class*="theme-"] .feature-actions a.feature-next{background:var(--gradient);color:var(--on-accent)}body[class*="theme-"] .chapter-grid span{color:var(--muted)}body[class*="theme-"] .chapter-grid .active{background:var(--soft);border-color:var(--accent)}body[class*="theme-"] .chapter-grid .active b,body[class*="theme-"] .chapter-grid .active span{color:var(--accent)}body[class*="theme-"] .btn-primary,body[class*="theme-"] .nav-cta,body[class*="theme-"] .rank-no,body[class*="theme-"] .cover-kind,body[class*="theme-"] .provider-button,body[class*="theme-"] .download-steps article>span{background:var(--gradient);color:var(--on-accent)}body[class*="theme-"] .btn-outline{background:var(--surface);border-color:var(--accent);color:var(--accent)}body[class*="theme-"] .feature-read{background:var(--accent);color:var(--on-accent)}body[class*="theme-"] .search-box input{color:var(--text)}body[class*="theme-"] .search-box input::placeholder{color:var(--muted)}body[class*="theme-"] .search-box>.download-button-link{color:var(--on-accent);border-radius:var(--radius)}body[class*="theme-"] .tag-0{background:var(--soft);color:var(--accent)}body[class*="theme-"] .tag-1{background:var(--soft-2);color:var(--accent-2)}body[class*="theme-"] .tag-2{background:var(--soft-3);color:var(--accent-3)}body[class*="theme-"] .tag-muted{background:var(--surface-alt);color:var(--muted)}body[class*="theme-"] .section-soft{background:var(--soft-bg)}body[class*="theme-"] .more-link,body[class*="theme-"] .poster-foot a,body[class*="theme-"] .review-foot a,body[class*="theme-"] .return-text{color:var(--accent)}body[class*="theme-"] .poster-foot,body[class*="theme-"] .footer-bottom{border-color:var(--border)}body[class*="theme-"] .filters>.download-button-link{background:var(--surface);color:var(--text);border-color:var(--border)}body[class*="theme-"] .filters>.download-button-link.active{background:var(--gradient);color:var(--on-accent)}body[class*="theme-"] .review-card:before{color:var(--soft)}body[class*="theme-"] .review-avatar{background:var(--soft);color:var(--accent)}body[class*="theme-"] .review-head>span:last-child,body[class*="theme-"] .review-foot span{color:var(--muted)}body[class*="theme-"] .faq-item[open]{border-color:var(--accent);box-shadow:var(--shadow)}body[class*="theme-"] .faq-item summary:after{color:var(--accent)}body[class*="theme-"] .faq-item .answer{color:var(--muted);border-color:var(--border)}
body[class*="theme-"] .reading-cta{background:var(--cta-bg);color:var(--cta-text);border-radius:var(--radius)}body[class*="theme-"] .reading-cta h2{color:var(--cta-text)}body[class*="theme-"] .cta-actions>a{background:var(--surface);color:var(--text);border-radius:var(--radius)}body[class*="theme-"] .cta-actions small{color:var(--muted)}body[class*="theme-"] .reading-card{background:var(--surface);color:var(--text);border-radius:var(--radius)}body[class*="theme-"] .reading-card>span{color:var(--muted)}body[class*="theme-"] .reading-card img,body[class*="theme-"] .download-qr img{background:#fff;padding:5px}body[class*="theme-"] .footer{background:var(--footer-bg);color:var(--footer-muted)}body[class*="theme-"] .footer-brand,body[class*="theme-"] .footer-col h2{color:var(--footer-text)}body[class*="theme-"] .footer-col a{color:var(--footer-muted)}body[class*="theme-"] .footer-grid>div:first-child{border-color:var(--border)}body[class*="theme-"] .floating-read{background:var(--gradient);color:var(--on-accent);border-radius:var(--radius)}body[class*="theme-"] .floating-read>a{background:var(--surface);color:var(--accent)}body[class*="theme-"] .floating-read>.download-button-link:last-child{background:var(--surface);color:var(--accent)}body[class*="theme-"] .floating-read>button{background:var(--surface);color:var(--accent)}
body[class*="theme-"] .article-header{border-color:var(--border)}body[class*="theme-"] .toc{background:var(--surface);border-color:var(--border);border-radius:var(--radius)}body[class*="theme-"] .toc a{color:var(--text)}body[class*="theme-"] .prose{color:var(--muted)}body[class*="theme-"] .prose h2,body[class*="theme-"] .simple-page h1,body[class*="theme-"] .directory h1,body[class*="theme-"] .article-header h1{color:var(--text)}body[class*="theme-"] .prose a{color:var(--accent)}body[class*="theme-"] .takeaways{background:var(--soft);border-color:var(--accent);border-radius:0 var(--radius) var(--radius) 0}body[class*="theme-"] .related{border-color:var(--border)}
body[class*="theme-"] .download-hero{background:var(--download-bg);color:var(--download-text)}body[class*="theme-"] .download-copy>p{color:var(--download-text)}body[class*="theme-"] .hero-provider{background:var(--surface);color:var(--text);border-radius:var(--radius)}body[class*="theme-"] .hero-provider small{color:var(--muted)}body[class*="theme-"] .download-qr{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius)}body[class*="theme-"] .download-qr>span{color:var(--muted)}body[class*="theme-"] .platform-icon{border-radius:var(--radius)}body[class*="theme-"] .icon-0{background:var(--soft)}body[class*="theme-"] .icon-1{background:var(--soft-2)}body[class*="theme-"] .icon-2{background:var(--soft-3)}body[class*="theme-"] .icon-3{background:var(--soft)}body[class*="theme-"] .platform-card li:before{color:var(--accent)}body[class*="theme-"] .provider-button{border-radius:var(--radius)}body[class*="theme-"] .mobile-menu{background:var(--surface);color:var(--text)}body[class*="theme-"] .menu-head{border-color:var(--border)}body[class*="theme-"] .menu-head strong{color:var(--accent)}body[class*="theme-"] .menu-head button{background:var(--soft);color:var(--accent)}body[class*="theme-"] .mobile-menu>p{border-color:var(--border)}body[class*="theme-"] .mobile-menu .nav-cta{color:var(--on-accent)}body[class*="theme-"] .skip-link{background:var(--surface);border-color:var(--accent);color:var(--text)}
@media(max-width:1149px){body[class*="theme-"] .navbar .nav-links{display:none}body[class*="theme-"] .navbar .nav-toggle{display:flex;align-items:center;justify-content:center;color:var(--accent)}body[class*="theme-"] .navbar .brand small{display:none}}
@media(max-width:520px){body[class*="theme-"] .hero h1{font-size:25px;line-height:1.4}body[class*="theme-"] .hero-copy>p{font-size:13.5px}body[class*="theme-"] .feature-body h2{font-size:16px}body[class*="theme-"] .download-copy h1{font-size:25px;line-height:1.5}body[class*="theme-"] .download-facts{flex-wrap:wrap;gap:16px 22px}body[class*="theme-"] .download-facts strong{font-size:20px}}

body.theme-mai{--bg:#f3e3d4;--surface:#f9eee3;--surface-alt:#f0dcc9;--nav-bg:#f6e8dbf5;--text:#3a2925;--muted:#745b4e;--accent:#a44328;--accent-2:#70425c;--accent-3:#4b674a;--soft:#ead0bb;--soft-2:#e8d3df;--soft-3:#dbe4ce;--soft-bg:#ecd6c2;--notice:#ead3be;--border:#d8bca5;--on-accent:#fff5e8;--gradient:linear-gradient(115deg,#b4502f,#8e3828);--hero-wash:linear-gradient(100deg,#f3e3d4f8,#f3e3d4ee 48%,#f3e3d4c4);--hero-glow:radial-gradient(circle at 85% 15%,#d892613b,transparent 55%);--shadow:0 8px 25px #7042250c;--radius:20px;--cta-bg:linear-gradient(115deg,#b65030,#8d3f2e);--cta-text:#fff1e3;--footer-bg:#3d2924;--footer-text:#f8e7d8;--footer-muted:#dbc1ad;--download-bg:linear-gradient(120deg,#a74d31,#75352e);--download-text:#fff1e3}
.theme-mai h1,.theme-mai h2,.theme-mai .poster-copy h3,.theme-mai .footer-brand{font-family:"Noto Serif SC","Songti SC","SimSun",serif;font-weight:600;letter-spacing:.01em}.theme-mai .navbar>.container{display:grid;grid-template-columns:1fr auto;gap:16px}.theme-mai .navbar .brand small{font-size:10px;margin-left:12px}.theme-mai .navbar .nav-links{grid-column:1/-1;grid-row:2;justify-content:center;border-top:1px solid var(--border);padding-top:12px;gap:10px}.theme-mai .navbar .nav-links a{font-size:13px}.theme-mai .navbar .nav-links a:not(.nav-cta){border-radius:0;padding:5px 12px}.theme-mai .navbar .nav-links .active{background:none;color:var(--accent)!important;border-bottom:1px solid var(--accent)}.theme-mai .hero{padding-top:45px}.theme-mai .hero-grid{grid-template-columns:1fr;gap:30px}.theme-mai .hero-copy{max-width:980px;margin:auto;text-align:center}.theme-mai .hero h1{max-width:930px;font-size:41px;line-height:1.5;margin-inline:auto}.theme-mai .hero-copy>p{max-width:850px;margin-inline:auto;font-size:15px}.theme-mai .hero-badge{border-radius:40px;font-size:12px}.theme-mai .search-box{margin-inline:auto;max-width:620px;border-radius:40px}.theme-mai .search-box>.download-button-link{border-radius:30px}.theme-mai .hero-actions{justify-content:center}.theme-mai .btn-primary,.theme-mai .btn-outline{border-radius:40px;padding:12px 26px;font-size:14px}.theme-mai .feature-card{margin:auto;max-width:920px;grid-template-columns:180px minmax(0,1fr);gap:24px;padding:24px;min-height:0}.theme-mai .feature-poster{width:180px;height:240px;border-radius:14px}.theme-mai .feature-body h2{font-size:24px}.theme-mai .feature-body>p{font-size:14px}.theme-mai .chapter-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:7px}.theme-mai .chapter-grid a{padding:8px 2px}.theme-mai .feature-body{gap:9px}.theme-mai .stats-bar{max-width:920px;margin-inline:auto}.theme-mai .stat-item{padding:19px}.theme-mai .stat-item strong{font-family:Georgia,serif;font-weight:400;font-size:32px}.theme-mai .section-header h2{font-size:33px}.theme-mai .rank-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.theme-mai .rank-item{padding:22px;gap:20px}.theme-mai .rank-thumb{width:95px;height:127px}.theme-mai .rank-info h3{font-family:"Songti SC","SimSun",serif;font-size:21px;line-height:1.5}.theme-mai .rank-info p{font-size:13px}.theme-mai #notes .poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.theme-mai #notes .poster-cover{aspect-ratio:1.9}.theme-mai #notes .poster-copy{padding:24px}.theme-mai #notes .poster-copy h3{font-size:25px;white-space:normal}.theme-mai #notes .poster-copy p{font-size:14px;line-height:1.8}.theme-mai #notes .poster-foot{font-size:12px}.theme-mai .poster-cover img{object-position:50% 35%}.theme-mai .review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.theme-mai .review-card{padding:22px}.theme-mai .faq-item{border-radius:14px}.theme-mai .faq-list{max-width:900px}.theme-mai .faq-item summary{font-family:"Songti SC","SimSun",serif;font-size:18px}.theme-mai .reading-cta h2{font-size:32px}.theme-mai .article-layout{grid-template-columns:minmax(0,1fr) 220px;gap:55px}.theme-mai .toc{grid-column:2;grid-row:1;background:#ead3be;padding:24px}.theme-mai .prose{grid-column:1;grid-row:1}.theme-mai .simple-page>.prose{grid-column:auto;grid-row:auto}.theme-mai .article-header{max-width:100%;text-align:center}.theme-mai .article-header .lead{margin-inline:auto}.theme-mai .article-header h1{max-width:960px;margin-inline:auto}.theme-mai .prose h2{font-family:"Songti SC","SimSun",serif}.theme-mai .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.theme-mai .platform-card{align-items:start;text-align:left;padding:30px}.theme-mai .platform-card ul{flex:1}.theme-mai .platform-card h3{font-family:"Songti SC","SimSun",serif;font-size:24px}.theme-mai .download-qr{border-radius:24px}.theme-mai .download-info-grid{gap:25px}.theme-mai .download-steps article>span{font-family:Georgia,serif;font-size:25px}.theme-mai .download-copy h1{font-size:39px;font-weight:600;line-height:1.5}
@media(max-width:1149px){.theme-mai .navbar>.container{display:flex}.theme-mai .navbar .nav-toggle{margin-left:auto}.theme-mai .chapter-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:900px){.theme-mai .hero h1{font-size:35px}.theme-mai .feature-card{max-width:700px;grid-template-columns:150px minmax(0,1fr);gap:20px;padding:20px}.theme-mai .feature-poster{width:150px;height:225px}.theme-mai .feature-body h2{font-size:20px}.theme-mai .rank-list,.theme-mai .review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.theme-mai .rank-item{padding:17px;gap:14px}.theme-mai .rank-thumb{width:72px;height:96px}.theme-mai .rank-info h3{font-size:18px}.theme-mai .article-layout{gap:28px;grid-template-columns:minmax(0,1fr) 180px}.theme-mai .toc{padding:18px}.theme-mai .download-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.theme-mai .hero{padding-top:29px}.theme-mai .hero h1{font-size:27px;line-height:1.5}.theme-mai .hero-copy>p{font-size:13.5px}.theme-mai .hero-actions{gap:10px}.theme-mai .btn-primary,.theme-mai .btn-outline{padding:11px 12px;font-size:12px}.theme-mai .feature-card{grid-template-columns:1fr;gap:15px;padding:15px}.theme-mai .feature-poster{width:100%;height:auto;aspect-ratio:16/9}.theme-mai .feature-body h2{font-size:20px}.theme-mai .feature-body>p{font-size:12px}.theme-mai .stats-bar{gap:12px}.theme-mai .stat-item{padding:14px 10px}.theme-mai .stat-item strong{font-size:26px}.theme-mai .rank-list,.theme-mai .review-grid{grid-template-columns:1fr;gap:16px}.theme-mai .rank-item{padding:16px}.theme-mai .rank-thumb{width:80px;height:107px}.theme-mai .rank-info h3{font-size:19px}.theme-mai #notes .poster-grid{grid-template-columns:1fr;gap:22px}.theme-mai #notes .poster-copy{padding:21px}.theme-mai #notes .poster-copy h3{font-size:24px}.theme-mai #notes .poster-copy p{font-size:13px}.theme-mai .section-header h2{font-size:25px}.theme-mai .section-header{align-items:start;gap:15px}.theme-mai .more-link{font-size:11px;padding:7px 13px}.theme-mai .review-card{padding:18px}.theme-mai .faq-item summary{font-size:17px}.theme-mai .reading-cta h2{font-size:25px}.theme-mai .article-layout{grid-template-columns:1fr}.theme-mai .toc,.theme-mai .prose{grid-column:auto;grid-row:auto}.theme-mai .article-header{text-align:left}.theme-mai .platform-grid,.theme-mai .download-info-grid{grid-template-columns:1fr}.theme-mai .platform-card{padding:26px}.theme-mai .download-copy h1{font-size:26px}.theme-mai .download-hero-buttons{flex-direction:column;align-items:stretch}.theme-mai .hero-provider{justify-content:center}}
