/* roulang page: index */
:root{
  --vz1:#f4b544;
  --vz2:#6f9dff;
  --vz3:#0b0e14;
  --vz4:#141924;
  --vz5:#eef1f6;
  --vz6:#9aa5b8;
  --vz7:#242c3a;
  --vz8:14px;
  --vz9:0 12px 32px rgba(0,0,0,.38);
  --vz10:clamp(18px,4vw,30px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--vz3);color:var(--vz5);font-size:15px;line-height:1.75;
  font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif}
h1,h2,h3,h4,p,figure,ul,ol{margin:0;padding:0}
img{max-width:100%;display:block;border:0}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
:focus-visible{outline:2px solid var(--vz2);outline-offset:3px}

.xegtreks-wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.xegtreks-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* 顶栏 */
.xegtreks-head{position:sticky;top:0;z-index:40;background:rgba(11,14,20,.9);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--vz7)}
.xegtreks-headin{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}
.xegtreks-brand{display:inline-flex;align-items:center;gap:10px;font-size:18px;font-weight:800;letter-spacing:.5px}
.xegtreks-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;
  background:linear-gradient(140deg,var(--vz1),#e2732b);color:#151a23;font-size:15px;font-weight:900}
.xegtreks-nav{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none}
.xegtreks-nav::-webkit-scrollbar{display:none}
.xegtreks-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 13px;border-radius:99px;
  font-size:14px;color:var(--vz6);white-space:nowrap;transition:color .18s,background .18s}
.xegtreks-nav a:hover{color:var(--vz5);background:rgba(255,255,255,.07)}
.xegtreks-nav a.xegtreks-on{color:#14181f;background:var(--vz1);font-weight:700}

/* 首屏 */
.xegtreks-hero{position:relative;overflow:hidden;padding:66px 0 58px;border-bottom:1px solid var(--vz7)}
.xegtreks-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.3}
.xegtreks-hero::after{content:"";position:absolute;inset:0;
  background:linear-gradient(102deg,rgba(11,14,20,.97) 6%,rgba(11,14,20,.76) 56%,rgba(11,14,20,.44))}
.xegtreks-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.4fr .82fr;gap:38px;align-items:center}
.xegtreks-kicker{display:inline-block;font-size:12.5px;letter-spacing:2px;color:var(--vz1);
  border:1px solid rgba(244,181,68,.4);border-radius:99px;padding:3px 12px;margin-bottom:16px}
.xegtreks-hero h1{font-size:clamp(27px,4.4vw,44px);line-height:1.24;letter-spacing:.5px;font-weight:800}
.xegtreks-hero h1 span{color:var(--vz1)}
.xegtreks-lead{margin-top:16px;max-width:44em;color:#b8c2d3;font-size:15px;line-height:1.85}
.xegtreks-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.xegtreks-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 24px;
  border:0;border-radius:99px;background:var(--vz1);color:#14181f;font-size:15px;font-weight:700;cursor:pointer;
  transition:transform .18s,box-shadow .18s,background .18s}
.xegtreks-btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(244,181,68,.26)}
.xegtreks-btn-sm{min-height:42px;padding:0 18px;font-size:14px;margin-top:14px}
.xegtreks-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;
  border-radius:99px;border:1px solid var(--vz7);color:var(--vz5);font-size:15px;background:rgba(255,255,255,.03);
  transition:border-color .18s,background .18s}
.xegtreks-ghost:hover{border-color:#3a465c;background:rgba(255,255,255,.07)}

/* 开播预告卡 */
.xegtreks-pre{background:var(--vz4);border:1px solid var(--vz7);border-radius:18px;overflow:hidden;box-shadow:var(--vz9)}
.xegtreks-pre > img{width:100%;height:172px;object-fit:cover}
.xegtreks-prebody{padding:16px 18px 20px}
.xegtreks-tag{display:inline-block;font-size:11.5px;color:var(--vz1);background:rgba(244,181,68,.13);
  border-radius:99px;padding:2px 10px;margin-bottom:8px}
.xegtreks-prename{font-size:17px;font-weight:800;letter-spacing:.5px}
.xegtreks-pretime{margin-top:4px;font-size:13px;color:var(--vz6)}
.xegtreks-count{display:flex;align-items:flex-end;gap:6px;margin-top:12px}
.xegtreks-count b{font-size:20px;line-height:1.2;padding:2px 9px;border-radius:8px;background:#1d2433;
  color:var(--vz1);font-variant-numeric:tabular-nums}
.xegtreks-count i{font-style:normal;font-size:12px;color:var(--vz6);padding-bottom:4px}

/* 板块基础 */
.xegtreks-sec{padding:56px 0;border-bottom:1px solid var(--vz7)}
.xegtreks-alt{background:#0f131c}
.xegtreks-h2{font-size:clamp(20px,2.6vw,27px);font-weight:800;letter-spacing:.4px}
.xegtreks-h2 em{font-style:normal;color:var(--vz1)}
.xegtreks-desc{margin-top:10px;margin-bottom:26px;max-width:64em;color:var(--vz6);font-size:14.5px;line-height:1.85}

/* 类型频道 */
.xegtreks-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(196px,1fr));gap:14px;list-style:none}
.xegtreks-cat{background:var(--vz4);border:1px solid var(--vz7);border-radius:var(--vz8);padding:16px 18px;
  transition:border-color .18s,transform .18s}
