/* roulang page: index */
:root{
  --hx-main:#e3477c;
  --hx-sub:#ffb43a;
  --hx-bg:#fff8fa;
  --hx-card:#ffffff;
  --hx-ink:#241a21;
  --hx-ink2:#6f5f69;
  --hx-line:#f3dee7;
  --hx-rad:16px;
  --hx-shadow:0 14px 34px rgba(186,58,112,.14);
  --hx-space:34px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--hx-bg);color:var(--hx-ink);font-family:system-ui,-apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,p{margin:0}
button{font:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--hx-main);outline-offset:3px}

.toqxncoz-wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 16px}

/* 顶栏 */
.toqxncoz-head{position:sticky;top:0;z-index:60;background:rgba(255,248,250,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--hx-line)}
.toqxncoz-bar{display:flex;align-items:center;gap:10px;min-height:62px}
.toqxncoz-brand{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto}
.toqxncoz-mark{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#f0629a,#d92e6f);color:#fff;font-size:16px;font-weight:800;display:grid;place-items:center;box-shadow:0 8px 18px rgba(217,46,111,.28)}
.toqxncoz-brand-name{font-size:16px;font-weight:800;letter-spacing:.02em;white-space:nowrap}
.toqxncoz-nav{display:flex;align-items:center;gap:2px;flex:1 1 auto;overflow-x:auto;scrollbar-width:none}
.toqxncoz-nav::-webkit-scrollbar{display:none}
.toqxncoz-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 11px;border-radius:999px;font-size:14px;color:var(--hx-ink2);white-space:nowrap;transition:background .18s,color .18s}
.toqxncoz-nav a:hover{background:#ffe9f1;color:var(--hx-main)}
.toqxncoz-nav a.is-on{background:#ffe3ee;color:var(--hx-main);font-weight:700}
.toqxncoz-topbtn{display:none;flex:0 0 auto;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;font-size:14px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--hx-main),#f0699a);box-shadow:0 10px 22px rgba(227,71,124,.26);transition:transform .2s}
.toqxncoz-topbtn:hover{transform:translateY(-2px)}

/* 按钮 */
.toqxncoz-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 24px;border-radius:999px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}
.toqxncoz-btn-main{color:#fff;background:linear-gradient(135deg,var(--hx-main),#f0699a);box-shadow:0 12px 26px rgba(227,71,124,.28)}
.toqxncoz-btn-main:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(227,71,124,.34)}
.toqxncoz-btn-ghost{color:var(--hx-main);background:#fff;border:1px solid var(--hx-line)}
.toqxncoz-btn-ghost:hover{background:#fff2f7;transform:translateY(-2px)}

/* 首屏 */
.toqxncoz-hero{position:relative;overflow:hidden;padding:34px 0 44px;background:linear-gradient(165deg,#ffe9f1 0%,#fff8fa 58%,#fff8fa 100%)}
.toqxncoz-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.16;filter:saturate(1.15)}
.toqxncoz-hero-in{position:relative;display:grid;gap:26px}
.toqxncoz-kicker{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--hx-main);background:#fff;border:1px solid var(--hx-line);border-radius:999px;padding:5px 14px;width:max-content}
.toqxncoz-hero h1{margin-top:16px;font-size:clamp(32px,7.4vw,54px);line-height:1.16;font-weight:800;letter-spacing:.01em}
.toqxncoz-hero h1 em{font-style:normal;color:var(--hx-main)}
.toqxncoz-hero-sub{margin-top:12px;font-size:17px;font-weight:700;color:#4a2f3d}
.toqxncoz-hero-desc{margin-top:12px;font-size:14.5px;color:var(--hx-ink2);max-width:60ch}
.toqxncoz-hero-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}

/* 券卡 */
.toqxncoz-coupon{position:relative;background:var(--hx-card);border-radius:24px;padding:24px 22px;box-shadow:var(--hx-shadow);border:1px solid var(--hx-line)}
.toqxncoz-coupon::before{content:"";position:absolute;left:22px;right:22px;top:0;height:5px;border-radius:0 0 8px 8px;background:linear-gradient(90deg,var(--hx-main),var(--hx-sub))}
.toqxncoz-coupon-tag{display:inline-block;font-size:12px;font-weight:800;color:#7a4a00;background:#ffeccb;border-radius:999px;padding:3px 12px}
.toqxncoz-coupon-name{margin-top:14px;font-size:23px;font-weight:800;letter-spacing:.01em}
.toqxncoz-coupon-note{margin-top:10px;font-size:13.5px;color:var(--hx-ink2)}
.toqxncoz-coupon-list{margin-top:16px;display:grid;gap:9px}
.toqxncoz-coupon-list li{display:flex;align-items:flex-start;gap:9px;font-size:14px;color:#4a3540}
.toqxncoz-coupon-list li::before{content:"";flex:0 0 auto;width:7px;height:7px;margin-top:8px;border-radius:50%;background:var(--hx-main)}
.toqxncoz-coupon .toqxncoz-btn{width:100%;margin-top:20px}

/* 板块通用 */
.toqxncoz-sec{padding:var(--hx-space) 0}
.toqxncoz-sec--tint{background:#fff}
.toqxncoz-head-line{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:20px}
.toqxncoz-title{font-size:22px;font-weight:800;letter-spacing:.01em;display:flex;align-items:center;gap:10px}
.toqxncoz-title::before{content:"";width:5px;height:20px;border-radius:3px;background:linear-gradient(180deg,var(--hx-main),var(--hx-sub))}
.toqxncoz-lead{margin-top:8px;font-size:14px;color:var(--hx-ink2);max-width:66ch}
.toqxncoz-more{font-size:13.5px;font-weight:700;color:var(--hx-main)}

/* 一页速览 */
.toqxncoz-sum{display:grid;gap:12px}
.toqxncoz-sum li{display:flex;gap:13px;background:#fff;border:1px solid var(--hx-line);border-radius:14px;padding:15px 17px;font-size:14px;color:#4a3540}
.toqxncoz-sum b{flex:0 0 auto;width:26px;height:26px;border-radius:9px;background:#ffe3ee;color:var(--hx-main);font-size:13px;font-weight:800;display:grid;place-items:center}

/* 双栏 */
.toqxncoz-row{display:grid;gap:var(--hx-space)}

/* 资讯流 */
.toqxncoz-news li{display:flex;gap:14px;padding:15px 0;border-bottom:1px solid var(--hx-line)}
.toqxncoz-news li:last-child{border-bottom:0;padding-bottom:0}
.toqxncoz-thumb{flex:0 0 116px;aspect-ratio:16/11;border-radius:12px;overflow:hidden;background:#f6e7ee}
.toqxncoz-thumb img{width:100%;height:100%;object-fit:cover}
.toqxncoz-news h3{font-size:15px;font-weight:700;line-height:1.5}
.toqxncoz-news p{margin-top:5px;font-size:13px;color:var(--hx-ink2)}
.toqxncoz-time{display:inline-block;margin-top:7px;font-size:12px;color:var(--hx-main);background:#ffe9f1;border-radius:8px;padding:2px 9px}

/* 榜单 */
.toqxncoz-rank li{display:flex;align-items:center;gap:11px;padding:10px;border-radius:12px;transition:background .18s}
.toqxncoz-rank li:hover{background:#fff4f8}
.toqxncoz-rank-no{flex:0 0 auto;width:26px;height:26px;border-radius:8px;background:#fbe4ed;color:var(--hx-main);font-size:13px;font-weight:800;display:grid;place-items:center}
.toqxncoz-rank li:nth-child(1) .toqxncoz-rank-no{background:linear-gradient(135deg,#ff8ab5,#e3477c);color:#fff}
.toqxncoz-rank li:nth-child(2) .toqxncoz-rank-no{background:linear-gradient(135deg,#ffc46b,#f59300);color:#fff}
.toqxncoz-rank li:nth-child(3) .toqxncoz-rank-no{background:linear-gradient(135deg,#ffb0a0,#ee6a52);color:#fff}
.toqxncoz-rank-name{font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.toqxncoz-rank-tag{margin-left:auto;flex:0 0 auto;font-size:12px;color:var(--hx-ink2);background:#f8eef2;border-radius:8px;padding:2px 8px}

/* 专题卡 */
.toqxncoz-topics{display:grid;gap:16px}
.toqxncoz-topic{background:#fff;border-radius:var(--hx-rad);overflow:hidden;border:1px solid var(--hx-line);transition:transform .22s,box-shadow .22s}
.toqxncoz-topic:hover{transform:translateY(-4px);box-shadow:var(--hx-shadow)}
.toqxncoz-topic-img{aspect-ratio:16/9;overflow:hidden;background:#f6e7ee}
.toqxncoz-topic-img img{width:100%;height:100%;object-fit:cover}
.toqxncoz-topic-body{padding:16px 17px 19px}
.toqxncoz-topic-body h3{font-size:16.5px;font-weight:800}
.toqxncoz-topic-body p{margin-top:7px;font-size:13.5px;color:var(--hx-ink2)}
.toqxncoz-chip{display:inline-block;margin-top:12px;font-size:12px;font-weight:700;color:var(--hx-main);background:#ffe9f1;border-radius:999px;padding:3px 11px}

/* 卡片墙 */
.toqxncoz-grid{display:grid;gap:16px}
.toqxncoz-card{background:#fff;border-radius:var(--hx-rad);overflow:hidden;border:1px solid var(--hx-line);transition:transform .22s,box-shadow .22s}
.toqxncoz-card:hover{transform:translateY(-4px);box-shadow:var(--hx-shadow)}
.toqxncoz-cover{position:relative;aspect-ratio:2/3;overflow:hidden;background:#f6e7ee}
.toqxncoz-cover img{width:100%;height:100%;object-fit:cover}
.toqxncoz-badge{position:absolute;top:10px;left:10px;font-size:12px;font-weight:700;color:#fff;background:rgba(36,26,33,.72);border-radius:8px;padding:3px 9px}
.toqxncoz-score{position:absolute;right:10px;bottom:10px;font-size:13px;font-weight:800;color:#40290a;background:var(--hx-sub);border-radius:8px;padding:3px 9px}
.toqxncoz-card-body{padding:12px 14px 16px}
.toqxncoz-card-body h3{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.toqxncoz-card-body p{margin-top:5px;font-size:12.5px;color:var(--hx-ink2)}

/* 动态 */
.toqxncoz-log{display:grid;gap:14px}
.toqxncoz-log li{position:relative;padding-left:20px;border-left:2px solid var(--hx-line)}
.toqxncoz-log li::before{content:"";position:absolute;left:-6px;top:8px;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid var(--hx-main)}
.toqxncoz-log h3{font-size:14.5px;font-weight:700}
.toqxncoz-log p{margin-top:4px;font-size:13px;color:var(--hx-ink2)}

/* 分类频道 */
.toqxncoz-cats{display:grid;gap:14px}
.toqxncoz-cat{background:#fff;border:1px solid var(--hx-line);border-radius:14px;padding:17px 18px}
.toqxncoz-cat span{display:inline-block;font-size:15.5px;font-weight:800;color:var(--hx-main)}
.toqxncoz-cat p{margin-top:7px;font-size:13.5px;color:var(--hx-ink2)}

/* 保障 */
.toqxncoz-safes{display:grid;gap:14px}
.toqxncoz-safe{background:#fff;border:1px solid var(--hx-line);border-radius:14px;padding:18px}
.toqxncoz-safe-icon{width:34px;height:34px;border-radius:10px;background:#ffe3ee;color:var(--hx-main);font-size:15px;font-weight:800;display:grid;place-items:center}
.toqxncoz-safe h3{margin-top:11px;font-size:15px;font-weight:800}
.toqxncoz-safe p{margin-top:6px;font-size:13.5px;color:var(--hx-ink2)}

/* 合作 */
.toqxncoz-partners{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.toqxncoz-partners span{font-size:13.5px;font-weight:700;color:#4a3540;background:#fff;border:1px solid var(--hx-line);border-radius:999px;padding:9px 18px}
.toqxncoz-partner-note{margin-top:16px;font-size:13.5px;color:var(--hx-ink2);max-width:70ch}

/* 订阅 */
.toqxncoz-sub{position:relative;overflow:hidden;border-radius:24px;padding:32px 22px;color:#fff;background:linear-gradient(125deg,#3a1d2a,#6c2743);background-image:linear-gradient(125deg,rgba(58,29,42,.94),rgba(108,39,67,.9)),url(/assets/images/backpic/back-2.webp);background-size:cover;background-position:center}
.toqxncoz-sub h2{font-size:21px;font-weight:800}
.toqxncoz-sub p{margin-top:10px;font-size:13.8px;color:#f0d8e2;max-width:60ch}
.toqxncoz-form{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.toqxncoz-form input{flex:1 1 220px;min-width:0;min-height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.14);color:#fff;padding:0 17px;font-size:14px}
.toqxncoz-form input::placeholder{color:rgba(255,255,255,.68)}
.toqxncoz-form button{flex:0 0 auto;min-height:44px;padding:0 24px;border:0;border-radius:999px;font-size:15px;font-weight:700;color:#5a1029;background:linear-gradient(135deg,#ffd07a,#ffb43a)}

/* 足迹 */
.toqxncoz-mile{display:grid;gap:14px}
.toqxncoz-mile li{background:#fff;border:1px solid var(--hx-line);border-radius:14px;padding:18px}
.toqxncoz-mile strong{display:block;font-size:14px;font-weight:800;color:var(--hx-main)}
.toqxncoz-mile p{margin-top:6px;font-size:13.5px;color:var(--hx-ink2)}

/* 问答 */
.toqxncoz-faq{display:grid;gap:12px}
.toqxncoz-faq details{background:#fff;border:1px solid var(--hx-line);border-radius:14px;padding:0 18px}
.toqxncoz-faq summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px;padding:14px 0;font-size:15px;font-weight:700;cursor:pointer;list-style:none}
.toqxncoz-faq summary::-webkit-details-marker{display:none}
.toqxncoz-faq summary::after{content:"+";flex:0 0 auto;font-size:20px;line-height:1;color:var(--hx-main)}
.toqxncoz-faq details[open] summary::after{content:"−"}
.toqxncoz-faq p{padding:0 0 16px;font-size:13.8px;color:var(--hx-ink2)}

/* 收口 */
.toqxncoz-cta{background:linear-gradient(135deg,#ffe1ed,#fff5f9);border:1px solid var(--hx-line);border-radius:24px;padding:34px 22px;text-align:center}
.toqxncoz-cta h2{font-size:22px;font-weight:800}
.toqxncoz-cta p{margin:12px auto 0;max-width:56ch;font-size:14px;color:var(--hx-ink2)}
.toqxncoz-cta .toqxncoz-btn{margin-top:22px}

/* 页脚 */
.toqxncoz-foot{margin-top:var(--hx-space);background:#241a21;color:#d9c4cd;padding:40px 0 0}
.toqxncoz-foot-grid{display:grid;gap:26px}
.toqxncoz-foot-col h3{font-size:14.5px;font-weight:800;color:#fff;margin-bottom:12px}
.toqxncoz-foot-col li{margin-bottom:9px}
.toqxncoz-foot-col a{display:inline-flex;align-items:center;min-height:32px;font-size:13.5px;color:#c2a9b4;transition:color .18s}
.toqxncoz-foot-col a:hover{color:#fff}
.toqxncoz-foot-brand p{margin-top:12px;font-size:13.5px;color:#b39aa6;max-width:34ch}
.toqxncoz-foot-brand .toqxncoz-brand-name{color:#fff}
.toqxncoz-copy{border-top:1px solid rgba(255,255,255,.1);margin-top:30px;padding:16px 0 20px;text-align:center;font-size:12.8px;color:#9c8792}

@media (min-width:520px){
  .toqxncoz-sum{grid-template-columns:1fr 1fr}
  .toqxncoz-topics{grid-template-columns:1fr 1fr}
  .toqxncoz-grid{grid-template-columns:1fr 1fr}
  .toqxncoz-cats{grid-template-columns:1fr 1fr}
  .toqxncoz-safes{grid-template-columns:1fr 1fr}
  .toqxncoz-mile{grid-template-columns:1fr 1fr}
  .toqxncoz-foot-grid{grid-template-columns:1fr 1fr}
}
@media (min-width:768px){
  body{font-size:15.5px}
  .toqxncoz-topbtn{display:inline-flex}
  .toqxncoz-sec{padding:46px 0}
  .toqxncoz-hero{padding:48px 0 56px}
  .toqxncoz-grid{grid-template-columns:repeat(3,1fr)}
  .toqxncoz-topics{grid-template-columns:repeat(3,1fr)}
  .toqxncoz-thumb{flex:0 0 148px}
  .toqxncoz-sub{padding:42px 36px}
}
@media (min-width:1024px){
  .toqxncoz-wrap{padding:0 24px}
  .toqxncoz-hero-in{grid-template-columns:1.35fr .82fr;align-items:center;gap:40px}
  .toqxncoz-row{grid-template-columns:1.4fr .92fr;align-items:start}
  .toqxncoz-cats{grid-template-columns:repeat(3,1fr)}
  .toqxncoz-safes{grid-template-columns:repeat(4,1fr)}
  .toqxncoz-mile{grid-template-columns:repeat(3,1fr)}
  .toqxncoz-foot-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}
  .toqxncoz-title{font-size:24px}
  .toqxncoz-card-body h3{font-size:15.5px}
}