/* roulang page: index */
:root{
      --ink:#111315;
      --surface:#171a1d;
      --surface-2:#202428;
      --paper:#f4f1ec;
      --paper-2:#eae5de;
      --coral:#f04f5f;
      --coral-dark:#d93c4c;
      --mint:#39d6c5;
      --text:#f7f5f1;
      --muted:#a7adb2;
      --dim:#6f767c;
      --line:rgba(244,241,236,.14);
      --line-dark:rgba(17,19,21,.13);
      --radius-lg:26px;
      --radius-md:18px;
      --radius-sm:12px;
      --shadow:0 20px 55px rgba(0,0,0,.24);
      --shadow-paper:0 18px 44px rgba(20,24,28,.12);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--ink);color:var(--text);font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.75;overflow-x:hidden}
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%}
    button,input,select,textarea{font:inherit}
    button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--mint);outline-offset:3px}
    .site-container{width:min(1280px,calc(100% - 48px));margin:0 auto}
    .skip-link{position:absolute;left:18px;top:-60px;background:var(--mint);color:var(--ink);padding:9px 14px;border-radius:0 0 10px 10px;z-index:9999;font-weight:800}
    .skip-link:focus{top:0}
    .site-header{position:sticky;top:0;z-index:1000;background:rgba(17,19,21,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
    .navbar{min-height:76px;padding:10px 0}
    .brand{display:flex;align-items:center;gap:10px;min-width:220px;font-weight:800;letter-spacing:-.04em;color:var(--text)}
    .brand-mark{width:32px;height:32px;border:1px solid var(--coral);border-radius:10px;display:grid;place-items:center;background:rgba(240,79,95,.1)}
    .brand-mark:before{content:"";width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid var(--coral);margin-left:2px}
    .navbar-toggler{width:46px;height:46px;border:1px solid var(--line)!important;border-radius:12px;color:var(--text)}
    .navbar-toggler-icon{filter:invert(1)}
    .nav-link{position:relative;color:var(--muted)!important;font-size:14px;font-weight:700;padding:10px 14px!important;border-radius:10px}
    .nav-link:hover,.nav-link.active{color:var(--text)!important;background:rgba(244,241,236,.06)}
    .nav-link.active:after{content:"";position:absolute;left:14px;right:14px;bottom:3px;height:2px;background:var(--coral);border-radius:3px}
    .age-link{display:inline-flex;align-items:center;gap:7px;color:#fff;border:1px solid rgba(240,79,95,.66);padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800}
    .age-dot{width:7px;height:7px;border-radius:50%;background:var(--coral)}
    .dropdown-menu{width:590px;padding:16px;background:#1d2124;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
    .mega-title{color:var(--muted);font-size:12px;letter-spacing:.08em;font-weight:800}
    .mega-link{display:block;padding:11px 12px;border-radius:10px;font-weight:750;font-size:14px}
    .mega-link:hover{background:rgba(240,79,95,.12);color:#fff}
    .mega-mini{padding:16px;border-radius:13px;background:linear-gradient(140deg,#2b2024,#1c2626);border:1px solid rgba(57,214,197,.22)}
    .mega-mini strong{display:block;font-size:15px}
    .section{padding:94px 0}
    .section-kicker{display:flex;align-items:center;gap:10px;color:var(--mint);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
    .section-kicker:before{content:"";width:26px;height:1px;background:var(--mint)}
    .section-title{margin:12px 0 14px;font-size:clamp(29px,3.4vw,42px);line-height:1.22;letter-spacing:-.045em;font-weight:800}
    .section-intro{max-width:720px;color:var(--muted);margin:0}
    .btn{min-height:48px;padding:11px 18px;border-radius:13px;border:1px solid transparent;font-size:14px;font-weight:800;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}
    .btn:hover{transform:translateY(-2px)}
    .btn:active{transform:translateY(0)}
    .btn-coral{background:var(--coral);color:#fff;box-shadow:0 10px 22px rgba(240,79,95,.22)}
    .btn-coral:hover{background:var(--coral-dark);color:#fff;box-shadow:0 14px 25px rgba(240,79,95,.3)}
    .btn-outline-custom{border-color:var(--line);color:var(--text);background:transparent}
    .btn-outline-custom:hover{background:rgba(244,241,236,.08);border-color:rgba(244,241,236,.33);color:#fff}
    .hero{position:relative;min-height:665px;display:flex;align-items:end;padding:112px 0 58px;background:#151719;overflow:hidden}
    .hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(244,241,236,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(244,241,236,.045) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,rgba(0,0,0,.75),transparent 78%)}
    .hero:after{content:"";position:absolute;right:-12%;top:-36%;height:660px;width:660px;border:1px solid rgba(57,214,197,.18);border-radius:50%;box-shadow:0 0 0 65px rgba(57,214,197,.025),0 0 0 130px rgba(57,214,197,.018)}
    .hero-visual{position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(17,19,21,.96) 4%,rgba(17,19,21,.58) 48%,rgba(17,19,21,.12)),linear-gradient(0deg,rgba(17,19,21,.8),transparent 48%)}
    .hero-visual .poster{position:absolute;right:7%;top:75px;width:min(44vw,590px);height:500px;border-radius:26px;overflow:hidden;border:1px solid rgba(244,241,236,.18);background:linear-gradient(145deg,#453236 0%,#222426 52%,#172827 100%);box-shadow:var(--shadow)}
    .poster:before{content:"";position:absolute;width:290px;height:290px;right:8%;top:13%;border-radius:50%;background:radial-gradient(circle at 46% 35%,#c98f82 0 7%,#67464a 8% 26%,#272d2e 27% 60%,transparent 61%);opacity:.85}
    .poster:after{content:"";position:absolute;inset:0;background:linear-gradient(150deg,transparent 26%,rgba(240,79,95,.23)),repeating-linear-gradient(90deg,transparent 0 46px,rgba(244,241,236,.05) 47px 48px)}
    .hero-content{position:relative;z-index:2;max-width:720px}
    .hero-tagrow{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
    .tag{padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(17,19,21,.6);font-size:12px;font-weight:750;color:#e6e1db}
    .tag-live{border-color:rgba(57,214,197,.48);color:var(--mint)}
    h1{max-width:760px;margin:0;font-size:clamp(40px,5vw,59px);line-height:1.1;letter-spacing:-.065em;font-weight:850}
    .hero-copy{max-width:690px;margin:24px 0;color:#d0d1d0;font-size:17px}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px}
    .series-bar{position:relative;z-index:2;margin-top:45px;background:rgba(25,28,30,.86);border:1px solid var(--line);border-radius:16px;padding:12px 14px;display:flex;align-items:center;gap:12px;overflow:auto;scrollbar-width:none}
    .series-bar span{flex:none;color:var(--muted);font-size:12px;font-weight:800;padding-right:5px}
    .series-link{white-space:nowrap;padding:7px 12px;border-radius:8px;color:#e8e3dd;font-size:13px;font-weight:700}
    .series-link:hover{background:rgba(240,79,95,.16);color:#fff}
    .offer-section{background:var(--surface);position:relative}
    .offer-section:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--mint),transparent)}
    .problem-rail{margin-top:45px;border-top:1px solid var(--line)}
    .problem-line{display:grid;grid-template-columns:80px 1.2fr 2fr;gap:24px;align-items:center;padding:24px 10px;border-bottom:1px solid var(--line);transition:background .2s ease,padding .2s ease}
    .problem-line:hover{background:rgba(244,241,236,.04);padding-left:18px}
    .problem-no{font-size:13px;color:var(--mint);font-weight:850;letter-spacing:.08em}
    .problem-line strong{font-size:18px}
    .problem-line p{margin:0;color:var(--muted);font-size:14px}
    .paper-section{background:var(--paper);color:var(--ink)}
    .paper-section .section-intro{color:#62686d}
    .compare-shell{margin-top:42px;border:1px solid var(--line-dark);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-paper)}
    .compare-head,.compare-row{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr}
    .compare-head{background:#242729;color:#fff}
    .compare-head>div,.compare-row>div{padding:19px 20px;border-right:1px solid rgba(244,241,236,.12)}
    .compare-head>div:last-child,.compare-row>div:last-child{border-right:0}
    .compare-head strong{font-size:15px}
    .compare-row{background:#fbf9f6;border-top:1px solid var(--line-dark)}
    .compare-row:nth-child(odd){background:#f0ece6}
    .compare-row>div{font-size:14px;color:#545a5e}
    .compare-row>div:first-child{font-weight:800;color:#272c2f}
    .check{color:#168e82;font-weight:900}
    .focus-col{background:rgba(240,79,95,.08)!important;color:#842834!important;font-weight:800}
    .result-section{background:var(--ink)}
    .metric-wrap{margin-top:40px;display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:22px;overflow:hidden}
    .metric-main,.metric-box{background:var(--surface);padding:31px}
    .metric-main{background:linear-gradient(135deg,#252225,#1b2524)}
    .metric-main .metric-number{font-size:48px;color:var(--mint);font-weight:850;line-height:1}
    .metric-box .metric-number{font-size:31px;color:#fff;font-weight:850}
    .metric-label{margin-top:9px;font-size:14px;color:var(--muted)}
    .matrix{margin-top:26px;display:grid;grid-template-columns:1.25fr .75fr;gap:22px}
    .matrix-card{padding:25px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}
    .matrix-list{list-style:none;padding:0;margin:16px 0 0}
    .matrix-list li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}
    .matrix-list li:last-child{border:0}
    .matrix-list span:last-child{color:var(--mint);font-weight:800;white-space:nowrap}
    .safety-section{background:#202326;color:var(--text)}
    .safety-grid{margin-top:42px;display:grid;grid-template-columns:1.15fr .85fr;gap:24px}
    .security-panel{padding:32px;border:1px solid rgba(57,214,197,.25);border-radius:22px;background:linear-gradient(135deg,#1b2928,#182021)}
    .security-panel h3{font-size:24px;font-weight:800;margin:14px 0 12px}
    .security-list{list-style:none;padding:0;margin:22px 0 0}
    .security-list li{padding:12px 0 12px 28px;border-bottom:1px solid rgba(244,241,236,.12);position:relative;color:#c8cfcd;font-size:14px}
    .security-list li:before{content:"";position:absolute;left:0;top:19px;width:10px;height:10px;border:2px solid var(--mint);border-radius:2px}
    .age-panel{padding:32px;border-radius:22px;background:#312326;border:1px solid rgba(240,79,95,.35)}
    .age-panel .age-number{font-size:59px;line-height:1;font-weight:900;color:var(--coral)}
    .age-panel p{color:#d3c6c5;margin:14px 0 20px}
    .feedback-section{background:var(--paper);color:var(--ink)}
    .feedback-section .section-intro{color:#62686d}
    .info-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;margin-top:42px}
    .news-list{border-top:1px solid var(--line-dark)}
    .news-item{display:grid;grid-template-columns:100px 1fr auto;gap:20px;align-items:center;padding:21px 0;border-bottom:1px solid var(--line-dark)}
    .news-date{font-size:12px;color:#747a7d;font-weight:800}
    .news-item strong{display:block;font-size:17px;margin-bottom:3px}
    .news-item p{margin:0;color:#656a6d;font-size:13px}
    .text-link{font-size:13px;font-weight:850;color:#a72d40}
    .quote-board{padding:26px;border-radius:20px;background:#222629;color:#f5f1eb;box-shadow:var(--shadow)}
    .quote-board .quote-label{color:var(--mint);font-size:12px;font-weight:800;letter-spacing:.1em}
    .quote-main{font-size:22px;line-height:1.6;font-weight:750;margin:17px 0}
    .quote-meta{color:#9da5a8;font-size:13px}
    .quote-small{border-top:1px solid var(--line);margin-top:21px;padding-top:16px;color:#cbd0cf;font-size:14px}
    .faq-section{background:var(--surface)}
    .accordion{margin-top:38px}
    .accordion-item{background:#1d2124;border:1px solid var(--line)!important;border-radius:14px!important;overflow:hidden;margin-bottom:10px}
    .accordion-button{background:#1d2124;color:#f5f1eb;font-size:16px;font-weight:800;box-shadow:none!important;padding:19px 21px}
    .accordion-button:not(.collapsed){background:#292527;color:#fff;border-left:4px solid var(--coral)}
    .accordion-button:after{filter:invert(1)}
    .accordion-body{color:#bfc4c5;padding:0 22px 21px;font-size:14px}
    .cta-section{padding:0 0 94px;background:var(--surface)}
    .cta-console{position:relative;overflow:hidden;padding:40px;border:1px solid rgba(240,79,95,.4);border-radius:25px;background:linear-gradient(120deg,#2d2023,#1d2525)}
    .cta-console:after{content:"";position:absolute;right:-70px;bottom:-80px;width:280px;height:280px;border:1px solid rgba(57,214,197,.23);border-radius:50%;box-shadow:0 0 0 35px rgba(57,214,197,.03)}
    .cta-console h2{position:relative;z-index:1;margin:0 0 12px;font-size:32px;font-weight:850;letter-spacing:-.04em}
    .cta-console p{position:relative;z-index:1;margin:0;color:#c8cecd;max-width:690px}
    .cta-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
    .site-footer{background:#0d0f10;border-top:1px solid var(--line);padding:64px 0 22px}
    .footer-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr 1.15fr;gap:32px}
    .footer-title{font-size:14px;font-weight:850;margin-bottom:14px}
    .footer-copy,.footer-link{color:var(--muted);font-size:13px}
    .footer-copy{margin:0}
    .footer-link{display:block;padding:5px 0}
    .footer-link:hover{color:var(--mint)}
    .footer-form label{display:block;color:#c7cccd;font-size:12px;font-weight:700;margin:8px 0 5px}
    .footer-form input,.footer-form select,.footer-form textarea{width:100%;background:#181b1d;border:1px solid var(--line);color:#fff;border-radius:10px;padding:10px 11px;font-size:13px}
    .footer-form textarea{min-height:70px;resize:vertical}
    .footer-form input:focus,.footer-form select:focus,.footer-form textarea:focus{border-color:var(--mint);box-shadow:0 0 0 3px rgba(57,214,197,.12);outline:0}
    .footer-form .btn{margin-top:10px;min-height:42px;padding:8px 13px}
    .footer-bottom{display:flex;justify-content:space-between;gap:18px;margin-top:42px;padding-top:18px;border-top:1px solid var(--line);color:#72797d;font-size:12px}
    .modal-content{background:#1b1f21;border:1px solid var(--line);color:var(--text);border-radius:20px}
    .modal-header,.modal-footer{border-color:var(--line)}
    .modal-title{font-weight:850}
    @media (max-width:991.98px){
      .navbar-collapse{padding:14px 0}
      .dropdown-menu{width:100%;margin:8px 0}
      .hero{min-height:620px;padding-top:92px}
      .hero-visual .poster{right:-14%;width:600px;opacity:.48}
      .footer-grid{grid-template-columns:1fr 1fr}
      .info-grid,.safety-grid{grid-template-columns:1fr}
    }
    @media (max-width:767.98px){
      .site-container{width:min(100% - 32px,1280px)}
      .section{padding:62px 0}
      .hero{min-height:640px;padding:86px 0 35px;align-items:end}
      .hero-visual .poster{width:480px;height:440px;right:-56%;top:78px;opacity:.37}
      .hero-copy{font-size:15px}
      .series-bar{margin-top:30px}
      .problem-line{grid-template-columns:52px 1fr;gap:9px;padding:18px 4px}
      .problem-line p{grid-column:2}
      .compare-shell{overflow-x:auto}
      .compare-head,.compare-row{min-width:650px}
      .compare-head>div,.compare-row>div{padding:15px 14px}
      .metric-wrap,.matrix{grid-template-columns:1fr}
      .metric-main,.metric-box{padding:24px}
      .news-item{grid-template-columns:74px 1fr}
      .news-item .text-link{grid-column:2}
      .cta-console{padding:28px}
      .footer-bottom{flex-direction:column}
    }
    @media (max-width:575.98px){
      h1{font-size:39px}
      .brand{min-width:0;font-size:14px}
      .age-link{padding:7px 9px;font-size:11px}
      .hero-actions .btn{width:100%}
      .section-title{font-size:30px}
      .metric-main .metric-number{font-size:39px}
      .footer-grid{grid-template-columns:1fr}
      .quote-main{font-size:19px}
      .cta-console h2{font-size:27px}
      .news-item{gap:12px}
    }
    @media (prefers-reduced-motion:reduce){
      *,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
    }

/* roulang page: category2 */
:root{
 --ink:#111315;--surface:#171a1d;--surface-2:#202428;--paper:#f4f1ec;--paper-2:#eae5de;
 --coral:#f04f5f;--coral-dark:#d93c4c;--mint:#39d6c5;--text:#f7f5f1;--muted:#a7adb2;
 --dim:#6f767c;--line:rgba(244,241,236,.14);--line-dark:rgba(17,19,21,.13);
 --radius-lg:26px;--radius-md:18px;--radius-sm:12px;--shadow:0 20px 55px rgba(0,0,0,.24);
 --shadow-paper:0 18px 44px rgba(20,24,28,.12)
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--text);font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.75;overflow-x:hidden}
a{color:inherit;text-decoration:none} img{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--mint);outline-offset:3px}
.skip-link{position:fixed;left:16px;top:-60px;z-index:5000;padding:10px 16px;border-radius:10px;background:var(--mint);color:#09201d;font-weight:800;transition:top .2s}
.skip-link:focus{top:14px}
.site-container{width:min(1280px,calc(100% - 48px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(17,19,21,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.navbar{min-height:76px;padding:10px 0}.brand{display:flex;align-items:center;gap:10px;min-width:220px;font-weight:800;letter-spacing:-.04em;color:var(--text)}
.brand-mark{width:32px;height:32px;border:1px solid var(--coral);border-radius:10px;display:grid;place-items:center;background:rgba(240,79,95,.1)}
.brand-mark:before{content:"";width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid var(--coral);margin-left:2px}
.navbar-toggler{width:46px;height:46px;border:1px solid var(--line)!important;border-radius:12px;color:var(--text)}
.navbar-toggler-icon{filter:invert(1)}
.nav-link{position:relative;color:var(--muted)!important;font-size:14px;font-weight:700;padding:10px 14px!important;border-radius:10px}
.nav-link:hover,.nav-link.active{color:var(--text)!important;background:rgba(244,241,236,.06)}
.nav-link.active:after{content:"";position:absolute;left:14px;right:14px;bottom:3px;height:2px;background:var(--coral);border-radius:3px}
.nav-drop{color:var(--muted)!important;border:0!important;background:transparent!important;font-size:14px;font-weight:700;padding:10px 14px!important;border-radius:10px}
.nav-drop:hover,.nav-drop.show{color:var(--text)!important;background:rgba(244,241,236,.06)!important}
.mega-menu{width:min(640px,calc(100vw - 34px));padding:16px;border-radius:16px;background:#1b1e21;border:1px solid var(--line);box-shadow:var(--shadow)}
.mega-title{color:var(--muted);font-size:12px;letter-spacing:.08em;font-weight:800}.mega-link{display:block;padding:11px 12px;border-radius:10px;font-weight:750;font-size:14px}
.mega-link:hover{background:rgba(240,79,95,.12);color:#fff}.mega-mini{padding:16px;border-radius:13px;background:linear-gradient(140deg,#2b2024,#1c2626);border:1px solid rgba(57,214,197,.22)}
.mega-mini strong{display:block;font-size:15px}.age-link{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;background:transparent;border:1px solid rgba(240,79,95,.42);border-radius:10px;color:#f4d9dc;font-size:13px;font-weight:800}
.age-link:hover{background:rgba(240,79,95,.1)}.age-dot{width:7px;height:7px;background:var(--coral);border-radius:50%;box-shadow:0 0 0 4px rgba(240,79,95,.12)}
.tag{display:inline-flex;align-items:center;padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(17,19,21,.55);font-size:12px;font-weight:750;color:#e6e1db}
.tag-live{border-color:rgba(57,214,197,.48);color:var(--mint)}.tag-coral{border-color:rgba(240,79,95,.55);color:#ffdce0}
.section{padding:94px 0}.section-kicker{display:flex;align-items:center;gap:10px;color:var(--mint);font-size:12px;font-weight:800;letter-spacing:.12em}
.section-kicker:before{content:"";width:26px;height:1px;background:var(--mint)}.section-title{margin:12px 0 14px;font-size:clamp(29px,3.4vw,42px);line-height:1.22;letter-spacing:-.045em;font-weight:800}
.section-intro{max-width:710px;color:var(--muted);margin:0}.btn{min-height:48px;padding:11px 18px;border-radius:13px;border:1px solid transparent;font-size:14px;font-weight:800;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}
.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-coral{background:var(--coral);color:#fff;box-shadow:0 10px 22px rgba(240,79,95,.22)}
.btn-coral:hover{background:var(--coral-dark);color:#fff;box-shadow:0 14px 25px rgba(240,79,95,.3)}.btn-outline-custom{border-color:var(--line);color:var(--text);background:transparent}
.btn-outline-custom:hover{background:rgba(244,241,236,.08);border-color:rgba(244,241,236,.33);color:#fff}
.update-hero{position:relative;overflow:hidden;padding:72px 0 42px;background:var(--surface)}
.update-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(244,241,236,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(244,241,236,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000 20%,transparent 85%)}
.update-hero:after{content:"";position:absolute;right:8%;top:32px;width:155px;height:155px;border:1px solid rgba(57,214,197,.25);border-radius:50%;box-shadow:0 0 0 22px rgba(57,214,197,.025),0 0 0 46px rgba(57,214,197,.018)}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:54px;align-items:end}.breadcrumb-lite{display:flex;gap:8px;color:var(--muted);font-size:13px;margin-bottom:22px}
.update-hero h1{max-width:760px;margin:12px 0 16px;font-size:clamp(38px,5vw,56px);line-height:1.12;letter-spacing:-.06em;font-weight:800}.hero-summary{margin:0;max-width:720px;color:#d0d1d0;font-size:17px}
.status-board{position:relative;padding:20px;background:#1d2123;border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow)}
.status-board:before{content:"";position:absolute;top:16px;bottom:16px;left:0;width:3px;background:var(--coral);border-radius:0 4px 4px 0}.board-label{color:var(--mint);font-size:12px;font-weight:800;letter-spacing:.1em}.board-number{font-size:38px;line-height:1.1;font-weight:800;margin:10px 0 7px}.board-copy{font-size:13px;color:var(--muted);margin:0}.status-line{display:flex;justify-content:space-between;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.tag-rail{position:relative;z-index:2;display:flex;align-items:center;gap:10px;overflow:auto;padding:30px 0 2px;scrollbar-width:thin}.rail-label{flex:0 0 auto;color:var(--muted);font-size:12px;font-weight:800;margin-right:4px}.rail-chip{flex:0 0 auto;padding:9px 13px;border:1px solid var(--line);border-radius:999px;color:#d8d8d4;background:rgba(17,19,21,.3);font-size:13px;font-weight:700;transition:.2s}
.rail-chip:hover,.rail-chip.active{background:rgba(240,79,95,.16);border-color:var(--coral);color:#fff}
.timeline-section{background:var(--ink)}.timeline-wrap{position:relative;margin-top:48px;padding-left:155px}.timeline-wrap:before{content:"";position:absolute;left:53px;top:18px;bottom:24px;width:2px;background:linear-gradient(var(--mint),rgba(57,214,197,.15))}
.day-group{position:relative;padding-bottom:54px}.day-mark{position:absolute;left:-155px;top:2px;width:108px;text-align:right}.day-mark strong{display:block;color:var(--mint);font-size:14px;letter-spacing:.05em}.day-mark span{display:block;color:var(--dim);font-size:12px;margin-top:3px}
.day-dot{position:absolute;left:-109px;top:10px;width:12px;height:12px;border:3px solid var(--ink);border-radius:50%;background:var(--mint);box-shadow:0 0 0 1px var(--mint)}
.update-item{display:grid;grid-template-columns:196px minmax(0,1fr) auto;gap:20px;align-items:center;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.update-item+.update-item{margin-top:14px}.update-item:hover{transform:translateY(-5px);border-color:rgba(244,241,236,.32);box-shadow:var(--shadow)}
.poster{position:relative;overflow:hidden;border-radius:12px;aspect-ratio:16/10;background:#2b3032}.poster:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 35%,rgba(17,19,21,.46))}
.poster-a{background:linear-gradient(122deg,#7b5552 0%,#303438 50%,#1e4944 100%)}.poster-b{background:linear-gradient(122deg,#684354,#282b35 46%,#615139 100%)}.poster-c{background:linear-gradient(122deg,#344851,#212327 51%,#75434a 100%)}.poster-d{background:linear-gradient(122deg,#644f36,#292d2e 48%,#284a49 100%)}
.poster-e{background:linear-gradient(122deg,#56343d,#2b2e31 48%,#5a6750 100%)}.poster-f{background:linear-gradient(122deg,#40535a,#282629 48%,#754652 100%)}
.poster-inner{position:absolute;inset:15% 18%;border:1px solid rgba(255,255,255,.28);border-radius:50% 50% 18px 18px;opacity:.7}.poster-inner:before{content:"";position:absolute;width:38%;height:38%;left:31%;top:14%;border-radius:50%;background:rgba(244,241,236,.42)}.poster-inner:after{content:"";position:absolute;width:70%;height:47%;left:15%;bottom:0;border-radius:50% 50% 10px 10px;background:rgba(244,241,236,.25)}
.poster-label{position:absolute;z-index:2;left:9px;bottom:8px;font-size:11px;font-weight:800;color:#fff}.poster-type{position:absolute;z-index:2;top:9px;right:9px;padding:3px 7px;border-radius:999px;background:rgba(17,19,21,.73);font-size:10px;font-weight:800}
.item-meta{display:flex;flex-wrap:wrap;gap:7px 12px;color:var(--muted);font-size:12px}.item-meta span+span:before{content:"·";padding-right:12px;color:var(--dim)}
.item-title{font-size:19px;line-height:1.35;font-weight:800;letter-spacing:-.02em;margin:7px 0}.item-copy{margin:0;color:#c1c4c4;font-size:14px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.item-action{white-space:nowrap}.item-action .btn{min-width:86px}
.paper-section{background:var(--paper);color:var(--ink)}.paper-section .section-intro{color:#62686d}.quick-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:28px;margin-top:42px}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature-card{min-height:270px;position:relative;overflow:hidden;padding:28px;border-radius:var(--radius-lg);background:#282b2d;color:#fff;box-shadow:var(--shadow)}
.feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 22%,rgba(10,12,13,.9) 100%)}.feature-card.one{background:linear-gradient(135deg,#764b53,#26292d 52%,#2d625b)}.feature-card.two{background:linear-gradient(135deg,#3c565c,#242729 48%,#765047)}
.feature-card>*{position:relative;z-index:1}.feature-card h3{position:absolute;bottom:48px;left:28px;right:28px;font-size:24px;line-height:1.28;font-weight:800;margin:0}.feature-card p{position:absolute;bottom:17px;left:28px;right:25px;margin:0;color:#dadbd7;font-size:13px}
.quick-panel{padding:26px;border:1px solid var(--line-dark);border-radius:var(--radius-lg);background:#fbf9f6;box-shadow:var(--shadow-paper)}.quick-panel h3{font-size:21px;font-weight:800;margin:0 0 14px}.quick-links{display:grid;gap:8px}.quick-link{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line-dark);font-weight:750;font-size:14px}
.quick-link:last-child{border-bottom:0}.quick-link:hover{color:#a52e3c}.quick-link b{color:var(--coral);font-size:17px}.notice{margin-top:20px;padding:15px;border-left:3px solid var(--mint);background:rgba(57,214,197,.1);color:#4d5958;font-size:13px}
.faq-section{background:var(--surface)}.faq-shell{margin-top:40px;max-width:920px}.accordion-item{background:transparent;border:0;border-bottom:1px solid var(--line)}.accordion-button{padding:21px 18px 21px 0;background:transparent!important;color:var(--text)!important;box-shadow:none!important;font-size:17px;font-weight:800}
.accordion-button:not(.collapsed){color:#fff!important}.accordion-button:after{filter:invert(1);transform:scale(.8)}.accordion-body{padding:0 18px 20px 0;color:var(--muted)}
.cta-section{padding:0 0 94px;background:var(--surface)}.cta-panel{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;padding:42px;border:1px solid rgba(240,79,95,.45);border-radius:var(--radius-lg);background:#202124}
.cta-panel:before{content:"";position:absolute;right:-30px;top:-70px;width:220px;height:220px;border:1px solid rgba(57,214,197,.26);border-radius:50%;box-shadow:0 0 0 24px rgba(57,214,197,.025)}.cta-panel>*{position:relative;z-index:1}.cta-panel h2{max-width:660px;margin:9px 0 10px;font-size:clamp(27px,3vw,38px);line-height:1.23;font-weight:800}.cta-panel p{max-width:650px;margin:0;color:var(--muted)}.cta-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.age-note{display:block;width:100%;text-align:right;color:var(--muted);font-size:12px}
.site-footer{padding:70px 0 22px;background:#0d0f10;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.35fr .8fr .85fr 1.2fr;gap:38px}.footer-copy{max-width:310px;margin:15px 0 0;color:var(--muted);font-size:13px}.footer-title{font-size:14px;font-weight:800;margin:0 0 13px;color:#fff}.footer-link{display:block;margin:7px 0;color:var(--muted);font-size:13px}.footer-link:hover{color:var(--mint)}.footer-form label{display:block;margin:8px 0 4px;color:var(--muted);font-size:12px;font-weight:700}
.footer-form input,.footer-form select,.footer-form textarea{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:#181b1d;color:#fff;font-size:13px}.footer-form textarea{height:76px;resize:vertical}.footer-form .btn{margin-top:11px;width:100%;min-height:43px}.footer-bottom{display:flex;justify-content:space-between;gap:18px;margin-top:45px;padding-top:20px;border-top:1px solid var(--line);color:var(--dim);font-size:12px}
.modal-content{background:#202428;color:var(--text);border:1px solid var(--line);border-radius:18px}.modal-header{border-color:var(--line)}.modal-footer{border-color:var(--line)}.btn-close{filter:invert(1)}
@media (max-width:991.98px){.navbar-collapse{padding:12px 0}.mega-menu{position:static!important;width:100%;margin-top:8px}.hero-grid{grid-template-columns:1fr}.status-board{max-width:420px}.footer-grid{grid-template-columns:1fr 1fr}.quick-grid{grid-template-columns:1fr}.cta-panel{grid-template-columns:1fr}.cta-actions{justify-content:flex-start}.age-note{text-align:left}.timeline-wrap{padding-left:126px}.day-mark{left:-126px;width:84px}.day-dot{left:-80px}}
@media (max-width:767.98px){.site-container{width:min(100% - 32px,1280px)}.section{padding:62px 0}.update-hero{padding:52px 0 30px}.update-hero h1{font-size:38px}.timeline-wrap{padding-left:0}.timeline-wrap:before{left:6px}.day-group{padding-left:27px}.day-mark{position:relative;left:auto;top:auto;width:auto;text-align:left;margin-bottom:14px}.day-dot{left:0;top:5px}.update-item{grid-template-columns:130px minmax(0,1fr);gap:14px}.item-action{grid-column:2}.item-action .btn{min-height:40px;padding:7px 12px}.feature-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:7px}.cta-panel{padding:29px}.tag-rail{margin-right:-16px;padding-right:16px}}
@media (max-width:520px){.brand{min-width:0;font-size:14px}.brand-mark{width:29px;height:29px}.navbar{min-height:67px}.update-item{grid-template-columns:1fr}.poster{max-width:none}.item-action{grid-column:auto}.item-action .btn{width:100%}.feature-card{min-height:235px}.section-title{font-size:29px}.hero-summary{font-size:15px}.cta-actions .btn{width:100%}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* roulang page: category1 */
:root{
 --ink:#111315;
 --surface:#171a1d;
 --surface-2:#202428;
 --surface-3:#272c30;
 --paper:#f4f1ec;
 --paper-2:#eae5de;
 --coral:#f04f5f;
 --coral-dark:#d93c4c;
 --mint:#39d6c5;
 --text:#f7f5f1;
 --muted:#a7adb2;
 --dim:#6f767c;
 --line:rgba(244,241,236,.14);
 --line-strong:rgba(244,241,236,.25);
 --line-dark:rgba(17,19,21,.13);
 --radius-lg:26px;
 --radius-md:18px;
 --radius-sm:12px;
 --shadow:0 20px 55px rgba(0,0,0,.24);
 --shadow-paper:0 18px 44px rgba(20,24,28,.12);
}
*,
*::before,
*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
 margin:0;
 background:var(--ink);
 color:var(--text);
 font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
 font-size:16px;
 line-height:1.75;
 overflow-x:hidden;
}
body.modal-open{padding-right:0!important}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
 outline:3px solid var(--mint);
 outline-offset:3px;
}
::selection{background:var(--coral);color:#fff}
.site-container{width:min(1280px,calc(100% - 48px));margin:0 auto}
.skip-link{
 position:fixed;
 left:16px;
 top:-80px;
 z-index:2000;
 padding:11px 16px;
 border-radius:10px;
 background:var(--mint);
 color:var(--ink);
 font-weight:800;
 transition:top .2s ease;
}
.skip-link:focus{top:16px}
.site-header{
 position:sticky;
 top:0;
 z-index:1000;
 background:rgba(17,19,21,.94);
 backdrop-filter:blur(16px);
 border-bottom:1px solid var(--line);
 box-shadow:0 10px 34px rgba(0,0,0,.12);
}
.navbar{min-height:76px;padding:10px 0}
.brand{
 display:flex;
 align-items:center;
 gap:10px;
 min-width:220px;
 font-weight:800;
 letter-spacing:-.04em;
 color:var(--text);
}
.brand:hover{color:#fff}
.brand-mark{
 width:32px;
 height:32px;
 flex:0 0 32px;
 border:1px solid var(--coral);
 border-radius:10px;
 display:grid;
 place-items:center;
 background:rgba(240,79,95,.1);
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}
.brand-mark::before{
 content:"";
 width:0;
 height:0;
 border-top:7px solid transparent;
 border-bottom:7px solid transparent;
 border-left:10px solid var(--coral);
 margin-left:2px;
}
.navbar-toggler{
 width:46px;
 height:46px;
 border:1px solid var(--line)!important;
 border-radius:12px;
 color:var(--text);
 box-shadow:none!important;
}
.navbar-toggler:hover{background:rgba(244,241,236,.06)}
.navbar-toggler-icon{filter:invert(1)}
.nav-link{
 position:relative;
 color:var(--muted)!important;
 font-size:14px;
 font-weight:700;
 padding:10px 14px!important;
 border-radius:10px;
 transition:color .2s ease,background .2s ease;
}
.nav-link:hover,
.nav-link.active{
 color:var(--text)!important;
 background:rgba(244,241,236,.06);
}
.nav-link.active::after{
 content:"";
 position:absolute;
 left:14px;
 right:14px;
 bottom:3px;
 height:2px;
 background:var(--coral);
 border-radius:3px;
}
.has-mega{position:relative}
.mega-panel{
 position:absolute;
 top:calc(100% + 14px);
 left:50%;
 width:610px;
 padding:18px;
 border:1px solid var(--line);
 border-radius:18px;
 background:#1c1f22;
 box-shadow:var(--shadow);
 opacity:0;
 visibility:hidden;
 transform:translate(-50%,8px);
 transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
}
.has-mega:hover .mega-panel,
.has-mega:focus-within .mega-panel{
 opacity:1;
 visibility:visible;
 transform:translate(-50%,0);
}
.mega-panel::before{
 content:"";
 position:absolute;
 top:-15px;
 left:0;
 right:0;
 height:16px;
}
.mega-title{
 color:var(--muted);
 font-size:12px;
 letter-spacing:.08em;
 font-weight:800;
}
.mega-link{
 display:block;
 padding:11px 12px;
 border-radius:10px;
 font-weight:750;
 font-size:14px;
}
.mega-link:hover{background:rgba(240,79,95,.12);color:#fff}
.mega-mini{
 padding:16px;
 height:100%;
 border-radius:13px;
 background:linear-gradient(140deg,#2b2024,#1c2626);
 border:1px solid rgba(57,214,197,.22);
}
.mega-mini strong{display:block;font-size:15px}
.age-link{
 min-height:44px;
 padding:8px 13px;
 border:1px solid rgba(240,79,95,.35);
 border-radius:999px;
 background:rgba(240,79,95,.08);
 color:#f6dfe2;
 font-size:13px;
 font-weight:800;
 white-space:nowrap;
 transition:background .2s ease,border-color .2s ease;
}
.age-link:hover{background:rgba(240,79,95,.16);border-color:var(--coral)}
.age-dot{
 display:inline-block;
 width:7px;
 height:7px;
 margin-right:7px;
 border-radius:50%;
 background:var(--coral);
 box-shadow:0 0 0 4px rgba(240,79,95,.12);
}
.btn{
 min-height:48px;
 padding:11px 18px;
 border-radius:13px;
 border:1px solid transparent;
 font-size:14px;
 font-weight:800;
 transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.btn:disabled,.btn.disabled{opacity:.46;pointer-events:none}
.btn-coral{
 background:var(--coral);
 color:#fff;
 box-shadow:0 10px 22px rgba(240,79,95,.22);
}
.btn-coral:hover{
 background:var(--coral-dark);
 color:#fff;
 box-shadow:0 14px 25px rgba(240,79,95,.3);
}
.btn-outline-custom{
 border-color:var(--line);
 color:var(--text);
 background:transparent;
}
.btn-outline-custom:hover{
 background:rgba(244,241,236,.08);
 border-color:rgba(244,241,236,.33);
 color:#fff;
}
.tag{
 display:inline-flex;
 align-items:center;
 gap:6px;
 padding:5px 10px;
 border:1px solid var(--line);
 border-radius:999px;
 background:rgba(17,19,21,.6);
 font-size:12px;
 line-height:1.35;
 font-weight:750;
 color:#e6e1db;
}
.tag-live{
 border-color:rgba(57,214,197,.48);
 color:var(--mint);
 background:rgba(57,214,197,.08);
}
.tag-age{
 border-color:rgba(240,79,95,.48);
 color:#ffc6cd;
 background:rgba(240,79,95,.09);
}
.tag-paper{
 border-color:rgba(17,19,21,.14);
 background:#e6e0d8;
 color:#3d4347;
}
.section{padding:92px 0}
.section-kicker{
 display:flex;
 align-items:center;
 gap:10px;
 color:var(--mint);
 font-size:12px;
 font-weight:800;
 letter-spacing:.12em;
 text-transform:uppercase;
}
.section-kicker::before{content:"";width:26px;height:1px;background:var(--mint)}
.section-title{
 margin:12px 0 14px;
 font-size:clamp(29px,3.4vw,42px);
 line-height:1.22;
 letter-spacing:-.045em;
 font-weight:800;
}
.section-intro{max-width:760px;color:var(--muted);margin:0}
.category-hero{
 position:relative;
 min-height:410px;
 display:flex;
 align-items:center;
 overflow:hidden;
 background:var(--surface);
 border-bottom:1px solid var(--line);
}
.category-hero::before{
 content:"";
 position:absolute;
 inset:0;
 background-image:
 linear-gradient(rgba(244,241,236,.04) 1px,transparent 1px),
 linear-gradient(90deg,rgba(244,241,236,.04) 1px,transparent 1px);
 background-size:44px 44px;
 mask-image:linear-gradient(90deg,#000,transparent 90%);
}
.category-hero::after{
 content:"";
 position:absolute;
 width:450px;
 height:450px;
 right:-110px;
 top:-180px;
 border:1px solid rgba(57,214,197,.2);
 border-radius:50%;
 box-shadow:0 0 0 60px rgba(57,214,197,.025),0 0 0 120px rgba(57,214,197,.015);
}
.breadcrumb{
 --bs-breadcrumb-divider-color:var(--dim);
 --bs-breadcrumb-item-active-color:var(--muted);
 margin:0 0 20px;
 font-size:13px;
}
.breadcrumb a:hover{color:var(--mint)}
.hero-heading{
 margin:15px 0 18px;
 max-width:780px;
 font-size:clamp(36px,4.5vw,54px);
 line-height:1.13;
 letter-spacing:-.055em;
 font-weight:800;
}
.hero-summary{
 position:relative;
 z-index:2;
 padding:24px;
 border:1px solid var(--line);
 border-radius:var(--radius-lg);
 background:rgba(32,36,40,.9);
 box-shadow:var(--shadow);
}
.summary-head{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:15px;
 padding-bottom:17px;
 margin-bottom:5px;
 border-bottom:1px solid var(--line);
}
.summary-head strong{font-size:18px}
.status-light{
 width:10px;
 height:10px;
 border-radius:50%;
 background:var(--mint);
 box-shadow:0 0 0 6px rgba(57,214,197,.1);
}
.summary-row{
 display:flex;
 justify-content:space-between;
 gap:18px;
 padding:12px 0;
 border-bottom:1px solid rgba(244,241,236,.08);
 color:var(--muted);
 font-size:14px;
}
.summary-row:last-child{border-bottom:0}
.summary-row strong{color:var(--text);font-weight:750}
.filter-section{
 position:relative;
 z-index:5;
 margin-top:-25px;
 padding-bottom:40px;
}
.filter-panel{
 padding:24px;
 border:1px solid var(--line);
 border-radius:var(--radius-lg);
 background:#1d2023;
 box-shadow:var(--shadow);
}
.filter-title{
 margin:0;
 font-size:17px;
 font-weight:800;
}
.filter-row{
 display:grid;
 grid-template-columns:105px 1fr;
 gap:18px;
 align-items:start;
 padding:17px 0;
 border-bottom:1px solid rgba(244,241,236,.09);
}
.filter-row:last-of-type{border-bottom:0}
.filter-label{
 padding-top:7px;
 color:var(--muted);
 font-size:13px;
 font-weight:800;
}
.filter-options{display:flex;flex-wrap:wrap;gap:8px}
.filter-chip{
 min-height:38px;
 padding:7px 13px;
 border:1px solid var(--line);
 border-radius:999px;
 background:transparent;
 color:#d2d4d4;
 font-size:13px;
 font-weight:700;
 transition:background .18s ease,border-color .18s ease,color .18s ease;
}
.filter-chip:hover{border-color:rgba(57,214,197,.5);color:#fff}
.filter-chip.active{
 border-color:var(--coral);
 background:var(--coral);
 color:#fff;
}
.filter-bottom{
 display:flex;
 justify-content:space-between;
 align-items:center;
 gap:18px;
 padding-top:18px;
}
.filter-note{margin:0;color:var(--muted);font-size:13px}
.sort-select{
 min-height:44px;
 min-width:180px;
 padding:8px 38px 8px 13px;
 border:1px solid var(--line);
 border-radius:11px;
 background-color:var(--surface-2);
 color:var(--text);
}
.catalog-section{padding:50px 0 96px;background:var(--ink)}
.catalog-head{
 display:flex;
 align-items:end;
 justify-content:space-between;
 gap:25px;
 margin-bottom:30px;
}
.catalog-count{color:var(--muted);font-size:14px}
.feature-card{
 display:grid;
 grid-template-columns:minmax(280px,1.05fr) minmax(0,1fr);
 min-height:365px;
 margin-bottom:22px;
 overflow:hidden;
 border:1px solid var(--line);
 border-radius:var(--radius-lg);
 background:var(--surface);
 box-shadow:var(--shadow);
 transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.feature-card:hover{
 transform:translateY(-5px);
 border-color:rgba(240,79,95,.45);
 box-shadow:0 26px 62px rgba(0,0,0,.3);
}
.poster-art{
 position:relative;
 min-height:245px;
 overflow:hidden;
 isolation:isolate;
 background:#292427;
}
.poster-art::before{
 content:"";
 position:absolute;
 inset:-12%;
 background:
 radial-gradient(circle at 66% 26%,rgba(240,79,95,.45),transparent 21%),
 radial-gradient(circle at 35% 70%,rgba(57,214,197,.26),transparent 24%),
 linear-gradient(145deg,#463237 0%,#272a2d 48%,#162524 100%);
 transform:scale(1.01);
 transition:transform .22s ease;
}
.poster-art::after{
 content:"";
 position:absolute;
 inset:0;
 z-index:1;
 background:
 linear-gradient(90deg,transparent 48%,rgba(17,19,21,.26)),
 repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 38px);
}
.feature-card:hover .poster-art::before,
.catalog-card:hover .poster-art::before{transform:scale(1.055)}
.poster-shape{
 position:absolute;
 z-index:2;
 left:17%;
 bottom:-10%;
 width:55%;
 height:82%;
 border:1px solid rgba(255,255,255,.18);
 border-radius:50% 50% 12px 12px;
 background:linear-gradient(160deg,rgba(244,241,236,.15),rgba(17,19,21,.42));
 transform:rotate(-7deg);
}
.poster-top{
 position:absolute;
 z-index:3;
 top:15px;
 left:15px;
 right:15px;
 display:flex;
 justify-content:space-between;
 gap:8px;
}
.poster-time{
 position:absolute;
 right:15px;
 bottom:15px;
 z-index:3;
 padding:5px 9px;
 border-radius:8px;
 background:rgba(17,19,21,.8);
 color:#fff;
 font-size:12px;
 font-weight:800;
}
.feature-body{
 display:flex;
 flex-direction:column;
 justify-content:center;
 padding:34px;
}
.card-eyebrow{
 color:var(--mint);
 font-size:12px;
 font-weight:800;
 letter-spacing:.08em;
}
.card-title{
 margin:10px 0 12px;
 font-size:clamp(23px,2.3vw,31px);
 line-height:1.3;
 font-weight:800;
 letter-spacing:-.035em;
}
.card-copy{
 display:-webkit-box;
 overflow:hidden;
 margin:0 0 18px;
 color:var(--muted);
 -webkit-box-orient:vertical;
 -webkit-line-clamp:3;
}
.meta-list{
 display:flex;
 flex-wrap:wrap;
 gap:7px 16px;
 margin:0 0 22px;
 padding:0;
 list-style:none;
 color:#c9cccd;
 font-size:13px;
}
.meta-list li{position:relative}
.meta-list li+li::before{
 content:"";
 position:absolute;
 left:-9px;
 top:50%;
 width:3px;
 height:3px;
 border-radius:50%;
 background:var(--dim);
}
.text-link{
 display:inline-flex;
 align-items:center;
 gap:8px;
 width:max-content;
 color:#fff;
 font-size:14px;
 font-weight:800;
}
.text-link::after{content:"→";color:var(--coral);transition:transform .2s ease}
.text-link:hover{color:var(--mint)}
.text-link:hover::after{transform:translateX(4px)}
.compact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.catalog-card{
 overflow:hidden;
 border:1px solid var(--line);
 border-radius:var(--radius-md);
 background:var(--surface);
 transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.catalog-card:hover{
 transform:translateY(-5px);
 border-color:rgba(57,214,197,.38);
 box-shadow:0 18px 42px rgba(0,0,0,.22);
}
.catalog-card .poster-art{aspect-ratio:16/9;min-height:0}
.catalog-card .poster-shape{left:29%;width:42%;height:90%}
.catalog-card-body{padding:23px}
.catalog-card-title{
 display:-webkit-box;
 overflow:hidden;
 margin:8px 0 10px;
 min-height:54px;
 font-size:20px;
 line-height:1.36;
 font-weight:800;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:2;
}
.catalog-card-copy{
 display:-webkit-box;
 overflow:hidden;
 color:var(--muted);
 font-size:14px;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:3;
}
.side-stack{
 position:sticky;
 top:103px;
 display:grid;
 gap:18px;
}
.side-card{
 padding:24px;
 border:1px solid var(--line);
 border-radius:var(--radius-md);
 background:var(--surface);
}
.side-card.coral-edge{border-left:3px solid var(--coral)}
.side-card.mint-edge{border-left:3px solid var(--mint)}
.side-title{
 margin:0 0 15px;
 font-size:18px;
 font-weight:800;
}
.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}
.side-list{margin:0;padding:0;list-style:none}
.side-list li{
 display:flex;
 gap:11px;
 padding:12px 0;
 border-bottom:1px solid rgba(244,241,236,.08);
 color:#d6d7d7;
 font-size:14px;
}
.side-list li:last-child{border-bottom:0;padding-bottom:0}
.list-index{color:var(--mint);font-size:12px;font-weight:800}
.notice-copy{margin:0;color:var(--muted);font-size:14px}
.pagination{
 --bs-pagination-bg:var(--surface);
 --bs-pagination-color:var(--muted);
 --bs-pagination-border-color:var(--line);
 --bs-pagination-hover-bg:var(--surface-2);
 --bs-pagination-hover-color:#fff;
 --bs-pagination-hover-border-color:var(--line-strong);
 --bs-pagination-focus-bg:var(--surface-2);
 --bs-pagination-focus-color:#fff;
 --bs-pagination-focus-box-shadow:0 0 0 .25rem rgba(57,214,197,.2);
 --bs-pagination-active-bg:var(--coral);
 --bs-pagination-active-border-color:var(--coral);
 --bs-pagination-disabled-bg:#151719;
 --bs-pagination-disabled-border-color:rgba(244,241,236,.07);
 --bs-pagination-disabled-color:#555b60;
 gap:7px;
 margin:34px 0 0;
}
.page-link{
 min-width:44px;
 min-height:44px;
 display:grid;
 place-items:center;
 padding:8px 13px;
 border-radius:11px!important;
 font-weight:800;
}
.process-section{background:var(--paper);color:var(--ink)}
.process-section .section-intro{color:#62686d}
.process-track{
 position:relative;
 display:grid;
 grid-template-columns:1.05fr .95fr;
 gap:30px;
 margin-top:42px;
}
.process-map{
 padding:34px;
 border:1px solid var(--line-dark);
 border-radius:var(--radius-lg);
 background:#fbf9f6;
 box-shadow:var(--shadow-paper);
}
.process-step{
 display:grid;
 grid-template-columns:48px 1fr;
 gap:17px;
 padding:20px 0;
 border-bottom:1px solid var(--line-dark);
}
.process-step:first-child{padding-top:0}
.process-step:last-child{padding-bottom:0;border-bottom:0}
.step-num{
 width:44px;
 height:44px;
 display:grid;
 place-items:center;
 border:1px solid rgba(240,79,95,.32);
 border-radius:12px;
 background:rgba(240,79,95,.08);
 color:#b62f40;
 font-size:13px;
 font-weight:900;
}
.process-step h3{margin:0 0 4px;font-size:19px;font-weight:800}
.process-step p{margin:0;color:#62686d;font-size:14px}
.process-aside{
 position:relative;
 padding:34px;
 overflow:hidden;
 border-radius:var(--radius-lg);
 background:#202428;
 color:var(--text);
 box-shadow:var(--shadow);
}
.process-aside::after{
 content:"";
 position:absolute;
 right:-80px;
 bottom:-80px;
 width:230px;
 height:230px;
 border:1px solid rgba(57,214,197,.22);
 border-radius:50%;
 box-shadow:0 0 0 35px rgba(57,214,197,.025);
}
.check-list{position:relative;z-index:2;margin:23px 0 0;padding:0;list-style:none}
.check-list li{
 display:flex;
 gap:12px;
 padding:13px 0;
 border-bottom:1px solid var(--line);
 color:#d2d5d5;
}
.check-list li::before{
 content:"";
 width:9px;
 height:9px;
 flex:0 0 9px;
 margin-top:9px;
 border:2px solid var(--mint);
 border-radius:50%;
}
.check-list li:last-child{border-bottom:0}
.faq-section{background:var(--surface);border-top:1px solid var(--line)}
.faq-wrap{display:grid;grid-template-columns:.72fr 1.28fr;gap:60px;align-items:start}
.accordion{
 --bs-accordion-bg:transparent;
 --bs-accordion-border-color:var(--line);
 --bs-accordion-btn-color:var(--text);
 --bs-accordion-btn-bg:transparent;
 --bs-accordion-active-color:var(--text);
 --bs-accordion-active-bg:rgba(240,79,95,.08);
 --bs-accordion-btn-focus-box-shadow:0 0 0 .25rem rgba(57,214,197,.18);
 --bs-accordion-color:var(--muted);
}
.accordion-item{
 margin-bottom:12px;
 overflow:hidden;
 border:1px solid var(--line)!important;
 border-radius:15px!important;
 background:rgba(32,36,40,.72);
}
.accordion-button{
 min-height:66px;
 padding:18px 21px;
 font-weight:800;
 box-shadow:none!important;
}
.accordion-button:not(.collapsed){
 border-left:3px solid var(--coral);
 color:#fff;
}
.accordion-button::after{filter:invert(1) grayscale(1)}
.accordion-body{padding:3px 22px 22px;color:var(--muted);font-size:15px}
.cta-section{padding:72px 0;background:var(--ink)}
.cta-console{
 position:relative;
 display:grid;
 grid-template-columns:1fr auto;
 gap:35px;
 align-items:center;
 padding:40px;
 overflow:hidden;
 border:1px solid rgba(240,79,95,.3);
 border-radius:var(--radius-lg);
 background:
 linear-gradient(90deg,rgba(240,79,95,.09),transparent 48%),
 var(--surface);
 box-shadow:var(--shadow);
}
.cta-console::after{
 content:"";
 position:absolute;
 right:32%;
 top:0;
 bottom:0;
 width:1px;
 background:linear-gradient(transparent,var(--line-strong),transparent);
}
.cta-title{margin:8px 0 10px;font-size:clamp(27px,3vw,38px);font-weight:800;letter-spacing:-.04em}
.cta-copy{max-width:700px;margin:0;color:var(--muted)}
.cta-actions{
 position:relative;
 z-index:2;
 display:flex;
 flex-wrap:wrap;
 justify-content:flex-end;
 gap:11px;
}
.cta-age{display:block;width:100%;text-align:right;color:var(--muted);font-size:12px}
.site-footer{
 padding:76px 0 25px;
 border-top:1px solid var(--line);
 background:#0e1012;
}
.footer-grid{
 display:grid;
 grid-template-columns:1.25fr .7fr .7fr 1.1fr;
 gap:45px;
}
.footer-copy{max-width:360px;margin:0;color:var(--muted);font-size:14px}
.footer-title{
 margin:0 0 16px;
 color:var(--text);
 font-size:15px;
 font-weight:800;
}
.footer-link{
 display:block;
 width:max-content;
 max-width:100%;
 margin:10px 0;
 color:var(--muted);
 font-size:14px;
 transition:color .18s ease,transform .18s ease;
}
.footer-link:hover{color:var(--mint);transform:translateX(3px)}
.footer-form{display:grid;gap:8px}
.footer-form label{color:#d5d6d6;font-size:12px;font-weight:800}
.footer-form input,
.footer-form select,
.footer-form textarea{
 width:100%;
 min-height:48px;
 padding:10px 12px;
 border:1px solid var(--line);
 border-radius:11px;
 background:var(--surface);
 color:var(--text);
}
.footer-form textarea{min-height:94px;resize:vertical}
.footer-form input::placeholder,
.footer-form textarea::placeholder{color:#747b80}
.footer-form input:focus,
.footer-form select:focus,
.footer-form textarea:focus{
 border-color:var(--mint);
 box-shadow:0 0 0 3px rgba(57,214,197,.12);
}
.footer-form .btn{margin-top:5px}
.footer-bottom{
 display:flex;
 justify-content:space-between;
 gap:22px;
 margin-top:48px;
 padding-top:22px;
 border-top:1px solid var(--line);
 color:var(--dim);
 font-size:12px;
}
.modal-content{
 border:1px solid var(--line);
 border-radius:22px;
 background:var(--surface);
 color:var(--text);
 box-shadow:var(--shadow);
}
.modal-header,.modal-footer{border-color:var(--line)}
.modal-title{font-weight:800}
.modal-body{color:var(--muted)}
.modal-body strong{color:var(--text)}
.btn-close{filter:invert(1)}
.age-symbol{
 width:62px;
 height:62px;
 display:grid;
 place-items:center;
 margin-bottom:20px;
 border:1px solid var(--coral);
 border-radius:18px;
 background:rgba(240,79,95,.1);
 color:#fff;
 font-size:21px;
 font-weight:900;
}
@media (max-width:1199.98px){
 .mega-panel{left:auto;right:-140px;transform:translateY(8px)}
 .has-mega:hover .mega-panel,.has-mega:focus-within .mega-panel{transform:translateY(0)}
 .feature-card{grid-template-columns:.92fr 1.08fr}
 .footer-grid{grid-template-columns:1.1fr .7fr .7fr 1fr;gap:28px}
}
@media (max-width:991.98px){
 .site-container{width:min(100% - 40px,1280px)}
 .navbar-collapse{
  margin-top:12px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--surface);
 }
 .navbar-nav{align-items:stretch!important}
 .nav-link{min-height:44px;display:flex;align-items:center}
 .nav-link.active::after{left:14px;right:auto;width:26px}
 .mega-panel{
  position:static;
  width:100%;
  margin:4px 0 10px;
  padding:12px;
  opacity:1;
  visibility:visible;
  transform:none!important;
  box-shadow:none;
  background:rgba(17,19,21,.45);
 }
 .mega-panel .mega-mini{display:none}
 .age-link{width:100%}
 .category-hero{min-height:auto;padding:72px 0 66px}
 .hero-summary{margin-top:30px}
 .catalog-section{padding-top:35px}
 .side-stack{position:static;margin-top:28px;grid-template-columns:1fr 1fr}
 .process-track{grid-template-columns:1fr}
 .faq-wrap{grid-template-columns:1fr;gap:35px}
 .cta-console{grid-template-columns:1fr}
 .cta-console::after{display:none}
 .cta-actions{justify-content:flex-start}
 .cta-age{text-align:left}
 .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:767.98px){
 .site-container{width:min(100% - 32px,1280px)}
 .section{padding:64px 0}
 .hero-heading{font-size:clamp(34px,9vw,44px)}
 .filter-section{margin-top:-18px}
 .filter-panel{padding:19px}
 .filter-row{grid-template-columns:1fr;gap:8px;padding:14px 0}
 .filter-label{padding-top:0}
 .filter-bottom{align-items:stretch;flex-direction:column}
 .sort-select{width:100%}
 .catalog-head{align-items:flex-start;flex-direction:column;gap:8px}
 .feature-card{grid-template-columns:1fr}
 .feature-card .poster-art{aspect-ratio:16/10;min-height:0}
 .feature-body{padding:26px}
 .compact-grid{grid-template-columns:1fr}
 .side-stack{grid-template-columns:1fr}
 .process-map,.process-aside{padding:26px}
 .cta-console{padding:28px}
 .footer-grid{grid-template-columns:1fr 1fr;gap:35px 24px}
 .footer-bottom{flex-direction:column}
}
@media (max-width:575.98px){
 .site-container{width:min(100% - 28px,1280px)}
 body{font-size:15px}
 .brand{min-width:0;font-size:14px;letter-spacing:-.035em}
 .brand-mark{width:30px;height:30px;flex-basis:30px}
 .category-hero{padding:54px 0 50px}
 .hero-heading{font-size:35px}
 .hero-summary{padding:19px}
 .filter-options{flex-wrap:nowrap;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:thin}
 .filter-chip{flex:0 0 auto}
 .feature-body,.catalog-card-body{padding:22px}
 .card-title{font-size:24px}
 .meta-list{gap:5px 13px}
 .pagination .page-item.mobile-hide{display:none}
 .process-step{grid-template-columns:42px 1fr}
 .step-num{width:40px;height:40px}
 .cta-actions{display:grid;grid-template-columns:1fr;width:100%}
 .cta-actions .btn{width:100%}
 .footer-grid{grid-template-columns:1fr}
 .footer-bottom{margin-top:36px}
}
@media (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{
  animation-duration:.01ms!important;
  animation-iteration-count:1!important;
  transition-duration:.01ms!important;
  scroll-behavior:auto!important;
 }
}