/* roulang page: index */
:root{
  --se:#14120f;
  --jin:#d9a94a;
  --zhi:#f8f6f1;
  --qian:#817a6d;
  --bian:#e5dfd4;
  --yuan:14px;
  --ying:0 14px 34px rgba(20,18,15,.12);
  --ju:46px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--zhi);color:var(--se);font:400 15px/1.72 "PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,p,ul,ol,figure{margin:0;padding:0}
ul,ol{list-style:none}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--jin);outline-offset:3px}
section{scroll-margin-top:78px}
.tiuwync-wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 18px}

/* 顶栏 */
.tiuwync-head{position:sticky;top:0;z-index:40;background:rgba(16,14,12,.94);backdrop-filter:blur(10px);border-bottom:1px solid rgba(217,169,74,.22)}
.tiuwync-head-in{display:flex;align-items:center;justify-content:space-between;gap:12px;height:62px}
.tiuwync-logo{display:flex;align-items:center;gap:10px;min-height:44px;flex:0 0 auto}
.tiuwync-logo-fang{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#e2b862,#9a7222);color:#191408;display:grid;place-items:center;font-weight:800;font-size:16px}
.tiuwync-logo-txt{color:#f6f1e6;font-weight:700;font-size:16px;letter-spacing:.4px;white-space:nowrap}
.tiuwync-nav{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.tiuwync-nav::-webkit-scrollbar{display:none}
.tiuwync-nav a{display:flex;align-items:center;min-height:44px;padding:0 12px;font-size:14px;color:#c9c2b3;border-radius:10px;white-space:nowrap;transition:color .2s,background .2s}
.tiuwync-nav a:hover,.tiuwync-nav a:focus-visible{color:#f0d9a4;background:rgba(217,169,74,.14)}

/* 首屏 */
.tiuwync-hero{position:relative;background:#0d0b0a url('/assets/images/backpic/back-1.webp') center/cover no-repeat;padding:54px 0 60px;color:#fff;overflow:hidden}
.tiuwync-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(118deg,rgba(9,8,7,.95) 0%,rgba(9,8,7,.82) 46%,rgba(9,8,7,.46) 100%)}
.tiuwync-hero-in{position:relative;z-index:2;max-width:740px}
.tiuwync-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid rgba(217,169,74,.55);border-radius:999px;color:#f0d9a4;font-size:12.5px;letter-spacing:.08em;background:rgba(217,169,74,.09)}
.tiuwync-hero h1{font-size:30px;line-height:1.2;margin:18px 0 12px;font-weight:800;letter-spacing:1px}
.tiuwync-hero h1 em{font-style:normal;color:#e8c375}
.tiuwync-lead{font-size:16px;color:#e8e1d4}
.tiuwync-desc{margin-top:14px;font-size:14.5px;line-height:1.85;color:#b4ac9d}
.tiuwync-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.tiuwync-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 24px;border-radius:999px;font-size:15px;font-weight:600;transition:transform .18s,box-shadow .18s,background .18s}
.tiuwync-btn-a{background:linear-gradient(135deg,#e6bd66,#b3862f);color:#191408;box-shadow:0 10px 24px rgba(217,169,74,.26)}
.tiuwync-btn-a:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(217,169,74,.36)}
.tiuwync-btn-b{border:1px solid rgba(240,217,164,.5);color:#f0d9a4}
.tiuwync-btn-b:hover{background:rgba(240,217,164,.12)}

/* 板块骨架 */
.tiuwync-sec{padding:var(--ju) 0}
.tiuwync-sec-alt{background:#fff;border-top:1px solid var(--bian);border-bottom:1px solid var(--bian)}
.tiuwync-sh{max-width:700px;margin-bottom:24px}
.tiuwync-sh h2{font-size:22px;font-weight:800;line-height:1.35;position:relative;padding-left:14px;letter-spacing:.3px}
.tiuwync-sh h2::before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:4px;border-radius:3px;background:linear-gradient(180deg,#e2b862,#a8802c)}
.tiuwync-sh p{margin-top:9px;font-size:14px;color:var(--qian);line-height:1.8}

/* 卡片网格 */
.tiuwync-grid{display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}
.tiuwync-card{background:#fff;border:1px solid var(--bian);border-radius:var(--yuan);overflow:hidden;box-shadow:0 2px 10px rgba(20,18,15,.045);transition:transform .22s,box-shadow .22s}
.tiuwync-card:hover{transform:translateY(-4px);box-shadow:var(--ying)}
.tiuwync-poster{position:relative;aspect-ratio:3/4;background:#efebe2;overflow:hidden}
.tiuwync-poster img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.tiuwync-card:hover .tiuwync-poster img{transform:scale(1.04)}
.tiuwync-tag{position:absolute;left:9px;top:9px;padding:3px 9px;border-radius:999px;font-size:12px;letter-spacing:.04em;background:rgba(16,14,12,.74);color:#f0d9a4}
.tiuwync-card-b{padding:11px 13px 14px}
.tiuwync-card-b h3{font-size:15px;font-weight:700;line-height:1.45}
.tiuwync-card-b p{margin-top:6px;font-size:12.8px;line-height:1.65;color:var(--qian)}

/* 榜单 */
.tiuwync-rank{display:grid;gap:8px}
.tiuwync-rank li{display:flex;align-items:center;gap:11px;padding:10px 14px;min-height:48px;background:#fff;border:1px solid var(--bian);border-radius:12px;transition:transform .18s,border-color .18s}
.tiuwync-rank li:hover{transform:translateX(4px);border-color:#d9c79a}
.tiuwync-no{flex:0 0 28px;font:700 15px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#c9a24f;letter-spacing:.5px}
.tiuwync-rank b{flex:1 1 auto;min-width:0;font-size:14.6px;font-weight:600;line-height:1.45}
.tiuwync-cat{flex:0 0 auto;font-size:12px;padding:3px 9px;border-radius:999px;background:#f4eee1;color:#8a6f33}
.tiuwync-hot{flex:0 0 auto;font-size:12.5px;color:var(--qian)}

/* 分类频道 */
.tiuwync-cats{display:grid;gap:14px}
.tiuwync-cats li{background:#fff;border:1px solid var(--bian);border-radius:var(--yuan);padding:16px 18px}
.tiuwync-cats b{display:inline-flex;align-items:center;min-height:30px;padding:0 13px;border-radius:999px;background:#f4eee1;color:#7d6224;font-size:13.5px;font-weight:600}
.tiuwync-cats p{margin-top:10px;font-size:13.5px;line-height:1.78;color:var(--qian)}

/* 主题片单 */
.tiuwync-topics{display:grid;gap:16px}
.tiuwync-topics li{background:#171419;border:1px solid #2b262e;border-radius:var(--yuan);padding:20px;color:#efe9dc}
.tiuwync-topics b{display:block;font-size:16px;letter-spacing:.3px}
.tiuwync-topics p{margin-top:9px;font-size:13.5px;line-height:1.78;color:#a9a196}

/* 连载状态 */
.tiuwync-split{display:grid;gap:16px}
.tiuwync-panel{background:#fff;border:1px solid var(--bian);border-radius:var(--yuan);padding:18px}
.tiuwync-panel h3{font-size:16px;font-weight:700;display:flex;align-items:center;gap:9px;padding-bottom:6px}
.tiuwync-panel h3 span{font-size:12px;font-weight:500;color:var(--qian)}
.tiuwync-lines li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px dashed var(--bian);font-size:14.5px}
.tiuwync-lines li:last-child{border-bottom:0}
.tiuwync-lines em{font-style:normal;font-size:12.5px;color:var(--qian);flex:0 0 auto}

/* 资讯 */
.tiuwync-news{display:grid;gap:11px}
.tiuwync-news li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;padding:14px 16px;background:#fff;border:1px solid var(--bian);border-radius:12px;transition:border-color .18s}
.tiuwync-news li:hover{border-color:#d9c79a}
.tiuwync-date{flex:0 0 auto;font-size:12.5px;font-weight:700;color:#a8905a;letter-spacing:.05em}
.tiuwync-news b{font-size:14.8px;font-weight:600}
.tiuwync-news p{flex:1 1 100%;font-size:13.4px;line-height:1.75;color:var(--qian)}

/* 问答 */
.tiuwync-faq{display:grid;gap:10px;max-width:840px}
.tiuwync-faq details{background:#fff;border:1px solid var(--bian);border-radius:12px;padding:0 16px}
.tiuwync-faq summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:44px;padding:14px 0;font-size:15px;font-weight:600;list-style:none}
.tiuwync-faq summary::-webkit-details-marker{display:none}
.tiuwync-faq summary::after{content:"+";color:#b58f3f;font-weight:700;font-size:18px;line-height:1}
.tiuwync-faq details[open] summary::after{content:"—"}
.tiuwync-faq p{padding:0 0 15px;font-size:13.8px;line-height:1.82;color:var(--qian)}

/* 收口 */
.tiuwync-cta{background:#14120f;color:#f2ece0;border-radius:18px;padding:28px 22px}
.tiuwync-cta h2{font-size:20px;font-weight:800;line-height:1.4}
.tiuwync-cta p{margin-top:10px;font-size:14px;line-height:1.8;color:#b3aa9a;max-width:600px}
.tiuwync-cta .tiuwync-btn{margin-top:18px}

/* 页脚 */
.tiuwync-foot{background:#100e0c;color:#a29a8c;padding:38px 0 0}
.tiuwync-foot-grid{display:grid;gap:24px}
.tiuwync-foot h3{color:#efe9dc;font-size:14.5px;font-weight:700;margin-bottom:10px;letter-spacing:.4px}
.tiuwync-foot p{font-size:13.4px;line-height:1.85}
.tiuwync-foot li{line-height:1.95}
.tiuwync-foot a{display:inline-block;padding:3px 0;font-size:13.4px;transition:color .18s}
.tiuwync-foot a:hover{color:#e2b862}
.tiuwync-copy{margin-top:28px;border-top:1px solid #262119;padding:15px 0;font-size:12.5px;text-align:center;color:#7d7668}

@media (min-width:768px){
  :root{--ju:54px}
  .tiuwync-hero{padding:70px 0 78px}
  .tiuwync-hero h1{font-size:40px}
  .tiuwync-grid{grid-template-columns:repeat(3,1fr);gap:20px}
  .tiuwync-rank{grid-template-columns:1fr 1fr}
  .tiuwync-cats{grid-template-columns:repeat(3,1fr)}
  .tiuwync-topics{grid-template-columns:repeat(3,1fr)}
  .tiuwync-split{grid-template-columns:1fr 1fr}
  .tiuwync-foot-grid{grid-template-columns:1.5fr 1fr 1fr}
  .tiuwync-cta{padding:38px 36px;display:flex;align-items:center;justify-content:space-between;gap:32px}
  .tiuwync-cta .tiuwync-btn{margin-top:0;flex:0 0 auto}
  .tiuwync-sh h2{font-size:24px}
}
@media (min-width:1024px){
  .tiuwync-hero h1{font-size:46px}
  .tiuwync-hero-in{max-width:780px}
  .tiuwync-desc{font-size:15px}
}
@media (max-width:520px){
  .tiuwync-logo-txt{font-size:14.5px}
  .tiuwync-nav a{padding:0 10px;font-size:13.5px}
  .tiuwync-hero h1{font-size:27px}
  .tiuwync-hot{display:none}
  .tiuwync-cat{font-size:11.5px}
  .tiuwync-card-b h3{font-size:14.2px}
}