/* roulang page: index */
*,*::before,*::after{box-sizing:border-box}
:root{
  --tu-a:#b8422a;
  --tu-b:#201e1b;
  --tu-bg:#f7f5f1;
  --tu-tx:#1d1c1a;
  --tu-mut:#736d64;
  --tu-bd:#e3ded5;
  --tu-rad:14px;
  --tu-sh:0 10px 28px rgba(30,26,21,.09);
  --tu-sp:clamp(18px,2.6vw,32px);
}
html{scroll-behavior:smooth}
body{margin:0;background:var(--tu-bg);color:var(--tu-tx);font:16px/1.7 -apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul,ol,dl,dd{margin:0;padding:0;list-style:none}
h1,h2,h3,p,figure,blockquote{margin:0}
:focus-visible{outline:2px solid var(--tu-a);outline-offset:3px}
.jqw-wrap{width:min(1180px,92vw);margin-inline:auto}

/* 顶栏 */
.jqw-top{position:sticky;top:0;z-index:30;background:rgba(250,248,244,.94);backdrop-filter:blur(9px);border-bottom:1px solid var(--tu-bd)}
.jqw-topbar{display:flex;align-items:center;gap:16px;min-height:66px}
.jqw-logo{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:17px;letter-spacing:.01em;white-space:nowrap;min-height:44px}
.jqw-logo b{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--tu-a);color:#fff;font-size:14px;letter-spacing:.04em}
.jqw-nav{margin-left:auto;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.jqw-nav::-webkit-scrollbar{display:none}
.jqw-nav a{display:inline-flex;align-items:center;min-height:44px;padding:8px 13px;border-radius:10px;font-size:15px;color:#3d3934;transition:background .2s,color .2s,box-shadow .2s}
.jqw-nav a:hover,.jqw-nav a:focus-visible{background:#fff;color:var(--tu-a);box-shadow:inset 0 0 0 1px var(--tu-bd)}

/* 首屏 */
.jqw-hero{padding:clamp(24px,3.6vw,48px) 0 clamp(20px,3vw,34px);background:linear-gradient(180deg,#fbf9f5,#f1ede6);border-bottom:1px solid var(--tu-bd)}
.jqw-hero-in{display:grid;grid-template-columns:1.12fr .88fr;gap:var(--tu-sp);align-items:center}
.jqw-kicker{font-size:13px;font-weight:700;letter-spacing:.2em;color:var(--tu-a)}
.jqw-hero h1{font-size:clamp(29px,4.2vw,48px);line-height:1.16;font-weight:800;letter-spacing:-.01em;margin:10px 0 14px}
.jqw-hero h1 em{font-style:normal;color:var(--tu-a)}
.jqw-lead{font-size:15.5px;color:#4a453f;max-width:54ch}
.jqw-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.jqw-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 24px;border-radius:999px;background:var(--tu-b);color:#fff;font-size:15px;font-weight:600;border:1px solid var(--tu-b);transition:transform .22s,box-shadow .22s,background .22s,border-color .22s}
.jqw-btn:hover{transform:translateY(-2px);box-shadow:var(--tu-sh);background:var(--tu-a);border-color:var(--tu-a)}
.jqw-btn-2{background:transparent;color:var(--tu-tx);border-color:#cec6ba}
.jqw-btn-2:hover{background:#fff;color:var(--tu-a);border-color:var(--tu-a)}
.jqw-hero-fig{position:relative;overflow:hidden;border-radius:calc(var(--tu-rad) + 6px);box-shadow:var(--tu-sh);aspect-ratio:16/10}
.jqw-hero-fig img{width:100%;height:100%;object-fit:cover}
.jqw-hero-fig figcaption{position:absolute;inset:auto 0 0 0;padding:26px 16px 13px;background:linear-gradient(transparent,rgba(16,14,12,.8));color:#f3eee6;font-size:13px}
.jqw-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:clamp(18px,2.8vw,30px)}
.jqw-facts li{background:#fff;border:1px solid var(--tu-bd);border-radius:var(--tu-rad);padding:14px 16px}
.jqw-facts b{display:block;font-size:15px;color:var(--tu-b)}
.jqw-facts span{display:block;margin-top:2px;font-size:13px;color:var(--tu-mut);line-height:1.55}

/* 通用板块 */
.jqw-sec{padding:clamp(32px,4.6vw,60px) 0}
.jqw-alt{background:#fff;border-block:1px solid var(--tu-bd)}
.jqw-sec-h{max-width:70ch;margin-bottom:clamp(16px,2.2vw,26px)}
.jqw-sec-h h2{font-size:clamp(21px,2.5vw,29px);font-weight:800;letter-spacing:-.01em;line-height:1.3}
.jqw-sec-h p{margin-top:9px;font-size:14.5px;color:var(--tu-mut)}

/* 片源版图 */
.jqw-zones{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.jqw-zones li{background:#fff;border:1px solid var(--tu-bd);border-radius:var(--tu-rad);padding:16px 18px}
.jqw-zones h3{font-size:15.5px;font-weight:700}
.jqw-zones p{margin-top:6px;font-size:13.5px;color:var(--tu-mut);line-height:1.65}

/* 场景卡 */
.jqw-scenes{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.jqw-scenes article{border-left:3px solid var(--tu-a);background:#fff;border-radius:0 var(--tu-rad) var(--tu-rad) 0;padding:16px 18px;box-shadow:0 1px 0 var(--tu-bd)}
.jqw-scenes h3{font-size:15.5px;font-weight:700}
.jqw-scenes p{margin-top:6px;font-size:13.5px;color:var(--tu-mut);line-height:1.65}

/* 分类频道 */
.jqw-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.jqw-cats li{background:#fff;border:1px solid var(--tu-bd);border-radius:var(--tu-rad);padding:16px 18px}
.jqw-cats span{font-size:15.5px;font-weight:700;color:var(--tu-b)}
.jqw-cats p{margin-top:6px;font-size:13.5px;color:var(--tu-mut);line-height:1.65}

/* 卡片墙 */
.jqw-grid{display:grid;gap:clamp(13px,1.7vw,20px)}
.jqw-g6{grid-template-columns:repeat(6,1fr)}
.jqw-card{background:#fff;border:1px solid var(--tu-bd);border-radius:var(--tu-rad);overflow:hidden;transition:transform .24s,box-shadow .24s,border-color .24s}
.jqw-card:hover{transform:translateY(-3px);box-shadow:var(--tu-sh);border-color:#d5ccbf}
.jqw-thumb{position:relative;aspect-ratio:3/4;background:#eae5dc}
.jqw-thumb img{width:100%;height:100%;object-fit:cover}
.jqw-badge{position:absolute;left:8px;top:8px;padding:2px 9px;border-radius:999px;background:rgba(184,66,42,.95);color:#fff;font-size:11.5px;font-weight:600}
.jqw-score{position:absolute;right:8px;bottom:8px;padding:2px 8px;border-radius:8px;background:rgba(20,18,16,.84);color:#ffd9a0;font-size:12.5px;font-weight:700}
.jqw-card-body{padding:11px 13px 14px}
.jqw-card-body h3{font-size:15px;font-weight:700;line-height:1.35}
.jqw-meta{margin-top:4px;font-size:12.5px;color:var(--tu-a);letter-spacing:.02em}
.jqw-card-body .jqw-desc{margin-top:6px;font-size:13px;color:var(--tu-mut);line-height:1.6}

/* 列表行 */
.jqw-rows{display:grid;gap:10px}
.jqw-rows li{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid var(--tu-bd);border-radius:12px;padding:13px 18px;transition:transform .2s,border-color .2s,box-shadow .2s}
.jqw-rows li:hover{transform:translateX(3px);border-color:#d5ccbf;box-shadow:0 6px 18px rgba(30,26,21,.06)}
.jqw-rows h3{font-size:15.5px;font-weight:700}
.jqw-rows p{margin-top:3px;font-size:13.5px;color:var(--tu-mut)}
.jqw-mark{font-size:19px;font-weight:800;color:var(--tu-a);white-space:nowrap}
.jqw-state{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.jqw-tag{display:inline-block;padding:2px 9px;border-radius:999px;border:1px solid var(--tu-bd);background:#f5f2ec;color:#5c564e;font-size:12px}

/* 能力矩阵 */
.jqw-caps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.jqw-caps li{background:#fff;border:1px solid var(--tu-bd);border-radius:var(--tu-rad);padding:16px 18px}
.jqw-caps h3{font-size:15px;font-weight:700}
.jqw-caps p{margin-top:6px;font-size:13.5px;color:var(--tu-mut);line-height:1.65}

/* 口碑 */
.jqw-quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.jqw-quote{background:#fff;border:1px solid var(--tu-bd);border-radius:var(--tu-rad);padding:20px 20px 16px;display:flex;flex-direction:column;gap:12px}
.jqw-quote p{font-size:14.5px;line-height:1.75}
.jqw-quote footer{margin-top:auto;font-size:13px;color:var(--tu-mut)}
.jqw-quote footer b{color:var(--tu-b);font-weight:700}

/* 主题片单 */
.jqw-special{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.jqw-special li{background:#fff;border:1px solid var(--tu-bd);border-radius:var(--tu-rad);overflow:hidden;transition:transform .24s,box-shadow .24s}
.jqw-special li:hover{transform:translateY(-3px);box-shadow:var(--tu-sh)}
.jqw-thumb-wide{position:relative;aspect-ratio:16/9;background:#eae5dc;overflow:hidden}
.jqw-thumb-wide img{width:100%;height:100%;object-fit:cover}
.jqw-special h3{font-size:17px;font-weight:800;padding:16px 18px 0}
.jqw-special p{padding:6px 18px 18px;font-size:13.8px;color:var(--tu-mut)}

/* 资讯 */
.jqw-news{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.jqw-news li{display:grid;grid-template-columns:116px 1fr;gap:14px;align-items:center;background:#fff;border:1px solid var(--tu-bd);border-radius:var(--tu-rad);overflow:hidden;transition:border-color .2s,box-shadow .2s}
.jqw-news li:hover{border-color:#d5ccbf;box-shadow:0 8px 22px rgba(30,26,21,.07)}
.jqw-thumb-sm{position:relative;aspect-ratio:1/1;background:#eae5dc}
.jqw-thumb-sm img{width:100%;height:100%;object-fit:cover}
.jqw-news h3{font-size:15px;font-weight:700;padding-right:14px;line-height:1.45}
.jqw-news p{font-size:13px;color:var(--tu-mut);margin-top:4px;padding-right:14px;line-height:1.6}
.jqw-time{display:inline-block;margin:6px 0 10px;font-size:12px;color:var(--tu-a)}

/* 更新路线 */
.jqw-road{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.jqw-road li{border-left:3px solid var(--tu-a);padding:4px 0 4px 16px}
.jqw-road h3{font-size:15.5px;font-weight:700}
.jqw-road p{margin-top:6px;font-size:13.5px;color:var(--tu-mut);line-height:1.65}

/* 问答 */
.jqw-faq{display:grid;gap:4px;max-width:78ch}
.jqw-faq dt{font-size:15.5px;font-weight:700;padding-top:16px;border-top:1px solid var(--tu-bd)}
.jqw-faq dd{margin-top:6px;padding-bottom:14px;font-size:14.5px;color:#4d4842}

/* 收口 */
.jqw-cta{position:relative;isolation:isolate;overflow:hidden;border-radius:calc(var(--tu-rad) + 8px);padding:clamp(26px,4vw,48px);color:#f7f2ea}
.jqw-cta-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.jqw-cta::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,rgba(22,19,16,.93),rgba(22,19,16,.55))}
.jqw-cta h2{font-size:clamp(21px,2.6vw,30px);font-weight:800;line-height:1.3}
.jqw-cta p{margin-top:10px;max-width:60ch;font-size:14.5px;color:#ded6c9}
.jqw-cta .jqw-acts{margin-top:22px}
.jqw-cta .jqw-btn{background:#f7f2ea;color:#1d1c1a;border-color:#f7f2ea}
.jqw-cta .jqw-btn:hover{background:var(--tu-a);color:#fff;border-color:var(--tu-a)}
.jqw-cta .jqw-btn-2{background:transparent;color:#f7f2ea;border-color:rgba(247,242,234,.5)}
.jqw-cta .jqw-btn-2:hover{background:rgba(247,242,234,.14);color:#fff;border-color:#f7f2ea}

/* 页脚 */
.jqw-foot{background:var(--tu-b);color:#c9c2b8;padding:clamp(30px,4vw,52px) 0 22px}
.jqw-foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:var(--tu-sp)}
.jqw-foot h2{font-size:13.5px;font-weight:700;color:#fff;letter-spacing:.08em;margin-bottom:10px}
.jqw-foot p{font-size:13.5px;line-height:1.8}
.jqw-foot li{font-size:13.5px;line-height:2.1}
.jqw-foot a{transition:color .2s}
.jqw-foot a:hover{color:#fff}
.jqw-copy{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:26px;padding-top:16px;border-top:1px solid rgba(255,255,255,.13);font-size:12.5px;color:#9a938a}

@media (max-width:1024px){
  .jqw-hero-in{grid-template-columns:1fr}
  .jqw-hero-fig{max-width:660px}
  .jqw-g6{grid-template-columns:repeat(3,1fr)}
  .jqw-zones,.jqw-scenes,.jqw-caps{grid-template-columns:repeat(2,1fr)}
  .jqw-cats{grid-template-columns:repeat(2,1fr)}
  .jqw-quotes{grid-template-columns:repeat(2,1fr)}
  .jqw-foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:768px){
  body{font-size:15px}
  .jqw-topbar{flex-wrap:wrap;padding-bottom:6px}
  .jqw-nav{margin-left:0;width:100%;order:3}
  .jqw-facts{grid-template-columns:repeat(2,1fr)}
  .jqw-g6{grid-template-columns:repeat(2,1fr)}
  .jqw-cats,.jqw-quotes,.jqw-news,.jqw-road,.jqw-special{grid-template-columns:1fr}
  .jqw-quote{padding:18px}
  .jqw-sec-h p{font-size:14.5px}
}
@media (max-width:520px){
  .jqw-hero h1{font-size:27px}
  .jqw-lead{font-size:14.5px}
  .jqw-facts,.jqw-zones,.jqw-scenes,.jqw-caps{grid-template-columns:1fr}
  .jqw-btn{width:100%}
  .jqw-rows li{flex-wrap:wrap;gap:8px}
  .jqw-news li{grid-template-columns:96px 1fr}
  .jqw-foot-grid{grid-template-columns:1fr}
}