/* roulang page: index */
*,*::before,*::after{box-sizing:border-box}
:root{
  --ember:#ff8a3d;
  --mist:#58c4dd;
  --vault:#0b0e13;
  --bone:#eef2f7;
  --hush:#9aa7b8;
  --edge:#232b36;
  --soft:14px;
  --lift:0 18px 42px rgba(0,0,0,.5);
  --ryt:22px;
}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--vault);color:var(--bone);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.72}
h1,h2,h3,p,figure,blockquote{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
:focus-visible{outline:2px solid var(--ember);outline-offset:3px}
.tygspr-wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}

/* 顶栏 */
.tygspr-top{position:sticky;top:0;z-index:30;background:rgba(11,14,19,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--edge)}
.tygspr-topbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;min-height:66px;padding-top:6px;padding-bottom:6px}
.tygspr-logo{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:18px;font-weight:700;letter-spacing:.02em}
.tygspr-mark{width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,var(--ember),var(--mist));box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.tygspr-nav{display:flex;gap:4px;margin-left:auto;max-width:100%;overflow-x:auto;scrollbar-width:none}
.tygspr-nav::-webkit-scrollbar{display:none}
.tygspr-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;font-size:15px;color:var(--hush);white-space:nowrap;transition:color .2s,background .2s}
.tygspr-nav a:hover{color:var(--bone);background:rgba(255,255,255,.07)}

