*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;color:#111;background:#fff;font-size:16px;line-height:1.7}
a{color:#0b57d0;text-decoration:none}
a:hover{text-decoration:underline}
.site-header{border-bottom:2px solid #111}
.header-inner{max-width:1080px;margin:0 auto;padding:10px 12px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.logo{font-size:26px;font-weight:800;color:#111;letter-spacing:-.5px}
.logo:hover{text-decoration:none}
.logo-news{color:#d21f1f}
.tagline{font-size:12px;color:#555}
.header-nav{margin-left:auto;font-size:14px;display:flex;gap:14px}
.cat-bar{max-width:1080px;margin:0 auto;padding:6px 12px;display:flex;gap:14px;overflow-x:auto;white-space:nowrap;font-size:14px;border-top:1px solid #e5e5e5}
main{max-width:1080px;margin:0 auto;padding:10px 12px 30px}
.breaking-strip{background:#d21f1f;color:#fff;padding:8px 10px;font-size:14px;margin-bottom:12px;border-radius:2px}
.breaking-strip a{color:#fff;font-weight:700}
.breaking-tag{background:#fff;color:#d21f1f;font-weight:800;padding:1px 6px;margin-right:8px;border-radius:2px}
.layout{display:flex;gap:24px;align-items:flex-start}
.main-col{flex:1;min-width:0}
.side-col{width:300px;flex:none}
.sec-head{font-size:18px;border-left:5px solid #111;padding-left:8px;margin:18px 0 8px}
ul.items{list-style:none;margin:0;padding:0}
li.item{border-bottom:1px solid #e5e5e5}
li.item a{display:flex;gap:10px;padding:9px 2px;color:#111;align-items:center;min-height:56px}
.item-title{font-weight:700;color:#0b57d0;font-size:16px;line-height:1.45}
.item-meta{display:block;font-size:12px;color:#666;margin-top:2px}
.thumb{flex:none;width:64px;height:48px;border-radius:3px;color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;text-align:center;padding:2px}
.thumb.sm{width:52px;height:40px}
ul.threads{list-style:none;margin:0;padding:0}
li.thread{border-bottom:1px dotted #ccc;padding:7px 2px}
.thread-title{font-weight:700}
.thread-meta{display:block;font-size:12px;color:#666}
.lab{color:#333;font-weight:700}
.lab.breaking{color:#d21f1f}
.side-box{border:1px solid #ddd;margin-bottom:16px;padding:10px}
.side-head{background:#0b57d0;color:#fff;font-size:15px;margin:-10px -10px 8px;padding:6px 10px}
ol.rank{list-style:none;margin:0;padding:0}
ol.rank li{border-bottom:1px solid #eee;padding:6px 0}
ol.rank a{display:flex;gap:8px;align-items:center;color:#111}
.rank-num{flex:none;background:#111;color:#fff;width:20px;height:20px;font-size:12px;display:flex;align-items:center;justify-content:center;border-radius:2px}
.rank-title{font-size:14px;font-weight:600;line-height:1.4}
ul.side-list{list-style:none;margin:0;padding:0;font-size:14px}
ul.side-list li{border-bottom:1px solid #eee;padding:5px 0}
.side-date{display:block;font-size:11px;color:#888}
.kw-wrap{display:flex;flex-wrap:wrap;gap:6px}
.kw{background:#f0f0f0;border-radius:20px;padding:3px 10px;font-size:12px;color:#333}
.ad-slot{border:1px dashed #bbb;color:#999;font-size:12px;text-align:center;padding:18px 0;margin:14px 0;background:#fafafa}
.art-cat{font-size:13px;margin:4px 0}
.art-title{font-size:24px;line-height:1.4;margin:6px 0}
.art-meta{font-size:12px;color:#666}
.demo-note{background:#fff7e0;border:1px solid #e0c060;padding:8px 10px;font-size:13px}
.art-lead{font-weight:600;background:#f6f6f6;padding:10px 12px}
.art-hero{height:180px;border-radius:4px;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;margin:10px 0}
.art-body h2{font-size:19px;border-left:5px solid #0b57d0;padding-left:8px;margin:22px 0 8px}
.art-body p{margin:10px 0}
.art-sec{border-top:2px solid #111;margin-top:20px;padding-top:6px}
.art-sec h2{font-size:17px}
.art-source{font-size:13px;color:#555;border-top:1px solid #eee;padding-top:8px}
.share{display:flex;gap:10px}
.share a{border:1px solid #0b57d0;border-radius:3px;padding:6px 14px;font-size:14px}
.pn-nav{display:flex;flex-direction:column;gap:8px;margin-top:20px;font-size:14px}
.back-list{font-weight:700;text-align:center;border:1px solid #111;color:#111;padding:10px;border-radius:3px}
.site-footer{border-top:2px solid #111;margin-top:30px;padding:16px 12px;text-align:center;font-size:13px;color:#555}
.footer-links{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:8px}
.search-form{display:flex;gap:8px;margin:10px 0}
.search-form input{flex:1;font-size:16px;padding:10px;border:1px solid #bbb;border-radius:3px}
.search-form button{padding:10px 18px;background:#0b57d0;color:#fff;border:0;border-radius:3px;font-size:15px}
.fixed-page p{margin:10px 0}
@media (max-width:820px){
 .layout{flex-direction:column}
 .side-col{width:100%}
 .art-title{font-size:21px}
 .thumb{width:56px;height:44px}
}
@media (prefers-color-scheme:dark){
 body{background:#121212;color:#e8e8e8}
 a{color:#7ab3ff}
 .site-header,.site-footer{border-color:#e8e8e8}
 .logo{color:#fff}
 li.item a,ol.rank a{color:#e8e8e8}
 .item-title{color:#7ab3ff}
 .item-meta,.thread-meta,.side-date,.tagline,.art-meta,.art-source{color:#aaa}
 li.item,li.thread,ol.rank li,ul.side-list li{border-color:#333}
 .side-box{border-color:#333}
 .ad-slot{background:#1c1c1c;border-color:#444}
 .art-lead{background:#1e1e1e}
 .demo-note{background:#2a230f;color:#e8e8e8}
 .kw{background:#222;color:#ddd}
 .back-list{border-color:#e8e8e8;color:#e8e8e8}
}