:root{--bg:#07111d;--panel:#0f1c2b;--line:#1d2b3b;--text:#f4f7fb;--muted:#8f9bac;--blue:#3267ff;--shadow:0 18px 50px rgba(0,0,0,.28)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 72% 0,#0d2035 0,#07111d 38%,#050c15 100%);color:var(--text);font-family:Inter,"Noto Sans SC","Microsoft YaHei",Arial,sans-serif;font-size:14px}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.site-header{height:64px;display:flex;align-items:center;padding:0 20px;gap:20px;background:rgba(6,14,24,.92);border-bottom:1px solid rgba(50,103,255,.08);position:sticky;top:0;z-index:40;backdrop-filter:blur(20px);box-shadow:0 1px 0 rgba(50,103,255,.04),0 4px 20px rgba(0,0,0,.2)}
.brand{display:flex;align-items:center;gap:11px;min-width:auto;font-weight:800;font-size:22px;letter-spacing:-.5px;transition:transform .2s}
.brand:hover{transform:translateX(1px)}
.brand-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#376cff,#1f4fd8);display:grid;place-items:center;box-shadow:0 0 0 4px rgba(50,103,255,.1),0 4px 14px rgba(50,103,255,.25);transition:all .25s;flex-shrink:0}
.brand:hover .brand-mark{box-shadow:0 0 0 5px rgba(50,103,255,.14),0 6px 20px rgba(50,103,255,.35);transform:rotate(-3deg)}
.brand-mark:before{content:"";width:17px;height:17px;border:5px solid #6ba3ff;border-left-color:#1f4fd8;transform:rotate(30deg);border-radius:6px}
.brand small{display:block;font-size:8px;color:#7a8898;letter-spacing:1px;font-weight:600;margin-top:1px}
.top-nav{display:flex;align-items:center;gap:4px;font-weight:600;white-space:nowrap}
.top-nav a{padding:8px 14px;position:relative;color:#b0bccd;border-radius:8px;transition:all .18s;font-size:14px;display:inline-flex;align-items:center;gap:6px}
.top-nav a:hover{color:#e8f0ff;background:rgba(50,103,255,.06)}
.top-nav a.active{color:#7da0ff;background:rgba(50,103,255,.1)}
.top-nav a.active:after{content:"";position:absolute;left:50%;bottom:-1px;transform:translateX(-50%);width:60%;height:2px;background:linear-gradient(90deg,transparent,#3b6dff,transparent);border-radius:2px}
.top-nav a svg{width:15px;height:15px;opacity:.7}
.top-nav a.active svg{opacity:1}
.header-spacer{flex:1}
.search{width:280px;height:40px;border:1px solid var(--line);border-radius:10px;background:rgba(8,16,26,.7);display:flex;align-items:center;padding:0 14px;gap:8px;color:#5a6a7d;transition:all .2s}
.search:hover{border-color:#2a3f55;background:rgba(8,16,26,.9)}
.search:focus-within{border-color:#3267ff;box-shadow:0 0 0 3px rgba(50,103,255,.1);background:rgba(8,16,26,.95)}
.search input{border:0;outline:0;background:transparent;color:white;width:100%;font-size:13px}
.search input::placeholder{color:#4a5a6e}
.icon-btn,.upload-btn{height:40px;border-radius:10px;border:1px solid var(--line);background:rgba(8,16,26,.7);color:white;padding:0 14px;display:inline-flex;align-items:center;gap:7px;cursor:pointer;transition:all .18s;font-size:13px}
.icon-btn:hover,.upload-btn:hover{border-color:#2a3f55;background:rgba(13,25,38,.9)}
.upload-btn{background:linear-gradient(135deg,#376cff,#224fd8);border-color:#3b68e5;font-weight:700;box-shadow:0 3px 12px rgba(50,103,255,.2)}
.upload-btn:hover{transform:translateY(-1px);box-shadow:0 5px 16px rgba(50,103,255,.3);border-color:#3b68e5}
.signin-btn{height:40px;border-radius:10px;border:1px solid rgba(255,183,32,.25);background:rgba(255,183,32,.08);color:#ffb720;padding:0 14px;display:inline-flex;align-items:center;gap:7px;cursor:pointer;transition:all .18s;font-size:13px;font-weight:600}
.signin-btn:hover{background:rgba(255,183,32,.14);border-color:rgba(255,183,32,.4);transform:translateY(-1px)}
.signin-btn.signed{border-color:rgba(32,207,131,.25);background:rgba(32,207,131,.08);color:#20cf83}
.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#3267ff,#1f4fd8);display:grid;place-items:center;font-size:15px;color:#fff;font-weight:700;cursor:pointer;transition:all .18s;box-shadow:0 0 0 2px rgba(50,103,255,.15)}
.avatar:hover{box-shadow:0 0 0 3px rgba(50,103,255,.25)}
.user-name{font-size:13px;font-weight:600;color:#dbe4ef;cursor:pointer;transition:color .15s}
.user-name:hover{color:#7da0ff}
.user-dropdown{position:relative}
.user-menu{position:absolute;top:100%;right:0;margin-top:10px;background:rgba(12,22,35,.98);border:1px solid #1a2d44;border-radius:14px;min-width:280px;z-index:999;box-shadow:0 12px 40px rgba(0,0,0,.5);padding:6px 0;backdrop-filter:blur(20px);overflow:hidden}
.user-menu::before{content:"";position:absolute;top:-6px;right:18px;width:12px;height:12px;background:rgba(12,22,35,.98);border-left:1px solid #1a2d44;border-top:1px solid #1a2d44;transform:rotate(45deg)}
.mobile-menu{display:none}
.app-shell{display:grid;grid-template-columns:168px minmax(0,1fr) 350px;gap:12px;padding:12px 16px 24px;max-width:1536px;margin:auto}
.sidebar,.rightbar{display:flex;flex-direction:column;gap:12px}
.panel{background:linear-gradient(180deg,rgba(17,31,47,.97),rgba(11,23,36,.97));border:1px solid rgba(255,255,255,.035);border-radius:11px;box-shadow:var(--shadow)}
.side-nav{padding:8px}
.side-nav a{height:48px;border-radius:8px;display:flex;align-items:center;gap:13px;padding:0 16px;color:#d3dae4;font-weight:600}
.side-nav a.active{background:linear-gradient(90deg,#2959d8,#21499f);color:#fff}
.side-nav .ico{width:22px;text-align:center;color:#a5b7d0}
.side-box{padding:16px}
.side-box h3,.right-card h3{margin:0 0 16px;font-size:17px}
.chip-grid{display:flex;flex-wrap:wrap;gap:10px}
.chip{padding:9px 12px;border-radius:8px;background:#111f2f;color:#c8d0db;border:1px solid rgba(255,255,255,.03)}
.stats strong{font-size:20px;display:block;margin-top:5px}
.stats p{color:#6f98ef;margin:16px 0 0}
.main{min-width:0}
.hero{height:316px;overflow:hidden;position:relative;background:#0d1927}
.hero-slides{width:100%;height:100%;position:relative}
.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .6s;display:block;text-decoration:none;color:inherit}
.hero-slide.active{opacity:1}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,17,29,.85),rgba(7,17,29,.02) 58%,rgba(7,17,29,.10))}
.hero-copy{position:absolute;z-index:2;left:70px;width:460px;top: 50%; transform: translateY(-50%);}
.hero-copy h1{font-size:22px;margin:0 0 10px}
.muted{color:var(--muted)}
.tags{display:flex;gap:8px;margin:10px 0 15px}
.tag{padding:3px 7px;border-radius:5px;background:rgba(23,37,54,.75);color:#d8dee8;font-size:11px}
.tag.gold{color:#ffd24b}
.hero-copy p{color:#c3cbd7;line-height:1.6;margin:0 0 14px;font-size:13px}
.btn{height:42px;padding:0 18px;border:0;border-radius:8px;display:inline-flex;align-items:center;gap:9px;cursor:pointer;color:white;background:#192637;justify-content: center;}
.btn.primary{background:linear-gradient(135deg,#356dff,#2754d9);font-weight:800}
.btn.ghost{border:1px solid var(--line);background:#111d2a}
.hero-dots{position:absolute;z-index:5;left:50%;bottom:16px;transform:translateX(-50%);display:flex;gap:6px}
.hero-dots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.35);cursor:pointer;transition:all .25s}
.hero-dots i.active{width:20px;border-radius:10px;background:#fff}
.hero-prev,.hero-next{position: absolute; top: 35%; z-index: 5; width: 50px; height: 50px; border: 0; background: rgba(0, 0, 0, .28); color: rgba(255, 255, 255, .65); font-size: 40px; cursor: pointer; border-radius: 50%; transition: all .2s; justify-content: center; transform: translateY(50%); display: flex; line-height: 42px;}
.hero-prev{left:10px}.hero-next{right:10px}
.hero-prev:hover,.hero-next:hover{background:rgba(0,0,0,.55);color:#fff}
.quick-nav{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin:10px 0}
.quick-item{height:60px;padding:0 16px;display:flex;align-items:center;gap:12px;background:linear-gradient(180deg,#112033,#0c1724);border:1px solid rgba(255,255,255,.03);border-radius:9px}
.quick-item b{display:block}
.quick-item small{color:#7e8da1}
.quick-icon{font-size:22px;color:#79b2ff}
.section{padding:14px 18px 16px;margin-top:10px}
.section-head{display:flex;align-items:center;gap:18px;margin-bottom:12px}
.section-head h2{font-size:18px;margin:0}
.section-head .more{margin-left:auto;color:#8d9db1}
.poster-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.poster-card{background:#0d1927;border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:.2s;position: relative;}
.poster-card:hover{transform:translateY(-4px);border-color:#3156a7}
.poster-card img{width:100%;aspect-ratio:2/2.85;object-fit:cover;display:block}
.poster-card:after { content: ""; display: block; position: absolute; bottom: 0px; width: 100%; padding-bottom: 8.833rem; background-image: linear-gradient(to top, rgb(0, 0, 0), rgba(0, 0, 0, 0)); }
.poster-info{padding:10px;position: absolute; bottom: 0;z-index: 1;}
.poster-info b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.poster-info small{display:block;color:#8e9aac;margin-top:6px;font-size:11px}
.rating{color:#ffb72b}
.latest-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.latest-card img{width:100%;aspect-ratio:1.55;object-fit:cover;border-radius:8px}
.latest-card h4{margin:8px 0 5px;font-size:13px}
.right-card{padding:16px}
.right-card .more{float:right;color:#8d9db1;font-size:13px;font-weight:400}
.rank-list,.news-list{list-style:none;margin:0;padding:0}
.rank-list li{display:grid;grid-template-columns:22px 1fr 45px;gap:8px;align-items:center;padding:6px 0}
.rank-list li:nth-child(-n+3) .num{color:#ff5146}
.rank-list .heat{color:#778395;text-align:right}
.news-list li{padding:7px 0;color:#b7c1ce;justify-content: space-between;display: flex;}
.tag-cloud{display:flex;gap:9px;flex-wrap:wrap}
.tag-cloud span{background:#152235;border-radius:17px;padding:7px 13px;color:#c0c9d4}
.comment{display:grid;grid-template-columns:30px 1fr auto;gap:9px;padding:8px 0}
.mini-avatar{width:30px;height:30px;border-radius:50%;background:#31435b}
.comment b{font-size:12px;color:#65a4ff}
.comment p{margin:2px 0;color:#9da9b8;font-size:12px}
.page-wrap{display:grid;grid-template-columns:168px minmax(0,1fr);gap:12px;padding:12px 16px 24px;max-width:1536px;margin:auto}
.filter-panel{padding:18px 22px}
.filter-title{display:flex;align-items:center;gap:15px;margin-bottom:10px}
.filter-title h1{margin:0;font-size:23px}
.filter-row{display:flex;align-items:flex-start;gap:15px;margin:10px 0}
.filter-row b{width:55px;padding-top:8px}
.filter-options{display:flex;gap:9px;flex-wrap:wrap}
.filter-options button{border:0;color:#c9d2de;background:#132131;padding:9px 14px;border-radius:7px;cursor:pointer}
.filter-options button.active{background:#2456c9;color:white}
.view-toggle{margin-left:auto;display:flex;gap:8px}
.table-panel{margin-top:10px;overflow:hidden}
.media-table{width:100%;border-collapse:collapse}
.media-table th{padding:14px 20px;text-align:left;color:#aab6c6;font-weight:500}
.media-table td{padding:10px 10px;border-top:1px solid var(--line);color:#d7dde7;font-size: 12px;}
.media-title{display:flex;align-items:center;gap:13px}
.media-title img{height:50px;object-fit:cover;border-radius:2px}
.media-title b{display:block;font-size:15px}
.media-title small{display:block;color:#8e9aac;margin-top:5px}
.quality{display:inline-block;border-radius:5px;background:#ffb720;color:#111;padding:4px 7px;font-weight:800;margin-right:5px}
.quality.blue{background:#2b5bc6;color:white}
.actions{font-size:21px;color:#4f8cff;letter-spacing:10px}
.pagination{display:flex;gap:10px;padding:18px 20px;align-items:center}
.pagination button{width:39px;height:39px;border:0;border-radius:7px;background:#132131;color:#d4dbe5}
.pagination button.active{background:#2558d1}
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:12px;padding:12px 16px 24px;max-width:1536px;margin:auto}
.detail-top{padding:16px 26px 22px}
.breadcrumb{color:#8f9aab;margin-bottom:16px}
.detail-body{display:grid;grid-template-columns:295px minmax(0,1fr) 190px;gap:24px}
.detail-poster{width:295px;height:386px;object-fit:cover;border-radius:8px}
.detail-info h1{font-size:26px;margin:4px 0 10px}
.detail-info p{line-height:1.75;color:#a7b2c2;margin:6px 0}
.detail-info a{color:#6ca2ff}
.score-box{background:#111e2d;border-radius:9px;padding:18px}
.score{font-size:35px}
.stars{color:#ffb126}
.bar{display:grid;grid-template-columns:25px 1fr 45px;gap:7px;align-items:center;margin:12px 0;color:#9aa7b8;font-size:12px}
.bar i{height:7px;background:#5d4513;border-radius:3px;overflow:hidden}
.bar i:before{content:"";display:block;height:100%;background:#d99013;width:var(--w)}
.detail-actions{display:flex;gap:10px;margin-top:18px}
.detail-actions a{color:#ffffff}
.resource-tabs{display:flex;border-bottom:1px solid var(--line);padding:0 16px}
.resource-tabs button{padding:14px 22px;border:0;background:transparent;color:#aeb8c6}
.resource-tabs button.active{color:#4f83ff;border-bottom:2px solid #3f72ff}
.resource-group{padding:14px 18px}
.resource-group h3{font-size:14px;color:#ffb300}
.resource-row{display:grid;grid-template-columns:55px 55px minmax(0,1fr) 85px 75px 90px ;align-items:center;gap:6px;padding:10px 9px;border-top:1px solid var(--line);background:#0e1a28;transition:background .15s}
.resource-row:hover{background:#13202f}
.resource-row:first-of-type{}
.resource-row .dl{color:#5f96ff;font-size:20px;text-align:center}
.resource-row .res-title{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
.resource-row .res-title a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.resource-row .res-tags{display:flex;gap:4px;flex-shrink:0}
.resource-row .res-tags .tag{font-size:10px;padding:1px 6px;border-radius:3px;line-height:1.6}
.resource-row .res-meta{display:flex;gap:10px;font-size:11px;color:var(--muted);margin-top:3px}
.resource-row .res-meta span{display:flex;align-items:center;gap:3px}
.resource-row .size-cell,.resource-row .dl-cell,.resource-row .date-cell{text-align:center;font-size:12px}
.similar-item{display:grid;grid-template-columns:66px 1fr;gap:12px;margin:14px 0}
.similar-item img{width:66px;height:83px;object-fit:cover;border-radius:5px}
.similar-item b{font-size:13px}
.similar-item p{color:#8f9bad;font-size:12px;margin:7px 0}
.update-list{display:grid;grid-template-columns:70px 1fr;gap:7px;font-size:12px}
.update-list div{padding:5px 0;color:#9ba7b5}
.mobile-menu{display:none}
@media(max-width:1180px){.app-shell{grid-template-columns:150px minmax(0,1fr)}
.rightbar{display:none}
.detail-layout{grid-template-columns:1fr}
.poster-grid,.latest-grid{grid-template-columns:repeat(4,1fr)}
.top-nav a span,.top-nav a{font-size:13px}
.top-nav a svg{display:none}
.search{display:none}
.detail-body{grid-template-columns:245px minmax(0,1fr)}
.score-box{display:none}
.detail-poster{width:245px;height:355px}
}@media(max-width:760px){body{font-size:13px}
.site-header{height:56px;padding:0 12px;gap:10px}
.brand{font-size:18px;gap:8px}
.brand small{display:none}
.brand-mark{width:34px;height:34px;border-radius:10px}
.top-nav,.user-name,.upload-btn,.signin-btn{display:none}
.mobile-menu{display:inline-flex}
.app-shell,.page-wrap{grid-template-columns:1fr;padding:8px}
.sidebar{display:none}
.hero{height:380px}
.hero-copy{left:20px;right:20px;width:auto}
.quick-nav{grid-template-columns:repeat(4,1fr)}
.quick-item{padding:0 8px}
.poster-grid,.latest-grid{grid-template-columns:repeat(2,1fr)}
.filter-row{display:block}
.filter-row b{display:block;width:auto;margin-bottom:5px}
.media-table th:nth-child(n+3),.media-table td:nth-child(n+3){display:none}
.media-table td{padding:10px}
.media-title img{width:68px;height:44px}
.detail-layout{padding:8px}
.detail-body{grid-template-columns:1fr}
.detail-poster{width:100%;height:auto;max-height:520px}
.detail-actions{flex-wrap:wrap}
.resource-row{grid-template-columns:30px minmax(0,1fr) 60px 45px}
.resource-row .res-meta,.resource-row .uploader-cell,.resource-row .date-cell{display:none}
.resource-row .dl-cell{font-size:16px}
.rightbar{display:none}
}

.resource-panel,.side-card{background:linear-gradient(180deg,#0e1824,#0b1520);border:1px solid #182534;border-radius:10px;margin-top:12px;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.panel-head{height:48px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;border-bottom:1px solid #172433}
.tabs{display:flex;align-items:center;gap:8px}
.tabs h3{margin-right:14px}
.tabs button,.filters button{border:0;background:transparent;color:#9ea9b8;padding:7px 10px;border-radius:6px}
.tabs button.active{background:#3169ff;color:#fff}
.filters button{background:#111d2b;margin-left:7px}
.tr{display:grid;grid-template-columns:3.2fr .55fr .5fr .55fr .65fr .75fr .55fr;align-items:center;min-height:38px;border-bottom:1px solid #182433;padding:0 16px;font-size:12px;color:#dbe4ef}
.th{height:42px;background:#111c29;color:#8c99aa}
.title{display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden}
.title img{width:24px;height:31px;object-fit:cover;border-radius:3px}
.title b{font-weight:500;overflow:hidden;text-overflow:ellipsis}
.title em{font-style:normal;font-size:9px;background:#13354c;color:#64d2de;padding:2px 5px;border-radius:3px}
.title em:nth-last-child(2){background:#4a3d00;color:#ffdb3c}
.hot{color:#55d995}
.ops{color:#8ab5ff;font-size:18px;letter-spacing:6px}
.pagination{display:flex;justify-content:center;gap:8px;padding:14px}
.pagination button{width:31px;height:31px;border:0;border-radius:5px;background:#111c29;color:#dbe4ef}
.pagination .active{background:#3169ff}
aside{min-width:0}
.side-card{padding:15px 18px;margin-top:0;margin-bottom:12px}
.side-title{display:flex;justify-content:space-between;align-items:center}
.side-title h3{margin:0;font-size:17px}
.side-title a{font-size:12px;color:#9aa7b8}
.hot-search ol{padding:6px 0 0;margin:0;list-style:none}
.hot-search li{display:grid;grid-template-columns:24px 1fr auto;gap:6px;align-items:center;height:29px;font-size:12px}
.hot-search li b{color:#f34848}
.hot-search li:nth-child(n+4) b{color:#c7d0dd}
.hot-search li em{font-style:normal;color:#808c9b}
.hot-search li:nth-child(-n+3) em{color:#ef5a5a}
.notice ul{padding-left:18px;margin:12px 0 0}
.notice li{margin:10px 0;font-size:12px}
.notice li::marker{color:#3d79ff}
.notice em{background:#d89c00;color:#fff;font-style:normal;font-size:9px;border-radius:3px;padding:2px 4px}
.tags div{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.tags span{padding:7px 14px;border-radius:18px;background:#14202d;font-size:11px}
.expand{display:block;text-align:center;color:#4f8dff;font-size:12px;margin-top:12px}
.comment{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:start;margin-top:12px}
.resource-panel .comment>span{width:28px;height:28px;border-radius:50%;background:#263243;display:grid;place-items:center}
.comment p{margin:0}
.comment b{display:block;font-size:12px;color:#55a0ff}
.comment small{color:#8793a2}
.comment em{font-size:10px;color:#768293;font-style:normal}
@media(max-width:1300px){body{min-width:1000px}
.topbar nav{gap:16px}
.page{grid-template-columns:minmax(0,1fr) 320px}
.header-actions .search{display:none}
.hero-copy{width:65%}
.category-row span{font-size:12px}
}
/* login/register */
.auth-container{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:40px 16px}
.auth-card{width:100%;max-width:420px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:36px 32px 28px;box-shadow:var(--shadow)}
.auth-logo{text-align:center;margin:0 0 8px}
.auth-card h2{font-size:22px;margin:0 0 4px;text-align:center;color:var(--text)}
.auth-card .subtitle{color:var(--muted);font-size:13px;text-align:center;margin:0 0 24px}
.auth-card .form-group{margin-bottom:14px}
.auth-card .form-group label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px;font-weight:600}
.auth-card .form-control{width:100%;padding:10px 14px;background:rgba(0,0,0,.25);border:1px solid var(--line);border-radius:6px;color:var(--text);font-size:14px;outline:none}
.auth-card .form-control:focus{border-color:var(--blue)}
.auth-card .btn-primary{width:100%;padding:11px 0;background:linear-gradient(135deg,#3267ff,#1f4fd8);border:0;border-radius:6px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;margin-top:4px}
.auth-footer{text-align:center;margin-top:18px;color:var(--muted);font-size:13px}
.auth-footer a{color:#ffb720;font-weight:600;margin-left:4px}

/* ── 搜索页 ── */
.page-shell{padding:0 20px 18px;padding: 18px 20px 18px; max-width: 1536px; margin: auto;}
.hero-panel{margin-top:0;padding:17px 24px 18px;border-radius:12px;background:linear-gradient(135deg,rgba(13,27,40,.96),rgba(8,18,28,.94));border:1px solid #0f1e2b}
.breadcrumb{color:#8391a4;margin-bottom:16px}
.breadcrumb a{color:var(--muted)}
.hero-panel h1{margin:0;font-size:28px}
.hero-panel h1 strong{color:#5948ff}
.hero-panel>p{margin:8px 0 12px;color:#b9c2cf}
.page-shell .filter-panel{display:grid;grid-template-columns:1.1fr ;gap:0;background:rgba(14,26,38,.72);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.filter-panel .field{padding:14px 20px;}
.filter-panel .field:nth-child(n+6){border-top:1px solid var(--line)}
.filter-panel .field label{display:block;color:var(--muted);margin-bottom:8px}
.filter-panel .field select,.filter-panel .input,.filter-panel .size-row input,.filter-panel .size-row select{height:38px;width:100%;background:#0a141f;border:1px solid var(--line);border-radius:5px;padding:0 12px}
.filter-panel .input{display:flex;align-items:center}
.filter-panel .input input{border:0;background:transparent;width:100%}
.filter-panel .checks{display:flex;gap:16px;align-items:center;height:38px}
.filter-panel .checks label{margin:0;color:var(--text)}
.filter-panel .checks input{accent-color:#5b42ed}
.filter-panel .size-row{display:grid;grid-template-columns:1fr 22px 1fr 74px;align-items:center}
.filter-panel .size-row span{text-align:center}
.filter-panel .size-row input,.filter-panel .size-row select{border-radius:0}
.filter-panel .size-row input:first-child{border-radius:5px 0 0 5px}
.filter-panel .size-row select{border-radius:0 5px 5px 0}
.filter-panel .sort{grid-column:3/5}
.filter-panel .segmented{display:flex;gap:8px}
.filter-panel .segmented button,.filter-panel .reset{height:38px;padding:0 22px;border-radius:5px;background:#142130;border:0;color:var(--text);cursor:pointer}
.filter-panel .segmented .selected,.filter-panel .segmented button:hover{background:linear-gradient(135deg,#3934ab,#5032d9)}
.filter-panel .filter-actions{grid-column:5;display:flex;align-items:end;justify-content:flex-end;gap:14px;padding:14px 20px;}
.filter-panel .reset{min-width:92px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.filter-panel .search-btn{min-width:96px;height:38px;border-radius:5px;border:0;background:linear-gradient(135deg,#3269ff,#4a31e5);color:#fff;padding:0 18px;font-weight:700;cursor:pointer}
.results-layout{display:grid;grid-template-columns:204px 1fr;gap:22px;margin-top:20px}
.sidebar{display:flex;flex-direction:column;gap:14px}
.side-card{background:linear-gradient(160deg,#101d2a,#0b1621);border:1px solid var(--line);border-radius:9px;padding:16px 10px}
.side-card h3{font-size:16px;margin:0 0 18px 10px}
.side-card h4{font-size:13px;color:var(--muted);margin:0 10px 10px}
.side-card a{height:28px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;color:var(--text);border-radius:4px}
.side-card a:hover,.side-card a.current{color:#ffb720}
.side-card a b{color:var(--muted);font-weight:400}
.side-card a.current{background:linear-gradient(90deg,#3330a7,#3c25ba);color:#bcb7ff}
.side-card a.current b{color:#bcb7ff}
.result-count{margin-top:auto;padding:15px 10px 4px;color:var(--text)}
.result-card{background:linear-gradient(160deg,#0e1b28,#0a1520);border:1px solid var(--line);border-radius:9px;overflow:hidden}
.table-head,.movie-row{display:grid;grid-template-columns:minmax(560px,1fr) 92px 145px 92px 86px 86px ;align-items:center}
.table-head{height:46px;padding:0 18px;color:var(--text);border-bottom:1px solid var(--line);background:rgba(0,0,0,.15);font-size:11px;font-weight:600}
.movie-row{min-height:108px;padding:10px 18px;border-bottom:1px solid var(--line);color:var(--text);    gap: 10px;}
.movie-row>img{width:76px;height:90px;object-fit:cover;border-radius:4px}
.movie-row{grid-template-columns:76px minmax(470px,1fr) 92px 145px 92px 86px 86px}
.movie-info h2{font-size:14px;margin:0 0 7px;font-weight:500}
.movie-info p{margin:5px 0 0;color:var(--muted);font-size:12px}
.tags{display:flex;gap:7px;flex-wrap:wrap}
.tags i{font-style:normal;padding:3px 7px;border-radius:4px;background:#252447;color:#c9c4ff;font-size:11px}
.tags .purple{background:#432176;color:#e0baff}
.tags .blue{background:#0c4b7b;color:#54b7ff}
.tags .pink{background:#612047;color:#ff88c0}
.tags .gold{background:#5a4312;color:#ffd247}
.tags .teal{background:#124d50;color:#74d8d2}
.tags .green{background:#14552f;color:#89e1ac}
.health{display:flex;flex-direction:column;gap:7px}
.health b{color:#22c779;font-weight:500}
.health em{font-style:normal;color:#1fa3ff}
.movie-row .ops{font-size:18px;letter-spacing:3px}
.movie-row .ops a{color:var(--blue);text-decoration:none;font-weight:700}
.pager{height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 12px}
.pager nav{display:flex;gap:8px}
.pager button,.pager select{height:34px;min-width:34px;border-radius:5px;background:rgba(0,0,0,.2);color:var(--text);border:1px solid var(--line);cursor:pointer;font-size:12px}
.pager button.on{background:linear-gradient(135deg,#345dff,#4b28d8)}
.pager label{justify-self:end;color:var(--muted)}
.pager select{margin-left:10px;padding:0 12px}
@media(max-width:1280px){
.movie-row{grid-template-columns:76px minmax(380px,1fr) repeat(6,80px)}
.table-head{display:none}
.filter-panel{grid-template-columns:repeat(3,1fr)}
.filter-panel .sort{grid-column:1/3}
.filter-panel .filter-actions{grid-column:3}
}
@media(max-width:900px){
.filter-panel{grid-template-columns:1fr 1fr}
.filter-panel .sort,.filter-panel .filter-actions{grid-column:1/3}
.results-layout{grid-template-columns:1fr}
.sidebar{display:none}
.movie-row{grid-template-columns:68px 1fr 70px}
.movie-row>div:nth-of-type(n+3){display:none}
.movie-row>img{width:68px;height:82px}
.hero-panel h1{font-size:23px}
}

/* ════════════════════════════════════════════════════════════════
   页面专属样式（从各页面内联 <style> 提取）
   ════════════════════════════════════════════════════════════════ */

/* ── 首页 (index.php) idx- 前缀 ── */
.app-shell{display:grid;grid-template-columns:172px minmax(0,1fr) 340px;gap:14px;padding:14px 16px 24px;max-width:1536px;margin:auto}
.sidebar,.rightbar{display:flex;flex-direction:column;gap:12px}
.idx-side-nav{background:linear-gradient(180deg,rgba(16,29,42,.97),rgba(10,21,33,.96));border:1px solid #182838;border-radius:12px;padding:8px;box-shadow:0 8px 24px rgba(0,0,0,.15)}
.idx-side-nav a{height:42px;border-radius:9px;display:flex;align-items:center;gap:10px;padding:0 14px;color:#c8d0db;font-weight:600;font-size:13px;transition:all .18s;text-decoration:none;position:relative}
.idx-side-nav a .ico{width:20px;height:20px;display:grid;place-items:center;flex-shrink:0;color:#7a8a9d;transition:color .18s}
.idx-side-nav a .ico svg{width:17px;height:17px}
.idx-side-nav a:hover{background:rgba(50,103,255,.06);color:#e8f0ff}
.idx-side-nav a:hover .ico{color:#7da0ff}
.idx-side-nav a.active{background:linear-gradient(90deg,rgba(50,103,255,.22),rgba(74,49,229,.1));color:#7da0ff;box-shadow:inset 0 0 0 1px rgba(50,103,255,.15)}
.idx-side-nav a.active .ico{color:#7da0ff}
.idx-side-nav a.active::before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:60%;background:linear-gradient(180deg,#3267ff,#4a31e5);border-radius:0 3px 3px 0}
.idx-stats{background:linear-gradient(160deg,rgba(16,29,42,.97),rgba(10,21,33,.96));border:1px solid #182838;border-radius:12px;padding:16px;box-shadow:0 8px 24px rgba(0,0,0,.15)}
.idx-stats h3{margin:0 0 14px;font-size:14px;font-weight:700;color:#8c9aad;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:7px}
.idx-stats h3 svg{width:14px;height:14px;opacity:.6}
.idx-stat-grid{display:grid;gap:8px}
.idx-stat-item{background:rgba(0,0,0,.18);border:1px solid #15212e;border-radius:9px;padding:10px 12px;transition:all .2s;display: flex; justify-content: space-between;}
.idx-stat-item:hover{border-color:#2a3f55;transform:translateY(-1px)}
.idx-stat-item .lbl{font-size:10px;color:#6a7a8d;margin-bottom:3px;display:flex;align-items:center;gap:4px}
.idx-stat-item .lbl svg{width:10px;height:10px;opacity:.6}
.idx-stat-item .val{font-size:18px;font-weight:800;letter-spacing:-.3px;line-height:1.2}
.idx-stat-item .val.blue{color:#5d8bff}
.idx-stat-item .val.green{color:#20cf83}
.idx-stat-item .val.gold{color:#ffb720}
.idx-stat-item .val.purple{color:#a78bfa}
.idx-hero{height:340px;overflow:hidden;position:relative;background:#0d1927;border-radius:14px;border:1px solid #182838;box-shadow:0 12px 36px rgba(0,0,0,.25)}
.idx-hero .hero-slides{width:100%;height:100%;position:relative}
.idx-hero .hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .7s;display:block;text-decoration:none;color:inherit}
.idx-hero .hero-slide.active{opacity:1}
.idx-hero .hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,14,24,.92) 0%,rgba(7,14,24,.6) 35%,rgba(7,14,24,.02) 65%,rgba(7,14,24,.15) 100%)}
.idx-hero .hero-copy{position:absolute;z-index:2;left:48px;width:440px;top:50%;transform:translateY(-50%)}
.idx-hero .hero-copy h1{font-size:26px;margin:0 0 10px;font-weight:800;letter-spacing:-.5px;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.idx-hero .hero-copy .tags{display:flex;gap:7px;margin:10px 0 14px;flex-wrap:wrap}
.idx-hero .hero-copy .tag{padding:4px 10px;border-radius:6px;background:rgba(23,37,54,.75);color:#d8dee8;font-size:11px;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.05)}
.idx-hero .hero-copy .tag.gold{color:#ffd24b;background:rgba(255,210,75,.12);border-color:rgba(255,210,75,.2)}
.idx-hero .hero-copy p{color:#c3cbd7;line-height:1.65;margin:0 0 16px;font-size:13px;text-shadow:0 1px 4px rgba(0,0,0,.3);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.idx-hero .hero-dots{position:absolute;z-index:5;left:50%;bottom:14px;transform:translateX(-50%);display:flex;gap:6px}
.idx-hero .hero-dots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.3);cursor:pointer;transition:all .25s}
.idx-hero .hero-dots i.active{width:22px;border-radius:10px;background:linear-gradient(90deg,#3267ff,#4a31e5)}
.idx-hero-btn{position:absolute;top:50%;z-index:5;width:44px;height:44px;border:0;background:rgba(0,0,0,.3);color:rgba(255,255,255,.6);cursor:pointer;border-radius:50%;transition:all .2s;display:grid;place-items:center;backdrop-filter:blur(4px)}
.idx-hero-btn:hover{background:rgba(50,103,255,.5);color:#fff;transform:scale(1.08)}
.idx-hero-btn.prev{left:14px;transform:translateY(-50%)}
.idx-hero-btn.next{right:14px;transform:translateY(-50%)}
.idx-hero-btn.prev:hover{transform:translateY(-50%) scale(1.08)}
.idx-hero-btn.next:hover{transform:translateY(-50%) scale(1.08)}
.idx-hero-btn svg{width:20px;height:20px}
.idx-quick{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin:12px 0}
.idx-quick-item{height:64px;padding:0 14px;display:flex;align-items:center;gap:11px;background:linear-gradient(180deg,rgba(17,32,51,.97),rgba(12,23,36,.97));border:1px solid #182838;border-radius:11px;transition:all .2s;text-decoration:none;cursor:pointer}
.idx-quick-item:hover{transform:translateY(-3px);border-color:rgba(50,103,255,.3);box-shadow:0 6px 20px rgba(50,103,255,.1)}
.idx-quick-ico{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex-shrink:0;transition:all .2s}
.idx-quick-ico svg{width:18px;height:18px}
.idx-quick-item:hover .idx-quick-ico{transform:scale(1.1)}
.idx-quick-item b{display:block;font-size:13px;color:#e8f0ff;font-weight:600}
.idx-quick-item small{display:block;color:#6a7a8d;font-size:9px;letter-spacing:.5px;margin-top:1px}
.idx-section{background:linear-gradient(160deg,rgba(14,27,40,.97),rgba(9,20,32,.96));border:1px solid #182838;border-radius:12px;padding:18px 20px 20px;margin-top:12px;box-shadow:0 8px 24px rgba(0,0,0,.15)}
.idx-section-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.idx-section-head .ico{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,rgba(50,103,255,.15),rgba(74,49,229,.1));display:grid;place-items:center;border:1px solid rgba(50,103,255,.15)}
.idx-section-head .ico svg{width:15px;height:15px;color:#7da0ff}
.idx-section-head h2{font-size:17px;margin:0;font-weight:700}
.idx-section-head .more{margin-left:auto;color:#6a7a8d;font-size:12px;text-decoration:none;transition:color .15s;display:inline-flex;align-items:center;gap:4px}
.idx-section-head .more:hover{color:#7da0ff}
.idx-poster-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}
.idx-poster-card{background:#0d1927;border:1px solid #182838;border-radius:10px;overflow:hidden;transition:all .25s;position:relative;text-decoration:none;display:block}
.idx-poster-card:hover{transform:translateY(-5px);border-color:rgba(50,103,255,.35);box-shadow:0 10px 30px rgba(0,0,0,.3)}
.idx-poster-card img{width:100%;aspect-ratio:2/2.85;object-fit:cover;display:block;transition:transform .35s}
.idx-poster-card:hover img{transform:scale(1.05)}
.idx-poster-card::after{content:"";position:absolute;bottom:0;width:100%;height:55%;background:linear-gradient(to top,rgba(0,0,0,.9),transparent)}
.idx-poster-info{padding:10px 12px;position:absolute;bottom:0;z-index:1;width:100%;box-sizing:border-box}
.idx-poster-info b{display:block;font-size:12px;color:#f0f5ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.idx-poster-info small{display:flex;align-items:center;gap:6px;color:#9fb0c4;margin-top:4px;font-size:10px}
.idx-poster-info .rating{color:#ffb72b;font-weight:600}
.idx-poster-badge{position:absolute;top:8px;right:8px;z-index:2;background:linear-gradient(135deg,#ff5722,#ff9d21);color:#fff;font-size:9px;font-weight:700;padding:2px 7px;border-radius:5px;box-shadow:0 2px 8px rgba(255,87,34,.3)}
.idx-resource{background:linear-gradient(160deg,rgba(14,27,40,.97),rgba(9,20,32,.96));border:1px solid #182838;border-radius:12px;overflow:hidden;margin-top:12px;box-shadow:0 8px 24px rgba(0,0,0,.15)}
.idx-res-head{height:52px;display:flex;align-items:center;gap:16px;padding:0 18px;border-bottom:1px solid #15212e;background:rgba(0,0,0,.12)}
.idx-res-head h3{margin:0;font-size:16px;font-weight:700;display:flex;align-items:center;gap:8px}
.idx-res-head h3 svg{width:16px;height:16px;color:#7da0ff}
.idx-res-tabs{display:flex;gap:4px}
.idx-res-tabs a{padding:6px 14px;border-radius:7px;color:#8c9aad;font-size:12px;font-weight:600;text-decoration:none;transition:all .15s}
.idx-res-tabs a:hover{background:rgba(50,103,255,.06);color:#c8d0db}
.idx-res-tabs a.active{background:linear-gradient(135deg,#3267ff,#4a31e5);color:#fff;box-shadow:0 2px 8px rgba(50,103,255,.25)}
.idx-res-list{display:flex;flex-direction:column}
.idx-res-row{display:grid;grid-template-columns:minmax(0,1fr) 72px 72px 56px 72px 86px 70px;align-items:center;gap:10px;padding:11px 18px;border-bottom:1px solid #15212e;color:#dbe4ef;font-size:12px;transition:all .15s;text-decoration:none;position:relative}
.idx-res-row:hover{background:rgba(50,103,255,.04)}
.idx-res-row:last-child{border-bottom:0}
.idx-res-row::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:linear-gradient(180deg,#3267ff,#4a31e5);border-radius:0 3px 3px 0;transition:height .2s}
.idx-res-row:hover::before{height:60%}
.idx-res-row .title-cell{display:flex;align-items:center;gap:10px;min-width:0}
.idx-res-row .title-cell img{width:32px;height:42px;object-fit:cover;border-radius:4px;flex-shrink:0;border:1px solid #1a2d3d}
.idx-res-row .title-cell b{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#e8f0ff;transition:color .15s}
.idx-res-row:hover .title-cell b{color:#7da0ff}
.idx-res-row .q-badge{display:inline-block;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:700;margin-left:5px;vertical-align:middle}
.idx-res-row .q-badge.q4k{background:rgba(139,92,246,.15);color:#a78bfa;border:1px solid rgba(139,92,246,.25)}
.idx-res-row .q-badge.q1080{background:rgba(50,122,255,.15);color:#57aaff;border:1px solid rgba(50,122,255,.25)}
.idx-res-row .q-badge.q720{background:rgba(32,207,131,.15);color:#20cf83;border:1px solid rgba(32,207,131,.25)}
.idx-res-row .q-badge.qbluray{background:rgba(255,183,32,.12);color:#ffb720;border:1px solid rgba(255,183,32,.2)}
.idx-res-row .q-badge.qremux{background:rgba(255,157,33,.12);color:#ff9d21;border:1px solid rgba(255,157,33,.2)}
.idx-res-row .q-badge.qwebdl{background:rgba(34,200,229,.12);color:#22c8e5;border:1px solid rgba(34,200,229,.2)}
.idx-res-row .q-badge.qhdr{background:rgba(255,70,91,.12);color:#ff6b7a;border:1px solid rgba(255,70,91,.2)}
.idx-res-row .q-badge.qhevc{background:rgba(232,121,249,.12);color:#e879f9;border:1px solid rgba(232,121,249,.2)}
.idx-res-row .q-badge.qother{background:rgba(148,163,184,.1);color:#9fb0c4;border:1px solid rgba(148,163,184,.15)}
.idx-res-row .cat-badge{display:inline-block;padding:2px 8px;border-radius:5px;background:rgba(50,103,255,.1);color:#7da0ff;font-size:10px;font-weight:600;text-align:center}
.idx-res-row .hot-cell{color:#ff6b4a;font-weight:600;display:inline-flex;align-items:center;gap:3px}
.idx-res-row .hot-cell svg{width:11px;height:11px}
.idx-res-row .muted-cell{color:#7a8a9d}
.idx-res-empty{padding:50px 20px;text-align:center;color:var(--muted);font-size:14px}
.idx-pagination{display:flex;justify-content:center;gap:6px;padding:14px 18px;border-top:1px solid #15212e;background:rgba(0,0,0,.08)}
.idx-pagination a{text-decoration:none}
.idx-pagination button{min-width:34px;height:34px;padding:0 10px;border-radius:8px;background:rgba(0,0,0,.2);color:#dbe4ef;border:1px solid #1d2b3b;font-size:12px;cursor:pointer;transition:all .15s;font-weight:500}
.idx-pagination button:hover{background:rgba(50,103,255,.1);color:#fff;border-color:#2a3f55}
.idx-pagination button.active{background:linear-gradient(135deg,#3267ff,#4a31e5);color:#fff;border-color:transparent;box-shadow:0 2px 8px rgba(50,103,255,.3)}
.idx-pagination span{color:#5a6a7d;padding:0 4px;display:flex;align-items:center;font-size:12px}
.idx-right-card{background:linear-gradient(160deg,rgba(16,29,42,.97),rgba(10,21,33,.96));border:1px solid #182838;border-radius:12px;padding:16px;box-shadow:0 8px 24px rgba(0,0,0,.15)}
.idx-right-card h3{margin:0 0 14px;font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px}
.idx-right-card h3 svg{width:16px;height:16px;color:#7da0ff}
.idx-right-card .more{margin-left:auto;color:#6a7a8d;font-size:11px;text-decoration:none;transition:color .15s;font-weight:400}
.idx-right-card .more:hover{color:#7da0ff}
.idx-rank-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.idx-rank-list li{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;padding:7px 8px;border-radius:7px;transition:background .15s}
.idx-rank-list li:hover{background:rgba(50,103,255,.04)}
.idx-rank-list .num{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-size:11px;font-weight:800;color:#5a6a7d;background:rgba(0,0,0,.2)}
.idx-rank-list li:nth-child(1) .num{background:linear-gradient(135deg,#ff465b,#ff6b4a);color:#fff;box-shadow:0 2px 8px rgba(255,70,91,.3)}
.idx-rank-list li:nth-child(2) .num{background:linear-gradient(135deg,#ff9d21,#ffb720);color:#fff;box-shadow:0 2px 8px rgba(255,157,33,.25)}
.idx-rank-list li:nth-child(3) .num{background:linear-gradient(135deg,#3267ff,#4a31e5);color:#fff;box-shadow:0 2px 8px rgba(50,103,255,.25)}
.idx-rank-list li a{color:#c8d0db;font-size:12px;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s}
.idx-rank-list li:hover a{color:#7da0ff}
.idx-rank-list .heat{color:#7a8a9d;font-size:11px;text-align:right;display:inline-flex;align-items:center;gap:3px}
.idx-rank-list .heat svg{width:10px;height:10px;color:#ff6b4a}
.idx-notice-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.idx-notice-list li{padding:8px 10px;border-radius:7px;color:#b7c1ce;font-size:12px;display:flex;justify-content:space-between;align-items:center;gap:8px;transition:all .15s;cursor:pointer}
.idx-notice-list li:hover{background:rgba(50,103,255,.04)}
.idx-notice-list li .nt-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;transition:color .15s}
.idx-notice-list li:hover .nt-title{color:#7da0ff}
.idx-notice-list li .nt-date{color:#5a6a7d;font-size:10px;flex-shrink:0}
.idx-notice-list li .pin{color:#ffb720}
.idx-comment{display:grid;grid-template-columns:32px 1fr auto;gap:10px;padding:10px 0;border-bottom:1px solid #15212e;align-items:start}
.idx-comment:last-child{border-bottom:0}
.idx-comment .av{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3267ff,#1f4fd8);display:grid;place-items:center;font-size:13px;color:#fff;font-weight:700;flex-shrink:0}
.idx-comment b{font-size:12px;color:#7da0ff;display:block;margin-bottom:2px;font-weight:600}
.idx-comment p{margin:0;color:#8c9aad;font-size:11px}
.idx-comment .time{color:#5a6a7d;font-size:10px;flex-shrink:0;padding-top:2px}
@media(max-width:1180px){
  .app-shell{grid-template-columns:160px minmax(0,1fr);gap:12px}
  .rightbar{display:none}
  .idx-quick{grid-template-columns:repeat(4,1fr)}
  .idx-poster-grid{grid-template-columns:repeat(4,1fr)}
  .idx-hero .hero-copy{left:28px;width:60%}
}
@media(max-width:760px){
  .app-shell{grid-template-columns:1fr;padding:8px}
  .sidebar{display:none}
  .idx-quick{grid-template-columns:repeat(2,1fr)}
  .idx-poster-grid{grid-template-columns:repeat(2,1fr)}
  .idx-hero{height:240px}
  .idx-hero .hero-copy{left:16px;right:16px;width:auto}
  .idx-hero .hero-copy h1{font-size:18px}
  .idx-hero .hero-copy p{display:none}
  .idx-res-row{grid-template-columns:1fr 60px 60px;gap:6px;padding:10px 12px}
  .idx-res-row>span:nth-child(n+4){display:none}
  .idx-res-head .idx-res-tabs{overflow-x:auto;flex-wrap:nowrap}
}

/* ── 列表页 (list.php) ulst2- 前缀 ── */
.page-wrap{display:grid;grid-template-columns:172px minmax(0,1fr) 320px;gap:14px;padding:14px 16px 24px;max-width:1536px;margin:auto}
.ulst2-side-nav{background:linear-gradient(180deg,rgba(16,29,42,.97),rgba(10,21,33,.96));border:1px solid #182838;border-radius:12px;padding:8px;box-shadow:0 8px 24px rgba(0,0,0,.15)}
.ulst2-side-nav a{height:42px;border-radius:9px;display:flex;align-items:center;gap:10px;padding:0 14px;color:#c8d0db;font-weight:600;font-size:13px;transition:all .18s;text-decoration:none;position:relative}
.ulst2-side-nav a .ico{width:20px;height:20px;display:grid;place-items:center;flex-shrink:0;color:#7a8a9d;transition:color .18s}
.ulst2-side-nav a .ico svg{width:17px;height:17px}
.ulst2-side-nav a:hover{background:rgba(50,103,255,.06);color:#e8f0ff}
.ulst2-side-nav a:hover .ico{color:#7da0ff}
.ulst2-side-nav a.active{background:linear-gradient(90deg,rgba(50,103,255,.22),rgba(74,49,229,.1));color:#7da0ff;box-shadow:inset 0 0 0 1px rgba(50,103,255,.15)}
.ulst2-side-nav a.active .ico{color:#7da0ff}
.ulst2-side-nav a.active::before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:60%;background:linear-gradient(180deg,#3267ff,#4a31e5);border-radius:0 3px 3px 0}
.ulst2-stats{background:linear-gradient(160deg,rgba(16,29,42,.97),rgba(10,21,33,.96));border:1px solid #182838;border-radius:12px;padding:16px;box-shadow:0 8px 24px rgba(0,0,0,.15)}
.ulst2-stats h3{margin:0 0 14px;font-size:13px;font-weight:700;color:#8c9aad;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:7px}
.ulst2-stats h3 svg{width:14px;height:14px;opacity:.6}
.ulst2-stat-grid{display:grid;gap:8px}
.ulst2-stat-item{background: rgba(0, 0, 0, .18); border: 1px solid #15212e; border-radius: 9px; padding: 10px 12px; transition: all .2s; display: flex; align-items: center; justify-content: space-between;}
.ulst2-stat-item:hover{border-color:#2a3f55;transform:translateY(-1px)}
.ulst2-stat-item .lbl{font-size:10px;color:#6a7a8d;margin-bottom:3px}
.ulst2-stat-item .val{font-size:18px;font-weight:800;letter-spacing:-.3px;line-height:1.2}
.ulst2-stat-item .val.blue{color:#5d8bff}
.ulst2-stat-item .val.green{color:#20cf83}
.ulst2-stat-item .val.gold{color:#ffb720}
.ulst2-stat-item .val.purple{color:#a78bfa}
.ulst2-pick-section{background:linear-gradient(160deg,rgba(14,27,40,.97),rgba(9,20,32,.96));border:1px solid #182838;border-radius:12px;padding:16px 18px 18px;box-shadow:0 8px 24px rgba(0,0,0,.15)}
.ulst2-pick-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.ulst2-pick-head .ico{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,rgba(50,103,255,.15),rgba(74,49,229,.1));display:grid;place-items:center;border:1px solid rgba(50,103,255,.15)}
.ulst2-pick-head .ico svg{width:14px;height:14px;color:#7da0ff}
.ulst2-pick-head h2{font-size:15px;margin:0;font-weight:700}
.ulst2-pick-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.ulst2-pick-card{background:#0d1927;border:1px solid #182838;border-radius:8px;overflow:hidden;transition:all .25s;position:relative;text-decoration:none;display:block}
.ulst2-pick-card:hover{transform:translateY(-4px);border-color:rgba(50,103,255,.35);box-shadow:0 8px 24px rgba(0,0,0,.3)}
.ulst2-pick-card img{width:100%;aspect-ratio:2/2.85;object-fit:cover;display:block;transition:transform .35s}
.ulst2-pick-card:hover img{transform:scale(1.06)}
.ulst2-pick-card::after{content:"";position:absolute;bottom:0;width:100%;height:50%;background:linear-gradient(to top,rgba(0,0,0,.9),transparent)}
.ulst2-pick-info{padding:6px 8px;position:absolute;bottom:0;z-index:1;width:100%;box-sizing:border-box}
.ulst2-pick-info b{display:block;font-size:11px;color:#f0f5ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.ulst2-pick-info small{display:flex;align-items:center;gap:4px;color:#9fb0c4;margin-top:2px;font-size:9px}
.ulst2-pick-info .rating{color:#ffb72b;font-weight:600}
.ulst2-filter{background:linear-gradient(160deg,rgba(14,27,40,.97),rgba(9,20,32,.96));border:1px solid #182838;border-radius:12px;padding:20px 22px;box-shadow:0 8px 24px rgba(0,0,0,.15)}
.ulst2-filter-head{display:flex;align-items:center;gap:14px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid #15212e}
.ulst2-filter-head h1{margin:0;font-size:22px;font-weight:800;letter-spacing:-.3px;background:linear-gradient(135deg,#e8f0ff,#7da0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ulst2-filter-head .count{font-size:13px;color:#6a7a8d;background:rgba(50,103,255,.08);padding:4px 12px;border-radius:20px;border:1px solid rgba(50,103,255,.1);font-weight:600}
.ulst2-filter-row{display:flex;align-items:flex-start;gap:14px;margin:10px 0}
.ulst2-filter-row>label{width:48px;padding-top:7px;font-size:12px;font-weight:700;color:#8c9aad;flex-shrink:0;text-align:right}
.ulst2-filter-opts{display:flex;gap:6px;flex-wrap:wrap}
.ulst2-filter-opts a{text-decoration:none}
.ulst2-filter-opts button{border:0;color:#a8b5c6;background:rgba(13,25,39,.6);padding:6px 14px;border-radius:7px;cursor:pointer;font-size:12px;font-weight:600;transition:all .15s;border:1px solid #1a2d3d}
.ulst2-filter-opts button:hover{background:rgba(50,103,255,.08);color:#c8d0db;border-color:#2a3f55}
.ulst2-filter-opts button.active{background:linear-gradient(135deg,#3267ff,#4a31e5);color:#fff;border-color:transparent;box-shadow:0 2px 8px rgba(50,103,255,.25)}
.ulst2-list{display:flex;flex-direction:column;gap:6px;padding:14px 18px}
.ulst2-item{display:flex;align-items:center;background:linear-gradient(145deg,rgba(14,26,38,.72),rgba(8,18,28,.94));border:1px solid #182838;border-radius:10px;padding:12px;gap:14px;transition:all .2s;text-decoration:none;color:inherit;position:relative;overflow:hidden}
.ulst2-item:hover{border-color:rgba(50,103,255,.3);box-shadow:0 4px 20px rgba(0,0,0,.2);transform:translateY(-1px)}
.ulst2-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#3267ff,#4a31e5);transform:scaleY(0);transition:transform .2s;transform-origin:center}
.ulst2-item:hover::before{transform:scaleY(1)}
.ulst2-poster{width:48px;height:64px;border-radius:6px;object-fit:cover;flex-shrink:0;background:#0d1927;border:1px solid #1a2d3d}
.ulst2-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.ulst2-title-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.ulst2-title{font-size:14px;font-weight:600;color:#e8f0ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px;transition:color .15s}
.ulst2-item:hover .ulst2-title{color:#7da0ff}
.ulst2-en-title{font-size:11px;color:#6a7a8d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ulst2-tags{display:flex;gap:5px;flex-wrap:wrap}
.ulst2-tag{padding:2px 8px;border-radius:5px;font-size:10px;font-weight:700;line-height:1.5}
.ulst2-tag.q4k{background:rgba(139,92,246,.15);color:#a78bfa;border:1px solid rgba(139,92,246,.25)}
.ulst2-tag.q1080{background:rgba(50,122,255,.15);color:#57aaff;border:1px solid rgba(50,122,255,.25)}
.ulst2-tag.q720{background:rgba(32,207,131,.15);color:#20cf83;border:1px solid rgba(32,207,131,.25)}
.ulst2-tag.qbluray{background:rgba(255,183,32,.12);color:#ffb720;border:1px solid rgba(255,183,32,.2)}
.ulst2-tag.qremux{background:rgba(255,157,33,.12);color:#ff9d21;border:1px solid rgba(255,157,33,.2)}
.ulst2-tag.qwebdl{background:rgba(34,200,229,.12);color:#22c8e5;border:1px solid rgba(34,200,229,.2)}
.ulst2-tag.qhdr{background:rgba(255,70,91,.12);color:#ff6b7a;border:1px solid rgba(255,70,91,.2)}
.ulst2-tag.qhevc{background:rgba(232,121,249,.12);color:#e879f9;border:1px solid rgba(232,121,249,.2)}
.ulst2-tag.qother{background:rgba(148,163,184,.1);color:#9fb0c4;border:1px solid rgba(148,163,184,.15)}
.ulst2-tag.free{background:rgba(32,207,131,.15);color:#20cf83;border:1px solid rgba(32,207,131,.25)}
.ulst2-tag.cat{background:rgba(99,65,223,.12);color:#9b72ff;border:1px solid rgba(99,65,223,.2)}
.ulst2-tag.gold{background:rgba(255,183,32,.12);color:#ffb720;border:1px solid rgba(255,183,32,.2)}
.ulst2-meta{display:flex;align-items:center;gap:14px;font-size:11px;color:#6a7a8d}
.ulst2-meta-item{display:flex;align-items:center;gap:3px}
.ulst2-meta-item svg{width:11px;height:11px;opacity:.6;flex-shrink:0}
.ulst2-actions{flex-shrink:0}
.ulst2-dl-btn{width:36px;height:36px;border-radius:9px;background:linear-gradient(135deg,#3267ff,#4a31e5);color:#fff;display:grid;place-items:center;transition:all .15s;box-shadow:0 2px 8px rgba(50,103,255,.2)}
.ulst2-item:hover .ulst2-dl-btn{filter:brightness(1.15);transform:scale(1.05)}
.ulst2-dl-btn svg{width:16px;height:16px}
.ulst2-empty{padding:50px 20px;text-align:center;color:#6a7a8d;font-size:14px}
.ulst2-empty svg{width:40px;height:40px;opacity:.25;margin-bottom:10px}
.ulst2-pagination{display:flex;gap:6px;padding:16px 18px;align-items:center;flex-wrap:wrap;border-top:1px solid #15212e}
.ulst2-page{min-width:36px;height:36px;border-radius:8px;border:1px solid #1d2b3b;background:rgba(0,0,0,.2);color:#95a7bd;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:13px;transition:all .15s;padding:0 10px;font-weight:500}
.ulst2-page:hover{background:rgba(50,103,255,.1);color:#fff;border-color:#2a3f55}
.ulst2-page.active{background:linear-gradient(135deg,#3267ff,#4a31e5);color:#fff;border-color:transparent;font-weight:600;box-shadow:0 2px 8px rgba(50,103,255,.3)}
.ulst2-right-card{background:linear-gradient(160deg,rgba(16,29,42,.97),rgba(10,21,33,.96));border:1px solid #182838;border-radius:12px;padding:16px;box-shadow:0 8px 24px rgba(0,0,0,.15)}
.ulst2-right-card h3{margin:0 0 14px;font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}
.ulst2-right-card h3 svg{width:16px;height:16px;color:#7da0ff}
.ulst2-right-card .more{margin-left:auto;color:#6a7a8d;font-size:11px;text-decoration:none;transition:color .15s;font-weight:400}
.ulst2-right-card .more:hover{color:#7da0ff}
.ulst2-rank-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.ulst2-rank-list li{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;padding:7px 8px;border-radius:7px;transition:background .15s}
.ulst2-rank-list li:hover{background:rgba(50,103,255,.04)}
.ulst2-rank-list .num{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-size:11px;font-weight:800;color:#5a6a7d;background:rgba(0,0,0,.2)}
.ulst2-rank-list li:nth-child(1) .num{background:linear-gradient(135deg,#ff465b,#ff6b4a);color:#fff;box-shadow:0 2px 8px rgba(255,70,91,.3)}
.ulst2-rank-list li:nth-child(2) .num{background:linear-gradient(135deg,#ff9d21,#ffb720);color:#fff;box-shadow:0 2px 8px rgba(255,157,33,.25)}
.ulst2-rank-list li:nth-child(3) .num{background:linear-gradient(135deg,#3267ff,#4a31e5);color:#fff;box-shadow:0 2px 8px rgba(50,103,255,.25)}
.ulst2-rank-list li a{color:#c8d0db;font-size:12px;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s}
.ulst2-rank-list li:hover a{color:#7da0ff}
.ulst2-rank-list .heat{color:#7a8a9d;font-size:11px;text-align:right;display:inline-flex;align-items:center;gap:3px}
.ulst2-rank-list .heat svg{width:10px;height:10px;color:#ff6b4a}
@media(max-width:1180px){
  .page-wrap{grid-template-columns:160px minmax(0,1fr);gap:12px}
  .rightbar{display:none}
  .ulst2-pick-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:760px){
  .page-wrap{grid-template-columns:1fr;padding:8px}
  .sidebar{display:none}
  .ulst2-list{padding:10px}
  .ulst2-item{padding:8px;gap:10px}
  .ulst2-poster{width:42px;height:56px}
  .ulst2-title{max-width:160px}
  .ulst2-meta{gap:10px}
  .ulst2-dl-btn{width:32px;height:32px}
  .ulst2-pick-grid{grid-template-columns:repeat(2,1fr)}
  .ulst2-filter{padding:14px}
  .ulst2-filter-row{flex-wrap:wrap}
  .ulst2-filter-row>label{width:auto;text-align:left}
}

/* ── 详情页 (detail.php) udtl2- / udtl- 前缀 ── */
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;padding:14px 16px 24px;max-width:1536px;margin:auto}
.udtl2-crumb{display:flex;align-items:center;gap:6px;color:#6a7a8d;font-size:12px;margin-bottom:12px}
.udtl2-crumb a{color:#7a8a9d;text-decoration:none;transition:color .15s}
.udtl2-crumb a:hover{color:#7da0ff}
.udtl2-crumb .sep{opacity:.4}
.udtl2-crumb .current{color:#c8d0db;font-weight:600}
.udtl2-top{background:linear-gradient(160deg,rgba(14,27,40,.97),rgba(9,20,32,.96));border:1px solid #182838;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.15);position:relative}
.udtl2-backdrop{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.12;pointer-events:none}
.udtl2-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,20,32,.4),rgba(9,20,32,.95))}
.udtl2-top-inner{position:relative;z-index:1;padding:24px 28px}
.udtl2-body{display:grid;grid-template-columns:200px minmax(0,1fr) 160px;gap:24px;align-items:start}
.udtl2-poster-wrap{position:relative}
.udtl2-poster{width:200px;height:280px;object-fit:cover;border-radius:10px;border:1px solid #1a2d3d;box-shadow:0 8px 28px rgba(0,0,0,.35)}
.udtl2-poster-actions{margin-top:12px;display:flex;gap:8px}
.udtl2-btn-fav{height:38px;border-radius:9px;border:1px solid #1d2b3b;background:rgba(0,0,0,.2);color:#c8d0db;padding:0 14px;display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-size:12px;font-weight:600;transition:all .15s;flex:1;justify-content:center}
.udtl2-btn-fav:hover{border-color:#2a3f55;background:rgba(13,25,38,.9);color:#e8f0ff}
.udtl2-btn-fav svg{width:14px;height:14px}
.udtl2-info h1{font-size:26px;margin:0 0 6px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,#e8f0ff,#a0b5d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.udtl2-info .sub-title{font-size:15px;color:#6a7a8d;margin:0 0 12px}
.udtl2-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.udtl2-tag{padding:3px 10px;border-radius:6px;font-size:11px;font-weight:700;line-height:1.6}
.udtl2-tag.q4k{background:rgba(139,92,246,.15);color:#a78bfa;border:1px solid rgba(139,92,246,.25)}
.udtl2-tag.q1080{background:rgba(50,122,255,.15);color:#57aaff;border:1px solid rgba(50,122,255,.25)}
.udtl2-tag.q720{background:rgba(32,207,131,.15);color:#20cf83;border:1px solid rgba(32,207,131,.25)}
.udtl2-tag.qbluray{background:rgba(255,183,32,.12);color:#ffb720;border:1px solid rgba(255,183,32,.2)}
.udtl2-tag.qremux{background:rgba(255,157,33,.12);color:#ff9d21;border:1px solid rgba(255,157,33,.2)}
.udtl2-tag.qwebdl{background:rgba(34,200,229,.12);color:#22c8e5;border:1px solid rgba(34,200,229,.2)}
.udtl2-tag.qhdr{background:rgba(255,70,91,.12);color:#ff6b7a;border:1px solid rgba(255,70,91,.2)}
.udtl2-tag.qhevc{background:rgba(232,121,249,.12);color:#e879f9;border:1px solid rgba(232,121,249,.2)}
.udtl2-tag.qother{background:rgba(148,163,184,.1);color:#9fb0c4;border:1px solid rgba(148,163,184,.15)}
.udtl2-tag.gold{background:rgba(255,183,32,.12);color:#ffb720;border:1px solid rgba(255,183,32,.2)}
.udtl2-tag.free{background:rgba(32,207,131,.15);color:#20cf83;border:1px solid rgba(32,207,131,.25)}
.udtl2-tag.cat{background:rgba(99,65,223,.12);color:#9b72ff;border:1px solid rgba(99,65,223,.2)}
.udtl2-tag.magnet{background:rgba(0,212,255,.12);color:#00d4ff;border:1px solid rgba(0,212,255,.2)}
.udtl2-tag.count{background:rgba(50,103,255,.1);color:#7da0ff;border:1px solid rgba(50,103,255,.15)}
.udtl2-film-info{display:grid;grid-template-columns:1fr 1fr;gap:6px 20px;margin-bottom:14px}
.udtl2-film-info p{margin:0;font-size:12px;color:#8c9aad;line-height:1.8}
.udtl2-film-info p b{color:#a8b5c6;font-weight:600;margin-right:4px}
.udtl2-film-info p a{color:#7da0ff;text-decoration:none}
.udtl2-film-info p a:hover{text-decoration:underline}
.udtl2-overview{font-size:13px;color:#9fb0c4;line-height:1.7;margin:10px 0 14px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.udtl2-upload-info{display:flex;align-items:center;gap:10px;font-size:11px;color:#5a6a7d;margin-bottom:14px;padding:8px 12px;background:rgba(0,0,0,.15);border-radius:8px;border:1px solid #15212e}
.udtl2-upload-info svg{width:12px;height:12px;opacity:.6;flex-shrink:0}
.udtl2-upload-info .uploader{color:#7da0ff;font-weight:600}
.udtl2-actions{display:flex;gap:10px;flex-wrap:wrap}
.udtl2-btn-dl{height:44px;padding:0 24px;border:0;border-radius:10px;display:inline-flex;align-items:center;gap:9px;cursor:pointer;color:#fff;background:linear-gradient(135deg,#3267ff,#4a31e5);font-weight:700;font-size:14px;text-decoration:none;box-shadow:0 4px 16px rgba(50,103,255,.25);transition:all .18s}
.udtl2-btn-dl:hover{transform:translateY(-1px);box-shadow:0 6px 22px rgba(50,103,255,.35)}
.udtl2-btn-dl svg{width:17px;height:17px}
.udtl2-btn-ghost{height:44px;padding:0 18px;border:1px solid #1d2b3b;border-radius:10px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:#c8d0db;background:rgba(0,0,0,.2);font-weight:600;font-size:13px;text-decoration:none;transition:all .15s}
.udtl2-btn-ghost:hover{border-color:#2a3f55;background:rgba(13,25,38,.9);color:#e8f0ff}
.udtl2-btn-ghost svg{width:15px;height:15px}
.udtl2-score-box{background:rgba(0,0,0,.2);border:1px solid #15212e;border-radius:10px;padding:16px 14px;text-align:center}
.udtl2-score-box .label{font-size:10px;color:#6a7a8d;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}
.udtl2-score-box .score-big{font-size:36px;font-weight:800;color:#ffb720;line-height:1;letter-spacing:-1px}
.udtl2-score-box .stars{color:#ffb720;font-size:13px;margin:4px 0 10px;letter-spacing:1px}
.udtl2-score-box .divider{height:1px;background:#15212e;margin:10px 0}
.udtl2-score-box .dl-stat{font-size:24px;font-weight:800;color:#5d8bff;line-height:1}
.udtl2-score-box .dl-label{font-size:10px;color:#6a7a8d;margin-top:4px}
.udtl2-right-card{background:linear-gradient(160deg,rgba(16,29,42,.97),rgba(10,21,33,.96));border:1px solid #182838;border-radius:12px;padding:16px;box-shadow:0 8px 24px rgba(0,0,0,.15);margin-bottom:12px}
.udtl2-right-card h3{margin:0 0 14px;font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}
.udtl2-right-card h3 svg{width:16px;height:16px;color:#7da0ff}
.udtl2-right-card .more{margin-left:auto;color:#6a7a8d;font-size:11px;text-decoration:none;transition:color .15s;font-weight:400}
.udtl2-right-card .more:hover{color:#7da0ff}
.udtl2-similar-item{display:grid;grid-template-columns:56px 1fr;gap:10px;margin-bottom:12px;text-decoration:none;color:inherit;transition:all .15s;padding:6px;border-radius:8px}
.udtl2-similar-item:hover{background:rgba(50,103,255,.04)}
.udtl2-similar-item img{width:56px;height:74px;object-fit:cover;border-radius:6px;border:1px solid #1a2d3d}
.udtl2-similar-item b{font-size:13px;color:#e8f0ff;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s}
.udtl2-similar-item:hover b{color:#7da0ff}
.udtl2-similar-item .sim-rating{color:#ffb72b;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:3px;margin-top:3px}
.udtl2-similar-item .sim-rating svg{width:10px;height:10px}
.udtl2-similar-item .sim-meta{color:#6a7a8d;font-size:11px;margin-top:2px}
.udtl2-update-list{display:flex;flex-direction:column;gap:8px}
.udtl2-update-item{display:grid;grid-template-columns:62px 1fr;gap:10px;align-items:center;padding:8px;border-radius:8px;transition:background .15s;text-decoration:none}
.udtl2-update-item:hover{background:rgba(50,103,255,.04)}
.udtl2-update-item .udate{font-size:10px;color:#5a6a7d;text-align:center;background:rgba(0,0,0,.2);border-radius:6px;padding:4px 6px;border:1px solid #15212e;line-height:1.4}
.udtl2-update-item .utitle{font-size:12px;color:#c8d0db;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s}
.udtl2-update-item:hover .utitle{color:#7da0ff}
@media(max-width:1180px){
  .detail-layout{grid-template-columns:minmax(0,1fr)}
  .rightbar{display:none}
}
@media(max-width:760px){
  .udtl2-body{grid-template-columns:1fr;gap:16px}
  .udtl2-poster-wrap{display:flex;gap:14px;align-items:flex-start}
  .udtl2-poster{width:120px;height:170px}
  .udtl2-poster-actions{flex-direction:column;margin-top:0;flex:1}
  .udtl2-info h1{font-size:20px}
  .udtl2-film-info{grid-template-columns:1fr}
  .udtl2-top-inner{padding:16px}
}
.udtl-resource-panel{padding:0;overflow:hidden}
.udtl-panel-head{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--line);background:rgba(0,0,0,.15)}
.udtl-panel-title{display:flex;align-items:center;gap:8px;margin:0;font-size:16px;color:var(--text);font-weight:700}
.udtl-panel-title svg{color:#5f96ff}
.udtl-panel-count{margin-left:auto;font-size:12px;color:var(--muted);background:rgba(255,255,255,.04);padding:4px 12px;border-radius:12px;border:1px solid var(--line)}
.udtl-resource-list{padding:16px 18px 18px}
.udtl-resource-group{margin-bottom:16px}
.udtl-resource-group:last-child{margin-bottom:0}
.udtl-group-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:0 4px}
.udtl-group-badge{padding:3px 10px;border-radius:5px;font-size:12px;font-weight:700}
.udtl-group-badge.q4k{background:rgba(139,92,246,.15);color:#a78bfa;border:1px solid rgba(139,92,246,.25)}
.udtl-group-badge.q1080{background:rgba(50,122,255,.15);color:#57aaff;border:1px solid rgba(50,122,255,.25)}
.udtl-group-badge.q720{background:rgba(32,207,131,.15);color:#20cf83;border:1px solid rgba(32,207,131,.25)}
.udtl-group-badge.qother{background:rgba(148,163,184,.1);color:#9fb0c4;border:1px solid rgba(148,163,184,.15)}
.udtl-group-count{font-size:12px;color:var(--muted)}
.udtl-resource-row{display:flex;align-items:center;padding:10px 14px;border:1px solid var(--line);border-radius:8px;margin-bottom:6px;gap:12px;transition:all .15s;background:#0e1a28}
.udtl-resource-row:hover{border-color:#2a4a6e;background:#13202f}
.udtl-resource-row.current{background:linear-gradient(90deg,rgba(26,45,78,.6),rgba(23,42,70,.4));border-color:#3a5a8e}
.udtl-rank{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;font-size:11px;font-weight:700;flex-shrink:0;background:rgba(255,255,255,.04);color:var(--muted)}
.udtl-rank.current{background:linear-gradient(135deg,#5832d7,#2673ff);color:#fff}
.udtl-resource-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.udtl-resource-title{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
.udtl-resource-title a{font-size:13px;color:var(--text-secondary);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.udtl-resource-title a:hover{color:#57aaff}
.udtl-resource-tags{display:flex;gap:4px;flex-wrap:wrap;align-items:center}
.udtl-resource-tag{padding:1px 6px;border-radius:3px;font-size:10px;font-weight:600;line-height:1.6}
.udtl-resource-tag.free{background:rgba(32,207,131,.15);color:#57d080;border:1px solid rgba(32,207,131,.25)}
.udtl-resource-tag.quality{background:rgba(148,163,184,.1);color:#9fb0c4;border:1px solid rgba(148,163,184,.15)}
.udtl-resource-tag.quality.q4k{background:rgba(139,92,246,.15);color:#a78bfa;border:1px solid rgba(139,92,246,.25)}
.udtl-resource-tag.quality.q1080{background:rgba(50,122,255,.15);color:#57aaff;border:1px solid rgba(50,122,255,.25)}
.udtl-resource-tag.quality.q720{background:rgba(32,207,131,.15);color:#20cf83;border:1px solid rgba(32,207,131,.25)}
.udtl-resource-tag.quality.qbluray{background:rgba(255,183,32,.12);color:#ffb720;border:1px solid rgba(255,183,32,.2)}
.udtl-resource-tag.quality.qremux{background:rgba(255,157,33,.12);color:#ff9d21;border:1px solid rgba(255,157,33,.2)}
.udtl-resource-tag.quality.qwebdl{background:rgba(34,200,229,.12);color:#22c8e5;border:1px solid rgba(34,200,229,.2)}
.udtl-resource-tag.quality.qhdr{background:rgba(255,70,91,.12);color:#ff6b7a;border:1px solid rgba(255,70,91,.2)}
.udtl-resource-tag.quality.qhevc{background:rgba(232,121,249,.12);color:#e879f9;border:1px solid rgba(232,121,249,.2)}
.udtl-resource-tag.complete{background:rgba(34,200,229,.12);color:#22c8e5;border:1px solid rgba(34,200,229,.2)}
.udtl-resource-tag.episode{background:rgba(255,157,32,.12);color:#ff9d20;border:1px solid rgba(255,157,32,.2)}
.udtl-resource-meta{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);flex-wrap:wrap}
.udtl-resource-meta span{display:flex;align-items:center;gap:3px}
.udtl-resource-size{font-size:12px;color:#7a8da3;flex-shrink:0;min-width:72px;text-align:right;display:flex;align-items:center;gap:4px;justify-content:flex-end}
.udtl-resource-dl{width:32px;height:32px;border-radius:7px;display:grid;place-items:center;flex-shrink:0;font-size:16px;text-decoration:none;color:#5f96ff;transition:all .15s}
.udtl-resource-dl:hover{background:rgba(50,122,255,.1);color:#57aaff}
.udtl-resource-dl.current{color:#00d4aa}
.udtl-info-row{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:8px 0}
.udtl-info-row span{display:flex;align-items:center;gap:5px}
@media(max-width:760px){
  .udtl-resource-meta{display:none}
  .udtl-resource-size{min-width:auto}
  .udtl-resource-row{padding:8px 10px;gap:8px}
  .udtl-panel-head{padding:12px 14px}
  .udtl-resource-list{padding:12px 12px 14px}
}

/* ── 搜索页 (search.php) srch- 前缀 ── */
.srch-shell{max-width:1536px;margin:0 auto;padding:16px 20px 24px}
.srch-hero{position:relative;overflow:hidden;border-radius:14px;background:linear-gradient(135deg,rgba(16,30,46,.97),rgba(9,20,32,.96));border:1px solid #122236;padding:28px 32px 24px;box-shadow:0 14px 40px rgba(0,0,0,.25)}
.srch-hero::before{content:"";position:absolute;top:-40%;right:-10%;width:380px;height:380px;background:radial-gradient(circle,rgba(55,108,255,.08) 0%,transparent 65%);pointer-events:none}
.srch-hero::after{content:"";position:absolute;bottom:-30%;left:-5%;width:300px;height:300px;background:radial-gradient(circle,rgba(139,92,246,.06) 0%,transparent 65%);pointer-events:none}
.srch-breadcrumb{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;margin-bottom:14px;position:relative;z-index:1}
.srch-breadcrumb a{color:var(--muted);transition:color .15s;text-decoration:none}
.srch-breadcrumb a:hover{color:#5d8bff}
.srch-breadcrumb .sep{opacity:.4}
.srch-hero h1{margin:0 0 6px;font-size:26px;font-weight:800;letter-spacing:-.5px;position:relative;z-index:1;line-height:1.3}
.srch-hero h1 strong{color:#6c8aff;background:linear-gradient(135deg,#6c8aff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.srch-hero .srch-count{display:inline-flex;align-items:center;gap:8px;color:#9fb0c4;font-size:13px;margin:0 0 18px;position:relative;z-index:1}
.srch-hero .srch-count b{color:#5d8bff;font-weight:700;font-size:15px}
.srch-form{display:flex;gap:10px;position:relative;z-index:1;flex-wrap:wrap}
.srch-form .srch-input-wrap{flex:1;min-width:260px;position:relative}
.srch-form .srch-input-wrap .srch-ico{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#5a6a7d;pointer-events:none;transition:color .2s}
.srch-form .srch-input-wrap:focus-within .srch-ico{color:#5d8bff}
.srch-form input.srch-input{width:100%;height:48px;padding:0 16px 0 44px;border-radius:12px;border:1px solid #1d2b3b;background:rgba(8,16,26,.7);color:var(--text);font-size:14px;outline:none;transition:all .2s}
.srch-form input.srch-input::placeholder{color:#4a5a6e}
.srch-form input.srch-input:focus{border-color:#3267ff;box-shadow:0 0 0 3px rgba(50,103,255,.12);background:rgba(8,16,26,.9)}
.srch-form .srch-submit{height:48px;padding:0 28px;border-radius:12px;border:0;background:linear-gradient(135deg,#3267ff,#4a31e5);color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap;display:inline-flex;align-items:center;gap:7px;box-shadow:0 4px 16px rgba(50,103,255,.3)}
.srch-form .srch-submit:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(50,103,255,.4)}
.srch-form .srch-reset{height:48px;padding:0 18px;border-radius:12px;border:1px solid #1d2b3b;background:rgba(8,16,26,.6);color:#9fb0c4;font-size:13px;cursor:pointer;transition:all .2s;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.srch-form .srch-reset:hover{border-color:#2a3f55;color:#dbe4ef;background:rgba(13,25,38,.8)}
.srch-layout{display:grid;grid-template-columns:216px 1fr;gap:18px;margin-top:18px}
.srch-sidebar{display:flex;flex-direction:column;gap:14px}
.srch-side-card{background:linear-gradient(160deg,rgba(16,29,42,.97),rgba(10,21,33,.96));border:1px solid #182838;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.15)}
.srch-side-head{padding:14px 16px 8px;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#8c9aad;text-transform:uppercase;letter-spacing:.5px}
.srch-side-head svg{width:14px;height:14px;opacity:.6}
.srch-side-list{padding:0 8px 8px;display:flex;flex-direction:column;gap:2px}
.srch-side-link{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:8px;color:#c8d0db;font-size:13px;text-decoration:none;transition:all .15s;cursor:pointer}
.srch-side-link:hover{background:rgba(50,103,255,.08);color:#e8f0ff}
.srch-side-link.active{background:linear-gradient(90deg,rgba(50,103,255,.18),rgba(74,49,229,.12));color:#7da0ff;font-weight:600;border:1px solid rgba(50,103,255,.2);margin:0 -1px}
.srch-side-link .cnt{font-size:11px;color:#5a6a7d;font-weight:400;padding:1px 8px;border-radius:10px;background:rgba(0,0,0,.2);min-width:24px;text-align:center}
.srch-side-link.active .cnt{color:#7da0ff;background:rgba(50,103,255,.15)}
.srch-side-link:hover .cnt{color:#9fb0c4}
.srch-results{background:linear-gradient(160deg,rgba(14,27,40,.97),rgba(9,20,32,.96));border:1px solid #182838;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.15)}
.srch-list{display:flex;flex-direction:column}
.srch-item{display:flex;align-items:stretch;padding:16px 20px;border-bottom:1px solid #15212e;gap:16px;transition:all .2s;position:relative}
.srch-item:hover{background:rgba(50,103,255,.04)}
.srch-item:last-child{border-bottom:0}
.srch-item::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:linear-gradient(180deg,#3267ff,#4a31e5);border-radius:0 3px 3px 0;transition:height .2s}
.srch-item:hover::before{height:60%}
.srch-poster{width:70px;height:98px;border-radius:6px;object-fit:cover;flex:0 0 70px;background:#0d1927;border:1px solid #1a2d3d}
.srch-poster-empty{display:flex;align-items:center;justify-content:center;color:#2a3b4f}
.srch-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px;justify-content:center}
.srch-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.srch-title{font-size:14px;font-weight:600;color:#e8f0ff;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;transition:color .15s}
.srch-title:hover{color:#5d8bff}
.srch-tags{display:flex;gap:5px;flex-wrap:wrap}
.srch-tag{padding:2px 8px;border-radius:5px;font-size:10px;font-weight:700;letter-spacing:.3px;background:rgba(148,163,184,.1);color:#9fb0c4;border:1px solid rgba(148,163,184,.15)}
.srch-tag.purple{background:rgba(139,92,246,.15);color:#a78bfa;border-color:rgba(139,92,246,.25)}
.srch-tag.blue{background:rgba(50,122,255,.15);color:#57aaff;border-color:rgba(50,122,255,.25)}
.srch-tag.green{background:rgba(32,207,131,.15);color:#20cf83;border-color:rgba(32,207,131,.25)}
.srch-tag.gold{background:rgba(255,183,32,.15);color:#ffb720;border-color:rgba(255,183,32,.25)}
.srch-tag.orange{background:rgba(255,157,33,.12);color:#ff9d21;border-color:rgba(255,157,33,.2)}
.srch-tag.cyan{background:rgba(34,200,229,.12);color:#22c8e5;border-color:rgba(34,200,229,.2)}
.srch-tag.red{background:rgba(255,70,91,.12);color:#ff6b7a;border-color:rgba(255,70,91,.2)}
.srch-tag.magenta{background:rgba(232,121,249,.12);color:#e879f9;border-color:rgba(232,121,249,.2)}
.srch-tag.free{background:rgba(32,207,131,.18);color:#20cf83;border-color:rgba(32,207,131,.3)}
.srch-info{font-size:11px;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap}
.srch-info span{white-space:nowrap;display:inline-flex;align-items:center;gap:3px}
.srch-meta{display:flex;align-items:center;gap:14px;font-size:11px;color:var(--muted);flex-wrap:wrap}
.srch-meta-item{display:inline-flex;align-items:center;gap:4px}
.srch-meta-item svg{width:12px;height:12px;opacity:.55;flex-shrink:0}
.srch-actions{flex-shrink:0;display:flex;align-items:center;align-self:center}
.srch-dl-btn{height:40px;padding:0 20px;border-radius:10px;background:linear-gradient(135deg,#3267ff,#4a31e5);color:#fff;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;text-decoration:none;transition:all .2s;border:0;cursor:pointer;box-shadow:0 3px 12px rgba(50,103,255,.25);letter-spacing:.3px}
.srch-dl-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(50,103,255,.4);color:#fff}
.srch-dl-btn:active{transform:translateY(0)}
.srch-dl-btn.disabled{background:rgba(26,45,68,.6);color:#4a5a6e;cursor:default;transform:none;box-shadow:none;border:1px solid #1d2b3b}
.srch-dl-btn.disabled:hover{transform:none;box-shadow:none}
.srch-empty{padding:80px 24px;text-align:center;color:var(--muted)}
.srch-empty-icon{width:72px;height:72px;margin:0 auto 18px;border-radius:50%;background:linear-gradient(135deg,rgba(50,103,255,.08),rgba(139,92,246,.06));display:grid;place-items:center;border:1px solid rgba(50,103,255,.1)}
.srch-empty-icon svg{width:32px;height:32px;color:#3a4a5e}
.srch-empty-title{font-size:17px;margin:0 0 6px;color:#b9c2cf;font-weight:600}
.srch-empty-sub{font-size:13px;margin:0;color:var(--muted)}
.srch-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-top:1px solid #15212e;flex-wrap:wrap;background:rgba(0,0,0,.12)}
.srch-pager-count{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:5px}
.srch-pager-count b{color:#7da0ff;font-weight:600}
.srch-pager-nav{display:flex;gap:5px;align-items:center}
.srch-page-btn{min-width:36px;height:36px;padding:0 12px;border-radius:9px;background:rgba(0,0,0,.2);color:#dbe4ef;border:1px solid #1d2b3b;font-size:13px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:all .15s;font-weight:500}
.srch-page-btn:hover{background:rgba(50,103,255,.1);color:#fff;border-color:#2a3f55}
.srch-page-btn.active{background:linear-gradient(135deg,#3267ff,#4a31e5);color:#fff;border-color:transparent;box-shadow:0 2px 8px rgba(50,103,255,.3)}
.srch-page-btn.disabled{background:transparent;color:#3a4a5a;cursor:default;border-color:transparent}
.srch-page-btn.disabled:hover{background:transparent;color:#3a4a5a}
.srch-per-page{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:6px}
.srch-per-page select{height:34px;border-radius:8px;background:rgba(8,16,26,.6);border:1px solid #1d2b3b;color:var(--text);padding:0 10px;font-size:12px;cursor:pointer;outline:none;transition:border-color .15s}
.srch-per-page select:focus{border-color:#3267ff}
@media(max-width:900px){
  .srch-shell{padding:10px 12px 16px}
  .srch-hero{padding:20px 18px 18px}
  .srch-hero h1{font-size:20px}
  .srch-layout{grid-template-columns:1fr;gap:12px}
  .srch-sidebar{display:none}
  .srch-item{flex-wrap:wrap;padding:14px 14px;gap:12px}
  .srch-body{order:2;width:100%}
  .srch-actions{order:3;width:100%}
  .srch-dl-btn{width:100%;justify-content:center}
  .srch-meta{gap:10px}
  .srch-pager{justify-content:center}
  .srch-pager-count{order:3;width:100%;text-align:center}
  .srch-form{flex-direction:column}
  .srch-form .srch-submit,.srch-form .srch-reset{width:100%;justify-content:center}
}

/* ==================== 字幕库样式 (sub- 前缀) ==================== */
.sub-page-head{
    background:linear-gradient(160deg,rgba(14,27,40,.97),rgba(9,20,32,.96));
    border:1px solid #182838;border-radius:12px;padding:20px 22px;
    box-shadow:0 8px 24px rgba(0,0,0,.15);
    display:flex;align-items:center;gap:18px;flex-wrap:wrap;
}
.sub-head-icon{
    width:46px;height:46px;border-radius:11px;flex-shrink:0;
    background:linear-gradient(135deg,rgba(50,103,255,.18),rgba(74,49,229,.1));
    border:1px solid rgba(50,103,255,.2);display:grid;place-items:center;
}
.sub-head-icon svg{width:22px;height:22px;color:#7da0ff}
.sub-head-titles{flex:1;min-width:160px}
.sub-head-titles h1{
    margin:0;font-size:22px;font-weight:800;letter-spacing:-.3px;
    background:linear-gradient(135deg,#e8f0ff,#7da0ff);
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.sub-head-titles .sub-count{font-size:12px;color:#6b7d92;margin-top:4px;font-weight:500}
.sub-head-titles .sub-count b{color:#7da0ff;font-weight:700}
.sub-search-box{position:relative;flex:0 1 320px;min-width:200px}
.sub-search-box>svg{
    position:absolute;left:13px;top:50%;transform:translateY(-50%);
    width:16px;height:16px;color:#6b7d92;pointer-events:none;z-index:1;
}
.sub-search-box input{
    width:100%;box-sizing:border-box;background:#09131e;border:1px solid #213244;
    border-radius:8px;color:#dce5f0;padding:10px 14px 10px 38px;font-size:13px;
    transition:border-color .15s,box-shadow .15s;
}
.sub-search-box input::placeholder{color:#4f6175}
.sub-search-box input:focus{outline:0;border-color:rgba(50,103,255,.5);box-shadow:0 0 0 3px rgba(50,103,255,.12)}

.sub-filter{
    background:linear-gradient(160deg,rgba(14,27,40,.97),rgba(9,20,32,.96));
    border:1px solid #182838;border-radius:12px;padding:18px 22px;margin-top:12px;
    box-shadow:0 8px 24px rgba(0,0,0,.15);
}
.sub-filter-row{display:flex;align-items:flex-start;gap:14px;margin:10px 0}
.sub-filter-row:first-child{margin-top:0}
.sub-filter-row:last-child{margin-bottom:0}
.sub-filter-row>label{
    width:52px;padding-top:7px;font-size:12px;font-weight:700;color:#6b7d92;
    flex-shrink:0;text-align:right;
}
.sub-filter-opts{display:flex;gap:6px;flex-wrap:wrap}
.sub-filter-btn{
    color:#a8b5c6;background:rgba(13,25,39,.6);padding:6px 14px;border-radius:7px;
    cursor:pointer;font-size:12px;font-weight:600;transition:all .15s;
    border:1px solid #1a2d3d;text-decoration:none;display:inline-block;
}
.sub-filter-btn:hover{background:rgba(50,103,255,.08);color:#c8d0db;border-color:#2a3f55}
.sub-filter-btn.active{
    background:linear-gradient(135deg,#3267ff,#4a31e5);color:#fff;
    border-color:transparent;box-shadow:0 2px 8px rgba(50,103,255,.25);
}

.sub-list-wrap{
    background:linear-gradient(160deg,rgba(14,27,40,.97),rgba(9,20,32,.96));
    border:1px solid #182838;border-radius:12px;margin-top:12px;
    box-shadow:0 8px 24px rgba(0,0,0,.15);overflow:hidden;
}
.sub-list{display:flex;flex-direction:column;gap:8px;padding:16px 18px}

.sub-item{
    display:flex;align-items:center;gap:14px;
    background:linear-gradient(145deg,rgba(14,26,38,.72),rgba(8,18,28,.94));
    border:1px solid #182838;border-radius:10px;padding:14px;
    transition:border-color .2s,box-shadow .2s,transform .2s;
    text-decoration:none;color:inherit;position:relative;overflow:hidden;
}
.sub-item::before{
    content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
    background:linear-gradient(180deg,#3267ff,#4a31e5);
    transform:scaleY(0);transition:transform .2s;transform-origin:center;
}
.sub-item:hover{border-color:rgba(50,103,255,.32);box-shadow:0 6px 24px rgba(0,0,0,.25);transform:translateY(-2px)}
.sub-item:hover::before{transform:scaleY(1)}

.sub-poster{width:46px;height:62px;border-radius:6px;object-fit:cover;flex-shrink:0;background:#0d1927;border:1px solid #1a2d3d}
.sub-poster-ph{
    width:46px;height:62px;border-radius:6px;flex-shrink:0;
    background:linear-gradient(135deg,#0f1d2c,#0a1521);border:1px solid #1a2d3d;
    display:grid;place-items:center;
}
.sub-poster-ph svg{width:20px;height:20px;color:#2a3f55}

.sub-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.sub-title-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.sub-title{
    font-size:14px;font-weight:600;color:#e8f0ff;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:380px;
    transition:color .15s;
}
.sub-item:hover .sub-title{color:#7da0ff}
.sub-movie{
    font-size:11px;color:#5a6a7d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    display:flex;align-items:center;gap:4px;
}
.sub-movie a{color:#6a8aad;text-decoration:none;transition:color .15s}
.sub-movie a:hover{color:#7da0ff}
.sub-movie .sub-movie-sep{color:#33455a}

.sub-badges{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.sub-badge{padding:2px 9px;border-radius:5px;font-size:10px;font-weight:700;line-height:1.6;letter-spacing:.2px;border:1px solid}
.sub-badge.lang-zh{color:#20cf83;background:rgba(32,207,131,.13);border-color:rgba(32,207,131,.28)}
.sub-badge.lang-kr{color:#38bdf8;background:rgba(56,189,248,.13);border-color:rgba(56,189,248,.28)}
.sub-badge.lang-en{color:#ff9d21;background:rgba(255,157,33,.13);border-color:rgba(255,157,33,.28)}
.sub-badge.lang-dual{color:#a78bfa;background:rgba(167,139,250,.13);border-color:rgba(167,139,250,.28)}
.sub-badge.lang-multi{color:#8c9aad;background:rgba(140,154,173,.13);border-color:rgba(140,154,173,.25)}
.sub-badge.fmt-srt{color:#2673ff;background:rgba(38,115,255,.13);border-color:rgba(38,115,255,.28)}
.sub-badge.fmt-ass{color:#a78bfa;background:rgba(167,139,250,.13);border-color:rgba(167,139,250,.28)}
.sub-badge.fmt-ssa{color:#ff9d21;background:rgba(255,157,33,.13);border-color:rgba(255,157,33,.28)}
.sub-badge.fmt-vtt{color:#20cf83;background:rgba(32,207,131,.13);border-color:rgba(32,207,131,.28)}
.sub-badge.episode{color:#ffb720;background:rgba(255,183,32,.1);border-color:rgba(255,183,32,.2)}
.sub-badge.free{color:#20cf83;background:rgba(32,207,131,.13);border-color:rgba(32,207,131,.25)}

.sub-meta{display:flex;align-items:center;gap:16px;font-size:11px;color:#6a7a8d;flex-wrap:wrap}
.sub-meta-item{display:flex;align-items:center;gap:4px}
.sub-meta-item svg{width:11px;height:11px;opacity:.6;flex-shrink:0}

.sub-dl-btn{
    width:40px;height:40px;border-radius:9px;flex-shrink:0;
    background:linear-gradient(135deg,#3267ff,#4a31e5);color:#fff;
    display:grid;place-items:center;transition:filter .15s,transform .15s;
    box-shadow:0 2px 8px rgba(50,103,255,.2);
}
.sub-item:hover .sub-dl-btn{filter:brightness(1.15);transform:scale(1.06)}
.sub-dl-btn svg{width:17px;height:17px}

.sub-empty{padding:60px 20px;text-align:center;color:#6b7d92}
.sub-empty svg{width:56px;height:56px;opacity:.18;margin-bottom:14px}
.sub-empty .sub-empty-title{font-size:15px;color:#8c9aad;font-weight:600;margin-bottom:6px}
.sub-empty .sub-empty-desc{font-size:12px;color:#5a6a7d}
.sub-empty .sub-empty-reset{
    display:inline-flex;align-items:center;gap:6px;margin-top:16px;
    padding:8px 18px;border-radius:8px;text-decoration:none;font-size:12px;font-weight:600;
    background:linear-gradient(135deg,#3267ff,#4a31e5);color:#fff;
    box-shadow:0 2px 8px rgba(50,103,255,.25);transition:filter .15s;
}
.sub-empty .sub-empty-reset:hover{filter:brightness(1.1)}

.sub-pagination{display:flex;gap:6px;padding:16px 18px;align-items:center;flex-wrap:wrap;border-top:1px solid #15212e}
.sub-page{
    min-width:36px;height:36px;border-radius:8px;border:1px solid #1d2b3b;
    background:rgba(0,0,0,.2);color:#95a7bd;display:inline-flex;align-items:center;
    justify-content:center;text-decoration:none;font-size:13px;transition:all .15s;
    padding:0 10px;font-weight:500;
}
.sub-page:hover{background:rgba(50,103,255,.1);color:#fff;border-color:#2a3f55}
.sub-page.active{background:linear-gradient(135deg,#3267ff,#4a31e5);color:#fff;border-color:transparent;font-weight:600;box-shadow:0 2px 8px rgba(50,103,255,.3)}
.sub-page.disabled{opacity:.35;pointer-events:none}
.sub-page-ellipsis{color:#5a6a7d;padding:0 4px;font-size:12px;user-select:none}
.sub-page-info{color:#5a6a7d;margin-left:auto;font-size:12px}

@media(max-width:760px){
    .sub-page-head{padding:16px}
    .sub-head-titles h1{font-size:18px}
    .sub-search-box{flex:1 1 100%}
    .sub-list{padding:10px}
    .sub-item{padding:10px;gap:10px}
    .sub-poster,.sub-poster-ph{width:38px;height:52px}
    .sub-title{max-width:180px}
    .sub-meta{gap:10px}
    .sub-dl-btn{width:34px;height:34px}
    .sub-filter{padding:14px}
    .sub-filter-row>label{width:40px;font-size:11px}
}

/* ==================== 字幕详情页样式 (sdtl- 前缀) ==================== */
.sdtl-page{
  --line:#182838;--muted:#6b7d92;--blue:#3267ff;--green:#20cf83;
  --orange:#ff9d21;--purple:#a78bfa;
  max-width:1080px;margin:0 auto;padding:22px 16px 48px;
}
.sdtl-page *{box-sizing:border-box;}

.sdtl-back{
  display:inline-flex;align-items:center;gap:7px;
  color:var(--muted);font-size:13px;font-weight:600;
  padding:8px 14px;border-radius:9px;
  border:1px solid var(--line);background:rgba(13,25,38,.6);
  transition:all .18s;margin-bottom:16px;text-decoration:none;
}
.sdtl-back:hover{color:#dbe4ef;border-color:#2a3f55;background:rgba(13,25,38,.9);transform:translateX(-2px);}
.sdtl-back svg{width:16px;height:16px;}

.sdtl-crumb{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-bottom:16px;flex-wrap:wrap;}
.sdtl-crumb a{color:var(--muted);transition:color .15s;text-decoration:none;}
.sdtl-crumb a:hover{color:#7da0ff;}
.sdtl-crumb .sep{opacity:.45;}
.sdtl-crumb .current{color:#c5d0de;font-weight:600;}

.sdtl-card{
  background:linear-gradient(160deg,rgba(17,31,47,.97),rgba(11,23,36,.97));
  border:1px solid var(--line);border-radius:14px;
  box-shadow:0 18px 50px rgba(0,0,0,.28);overflow:hidden;
}

.sdtl-info{padding:28px 30px 26px;}
.sdtl-info-top{display:flex;align-items:flex-start;gap:16px;}
.sdtl-info-icon{
  width:54px;height:54px;border-radius:13px;flex-shrink:0;
  background:linear-gradient(135deg,rgba(50,103,255,.18),rgba(50,103,255,.05));
  border:1px solid rgba(50,103,255,.22);
  display:grid;place-items:center;color:var(--blue);
}
.sdtl-info-icon svg{width:26px;height:26px;}
.sdtl-title-wrap{flex:1;min-width:0;}
.sdtl-title{font-size:22px;font-weight:800;line-height:1.35;margin:0 0 10px;color:#f4f7fb;word-break:break-word;}
.sdtl-badges{display:flex;flex-wrap:wrap;gap:8px;}
.sdtl-badge{
  display:inline-flex;align-items:center;gap:5px;
  font-size:12px;font-weight:700;padding:4px 11px;border-radius:7px;
  border:1px solid transparent;line-height:1.4;
}
.sdtl-badge svg{width:13px;height:13px;}
.sdtl-badge.free{color:var(--green);background:rgba(32,207,131,.13);border-color:rgba(32,207,131,.25);}

.sdtl-uploader{display:flex;align-items:center;gap:7px;margin-top:14px;font-size:12px;color:var(--muted);}
.sdtl-uploader svg{width:14px;height:14px;opacity:.8;}
.sdtl-uploader b{color:#c5d0de;font-weight:600;}

.sdtl-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px;}
.sdtl-meta-item{
  display:flex;align-items:center;gap:11px;
  padding:13px 15px;border-radius:10px;
  background:rgba(8,16,26,.5);border:1px solid var(--line);
}
.sdtl-meta-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;background:rgba(50,103,255,.1);color:var(--blue);}
.sdtl-meta-icon svg{width:16px;height:16px;}
.sdtl-meta-text{min-width:0;}
.sdtl-meta-label{font-size:11px;color:var(--muted);margin-bottom:3px;}
.sdtl-meta-value{font-size:14px;font-weight:700;color:#dbe4ef;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.sdtl-desc{margin-top:20px;padding:16px 18px;border-radius:10px;background:rgba(8,16,26,.4);border:1px solid var(--line);}
.sdtl-desc-title{font-size:12px;color:var(--muted);font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:6px;}
.sdtl-desc-title svg{width:14px;height:14px;}
.sdtl-desc-body{font-size:13px;line-height:1.8;color:#c5d0de;white-space:pre-wrap;word-break:break-word;}

.sdtl-dl-row{margin-top:24px;}
.sdtl-dl-btn{
  display:flex;align-items:center;justify-content:center;gap:11px;
  width:100%;height:58px;border:0;border-radius:13px;cursor:pointer;
  font-size:16px;font-weight:800;color:#04130c;letter-spacing:.5px;
  background:linear-gradient(135deg,#20cf83,#15a866);
  box-shadow:0 8px 24px rgba(32,207,131,.28),inset 0 1px 0 rgba(255,255,255,.18);
  transition:all .2s;text-decoration:none;
}
.sdtl-dl-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(32,207,131,.4),inset 0 1px 0 rgba(255,255,255,.25);}
.sdtl-dl-btn:active{transform:translateY(0);}
.sdtl-dl-btn svg{width:22px;height:22px;}
.sdtl-dl-hint{margin-top:11px;text-align:center;font-size:12px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:6px;}
.sdtl-dl-hint svg{width:13px;height:13px;color:var(--green);}

.sdtl-movie{margin-top:16px;padding:20px 22px;}
.sdtl-section-head{display:flex;align-items:center;gap:9px;margin-bottom:14px;}
.sdtl-section-head h3{margin:0;font-size:15px;font-weight:700;color:#e8f0ff;display:flex;align-items:center;gap:8px;}
.sdtl-section-head h3 svg{width:17px;height:17px;color:var(--blue);}
.sdtl-section-head .count{margin-left:auto;font-size:12px;color:var(--muted);background:rgba(255,255,255,.04);padding:4px 12px;border-radius:12px;border:1px solid var(--line);}

.sdtl-movie-link{display:flex;gap:16px;text-decoration:none;color:inherit;border-radius:11px;padding:12px;background:rgba(8,16,26,.4);border:1px solid var(--line);transition:all .18s;}
.sdtl-movie-link:hover{border-color:rgba(50,103,255,.4);background:rgba(13,25,38,.7);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.2);}
.sdtl-movie-poster{width:96px;height:138px;border-radius:9px;object-fit:cover;flex-shrink:0;background:#0a1521;border:1px solid var(--line);}
.sdtl-movie-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:9px;}
.sdtl-movie-title{font-size:17px;font-weight:800;color:#f4f7fb;margin:0;line-height:1.3;}
.sdtl-movie-title-en{font-size:12px;color:var(--muted);}
.sdtl-movie-tags{display:flex;flex-wrap:wrap;gap:7px;align-items:center;}
.sdtl-movie-tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:6px;background:rgba(255,255,255,.04);color:#c5d0de;border:1px solid var(--line);}
.sdtl-movie-tag.rating{color:#ffb720;background:rgba(255,183,32,.12);border-color:rgba(255,183,32,.22);}
.sdtl-movie-tag.rating svg{width:12px;height:12px;}
.sdtl-movie-tag.year{color:#7da0ff;background:rgba(50,103,255,.12);border-color:rgba(50,103,255,.22);}
.sdtl-movie-tag.genre{color:var(--purple);background:rgba(167,139,250,.12);border-color:rgba(167,139,250,.22);}
.sdtl-movie-overview{font-size:12px;line-height:1.7;color:var(--muted);margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.sdtl-movie-go{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--blue);font-weight:600;margin-top:2px;}
.sdtl-movie-go svg{width:14px;height:14px;}

.sdtl-torrents{margin-top:16px;padding:20px 22px;}
.sdtl-torr-list{display:flex;flex-direction:column;gap:8px;}
.sdtl-torr-item{
  display:flex;align-items:center;gap:12px;
  padding:12px 14px;border-radius:10px;
  background:rgba(8,16,26,.4);border:1px solid var(--line);
  text-decoration:none;color:inherit;transition:all .16s;
}
.sdtl-torr-item:hover{border-color:rgba(50,103,255,.4);background:rgba(13,25,38,.7);transform:translateX(3px);}
.sdtl-torr-icon{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;background:rgba(50,103,255,.1);color:var(--blue);}
.sdtl-torr-icon svg{width:17px;height:17px;}
.sdtl-torr-body{flex:1;min-width:0;}
.sdtl-torr-name{font-size:13px;font-weight:600;color:#dbe4ef;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px;}
.sdtl-torr-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
.sdtl-qbadge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:5px;border:1px solid transparent;line-height:1.4;}
.sdtl-qbadge.q4k{background:rgba(139,92,246,.15);color:#a78bfa;border-color:rgba(139,92,246,.25);}
.sdtl-qbadge.q1080{background:rgba(50,122,255,.15);color:#57aaff;border-color:rgba(50,122,255,.25);}
.sdtl-qbadge.q720{background:rgba(32,207,131,.15);color:#20cf83;border-color:rgba(32,207,131,.25);}
.sdtl-qbadge.qbluray{background:rgba(255,183,32,.12);color:#ffb720;border-color:rgba(255,183,32,.2);}
.sdtl-qbadge.qremux{background:rgba(255,157,33,.12);color:#ff9d21;border-color:rgba(255,157,33,.2);}
.sdtl-qbadge.qwebdl{background:rgba(34,200,229,.12);color:#22c8e5;border-color:rgba(34,200,229,.2);}
.sdtl-qbadge.qother{background:rgba(148,163,184,.1);color:#9fb0c4;border-color:rgba(148,163,184,.15);}
.sdtl-qbadge.free{background:rgba(32,207,131,.15);color:#20cf83;border-color:rgba(32,207,131,.25);}
.sdtl-torr-side{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0;}
.sdtl-torr-size{font-size:12px;font-weight:700;color:#ffb720;white-space:nowrap;display:flex;align-items:center;gap:5px;}
.sdtl-torr-size svg{width:13px;height:13px;}
.sdtl-torr-dl{font-size:11px;color:var(--muted);white-space:nowrap;display:flex;align-items:center;gap:4px;}
.sdtl-torr-dl svg{width:12px;height:12px;}
.sdtl-torr-arrow{color:var(--muted);flex-shrink:0;transition:all .16s;}
.sdtl-torr-item:hover .sdtl-torr-arrow{color:var(--blue);transform:translateX(3px);}
.sdtl-torr-arrow svg{width:16px;height:16px;}
.sdtl-empty-torr{padding:26px;text-align:center;color:var(--muted);font-size:13px;}

/* 相关字幕列表 */
.sdtl-subs{margin-top:16px;padding:20px 22px;}
.sdtl-sub-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:10px;}
.sdtl-sub-card{
  display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:10px;
  background:rgba(8,16,26,.4);border:1px solid var(--line);
  text-decoration:none;color:inherit;transition:all .16s;
}
.sdtl-sub-card:hover{border-color:rgba(50,103,255,.4);background:rgba(13,25,38,.7);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.2);}
.sdtl-sub-poster{width:36px;height:48px;border-radius:6px;object-fit:cover;flex-shrink:0;background:#0a1521;border:1px solid var(--line);}
.sdtl-sub-poster-ph{width:36px;height:48px;border-radius:6px;flex-shrink:0;background:linear-gradient(135deg,#0f1d2c,#0a1521);border:1px solid var(--line);display:grid;place-items:center;}
.sdtl-sub-poster-ph svg{width:16px;height:16px;color:#2a3f55;}
.sdtl-sub-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;}
.sdtl-sub-title{font-size:13px;font-weight:600;color:#dbe4ef;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sdtl-sub-card:hover .sdtl-sub-title{color:#7da0ff;}
.sdtl-sub-tags{display:flex;gap:5px;flex-wrap:wrap;align-items:center;}
.sdtl-sub-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:5px;border:1px solid transparent;line-height:1.4;}
.sdtl-sub-badge.lang-zh{color:#20cf83;background:rgba(32,207,131,.13);border-color:rgba(32,207,131,.28);}
.sdtl-sub-badge.lang-kr{color:#38bdf8;background:rgba(56,189,248,.13);border-color:rgba(56,189,248,.28);}
.sdtl-sub-badge.lang-en{color:#ff9d21;background:rgba(255,157,33,.13);border-color:rgba(255,157,33,.28);}
.sdtl-sub-badge.lang-dual{color:#a78bfa;background:rgba(167,139,250,.13);border-color:rgba(167,139,250,.28);}
.sdtl-sub-badge.lang-multi{color:#8c9aad;background:rgba(140,154,173,.13);border-color:rgba(140,154,173,.25);}
.sdtl-sub-badge.fmt-srt{color:#2673ff;background:rgba(38,115,255,.13);border-color:rgba(38,115,255,.28);}
.sdtl-sub-badge.fmt-ass{color:#a78bfa;background:rgba(167,139,250,.13);border-color:rgba(167,139,250,.28);}
.sdtl-sub-badge.fmt-ssa{color:#ff9d21;background:rgba(255,157,33,.13);border-color:rgba(255,157,33,.28);}
.sdtl-sub-badge.fmt-vtt{color:#20cf83;background:rgba(32,207,131,.13);border-color:rgba(32,207,131,.28);}
.sdtl-sub-badge.episode{color:#ffb720;background:rgba(255,183,32,.1);border-color:rgba(255,183,32,.2);}
.sdtl-sub-badge.free{color:#20cf83;background:rgba(32,207,131,.13);border-color:rgba(32,207,131,.25);}

/* ============================================================
   社区帖子详情页 (cmty-)
   ============================================================ */

/* ---- 侧边栏导航 ---- */
.cmty-side-nav{background:linear-gradient(180deg,rgba(16,29,42,.97),rgba(10,21,33,.96));border:1px solid #182838;border-radius:12px;padding:8px;box-shadow:0 8px 24px rgba(0,0,0,.15);}
.cmty-side-nav a{height:42px;border-radius:9px;display:flex;align-items:center;gap:10px;padding:0 14px;color:#c8d0db;font-weight:600;font-size:13px;transition:all .18s;text-decoration:none;position:relative;}
.cmty-side-nav a .ico{width:20px;height:20px;display:grid;place-items:center;flex-shrink:0;color:#7a8a9d;transition:color .18s;}
.cmty-side-nav a .ico svg{width:17px;height:17px;}
.cmty-side-nav a:hover{background:rgba(50,103,255,.06);color:#e8f0ff;}
.cmty-side-nav a:hover .ico{color:#7da0ff;}
.cmty-side-nav a.active{background:linear-gradient(90deg,rgba(50,103,255,.22),rgba(74,49,229,.1));color:#7da0ff;box-shadow:inset 0 0 0 1px rgba(50,103,255,.15);}
.cmty-side-nav a.active .ico{color:#7da0ff;}
.cmty-side-nav a.active::before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:60%;background:linear-gradient(180deg,#3267ff,#4a31e5);border-radius:0 3px 3px 0;}

/* ---- 侧边栏板块信息卡 ---- */
.cmty-board-card{background:linear-gradient(160deg,rgba(16,29,42,.97),rgba(10,21,33,.96));border:1px solid #182838;border-radius:12px;padding:16px;box-shadow:0 8px 24px rgba(0,0,0,.15);}
.cmty-board-card h3{margin:0 0 14px;font-size:13px;font-weight:700;color:#8c9aad;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:7px;}
.cmty-board-card h3 svg{width:14px;height:14px;opacity:.6;}
.cmty-board-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.cmty-board-icon{width:34px;height:34px;border-radius:9px;background:rgba(50,103,255,.1);border:1px solid rgba(50,103,255,.18);display:grid;place-items:center;font-size:18px;flex-shrink:0;}
.cmty-board-name{font-size:14px;font-weight:700;color:#dbe4ef;transition:color .15s;}
.cmty-board-name:hover{color:#7da0ff;}
.cmty-board-desc{font-size:12px;color:#7a8a9d;line-height:1.6;margin:0 0 12px;}
.cmty-board-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.cmty-board-stat{background:rgba(8,16,26,.5);border:1px solid rgba(255,255,255,.03);border-radius:8px;padding:10px;text-align:center;}
.cmty-board-stat .lbl{font-size:11px;color:#6a7a8d;margin-bottom:4px;}
.cmty-board-stat .val{font-size:18px;font-weight:800;color:#7da0ff;}
.cmty-board-locked{margin-top:10px;padding:8px 10px;border-radius:8px;background:rgba(255,157,33,.08);border:1px solid rgba(255,157,33,.2);color:#ff9d21;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px;}
.cmty-board-locked svg{width:13px;height:13px;flex-shrink:0;}

/* ---- 面包屑 ---- */
.cmty-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:#8c9aad;padding:0 2px 10px;flex-wrap:wrap;}
.cmty-breadcrumb a{color:#7a8a9d;transition:color .15s;display:inline-flex;align-items:center;gap:5px;}
.cmty-breadcrumb a:hover{color:#7da0ff;}
.cmty-breadcrumb a svg{width:14px;height:14px;opacity:.7;}
.cmty-breadcrumb .sep{color:#3a4a5d;font-size:14px;}
.cmty-breadcrumb .current{color:#c8d0db;font-weight:600;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* ---- Flash 消息 ---- */
.cmty-flash{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;margin-bottom:12px;font-size:13px;font-weight:500;border:1px solid transparent;}
.cmty-flash svg{width:18px;height:18px;flex-shrink:0;}
.cmty-flash-success{background:rgba(32,207,131,.08);border-color:rgba(32,207,131,.25);color:#20cf83;}
.cmty-flash-error{background:rgba(255,70,91,.08);border-color:rgba(255,70,91,.25);color:#ff465b;}
.cmty-flash-info{background:rgba(50,103,255,.08);border-color:rgba(50,103,255,.25);color:#7da0ff;}

/* ---- 空状态 / 帖子不存在 ---- */
.cmty-empty{background:linear-gradient(180deg,rgba(17,31,47,.97),rgba(11,23,36,.97));border:1px solid var(--line);border-radius:14px;padding:60px 30px;text-align:center;}
.cmty-empty svg{width:56px;height:56px;color:#2a3f55;margin-bottom:18px;}
.cmty-empty-title{font-size:18px;font-weight:700;color:#c8d0db;margin-bottom:8px;}
.cmty-empty-desc{font-size:13px;color:#6a7a8d;margin-bottom:20px;}
.cmty-empty-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:8px;background:linear-gradient(135deg,#3267ff,#4a31e5);color:#fff;font-size:13px;font-weight:700;text-decoration:none;transition:all .18s;box-shadow:0 3px 12px rgba(50,103,255,.2);}
.cmty-empty-btn:hover{transform:translateY(-1px);box-shadow:0 5px 16px rgba(50,103,255,.3);}

/* ---- 帖子卡片 ---- */
.cmty-thread-card{background:linear-gradient(180deg,rgba(17,31,47,.97),rgba(11,23,36,.97));border:1px solid var(--line);border-radius:14px;padding:24px 26px;box-shadow:var(--shadow);position:relative;overflow:hidden;}
.cmty-thread-card.pinned{border-color:rgba(255,183,32,.25);}
.cmty-thread-card.pinned::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ffb720,#ff9d21);}
.cmty-thread-card.locked{opacity:.92;}

.cmty-thread-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px;flex-wrap:wrap;}
.cmty-thread-title{font-size:22px;font-weight:800;color:#f4f7fb;margin:0;line-height:1.4;flex:1;min-width:0;}
.cmty-thread-badges{display:flex;align-items:center;gap:6px;flex-shrink:0;flex-wrap:wrap;}
.cmty-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:6px;font-size:11px;font-weight:700;border:1px solid transparent;line-height:1.5;}
.cmty-badge svg{width:12px;height:12px;flex-shrink:0;}
.cmty-badge.pin{color:#ffb720;background:rgba(255,183,32,.1);border-color:rgba(255,183,32,.25);}
.cmty-badge.lock{color:#ff9d21;background:rgba(255,157,33,.1);border-color:rgba(255,157,33,.25);}
.cmty-badge.pending{color:#7da0ff;background:rgba(50,103,255,.1);border-color:rgba(50,103,255,.25);}
.cmty-badge.hidden{color:#ff465b;background:rgba(255,70,91,.1);border-color:rgba(255,70,91,.25);}

/* ---- 帖子元信息 ---- */
.cmty-thread-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04);margin-bottom:16px;flex-wrap:wrap;}
.cmty-user-info{display:flex;align-items:center;gap:11px;}
.cmty-user-detail{display:flex;flex-direction:column;gap:3px;}
.cmty-username{font-size:14px;font-weight:700;color:#dbe4ef;}
.cmty-role-tag{font-size:10px;font-weight:700;padding:1px 7px;border-radius:5px;line-height:1.5;display:inline-block;}
.cmty-role-tag.admin{color:#ff465b;background:rgba(255,70,91,.1);border:1px solid rgba(255,70,91,.25);}
.cmty-role-tag.vip{color:#ffb720;background:rgba(255,183,32,.1);border:1px solid rgba(255,183,32,.25);}
.cmty-role-tag.user{color:#8c9aad;background:rgba(140,154,173,.1);border:1px solid rgba(140,154,173,.2);}

/* ---- 头像 ---- */
.cmty-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;display:inline-grid;place-items:center;flex-shrink:0;background:linear-gradient(135deg,#3267ff,#1f4fd8);box-shadow:0 0 0 2px rgba(50,103,255,.12);}
.cmty-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.cmty-avatar-text{color:#fff;font-size:16px;font-weight:700;}
.cmty-avatar-sm{width:34px;height:34px;}
.cmty-avatar-sm.cmty-avatar-text{font-size:14px;}

/* ---- 帖子统计 ---- */
.cmty-thread-stats{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.cmty-stat-item{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#7a8a9d;}
.cmty-stat-item svg{width:13px;height:13px;opacity:.6;flex-shrink:0;}

/* ---- 帖子内容 ---- */
.cmty-thread-content{font-size:14px;line-height:1.85;color:#c8d0db;word-break:break-word;min-height:60px;}
.cmty-thread-content br{line-height:1.85;}

/* ---- 帖子底部 ---- */
.cmty-thread-footer{display:flex;align-items:center;gap:18px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.04);flex-wrap:wrap;}
.cmty-post-time{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#6a7a8d;}
.cmty-post-time svg{width:12px;height:12px;opacity:.5;flex-shrink:0;}

/* ---- 回复列表 ---- */
.cmty-replies{background:linear-gradient(180deg,rgba(17,31,47,.97),rgba(11,23,36,.97));border:1px solid var(--line);border-radius:14px;margin-top:12px;overflow:hidden;}
.cmty-replies-head{padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.04);}
.cmty-replies-head h2{margin:0;font-size:16px;font-weight:700;color:#dbe4ef;display:flex;align-items:center;gap:8px;}
.cmty-replies-head h2 svg{width:18px;height:18px;color:#7da0ff;}
.cmty-reply-count{color:#6a7a8d;font-weight:500;font-size:14px;}

.cmty-reply-item{display:flex;gap:13px;padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.03);transition:background .15s;position:relative;}
.cmty-reply-item:last-child{border-bottom:0;}
.cmty-reply-item:hover{background:rgba(8,16,26,.3);}
.cmty-reply-avatar{flex-shrink:0;padding-top:2px;}
.cmty-reply-body{flex:1;min-width:0;}
.cmty-reply-head{display:flex;align-items:center;gap:8px;margin-bottom:7px;flex-wrap:wrap;}
.cmty-reply-head .cmty-username{font-size:13px;}
.cmty-floor{font-size:11px;color:#5a6a7d;font-weight:600;margin-left:auto;}
.cmty-reply-time{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#5a6a7d;}
.cmty-reply-time svg{width:11px;height:11px;opacity:.5;}
.cmty-reply-content{font-size:14px;line-height:1.75;color:#c8d0db;word-break:break-word;}

.cmty-reply-actions{flex-shrink:0;display:flex;align-items:flex-start;opacity:0;transition:opacity .15s;}
.cmty-reply-item:hover .cmty-reply-actions{opacity:1;}

.cmty-empty-replies{padding:40px 24px;text-align:center;color:#5a6a7d;font-size:13px;display:flex;flex-direction:column;align-items:center;gap:10px;}
.cmty-empty-replies svg{width:36px;height:36px;color:#2a3f55;opacity:.5;}

/* ---- 回复表单 ---- */
.cmty-reply-form{background:linear-gradient(180deg,rgba(17,31,47,.97),rgba(11,23,36,.97));border:1px solid var(--line);border-radius:14px;padding:20px 24px;margin-top:12px;}
.cmty-reply-form h3{margin:0 0 14px;font-size:15px;font-weight:700;color:#dbe4ef;display:flex;align-items:center;gap:8px;}
.cmty-reply-form h3 svg{width:17px;height:17px;color:#7da0ff;}
.cmty-reply-form textarea{width:100%;background:rgba(8,16,26,.6);border:1px solid var(--line);border-radius:10px;color:#f4f7fb;padding:13px 15px;font-size:14px;line-height:1.7;resize:vertical;min-height:100px;outline:none;transition:border-color .18s,box-shadow .18s;font-family:inherit;}
.cmty-reply-form textarea:focus{border-color:#3267ff;box-shadow:0 0 0 3px rgba(50,103,255,.1);}
.cmty-reply-form textarea::placeholder{color:#4a5a6e;}
.cmty-reply-form-actions{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:14px;flex-wrap:wrap;}
.cmty-form-hint{font-size:12px;color:#5a6a7d;}
.cmty-submit-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 22px;border-radius:9px;border:0;background:linear-gradient(135deg,#3267ff,#4a31e5);color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:all .18s;box-shadow:0 3px 12px rgba(50,103,255,.2);}
.cmty-submit-btn:hover{transform:translateY(-1px);box-shadow:0 5px 16px rgba(50,103,255,.3);}
.cmty-submit-btn svg{width:15px;height:15px;}

/* ---- 锁定/无权限提示 ---- */
.cmty-locked-notice{background:rgba(10,20,32,.6);border:1px solid rgba(255,157,33,.15);border-radius:12px;padding:18px 24px;margin-top:12px;display:flex;align-items:center;gap:10px;color:#8c9aad;font-size:14px;font-weight:600;}
.cmty-locked-notice svg{width:20px;height:20px;color:#ff9d21;flex-shrink:0;opacity:.7;}

/* ---- 管理员操作栏 ---- */
.cmty-admin-bar{background:rgba(10,20,32,.5);border:1px dashed rgba(50,103,255,.15);border-radius:12px;padding:14px 20px;margin-top:12px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.cmty-admin-label{font-size:12px;font-weight:700;color:#7da0ff;display:flex;align-items:center;gap:6px;flex-shrink:0;}
.cmty-admin-label svg{width:15px;height:15px;}
.cmty-admin-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.cmty-inline-form{display:inline-block;margin:0;}
.cmty-admin-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:7px;border:1px solid var(--line);background:rgba(8,16,26,.6);color:#c8d0db;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;}
.cmty-admin-btn:hover{border-color:#2a3f55;background:rgba(13,25,38,.9);color:#e8f0ff;}
.cmty-admin-btn svg{width:13px;height:13px;flex-shrink:0;}
.cmty-admin-btn.active{background:rgba(50,103,255,.1);border-color:rgba(50,103,255,.3);color:#7da0ff;}
.cmty-admin-btn.danger{color:#ff465b;border-color:rgba(255,70,91,.2);}
.cmty-admin-btn.danger:hover{background:rgba(255,70,91,.1);border-color:rgba(255,70,91,.4);color:#ff465b;}
.cmty-admin-btn.danger.active{background:rgba(255,70,91,.1);border-color:rgba(255,70,91,.3);color:#ff465b;}

/* ---- 社区首页 ---- */

/* 侧边栏统计卡 */
.cmty-stats{background:linear-gradient(180deg,rgba(16,29,42,.97),rgba(10,21,33,.96));border:1px solid #182838;border-radius:12px;padding:16px;box-shadow:0 8px 24px rgba(0,0,0,.15);margin-top:12px;}
.cmty-stats h3{margin:0 0 12px;font-size:12px;font-weight:700;color:#8c9aad;text-transform:uppercase;letter-spacing:.8px;display:flex;align-items:center;gap:7px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.05);}
.cmty-stats h3 svg{width:14px;height:14px;opacity:.6;}
.cmty-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.cmty-stats .cmty-stat-item{background:rgba(8,16,26,.5);border:1px solid rgba(255,255,255,.03);border-radius:8px;padding:10px;text-align:center;flex-direction:column;gap:3px;transition:all .18s;}
.cmty-stats .cmty-stat-item:hover{background:rgba(8,16,26,.7);transform:translateY(-1px);}
.cmty-stats .cmty-stat-item .lbl{font-size:11px;color:#6a7a8d;}
.cmty-stats .cmty-stat-item .val{font-size:18px;font-weight:800;}
.cmty-stats .cmty-stat-item .val.blue{color:#7da0ff;}
.cmty-stats .cmty-stat-item .val.green{color:#20cf83;}
.cmty-stats .cmty-stat-item .val.gold{color:#ffb720;}
.cmty-stats .cmty-stat-item .val.purple{color:#c084fc;}

/* 页面标题 */
.cmty-page-head{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.05);}
.cmty-head-icon{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,rgba(50,103,255,.18),rgba(74,49,229,.12));border:1px solid rgba(50,103,255,.25);display:grid;place-items:center;flex-shrink:0;box-shadow:0 4px 14px rgba(50,103,255,.1);}
.cmty-head-icon svg{width:24px;height:24px;color:#7da0ff;}
.cmty-head-titles h1{margin:0;font-size:24px;font-weight:800;color:#f4f7fb;letter-spacing:-.3px;}
.cmty-count{font-size:13px;color:#6a7a8d;margin-top:3px;}
.cmty-count b{color:#7da0ff;font-weight:700;}

/* 板块卡片网格 */
.cmty-board-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}

/* 卡片基础 + 4色主题循环 */
.cmty-grid-card{position:relative;display:flex;flex-direction:column;text-decoration:none;color:inherit;background:linear-gradient(160deg,rgba(17,31,47,.97),rgba(10,21,33,.96));border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 6px 20px rgba(0,0,0,.12);transition:all .2s;cursor:pointer;overflow:hidden;}
.cmty-grid-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:14px 14px 0 0;opacity:.8;transition:height .2s;}
.cmty-grid-card:hover{transform:translateY(-3px);box-shadow:0 14px 36px rgba(0,0,0,.22);}
.cmty-grid-card:hover::before{height:4px;}

/* 蓝色主题 */
.cmty-grid-card-1::before{background:linear-gradient(90deg,#3267ff,#4a31e5);}
.cmty-grid-card-1 .cmty-grid-card-icon{background:linear-gradient(135deg,rgba(50,103,255,.15),rgba(74,49,229,.1));border-color:rgba(50,103,255,.25);color:#7da0ff;}
.cmty-grid-card-1:hover{border-color:rgba(50,103,255,.3);}
.cmty-grid-card-1:hover .cmty-grid-card-arrow{background:rgba(50,103,255,.18);color:#7da0ff;}

/* 绿色主题 */
.cmty-grid-card-2::before{background:linear-gradient(90deg,#20cf83,#0ea5e9);}
.cmty-grid-card-2 .cmty-grid-card-icon{background:linear-gradient(135deg,rgba(32,207,131,.15),rgba(14,165,233,.1));border-color:rgba(32,207,131,.25);color:#20cf83;}
.cmty-grid-card-2:hover{border-color:rgba(32,207,131,.3);}
.cmty-grid-card-2:hover .cmty-grid-card-arrow{background:rgba(32,207,131,.18);color:#20cf83;}

/* 紫色主题 */
.cmty-grid-card-3::before{background:linear-gradient(90deg,#c084fc,#e879f9);}
.cmty-grid-card-3 .cmty-grid-card-icon{background:linear-gradient(135deg,rgba(192,132,252,.15),rgba(232,121,249,.1));border-color:rgba(192,132,252,.25);color:#c084fc;}
.cmty-grid-card-3:hover{border-color:rgba(192,132,252,.3);}
.cmty-grid-card-3:hover .cmty-grid-card-arrow{background:rgba(192,132,252,.18);color:#c084fc;}

/* 橙色主题 */
.cmty-grid-card-4::before{background:linear-gradient(90deg,#ffb720,#ff9d21);}
.cmty-grid-card-4 .cmty-grid-card-icon{background:linear-gradient(135deg,rgba(255,183,32,.15),rgba(255,157,33,.1));border-color:rgba(255,183,32,.25);color:#ffb720;}
.cmty-grid-card-4:hover{border-color:rgba(255,183,32,.3);}
.cmty-grid-card-4:hover .cmty-grid-card-arrow{background:rgba(255,183,32,.18);color:#ffb720;}

/* 卡片内部结构 */
.cmty-grid-card-top{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
.cmty-grid-card-icon{width:40px;height:40px;border-radius:10px;border:1px solid;display:grid;place-items:center;flex-shrink:0;transition:all .2s;}
.cmty-grid-card-icon svg{width:20px;height:20px;}
.cmty-grid-card:hover .cmty-grid-card-icon{transform:scale(1.08) rotate(-2deg);}
.cmty-grid-card-titles{flex:1;min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.cmty-grid-card-name{font-size:15px;font-weight:700;color:#e8f0ff;letter-spacing:-.2px;}
.cmty-grid-card-lock{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;background:rgba(255,157,33,.1);border:1px solid rgba(255,157,33,.2);color:#ff9d21;font-size:10px;font-weight:700;flex-shrink:0;}
.cmty-grid-card-lock svg{width:10px;height:10px;}
.cmty-grid-card-arrow{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;opacity:0;transition:all .2s;color:#6a7a8d;}
.cmty-grid-card:hover .cmty-grid-card-arrow{opacity:1;}
.cmty-grid-card-arrow svg{width:14px;height:14px;}
.cmty-grid-card-desc{font-size:12.5px;color:#7a8a9d;line-height:1.6;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.cmty-grid-card-stats{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.04);}
.cmty-grid-card-stat{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:#6a7a8d;}
.cmty-grid-card-stat svg{width:12px;height:12px;opacity:.5;flex-shrink:0;}
.cmty-grid-card-stat b{color:#c8d0db;font-weight:700;font-size:13px;}
.cmty-grid-card-activity{margin-left:auto;color:#5a6a7d!important;}
.cmty-grid-card-activity b{font-size:11px;color:#7a8a9d;font-weight:600;}

/* 右侧栏卡片 */
.cmty-right-card{background:linear-gradient(180deg,rgba(17,31,47,.97),rgba(11,23,36,.97));border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 6px 20px rgba(0,0,0,.12);position:relative;overflow:hidden;}
.cmty-right-card::before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;border-radius:3px 0 0 3px;}
.cmty-right-card:nth-of-type(1)::before{background:linear-gradient(180deg,#3267ff,#4a31e5);}
.cmty-right-card:nth-of-type(2)::before{background:linear-gradient(180deg,#ff6b3a,#ffb720);}
.cmty-right-card h3{margin:0 0 14px;font-size:12px;font-weight:700;color:#8c9aad;text-transform:uppercase;letter-spacing:.8px;display:flex;align-items:center;gap:7px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.05);}
.cmty-right-card h3 svg{width:14px;height:14px;opacity:.6;}
.cmty-rank-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;}
.cmty-rank-list li{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border-radius:8px;transition:all .15s;}
.cmty-rank-list li:hover{background:rgba(50,103,255,.06);}
.cmty-rank-num{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-size:11px;font-weight:800;flex-shrink:0;background:rgba(8,16,26,.6);color:#5a6a7d;transition:all .15s;}
.cmty-rank-list li:nth-child(1) .cmty-rank-num{background:linear-gradient(135deg,rgba(255,183,32,.25),rgba(255,157,33,.15));color:#ffb720;box-shadow:0 2px 8px rgba(255,183,32,.15);}
.cmty-rank-list li:nth-child(2) .cmty-rank-num{background:linear-gradient(135deg,rgba(140,154,173,.2),rgba(120,134,153,.12));color:#c8d0db;}
.cmty-rank-list li:nth-child(3) .cmty-rank-num{background:linear-gradient(135deg,rgba(255,107,58,.2),rgba(255,70,91,.12));color:#ff6b3a;}
.cmty-rank-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;}
.cmty-rank-title{font-size:13px;color:#c8d0db;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s;text-decoration:none;line-height:1.4;}
.cmty-rank-list li:hover .cmty-rank-title{color:#7da0ff;}
.cmty-rank-meta{font-size:11px;color:#5a6a7d;line-height:1.4;}
.cmty-rank-empty{font-size:12px;color:#5a6a7d;text-align:center;padding:16px 0;}
.cmty-heat{display:inline-flex;align-items:center;gap:3px;color:#ff6b3a;}
.cmty-heat svg{width:10px;height:10px;}

/* ---- 板块详情页 ---- */

/* 侧边栏板块信息卡 */
.cmty-board-info{background:linear-gradient(180deg,rgba(16,29,42,.97),rgba(10,21,33,.96));border:1px solid #182838;border-radius:12px;padding:16px;box-shadow:0 8px 24px rgba(0,0,0,.15);margin-top:12px;}
.cmty-board-info h3{margin:0 0 14px;font-size:12px;font-weight:700;color:#8c9aad;text-transform:uppercase;letter-spacing:.8px;display:flex;align-items:center;gap:7px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.05);}
.cmty-board-info h3 svg{width:14px;height:14px;opacity:.6;}
.cmty-board-info-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.cmty-board-info-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,rgba(50,103,255,.12),rgba(74,49,229,.08));border:1px solid rgba(50,103,255,.2);display:grid;place-items:center;font-size:20px;flex-shrink:0;color:#7da0ff;}
.cmty-board-info-icon svg{width:20px;height:20px;}
.cmty-board-info-name{font-size:15px;font-weight:700;color:#dbe4ef;}
.cmty-board-info-desc{font-size:12px;color:#7a8a9d;line-height:1.6;margin:0 0 12px;}
.cmty-board-info-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;}
.cmty-info-stat{background:rgba(8,16,26,.5);border:1px solid rgba(255,255,255,.03);border-radius:8px;padding:10px;text-align:center;}
.cmty-info-stat .lbl{font-size:11px;color:#6a7a8d;margin-bottom:3px;}
.cmty-info-stat .val{font-size:16px;font-weight:800;color:#7da0ff;}
.cmty-board-info-perms{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;}
.cmty-board-info-perms li{font-size:11px;color:#7a8a9d;display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:6px;background:rgba(8,16,26,.4);}
.cmty-board-info-perms li svg{width:12px;height:12px;flex-shrink:0;opacity:.6;}
.cmty-perm-locked{color:#ff9d21!important;}
.cmty-perm-approve{color:#7da0ff!important;}

/* 空状态 / 错误页 */
.cmty-state{background:linear-gradient(180deg,rgba(17,31,47,.97),rgba(11,23,36,.97));border:1px solid var(--line);border-radius:14px;padding:60px 30px;text-align:center;}
.cmty-state-icon{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:rgba(255,70,91,.08);border:1px solid rgba(255,70,91,.2);display:grid;place-items:center;color:#ff465b;}
.cmty-state-icon svg{width:30px;height:30px;}
.cmty-state-title{font-size:18px;font-weight:700;color:#c8d0db;margin-bottom:8px;}
.cmty-state-desc{font-size:13px;color:#6a7a8d;margin-bottom:20px;}
.cmty-state-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:8px;background:linear-gradient(135deg,#3267ff,#4a31e5);color:#fff;font-size:13px;font-weight:700;text-decoration:none;transition:all .18s;box-shadow:0 3px 12px rgba(50,103,255,.2);}
.cmty-state-btn:hover{transform:translateY(-1px);box-shadow:0 5px 16px rgba(50,103,255,.3);}

/* 锁定/审核提示 */
.cmty-notice{padding:14px 18px;border-radius:10px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:10px;}
.cmty-notice svg{width:18px;height:18px;flex-shrink:0;}
.cmty-notice-locked{background:rgba(255,157,33,.08);border:1px solid rgba(255,157,33,.2);color:#ff9d21;}

/* 发帖区 */
.cmty-post-area{margin-bottom:16px;}
.cmty-post-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-radius:10px;border:1px solid rgba(50,103,255,.2);background:linear-gradient(135deg,rgba(50,103,255,.06),rgba(74,49,229,.04));color:#7da0ff;font-size:14px;font-weight:700;cursor:pointer;transition:all .18s;font-family:inherit;}
.cmty-post-toggle:hover{background:linear-gradient(135deg,rgba(50,103,255,.1),rgba(74,49,229,.06));border-color:rgba(50,103,255,.3);}
.cmty-post-toggle.open{border-radius:10px 10px 0 0;border-bottom-color:transparent;}
.cmty-post-toggle svg{width:18px;height:18px;transition:transform .18s;}
.cmty-post-toggle.open svg{transform:rotate(180deg);}
.cmty-post-form{background:linear-gradient(180deg,rgba(17,31,47,.97),rgba(11,23,36,.97));border:1px solid rgba(50,103,255,.2);border-top:0;border-radius:0 0 10px 10px;padding:18px;}
.cmty-post-field{margin-bottom:14px;}
.cmty-post-field label{display:block;font-size:12px;font-weight:600;color:#8c9aad;margin-bottom:6px;}
.cmty-post-field input[type=text],.cmty-post-field textarea{width:100%;background:rgba(8,16,26,.6);border:1px solid var(--line);border-radius:8px;color:#f4f7fb;padding:11px 14px;font-size:14px;outline:none;transition:border-color .18s,box-shadow .18s;font-family:inherit;}
.cmty-post-field input[type=text]:focus,.cmty-post-field textarea:focus{border-color:#3267ff;box-shadow:0 0 0 3px rgba(50,103,255,.1);}
.cmty-post-field textarea{min-height:120px;resize:vertical;line-height:1.7;}
.cmty-post-field input::placeholder,.cmty-post-field textarea::placeholder{color:#4a5a6e;}
.cmty-post-hint{font-size:11px;color:#7da0ff;margin-top:6px;display:flex;align-items:center;gap:5px;}
.cmty-post-hint svg{width:12px;height:12px;}

/* 帖子列表 */
.cmty-thread-list{display:flex;flex-direction:column;gap:8px;}
.cmty-thread-item{display:flex;align-items:center;gap:14px;padding:14px 18px;background:linear-gradient(180deg,rgba(17,31,47,.97),rgba(11,23,36,.97));border:1px solid var(--line);border-radius:10px;text-decoration:none;color:inherit;transition:all .16s;position:relative;overflow:hidden;}
.cmty-thread-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:background .16s;}
.cmty-thread-item:hover{border-color:rgba(50,103,255,.25);transform:translateX(3px);background:linear-gradient(180deg,rgba(20,36,54,.97),rgba(14,27,41,.97));}
.cmty-thread-item:hover::before{background:linear-gradient(180deg,#3267ff,#4a31e5);}
.cmty-thread-item.pinned{border-left:3px solid #ffb720;background:linear-gradient(180deg,rgba(25,30,20,.97),rgba(18,23,15,.96));}
.cmty-thread-item.pinned:hover{border-left-color:#ffd54a;}
.cmty-thread-item-title{flex:1;min-width:0;}
.cmty-thread-item-title .title{font-size:14px;font-weight:600;color:#dbe4ef;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cmty-thread-item:hover .cmty-thread-item-title .title{color:#7da0ff;}
.cmty-thread-item.pinned .cmty-thread-item-title .title{color:#ffd54a;}
.cmty-thread-item-title .meta{font-size:11px;color:#6a7a8d;margin-top:4px;display:flex;align-items:center;gap:8px;}
.cmty-thread-item-stats{display:flex;align-items:center;gap:14px;flex-shrink:0;font-size:12px;color:#7a8a9d;}
.cmty-thread-item-stats span{display:inline-flex;align-items:center;gap:4px;}
.cmty-thread-item-stats svg{width:12px;height:12px;opacity:.5;}

/* 帖子列表区段头 */
.cmty-thread-section{margin-top:4px;}
.cmty-thread-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;padding:0 2px;}
.cmty-thread-head h2{font-size:16px;font-weight:700;color:#dbe4ef;margin:0;display:flex;align-items:center;gap:7px;}
.cmty-thread-head h2 svg{width:16px;height:16px;color:#7da0ff;}
.cmty-thread-count{font-size:12px;color:#6a7a8d;background:rgba(8,16,26,.5);padding:3px 10px;border-radius:6px;border:1px solid var(--line);}
.cmty-thread-flag{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;border-radius:4px;font-size:10px;font-weight:700;margin-right:4px;vertical-align:middle;}
.cmty-thread-flag.pin{background:rgba(255,183,32,.15);color:#ffb720;border:1px solid rgba(255,183,32,.25);}
.cmty-thread-flag.lock{background:rgba(255,70,91,.1);color:#ff465b;border:1px solid rgba(255,70,91,.2);}

/* 面包屑 */
.cmty-breadcrumb-sep{color:#3a4a5d;display:inline-flex;align-items:center;}
.cmty-breadcrumb-sep svg{width:13px;height:13px;opacity:.6;}
.cmty-breadcrumb-current{color:#c8d0db;font-weight:600;}

/* 发帖按钮 */
.cmty-post-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px;}
.cmty-post-submit{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;border-radius:8px;background:linear-gradient(135deg,#3267ff,#4a31e5);color:#fff;font-size:13px;font-weight:700;border:0;cursor:pointer;transition:all .18s;box-shadow:0 3px 12px rgba(50,103,255,.2);font-family:inherit;}
.cmty-post-submit:hover{transform:translateY(-1px);box-shadow:0 5px 16px rgba(50,103,255,.3);}

/* 分页 */
.cmty-pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:20px;flex-wrap:wrap;}
.cmty-pagination a,.cmty-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;}
.cmty-pagination a{background:rgba(8,16,26,.5);border:1px solid var(--line);color:#c8d0db;}
.cmty-pagination a:hover{background:rgba(50,103,255,.1);border-color:rgba(50,103,255,.3);color:#7da0ff;}
.cmty-pagination .current{background:linear-gradient(135deg,#3267ff,#4a31e5);border:1px solid transparent;color:#fff;}
.cmty-pagination .disabled{color:#3a4a5d;background:rgba(8,16,26,.3);}
.cmty-page-ellipsis{color:#3a4a5d;padding:0 4px;}
.cmty-page-info{font-size:12px;color:#5a6a7d;padding:0 8px;}

/* ---- 响应式 ---- */
@media (max-width:768px){
  .cmty-thread-card{padding:18px 16px;}
  .cmty-thread-title{font-size:18px;}
  .cmty-thread-meta{flex-direction:column;align-items:flex-start;gap:10px;}
  .cmty-thread-stats{gap:10px;}
  .cmty-reply-item{padding:14px 16px;}
  .cmty-replies-head{padding:14px 16px;}
  .cmty-reply-form{padding:16px;}
  .cmty-reply-actions{opacity:1;}
  .cmty-admin-bar{flex-direction:column;align-items:flex-start;gap:10px;}
  .cmty-admin-actions{width:100%;}
  .cmty-admin-btn{flex:1;justify-content:center;}
  .cmty-breadcrumb .current,.cmty-breadcrumb-current{max-width:200px;}
  .cmty-board-grid{grid-template-columns:1fr;}
  .cmty-thread-item{flex-direction:column;align-items:flex-start;gap:8px;}
  .cmty-thread-item-stats{gap:10px;}
  .cmty-page-head{flex-direction:column;align-items:flex-start;gap:10px;}
  .cmty-grid-card-stats{gap:10px;}
  .cmty-grid-card-activity{margin-left:0;}
}

/* ---- 社区富文本编辑器（Quill 暗色主题） ---- */
.cmty-editor{margin-bottom:12px;}
.cmty-editor .ql-toolbar{background:rgba(8,16,26,.8);border:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0;padding:8px 10px;}
.cmty-editor .ql-container{background:rgba(8,16,26,.6);border:1px solid var(--line);border-radius:0 0 8px 8px;font-family:inherit;font-size:14px;min-height:140px;}
.cmty-editor .ql-editor{color:#f4f7fb;min-height:140px;padding:12px 15px;line-height:1.7;}
.cmty-editor .ql-editor.ql-blank::before{color:#4a5a6e;font-style:normal;}
.cmty-editor .ql-editor p{margin:0 0 8px;color:#f4f7fb;}
.cmty-editor .ql-editor h1,.cmty-editor .ql-editor h2{color:#e8f0ff;margin:14px 0 8px;font-weight:700;}
.cmty-editor .ql-editor h1{font-size:18px;}
.cmty-editor .ql-editor h2{font-size:16px;}
.cmty-editor .ql-editor blockquote{border-left:3px solid #3267ff;padding-left:12px;margin:8px 0;color:#8c9aad;font-style:italic;}
.cmty-editor .ql-editor pre{background:rgba(0,0,0,.3);border:1px solid var(--line);border-radius:6px;padding:10px 12px;overflow-x:auto;font-size:13px;}
.cmty-editor .ql-editor code{background:rgba(0,0,0,.3);padding:2px 6px;border-radius:4px;font-size:13px;color:#7da0ff;}
.cmty-editor .ql-editor img{max-width:100%;border-radius:8px;margin:6px 0;}
.cmty-editor .ql-editor a{color:#7da0ff;text-decoration:underline;}
.cmty-editor .ql-editor ul,.cmty-editor .ql-editor ol{padding-left:22px;margin:6px 0;}
.cmty-editor .ql-editor li{margin-bottom:4px;}
.cmty-editor .ql-snow .ql-stroke{stroke:#8c9aad!important;}
.cmty-editor .ql-snow .ql-stroke.ql-active,.cmty-editor .ql-snow .ql-stroke:hover{stroke:#7da0ff!important;}
.cmty-editor .ql-snow .ql-fill{fill:#8c9aad!important;}
.cmty-editor .ql-snow .ql-fill.ql-active,.cmty-editor .ql-snow .ql-fill:hover{fill:#7da0ff!important;}
.cmty-editor .ql-snow .ql-picker-label{color:#8c9aad!important;}
.cmty-editor .ql-snow .ql-picker-label:hover,.cmty-editor .ql-snow .ql-picker-label.ql-active{color:#7da0ff!important;}
.cmty-editor .ql-snow .ql-picker-options{background:#0f1d2e;border:1px solid var(--line);border-radius:6px;box-shadow:0 6px 20px rgba(0,0,0,.4);}
.cmty-editor .ql-snow .ql-picker-item{color:#c8d0db;}
.cmty-editor .ql-snow .ql-picker-item:hover{color:#7da0ff;background:rgba(50,103,255,.08);}
.cmty-editor .ql-snow.ql-toolbar button:hover .ql-stroke,.cmty-editor .ql-snow.ql-toolbar button.ql-active .ql-stroke{stroke:#7da0ff!important;}
.cmty-editor .ql-snow.ql-toolbar button:hover .ql-fill,.cmty-editor .ql-snow.ql-toolbar button.ql-active .ql-fill{fill:#7da0ff!important;}
.cmty-editor .ql-snow.ql-toolbar button{color:#8c9aad;}
.cmty-editor .ql-snow.ql-toolbar button:hover,.cmty-editor .ql-snow.ql-toolbar button.ql-active{color:#7da0ff;}
.cmty-editor .ql-tooltip{background:#0f1d2e;border:1px solid var(--line);border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,.4);color:#c8d0db;padding:8px 12px;}
.cmty-editor .ql-tooltip input[type=text]{background:rgba(8,16,26,.6);border:1px solid var(--line);border-radius:5px;color:#f4f7fb;padding:4px 8px;font-size:13px;outline:none;}
.cmty-editor .ql-tooltip input[type=text]:focus{border-color:#3267ff;}
.cmty-editor .ql-tooltip a{color:#7da0ff;}
.cmty-reply-form .cmty-editor .ql-container{min-height:100px;}
.cmty-reply-form .cmty-editor .ql-editor{min-height:100px;}

/* ---- 社区上传区域 ---- */
.cmty-upload-area{margin-bottom:14px;padding:14px 16px;background:linear-gradient(135deg,rgba(50,103,255,.04),rgba(74,49,229,.03));border:1px dashed rgba(50,103,255,.18);border-radius:12px;transition:border-color .2s,background .2s;}
.cmty-upload-area:hover{border-color:rgba(50,103,255,.3);background:linear-gradient(135deg,rgba(50,103,255,.06),rgba(74,49,229,.04));}
.cmty-upload-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.cmty-upload-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;border:1px solid rgba(50,103,255,.18);background:linear-gradient(135deg,rgba(50,103,255,.1),rgba(74,49,229,.06));color:#9ab8ff;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;position:relative;overflow:hidden;}
.cmty-upload-btn::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(50,103,255,.12),transparent);opacity:0;transition:opacity .2s;}
.cmty-upload-btn:hover{border-color:rgba(50,103,255,.4);background:linear-gradient(135deg,rgba(50,103,255,.14),rgba(74,49,229,.1));box-shadow:0 4px 14px rgba(50,103,255,.15);transform:translateY(-1px);color:#b0c8ff;}
.cmty-upload-btn:hover::before{opacity:1;}
.cmty-upload-btn:active{transform:translateY(0);}
.cmty-upload-btn svg{flex-shrink:0;position:relative;z-index:1;}
.cmty-upload-btn span,.cmty-upload-btn{position:relative;z-index:1;}
.cmty-upload-hint{font-size:11px;color:#5a6a7d;margin-left:auto;display:flex;align-items:center;gap:4px;}
.cmty-upload-hint::before{content:"";width:4px;height:4px;border-radius:50%;background:#3a4a5e;flex-shrink:0;}

/* ---- 社区附件列表（上传时） ---- */
.cmty-attach-list{display:flex;flex-direction:column;gap:8px;margin-top:12px;}
.cmty-attach-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:linear-gradient(135deg,rgba(13,25,38,.6),rgba(8,16,26,.5));border:1px solid var(--line);border-left:3px solid rgba(50,103,255,.3);border-radius:10px;transition:all .2s;position:relative;overflow:hidden;}
.cmty-attach-item::after{content:"";position:absolute;top:0;right:0;width:80px;height:100%;background:linear-gradient(90deg,transparent,rgba(50,103,255,.03));pointer-events:none;}
.cmty-attach-item:hover{border-color:rgba(50,103,255,.25);border-left-color:#3267ff;background:linear-gradient(135deg,rgba(13,25,38,.8),rgba(8,16,26,.7));transform:translateX(2px);}
.cmty-attach-item.uploading{border-left-color:rgba(50,103,255,.5);background:linear-gradient(135deg,rgba(50,103,255,.04),rgba(8,16,26,.5));}
.cmty-attach-icon{flex-shrink:0;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(50,103,255,.12),rgba(74,49,229,.06));color:#7da0ff;transition:all .2s;}
.cmty-attach-icon.is-img{background:linear-gradient(135deg,rgba(32,207,131,.12),rgba(32,207,131,.06));color:#20cf83;}
.cmty-attach-item:hover .cmty-attach-icon{transform:scale(1.06);}
.cmty-attach-icon svg{width:20px;height:20px;}
.cmty-attach-thumb{width:40px;height:40px;border-radius:10px;object-fit:cover;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.3);}
.cmty-attach-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;}
.cmty-attach-name{font-size:13px;color:#dbe4ef;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;}
.cmty-attach-meta{font-size:11px;color:#5a6a7d;display:flex;align-items:center;gap:4px;}
.cmty-attach-meta::before{content:"";width:3px;height:3px;border-radius:50%;background:#3a4a5e;}
.cmty-attach-remove{flex-shrink:0;width:28px;height:28px;border-radius:8px;border:1px solid rgba(255,70,91,.12);background:rgba(255,70,91,.06);color:#ff465b;cursor:pointer;display:grid;place-items:center;transition:all .18s;}
.cmty-attach-remove:hover{background:rgba(255,70,91,.15);border-color:rgba(255,70,91,.3);transform:scale(1.1);box-shadow:0 2px 8px rgba(255,70,91,.2);}
.cmty-attach-remove svg{width:14px;height:14px;}
.cmty-attach-loading{flex-shrink:0;display:flex;align-items:center;gap:6px;}
.cmty-spin{width:18px;height:18px;border:2.5px solid rgba(50,103,255,.15);border-top-color:#7da0ff;border-radius:50%;animation:cmtySpin .6s linear infinite;display:inline-block;}
@keyframes cmtySpin{to{transform:rotate(360deg);}}

/* ---- 社区帖子/回复内容渲染（Quill HTML） ---- */
.cmty-thread-content{font-size:14.5px;line-height:1.85;color:#dbe4ef;word-break:break-word;}
.cmty-thread-content p{margin:0 0 10px;}
.cmty-thread-content h1{font-size:18px;font-weight:700;color:#e8f0ff;margin:16px 0 8px;}
.cmty-thread-content h2{font-size:16px;font-weight:700;color:#e8f0ff;margin:14px 0 6px;}
.cmty-thread-content blockquote{border-left:3px solid #3267ff;padding:4px 14px;margin:10px 0;color:#8c9aad;font-style:italic;background:rgba(50,103,255,.04);border-radius:0 6px 6px 0;}
.cmty-thread-content pre{background:rgba(0,0,0,.3);border:1px solid var(--line);border-radius:8px;padding:12px 14px;overflow-x:auto;font-size:13px;margin:10px 0;}
.cmty-thread-content code{background:rgba(0,0,0,.3);padding:2px 6px;border-radius:4px;font-size:13px;color:#7da0ff;}
.cmty-thread-content pre code{background:none;padding:0;color:#dbe4ef;}
.cmty-thread-content img{max-width:100%;border-radius:8px;margin:8px 0;cursor:pointer;transition:filter .15s;}
.cmty-thread-content img:hover{filter:brightness(1.08);}
.cmty-thread-content a{color:#7da0ff;text-decoration:underline;word-break:break-all;}
.cmty-thread-content a:hover{color:#9ab8ff;}
.cmty-thread-content ul,.cmty-thread-content ol{padding-left:24px;margin:8px 0;}
.cmty-thread-content li{margin-bottom:5px;}
.cmty-reply-content{font-size:13.5px;line-height:1.8;color:#dbe4ef;word-break:break-word;}
.cmty-reply-content p{margin:0 0 8px;}
.cmty-reply-content p:last-child{margin-bottom:0;}
.cmty-reply-content h1,.cmty-reply-content h2{font-size:15px;font-weight:700;color:#e8f0ff;margin:10px 0 5px;}
.cmty-reply-content blockquote{border-left:3px solid #3267ff;padding:2px 12px;margin:6px 0;color:#8c9aad;font-style:italic;background:rgba(50,103,255,.04);border-radius:0 6px 6px 0;}
.cmty-reply-content pre{background:rgba(0,0,0,.3);border:1px solid var(--line);border-radius:6px;padding:8px 12px;overflow-x:auto;font-size:12px;margin:6px 0;}
.cmty-reply-content code{background:rgba(0,0,0,.3);padding:2px 5px;border-radius:4px;font-size:12px;color:#7da0ff;}
.cmty-reply-content pre code{background:none;padding:0;color:#dbe4ef;}
.cmty-reply-content img{max-width:100%;border-radius:6px;margin:5px 0;cursor:pointer;transition:filter .15s;}
.cmty-reply-content img:hover{filter:brightness(1.08);}
.cmty-reply-content a{color:#7da0ff;text-decoration:underline;word-break:break-all;}
.cmty-reply-content ul,.cmty-reply-content ol{padding-left:22px;margin:5px 0;}
.cmty-reply-content li{margin-bottom:4px;}

/* ---- 社区附件展示（帖子/回复中） ---- */
.cmty-thread-attachments{margin-top:16px;padding-top:16px;border-top:1px solid var(--line);}
.cmty-att-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#8c9aad;margin-bottom:12px;flex-wrap:wrap;}
.cmty-att-label>svg{width:15px;height:15px;color:#7da0ff;}
.cmty-att-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:10.5px;font-weight:600;line-height:1.5;}
.cmty-att-badge.img{background:rgba(32,207,131,.1);color:#20cf83;border:1px solid rgba(32,207,131,.18);}
.cmty-att-badge.file{background:rgba(50,103,255,.1);color:#7da0ff;border:1px solid rgba(50,103,255,.18);}
.cmty-reply-attachments{margin-top:10px;}

/* 图片画廊 */
.cmty-att-gallery{display:grid;gap:8px;margin-bottom:8px;}
.cmty-att-gallery-1{grid-template-columns:minmax(0,280px);}
.cmty-att-gallery-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:480px;}
.cmty-att-gallery-3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:600px;}
.cmty-att-gallery-4,.cmty-att-gallery-5,.cmty-att-gallery-6{grid-template-columns:repeat(3,minmax(0,1fr));max-width:600px;}

/* ---- 个人资料编辑弹窗 ---- */
.prof-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:10000;display:flex;align-items:center;justify-content:center;animation:profFadeIn .18s ease;}
@keyframes profFadeIn{from{opacity:0}to{opacity:1}}
@keyframes profSlideUp{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
.prof-modal-box{background:linear-gradient(160deg,#0f1d2e,#0a1622);border:1px solid #1a2d44;border-radius:16px;width:90%;max-width:440px;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:profSlideUp .25s ease;overflow:hidden;}
.prof-modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #15212e;background:rgba(50,103,255,.04);}
.prof-modal-title{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:700;color:#e8f0ff;}
.prof-modal-title svg{color:#7da0ff;}
.prof-modal-close{cursor:pointer;color:#6a7a8d;font-size:24px;line-height:1;transition:color .15s;padding:0 4px;}
.prof-modal-close:hover{color:#ff465b;}
.prof-modal-body{padding:22px;max-height:60vh;overflow-y:auto;}
.prof-avatar-area{display:flex;justify-content:center;margin-bottom:22px;}
.prof-avatar-big{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#3267ff,#1f4fd8);display:grid;place-items:center;font-size:32px;font-weight:700;color:#fff;box-shadow:0 0 0 4px rgba(50,103,255,.12),0 8px 24px rgba(50,103,255,.2);transition:all .25s;}
.prof-field{margin-bottom:16px;}
.prof-label{display:block;font-size:11px;font-weight:600;color:#6a7a8d;text-transform:uppercase;letter-spacing:.8px;margin-bottom:7px;}
.prof-input{width:100%;background:#091420;border:1px solid #1d2b3b;border-radius:8px;color:#dbe4ef;padding:11px 14px;font-size:14px;transition:all .18s;outline:none;}
.prof-input:focus{border-color:#3267ff;background:#0b1826;box-shadow:0 0 0 3px rgba(50,103,255,.1);}
.prof-input::placeholder{color:#4a5a6e;}
.prof-input-disabled{opacity:.55;cursor:not-allowed;background:#07101a;}
.prof-divider{display:flex;align-items:center;gap:12px;margin:20px 0 16px;}
.prof-divider::before,.prof-divider::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,#1d2b3b,transparent);}
.prof-divider span{font-size:11px;color:#5a6a7d;font-weight:600;white-space:nowrap;}
.prof-msg{font-size:13px;text-align:center;min-height:18px;margin-top:4px;transition:all .15s;}
.prof-msg-error{color:#ff465b;}
.prof-msg-success{color:#20cf83;font-weight:600;}
.prof-modal-foot{display:flex;gap:10px;padding:14px 22px;border-top:1px solid #15212e;background:rgba(0,0,0,.15);}
.prof-btn-cancel{flex:1;padding:11px;border-radius:9px;border:1px solid #1d2b3b;background:transparent;color:#8c9aad;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;}
.prof-btn-cancel:hover{background:rgba(255,255,255,.04);color:#c5cdd8;}
.prof-btn-save{flex:1;padding:11px;border-radius:9px;border:0;background:linear-gradient(135deg,#3267ff,#4a31e5);color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px rgba(50,103,255,.3);}
.prof-btn-save:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(50,103,255,.4);}
.prof-btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none;}
@media(max-width:480px){
    .prof-modal-box{width:94%;border-radius:12px;}
    .prof-modal-body{padding:18px 16px;}
    .prof-modal-foot{padding:12px 16px;}
}
.cmty-att-gallery-item{position:relative;display:block;border-radius:12px;overflow:hidden;background:rgba(8,16,26,.6);border:1px solid var(--line);cursor:pointer;transition:all .2s;aspect-ratio:4/3;}
.cmty-att-gallery-item:hover{border-color:rgba(50,103,255,.35);box-shadow:0 8px 24px rgba(0,0,0,.4),0 0 0 1px rgba(50,103,255,.1);transform:translateY(-2px);}
.cmty-att-gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease,filter .2s;}
.cmty-att-gallery-item:hover img{transform:scale(1.06);filter:brightness(.9);}
.cmty-att-gallery-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.7));display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:10px;opacity:0;transition:opacity .2s;gap:6px;}
.cmty-att-gallery-item:hover .cmty-att-gallery-overlay{opacity:1;}
.cmty-att-gallery-zoom{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.15);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);color:#fff;display:grid;place-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .2s;}
.cmty-att-gallery-item:hover .cmty-att-gallery-zoom{background:rgba(50,103,255,.5);border-color:rgba(122,160,255,.6);}
.cmty-att-gallery-zoom svg{width:18px;height:18px;}
.cmty-att-gallery-info{font-size:11px;color:rgba(255,255,255,.85);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-shadow:0 1px 4px rgba(0,0,0,.5);}

/* 文件卡片 */
.cmty-att-files{display:flex;flex-direction:column;gap:8px;}
.cmty-att-file-card{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(135deg,rgba(13,25,38,.5),rgba(8,16,26,.4));color:#c8d0db;font-size:12.5px;text-decoration:none;transition:all .2s;position:relative;overflow:hidden;}
.cmty-att-file-card::after{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,#3267ff,#4a31e5);opacity:0;transition:opacity .2s;}
.cmty-att-file-card:hover{border-color:rgba(50,103,255,.25);background:linear-gradient(135deg,rgba(50,103,255,.04),rgba(8,16,26,.5));transform:translateX(2px);text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,.2);}
.cmty-att-file-card:hover::after{opacity:1;}
.cmty-att-file-icon{flex-shrink:0;width:44px;height:44px;border-radius:10px;display:grid;place-items:center;position:relative;font-size:9px;font-weight:800;letter-spacing:.5px;color:#fff;box-shadow:0 3px 10px rgba(0,0,0,.2);}
.cmty-att-file-icon::before{content:"";position:absolute;inset:0;border-radius:10px;background:linear-gradient(135deg,var(--icon-c1,#5066ff),var(--icon-c2,#4a31e5));}
.cmty-att-file-icon::after{content:"";position:absolute;top:0;right:0;width:14px;height:14px;background:linear-gradient(225deg,rgba(255,255,255,.3),transparent);border-radius:0 10px 0 100%;}
.cmty-att-file-ext{position:relative;z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.3);}
.cmty-att-file-icon.pdf{--icon-c1:#ff5757;--icon-c2:#e03e3e;}
.cmty-att-file-icon.doc{--icon-c1:#3b82f6;--icon-c2:#2563eb;}
.cmty-att-file-icon.xls{--icon-c1:#22c55e;--icon-c2:#16a34a;}
.cmty-att-file-icon.ppt{--icon-c1:#f97316;--icon-c2:#ea580c;}
.cmty-att-file-icon.archive{--icon-c1:#a855f7;--icon-c2:#9333ea;}
.cmty-att-file-icon.video{--icon-c1:#ec4899;--icon-c2:#db2777;}
.cmty-att-file-icon.audio{--icon-c1:#14b8a6;--icon-c2:#0d9488;}
.cmty-att-file-icon.torrent{--icon-c1:#6366f1;--icon-c2:#4f46e5;}
.cmty-att-file-icon.subtitle{--icon-c1:#f59e0b;--icon-c2:#d97706;}
.cmty-att-file-icon.text{--icon-c1:#64748b;--icon-c2:#475569;}
.cmty-att-file-icon.default{--icon-c1:#5066ff;--icon-c2:#4a31e5;}
.cmty-att-file-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;}
.cmty-att-file-name{font-size:13px;color:#dbe4ef;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cmty-att-file-meta{font-size:11px;color:#5a6a7d;display:flex;align-items:center;gap:4px;}
.cmty-att-file-meta::before{content:"";width:3px;height:3px;border-radius:50%;background:#3a4a5e;}
.cmty-att-file-dl{flex-shrink:0;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:rgba(50,103,255,.08);color:#5a6a7d;transition:all .2s;}
.cmty-att-file-card:hover .cmty-att-file-dl{background:rgba(50,103,255,.15);color:#7da0ff;transform:scale(1.08);}
.cmty-att-file-dl svg{width:16px;height:16px;}

/* ---- 社区编辑器/上传区域响应式 ---- */
@media (max-width:768px){
  .cmty-upload-hint{display:none;}
  .cmty-upload-btn{flex:1;justify-content:center;}
  .cmty-att-gallery-2,.cmty-att-gallery-3,.cmty-att-gallery-4,.cmty-att-gallery-5,.cmty-att-gallery-6{grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%;}
  .cmty-att-gallery-1{grid-template-columns:minmax(0,1fr);max-width:100%;}
  .cmty-att-file-card{padding:8px 10px;gap:10px;}
  .cmty-att-file-icon{width:38px;height:38px;}
}
.sdtl-sub-meta{font-size:11px;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.sdtl-sub-meta-item{display:flex;align-items:center;gap:3px;}
.sdtl-sub-meta-item svg{width:10px;height:10px;opacity:.6;}
.sdtl-sub-dl{width:32px;height:32px;border-radius:8px;flex-shrink:0;display:grid;place-items:center;background:linear-gradient(135deg,#3267ff,#4a31e5);color:#fff;transition:all .15s;box-shadow:0 2px 8px rgba(50,103,255,.2);}
.sdtl-sub-card:hover .sdtl-sub-dl{filter:brightness(1.15);transform:scale(1.06);}
.sdtl-sub-dl svg{width:14px;height:14px;}
.sdtl-empty-subs{padding:26px;text-align:center;color:var(--muted);font-size:13px;}

.sdtl-404{
  padding:70px 30px;text-align:center;
  background:linear-gradient(160deg,rgba(17,31,47,.97),rgba(11,23,36,.97));
  border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.28);
}
.sdtl-404-icon{width:74px;height:74px;margin:0 auto 18px;border-radius:50%;background:rgba(255,70,91,.1);border:1px solid rgba(255,70,91,.22);display:grid;place-items:center;color:#ff465b;}
.sdtl-404-icon svg{width:34px;height:34px;}
.sdtl-404 h2{margin:0 0 8px;font-size:20px;color:#f4f7fb;}
.sdtl-404 p{margin:0 0 22px;color:var(--muted);font-size:13px;}
.sdtl-404 .sdtl-back{margin:0;}

@media(max-width:760px){
  .sdtl-info{padding:20px 18px;}
  .sdtl-info-top{gap:12px;}
  .sdtl-info-icon{width:46px;height:46px;border-radius:11px;}
  .sdtl-info-icon svg{width:22px;height:22px;}
  .sdtl-title{font-size:18px;}
  .sdtl-meta{grid-template-columns:repeat(2,1fr);}
  .sdtl-movie-link{flex-direction:column;}
  .sdtl-movie-poster{width:100%;height:0;padding-bottom:70%;object-fit:cover;}
  .sdtl-torr-side{display:none;}
  .sdtl-dl-btn{height:52px;font-size:15px;}
  .sdtl-sub-grid{grid-template-columns:1fr;}
}

/* ---- 공용 액션 모달 ---- */
.thx-modal-overlay{position:fixed;inset:0;z-index:10020;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(4,10,18,.74);backdrop-filter:blur(8px);animation:thxFadeIn .18s ease;}
@keyframes thxFadeIn{from{opacity:0}to{opacity:1}}
@keyframes thxPopIn{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
.thx-modal-box{width:min(480px,94vw);background:linear-gradient(180deg,rgba(12,24,38,.98),rgba(8,18,30,.98));border:1px solid rgba(93,128,255,.18);border-radius:20px;box-shadow:0 24px 80px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.02) inset;overflow:hidden;animation:thxPopIn .22s ease;}
.thx-modal-head{display:flex;align-items:center;gap:14px;padding:22px 22px 16px;border-bottom:1px solid rgba(255,255,255,.05);background:linear-gradient(180deg,rgba(50,103,255,.08),rgba(50,103,255,0));}
.thx-modal-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;color:#d8e5ff;background:linear-gradient(135deg,#3e6bff,#5a37ff);box-shadow:0 12px 28px rgba(63,108,255,.32),0 0 0 4px rgba(63,108,255,.12);flex-shrink:0;}
.thx-modal-headtext{min-width:0;flex:1;}
.thx-modal-title{font-size:20px;font-weight:800;line-height:1.2;color:#f4f8ff;letter-spacing:-.02em;}
.thx-modal-sub{margin-top:6px;font-size:12px;color:#89a0be;display:flex;align-items:center;gap:8px;}
.thx-modal-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:rgba(28,214,179,.12);border:1px solid rgba(28,214,179,.24);color:#6df0cf;font-weight:700;font-size:11px;letter-spacing:.02em;}
.thx-modal-close{appearance:none;border:0;background:transparent;color:#7d8ea6;font-size:28px;line-height:1;padding:0 2px;cursor:pointer;transition:all .15s ease;}
.thx-modal-close:hover{color:#eef4ff;transform:scale(1.05);}
.thx-modal-body{padding:18px 22px 8px;}
.thx-modal-message{margin:0;color:#d6e0ee;font-size:15px;line-height:1.8;white-space:pre-wrap;word-break:keep-all;}
.thx-modal-foot{display:flex;justify-content:flex-end;gap:12px;padding:18px 22px 22px;}
.thx-btn{appearance:none;border-radius:14px;padding:12px 18px;min-width:110px;font-size:14px;font-weight:800;cursor:pointer;transition:all .18s ease;border:1px solid transparent;}
.thx-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(88,120,255,.22);}
.thx-btn-muted{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08);color:#d6deeb;}
.thx-btn-muted:hover{background:rgba(255,255,255,.08);transform:translateY(-1px);}
.thx-btn-primary{background:linear-gradient(135deg,#71e7ff,#58b9ff);border-color:rgba(113,231,255,.22);color:#062033;box-shadow:0 10px 28px rgba(77,196,255,.24);}
.thx-btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(77,196,255,.28);}
@media(max-width:520px){.thx-modal-box{width:94vw;border-radius:16px;}.thx-modal-head{padding:18px 16px 14px;}.thx-modal-body{padding:16px 16px 6px;}.thx-modal-foot{padding:16px;gap:10px;}.thx-btn{flex:1;min-width:0;}.thx-modal-title{font-size:18px;}.thx-modal-message{font-size:14px;line-height:1.7;}}

/* ---- Point Game treasure ---- */
.point-game-treasure{position:fixed;z-index:10012;width:82px;height:82px;border:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6b2 0 8%,#ffd84d 9% 22%,#ffb520 23% 48%,#f58212 49% 70%,#7a3d03 71% 100%);box-shadow:0 18px 45px rgba(255,165,31,.34),0 0 0 5px rgba(255,190,45,.12),inset 0 0 0 4px rgba(255,255,255,.22);cursor:pointer;opacity:0;transform:translateY(14px) scale(.72) rotate(-8deg);transition:opacity .22s ease,transform .22s ease,filter .18s ease;display:grid;place-items:center;color:#512c00;font-weight:900;user-select:none;-webkit-tap-highlight-color:transparent;}
.point-game-treasure::before{content:"";position:absolute;inset:8px;border:2px dashed rgba(112,59,0,.5);border-radius:50%;animation:pointTreasureSpin 7s linear infinite;}
.point-game-treasure::after{content:"";position:absolute;left:50%;top:50%;width:112px;height:112px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,207,91,.28);box-shadow:0 0 35px rgba(255,184,53,.28);animation:pointTreasurePulse 1.4s ease-in-out infinite;pointer-events:none;}
.point-game-treasure.is-visible{opacity:1;transform:translateY(0) scale(1) rotate(0deg);}
.point-game-treasure:hover{transform:translateY(-4px) scale(1.06);filter:brightness(1.05);}
.point-game-treasure.is-claiming{transform:scale(.88);filter:brightness(1.22);pointer-events:none;}
.point-game-treasure.is-expired{opacity:0;transform:scale(.55) rotate(15deg);pointer-events:none;}
.point-game-glow{position:absolute;inset:-18px;border-radius:50%;background:radial-gradient(circle,rgba(255,204,75,.22),transparent 66%);animation:pointTreasureGlow 1.2s ease-in-out infinite;pointer-events:none;}
.point-game-coin{position:relative;z-index:2;font-size:29px;line-height:1;text-shadow:0 1px 0 rgba(255,255,255,.6);margin-top:-8px;}
.point-game-reward{position:absolute;z-index:3;left:50%;bottom:12px;transform:translateX(-50%);font-size:12px;line-height:1;background:rgba(74,39,0,.82);color:#fff3bf;padding:4px 7px;border-radius:999px;box-shadow:0 3px 8px rgba(71,36,0,.25);white-space:nowrap;}
.point-game-timer{position:absolute;z-index:4;right:-7px;top:-7px;min-width:28px;height:28px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:#111d2c;border:2px solid #ffbf37;color:#ffe9a5;font-size:10px;font-weight:800;box-shadow:0 5px 14px rgba(0,0,0,.34);}
@keyframes pointTreasureSpin{to{transform:rotate(360deg)}}
@keyframes pointTreasurePulse{0%,100%{opacity:.45;transform:translate(-50%,-50%) scale(.92)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}
@keyframes pointTreasureGlow{0%,100%{opacity:.45;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}}
@media(max-width:600px){.point-game-treasure{width:70px;height:70px}.point-game-coin{font-size:24px}.point-game-reward{font-size:10px;bottom:9px}.point-game-treasure::after{width:96px;height:96px}}
@media(prefers-reduced-motion:reduce){.point-game-treasure,.point-game-treasure::before,.point-game-treasure::after,.point-game-glow{animation:none!important;transition:none!important}}

/* ===== Game Center v1.0.35 ===== */
.gc-user-wrap{max-width:1440px;margin:0 auto;padding:26px 26px 50px;}
.gc-user-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;margin-bottom:20px;border:1px solid rgba(89,111,255,.18);border-radius:20px;background:radial-gradient(circle at 85% 0,rgba(67,92,255,.18),transparent 32%),linear-gradient(145deg,#0e1c2b,#09131e);box-shadow:0 18px 46px rgba(0,0,0,.2)}
.gc-user-kicker{font-size:10px;font-weight:800;letter-spacing:1.8px;color:#7194ff}.gc-user-hero h1{margin:6px 0 8px;font-size:30px}.gc-user-hero p{margin:0;color:#8496ad;font-size:13px}.gc-user-balance{text-align:right}.gc-user-balance span{display:block;color:#72859d;font-size:11px}.gc-user-balance b{display:block;margin-top:5px;font-size:26px;color:#73e8c5}
.gc-user-off{padding:28px;border:1px dashed #26394b;border-radius:16px;color:#7f91a8;text-align:center;background:#0b1622}
.gc-user-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.gc-user-card{background:linear-gradient(155deg,#0f1d2d,#0a1520);border:1px solid #1a2b3e;border-radius:18px;padding:20px;box-shadow:0 12px 28px rgba(0,0,0,.15)}.gc-user-card.span2{grid-column:span 2}
.gc-user-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.gc-user-card-head>div{display:flex;align-items:center;gap:10px}.gc-user-card-head h2{margin:0;font-size:17px}.gc-user-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(79,105,255,.14);border:1px solid rgba(79,105,255,.24);color:#9eb0ff;font-weight:900}.gc-user-icon.gold{color:#ffd15c;background:rgba(255,193,57,.12);border-color:rgba(255,193,57,.24)}.gc-user-icon.cyan{color:#62e4df;background:rgba(59,221,209,.1);border-color:rgba(59,221,209,.22)}.gc-user-icon.purple{color:#c192ff;background:rgba(143,87,255,.1);border-color:rgba(143,87,255,.22)}
.gc-user-chip{font-size:10px;font-weight:800;letter-spacing:.6px;padding:5px 9px;border-radius:999px;color:#9cadc2;background:#111f2e;border:1px solid #24374b}.gc-user-chip.gold{color:#ffd15c}.gc-user-chip.cyan{color:#62e4df}.gc-user-chip.purple{color:#c192ff}
.gc-mission-list{display:flex;flex-direction:column;gap:9px}.gc-mission{display:grid;grid-template-columns:minmax(0,1fr) 70px 86px;align-items:center;gap:12px;padding:12px;border:1px solid #182838;border-radius:12px;background:rgba(7,16,26,.45)}.gc-mission-main b{display:block;font-size:13px}.gc-mission-main>span{display:block;margin-top:3px;color:#71849c;font-size:11px}.gc-progress{height:5px;margin-top:8px;border-radius:99px;background:#172535;overflow:hidden}.gc-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4b6cff,#54d6ff)}.gc-mission-reward{font-weight:800;color:#67e2bf;text-align:right}.gc-action-btn{border:1px solid #2a3b52;background:#152338;color:#d8e2f0;border-radius:9px;padding:8px 10px;font-size:11px;font-weight:700;cursor:pointer}.gc-action-btn:hover:not(:disabled){border-color:#567cff;background:#1a2b45}.gc-action-btn:disabled{opacity:.42;cursor:not-allowed}.gc-action-btn.accent{background:linear-gradient(135deg,#4e67ff,#783fff);border:0;color:#fff}.gc-action-btn.loading{opacity:.6}
.gc-all-bonus{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:12px 14px;border-radius:12px;background:linear-gradient(90deg,rgba(82,92,255,.08),rgba(119,62,255,.05));border:1px solid rgba(89,94,255,.16)}.gc-all-bonus span{font-size:12px;color:#9aaac0}.gc-all-bonus b{color:#75e2c0}
.gc-box-visual{text-align:center;padding:14px 0 18px}.gc-box{margin:0 auto 14px;width:84px;height:70px;border-radius:16px 16px 22px 22px;display:grid;place-items:center;font-size:28px;color:#fff2ae;background:linear-gradient(145deg,#d78418,#7f4210);border:2px solid #f4b73d;box-shadow:0 16px 35px rgba(220,133,26,.24),0 0 0 5px rgba(255,190,60,.06)}.gc-box-visual p,.gc-card-desc{color:#7e90a7;font-size:12px;line-height:1.7}.gc-big-btn{width:100%;border:0;border-radius:12px;padding:12px;background:linear-gradient(135deg,#ffbd3b,#ff8c2a);color:#2c1600;font-weight:900;cursor:pointer}.gc-big-btn:disabled{filter:grayscale(.5);opacity:.45;cursor:not-allowed}
.gc-explore-row{display:grid;grid-template-columns:minmax(0,1fr) 60px 80px;gap:12px;align-items:center;padding:10px 0;border-top:1px solid #152434}.gc-explore-row:first-of-type{border-top:0}.gc-explore-row span{color:#6ce3bd;font-weight:800;text-align:right}.gc-explore-row b{font-size:12px}
.gc-ach-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gc-ach{display:grid;grid-template-columns:40px minmax(0,1fr) 76px;align-items:center;gap:10px;padding:12px;border:1px solid #1a2b3e;border-radius:12px;background:#0a1622}.gc-ach-star{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#ffcc55;background:rgba(255,190,52,.1);border:1px solid rgba(255,190,52,.2)}.gc-ach b{font-size:12px}.gc-ach span{display:block;margin-top:3px;color:#74869c;font-size:10px}
.gc-quiz-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.gc-quiz{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;padding:12px;border:1px solid #1a2b3e;border-radius:14px;background:#0a1622}.gc-quiz img{width:90px;height:132px;object-fit:cover;border-radius:9px;background:#111}.gc-quiz-body>b{display:block;font-size:12px;margin-bottom:8px}.gc-quiz-options{display:grid;gap:6px}.gc-quiz-choice{display:flex;align-items:center;gap:7px;width:100%;text-align:left;border:1px solid #24364b;background:#101e2d;color:#cbd6e5;padding:7px 8px;border-radius:8px;font-size:10px;cursor:pointer}.gc-quiz-choice:hover:not(:disabled){border-color:#526fff;background:#15263c}.gc-quiz-choice span{width:20px;height:20px;display:grid;place-items:center;border-radius:6px;background:#1b2a3c;color:#91a5c2;font-weight:800}.gc-quiz-choice:disabled{opacity:.5;cursor:not-allowed}.gc-quiz-body small{display:block;margin-top:8px;font-size:10px}.gc-quiz-body small.ok{color:#66dfb9}.gc-quiz-body small.bad{color:#ff7585}.gc-empty{padding:24px;text-align:center;color:#73869d}
.gc-rare-treasure{position:fixed;z-index:10013;width:92px;height:82px;border:0;background:transparent;cursor:pointer;opacity:0;transform:scale(.65) translateY(14px);transition:.22s ease;color:#fff}.gc-rare-treasure.show{opacity:1;transform:scale(1) translateY(0)}.gc-rare-aura{position:absolute;inset:-20px;border-radius:50%;background:radial-gradient(circle,rgba(164,88,255,.32),transparent 68%);animation:gcRarePulse 1.2s infinite}.gc-rare-box{position:absolute;inset:8px 10px 16px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#8047e8,#34205f);border:2px solid #bc8bff;box-shadow:0 15px 38px rgba(116,65,220,.38);font-size:30px}.gc-rare-treasure b{position:absolute;bottom:0;left:50%;transform:translateX(-50%);padding:4px 8px;border-radius:999px;background:#1a102b;color:#e2c7ff;font-size:11px;white-space:nowrap}.gc-rare-treasure small{position:absolute;right:-2px;top:0;background:#0b1420;border:1px solid #9867ef;border-radius:999px;padding:4px 6px;font-size:9px}@keyframes gcRarePulse{50%{transform:scale(1.12);opacity:.62}}
@media(max-width:900px){.gc-user-grid{grid-template-columns:1fr}.gc-user-card.span2{grid-column:auto}.gc-quiz-list{grid-template-columns:1fr}.gc-ach-grid{grid-template-columns:1fr}.gc-user-hero{align-items:flex-start;flex-direction:column}.gc-user-balance{text-align:left}.gc-mission{grid-template-columns:minmax(0,1fr) 62px 72px}}
@media(max-width:560px){.gc-user-wrap{padding:16px 12px 38px}.gc-user-hero{padding:20px}.gc-user-hero h1{font-size:24px}.gc-mission{grid-template-columns:1fr 60px}.gc-mission .gc-action-btn{grid-column:1/-1}.gc-quiz{grid-template-columns:74px minmax(0,1fr)}.gc-quiz img{width:74px;height:108px}}

/* ===== v1.0.36 Game Center navigation visibility / mobile drawer ===== */
.user-menu-game-center:hover{background:rgba(50,103,255,.07)!important;color:#8fb0ff!important}
.user-menu-game-badge{margin-left:auto;padding:2px 7px;border-radius:999px;background:rgba(255,183,32,.1);border:1px solid rgba(255,183,32,.18);color:#ffbf3f;font-size:10px;font-weight:800}
.gc-user-off{display:flex!important;flex-direction:column;align-items:center;gap:7px;text-align:center;padding:34px 24px!important}
.gc-user-off b{font-size:16px;color:#e7edf7}.gc-user-off span{max-width:640px;color:#8796aa;font-size:12px;line-height:1.7}
.gc-off-admin-link{margin-top:6px;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border-radius:8px;background:rgba(50,103,255,.12);border:1px solid rgba(70,117,255,.24);color:#86a7ff;font-size:12px;font-weight:800}
.mobile-nav-backdrop{position:fixed;inset:0;z-index:10040;background:rgba(0,0,0,.55);backdrop-filter:blur(2px)}
.mobile-nav-drawer{position:fixed;top:0;right:0;z-index:10050;width:min(86vw,330px);height:100dvh;background:linear-gradient(180deg,#0e1a29,#08121d);border-left:1px solid #1a2c41;box-shadow:-18px 0 48px rgba(0,0,0,.42);transform:translateX(105%);transition:transform .22s ease;display:flex;flex-direction:column}
.mobile-nav-drawer.open{transform:translateX(0)}
.mobile-nav-head{height:58px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #18283b;color:#edf4ff}
.mobile-nav-close{width:36px;height:36px;border:0;border-radius:8px;background:#101f30;color:#aebbd0;font-size:24px;cursor:pointer}
.mobile-nav-links{padding:10px;display:flex;flex-direction:column;gap:4px;overflow:auto}
.mobile-nav-links a{min-height:46px;padding:0 14px;border-radius:9px;display:flex;align-items:center;gap:8px;color:#c5d0de;font-size:13px;font-weight:700;border:1px solid transparent}
.mobile-nav-links a:hover{background:#101f30;color:#eef5ff}.mobile-nav-links a.active{background:linear-gradient(90deg,rgba(50,103,255,.18),rgba(70,49,229,.09));border-color:rgba(50,103,255,.18);color:#7fa1ff}
.mobile-nav-links a small{margin-left:auto;padding:2px 7px;border-radius:999px;background:rgba(255,183,32,.09);color:#ffbd39;font-size:9px}.mobile-nav-links a.danger{color:#ff7080}
body.mobile-nav-open{overflow:hidden}
@media(min-width:761px){.mobile-nav-drawer,.mobile-nav-backdrop{display:none!important}}

/* ===== Site features v1.0.42~v1.0.51 ===== */
.header-notify-btn{position:relative;width:34px;height:34px;border:1px solid #1a2d44;border-radius:8px;display:grid;place-items:center;color:#9eb0c6;background:#0d1927;text-decoration:none;flex:0 0 auto}.header-notify-btn:hover,.header-notify-btn.active{color:#fff;border-color:#365dff;background:#142443}.header-notify-btn svg{width:17px;height:17px}.header-notify-badge{position:absolute;right:-5px;top:-6px;min-width:17px;height:17px;border-radius:9px;padding:0 4px;background:#ff465b;color:#fff;font-size:9px;font-weight:800;display:grid;place-items:center;border:2px solid #07101a}.user-menu-links-v2{display:grid;grid-template-columns:1fr 1fr;padding:8px;border-bottom:1px solid #1a2d44;gap:3px}.user-menu-links-v2 a{padding:8px 10px;color:#b8c5d8;text-decoration:none;border-radius:6px;font-size:12px}.user-menu-links-v2 a:hover{background:#15243a;color:#fff}.user-menu-links-v2 em{float:right;background:#ff465b;color:#fff;font-style:normal;padding:1px 5px;border-radius:8px;font-size:9px}
.site-search-suggest{position:fixed;z-index:5000;background:#0b1725;border:1px solid #20344d;border-radius:10px;box-shadow:0 18px 50px rgba(0,0,0,.48);overflow:hidden;max-height:430px;overflow-y:auto}.site-search-suggest a{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:8px 10px;color:#dce7f7;text-decoration:none;border-bottom:1px solid #142235}.site-search-suggest a:last-child{border-bottom:0}.site-search-suggest a:hover{background:#13233a}.site-search-suggest img{width:42px;height:58px;object-fit:cover;border-radius:5px;background:#101d2c}.site-search-suggest b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-search-suggest small{display:block;margin-top:4px;color:#6f829b;font-size:10px}.site-search-suggest em{font-size:10px;color:#5d7ca2;font-style:normal}.srch-keyword-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:10px 0 14px}.srch-keyword-row a{font-size:11px;color:#9eb4d1;border:1px solid #1c3048;background:#0d1a29;border-radius:14px;padding:4px 9px;text-decoration:none}.srch-keyword-row a:hover{color:#fff;border-color:#365dff}.srch-keyword-row a small{margin-left:4px;color:#62748c}.srch-keyword-label{font-size:10px;color:#65768c;font-weight:700;text-transform:uppercase;margin-left:3px}
.resource-health-badge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;font-size:10px;font-weight:700;border:1px solid #263a50;color:#8ea2ba}.resource-health-badge.ok{color:#32d296;border-color:rgba(50,210,150,.35);background:rgba(50,210,150,.08)}.resource-health-badge.warn{color:#ffb84d;border-color:rgba(255,184,77,.35);background:rgba(255,184,77,.08)}.resource-health-badge.bad{color:#ff6574;border-color:rgba(255,101,116,.35);background:rgba(255,101,116,.08)}.resource-health-badge.info{color:#68a5ff}.detail-social-actions{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.detail-social-actions button{height:32px;border:1px solid #20354e;background:#0c1826;color:#92a6bd;border-radius:7px;padding:0 11px;font-size:11px;cursor:pointer}.detail-social-actions button:hover,.detail-social-actions button.active,.udtl2-btn-fav.active{border-color:#4b66ff;color:#dfe6ff;background:#18294a}.detail-social-actions button:disabled{opacity:.5;cursor:wait}
.feature-shell{max-width:1320px;margin:0 auto;padding:28px 22px 60px}.feature-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.feature-head h1{font-size:24px;margin:0 0 5px;color:#eff5ff}.feature-head p{margin:0;color:#7e8fa5;font-size:12px}.feature-btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border:1px solid #355dff;background:#3157e8;color:#fff;border-radius:7px;text-decoration:none;font-size:12px;cursor:pointer}.feature-btn.secondary{background:#0e1a29;border-color:#24394f;color:#b9c8da}.feature-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.feature-stats>div,.feature-card{background:#0b1724;border:1px solid #1b2d42;border-radius:11px}.feature-stats>div{padding:16px}.feature-stats b{font-size:20px;color:#eff6ff;display:block}.feature-stats span{font-size:10px;color:#70849e;margin-top:5px;display:block}.feature-card{margin-bottom:14px;overflow:hidden}.feature-card-head{height:48px;padding:0 16px;border-bottom:1px solid #17283a;display:flex;align-items:center;justify-content:space-between}.feature-card-head b{font-size:13px}.feature-card-head span{font-size:10px;color:#6c7e94}.feature-table-wrap{overflow:auto}.feature-table{width:100%;border-collapse:collapse;min-width:720px}.feature-table th,.feature-table td{padding:11px 14px;border-bottom:1px solid #142336;text-align:left;font-size:11px;color:#aab9cc}.feature-table th{color:#657991;font-size:10px;background:#0d1927}.feature-table td b{display:block;color:#e5edf8;font-size:12px}.feature-table td small{display:block;color:#62748a;margin-top:4px}.feature-table a{color:#6f98ff;text-decoration:none}.feature-empty{padding:40px;text-align:center;color:#60738a;font-size:12px}.status-pill{display:inline-flex;padding:3px 7px;border-radius:10px;font-size:10px;border:1px solid #2a3d54}.status-pill.ok,.status-pill.resolved{color:#31cc8d;border-color:rgba(49,204,141,.3);background:rgba(49,204,141,.07)}.status-pill.pending{color:#ffc15c}.status-pill.processing{color:#68a5ff}.status-pill.rejected,.status-pill.bad{color:#ff6574}.status-pill.muted{color:#76879b}
.feature-tabs{display:flex;gap:5px;margin-bottom:14px;border-bottom:1px solid #1b2c41}.feature-tabs a{padding:10px 13px;color:#7588a0;text-decoration:none;font-size:12px;border-bottom:2px solid transparent}.feature-tabs a.active{color:#fff;border-color:#4568ff}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.feature-media-card{display:grid;grid-template-columns:62px 1fr;gap:11px;padding:10px;border:1px solid #1a2b40;background:#0b1724;border-radius:10px;text-decoration:none;color:#dce6f5;min-width:0}.feature-media-card:hover{border-color:#3455d8;background:#0f1d2e}.feature-media-card img{width:62px;height:88px;object-fit:cover;border-radius:6px;background:#101d2d}.feature-media-card b{display:block;font-size:12px;line-height:1.45;margin-top:2px}.feature-media-card span,.feature-media-card small{display:block;font-size:10px;color:#6e8198;margin-top:7px}.feature-empty.wide{grid-column:1/-1;border:1px dashed #1f3148;border-radius:10px}
.notify-list{display:grid;gap:8px}.notify-item{display:grid;grid-template-columns:8px 1fr;gap:10px;background:#0b1724;border:1px solid #192b40;border-radius:10px;padding:14px}.notify-item.unread{border-color:#274b8f;background:#0e1c30}.notify-dot{width:7px;height:7px;border-radius:50%;background:#35475d;margin-top:7px}.notify-item.unread .notify-dot{background:#4e75ff;box-shadow:0 0 10px #4e75ff}.notify-title{display:flex;justify-content:space-between;gap:15px}.notify-title b{font-size:12px;color:#e8f0fb}.notify-title small{font-size:10px;color:#65778e}.notify-item p{font-size:11px;color:#8194aa;margin:6px 0}.notify-actions{display:flex;gap:10px}.notify-actions a,.notify-actions button{border:0;background:none;padding:0;color:#6e96ff;font-size:10px;cursor:pointer;text-decoration:none}
.report-overlay{position:fixed;inset:0;z-index:9000;background:rgba(2,8,15,.78);display:grid;place-items:center;padding:20px}.report-dialog{width:min(440px,100%);background:#0d1928;border:1px solid #233b58;border-radius:12px;box-shadow:0 22px 70px rgba(0,0,0,.55);padding:16px}.report-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.report-head b{font-size:15px}.report-head button{border:0;background:none;color:#7f91a8;font-size:22px;cursor:pointer}.report-dialog label{display:block;color:#72859d;font-size:11px;margin-top:10px}.report-dialog select,.report-dialog textarea{width:100%;margin-top:6px;background:#091421;border:1px solid #223750;border-radius:7px;color:#dfe8f5;padding:9px;font-size:12px;box-sizing:border-box}.report-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.report-foot button{border:1px solid #263b52;background:#101e2e;color:#a8b7c9;border-radius:7px;padding:8px 14px;cursor:pointer}.report-foot .primary{background:#365dff;border-color:#365dff;color:#fff}
@media(max-width:900px){.feature-stats{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.feature-shell{padding:18px 12px 45px}.feature-head{align-items:flex-start;flex-direction:column}.feature-grid{grid-template-columns:1fr}.feature-stats{grid-template-columns:repeat(2,1fr)}.site-search-suggest{left:8px!important;width:calc(100vw - 16px)!important}.user-menu-links-v2{grid-template-columns:1fr}}
.feature-stats.six{grid-template-columns:repeat(6,minmax(0,1fr))}.feature-stats.six>a{padding:15px;background:#0b1724;border:1px solid #1b2d42;border-radius:10px;text-decoration:none}.feature-stats.six>a:hover{border-color:#365dff}.feature-stats.six b{display:block;color:#f0f6ff;font-size:18px}.feature-stats.six span{display:block;color:#71849b;font-size:10px;margin-top:4px}.profile-points{margin-left:auto;text-align:right}.profile-points b{display:block;color:#66e0a8;font-size:20px}.profile-points span{font-size:10px;color:#6e8198}.dashboard-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feature-card-head a{color:#6e96ff;font-size:10px;text-decoration:none}.dashboard-mini-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px}.dashboard-mini-list>a{display:grid;grid-template-columns:44px 1fr;gap:8px;color:#d7e1ef;text-decoration:none;min-width:0}.dashboard-mini-list img{width:44px;height:62px;object-fit:cover;border-radius:5px}.dashboard-mini-list b,.dashboard-row-list b{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-mini-list small,.dashboard-row-list small{font-size:9px;color:#65788f;display:block;margin-top:5px}.dashboard-row-list>a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 14px;border-bottom:1px solid #142438;color:#d7e1ef;text-decoration:none}.dashboard-row-list>a:last-child{border-bottom:0}.dashboard-row-list>a.unread{background:rgba(54,93,255,.05)}.dashboard-row-list span{min-width:0}.dashboard-row-list em{font-size:9px;color:#65778d;font-style:normal;white-space:nowrap}@media(max-width:1000px){.feature-stats.six{grid-template-columns:repeat(3,1fr)}.dashboard-columns{grid-template-columns:1fr}}@media(max-width:560px){.feature-stats.six{grid-template-columns:repeat(2,1fr)}.dashboard-mini-list{grid-template-columns:1fr 1fr}.profile-points{margin-left:0;text-align:left}}

/* v1.0.52 personalized home */
.home-personal-note{margin-left:auto;color:#667b95;font-size:10px}.home-personal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.home-personal-card{display:grid;grid-template-columns:54px minmax(0,1fr);gap:10px;align-items:center;min-width:0;padding:9px;border:1px solid #192b40;background:#0a1623;border-radius:9px;text-decoration:none;color:#dbe5f3}.home-personal-card:hover{border-color:#365dff;background:#0e1c2d}.home-personal-card img{width:54px;height:76px;object-fit:cover;border-radius:5px;background:#0f1c2a}.home-personal-card span{min-width:0}.home-personal-card b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-personal-card small{display:block;margin-top:7px;color:#6f8198;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:980px){.home-personal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.home-personal-grid{grid-template-columns:1fr}.home-personal-note{display:none}}

/* v1.0.58 user collections */
.collection-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:12px}.collection-side{margin:0}.collection-side nav{padding:8px}.collection-side nav a{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border-radius:7px;color:#90a3ba;text-decoration:none;font-size:11px}.collection-side nav a:hover,.collection-side nav a.active{background:#142540;color:#fff}.collection-side nav em{font-style:normal;background:#0a1420;border-radius:10px;padding:1px 7px;color:#6881a0}.collection-create{padding:12px;border-top:1px solid #17283a;display:grid;gap:7px}.collection-create input,.collection-inline-form select{width:100%;box-sizing:border-box;background:#08131f;border:1px solid #20344d;border-radius:7px;color:#dfe8f4;padding:9px;font-size:11px}.collection-inline-form{padding:14px;display:grid;grid-template-columns:1fr auto;gap:8px}.collection-items{display:grid;gap:0}.collection-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border-bottom:1px solid #142438}.collection-item>a{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:center;padding:10px 14px;color:#dce6f4;text-decoration:none;min-width:0}.collection-item img{width:48px;height:68px;object-fit:cover;border-radius:5px}.collection-item b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-item small{display:block;margin-top:6px;color:#6f8299;font-size:9px}.collection-item form{padding-right:14px}.collection-item form button{width:28px;height:28px;border:1px solid #263b52;border-radius:7px;background:#101d2b;color:#7f91a7;cursor:pointer}.collection-item form button:hover{color:#ff6574;border-color:#ff6574}@media(max-width:760px){.collection-layout{grid-template-columns:1fr}.collection-side nav{display:flex;overflow:auto}.collection-side nav a{min-width:120px}}

/* === TorrentHub Banner/USDT user center === */
.th-banner-slot{display:grid;grid-template-columns:repeat(var(--bb-cols),minmax(0,1fr));gap:var(--bb-gap);width:min(1400px,calc(100% - 32px));margin:14px auto}.th-banner-item{height:var(--bb-h);overflow:hidden;border-radius:10px;display:block;background:#101b29;border:1px solid #22354d}.th-banner-item img{width:100%;height:100%;object-fit:var(--bb-fit);display:block}.bb-user-wrap{width:min(1280px,calc(100% - 32px));margin:24px auto 50px}.bb-user-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.bb-user-head h1{margin:0 0 5px;font-size:26px}.bb-user-head p{margin:0;color:#8190a5}.bb-user-head>strong{font-size:26px;color:#45d69a}.bb-user-head>strong small{font-size:12px;color:#8fa0b5}.bb-user-alert{padding:12px 14px;border:1px solid #2b5279;background:#10243a;border-radius:10px;margin-bottom:14px}.bb-user-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bb-user-card{background:#0d1724;border:1px solid #1d3046;border-radius:14px;padding:18px;margin-bottom:16px}.bb-user-card h3{margin:0 0 14px}.bb-user-form{display:grid;gap:12px}.bb-user-form label{display:grid;gap:6px;color:#b9c8da;font-size:12px;font-weight:700}.bb-user-form input,.bb-user-form select{min-height:42px;border:1px solid #29415d;background:#09121d;color:#eaf2ff;border-radius:8px;padding:8px 11px}.bb-user-form button{min-height:42px;border:0;border-radius:9px;background:#4f7cff;color:white;font-weight:800;cursor:pointer}.bb-user-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bb-paybox{display:grid;gap:8px;margin-top:16px;padding:16px;border:1px solid #345b85;border-radius:12px;background:#0b1e31}.bb-paybox strong{font-size:27px;color:#4ee0a1}.bb-paybox code{word-break:break-all;padding:10px;background:#07101a;border-radius:7px}.bb-paybox p,.bb-paybox em{margin:0;color:#8fa0b5;font-size:12px}.bb-user-list{display:grid;gap:8px}.bb-user-list a{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;text-decoration:none;color:#dce8f7;padding:10px;border:1px solid #1e344d;border-radius:9px}.bb-user-list small{color:#8ea0b7}.bb-user-table{overflow:auto}.bb-user-table table{width:100%;border-collapse:collapse;min-width:720px;font-size:12px}.bb-user-table th,.bb-user-table td{padding:10px;border-bottom:1px solid #1d3046;text-align:left}.bb-user-table .plus{color:#4ee0a1}.bb-user-table .minus{color:#ff7180}.bb-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.bb-products article{padding:16px;border:1px solid #203853;background:#0d1724;border-radius:13px}.bb-products h3{margin:0 0 8px}.bb-products b{font-size:20px;color:#4ee0a1}.bb-products b small{font-size:11px;color:#8394a9}.bb-products p{font-size:12px;color:#8fa0b5;line-height:1.7}.bb-products span{font-size:11px;color:#6f9cff}.bb-user-thumb{width:100px;height:40px;object-fit:cover;border-radius:6px}@media(max-width:900px){.bb-user-grid,.bb-user-row{grid-template-columns:1fr}.bb-products{grid-template-columns:repeat(2,minmax(0,1fr))}.bb-user-head{align-items:flex-start;flex-direction:column}.th-banner-slot{grid-template-columns:repeat(var(--bb-mcols),minmax(0,1fr));width:min(100% - 20px,1400px);gap:var(--bb-gap)}.th-banner-item{height:var(--bb-mh)}}@media(max-width:520px){.bb-products{grid-template-columns:1fr}.bb-user-wrap{width:calc(100% - 20px)}}

/* v1.0.88 USDT network badge */
.bb-network-field{display:grid;gap:7px;margin:2px 0}.bb-network-field-label{color:#8195ad;font-size:11px;font-weight:700}.bb-network-badge{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-width:126px;padding:10px 12px;border:1px solid #21364d;border-radius:9px;background:linear-gradient(145deg,#1c2634,#182230);box-shadow:inset 0 1px 0 rgba(255,255,255,.025);line-height:1.2}.bb-network-badge b{color:#f1f6ff;font-size:14px;font-weight:800;letter-spacing:.01em}.bb-network-badge small{color:#8ca0b9!important;font-size:11px!important;font-weight:500;white-space:nowrap}.bb-network-badge-lg{min-width:154px;padding:12px 14px}.bb-network-badge-lg b{font-size:16px}.bb-network-badge-lg small{font-size:12px!important}.bb-network-badge-sm{min-width:116px;padding:7px 9px;border-radius:7px}.bb-network-badge-sm b{font-size:12px}.bb-network-badge-sm small{font-size:10px!important}.bb-deposit-order-meta{display:flex;align-items:center;gap:10px;min-width:0}.bb-deposit-order-meta>em{font-style:normal;color:#71859d;font-size:11px;white-space:nowrap}.bb-user-list a>.bb-deposit-order-meta{min-width:150px}@media(max-width:620px){.bb-user-list a{grid-template-columns:1fr auto}.bb-user-list a>small{grid-column:1/-1}.bb-network-badge-lg{width:100%}.bb-network-badge{max-width:100%}}