/* 星夜资源 · 暗色资源站模板
   色系：深夜紫底 + 粉/金点缀（保持不变）
   页面构造：参考 ikunzy / STUI(default1) 的数据列表式布局 */
:root{--bg:#0b0a10;--panel:#14121c;--panel2:#1b1724;--text:#f6edf4;--muted:#a79aaa;--pink:#e8a1c8;--gold:#d9b477;--line:#2c2634}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 80% 0,#25182a 0,#0b0a10 38%);color:var(--text);font:15px/1.6 Arial,"Microsoft YaHei",sans-serif}
a{color:inherit;text-decoration:none}
a:hover{color:var(--pink)}
.wrap{max-width:1240px;margin:auto;padding:0 22px}
main.wrap{padding:18px 22px 0}

/* ===== 顶部公告条 ===== */
.topbar{background:rgba(20,18,28,.72);border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;height:34px}
.tb-left{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tb-left b{color:var(--pink);font-weight:400;margin-right:6px}
.tb-right{display:flex;gap:14px;flex:none}
.tb-right a{color:var(--muted)}
.tb-right a:hover{color:var(--pink)}
.tb-right a b{color:var(--gold);font-weight:400}

/* ===== 公告 / 备用域名条 ===== */
.gonggao{background:linear-gradient(90deg,#181222,#120f1a 55%,#181222);border-bottom:1px solid var(--line);font-size:13px}
.gg-wrap{display:flex;align-items:center;gap:18px;height:34px}
.gg-left{flex:1;min-width:0;display:flex;align-items:center;gap:8px;color:var(--muted)}
.gg-left b{flex:none;font-weight:400;color:var(--pink)}
.gg-text{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gg-right{flex:none;display:flex;align-items:center;gap:10px;color:var(--muted)}
.gg-right b{font-weight:400;color:var(--gold)}
.gg-right a{color:var(--muted)}
.gg-right a:hover{color:var(--pink)}

/* ===== 头部：品牌 + 搜索 + 导航 ===== */
header{position:sticky;top:0;z-index:5;background:rgba(11,10,16,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.head{padding:14px 0 0}
.head-top{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:var(--text)}
.brand:hover{color:var(--text)}
.brand em{font-style:normal;color:var(--pink)}
.brand .logo{height:46px;width:auto;max-width:250px;flex:none;display:block;border-radius:8px}
.searchform{display:flex;align-items:center;gap:0;flex:1;justify-content:flex-end;min-width:260px}
.searchform input{width:min(400px,100%);height:40px;padding:0 14px;border-radius:8px 0 0 8px;border:1px solid var(--line);border-right:0;background:var(--panel);color:var(--text);outline:none;font-size:14px}
.searchform input:focus{border-color:#60445b}
.searchform button{height:40px;padding:0 22px;border-radius:0 8px 8px 0;border:0;background:linear-gradient(90deg,#b96898,#d3a17a);color:#fff;font-size:15px;cursor:pointer}
.searchform button:hover{filter:brightness(1.08)}
.head-strip{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:10px 28px;padding:12px 18px;margin:0 0 18px;background:linear-gradient(145deg,var(--panel),#120f1a);border:1px solid var(--line);border-radius:12px;font-size:13px;box-shadow:0 2px 14px rgba(0,0,0,.25)}
.hs-stats{display:flex;gap:10px;margin-bottom:8px}
.hs-stat{flex:1;display:flex;align-items:baseline;gap:9px;padding:7px 13px;background:linear-gradient(145deg,rgba(32,25,40,.55),rgba(18,15,26,.55));border:1px solid var(--line);border-radius:10px;min-width:0}
.hs-stat strong{flex:none;font-size:28px;line-height:1;font-family:Arial,sans-serif;text-align:right;min-width:2ch;background:linear-gradient(180deg,#f2dcae,#d9b477);-webkit-background-clip:text;background-clip:text;color:transparent}
.hs-stat span{color:var(--muted);font-size:12px;letter-spacing:1px;white-space:nowrap}
.hs-api,.hs-news{display:flex;flex-direction:column;gap:3px;min-width:0}
.hs-news{border-left:1px solid rgba(44,38,52,.7);padding-left:26px}
.hs-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--gold);line-height:1.6;margin-bottom:4px;letter-spacing:2px}
.hs-title::before{content:"";flex:none;width:4px;height:12px;border-radius:2px;background:linear-gradient(180deg,#d9b477,#8a5a2b)}
.hs-news .hs-title{color:var(--pink)}
.hs-news .hs-title::before{background:linear-gradient(180deg,#e8a1c8,#8a4a6e)}
.hs-row{display:flex;align-items:baseline;gap:9px;min-width:0;line-height:1.85;padding:1px 7px;border-radius:6px;transition:background .15s}
.hs-api .hs-row:hover{background:rgba(96,68,91,.16)}
.hs-news .hs-row:hover{background:rgba(96,68,91,.16)}
.hs-label{flex:none;width:76px;text-align:center;padding:1px 8px;border:1px solid var(--line);border-radius:5px;background:rgba(21,19,27,.72);color:var(--muted);font-size:12px;line-height:1.75}
.hs-row a{min-width:0;color:#bfb2c2;text-decoration:none;overflow-wrap:anywhere}
.hs-api .hs-row a{font-family:ui-monospace,Consolas,Menlo,monospace;font-size:12.5px;letter-spacing:.2px}
.hs-row a:hover{color:var(--pink)}
.hs-news .hs-row a::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:linear-gradient(135deg,#b96898,#d3a17a);margin-right:7px;flex:none}
.hs-date{margin-left:auto;flex:none;color:var(--muted);font-size:12px;line-height:1.7;padding:0 8px;border:1px solid var(--line);border-radius:9px;background:rgba(21,19,27,.72)}
.hs-empty{color:var(--muted);opacity:.65;border:1px dashed var(--line);border-radius:6px;padding:2px 12px;line-height:1.8}
.hs-api{justify-content:space-between}
.hs-sublabel{color:var(--gold);font-size:12px;letter-spacing:1px;line-height:1.7;margin:3px 0 1px;padding-left:7px}
.hs-sublabel::before{content:"▸ ";color:var(--pink)}
.hs-parse{display:grid;grid-template-columns:1fr 1fr;gap:1px 18px;margin:0 0 8px;padding-left:7px}
.hs-parse a{color:#bfb2c2;text-decoration:none;font-family:ui-monospace,Consolas,Menlo,monospace;font-size:12.5px;letter-spacing:.2px;line-height:1.9;padding:0 2px;border-radius:4px;transition:color .15s}
.hs-parse a:hover{color:var(--pink)}
.hs-note{display:flex;flex-direction:column;gap:2px;margin-top:2px}
.hs-note-line{color:var(--muted);font-size:12.5px;line-height:1.75;padding:1px 7px;border-radius:6px}
.hs-note-line b{color:var(--pink);font-weight:700}
.navlinks{display:flex;gap:6px 10px;flex-wrap:wrap;padding:14px 0 12px}
.navlinks a{display:inline-block;padding:7px 13px;font-size:15px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}
.navlinks a:hover{color:var(--pink)}
.navlinks a.active{color:var(--pink);border-bottom-color:var(--gold);font-weight:700}

/* ===== 页面标题 / 面包屑 ===== */
.pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:6px 2px 14px}
.pagehead h1{margin:0;font-size:28px;line-height:1.3}
.pagehead h1 em{font-style:normal;color:var(--pink)}
.pagehead .crumbs{color:var(--muted);font-size:13px;white-space:nowrap}
.pagehead .crumbs a{color:var(--muted)}
.pagehead .crumbs a:hover{color:var(--pink)}
.pagehead .crumbs span{color:var(--text)}
.pagehead .crumbs em{font-style:normal;color:var(--gold);margin-left:6px}

/* ===== 分类 chips ===== */
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
.chip{display:inline-block;padding:7px 14px;border-radius:18px;background:#15131b;border:1px solid var(--line);color:var(--muted);font-size:14px;transition:.15s}
.chip i{font-style:normal;color:var(--gold);font-size:12px;margin-left:6px}
.chip:hover{color:var(--pink);border-color:#60445b}
.chip.active{color:#fff;border-color:transparent;background:linear-gradient(90deg,#b96898,#d3a17a)}
.chip.active i{color:#fff}

/* ===== 面板 ===== */
.panel{background:linear-gradient(145deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:18px}
.panel-head{display:flex;align-items:center;gap:12px;padding:13px 18px;border-bottom:1px solid var(--line)}
.panel-head h2{margin:0;font-size:18px;white-space:nowrap}
.panel-head h2 .bar{display:inline-block;width:4px;height:16px;border-radius:2px;background:linear-gradient(180deg,var(--pink),var(--gold));vertical-align:-2px;margin-right:9px}
.panel-head small{color:var(--muted);font-size:13px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.panel-head .more{color:var(--pink);font-size:13px;white-space:nowrap;flex:none}
.panel-head .more:hover{color:var(--gold)}

/* ===== 资源表格（ikunzy / STUI 列表式） ===== */
.table{display:block}
.t-row{display:grid;grid-template-columns:44px minmax(0,2.6fr) 140px 110px 168px 84px;gap:12px;align-items:center;padding:12px 18px}
.t-row4{grid-template-columns:minmax(0,1fr) 130px 150px 92px}
.t-row.t-head{padding:10px 18px;color:var(--muted);font-size:13px;background:rgba(21,19,27,.6)}
.t-row:not(.t-head)+.t-row:not(.t-head){border-top:1px solid rgba(44,38,52,.6)}
.t-row:not(.t-head){cursor:default}
.t-row:not(.t-head):hover{background:rgba(96,68,91,.14)}
.t-row:not(.t-head):hover .c-name a{color:var(--pink)}
.c-idx{color:var(--muted);font-size:13px;text-align:center}
.c-name{min-width:0;display:flex;align-items:center;gap:8px}
.c-name a{min-width:0;color:var(--text);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.remarks{flex:none;padding:2px 8px;border-radius:10px;background:#2a202d;color:#d9abc7;font-size:12px;line-height:1.5;white-space:nowrap}
.new{flex:none;padding:2px 7px;border-radius:9px;background:linear-gradient(90deg,#8a5a2b,#d9b477);color:#17131f;font-size:11px;font-weight:700;font-style:normal;line-height:1.6}
.c-type{min-width:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-type a{color:var(--muted)}
.c-type a:hover{color:var(--pink)}
.c-area{min-width:0;color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-time{min-width:0;color:var(--muted);font-size:13px;white-space:nowrap}
.c-act{min-width:0;text-align:right}
.act-link{display:inline-block;padding:5px 12px;border-radius:7px;border:1px solid #60445b;color:var(--pink);font-size:13px;transition:.15s}
.t-row:not(.t-head):hover .act-link{border-color:transparent;background:linear-gradient(90deg,#b96898,#d3a17a);color:#fff}

/* ===== 首页三栏 ===== */
.grid3{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:18px;margin-bottom:18px;align-items:start}
.grid3 .panel{margin-bottom:0}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;align-items:start}
.grid2 .panel{margin-bottom:0}

/* 热门排行 */
.rank-list{display:grid}
.rank-row{display:flex;align-items:center;gap:12px;padding:10px 18px}
.rank-row+.rank-row{border-top:1px solid rgba(44,38,52,.6)}
a.rank-row:hover{background:rgba(96,68,91,.14)}
a.rank-row:hover .rank-name{color:var(--pink)}
.rank{flex:none;width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:#221b2a;color:var(--muted);font-size:13px;font-style:normal}
.rank.r1{background:linear-gradient(135deg,#d9b477,#b98a3e);color:#17131f;font-weight:700}
.rank.r2{background:linear-gradient(135deg,#e8a1c8,#b96898);color:#17131f;font-weight:700}
.rank.r3{background:linear-gradient(135deg,#c58ab4,#8a5a7c);color:#17131f;font-weight:700}
.rank-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}
.rank-meta{flex:none;color:var(--muted);font-size:13px}

/* 采集接口 */
.api-list{padding:6px 18px 10px}
.api-row{display:flex;align-items:center;gap:10px;padding:8px 0}
.api-row+.api-row{border-top:1px dashed rgba(44,38,52,.7)}
.api-label{flex:none;width:64px;color:var(--gold);font-size:13px}
.api-row code{flex:1;min-width:0;font-family:Consolas,Menlo,monospace;font-size:13px;color:#e9d7e2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.api-more{padding:10px 18px 14px;border-top:1px solid var(--line)}
.api-more a{color:var(--pink);font-size:13px}

/* 公告列表 */
.news-list{padding:6px 18px 10px}
.news-row{display:flex;align-items:center;gap:10px;padding:8px 0}
.news-row+.news-row{border-top:1px dashed rgba(44,38,52,.7)}
.news-row .dot{flex:none;width:5px;height:5px;border-radius:50%;background:var(--gold)}
a.news-row:hover .news-name{color:var(--pink)}
.news-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}
.news-date{flex:none;color:var(--muted);font-size:13px}

/* ===== 详情页 ===== */
.d-grid{display:grid;grid-template-columns:200px minmax(0,1fr);gap:22px;padding:20px 18px}
.poster{position:relative;width:200px;height:266px;border-radius:12px;border:1px solid var(--line);background:#15131b center/cover no-repeat;flex:none}
.d-info{min-width:0}
.d-title{margin:0 0 10px;font-size:24px;line-height:1.35;word-break:break-all}
.d-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.tag{display:inline-block;padding:3px 10px;border-radius:20px;background:#2a202d;color:#d9abc7;font-size:12px}
.tag.gold{background:#2a2317;color:var(--gold)}
.info-table{display:grid;grid-template-columns:1fr 1fr;gap:0 26px;margin:0 0 14px}
.kv{display:flex;gap:10px;padding:7px 0;border-bottom:1px dashed rgba(44,38,52,.7);font-size:14px}
.kv dt{flex:none;width:64px;color:var(--muted);font-style:normal}
.kv dd{flex:1;min-width:0;margin:0;color:var(--text);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.d-intro{color:var(--muted);font-size:14px;line-height:1.8;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.d-act{display:flex;gap:10px;flex-wrap:wrap}
.btn{display:inline-block;padding:9px 18px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:14px}
.btn:hover{color:var(--pink);border-color:#60445b}
.btn.primary{background:linear-gradient(90deg,#b96898,#d3a17a);border:0;color:#fff}
.btn.primary:hover{color:#fff;filter:brightness(1.08)}

/* 剧照 */
.shots{display:flex;gap:10px;overflow-x:auto;padding:14px 18px;border-top:1px solid var(--line)}
.shot{flex:none;width:200px;height:112px;border-radius:8px;border:1px solid var(--line);background:#15131b center/cover no-repeat;position:relative}
.shot span{position:absolute;left:0;right:0;bottom:0;padding:12px 8px 5px;font-size:12px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.72));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ===== 线路 / 剧集 ===== */
.ep-tabs{display:flex;gap:10px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid var(--line)}
.ep-tab{display:inline-block;padding:7px 16px;border-radius:18px;background:#15131b;border:1px solid var(--line);color:var(--muted);font-size:14px}
.ep-tab:hover{color:var(--pink);border-color:#60445b}
.ep-tab.active{color:#fff;border-color:transparent;background:linear-gradient(90deg,#b96898,#d3a17a)}
.ep-list{display:flex;gap:8px;flex-wrap:wrap;padding:16px 18px}
.ep{display:inline-block;padding:7px 15px;border-radius:8px;background:#15131b;border:1px solid var(--line);color:var(--text);font-size:14px}
.ep:hover{color:var(--pink);border-color:#60445b}
.ep.cur{color:#fff;border-color:transparent;background:linear-gradient(90deg,#b96898,#d3a17a)}
.ep.url{color:var(--muted);font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ep.sel{color:#fff;border-color:transparent;background:linear-gradient(90deg,#b96898,#d3a17a)}
.pl-act{display:flex;gap:8px;flex-wrap:wrap;flex:none;margin-left:auto}
.pl-btn{display:inline-block;padding:6px 13px;border-radius:7px;border:1px solid var(--line);background:#15131b;color:var(--muted);font-size:13px;white-space:nowrap;cursor:pointer}
.pl-btn:hover{color:var(--pink);border-color:#60445b}
.pl-btn.primary{background:linear-gradient(90deg,#b96898,#d3a17a);border:0;color:#fff}
.pl-btn.primary:hover{color:#fff;filter:brightness(1.08)}
.pl-btn.on{color:#fff;border-color:transparent;background:linear-gradient(90deg,#b96898,#d3a17a)}

/* ===== 播放器 ===== */
.player-box{padding:14px}
.play-frame{padding:0;background:#09080d;border-radius:10px;min-height:320px;overflow:hidden}
.play-frame:empty::before{content:"播放器加载中…";display:block;padding:120px 0;text-align:center;color:var(--muted)}

/* ===== 资讯 / 文章 ===== */
.article{background:linear-gradient(145deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:14px;padding:26px;margin-bottom:18px}
.article h1{margin:0 0 10px;font-size:30px;line-height:1.3}
.article .a-meta{color:var(--muted);font-size:13px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.article-body{color:#cfc4d4;font-size:15px;line-height:1.9;word-break:break-word}
.article-body img{max-width:100%;height:auto;border-radius:10px}
.article-body p{margin:0 0 12px}

/* ===== 帮助页 ===== */
.anchorbar{display:flex;gap:10px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid var(--line)}
.anchorbar a{display:inline-block;padding:7px 13px;border-radius:18px;background:#15131b;border:1px solid var(--line);color:var(--muted);font-size:14px}
.anchorbar a:hover{color:var(--pink);border-color:#60445b}
.help-stack{padding:6px 18px 14px}
.help-block{padding:14px 0}
.help-block+.help-block{border-top:1px dashed rgba(44,38,52,.7)}
.help-block h3{margin:0 0 8px;font-size:17px;color:var(--text)}
.help-block p{margin:8px 0;color:var(--muted);font-size:14px}
.help-block code,.notice code,.api-label{font-family:Consolas,Menlo,monospace}
.help-block code{color:#f0c9df}
.help-pre{margin:10px 0 0;padding:12px 14px;border-radius:10px;background:#15131b;border:1px solid var(--line);color:#e9d7e2;font-family:Consolas,Menlo,monospace;font-size:13px;overflow:auto;white-space:pre-wrap;word-break:break-all}
.notice{padding:12px 14px;background:#15131b;border:1px solid var(--line);border-radius:9px;color:var(--muted);margin:0 0 18px;font-size:14px}
.notice b{color:var(--gold);font-weight:400}

/* ===== 留言 / 表单 ===== */
.gbook-form{padding:18px}
.gbook-form textarea{width:100%;min-height:130px;padding:12px;border-radius:10px;border:1px solid var(--line);background:#15131b;color:var(--text);resize:vertical;outline:none;font-size:14px;line-height:1.7}
.gbook-form textarea:focus{border-color:#60445b}
.gbook-form .f-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}
.gbook-form .mac_verify{min-width:150px;height:38px;padding:0 12px;border-radius:8px;border:1px solid var(--line);background:#15131b;color:var(--text);outline:none;font-size:14px}
.gbook-form .gbook_submit{height:38px;padding:0 22px;border-radius:8px;border:0;cursor:pointer;font-size:14px}
.gbook-form .gbook_remaining{color:var(--muted);font-size:13px}
.gbook-item{padding:14px 18px}
.gbook-item+.gbook-item{border-top:1px solid rgba(44,38,52,.6)}
.gbook-item .g-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.gbook-item .g-name{font-size:14px;color:var(--text)}
.gbook-item .g-ip{color:var(--muted);font-size:13px}
.gbook-item .g-date{color:var(--muted);font-size:13px;margin-left:auto}
.gbook-item .g-content{color:#cfc4d4;font-size:14px;line-height:1.8}
.gbook-item .g-reply{margin-top:8px;padding:10px 12px;border-radius:9px;background:rgba(96,68,91,.16);border:1px solid rgba(96,68,91,.4);color:#d9abc7;font-size:13px}
.gbook-item .g-reply b{color:var(--gold);font-weight:400}

/* ===== 分页 ===== */
.pager-wrap{margin:4px 0 26px}
.pager-total{color:var(--muted);font-size:13px;margin-bottom:10px;text-align:center}
.pager{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap}
.pager a,.pager span{display:inline-block;min-width:36px;text-align:center;padding:8px 12px;border-radius:8px;background:var(--panel);border:1px solid var(--line);color:var(--muted);font-size:14px}
.pager a:hover,.pager .current{color:#fff;border-color:transparent;background:linear-gradient(90deg,#b96898,#d3a17a)}

/* ===== 空状态 ===== */
.empty{padding:38px 0;text-align:center;color:var(--muted);font-size:14px}

/* ===== 页脚 ===== */
footer{border-top:1px solid var(--line);margin-top:34px;padding:24px 0 40px;color:var(--muted);font-size:13px}
.foot-main{margin-bottom:6px}
.foot-main a{color:var(--muted)}
.foot-main a:hover{color:var(--pink)}
.foot-sub{color:#7d7085}

/* ===== 响应式 ===== */
@media(max-width:1024px){
  .t-row{grid-template-columns:36px minmax(0,2.2fr) 120px 100px 150px 76px}
  .t-row4{grid-template-columns:minmax(0,1fr) 110px 140px 84px}
  .grid3{grid-template-columns:1fr 1fr}
  .grid3 .panel:last-child{grid-column:1/-1}
}
@media(max-width:760px){
  .gg-right{display:none}
}
@media(max-width:900px){
  .head-top{flex-direction:column;align-items:stretch;gap:12px}
  .searchform{justify-content:stretch;min-width:0}
  .searchform input{width:100%}
  .t-row{grid-template-columns:minmax(0,2.4fr) 100px 150px 70px}
  .t-row4{grid-template-columns:minmax(0,1fr) 100px 140px 70px}
  .c-idx,.c-area{display:none}
  .d-grid{grid-template-columns:1fr}
  .poster{width:100%;max-width:280px;height:auto;aspect-ratio:3/4}
  .info-table{grid-template-columns:1fr}
  .grid2{grid-template-columns:1fr}
  .grid3{grid-template-columns:1fr}
  .grid3 .panel:last-child{grid-column:auto}
  .head-strip{grid-template-columns:1fr;gap:10px;padding:10px 14px;margin:0 0 16px}
  .hs-news{border-left:0;padding-left:0;border-top:1px solid rgba(44,38,52,.7);padding-top:10px}
}
@media(max-width:560px){
  .hs-stat strong{font-size:24px}
  .hs-stats{gap:8px}
  .t-row{grid-template-columns:minmax(0,1fr) 140px 64px}
  .t-row4{grid-template-columns:minmax(0,1fr) 72px}
  .c-type{display:none}
  .t-row4 .c-time{display:none}
  .pagehead h1{font-size:22px}
  .topbar .tb-left{max-width:55%}
}