:root{--paper:#fff5df;--ink:#4e371e;--accent:#9c570e;--surface:#fffdf8;--muted:#4e371e;--line:#d5dce0;--on:#ffffff;--radius:0px;--width:1200px;--cols:3}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0!important;background:var(--paper)!important;color:var(--ink)!important;font:15px/1.65 system-ui,-apple-system,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input{font:inherit}img{max-width:100%}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(27px,3.3vw,48px);line-height:1.2;letter-spacing:-.035em}h2{font-size:23px;line-height:1.4}h3{font-size:16px;line-height:1.5}.o18-frame{max-width:var(--width);margin:auto;padding:0 28px}.o18-header{background:var(--surface);border-bottom:1px solid var(--line)}.o18-mast{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:22px}.o18-brand{font-size:26px;font-weight:900;letter-spacing:-1px;white-space:nowrap}.o18-brand::before{content:"";display:inline-block;width:12px;height:25px;margin-right:10px;background:var(--accent);border-radius:var(--radius)}.o18-search{display:flex;max-width:350px;width:100%;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--paper)}.o18-search input{min-width:0;width:100%;border:0;padding:10px 12px;background:transparent;color:var(--ink)}.o18-search button{border:0;background:var(--accent);color:var(--on);padding:10px 16px;white-space:nowrap}.o18-nav{display:flex;gap:24px;align-items:center;flex-wrap:wrap;padding-block:12px;font-weight:650}.o18-skip{position:absolute;top:-100px}.o18-skip:focus{top:0;background:var(--surface);z-index:1000}.o18-main{padding-block:32px}.o18-intro{margin-bottom:25px;max-width:850px}.o18-intro p{color:var(--muted);max-width:70ch}.o18-kicker{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:12px}.o18-tags{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px}.o18-tags a{border:1px solid var(--line);border-radius:var(--radius);padding:6px 13px;background:var(--surface)}.o18-hero{display:grid;gap:20px;margin-bottom:34px}.o18-feature{min-width:0;position:relative;background:var(--surface);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}.o18-feature>a{display:block}.o18-feature img{width:100%;height:300px;object-fit:cover;object-position:center 25%;display:block}.o18-feature-copy{padding:22px}.o18-feature-copy h2{margin-bottom:10px}.o18-feature-copy p{color:var(--muted);margin-bottom:12px}.o18-feature-copy small{color:var(--accent);font-weight:700}.o18-feature-copy .o18-action{display:inline-block;font-weight:700;border-bottom:2px solid var(--accent)}.o18-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid var(--line)}.o18-section-title h2{margin:0}.o18-section-title span,.o18-section-title>a{color:var(--muted);font-size:13px}.o18-catalog{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:24px 18px}.o18-card{min-width:0}.o18-cover{display:block;background:var(--line);aspect-ratio:5/7;overflow:hidden;border-radius:var(--radius)}.o18-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}.o18-cover:hover img{transform:scale(1.025)}.o18-card-copy{padding-top:12px}.o18-card h3{margin-bottom:4px;overflow-wrap:anywhere}.o18-card p,.o18-card time{font-size:12px;color:var(--muted);margin-bottom:2px}.o18-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--muted)}.o18-updates,.o18-channel,.o18-ranking,.o18-guide{margin-bottom:38px;min-width:0;scroll-margin-top:20px}.o18-ranking{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.o18-ranking ol{counter-reset:rank;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.o18-ranking li{counter-increment:rank;display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);min-width:0}.o18-ranking li::before{content:counter(rank,decimal-leading-zero);font-size:20px;color:var(--accent);font-weight:800}.o18-ranking li a{flex:1;overflow-wrap:anywhere}.o18-ranking small{color:var(--muted);font-size:11px;max-width:65px}.o18-guide{display:grid;grid-template-columns:1.5fr 1fr;gap:35px;border-top:2px solid var(--accent);padding-top:25px}.o18-guide p{color:var(--muted)}.o18-footer{padding:35px 0;background:var(--surface);border-top:1px solid var(--line);color:var(--ink)}.o18-footer p,.o18-footer small{color:var(--muted)}.o18-footer-links{display:flex;flex-wrap:wrap;gap:14px;margin:15px 0}.o18-footer small{font-size:12px}.o18-sr{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.o18-empty{padding:35px;border:1px solid var(--line);border-radius:var(--radius)}.o18-columns{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:start}.o18-columns>.o18-ranking ol{grid-template-columns:1fr}.o18-columns .o18-catalog{grid-template-columns:repeat(4,minmax(0,1fr))}.o18-card-row{display:grid;grid-template-columns:86px 1fr;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius)}.o18-card-row .o18-cover{aspect-ratio:3/4}.o18-card-row .o18-card-copy{padding:0}.o18-card-story .o18-cover{aspect-ratio:16/10}.o18-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.o18-route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:30px}.o18-route a{display:block;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);font-size:20px;font-weight:750}.o18-route small{display:block;color:var(--muted);font-size:12px;font-weight:400}.o18-channel:nth-of-type(even){background:var(--surface);padding:22px;border-radius:var(--radius)}.o18-header details{position:relative}.o18-header summary{cursor:pointer}.o18-subnav{position:absolute;top:100%;left:0;min-width:210px;padding:15px;background:var(--surface);border:1px solid var(--line);box-shadow:0 10px 25px #0002;z-index:80;display:grid;gap:6px}.o18-subnav a{padding:5px}.o18-rule{height:8px;width:70px;background:var(--accent);margin-bottom:20px}
/* Existing detail/player widgets retain functionality; their palette follows this directory. */
.container{max-width:var(--width)!important;width:100%!important}.stui-pannel,.stui-pannel-bg,.stui-pannel-box{background:var(--surface)!important;color:var(--ink)!important}.text-muted,.text-muted a{color:var(--muted)!important}.stui-content__detail,.stui-pannel__head .title{color:var(--ink)!important}.stui-content__playlist a{background:var(--paper)!important;color:var(--ink)!important;border:1px solid var(--line)!important}.stui-content__playlist .active a{background:var(--accent)!important;color:var(--on)!important}.stui-pannel__head{border-color:var(--line)!important}.o18-game .o18-cover{aspect-ratio:16/9}.o18-game .o18-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.o18-frame{padding-inline:18px}.o18-columns{display:block}.o18-catalog,.o18-columns .o18-catalog{grid-template-columns:repeat(4,minmax(0,1fr))}.o18-hero{gap:14px}.o18-feature img{height:240px}.o18-nav{gap:16px}.o18-stories{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.o18-frame{padding-inline:14px}.o18-mast{flex-wrap:wrap;gap:14px;padding-block:16px}.o18-search{max-width:none}.o18-brand{font-size:24px}.o18-main{padding-top:22px}.o18-nav{font-size:14px;gap:12px;padding-block:10px}.o18-hero{display:block!important}.o18-feature{margin-bottom:14px}.o18-feature img{height:240px!important}.o18-feature-copy{padding:16px}.o18-feature h2{font-size:21px}.o18-catalog,.o18-columns .o18-catalog,.o18-game .o18-catalog{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 12px}.o18-guide{grid-template-columns:1fr}.o18-ranking ol{grid-template-columns:1fr!important}.o18-route{grid-template-columns:repeat(2,minmax(0,1fr))}.o18-stories{grid-template-columns:1fr}.o18-section-title{gap:10px}.o18-section-title h2{font-size:21px}.o18-channel:nth-of-type(even){padding:14px}.o18-header{position:static!important}.o18-card-row{grid-template-columns:65px 1fr;padding:8px;gap:8px}.o18-ranking{padding:18px}.o18-footer{padding-block:25px}}
body{padding:0!important}h1,h2,h3,h4,h5,h6{color:var(--ink)!important}.o18-search input::placeholder{color:var(--muted)!important;opacity:.85}.o18-category .o18-card-copy p{color:var(--muted)!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.o18-cover img{transition:none}}

@media(min-width:901px){.o18-hero{grid-template-columns:1fr 1fr 1fr}.o18-feature{border-radius:120px 120px 12px 12px}.o18-feature img{height:320px}.o18-feature-copy{padding:24px;text-align:center}.o18-feature:nth-child(2){transform:translateY(16px)}.o18-feature p{display:none}.o18-mast{flex-direction:column;align-items:center;padding-block:28px 16px}.o18-brand{font:900 36px Georgia,"SimSun",serif}.o18-nav{border-block:3px double var(--line);justify-content:center}.o18-search{max-width:500px}.o18-intro{text-align:center;margin-inline:auto}}
.o18-ranking ol{grid-template-columns:repeat(4,minmax(0,1fr))}.o18-ranking .o18-section-title{border:0}.o18-ranking{border-top:4px solid var(--accent)}
 .o18-category{padding-block:30px}.o18-breadcrumb{margin:0 0 20px;color:var(--muted);font-size:13px}.o18-category-title{padding:25px 0;border-bottom:3px solid var(--accent);margin-bottom:25px}.o18-pager{display:flex;gap:10px;justify-content:center;margin:30px 0;flex-wrap:wrap}.o18-pager a,.o18-pager span{padding:8px 15px;border:1px solid var(--line);background:var(--surface)} .o18-search input::placeholder{color:var(--muted);opacity:.85}@media(min-width:901px){.o18-category .o18-card{display:grid;grid-template-columns:90px 1fr;gap:15px}.o18-category .o18-card-copy{padding-top:0}.o18-category .o18-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Content-led portal sections: compact posters, scoped rankings, and text discovery. */
.o18-main .o18-intro{margin-bottom:18px}.o18-main .o18-intro h1{font-size:28px;margin-bottom:8px}.o18-main .o18-intro p{margin-bottom:8px}.o18-main .o18-kicker{margin-bottom:5px}
.o18-main .o18-feature img{height:210px}.o18-main .o18-feature-copy{padding:14px}.o18-main .o18-feature-copy h2{font-size:20px}.o18-main .o18-feature-copy p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.o18-main .o18-hero{margin-bottom:24px}.o18-main .o18-route a{padding:10px 14px;font-size:16px}
.o18-dense{padding:20px!important;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)!important;margin-bottom:26px}.o18-channel-links{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;margin:0 0 16px}.o18-channel-links a{color:var(--muted)}.o18-channel-split{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:24px;align-items:start}.o18-channel-split>div{min-width:0}.o18-dense-posters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 14px}.o18-dense .o18-card h3{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.o18-dense .o18-card-copy{padding-top:8px;border:0}.o18-dense .o18-card p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.o18-dense .o18-card time{display:none}.o18-dense .o18-cover{aspect-ratio:2/3;border-radius:calc(var(--radius) / 2)}
.o18-quick-list{list-style:none;padding:14px 0 0;margin:18px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px}.o18-quick-list li{display:flex;gap:10px;min-width:0;padding:9px 0;border-bottom:1px dotted var(--line);font-size:13px}.o18-quick-list a{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.o18-quick-list small{color:var(--muted);max-width:64px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.o18-channel-rank{min-width:0}.o18-channel-rank h3{font-size:19px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:8px}.o18-channel-rank ol{list-style:none;margin:0;padding:0;counter-reset:channel-rank}.o18-channel-rank li{counter-increment:channel-rank;display:flex;align-items:center;gap:9px;border-bottom:1px dotted var(--line);padding:12px 0;font-size:13px;min-width:0}.o18-channel-rank li:before{content:counter(channel-rank);background:var(--paper);color:var(--ink);min-width:22px;text-align:center;border-radius:3px;font-size:12px}.o18-channel-rank li:nth-child(-n+3):before{background:var(--accent);color:var(--on)}.o18-channel-rank a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.o18-channel-rank small{max-width:55px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px}
.o18-rank-left,.o18-alternating{grid-template-columns:230px minmax(0,1fr)}.o18-channel-bottom{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-top:18px}.o18-channel-bottom .o18-channel-rank ol{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.o18-channel-bottom .o18-quick-list{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.o18-bottom-even{grid-template-columns:1fr 1fr}.o18-channel-titlebar{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap}.o18-channel-titlebar .o18-section-title{flex:1;min-width:180px}.o18-dense-8>.o18-channel-rank{margin-top:18px}.o18-dense-8>.o18-channel-rank ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 20px}.o18-dense-4 .o18-dense-posters{grid-template-columns:repeat(4,minmax(0,1fr))}.o18-dense-4 .o18-cover{aspect-ratio:4/5}.o18-dense-6:nth-of-type(even) .o18-alternating{grid-template-columns:minmax(0,1fr) 230px}.o18-dense-6:nth-of-type(even) .o18-channel-rank{order:2}
.o18-treatment-1 .o18-card{position:relative}.o18-treatment-1 .o18-card-copy{background:var(--paper);padding:8px}.o18-treatment-2 .o18-card{border-bottom:3px solid var(--accent);padding-bottom:8px}.o18-treatment-3 .o18-card .o18-cover{border-radius:18px 2px 18px 2px}.o18-treatment-3 .o18-card-copy{padding-inline:5px}.o18-treatment-4 .o18-card{padding:6px;border:1px solid var(--line);background:var(--paper)}.o18-treatment-4 .o18-card h3{font-family:Georgia,"SimSun",serif}
@media(min-width:1500px){.o18-main.o18-frame{max-width:1520px}.o18-dense .o18-card h3{font-size:15px}}
@media(max-width:1100px){.o18-channel-split{grid-template-columns:minmax(0,1fr) 200px}.o18-rank-left,.o18-alternating{grid-template-columns:200px minmax(0,1fr)}.o18-dense-posters{grid-template-columns:repeat(4,minmax(0,1fr))}.o18-dense-6:nth-of-type(even) .o18-alternating{grid-template-columns:minmax(0,1fr) 200px}}
@media(max-width:900px){.o18-channel-split,.o18-channel-bottom,.o18-dense-6:nth-of-type(even) .o18-alternating{display:block}.o18-channel-rank{margin-top:18px}.o18-channel-rank ol,.o18-dense-8>.o18-channel-rank ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 14px}.o18-rank-left>.o18-channel-rank,.o18-alternating>.o18-channel-rank{margin-top:0;margin-bottom:20px}.o18-quick-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.o18-dense{padding:12px!important}.o18-dense-posters,.o18-dense-4 .o18-dense-posters{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 9px}.o18-dense .o18-card h3{font-size:13px}.o18-quick-list,.o18-channel-rank ol,.o18-dense-8>.o18-channel-rank ol{grid-template-columns:repeat(2,minmax(0,1fr))}.o18-channel-links{gap:6px 12px}.o18-channel-rank small{display:none}.o18-channel-titlebar{display:block}.o18-main .o18-intro h1{font-size:24px}.o18-main .o18-feature img{height:190px!important}}

/* Independent footer compositions; contact addresses only render when enabled. */
.o18-footer{padding:30px 0;font-size:13px;line-height:1.9}.o18-footer h2{font-size:22px;margin:0 0 12px}.o18-footer h3{font-size:15px;margin:0 0 10px}.o18-footer p{margin:0 0 10px}.o18-footer a{text-decoration:none}.o18-footer a:hover{text-decoration:underline}.o18-footer-columns{display:grid;grid-template-columns:1.4fr 1fr;gap:40px}.o18-footer-stamp{display:flex;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:15px;margin-top:18px;font-size:12px}.o18-footer-friends{display:flex;flex-wrap:wrap;gap:8px 18px;margin:15px 0}.o18-footer-friends>span{font-weight:700}.o18-footer-banner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;border-bottom:1px solid var(--line);margin-bottom:22px;padding-bottom:14px}.o18-footer-banner .o18-footer-stamp{border:0;margin:0;padding:0}.o18-footer-banner .o18-footer-links{margin:0}.o18-footer-three{display:grid;grid-template-columns:1.4fr .8fr 1.2fr;gap:28px}.o18-footer-three .o18-footer-links{display:grid;gap:8px;margin-top:0}.o18-footer-aside{display:grid;grid-template-columns:1fr 1.5fr;gap:40px}.o18-footer-aside .o18-footer-about{border-right:3px solid var(--accent);padding-right:28px}.o18-footer-rule{height:3px;width:80px;background:var(--accent);margin:18px auto}.o18-footer-design-2{text-align:center}.o18-footer-design-2 .o18-footer-links,.o18-footer-design-2 .o18-footer-stamp,.o18-footer-design-2 .o18-footer-friends{justify-content:center}.o18-footer-design-2 .o18-footer-about,.o18-footer-design-2 .o18-footer-rights{max-width:900px;margin:auto}.o18-footer-design-5 .o18-footer-about{max-width:850px}.o18-footer-paper{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:20px;border-block:3px double var(--line)}.o18-footer-tip{font-size:12px}.o18-footer-finish-1{border-top:4px solid var(--accent)}.o18-footer-finish-2 .o18-footer-about h2{border-left:5px solid var(--accent);padding-left:12px}.o18-footer-finish-3 .o18-footer-rights{background:var(--paper);border:1px solid var(--line);padding:16px;border-radius:var(--radius)}.o18-footer-finish-4 .o18-frame{border-top:3px double var(--accent);padding-top:22px}.o18-footer-finish-4 h2{font-family:Georgia,"SimSun",serif}.o18-footer-rights a{overflow-wrap:anywhere}
@media(max-width:700px){.o18-footer-columns,.o18-footer-three,.o18-footer-aside,.o18-footer-paper{grid-template-columns:1fr;gap:20px}.o18-footer-aside .o18-footer-about{border-right:0;border-bottom:2px solid var(--accent);padding:0 0 16px}.o18-footer-three .o18-footer-links{display:flex;flex-wrap:wrap}.o18-footer{padding-block:24px}.o18-footer-stamp{gap:5px 12px}}