.xegtreks-cat:hover{border-color:#3b475d;transform:translateY(-3px)}
.xegtreks-cat strong{display:block;font-size:16px;margin-bottom:6px}
.xegtreks-cat span{display:block;font-size:13.5px;color:var(--vz6);line-height:1.7}

/* 卡片网格 */
.xegtreks-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:18px;list-style:none}
.xegtreks-card{background:var(--vz4);border:1px solid var(--vz7);border-radius:var(--vz8);overflow:hidden;
  transition:transform .2s,border-color .2s,box-shadow .2s}
.xegtreks-card:hover{transform:translateY(-4px);border-color:#3b475d;box-shadow:var(--vz9)}
.xegtreks-thumb{position:relative;aspect-ratio:2/3;overflow:hidden;background:#1b2130}
.xegtreks-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.xegtreks-card:hover .xegtreks-thumb img{transform:scale(1.05)}
.xegtreks-badge{position:absolute;left:8px;top:8px;font-size:11px;padding:2px 8px;border-radius:99px;
  background:rgba(11,14,20,.82);color:var(--vz1);border:1px solid rgba(244,181,68,.34)}
.xegtreks-score{position:absolute;right:8px;bottom:8px;font-size:12px;padding:2px 7px;border-radius:7px;
  background:rgba(11,14,20,.82);color:#ffd47f;font-variant-numeric:tabular-nums}
.xegtreks-card h3{font-size:15px;font-weight:700;margin:10px 12px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xegtreks-card p{margin:0 12px 12px;font-size:12.5px;color:var(--vz6)}

/* 口碑榜 */
.xegtreks-rank{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 30px}
.xegtreks-rank li{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;
  padding:12px 2px;border-bottom:1px dashed var(--vz7);font-size:14.5px}
.xegtreks-num{font-weight:800;color:#7d8898;font-variant-numeric:tabular-nums;text-align:center}
.xegtreks-rank li:nth-child(-n+3) .xegtreks-num{color:var(--vz1)}
.xegtreks-rankname{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xegtreks-meta{font-size:12.5px;color:var(--vz6);white-space:nowrap}

/* 保障条 */
.xegtreks-guarantee{display:grid;grid-template-columns:repeat(auto-fit,minmax(214px,1fr));gap:14px;list-style:none}
.xegtreks-gitem{background:var(--vz4);border:1px solid var(--vz7);border-left:3px solid var(--vz1);
  border-radius:10px;padding:14px 16px}
.xegtreks-gitem strong{display:block;font-size:14.5px;margin-bottom:4px}
.xegtreks-gitem span{display:block;font-size:13px;color:var(--vz6);line-height:1.7}

/* 更新安排 */
.xegtreks-sched{list-style:none;display:grid;gap:10px}
.xegtreks-srow{display:grid;grid-template-columns:1.1fr 1.5fr auto;gap:16px;align-items:center;
  background:var(--vz4);border:1px solid var(--vz7);border-radius:12px;padding:14px 18px;font-size:14px}
.xegtreks-srow b{font-weight:700}
.xegtreks-srow span{color:var(--vz6);font-size:13.5px}
.xegtreks-chip{justify-self:end;font-size:12px;padding:3px 11px;border-radius:99px;
  background:rgba(111,157,255,.14);color:#a9c2ff;white-space:nowrap}
.xegtreks-chip-done{background:rgba(255,255,255,.07);color:#a3adbe}

/* 高分好评 */
.xegtreks-picks{display:grid;grid-template-columns:repeat(auto-fit,minmax(288px,1fr));gap:14px;list-style:none}
.xegtreks-pick{background:var(--vz4);border:1px solid var(--vz7);border-radius:var(--vz8);padding:16px 18px;
  transition:border-color .18s}
.xegtreks-pick:hover{border-color:#3b475d}
.xegtreks-pickhead{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.xegtreks-pickhead strong{font-size:15.5px}
.xegtreks-pickhead em{font-style:normal;color:var(--vz1);font-weight:800;font-variant-numeric:tabular-nums}
.xegtreks-pick p{margin-top:6px;font-size:13.5px;color:var(--vz6);line-height:1.75}

/* 主题片单 */
.xegtreks-topic{display:grid;grid-template-columns:repeat(auto-fit,minmax(256px,1fr));gap:18px;list-style:none}
.xegtreks-tcard{background:var(--vz4);border:1px solid var(--vz7);border-radius:var(--vz8);overflow:hidden;
  transition:transform .2s,border-color .2s}
.xegtreks-tcard:hover{transform:translateY(-4px);border-color:#3b475d}
.xegtreks-tcard img{width:100%;height:158px;object-fit:cover}
.xegtreks-tbody{padding:14px 16px 18px}
.xegtreks-tbody strong{font-size:15.5px}
.xegtreks-tbody p{margin-top:6px;font-size:13.5px;color:var(--vz6);line-height:1.75}

/* 资讯 */
.xegtreks-news{list-style:none;display:grid;gap:12px}
.xegtreks-nrow{display:grid;grid-template-columns:136px 1fr;gap:16px;align-items:center;
  background:var(--vz4);border:1px solid var(--vz7);border-radius:var(--vz8);overflow:hidden;
  transition:border-color .18s,transform .18s}
.xegtreks-nrow:hover{border-color:#3b475d;transform:translateX(3px)}
.xegtreks-nrow img{width:136px;height:98px;object-fit:cover}
.xegtreks-nbody{padding:12px 16px 12px 0}
.xegtreks-nbody strong{font-size:15px;font-weight:700}
.xegtreks-nbody p{margin-top:4px;font-size:13px;color:var(--vz6)}
.xegtreks-date{font-size:12px;color:var(--vz1);margin-right:8px}

/* 问答 */
.xegtreks-faq{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.xegtreks-q{background:var(--vz4);border:1px solid var(--vz7);border-radius:var(--vz8);padding:16px 18px}
.xegtreks-q h3{font-size:15px;margin-bottom:6px}
.xegtreks-q p{font-size:13.5px;color:var(--vz6);line-height:1.8}

/* 订阅 */
.xegtreks-subbox{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center;
  background:linear-gradient(135deg,#1a2130,#10141d);border:1px solid var(--vz7);
  border-radius:20px;padding:30px;box-shadow:var(--vz9)}
.xegtreks-subbox .xegtreks-desc{margin-bottom:0}
.xegtreks-field{display:flex;gap:10px;flex-wrap:wrap}
.xegtreks-input{flex:1 1 200px;min-height:46px;border-radius:99px;border:1px solid var(--vz7);
  background:#0c1018;color:var(--vz5);padding:0 18px;font-size:14.5px}
.xegtreks-input::placeholder{color:#6d7788}
.xegtreks-note{margin-top:10px;font-size:12.5px;color:#7d8898}

/* 页脚 */
.xegtreks-foot{background:#070a0f;border-top:1px solid var(--vz7);padding:48px 0 0}
.xegtreks-fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}
.xegtreks-fcol h4{font-size:14px;margin-bottom:12px;letter-spacing:.5px}
.xegtreks-fcol a{display:block;padding:6px 0;font-size:13.5px;color:var(--vz6);transition:color .18s}
.xegtreks-fcol a:hover{color:var(--vz1)}
.xegtreks-fabout{font-size:13.5px;color:var(--vz6);line-height:1.85;margin-top:12px;max-width:26em}
.xegtreks-copy{border-top:1px solid var(--vz7);margin-top:34px;padding:16px 0;display:flex;
  justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12.5px;color:#6d7788}

@media (max-width:1024px){
  .xegtreks-hero-grid{grid-template-columns:1fr;gap:30px}
  .xegtreks-fgrid{grid-template-columns:1fr 1fr}
  .xegtreks-rank{grid-template-columns:1fr}
  .xegtreks-subbox{grid-template-columns:1fr;padding:24px}
}
@media (max-width:768px){
  .xegtreks-headin{height:58px;gap:10px}
  .xegtreks-brand{font-size:16px}
  .xegtreks-mark{width:30px;height:30px;border-radius:9px;font-size:13px}
  .xegtreks-nav a{padding:0 10px;font-size:13px}
  .xegtreks-hero{padding:44px 0 40px}
  .xegtreks-sec{padding:40px 0}
  .xegtreks-srow{grid-template-columns:1fr;gap:6px}
  .xegtreks-chip{justify-self:start}
  .xegtreks-nrow{grid-template-columns:1fr}
  .xegtreks-nrow img{width:100%;height:168px}
  .xegtreks-nbody{padding:12px 16px 16px}
  .xegtreks-faq{grid-template-columns:1fr}
}
@media (max-width:520px){
  .xegtreks-wrap{padding:0 16px}
  .xegtreks-cards{grid-template-columns:repeat(2,1fr);gap:12px}
  .xegtreks-cats{grid-template-columns:1fr}
  .xegtreks-fgrid{grid-template-columns:1fr}
  .xegtreks-btn,.xegtreks-ghost{width:100%}
  .xegtreks-field{flex-direction:column}
  .xegtreks-hero h1{font-size:26px}
  .xegtreks-card h3{font-size:14px}
  .xegtreks-pre > img{height:150px}
}