/* roulang page: index */
:root{
      --bg:#11100f;
      --bg-deep:#0c0b0b;
      --surface:#191716;
      --surface-2:#211d1d;
      --surface-3:#282121;
      --line:#3a292e;
      --line-soft:#2a2224;
      --text:#f2ede9;
      --muted:#afa5a2;
      --dim:#766b69;
      --berry:#a53767;
      --berry-bright:#d05a89;
      --pink:#e6a5b9;
      --success:#9ab8a8;
      --shadow:0 24px 70px rgba(0,0,0,.34);
      --radius:16px;
      --radius-sm:12px;
      --container:1240px;
      --font:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;
      --mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth;background:var(--bg)}
    body{
      margin:0;background:var(--bg);color:var(--text);font-family:var(--font);
      font-size:16px;line-height:1.78;overflow-x:hidden;
      background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);
      background-size:42px 42px;
    }
    body:before{
      content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
      background:radial-gradient(circle at 75% 8%,rgba(165,55,103,.13),transparent 27%),radial-gradient(circle at 18% 47%,rgba(112,53,74,.08),transparent 29%);
    }
    a{color:inherit;text-decoration:none}
    img{max-width:100%;display:block}
    button,input,select,textarea{font:inherit}
    button{cursor:pointer}
    ::selection{background:var(--berry);color:#fff}
    :focus-visible{outline:2px solid var(--pink);outline-offset:3px}
    .grid-container{max-width:var(--container);padding-left:28px;padding-right:28px}
    .skip-link{position:absolute;left:-999px;top:8px;z-index:1000;padding:10px 16px;background:var(--pink);color:#1a1114;border-radius:8px;font-weight:800}
    .skip-link:focus{left:12px}
    .age-bar{background:#0c0b0b;border-bottom:1px solid var(--line-soft);color:var(--muted);font-size:12px;letter-spacing:.04em}
    .age-bar .grid-container{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:16px}
    .age-bar strong{font-weight:700;color:var(--pink)}
    .age-bar a{color:var(--text);border-bottom:1px solid var(--line);transition:.2s}
    .age-bar a:hover{color:var(--pink);border-color:var(--pink)}
    .site-header{position:sticky;top:0;z-index:100;background:rgba(17,16,15,.98);border-bottom:1px solid var(--line-soft);box-shadow:0 12px 32px rgba(0,0,0,.17)}
    .site-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--berry),transparent)}
    .nav-wrap{min-height:78px;display:flex;align-items:center;gap:34px}
    .brand{display:inline-flex;align-items:center;gap:11px;min-width:max-content;font-size:17px;font-weight:900;letter-spacing:-.04em}
    .brand-mark{width:30px;height:30px;border:1px solid var(--berry-bright);position:relative;transform:rotate(45deg);display:inline-block}
    .brand-mark:after{content:"";position:absolute;inset:6px;border:1px solid var(--pink)}
    .brand-text{white-space:nowrap}
    .nav-menu{margin:0 auto;gap:6px;background:none}
    .nav-menu li a{position:relative;padding:11px 14px;color:var(--muted);font-size:14px;font-weight:700;transition:color .2s}
    .nav-menu li a:after{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:1px;background:var(--berry-bright);transform:scaleX(0);transform-origin:left;transition:transform .22s}
    .nav-menu li a:hover,.nav-menu li a.active{color:var(--pink)}
    .nav-menu li a:hover:after,.nav-menu li a.active:after{transform:scaleX(1);box-shadow:0 0 10px var(--berry)}
    .nav-cta{display:flex;align-items:center;gap:11px}
    .adult-badge,.badge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:5px 9px;color:var(--muted);background:#171314;font-size:11px;letter-spacing:.08em;line-height:1.2}
    .adult-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 10px rgba(154,184,168,.5)}
    .menu-toggle{display:none;background:transparent;color:var(--text);border:1px solid var(--line);padding:9px 12px;border-radius:8px;font-size:13px}
    .menu-toggle span{display:inline-block;margin-right:7px;font-size:18px;line-height:12px}
    .button{border-radius:999px;padding:12px 19px;min-height:44px;margin:0;font-weight:800;letter-spacing:.02em;font-size:14px;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}
    .button.primary{background:var(--berry);color:#fff;border:1px solid var(--berry)}
    .button.primary:hover{background:var(--berry-bright);box-shadow:0 12px 24px rgba(165,55,103,.28);transform:translateY(-2px)}
    .button.hollow{color:var(--text);border:1px solid var(--line);background:transparent}
    .button.hollow:hover{border-color:var(--berry-bright);background:rgba(165,55,103,.09);transform:translateY(-2px)}
    .button.text-button{padding:0;min-height:auto;background:none;border:0;color:var(--pink);border-radius:0}
    .button.text-button:hover{color:var(--text);transform:translateX(3px)}
    .button.text-button:after{content:" →";margin-left:5px}
    .hero{position:relative;min-height:650px;display:flex;align-items:flex-end;overflow:hidden;border-bottom:1px solid var(--line)}
    .hero-art{position:absolute;inset:0;background:linear-gradient(90deg,#11100f 4%,rgba(17,16,15,.83) 38%,rgba(17,16,15,.35) 70%,#11100f 100%),linear-gradient(0deg,#11100f 2%,transparent 49%),radial-gradient(ellipse at 72% 42%,rgba(178,69,113,.54),transparent 15%),radial-gradient(ellipse at 84% 32%,#4b2636,transparent 27%),linear-gradient(125deg,#1e1719 0%,#2a1d22 42%,#11100f 77%)}
    .hero-art:before,.hero-art:after{content:"";position:absolute;border:1px solid rgba(230,165,185,.22);transform:rotate(-23deg)}
    .hero-art:before{width:620px;height:620px;border-radius:50%;right:4%;top:-190px}
    .hero-art:after{width:390px;height:390px;right:17%;top:80px;border-color:rgba(230,165,185,.11)}
    .hero .grid-container{position:relative;z-index:2;width:100%;padding-top:100px;padding-bottom:60px}
    .hero-content{max-width:790px}
    .eyebrow{display:flex;align-items:center;gap:11px;color:var(--pink);font-family:var(--mono);font-size:12px;letter-spacing:.13em;text-transform:uppercase}
    .eyebrow:before{content:"";width:30px;height:1px;background:var(--berry-bright)}
    h1,h2,h3,p{margin-top:0}
    h1{font-size:clamp(43px,5.7vw,72px);line-height:1.08;letter-spacing:-.07em;font-weight:900;margin:20px 0 24px;text-wrap:balance}
    .hero h1{max-width:750px}
    .hero-copy{max-width:680px;color:#d7cfca;font-size:17px;line-height:1.9;margin-bottom:28px}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:29px}
    .hero-metrics{display:flex;gap:0;border-top:1px solid rgba(230,165,185,.24);max-width:760px}
    .hero-metric{padding:15px 25px 0 0;margin-right:25px;border-right:1px solid rgba(230,165,185,.16);min-width:140px}
    .hero-metric:last-child{border:0}
    .hero-metric b{display:block;font-family:var(--mono);color:var(--text);font-size:18px;line-height:1.2}
    .hero-metric span{display:block;font-size:11px;color:var(--muted);letter-spacing:.08em;margin-top:4px}
    .hero-index{position:absolute;right:28px;bottom:60px;width:245px;padding:20px;border:1px solid rgba(230,165,185,.28);background:rgba(24,19,20,.9);box-shadow:var(--shadow)}
    .hero-index .index-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:.1em}
    .hot-score{font-family:var(--mono);font-size:31px;font-weight:800;color:var(--pink);line-height:1;margin:19px 0 12px}
    .score-line{height:3px;background:#3c2930;margin-bottom:15px;overflow:hidden}.score-line i{display:block;width:82%;height:100%;background:var(--berry-bright);box-shadow:0 0 12px var(--berry)}
    .index-row{display:flex;justify-content:space-between;border-top:1px solid var(--line-soft);padding:9px 0;color:var(--muted);font-size:12px}.index-row b{color:var(--text);font-family:var(--mono);font-weight:600}
    .section{padding:108px 0;position:relative}
    .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:42px}
    .section-kicker{color:var(--berry-bright);font-family:var(--mono);font-size:11px;letter-spacing:.13em;margin-bottom:10px}
    .section-title{font-size:clamp(30px,3.5vw,43px);line-height:1.15;letter-spacing:-.06em;font-weight:900;margin:0}
    .section-desc{color:var(--muted);font-size:15px;max-width:470px;margin:0}
    .access-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0}
    .access-list{margin:0;border:0;background:transparent}
    .access-list li{border-bottom:1px solid var(--line-soft)}
    .access-list li:last-child{border-bottom:0}
    .access-list a{display:grid;grid-template-columns:65px 1fr auto;gap:16px;align-items:center;padding:21px 14px;color:var(--text);transition:.24s}
    .access-list a:hover,.access-list a.active{background:#1d1819;padding-left:23px}
    .access-list a:hover .list-arrow,.access-list a.active .list-arrow{color:var(--pink);transform:translateX(5px)}
    .list-no{font-family:var(--mono);font-size:12px;color:var(--berry-bright)}
    .list-title{font-size:18px;font-weight:800;line-height:1.3}.list-title small{display:block;color:var(--muted);font-size:13px;font-weight:400;margin-top:3px}
    .list-arrow{font-size:21px;color:var(--dim);transition:.2s}
    .detail-board{height:100%;min-height:405px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;position:relative;box-shadow:var(--shadow)}
    .detail-image{height:230px;position:relative;overflow:hidden;background:linear-gradient(132deg,#38202d,#1b1718 65%)}
    .detail-image:before{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(230,165,185,.36);border-radius:50%;right:34px;top:-70px}
    .detail-image:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 10px,rgba(255,255,255,.025) 10px 11px)}
    .detail-number{position:absolute;z-index:1;left:24px;bottom:16px;color:var(--pink);font:800 46px/1 var(--mono);letter-spacing:-.1em}
    .detail-copy{padding:23px}.detail-copy h3{font-size:22px;margin:0 0 8px}.detail-copy p{font-size:14px;color:var(--muted);margin:0 0 14px}
    .tags{display:flex;gap:7px;flex-wrap:wrap}.badge{color:#d7c4ca;background:rgba(165,55,103,.08);border-color:#57303f}
    .data-section{padding:0}
    .data-band{background:#171314;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .data-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr 1.1fr}
    .data-unit{padding:39px 27px 34px;border-right:1px solid var(--line);min-height:176px;position:relative}.data-unit:last-child{border:0}
    .data-unit:after{content:"";position:absolute;bottom:21px;left:27px;width:54px;height:3px;background:repeating-linear-gradient(90deg,var(--berry-bright) 0 4px,transparent 4px 8px)}
    .data-num{font:800 clamp(38px,4vw,58px)/1 var(--mono);letter-spacing:-.08em;color:var(--text)}
    .data-num em{font-size:18px;color:var(--pink);font-style:normal;margin-left:4px}
    .data-label{display:block;color:var(--muted);font-size:12px;letter-spacing:.08em;margin-top:8px}.data-note{display:block;color:var(--dim);font-size:11px;margin-top:4px}
    .path-grid{display:grid;grid-template-columns:1.35fr .8fr .8fr;gap:18px;align-items:start}
    .path-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:20px;min-height:315px;position:relative;overflow:hidden;transition:.25s}
    .path-card:nth-child(2){margin-top:37px}.path-card:nth-child(3){margin-top:74px}
    .path-card:hover{transform:translateY(-5px);border-color:var(--berry);box-shadow:var(--shadow)}
    .path-card:first-child{min-height:390px;background:linear-gradient(145deg,#251b20,#191716 65%)}
    .path-visual{height:122px;border:1px solid var(--line);margin:-20px -20px 20px;background:linear-gradient(135deg,#432332,#1b1819);position:relative}
    .path-card:first-child .path-visual{height:166px;background:radial-gradient(circle at 65% 42%,#8e345b 0 2%,transparent 2.5%),radial-gradient(circle at 48% 45%,rgba(165,55,103,.44),transparent 22%),linear-gradient(135deg,#38212c,#141313)}
    .path-visual:after{content:"";position:absolute;inset:20px;border:1px solid rgba(230,165,185,.22)}
    .path-no{font:700 12px var(--mono);color:var(--berry-bright);letter-spacing:.12em}.path-card h3{font-size:20px;margin:12px 0 9px;line-height:1.3}.path-card p{color:var(--muted);font-size:13px;margin-bottom:13px}
    .path-steps{display:flex;gap:6px;flex-wrap:wrap;font-size:11px;color:#d8c9cd}.path-steps span{border:1px solid var(--line);padding:3px 7px}
    .plan-layout{display:grid;grid-template-columns:280px 1fr;gap:54px;align-items:start}
    .plan-nav{position:sticky;top:116px;border-left:1px solid var(--line);padding:8px 0}
    .plan-nav a{display:block;padding:10px 0 10px 18px;color:var(--muted);font-size:14px;border-left:2px solid transparent;transition:.2s}
    .plan-nav a:hover,.plan-nav a:first-child{color:var(--pink);border-color:var(--berry)}
    .plan-stack{display:grid;gap:16px}
    .plan-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:25px;display:grid;grid-template-columns:82px 1fr auto;gap:20px;align-items:center;transition:.24s}
    .plan-item:nth-child(2){margin-left:34px;border-left:3px solid #6f3450}.plan-item:nth-child(3){margin-left:68px;border-left:3px solid var(--berry)}
    .plan-item:hover{border-color:var(--berry);transform:translateX(4px)}
    .plan-num{font:800 35px/1 var(--mono);color:#623248;letter-spacing:-.1em}.plan-item h3{font-size:20px;margin:0 0 5px}.plan-item p{font-size:14px;color:var(--muted);margin:0}
    .faq-wrap{max-width:900px;margin:auto}
    .accordion{background:transparent;margin:0;border-top:1px solid var(--line)}
    .accordion-item{border-bottom:1px solid var(--line);background:transparent}
    .accordion-title{padding:20px 52px 20px 20px;background:transparent;color:var(--text);font-size:17px;font-weight:800;border:0;line-height:1.5;transition:.2s}
    .accordion-title:before{right:20px;color:var(--pink);font-size:22px;font-weight:300}
    .accordion-title:hover,.accordion-title:focus{background:#1b1718;color:var(--pink)}
    .accordion-content{background:#181515;border:0;border-left:2px solid var(--berry);padding:3px 24px 22px 20px;color:var(--muted);font-size:14px}
    .accordion-content p{margin:0}.faq-index{font:700 11px var(--mono);color:var(--berry-bright);margin-right:12px}
    .contact-panel{background:linear-gradient(115deg,#2a1821,#181415 56%,#141212);border:1px solid #603447;border-radius:var(--radius);padding:42px;box-shadow:var(--shadow);position:relative;overflow:hidden}
    .contact-panel:after{content:"";position:absolute;width:350px;height:350px;border:1px solid rgba(230,165,185,.16);border-radius:50%;right:-120px;bottom:-220px}
    .contact-panel > *{position:relative;z-index:1}.contact-panel h2{font-size:clamp(29px,3vw,39px);line-height:1.2;margin:0 0 12px;letter-spacing:-.05em}.contact-panel p{color:#cfbdc3;max-width:560px;margin-bottom:22px}
    .quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:27px}.quick-links a{border:1px solid rgba(230,165,185,.22);padding:14px;color:#ebdce1;font-size:13px;background:rgba(0,0,0,.12);transition:.2s}.quick-links a:hover{border-color:var(--pink);background:rgba(165,55,103,.16)}
    .feedback-form{margin-top:28px;padding-top:24px;border-top:1px solid rgba(230,165,185,.17)}.feedback-form label{color:#d9c9cf;font-size:12px;font-weight:700}.feedback-form input,.feedback-form select,.feedback-form textarea{margin:6px 0 0;width:100%;border:1px solid var(--line);background:#120f10;color:var(--text);border-radius:7px;box-shadow:none;padding:10px 12px;font-size:14px}.feedback-form textarea{height:90px;resize:vertical}.form-note{font-size:12px;color:var(--muted);margin:11px 0 0}
    .site-footer{background:var(--bg-deep);border-top:1px solid var(--berry);padding:45px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:32px}.footer-brand p{color:var(--muted);font-size:13px;max-width:360px;margin:12px 0 0}.footer-heading{color:var(--text);font-size:13px;font-weight:800;margin:0 0 10px}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin:6px 0}.footer-links a{font-size:13px;color:var(--muted);transition:.2s}.footer-links a:hover{color:var(--pink)}.copyright{margin-top:35px;padding-top:18px;border-top:1px solid var(--line-soft);display:flex;justify-content:space-between;gap:20px;color:var(--dim);font-size:12px}
    .reveal-item{opacity:0;transform:translateY(14px);transition:opacity .4s ease,transform .4s ease}.reveal-item.visible{opacity:1;transform:none}
    @media (max-width:1024px){
      .hero-index{right:28px;width:220px}.nav-wrap{gap:16px}.nav-menu li a{padding:10px 8px}.plan-layout{grid-template-columns:220px 1fr;gap:30px}.plan-item:nth-child(2),.plan-item:nth-child(3){margin-left:0}
    }
    @media (max-width:767px){
      .grid-container{padding-left:20px;padding-right:20px}.age-bar .grid-container{align-items:flex-start;padding-top:7px;padding-bottom:7px}.age-bar span:last-child{display:none}.nav-wrap{min-height:65px;justify-content:space-between}.brand{font-size:14px}.brand-mark{width:24px;height:24px}.nav-menu,.nav-cta .adult-badge{display:none}.menu-toggle{display:inline-flex;align-items:center}.mobile-menu{display:none;border-top:1px solid var(--line);padding:10px 0 16px}.mobile-menu.open{display:block}.mobile-menu a{display:block;padding:11px 5px;color:var(--muted);font-weight:700}.mobile-menu a.active{color:var(--pink)}.mobile-menu .button{width:100%;margin-top:9px;text-align:center}
      .hero{min-height:610px}.hero .grid-container{padding-top:68px;padding-bottom:35px}.hero-art{background:linear-gradient(90deg,#11100f 0%,rgba(17,16,15,.78) 100%),linear-gradient(135deg,#39202d,#11100f 78%)}.hero-index{position:relative;right:auto;bottom:auto;width:100%;margin-top:30px;padding:16px}.hero-metrics{overflow:auto}.hero-metric{min-width:127px;margin-right:15px;padding-right:15px}.section{padding:67px 0}.section-head{display:block;margin-bottom:27px}.section-desc{margin-top:14px}.access-panel .cell:last-child{margin-top:22px}.data-grid{grid-template-columns:1fr 1fr}.data-unit{padding:25px 18px;min-height:145px}.data-unit:nth-child(2){border-right:0}.data-unit:nth-child(-n+2){border-bottom:1px solid var(--line)}.data-unit:after{left:18px;bottom:15px}.path-grid{grid-template-columns:1fr}.path-card,.path-card:nth-child(2),.path-card:nth-child(3){margin-top:0;min-height:0}.path-card:first-child{min-height:0}.plan-layout{grid-template-columns:1fr;gap:25px}.plan-nav{position:relative;top:auto;display:flex;overflow:auto;border-left:0;border-bottom:1px solid var(--line);padding-bottom:8px}.plan-nav a{white-space:nowrap;padding:8px 14px;border-left:0;border-bottom:2px solid transparent}.plan-nav a:hover,.plan-nav a:first-child{border-bottom-color:var(--berry)}.plan-item{grid-template-columns:55px 1fr;padding:19px;gap:13px}.plan-item .button{grid-column:2}.quick-links{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.copyright{display:block}.copyright span{display:block;margin:5px 0}
    }
    @media (max-width:520px){
      h1{font-size:39px}.hero-copy{font-size:15px}.hero-actions .button{width:100%;text-align:center}.hero-metric b{font-size:16px}.data-grid{grid-template-columns:1fr}.data-unit,.data-unit:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.data-unit:last-child{border-bottom:0}.contact-panel{padding:27px 21px}.feedback-form .cell{margin-bottom:10px}.footer-grid{grid-template-columns:1fr}.section-title{font-size:29px}
    }
    @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-item{opacity:1;transform:none}}

/* roulang page: category2 */
:root{
 --bg:#11100f;--bg-deep:#0c0b0b;--surface:#191716;--surface-2:#211d1d;--surface-3:#282121;
 --line:#3a292e;--line-soft:#2a2224;--text:#f2ede9;--muted:#afa5a2;--dim:#766b69;
 --berry:#a53767;--berry-bright:#d05a89;--pink:#e6a5b9;--success:#9ab8a8;
 --shadow:0 24px 70px rgba(0,0,0,.34);--radius:16px;--radius-sm:12px;--container:1240px;
 --font:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;
 --mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.78;overflow-x:hidden;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:42px 42px}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 80% 7%,rgba(165,55,103,.13),transparent 27%),radial-gradient(circle at 13% 48%,rgba(112,53,74,.08),transparent 29%)}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block} button,input,select,textarea{font:inherit} button{cursor:pointer}
h1,h2,h3,p{margin-top:0} h1,h2,h3{font-weight:900;letter-spacing:-.045em;line-height:1.14}
h1{font-size:clamp(38px,5vw,64px);margin-bottom:20px}h2{font-size:clamp(29px,3.2vw,42px);margin-bottom:16px}h3{font-size:20px;margin-bottom:8px}
:focus-visible{outline:2px solid var(--pink);outline-offset:4px}
.grid-container{max-width:var(--container);padding-left:28px;padding-right:28px}
.age-bar{background:#0c0b0b;border-bottom:1px solid var(--line-soft);font-size:12px;color:var(--muted)}
.age-bar .grid-container{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.age-bar a{color:var(--text);border-bottom:1px solid var(--line);transition:.2s}.age-bar a:hover{color:var(--pink);border-color:var(--pink)}
.site-header{position:sticky;top:0;z-index:100;background:rgba(17,16,15,.98);border-bottom:1px solid var(--line-soft);box-shadow:0 12px 32px rgba(0,0,0,.17)}
.site-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--berry),transparent)}
.nav-wrap{min-height:78px;display:flex;align-items:center;gap:34px}.brand{display:inline-flex;align-items:center;gap:11px;min-width:max-content;font-size:17px;font-weight:900;letter-spacing:-.04em}
.brand-mark{width:30px;height:30px;border:1px solid var(--berry-bright);position:relative;transform:rotate(45deg);display:inline-block}.brand-mark:after{content:"";position:absolute;inset:6px;border:1px solid var(--pink)}
.brand-text{white-space:nowrap}.nav-menu{margin:0 auto;gap:6px;background:none}.nav-menu li a{position:relative;padding:11px 14px;color:var(--muted);font-size:14px;font-weight:700;transition:color .2s}
.nav-menu li a:after{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:1px;background:var(--berry-bright);transform:scaleX(0);transform-origin:left;transition:transform .22s}
.nav-menu li a:hover,.nav-menu li a.active{color:var(--pink)}.nav-menu li a:hover:after,.nav-menu li a.active:after{transform:scaleX(1);box-shadow:0 0 10px var(--berry)}
.nav-cta{display:flex;align-items:center;gap:11px}.adult-badge,.badge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:5px 9px;color:var(--muted);background:#171314;font-size:11px;letter-spacing:.08em;line-height:1.2}
.adult-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 10px rgba(154,184,168,.5)}
.menu-toggle{display:none;background:transparent;color:var(--text);border:1px solid var(--line);padding:9px 12px;border-radius:8px;font-size:13px}
.menu-toggle span{display:inline-block;margin-right:7px;font-size:18px;line-height:12px}
.button{border-radius:999px;padding:12px 19px;min-height:44px;margin:0;font-weight:800;letter-spacing:.02em;font-size:14px;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}
.button.primary{background:var(--berry);color:#fff;border:1px solid var(--berry)}.button.primary:hover{background:var(--berry-bright);box-shadow:0 12px 24px rgba(165,55,103,.28);transform:translateY(-2px)}
.button.hollow{color:var(--text);border:1px solid var(--line);background:transparent}.button.hollow:hover{border-color:var(--berry-bright);background:rgba(165,55,103,.09);transform:translateY(-2px)}
.button.text-button{padding:0;min-height:auto;background:none;border:0;color:var(--pink);border-radius:0}.button.text-button:hover{color:var(--text);transform:translateX(3px)}.button.text-button:after{content:" →";margin-left:5px}
.page-head{position:relative;overflow:hidden;padding:66px 0 52px;border-bottom:1px solid var(--line)}
.page-head:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(230,165,185,.13);border-radius:50%;right:-100px;top:-330px;box-shadow:inset 0 0 100px rgba(165,55,103,.08)}
.breadcrumb{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:13px;margin-bottom:30px}.breadcrumb span{color:var(--dim)}
.eyebrow{display:flex;align-items:center;gap:11px;color:var(--pink);font-family:var(--mono);font-size:12px;letter-spacing:.13em}.eyebrow:before{content:"";width:30px;height:1px;background:var(--berry-bright)}
.head-copy{color:#d7cfca;max-width:760px;font-size:17px;line-height:1.9;margin-bottom:25px}.head-meta{display:flex;flex-wrap:wrap;gap:9px}
.index-wall{padding:30px 0 0}.index-track{display:flex;gap:10px;overflow:auto;padding:0 0 14px;scroll-snap-type:x mandatory}.index-track::-webkit-scrollbar{height:4px}.index-track::-webkit-scrollbar-thumb{background:var(--line);border-radius:9px}
.index-item{min-width:210px;min-height:134px;scroll-snap-align:start;position:relative;padding:20px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);transition:.24s}.index-item:hover,.index-item.current{border-color:var(--berry-bright);background:var(--surface-2);transform:translateY(-3px)}
.index-item.current:after{content:"当前索引";position:absolute;right:14px;top:13px;color:var(--pink);font:10px var(--mono);letter-spacing:.08em}.index-num{display:block;color:var(--dim);font:12px var(--mono);letter-spacing:.12em}.index-name{display:block;margin-top:20px;font-size:18px;font-weight:900}.index-note{display:block;margin-top:3px;color:var(--muted);font-size:12px}
.section{padding:92px 0}.section-line{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:34px}.section-kicker{color:var(--pink);font:12px var(--mono);letter-spacing:.13em}.section-intro{max-width:470px;color:var(--muted);font-size:15px;margin:0}
.timeline{position:relative}.timeline:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--line)}
.topic-entry{position:relative;display:grid;grid-template-columns:1fr 74px 1fr;gap:30px;align-items:center;margin:0 0 34px}.topic-entry:nth-child(even) .topic-visual{grid-column:3}.topic-entry:nth-child(even) .topic-copy{grid-column:1;grid-row:1;text-align:right}.topic-entry:nth-child(even) .topic-copy .topic-tags{justify-content:flex-end}
.timeline-dot{width:15px;height:15px;grid-column:2;grid-row:1;background:var(--berry);border:4px solid var(--bg);border-radius:50%;justify-self:center;box-shadow:0 0 0 1px var(--berry-bright),0 0 16px rgba(165,55,103,.45)}
.topic-visual{height:267px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);box-shadow:var(--shadow)}
.topic-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(165,55,103,.42),transparent 47%),repeating-linear-gradient(115deg,transparent 0 17px,rgba(242,237,233,.06) 18px 19px),radial-gradient(circle at 73% 39%,#653045 0 7%,transparent 8%),radial-gradient(circle at 31% 69%,#34202a,transparent 28%)}
.topic-visual:after{content:"";position:absolute;left:19px;bottom:18px;width:55%;height:1px;background:var(--pink);box-shadow:0 7px 0 rgba(230,165,185,.28),0 14px 0 rgba(230,165,185,.13)}
.topic-copy{padding:13px 0}.topic-no{color:var(--dim);font:12px var(--mono);letter-spacing:.14em}.topic-copy h2{font-size:clamp(24px,2.6vw,33px);margin:7px 0 11px}.topic-copy p{color:var(--muted);font-size:15px;margin-bottom:16px}.topic-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:17px}.topic-tags .badge{font-size:10px}.scale{display:flex;align-items:center;gap:10px;margin-bottom:18px;color:var(--dim);font:11px var(--mono)}.scale i{display:block;width:130px;height:4px;background:var(--line-soft);position:relative}.scale i:after{content:"";position:absolute;left:0;top:0;height:100%;width:68%;background:var(--berry-bright)}
.feature-strip{margin:62px 0;border:1px solid var(--line);border-left:3px solid var(--berry);border-radius:var(--radius);background:var(--surface);padding:35px 38px;display:flex;justify-content:space-between;align-items:center;gap:30px}.feature-strip h2{margin:0 0 8px;font-size:28px}.feature-strip p{margin:0;color:var(--muted);max-width:700px}
.quick-find{padding:92px 0;background:var(--bg-deep);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.quick-card{min-height:178px;padding:25px;border-right:1px solid var(--line);background:var(--surface);transition:.2s}.quick-card:last-child{border:0}.quick-card:hover{background:var(--surface-2);box-shadow:inset 0 -3px 0 var(--berry-bright)}.quick-card b{display:block;font-size:25px;letter-spacing:-.06em}.quick-card span{display:block;margin-top:10px;color:var(--muted);font-size:13px}
.mini-faq{padding:92px 0}.accordion{background:transparent;margin:0}.accordion-item{border:1px solid var(--line);margin-bottom:10px;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface)}.accordion-title{border:0;background:transparent;color:var(--text);font-size:16px;font-weight:800;padding:19px 52px 19px 21px;line-height:1.55}.accordion-title:hover,.accordion-title:focus{background:var(--surface-2);color:var(--pink)}.accordion-title:before{color:var(--pink);right:20px;font-size:22px}.accordion-content{border:0;background:var(--surface-2);color:var(--muted);padding:0 21px 20px;font-size:15px}.accordion-content p{margin:0}
.contact-panel{margin:0 0 92px;padding:42px;border:1px solid var(--line);border-top:2px solid var(--berry);border-radius:var(--radius);background:linear-gradient(110deg,var(--surface-2),#171315);display:grid;grid-template-columns:1.3fr .7fr;gap:40px}.contact-panel h2{margin-bottom:12px}.contact-panel p{color:var(--muted);margin-bottom:22px}.contact-links{display:grid;gap:9px;align-content:center}.contact-links a{padding:14px 16px;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-weight:700;transition:.2s}.contact-links a:hover{border-color:var(--berry-bright);color:var(--pink);background:rgba(165,55,103,.08)}
.site-footer{background:#090909;border-top:1px solid var(--berry);padding:58px 0 22px}.footer-grid{display:grid;grid-template-columns:1.6fr .8fr .8fr;gap:48px}.footer-brand p{color:var(--muted);font-size:14px;max-width:420px;margin-top:17px}.footer-heading{font-size:13px;letter-spacing:.08em;color:var(--text);margin:3px 0 13px}.footer-links{margin:0;list-style:none}.footer-links li{margin-bottom:8px}.footer-links a{color:var(--muted);font-size:14px;transition:.2s}.footer-links a:hover{color:var(--pink);padding-left:3px}.copyright{border-top:1px solid var(--line-soft);margin-top:38px;padding-top:18px;display:flex;justify-content:space-between;gap:16px;color:var(--dim);font-size:12px}
@media(max-width:900px){.nav-wrap{gap:18px}.nav-menu li a{padding:10px 8px}.timeline:before{left:18px}.topic-entry,.topic-entry:nth-child(even){grid-template-columns:38px 1fr;gap:15px;margin-bottom:26px}.timeline-dot,.topic-entry:nth-child(even) .timeline-dot{grid-column:1;grid-row:1;align-self:start;margin-top:24px}.topic-visual,.topic-entry:nth-child(even) .topic-visual{grid-column:2;grid-row:1;height:220px}.topic-copy,.topic-entry:nth-child(even) .topic-copy{grid-column:2;grid-row:2;text-align:left}.topic-entry:nth-child(even) .topic-copy .topic-tags{justify-content:flex-start}.quick-grid{grid-template-columns:repeat(2,1fr)}.quick-card:nth-child(2){border-right:0}.quick-card:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:700px){.grid-container{padding-left:20px;padding-right:20px}.age-bar .grid-container{font-size:11px}.age-bar .grid-container span:last-child{display:none}.nav-wrap{min-height:66px;flex-wrap:wrap;padding:11px 0}.brand{font-size:14px}.brand-mark{width:25px;height:25px}.nav-cta .adult-badge{display:none}.nav-cta .button{padding:10px 13px;min-height:40px;font-size:12px}.menu-toggle{display:block;margin-left:auto}.nav-menu{order:3;width:100%;display:none;margin:0;padding:8px 0;border-top:1px solid var(--line-soft);flex-direction:column}.nav-menu.is-open{display:flex}.nav-menu li a{display:block;padding:12px 5px}.nav-menu li a:after{left:5px;right:auto;width:34px;bottom:7px}.page-head{padding:44px 0 37px}.page-head h1{font-size:39px}.head-copy{font-size:15px}.section,.quick-find,.mini-faq{padding:62px 0}.section-line{display:block;margin-bottom:25px}.section-intro{margin-top:10px}.index-wall{padding-top:20px}.index-item{min-width:178px;min-height:118px;padding:17px}.topic-visual{height:185px}.topic-copy h2{font-size:26px}.feature-strip{margin:40px 0;padding:26px;display:block}.feature-strip .button{margin-top:18px}.quick-grid{border-radius:12px}.quick-card{padding:20px;min-height:143px}.quick-card b{font-size:20px}.contact-panel{margin-bottom:62px;padding:27px;grid-template-columns:1fr;gap:22px}.footer-grid{grid-template-columns:1fr;gap:27px}.copyright{display:block}.copyright span{display:block;margin-bottom:5px}}
@media(max-width:420px){.brand-text{font-size:13px}.nav-cta .button{display:none}.page-head h1{font-size:35px}.topic-entry,.topic-entry:nth-child(even){grid-template-columns:28px 1fr;gap:10px}.timeline:before{left:13px}.timeline-dot{width:13px;height:13px}.quick-card{min-height:130px;padding:16px}.quick-card span{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* roulang page: category1 */
:root{
 --bg:#11100f;--bg-deep:#0c0b0b;--surface:#191716;--surface-2:#211d1d;--surface-3:#282121;
 --line:#3a292e;--line-soft:#2a2224;--text:#f2ede9;--muted:#afa5a2;--dim:#766b69;
 --berry:#a53767;--berry-bright:#d05a89;--pink:#e6a5b9;--success:#9ab8a8;
 --shadow:0 24px 70px rgba(0,0,0,.34);--radius:16px;--radius-sm:12px;--container:1240px;
 --font:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;
 --mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;
}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font:16px/1.78 var(--font);overflow-x:hidden;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:42px 42px}
body:before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 7%,rgba(165,55,103,.13),transparent 26%),radial-gradient(circle at 17% 48%,rgba(112,53,74,.08),transparent 30%)}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--pink);outline-offset:3px}
.grid-container{max-width:var(--container);padding-left:28px;padding-right:28px}
.age-bar{background:#0d0c0c;border-bottom:1px solid var(--line-soft);color:var(--muted);font-size:12px}
.age-bar .grid-container{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.age-bar strong{color:var(--pink);font-weight:700}
.age-bar a{color:var(--text);border-bottom:1px solid var(--line);transition:.2s}
.age-bar a:hover{color:var(--pink);border-color:var(--pink)}
.site-header{position:sticky;top:0;z-index:100;background:rgba(17,16,15,.98);border-bottom:1px solid var(--line-soft);box-shadow:0 12px 32px rgba(0,0,0,.17)}
.site-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--berry),transparent)}
.nav-wrap{min-height:78px;display:flex;align-items:center;gap:34px}
.brand{display:inline-flex;align-items:center;gap:11px;min-width:max-content;font-size:17px;font-weight:900;letter-spacing:-.04em}
.brand-mark{width:30px;height:30px;border:1px solid var(--berry-bright);position:relative;transform:rotate(45deg);display:inline-block}
.brand-mark:after{content:"";position:absolute;inset:6px;border:1px solid var(--pink)}
.brand-text{white-space:nowrap}
.nav-menu{margin:0 auto;gap:6px;background:none}
.nav-menu li a{position:relative;padding:11px 14px;color:var(--muted);font-size:14px;font-weight:700;transition:color .2s}
.nav-menu li a:after{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:1px;background:var(--berry-bright);transform:scaleX(0);transform-origin:left;transition:transform .22s}
.nav-menu li a:hover,.nav-menu li a.active{color:var(--pink)}
.nav-menu li a:hover:after,.nav-menu li a.active:after{transform:scaleX(1);box-shadow:0 0 10px var(--berry)}
.nav-cta{display:flex;align-items:center;gap:11px}
.adult-badge,.badge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:5px 9px;color:var(--muted);background:#171314;font-size:11px;letter-spacing:.08em;line-height:1.2}
.adult-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 10px rgba(154,184,168,.5)}
.menu-toggle{display:none;background:transparent;color:var(--text);border:1px solid var(--line);padding:9px 12px;border-radius:8px;font-size:13px}
.menu-toggle span{display:inline-block;margin-right:7px;font-size:18px;line-height:12px}
.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 19px;min-height:44px;margin:0;font-weight:800;letter-spacing:.02em;font-size:14px;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}
.button.primary{background:var(--berry);color:#fff;border:1px solid var(--berry)}
.button.primary:hover{background:var(--berry-bright);box-shadow:0 12px 24px rgba(165,55,103,.28);transform:translateY(-2px)}
.button.hollow{color:var(--text);border:1px solid var(--line);background:transparent}
.button.hollow:hover{border-color:var(--berry-bright);background:rgba(165,55,103,.09);transform:translateY(-2px)}
.button.text-button{padding:0;min-height:auto;background:none;border:0;color:var(--pink);border-radius:0}
.button.text-button:hover{color:var(--text);transform:translateX(3px)}
.button.text-button:after{content:" →";margin-left:5px}
.page-head{position:relative;padding:68px 0 50px;border-bottom:1px solid var(--line);overflow:hidden}
.page-head:before{content:"";position:absolute;width:620px;height:620px;right:-150px;top:-390px;border:1px solid rgba(230,165,185,.14);border-radius:50%;box-shadow:0 0 0 72px rgba(165,55,103,.025),0 0 0 144px rgba(165,55,103,.018)}
.breadcrumbs{margin:0 0 22px;background:transparent;color:var(--dim);font-size:12px}
.breadcrumbs li:not(:last-child)::after{color:var(--berry-bright)}
.breadcrumbs a{color:var(--muted)}
.breadcrumbs a:hover{color:var(--pink)}
.archive-grid{position:relative;z-index:1;align-items:stretch}
.archive-intro{padding:10px 40px 8px 0}
.eyebrow{display:flex;align-items:center;gap:11px;color:var(--pink);font-family:var(--mono);font-size:12px;letter-spacing:.13em}
.eyebrow:before{content:"";width:30px;height:1px;background:var(--berry-bright)}
h1,h2,h3,p{margin-top:0}
h1{margin:13px 0 18px;font-size:clamp(37px,5vw,62px);line-height:1.08;letter-spacing:-.065em;font-weight:900}
h2{font-size:clamp(27px,3vw,40px);line-height:1.2;letter-spacing:-.045em;font-weight:850}
h3{font-size:19px;line-height:1.35;font-weight:800;letter-spacing:-.025em}
.intro-copy{max-width:710px;color:#d6ceca;font-size:16px;line-height:1.9}
.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}
.tag{display:inline-flex;align-items:center;min-height:31px;padding:4px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px;transition:.2s}
.tag:hover,.tag.active{color:var(--pink);border-color:var(--berry);background:rgba(165,55,103,.1)}
.archive-panel{position:relative;min-height:290px;padding:25px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#292021,#171414 72%);box-shadow:var(--shadow)}
.archive-panel:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 18px,rgba(230,165,185,.035) 19px 20px)}
.panel-kicker,.micro-label{position:relative;z-index:1;font:11px/1.4 var(--mono);letter-spacing:.12em;color:var(--pink)}
.panel-number{position:relative;z-index:1;margin-top:17px;font:800 clamp(66px,8vw,104px)/.85 var(--mono);letter-spacing:-.12em;color:rgba(242,237,233,.92)}
.panel-lines{position:absolute;right:22px;bottom:22px;left:22px;z-index:1}
.panel-lines div{height:7px;margin-top:9px;background:var(--line-soft)}
.panel-lines div:nth-child(1){width:79%;background:var(--berry)}
.panel-lines div:nth-child(2){width:57%}
.panel-lines div:nth-child(3){width:88%;background:#554047}
.status-line{position:relative;z-index:1;display:flex;justify-content:space-between;gap:16px;margin-top:22px;padding-top:15px;border-top:1px solid rgba(230,165,185,.2);color:var(--muted);font-size:12px}
.main-area{padding:70px 0 96px}
.filter-aside{position:sticky;top:105px;padding:20px 20px 23px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);box-shadow:0 13px 35px rgba(0,0,0,.18)}
.side-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 15px;font-size:14px;letter-spacing:.04em}
.side-title span{font:11px var(--mono);color:var(--berry-bright)}
.filter-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line-soft)}
.filter-list li{border-bottom:1px solid var(--line-soft)}
.filter-list button{display:flex;width:100%;align-items:center;justify-content:space-between;padding:12px 0;border:0;background:none;color:var(--muted);font-size:13px;text-align:left;transition:.2s}
.filter-list button:hover,.filter-list button.active{color:var(--pink)}
.filter-list em{font:11px var(--mono);font-style:normal;color:var(--dim)}
.filter-note{margin:17px 0 0;color:var(--dim);font-size:12px;line-height:1.7}
.content-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.content-toolbar h2{margin:5px 0 0;font-size:30px}
.sort-note{padding:7px 10px;border:1px solid var(--line-soft);border-radius:999px;color:var(--muted);font-size:12px;white-space:nowrap}
.archive-list{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;align-items:start}
.archive-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);box-shadow:0 15px 35px rgba(0,0,0,.16);transition:transform .25s,border-color .25s,box-shadow .25s}
.archive-card:hover{transform:translateY(-5px);border-color:var(--berry);box-shadow:0 24px 48px rgba(0,0,0,.3)}
.archive-card.featured{grid-row:span 2}
.card-cover{position:relative;height:165px;overflow:hidden;background:#24191d}
.featured .card-cover{height:282px}
.card-cover:before{content:"";position:absolute;inset:-20%;background:radial-gradient(ellipse at 31% 43%,rgba(216,94,143,.72),transparent 14%),radial-gradient(ellipse at 72% 30%,rgba(228,165,185,.25),transparent 20%),linear-gradient(125deg,#151112 5%,#472535 50%,#161112 89%);transform:rotate(-8deg);transition:transform .5s}
.card-cover:after{content:"";position:absolute;right:18px;bottom:17px;width:42%;height:28%;border-top:1px solid rgba(242,237,233,.44);border-right:1px solid rgba(242,237,233,.22);background:repeating-linear-gradient(90deg,rgba(242,237,233,.24) 0 1px,transparent 1px 16px)}
.archive-card:hover .card-cover:before{transform:rotate(-3deg) scale(1.08)}
.cover-two:before{background:radial-gradient(circle at 73% 46%,rgba(165,55,103,.64),transparent 16%),linear-gradient(145deg,#1c1717,#39242b 48%,#151313 84%)}
.cover-three:before{background:linear-gradient(130deg,#171313 9%,#613047 43%,#281b20 62%,#151313 92%),repeating-linear-gradient(90deg,transparent 0 22px,rgba(230,165,185,.12) 23px 24px)}
.cover-four:before{background:radial-gradient(circle at 28% 38%,rgba(230,165,185,.32),transparent 9%),linear-gradient(135deg,#201719,#4c2935 49%,#11100f 85%)}
.card-index{position:absolute;top:15px;left:16px;z-index:2;color:var(--text);font:800 12px var(--mono);letter-spacing:.1em}
.card-body{padding:20px}
.card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px}
.hot{color:var(--pink);font:11px var(--mono);letter-spacing:.08em}
.card-body h3{margin-bottom:9px}
.card-body p{margin-bottom:15px;color:var(--muted);font-size:13px;line-height:1.75}
.rating{display:flex;align-items:center;gap:11px;padding-top:13px;border-top:1px solid var(--line-soft)}
.rating strong{color:var(--pink);font:800 17px var(--mono)}
.rating-track{height:3px;flex:1;background:#33282b}
.rating-track i{display:block;height:100%;background:var(--berry-bright)}
.card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:15px;color:var(--dim);font-size:11px}
.card-footer .button{min-height:auto;padding:0;color:var(--pink);border:0;background:none;font-size:12px}
.card-footer .button:hover{color:var(--text)}
.card-footer .button:after{content:" →"}
.load-row{display:flex;align-items:center;justify-content:center;gap:15px;margin:36px 0 0;padding-top:28px;border-top:1px solid var(--line-soft)}
.page-count{color:var(--dim);font:12px var(--mono)}
.reading-tip{margin-top:96px;padding:29px 30px;border-top:1px solid var(--berry);border-bottom:1px solid var(--line);background:var(--surface-2)}
.reading-tip h2{margin-bottom:6px;font-size:28px}
.accordion{margin:22px 0 0;background:transparent}
.accordion-item{margin-bottom:8px;border:1px solid var(--line);border-radius:9px;background:var(--surface);overflow:hidden}
.accordion-title{position:relative;border:0!important;background:transparent!important;color:var(--text)!important;padding:16px 48px 16px 18px;font-size:14px;font-weight:750;line-height:1.55}
.accordion-title:before{right:19px;color:var(--pink);font-size:21px;font-weight:400}
.accordion-title:hover,.accordion-title:focus{color:var(--pink)!important}
.accordion-content{border:0!important;background:var(--surface-2);color:var(--muted);padding:0 18px 18px;font-size:14px;line-height:1.8}
.accordion-content p{margin:0}
.mini-cta{margin-top:72px;padding:34px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(100deg,#21191c,#171414);display:flex;align-items:center;justify-content:space-between;gap:28px}
.mini-cta h2{margin:7px 0 0;font-size:31px}
.mini-cta p{margin:0;color:var(--muted);font-size:14px}
.site-footer{padding:60px 0 20px;background:var(--bg-deep);border-top:1px solid var(--berry)}
.footer-grid{display:grid;grid-template-columns:1.6fr .7fr .7fr;gap:52px}
.footer-brand p{max-width:410px;margin:16px 0 0;color:var(--muted);font-size:13px;line-height:1.8}
.footer-heading{margin:2px 0 13px;font-size:14px;color:var(--text);letter-spacing:.04em}
.footer-links{margin:0;padding:0;list-style:none}
.footer-links li{margin:8px 0}
.footer-links a{color:var(--muted);font-size:13px;transition:.2s}
.footer-links a:hover{color:var(--pink);padding-left:3px}
.copyright{display:flex;justify-content:space-between;gap:18px;margin-top:43px;padding-top:18px;border-top:1px solid var(--line-soft);color:var(--dim);font-size:12px}
.reveal{opacity:0;transform:translateY(14px);transition:opacity .35s ease,transform .35s ease}
.reveal.show{opacity:1;transform:none}
@media(max-width:1023px){
 .nav-wrap{gap:17px}.nav-menu li a{padding:11px 8px}.archive-intro{padding-right:20px}
 .main-area{padding-top:54px}.filter-aside{top:98px}.footer-grid{gap:28px}
}
@media(max-width:767px){
 .grid-container{padding-left:20px;padding-right:20px}.age-bar .grid-container{justify-content:center;text-align:center}.age-bar a{display:none}
 .nav-wrap{min-height:68px;justify-content:space-between;gap:10px;flex-wrap:wrap}.brand{font-size:15px}.brand-mark{width:25px;height:25px}.brand-mark:after{inset:5px}
 .menu-toggle{display:block}.nav-cta{display:none}.site-header nav{order:3;width:100%;display:none;padding:4px 0 13px}.site-header nav.open{display:block}
 .nav-menu{display:block!important;margin:0}.nav-menu li a{display:block;padding:12px 3px}.nav-menu li a:after{left:3px;right:auto;width:32px;bottom:7px}
 .page-head{padding:43px 0 38px}.archive-intro{padding:0}.archive-panel{margin-top:28px;min-height:220px}.panel-number{font-size:70px}
 .main-area{padding:48px 0 70px}.filter-aside{position:static;margin-bottom:27px}.filter-list{display:flex;overflow:auto;gap:18px;padding:3px 0;border-bottom:1px solid var(--line-soft)}.filter-list li{flex:0 0 auto;border:0}.filter-list button{gap:10px;padding:8px 0}
 .content-toolbar{align-items:flex-start;flex-direction:column;gap:9px}.content-toolbar h2{font-size:27px}.archive-list{grid-template-columns:1fr}.archive-card.featured{grid-row:auto}.featured .card-cover{height:215px}.card-cover{height:175px}
 .reading-tip{margin-top:65px;padding:25px 20px}.mini-cta{margin-top:54px;padding:25px;display:block}.mini-cta .button{margin-top:19px}.footer-grid{grid-template-columns:1fr;gap:28px}.copyright{display:block;margin-top:33px}.copyright span{display:block;margin:5px 0}
}
@media(max-width:480px){
 h1{font-size:36px}.page-head{padding-top:37px}.tag-row{gap:6px}.tag{font-size:11px;padding:4px 9px}.card-body{padding:17px}.archive-panel{padding:20px}.status-line{font-size:11px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}