/* 2026stellar - 独立影视模板（全部 t2026-* 前缀） */

:root {
  --t2026-bg: #070a12;
  --t2026-panel: rgba(17, 24, 39, 0.86);
  --t2026-panel2: rgba(15, 23, 42, 0.92);
  --t2026-border: rgba(148, 163, 184, 0.22);
  --t2026-text: #e5f0ff;
  --t2026-muted: rgba(229, 240, 255, 0.62);
  --t2026-accent: #a78bfa;
  --t2026-accent2: #22d3ee;
  --t2026-warn: #fbbf24;
  --t2026-radius: 16px;
  --t2026-shadow: 0 24px 60px rgba(0,0,0,0.55);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;background:
  radial-gradient(900px 520px at 15% -10%, rgba(167,139,250,0.25), transparent 60%),
  radial-gradient(900px 520px at 90% 0%, rgba(34,211,238,0.18), transparent 55%),
  radial-gradient(1200px 700px at 50% 110%, rgba(59,130,246,0.12), transparent 55%),
  var(--t2026-bg);
color:var(--t2026-text)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

.t2026-app{min-height:100vh;display:flex;flex-direction:column}
.t2026-main{flex:1}

/* 顶部 */
.t2026-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);
  background:linear-gradient(to bottom, rgba(2,6,23,0.92), rgba(2,6,23,0.72), rgba(2,6,23,0.2));
  border-bottom:1px solid var(--t2026-border)}
.t2026-header-inner{max-width:1320px;margin:0 auto;padding:12px 14px;display:flex;align-items:center;gap:14px}
.t2026-brand{display:flex;align-items:center;gap:10px;min-width:0}
.t2026-brand-mark{display:inline-flex;align-items:center;justify-content:center;
  width:42px;height:28px;border-radius:999px;font-weight:700;font-size:12px;letter-spacing:.12em;
  color:#0b1020;background:linear-gradient(135deg,var(--t2026-accent),var(--t2026-accent2));
  box-shadow:0 14px 40px rgba(167,139,250,0.28)}
.t2026-brand-icon{display:block}
.t2026-brand-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.t2026-nav{display:flex;align-items:center;gap:8px;flex:1;min-width:0}
.t2026-nav-item{padding:7px 12px;border-radius:999px;font-size:13px;color:var(--t2026-muted);
  border:1px solid transparent;transition:all .16s ease}
