/* roulang page: index */
:root{
      --ink:#17111b;--night:#211525;--wine:#431d35;--wine-2:#6a2946;
      --paper:#f5efe8;--card:#fffaf5;--muted:#756b73;--line:#ded0c8;
      --amber:#edb867;--coral:#e68168;--cream:#fff4df;--white:#fffdf9;
      --radius:20px;--shadow:0 18px 50px rgba(31,14,28,.14);--ease:all .25s ease;
    }
    *,*::before,*::after{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;line-height:1.8}
    a{color:inherit;text-decoration:none;transition:var(--ease)}
    img{max-width:100%;display:block}
    button,input,select,textarea{font:inherit}
    button{cursor:pointer}
    :focus-visible{outline:3px solid var(--amber);outline-offset:3px}
    .container{width:min(1180px,calc(100% - 40px));margin:0 auto}
    .site-header{position:absolute;z-index:10;top:22px;left:0;right:0}
    .capsule{display:flex;align-items:center;gap:18px;padding:10px 12px 10px 22px;border:1px solid rgba(255,244,223,.2);border-radius:999px;background:rgba(31,17,36,.86);box-shadow:0 10px 35px rgba(19,8,22,.24);color:var(--white)}
    .brand{font-size:18px;font-weight:800;letter-spacing:-.04em;white-space:nowrap}
    .brand em{font-style:normal;color:var(--amber)}
    .nav-links{display:flex;align-items:center;gap:4px;margin-left:auto}
    .nav-links a{padding:8px 14px;border-radius:999px;color:#d9cbd2;font-size:14px}
    .nav-links a:hover,.nav-links a:focus,.nav-links a.active{background:var(--amber);color:var(--ink)}
    .age-mark{padding:7px 12px;border:1px solid rgba(237,184,103,.55);border-radius:999px;color:var(--amber);font-size:12px;white-space:nowrap}
    .menu-toggle{display:none;background:transparent;border:0;color:var(--white);font-size:24px;padding:5px}
    .hero{position:relative;overflow:hidden;padding:170px 0 82px;background:radial-gradient(circle at 76% 30%,#743c55 0,transparent 28%),linear-gradient(135deg,#1b1221,#31162d 58%,#4a203a);color:var(--white)}
    .hero::after{content:"";position:absolute;inset:auto -10% -170px 42%;height:360px;background:rgba(237,184,103,.12);filter:blur(70px);border-radius:50%}
    .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:62px;align-items:center;position:relative;z-index:1}
    .eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--amber);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
    .eyebrow::before{content:"";width:28px;height:1px;background:var(--amber)}
    h1,h2,h3{margin:0;line-height:1.25;letter-spacing:-.045em}
    h1{font-size:clamp(38px,5vw,68px);max-width:680px;margin:18px 0}
    .hero-copy{max-width:610px;color:#eadde0;font-size:17px;line-height:1.9}
    .actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 22px}
    .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 21px;border-radius:12px;border:1px solid transparent;font-weight:800;transition:var(--ease)}
    .btn-primary{background:var(--amber);color:var(--ink);box-shadow:0 8px 20px rgba(237,184,103,.2)}
    .btn-primary:hover{background:#ffd28a;transform:translateY(-2px)}
    .btn-secondary{border-color:rgba(255,244,223,.35);color:var(--white);background:rgba(255,255,255,.04)}
    .btn-secondary:hover{border-color:var(--amber);color:var(--amber)}
    .hero-note{font-size:12px;color:#cdbdc5}
    .stage{min-height:390px;position:relative;display:flex;align-items:center;justify-content:center}
    .poster{position:relative;width:250px;height:338px;padding:20px;overflow:hidden;border:1px solid rgba(255,244,223,.38);border-radius:18px;background:linear-gradient(155deg,#8d4b59,#27152c 62%,#dfa15b);box-shadow:24px 26px 0 rgba(237,184,103,.14),var(--shadow);transform:rotate(-5deg)}
    .poster::before{content:"";position:absolute;inset:35% -20% auto;height:2px;background:rgba(255,244,223,.45);box-shadow:0 26px 0 rgba(255,244,223,.2),0 52px 0 rgba(255,244,223,.12)}
    .poster-label{position:absolute;top:22px;right:20px;padding:4px 9px;border:1px solid #ffe5aa;border-radius:20px;color:#ffe5aa;font-size:11px}
    .poster-title{position:absolute;left:22px;bottom:26px;font-size:28px;line-height:1.2;font-weight:800}
    .stage-card{position:absolute;width:205px;padding:16px;border:1px solid rgba(255,244,223,.25);border-radius:15px;background:rgba(28,15,34,.82);box-shadow:var(--shadow)}
    .stage-card.top{top:15px;right:0}.stage-card.bottom{bottom:15px;left:0}
    .stage-card small{display:block;color:#bcaeb5;font-size:11px}.stage-card strong{display:block;margin-top:4px;color:var(--amber);font-size:17px}
    .section{padding:92px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}
    .section-head h2{font-size:clamp(28px,3vw,43px);margin-top:9px}.section-head p{max-width:560px;color:var(--muted);margin:0}
    .metrics{margin-top:-34px;position:relative;z-index:2}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}
    .metric{padding:25px 28px;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric b{display:block;font-size:30px;color:var(--wine)}.metric span{font-size:13px;color:var(--muted)}.meter{height:5px;margin-top:13px;background:#eaded5;border-radius:9px;overflow:hidden}.meter i{display:block;height:100%;background:var(--coral);border-radius:inherit}
    .category-wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.category-card{min-height:240px;padding:30px;border-radius:var(--radius);background:var(--wine);color:var(--white);position:relative;overflow:hidden}.category-card::after{content:"01";position:absolute;right:22px;bottom:-22px;font-size:150px;font-weight:900;color:rgba(255,255,255,.06)}.category-card h3{font-size:28px;margin:18px 0 10px}.category-card p{max-width:470px;color:#e3cfd5}.category-link{display:inline-block;margin-top:18px;color:var(--amber);font-weight:800}.mini-stack{display:grid;gap:20px}.mini-card{padding:23px 25px;border:1px solid var(--line);border-radius:16px;background:var(--card)}.mini-card h3{font-size:20px}.mini-card p{margin:6px 0 0;color:var(--muted);font-size:14px}
    .index-flow{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px}.index-intro{padding:30px;border-radius:var(--radius);background:#2c1b2b;color:var(--white)}.index-intro p{color:#d9c8d0}.index-list{display:grid;gap:12px}.index-item{display:flex;align-items:center;gap:16px;padding:18px 20px;border:1px solid var(--line);border-radius:15px;background:var(--card);transition:var(--ease)}.index-item:hover{transform:translateX(5px);border-color:var(--coral)}.index-num{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--cream);color:var(--wine);font-weight:800}.index-item strong{display:block}.index-item small{color:var(--muted)}
    .compare{display:grid;grid-template-columns:1fr 1fr;gap:20px}.compare-box{padding:28px;border-radius:18px;background:var(--card);border:1px solid var(--line)}.compare-box.highlight{background:var(--wine);color:var(--white)}.compare-box h3{font-size:21px;margin-bottom:18px}.compare-box ul{list-style:none;margin:0;padding:0}.compare-box li{padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.compare-box.highlight li{border-color:rgba(255,255,255,.16);color:#eadde0}.compare-box li::before{content:"＋";margin-right:8px;color:var(--coral)}
    .news-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:24px}.news-list,.news-side{padding:25px;border:1px solid var(--line);border-radius:18px;background:var(--card)}.news-row{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.news-row:last-child{border:0}.news-row a:hover{color:var(--wine-2)}.news-row small,.news-side p{color:var(--muted);font-size:13px}.news-side{background:#ead8cb}.news-side h3{font-size:23px;margin-bottom:12px}
    .faq-list{max-width:850px;margin:0 auto}.faq-list details{border-bottom:1px solid var(--line);padding:19px 0}.faq-list summary{cursor:pointer;list-style:none;font-weight:800;font-size:17px;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"＋";color:var(--coral);font-size:22px}.faq-list details[open] summary::after{content:"－"}.faq-list details p{margin:13px 35px 0 0;color:var(--muted);font-size:14px}
    .feedback{background:var(--wine);color:var(--white);border-radius:26px;padding:48px}.feedback-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px}.feedback p{color:#dfcbd3}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field.full{grid-column:1/-1}label{display:block;font-size:13px;font-weight:700;margin-bottom:5px}input,select,textarea{width:100%;padding:12px 14px;border:1px solid #d9c6bc;border-radius:10px;background:var(--white);color:var(--ink);transition:var(--ease)}textarea{min-height:110px;resize:vertical}.check{display:flex;gap:8px;align-items:flex-start;margin:14px 0;font-size:12px;color:#d9c8d0}.check input{width:auto;margin-top:6px}.form-status{min-height:24px;margin-top:10px;color:var(--amber);font-size:13px}
    .footer{padding:46px 0 28px;background:#17101a;color:#cbbbc3}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:30px}.footer .brand{color:var(--white);display:inline-block;margin-bottom:12px}.footer p{font-size:13px;max-width:390px}.footer h3{font-size:14px;color:var(--amber);margin-bottom:12px}.footer a{display:block;font-size:13px;margin:7px 0;color:#cbbbc3}.footer a:hover{color:var(--amber)}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:30px;padding-top:20px;font-size:12px;color:#978891}
    @media(max-width:1024px){.hero-grid{gap:35px}.stage{transform:scale(.9)}}
    @media(max-width:768px){.container{width:min(100% - 28px,620px)}.site-header{top:12px}.capsule{padding:9px 14px 9px 17px}.nav-links{display:none;position:absolute;left:0;right:0;top:62px;padding:10px;border:1px solid rgba(255,244,223,.2);border-radius:18px;background:var(--night);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{padding:12px 15px}.menu-toggle{display:block}.age-mark{margin-left:auto}.hero{padding:135px 0 70px}.hero-grid,.category-wrap,.index-flow,.news-layout,.feedback-grid{grid-template-columns:1fr}.stage{min-height:350px}.metric-grid{grid-template-columns:1fr 1fr}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.section{padding:65px 0}.section-head{display:block}.section-head p{margin-top:12px}.footer-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:520px){h1{font-size:39px}.hero-copy{font-size:15px}.actions .btn{width:100%}.stage{transform:scale(.82);margin:-25px 0}.metric{padding:20px 16px}.metric b{font-size:25px}.compare{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr}.feedback{padding:30px 20px}.news-row{display:block}.news-row small{display:block;margin-top:5px}}

/* roulang page: category1 */
:root{--ink:#17111b;--night:#211525;--wine:#431d35;--wine2:#6a2946;--paper:#f5efe8;--card:#fffaf5;--muted:#756b73;--line:#ded0c8;--amber:#edb867;--coral:#e68168;--cream:#fff4df;--white:#fffdf9;--radius:20px;--shadow:0 18px 50px rgba(31,14,28,.14);--ease:all .25s ease}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;line-height:1.8}a{color:inherit;text-decoration:none;transition:var(--ease)}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:absolute;z-index:10;top:22px;left:0;right:0}.capsule{display:flex;align-items:center;gap:18px;padding:10px 14px 10px 21px;border:1px solid rgba(255,244,223,.2);border-radius:999px;background:rgba(27,15,34,.86);box-shadow:0 12px 34px rgba(20,9,25,.22);color:var(--white)}.brand{font-size:18px;font-weight:800;letter-spacing:-.04em;white-space:nowrap}.brand span{color:var(--amber)}.nav-links{display:flex;align-items:center;gap:4px;margin-left:auto}.nav-links a{padding:8px 14px;border-radius:999px;color:#d9cbd2;font-size:14px}.nav-links a:hover,.nav-links a:focus,.nav-links a.active{background:var(--amber);color:var(--ink)}.age-mark{font-size:12px;color:#e5c9ae;white-space:nowrap}.menu-toggle{display:none;background:transparent;border:0;color:var(--white);font-size:23px;padding:5px}.hero{padding:160px 0 72px;background:radial-gradient(circle at 78% 20%,#743c55 0,transparent 28%),linear-gradient(135deg,#1b1221,#31162d 58%,#4a203a);color:var(--white)}.hero-grid{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end}.eyebrow,.section-kicker{display:inline-flex;gap:8px;align-items:center;color:var(--amber);font-size:12px;font-weight:800;letter-spacing:.12em}.eyebrow:before{content:"";width:28px;height:1px;background:var(--amber)}h1,h2,h3{line-height:1.25;margin:0 0 14px}h1{font-size:clamp(36px,5vw,70px);letter-spacing:-.06em}.hero-copy{max-width:650px;color:#eadde0;font-size:17px}.hero-note{margin-top:18px;color:#cdbdc5;font-size:13px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 21px;border-radius:12px;border:1px solid transparent;font-weight:800;transition:var(--ease)}.btn:focus-visible,.nav-links a:focus-visible,.menu-toggle:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.btn-primary{background:var(--amber);color:var(--ink);box-shadow:0 8px 20px rgba(237,184,103,.2)}.btn-primary:hover{background:#ffd28a;transform:translateY(-2px)}.btn-secondary{border-color:rgba(255,244,223,.35);color:var(--white);background:rgba(255,255,255,.04)}.btn-secondary:hover{border-color:var(--amber);color:var(--amber)}.hero-panel{min-height:260px;padding:25px;border:1px solid rgba(255,244,223,.25);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(28,15,34,.7));position:relative;overflow:hidden}.hero-panel:after{content:"18+";position:absolute;right:-10px;bottom:-42px;color:rgba(237,184,103,.16);font-size:180px;font-weight:900}.panel-top{display:flex;justify-content:space-between;color:#d9cbd2;font-size:12px}.panel-title{margin-top:62px;max-width:250px;font-size:26px;font-weight:800;position:relative;z-index:1}.panel-line{height:4px;background:rgba(255,255,255,.14);border-radius:10px;margin-top:25px}.panel-line i{display:block;width:68%;height:100%;border-radius:10px;background:var(--amber)}.section{padding:86px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:30px}.section-head p{max-width:590px;color:var(--muted);margin:0}.filter-box{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:var(--shadow)}.filter-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:12px}.field-label{display:block;margin-bottom:5px;font-size:12px;font-weight:800;color:var(--muted)}input,select,textarea{width:100%;padding:11px 13px;border:1px solid #d9c6bc;border-radius:10px;background:var(--white);color:var(--ink);transition:var(--ease)}input::placeholder,textarea::placeholder{color:#9a8c91}.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.tag{display:inline-flex;align-items:center;padding:5px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px;background:#fffdf9}.tag:hover,.tag.selected{border-color:var(--coral);color:var(--wine2);background:#fff0e6}.rail{display:flex;gap:18px;overflow:auto;padding:5px 2px 18px;scrollbar-width:thin}.feature{flex:0 0 250px;min-height:180px;padding:22px;border-radius:18px;background:var(--wine);color:var(--white);position:relative;overflow:hidden}.feature:nth-child(2){background:var(--wine2)}.feature:nth-child(3){background:#713b49}.feature:after{content:"";position:absolute;width:130px;height:130px;right:-32px;bottom:-42px;border-radius:50%;background:rgba(237,184,103,.2)}.feature small{color:#efd6c4}.feature h3{margin-top:30px;font-size:22px}.content-layout{display:grid;grid-template-columns:1.5fr .75fr;gap:24px}.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.content-card{padding:21px;border:1px solid var(--line);border-radius:18px;background:var(--card);transition:var(--ease)}.content-card:hover{transform:translateY(-4px);border-color:var(--coral);box-shadow:var(--shadow)}.cover{height:125px;margin:-21px -21px 17px;border-radius:18px 18px 0 0;background:linear-gradient(135deg,#351c38,#8c4a55 55%,#e5a665);position:relative}.cover:after{content:"合规封面";position:absolute;left:15px;bottom:12px;padding:4px 9px;border-radius:7px;background:rgba(23,17,27,.72);color:var(--cream);font-size:11px}.badge{display:inline-block;padding:4px 9px;border-radius:999px;background:#f8e6d5;color:var(--wine2);font-size:11px;font-weight:800}.content-card h3{font-size:20px;margin:11px 0 6px}.content-card p{font-size:13px;color:var(--muted);margin:0 0 12px}.meta{display:flex;justify-content:space-between;color:#927f86;font-size:12px}.side-note{padding:25px;border-radius:18px;background:#2a1729;color:#eee0df}.side-note h3{color:var(--amber)}.side-note p{font-size:14px;color:#cdbdc5}.side-note ul{margin:16px 0;padding-left:20px;color:#e5d5d5;font-size:13px}.empty{display:none;padding:35px;text-align:center;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}.faq-list{max-width:850px;margin:auto}.faq-list details{border-bottom:1px solid var(--line);padding:18px 0}.faq-list summary{cursor:pointer;list-style:none;font-weight:800;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"＋";color:var(--coral);font-size:21px}.faq-list details[open] summary:after{content:"－"}.faq-list details p{margin:12px 35px 0 0;color:var(--muted);font-size:14px}.cta{padding:55px 0;background:var(--wine);color:var(--white)}.cta-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:start}.cta p{color:#decdd2}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.full{grid-column:1/-1}.check{display:flex;gap:9px;color:#d8c8ce;font-size:12px}.check input{width:auto;margin-top:7px}.form-status{min-height:23px;color:var(--amber);font-size:13px;margin-top:9px}.footer{padding:46px 0 28px;background:#17101a;color:#cbbbc3}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:30px}.footer .brand{color:var(--white);display:inline-block;margin-bottom:12px}.footer p,.footer a{font-size:13px}.footer p{max-width:390px}.footer h3{font-size:14px;color:var(--amber);margin-bottom:12px}.footer a{display:block;margin:7px 0;color:#cbbbc3}.footer a:hover{color:var(--amber)}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:30px;padding-top:20px;font-size:12px;color:#978891}
@media(max-width:900px){.hero-grid,.content-layout,.cta-grid{grid-template-columns:1fr;gap:35px}.filter-grid{grid-template-columns:1fr 1fr}.hero-panel{min-height:220px}.site-header{top:14px}}
@media(max-width:640px){.container{width:min(100% - 28px,620px)}.capsule{border-radius:18px;position:relative;flex-wrap:wrap}.nav-links{display:none;position:absolute;left:0;right:0;top:62px;padding:10px;border:1px solid rgba(255,244,223,.2);border-radius:15px;background:var(--night);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{padding:12px}.age-mark{margin-left:auto}.menu-toggle{display:block}.hero{padding:135px 0 55px}.hero-copy{font-size:15px}.section{padding:62px 0}.section-head{display:block}.section-head p{margin-top:12px}.filter-grid,.content-grid,.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.footer-grid{grid-template-columns:1fr;gap:22px}.feature{flex-basis:82vw}}