/* 首屏 */
.tygspr-hero{position:relative;overflow:hidden;background:#0a0d12 url('/assets/images/backpic/back-1.webp') center/cover no-repeat;border-bottom:1px solid var(--edge)}
.tygspr-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(8,10,14,.96) 0%,rgba(8,10,14,.86) 48%,rgba(8,10,14,.58) 100%)}
.tygspr-hero-in{position:relative;z-index:1;max-width:760px;padding:68px 0 60px}
.tygspr-kicker{display:inline-block;padding:6px 15px;border:1px solid rgba(255,138,61,.42);border-radius:999px;font-size:13px;letter-spacing:.18em;color:var(--ember)}
.tygspr-hero h1{margin:18px 0 12px;font-size:44px;line-height:1.22;font-weight:800;letter-spacing:-.01em}
.tygspr-em{color:var(--ember)}
.tygspr-sub{font-size:18px;color:#cfd8e3;margin-bottom:12px}
.tygspr-lead{max-width:640px;font-size:15px;color:var(--hush)}
.tygspr-checks{display:flex;flex-wrap:wrap;gap:10px 24px;margin:24px 0 26px}
.tygspr-checks li{position:relative;padding-left:26px;font-size:14.5px;color:#cfd8e3}
.tygspr-checks li::before{content:"";position:absolute;left:0;top:6px;width:13px;height:7px;border-left:2px solid var(--ember);border-bottom:2px solid var(--ember);transform:rotate(-45deg)}
.tygspr-actions{display:flex;flex-wrap:wrap;gap:12px}
.tygspr-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 26px;border-radius:999px;border:1px solid transparent;font-size:15px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}
.tygspr-btn-main{background:linear-gradient(135deg,#ffa15c,var(--ember));color:#171b22;box-shadow:0 10px 26px rgba(255,138,61,.3)}
.tygspr-btn-ghost{border-color:#33404f;background:rgba(255,255,255,.04);color:var(--bone)}
.tygspr-btn:hover{transform:translateY(-2px)}
.tygspr-btn-ghost:hover{border-color:var(--ember);color:#ffd0ae}

/* 板块骨架 */
.tygspr-sec{padding:64px 0;border-bottom:1px solid var(--edge)}
.tygspr-sec:nth-of-type(even){background:#0e131a}
.tygspr-head{max-width:700px;margin-bottom:32px}
.tygspr-eyebrow{margin-bottom:8px;font-size:12.5px;letter-spacing:.18em;color:var(--mist)}
.tygspr-head h2{font-size:28px;font-weight:750;letter-spacing:-.01em}
.tygspr-head p{margin-top:10px;font-size:15px;color:var(--hush)}

/* 上线提醒条 */
.tygspr-ticker{position:relative;overflow:hidden;border-radius:var(--ryt);border:1px solid var(--edge);background:#0b0f15 url('/assets/images/backpic/back-8.webp') center/cover no-repeat;padding:30px 28px}
.tygspr-ticker::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,14,.94),rgba(8,10,14,.66))}
.tygspr-ticker-in{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:18px 26px}
.tygspr-ticker h2{font-size:21px;font-weight:700}
.tygspr-ticker p{max-width:640px;margin-top:8px;font-size:14.5px;color:var(--hush)}
.tygspr-ticker .tygspr-btn{margin-left:auto}

/* 分类频道 */
.tygspr-channels{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tygspr-channel{padding:22px;border:1px solid var(--edge);border-radius:var(--soft);background:#131922;transition:border-color .25s,transform .25s}
.tygspr-channel:hover{border-color:rgba(88,196,221,.42);transform:translateY(-3px)}
.tygspr-channel h3{font-size:16.5px;font-weight:650}
.tygspr-channel p{margin-top:8px;font-size:14px;color:var(--hush)}

/* 卡片墙 */
.tygspr-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.tygspr-card{overflow:hidden;border:1px solid var(--edge);border-radius:var(--soft);background:#131922;transition:transform .25s,border-color .25s,box-shadow .25s}
.tygspr-card:hover{transform:translateY(-4px);border-color:rgba(255,138,61,.45);box-shadow:var(--lift)}
.tygspr-poster{position:relative;aspect-ratio:2/3;overflow:hidden;background:#0a0d12}
.tygspr-poster img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.tygspr-card:hover .tygspr-poster img{transform:scale(1.04)}
.tygspr-badge{position:absolute;top:10px;left:10px;padding:3px 9px;border-radius:6px;background:rgba(10,13,18,.82);border:1px solid rgba(255,255,255,.14);font-size:12px;color:#e6edf5}
.tygspr-score{position:absolute;top:10px;right:10px;padding:3px 9px;border-radius:6px;background:rgba(255,138,61,.92);font-size:12.5px;font-weight:700;color:#171b22}
.tygspr-card-body{padding:14px 16px 16px}
.tygspr-card-body h3{font-size:16px;font-weight:650}
.tygspr-meta{margin-top:6px;font-size:13.5px;color:var(--hush)}

/* 排行榜 */
.tygspr-chart{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 24px}
.tygspr-chart li{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--edge);border-radius:12px;background:#131922}
.tygspr-num{font-size:17px;font-weight:800;color:#5c6b7d;font-variant-numeric:tabular-nums}
.tygspr-chart li:nth-child(-n+3) .tygspr-num{color:var(--ember)}
.tygspr-chart b{font-size:15.5px;font-weight:650}
.tygspr-chart small{display:block;font-size:13px;color:var(--hush)}
.tygspr-tag{padding:3px 10px;border-radius:999px;border:1px solid rgba(88,196,221,.28);background:rgba(88,196,221,.1);font-size:12.5px;color:#a9dbe8;white-space:nowrap}

/* 高分好评 */
.tygspr-praise{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.tygspr-praise li{padding:18px 20px;border:1px solid var(--edge);border-radius:12px;background:#131922}
.tygspr-praise h3{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:650}
.tygspr-praise h3 span{padding:2px 8px;border-radius:6px;background:rgba(255,138,61,.16);font-size:13px;font-weight:700;color:#ffb27d}
.tygspr-praise p{margin-top:8px;font-size:14px;color:var(--hush)}

/* 类型专区 */
.tygspr-genres{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.tygspr-genre{padding:20px;border:1px solid var(--edge);border-radius:var(--soft);background:#131922}
.tygspr-genre h3{font-size:16px;font-weight:650}
.tygspr-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.tygspr-tags span{padding:5px 11px;border-radius:999px;border:1px solid #2b3542;background:#0f151d;font-size:13.5px;color:#c3cedb}

/* 主题片单 */
.tygspr-feature{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tygspr-feature article{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:240px;padding:22px;border:1px solid var(--edge);border-radius:var(--soft);overflow:hidden;background-size:cover;background-position:center}
.tygspr-feature article::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,10,14,.12),rgba(8,10,14,.93))}
.tygspr-feature h3,.tygspr-feature p{position:relative;z-index:1}
.tygspr-feature h3{font-size:18px;font-weight:700}
.tygspr-feature p{margin-top:8px;font-size:14px;color:#c1ccd9}

/* 资讯 */
.tygspr-news li{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:14px;padding:16px 0;border-bottom:1px dashed #26303c}
.tygspr-news li:last-child{border-bottom:0}
.tygspr-news h3{font-size:15.5px;font-weight:550;line-height:1.6}
.tygspr-news time{font-size:13px;color:#78879a;white-space:nowrap}

/* 口碑 */
.tygspr-voices{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tygspr-voices blockquote{padding:22px;border:1px solid var(--edge);border-radius:var(--soft);background:#131922}
.tygspr-voices p{font-size:14.5px;color:#cfd8e3}
.tygspr-voices footer{margin-top:14px;font-size:13.5px;color:var(--hush)}

/* 问答 */
.tygspr-faq{display:grid;gap:12px;max-width:880px}
.tygspr-faq details{padding:16px 20px;border:1px solid var(--edge);border-radius:12px;background:#131922}
.tygspr-faq summary{position:relative;padding-right:26px;font-size:16px;font-weight:600;cursor:pointer;list-style:none}
.tygspr-faq summary::-webkit-details-marker{display:none}
.tygspr-faq summary::after{content:"+";position:absolute;right:0;top:-2px;font-size:19px;color:var(--ember)}
.tygspr-faq details[open] summary::after{content:"–"}
.tygspr-faq p{margin-top:12px;font-size:14.5px;color:var(--hush)}

/* 收口 */
.tygspr-cta{position:relative;overflow:hidden;border-radius:var(--ryt);padding:46px 32px;text-align:center;background:#0b0f15 url('/assets/images/backpic/back-6.webp') center/cover no-repeat;border:1px solid var(--edge)}
.tygspr-cta::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,10,14,.88),rgba(8,10,14,.96))}
.tygspr-cta-in{position:relative;z-index:1;max-width:660px;margin:0 auto}
.tygspr-cta h2{font-size:28px;font-weight:750}
.tygspr-cta p{margin-top:12px;font-size:15px;color:var(--hush)}
.tygspr-cta .tygspr-actions{justify-content:center;margin-top:24px}

/* 页脚 */
.tygspr-foot{padding:54px 0 26px;background:#080b10;border-top:1px solid var(--edge)}
.tygspr-foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}
.tygspr-foot h3{margin-bottom:14px;font-size:15px;font-weight:650}
.tygspr-foot p{font-size:14px;color:var(--hush)}
.tygspr-foot li{margin-bottom:6px}
.tygspr-foot a{display:inline-flex;align-items:center;min-height:32px;font-size:14px;color:var(--hush);transition:color .2s}
.tygspr-foot a:hover{color:var(--ember)}
.tygspr-copy{margin-top:36px;padding-top:20px;border-top:1px solid var(--edge);font-size:13.5px;color:#6d7a8b}

@media (max-width:1024px){
  .tygspr-hero h1{font-size:36px}
  .tygspr-cards{grid-template-columns:repeat(3,1fr);gap:18px}
  .tygspr-channels{grid-template-columns:repeat(2,1fr)}
  .tygspr-genres{grid-template-columns:repeat(2,1fr)}
  .tygspr-feature{grid-template-columns:1fr}
  .tygspr-voices{grid-template-columns:1fr}
  .tygspr-foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:768px){
  .tygspr-topbar{padding-bottom:8px}
  .tygspr-nav{order:3;width:100%;margin-left:0}
  .tygspr-hero-in{padding:48px 0 44px}
  .tygspr-hero h1{font-size:30px}
  .tygspr-sub{font-size:16.5px}
  .tygspr-sec{padding:46px 0}
  .tygspr-head h2{font-size:24px}
  .tygspr-cards{grid-template-columns:repeat(2,1fr)}
  .tygspr-chart{grid-template-columns:1fr}
  .tygspr-praise{grid-template-columns:1fr}
  .tygspr-ticker{padding:24px 20px}
  .tygspr-ticker .tygspr-btn{margin-left:0}
  .tygspr-cta{padding:36px 22px}
  .tygspr-cta h2{font-size:23px}
}
@media (max-width:520px){
  body{font-size:15.5px}
  .tygspr-wrap{padding:0 16px}
  .tygspr-hero h1{font-size:25px}
  .tygspr-cards{gap:12px}
  .tygspr-card-body{padding:11px 12px 13px}
  .tygspr-card-body h3{font-size:14.5px}
  .tygspr-meta{font-size:14px}
  .tygspr-channels{grid-template-columns:1fr}
  .tygspr-genres{grid-template-columns:1fr}
  .tygspr-actions{flex-direction:column;align-items:stretch}
  .tygspr-btn{width:100%}
  .tygspr-cta .tygspr-actions{flex-direction:column}
  .tygspr-foot-grid{grid-template-columns:1fr}
  .tygspr-news li{grid-template-columns:1fr;gap:6px}
}