.t2026-nav-item:hover{color:var(--t2026-text);border-color:rgba(148,163,184,0.28);background:rgba(15,23,42,0.55)}
.t2026-nav-item.is-active{color:#0b1020;background:linear-gradient(135deg,var(--t2026-accent2),var(--t2026-accent));border-color:transparent;font-weight:700}

.t2026-nav-search{width:220px;flex:0 0 auto}
.t2026-nav-search-input{width:100%;padding:8px 12px;border-radius:999px;border:1px solid rgba(148,163,184,0.28);
  background:rgba(15,23,42,0.65);color:var(--t2026-text);outline:none}
.t2026-nav-search-input::placeholder{color:rgba(229,240,255,0.45)}
.t2026-nav-search-input:focus{border-color:rgba(34,211,238,0.7);box-shadow:0 0 0 2px rgba(34,211,238,0.18)}

@media (max-width: 860px){
  .t2026-header-inner{flex-wrap:wrap}
  .t2026-nav{order:3;flex-basis:100%;overflow:auto;white-space:nowrap;scrollbar-width:none}
  .t2026-nav::-webkit-scrollbar{display:none}
  .t2026-nav-search{order:2;width:100%;max-width:520px;margin-left:auto}
}

/* 首页 */
.t2026-home{max-width:1320px;margin:0 auto;padding:18px 14px 36px}
.t2026-hero{border-radius:calc(var(--t2026-radius) + 6px);
  background:linear-gradient(135deg, rgba(167,139,250,0.18), rgba(34,211,238,0.08) 45%, rgba(15,23,42,0.7));
  border:1px solid rgba(148,163,184,0.24);box-shadow:var(--t2026-shadow);overflow:hidden}
.t2026-hero-inner{padding:22px 18px}
.t2026-hero-title{margin:0 0 6px;font-size:22px}
.t2026-hero-sub{margin:0 0 16px;font-size:13px;color:var(--t2026-muted)}
.t2026-search{display:flex;gap:10px;align-items:center;background:rgba(15,23,42,0.6);
  border:1px solid rgba(148,163,184,0.25);border-radius:999px;padding:8px 10px}
.t2026-search-input{flex:1;border:none;background:transparent;color:var(--t2026-text);outline:none;font-size:14px}
.t2026-search-btn{border:none;border-radius:999px;padding:10px 16px;font-weight:800;cursor:pointer;
  background:linear-gradient(135deg,var(--t2026-accent2),var(--t2026-accent));color:#0b1020}

.t2026-block{margin-top:16px}
.t2026-block-title{font-size:13px;color:var(--t2026-muted);margin:0 0 10px}
.t2026-tags{display:flex;flex-wrap:wrap;gap:8px}
.t2026-tag{padding:7px 12px;border-radius:999px;border:1px solid rgba(148,163,184,0.22);
  background:rgba(15,23,42,0.55);color:var(--t2026-muted);font-size:12px}
.t2026-tag:hover{color:var(--t2026-text);border-color:rgba(34,211,238,0.42)}

/* 首页分类区块 */
.t2026-section{margin-top:18px}
.t2026-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}
.t2026-section-title{margin:0;font-size:16px}
.t2026-section-more{font-size:12px;color:rgba(229,240,255,0.55)}
.t2026-section-more:hover{color:var(--t2026-accent2)}

@media (max-width: 640px){
  .t2026-hero-inner{padding:18px 12px}
  .t2026-search{flex-direction:column;align-items:stretch;border-radius:18px}
  .t2026-search-btn{width:100%}
}

/* 列表 */
.t2026-content{max-width:1320px;margin:0 auto;padding:18px 14px 40px}
.t2026-pagehead{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:14px}
.t2026-pagetitle{margin:0;font-size:20px}
.t2026-pagesub{margin:0;color:var(--t2026-muted);font-size:12px}
.t2026-grid{display:flex;flex-wrap:wrap;gap:12px}
.t2026-card{width:calc(20% - 9.6px);border-radius:14px;overflow:hidden;background:var(--t2026-panel);
  border:1px solid rgba(148,163,184,0.18);box-shadow:0 16px 40px rgba(0,0,0,0.35)}
.t2026-card-pic{position:relative;padding-bottom:140%}
.t2026-card-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.t2026-card-badge{position:absolute;left:8px;top:8px;padding:3px 8px;border-radius:999px;
  background:rgba(2,6,23,0.72);color:var(--t2026-warn);font-size:11px}
.t2026-card-title{margin:9px 10px 10px;font-size:13px;line-height:1.35;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

@media (max-width: 1100px){.t2026-card{width:calc(25% - 9px)}}
@media (max-width: 860px){.t2026-card{width:calc(33.333% - 8px)}}
@media (max-width: 560px){.t2026-card{width:calc(50% - 6px)}}
@media (max-width: 420px){.t2026-card{width:100%}}

.t2026-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:18px;font-size:13px}
.t2026-pagbtn{padding:7px 12px;border-radius:999px;border:1px solid rgba(148,163,184,0.25);
  background:rgba(15,23,42,0.6)}
.t2026-paginfo{color:var(--t2026-muted)}

/* 详情/播放共用容器 */
.t2026-container{max-width:1320px;margin:0 auto;padding:18px 14px 40px}
.t2026-breadcrumb{font-size:12px;color:var(--t2026-muted);margin-bottom:12px}
.t2026-breadcrumb a{color:rgba(229,240,255,0.55)}
.t2026-breadcrumb a:hover{color:var(--t2026-text)}
.t2026-layout{display:grid;grid-template-columns:minmax(0, 2.6fr) minmax(0, 1fr);gap:18px}
@media (max-width: 920px){.t2026-layout{grid-template-columns:1fr}}

.t2026-panel{border-radius:var(--t2026-radius);background:var(--t2026-panel2);border:1px solid rgba(148,163,184,0.2);box-shadow:var(--t2026-shadow)}

/* 详情页 */
.t2026-detail{padding:16px}
.t2026-detail-top{display:grid;grid-template-columns:220px 1fr;gap:16px}
@media (max-width: 920px){.t2026-detail-top{grid-template-columns:1fr}}
.t2026-poster{border-radius:14px;overflow:hidden;border:1px solid rgba(148,163,184,0.18)}
.t2026-poster img{width:100%;height:auto}
.t2026-title{margin:0 0 6px;font-size:20px}
.t2026-rating{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:13px;color:var(--t2026-warn);margin:0 0 10px}
.t2026-meta{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;font-size:12px;color:var(--t2026-muted);margin:0}
.t2026-actions{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}
.t2026-btn{padding:8px 14px;border-radius:999px;border:1px solid rgba(148,163,184,0.25);background:rgba(15,23,42,0.65);font-size:13px}
.t2026-btn.is-primary{border-color:transparent;background:linear-gradient(135deg,var(--t2026-accent2),var(--t2026-accent));color:#0b1020;font-weight:900}
.t2026-ep{margin-top:14px;padding-top:12px;border-top:1px dashed rgba(148,163,184,0.25)}
.t2026-ep-line{font-size:12px;color:var(--t2026-muted);margin:0 0 6px}
.t2026-ep-items{display:flex;flex-wrap:wrap;gap:8px}
.t2026-ep-item{padding:6px 10px;border-radius:999px;border:1px solid rgba(148,163,184,0.22);background:rgba(15,23,42,0.55);font-size:12px;color:var(--t2026-muted)}
.t2026-plot{margin-top:14px;padding-top:12px;border-top:1px dashed rgba(148,163,184,0.25)}
.t2026-plot-title{margin:0 0 10px;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--t2026-muted)}
.t2026-plot-text{margin:0 0 8px;color:var(--t2026-muted);line-height:1.8;font-size:13px}
.t2026-plot-text:first-of-type{
  padding:8px 10px;
  border-radius:10px;
  background:rgba(15,23,42,0.7);
  border:1px solid rgba(148,163,184,0.25);
  color:var(--t2026-text);
}
.t2026-plot-text + .t2026-plot-text{
  text-indent:1em;
}

/* 播放器 */
.t2026-player{margin-bottom:12px}
.t2026-player-wrap{position:relative;border-radius:18px;overflow:visible;background:#000;border:1px solid rgba(34,211,238,0.25);box-shadow:var(--t2026-shadow)}
.t2026-player-box{width:100%;aspect-ratio:16/9;border-radius:18px;overflow:hidden}
.t2026-playtitle{margin:12px 0 4px;font-size:18px}
.t2026-playmeta{margin:0 0 12px;font-size:12px;color:var(--t2026-muted)}
.t2026-lines{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.t2026-line{padding:6px 10px;border-radius:999px;border:1px solid rgba(148,163,184,0.22);background:rgba(15,23,42,0.55);font-size:12px;color:var(--t2026-muted)}
.t2026-line.is-active{border-color:rgba(34,211,238,0.55);color:var(--t2026-accent2)}
.t2026-ep-item.is-active{border-color:rgba(34,211,238,0.55);color:var(--t2026-accent2)}

/* 侧栏榜单 */
.t2026-side{padding:14px}
.t2026-side-title{margin:0 0 10px;font-size:14px}
.t2026-rank{list-style:none;padding:0;margin:0;font-size:13px}
.t2026-rank li{padding:6px 0;border-bottom:1px dashed rgba(148,163,184,0.18)}
.t2026-rank a{color:rgba(229,240,255,0.7)}
.t2026-rank a:hover{color:var(--t2026-text)}

/* 页脚 */
.t2026-footer{border-top:1px solid var(--t2026-border);background:rgba(2,6,23,0.72)}
.t2026-footer-inner{max-width:1320px;margin:0 auto;padding:14px 14px 18px;text-align:center}
.t2026-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 12px;margin-bottom:10px}
.t2026-footer-link{font-size:12px;color:rgba(229,240,255,0.55)}
.t2026-footer-link:hover{color:var(--t2026-accent2)}
.t2026-footer-copy{margin:0;font-size:12px;color:rgba(229,240,255,0.45)}

