/* 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-jiu{--bg:#071c23;--surface:#0c2932;--surface-alt:#12333b;--nav-bg:#07191ff5;--text:#e0f3ef;--muted:#a4c0c0;--accent:#5ee1c5;--accent-2:#a9ceff;--accent-3:#c0e4b5;--soft:#164344;--soft-2:#263e55;--soft-3:#2b4536;--soft-bg:#09232c;--notice:#0b2b32;--border:#29494e;--on-accent:#072b2b;--gradient:linear-gradient(115deg,#79e6cc,#46bda9);--hero-wash:linear-gradient(100deg,#071c23fa,#071c23ed 48%,#143e40bf);--hero-glow:radial-gradient(circle at 85% 15%,#36d1ac24,transparent 55%);--shadow:0 10px 28px #0002;--radius:6px;--cta-bg:linear-gradient(110deg,#153c42,#0c2d35);--cta-text:#e0f3ef;--footer-bg:#05171e;--footer-text:#e0f3ef;--footer-muted:#98b6b8;--download-bg:linear-gradient(120deg,#103e43,#071f29);--download-text:#e0f3ef}
.theme-jiu .hero-grid{grid-template-columns:1.1fr .9fr;gap:28px}.theme-jiu .hero h1{font-size:35px;line-height:1.45}.theme-jiu .hero-copy>p{font-size:14px}.theme-jiu .hero-badge{font-size:11px;letter-spacing:.04em;border-radius:4px;padding:7px 12px}.theme-jiu .hero-actions .btn-primary,.theme-jiu .hero-actions .btn-outline{border-radius:5px;font-size:14px;padding:12px 18px}.theme-jiu .feature-card{grid-template-columns:110px minmax(0,1fr);padding:18px;gap:16px}.theme-jiu .feature-poster{width:110px;height:165px;border-radius:5px}.theme-jiu .feature-body{gap:8px}.theme-jiu .feature-body h2{font-size:16px}.theme-jiu .feature-actions a{border-radius:4px;font-size:10px}.theme-jiu .chapter-grid a{border-radius:3px}.theme-jiu .stats-bar{gap:14px}.theme-jiu .stat-item{padding:17px;text-align:left;border-left:2px solid var(--accent)}.theme-jiu .stat-item strong{font-family:Consolas,monospace;font-size:26px}.theme-jiu .stat-item span{font-size:11px}.theme-jiu .section-header{border-bottom:1px solid var(--border);padding-bottom:20px}.theme-jiu .section-header h2{font-size:28px}.theme-jiu .more-link{font-size:12px;padding:7px 14px}.theme-jiu .rank-list{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-jiu .rank-item{padding:17px;border-left:2px solid var(--border)}.theme-jiu .rank-no{left:8px;top:8px;width:24px;height:24px;font-family:Consolas,monospace;font-size:11px;border-radius:3px}.theme-jiu .rank-thumb{width:86px;height:115px;border-radius:3px}.theme-jiu .rank-info h3{font-size:16px}.theme-jiu .poster-grid{gap:17px}.theme-jiu .poster-cover{aspect-ratio:4/5}.theme-jiu .cover-label,.theme-jiu .cover-kind{border-radius:3px}.theme-jiu .review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-jiu .review-card{padding:18px}.theme-jiu .review-poster{border-radius:3px}.theme-jiu .faq-list{max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.theme-jiu .faq-item summary{font-size:14px;padding:18px}.theme-jiu .reading-cta{border:1px solid #315c61}.theme-jiu .reading-cta h2{font-size:27px}.theme-jiu .toc{border-left:3px solid var(--accent)}.theme-jiu .article-header{border-bottom:2px solid var(--border)}.theme-jiu .article-header h1{font-family:var(--sans)}.theme-jiu .download-steps article>span{border-radius:4px}.theme-jiu .download-facts strong{font-family:Consolas,var(--sans);font-size:23px}.theme-jiu .download-hero{border-bottom:1px solid var(--border)}
@media(min-width:1150px){body.theme-jiu{padding-left:220px}.theme-jiu .navbar{position:fixed;inset:0 auto 0 0;width:220px;padding:36px 22px;border-right:1px solid var(--border);border-bottom:0;z-index:100;backdrop-filter:none}.theme-jiu .navbar>.container{padding:0;display:flex;flex-direction:column;align-items:start;gap:34px;max-width:100%;height:100%}.theme-jiu .navbar .brand{flex-direction:column;align-items:start;white-space:normal;gap:16px}.theme-jiu .navbar .brand img{width:52px;height:52px;border-radius:12px}.theme-jiu .navbar .brand>span{font-size:25px}.theme-jiu .navbar .brand small{display:block;font-size:10px;margin:0}.theme-jiu .navbar .nav-links{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:9px}.theme-jiu .navbar .nav-links a{font-size:13px;padding:10px 13px;border-radius:3px;border-left:2px solid transparent}.theme-jiu .navbar .nav-links .active{background:linear-gradient(90deg,#23544e,transparent);color:var(--accent)!important;border-left-color:var(--accent)}.theme-jiu .navbar .nav-links .nav-cta{margin-top:20px;text-align:center}.theme-jiu .navbar .nav-toggle{display:none}.theme-jiu .container{padding-inline:32px}.theme-jiu .hero{padding-top:44px}.theme-jiu .hero-grid{align-items:start}.theme-jiu .feature-card{min-height:0}.theme-jiu .hero-actions{flex-wrap:wrap;gap:12px}.theme-jiu .hero-actions a{font-size:13px}.theme-jiu .hero h1{font-size:34px}.theme-jiu .article-shell,.theme-jiu .directory,.theme-jiu .simple-page{padding-inline:32px}.theme-jiu .article-layout{grid-template-columns:180px minmax(0,1fr);gap:30px}}
@media(max-width:900px){.theme-jiu .hero-grid{grid-template-columns:1fr;gap:26px}.theme-jiu .feature-card{max-width:650px;width:100%;margin:auto}.theme-jiu .hero h1{font-size:32px}.theme-jiu .rank-list,.theme-jiu .review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-jiu .faq-list{grid-template-columns:1fr}.theme-jiu .download-hero-grid{gap:24px}}
@media(max-width:520px){.theme-jiu .hero h1{font-size:25px}.theme-jiu .hero-grid{gap:22px}.theme-jiu .feature-card{grid-template-columns:1fr;padding:14px}.theme-jiu .feature-poster{width:100%;height:auto;aspect-ratio:16/9}.theme-jiu .hero-actions{flex-wrap:nowrap;gap:10px}.theme-jiu .hero-actions .btn-primary,.theme-jiu .hero-actions .btn-outline{padding:12px 10px;font-size:12px}.theme-jiu .stat-item{padding:14px 12px}.theme-jiu .stat-item strong{font-size:22px}.theme-jiu .rank-list,.theme-jiu .review-grid{grid-template-columns:1fr}.theme-jiu .rank-thumb{width:75px;height:100px}.theme-jiu .rank-info h3{font-size:14px}.theme-jiu .poster-grid{gap:12px}.theme-jiu .section-header h2{font-size:22px}.theme-jiu .reading-cta h2{font-size:22px}.theme-jiu .faq-item summary{padding:16px;font-size:14px}.theme-jiu .download-copy h1{font-size:25px}}
