/* roulang page: index */
:root{
      --primary:#682846;
      --primary-dark:#351527;
      --primary-soft:#f4e6eb;
      --accent:#e7a46f;
      --accent-light:#fff0df;
      --coral:#d87968;
      --surface:#fbf7f2;
      --surface-2:#f3ebe5;
      --paper:#fffdf9;
      --text:#2b2024;
      --muted:#796b6f;
      --line:#e8dcd7;
      --success:#56816a;
      --shadow:0 18px 48px rgba(70,35,48,.10);
      --shadow-sm:0 8px 24px rgba(70,35,48,.08);
      --radius:18px;
      --radius-sm:11px;
      --container:1200px;
    }
    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{
      background:var(--surface);
      color:var(--text);
      font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;
      font-size:16px;
      line-height:1.75;
      -webkit-font-smoothing:antialiased;
    }
    a{color:inherit;text-decoration:none}
    button,input,select{font:inherit}
    button{cursor:pointer;border:0}
    img{display:block;max-width:100%}
    .container{width:min(var(--container),calc(100% - 40px));margin:0 auto}
    .eyebrow{
      display:inline-flex;align-items:center;gap:8px;
      color:var(--primary);font-size:13px;font-weight:800;letter-spacing:.08em;
    }
    .eyebrow:before{content:"";width:24px;height:2px;background:var(--accent);display:block}
    .section-head{max-width:680px;margin-bottom:38px}
    .section-head h2{font-size:clamp(28px,4vw,42px);line-height:1.2;letter-spacing:-.04em;margin:12px 0 15px}
    .section-head p{color:var(--muted);font-size:16px}
    .site-header{
      height:74px;background:rgba(255,253,249,.94);border-bottom:1px solid var(--line);
      position:sticky;top:0;z-index:20;backdrop-filter:blur(12px);
    }
    .nav-wrap{height:100%;display:flex;align-items:center;gap:28px}
    .brand{display:flex;align-items:center;gap:10px;min-width:265px}
    .brand-mark{
      width:34px;height:34px;border-radius:10px;background:var(--primary);
      display:grid;place-items:center;color:var(--accent-light);font-weight:900;font-size:13px;
    }
    .brand-name{font-weight:850;line-height:1.15;font-size:15px;letter-spacing:-.03em}
    .brand-name small{display:block;color:var(--muted);font-size:10px;letter-spacing:.1em;margin-top:3px}
    .nav-links{display:flex;align-items:center;gap:5px;flex:1}
    .nav-links a{padding:9px 13px;border-radius:9px;color:var(--muted);font-size:14px;transition:.2s}
    .nav-links a:hover,.nav-links a.active{color:var(--primary);background:var(--primary-soft)}
    .nav-links a.active{font-weight:800}
    .nav-tools{display:flex;align-items:center;gap:13px;white-space:nowrap}
    .age-status{font-size:12px;color:var(--success);display:flex;align-items:center;gap:6px}
    .status-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px #e7f0e9}
    .icon-btn{width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--primary);transition:.2s}
    .icon-btn:hover{border-color:var(--primary);transform:translateY(-2px)}
    .btn{
      display:inline-flex;align-items:center;justify-content:center;gap:9px;
      min-height:45px;padding:0 18px;border-radius:12px;font-weight:800;font-size:14px;
      transition:transform .2s,box-shadow .2s,background .2s;color:var(--paper);
    }
    .btn:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(74,25,49,.18)}
    .btn:focus,.icon-btn:focus,.filter-btn:focus{outline:3px solid rgba(216,121,104,.28);outline-offset:2px}
    .btn-primary{background:var(--primary)}
    .btn-primary:hover{background:var(--primary-dark)}
    .btn-light{background:var(--accent);color:var(--primary-dark)}
    .btn-outline{color:var(--primary);border:1px solid #cdaab8;background:transparent}
    .btn-outline:hover{background:var(--primary-soft)}
    .menu-btn{display:none}
    .hero{padding:72px 0 88px;background:linear-gradient(110deg,#f8ede8 0%,#fbf7f2 58%,#f3e5e7 100%);overflow:hidden}
    .hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:center}
    .hero h1{font-size:clamp(39px,5.2vw,63px);line-height:1.1;letter-spacing:-.065em;margin:18px 0 22px;max-width:680px}
    .hero h1 em{font-style:normal;color:var(--primary)}
    .hero-copy{font-size:17px;color:var(--muted);max-width:620px;line-height:1.9}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 25px}
    .hero-note{font-size:12px;color:var(--muted);display:flex;gap:9px;align-items:center}
    .hero-note b{color:var(--success)}
    .preference-panel{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:27px;box-shadow:var(--shadow);position:relative}
    .panel-top{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:21px}
    .panel-top h3{font-size:20px}
    .panel-top p{font-size:12px;color:var(--muted);margin-top:3px}
    .panel-state{font-size:11px;color:var(--success);background:#edf5ee;padding:5px 9px;border-radius:20px}
    .field-label{font-size:12px;color:var(--muted);font-weight:800;margin-bottom:8px;display:block}
    .choice-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
    .filter-btn{padding:8px 12px;background:var(--surface);border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:13px;transition:.2s}
    .filter-btn:hover,.filter-btn.selected{border-color:var(--primary);background:var(--primary-soft);color:var(--primary);font-weight:700}
    .panel-bottom{border-top:1px solid var(--line);padding-top:17px;margin-top:5px;display:flex;align-items:center;justify-content:space-between;gap:12px}
    .panel-bottom small{color:var(--muted);font-size:11px;line-height:1.5}
    .poster-strip{display:flex;gap:9px;margin-top:23px}
    .poster{height:64px;flex:1;border-radius:10px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.5)}
    .poster:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(64,22,45,.05),rgba(50,16,31,.65))}
    .poster span{position:absolute;z-index:1;bottom:7px;left:9px;color:#fff;font-size:11px;font-weight:700}
    .poster.one{background:linear-gradient(135deg,#c78b71,#5d2848)}
    .poster.two{background:linear-gradient(135deg,#b8a08a,#3e3040)}
    .poster.three{background:linear-gradient(135deg,#e1b18b,#7c4050)}
    section{padding:94px 0}
    .countdown{padding:28px 0;background:var(--primary);color:#fff}
    .count-wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}
    .count-copy strong{font-size:19px;display:block}.count-copy span{font-size:13px;color:#dbc5ce}
    .count-boxes{display:flex;gap:10px}
    .count-box{min-width:64px;text-align:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);padding:7px 9px;border-radius:10px}
    .count-box b{font-size:24px;display:block;line-height:1.2}.count-box small{font-size:11px;color:#e5cbd4}
    .highlights{background:var(--paper)}
    .highlight-wall{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:170px 170px;gap:15px}
    .highlight{border-radius:16px;padding:24px;position:relative;overflow:hidden;background:var(--surface-2);border:1px solid var(--line)}
    .highlight.large{grid-row:span 2;background:var(--primary);color:#fff}
    .highlight.accent{background:var(--accent-light)}
    .highlight h3{font-size:20px;margin:9px 0 7px}.highlight p{font-size:13px;color:var(--muted);line-height:1.65}.highlight.large p{color:#e9d8de}
    .highlight-number{font-size:12px;color:var(--accent);font-weight:900;letter-spacing:.1em}
    .highlight.large .orb{position:absolute;width:180px;height:180px;border-radius:50%;right:-45px;bottom:-50px;border:22px solid rgba(231,164,111,.22)}
    .comparison{background:var(--surface)}
    .compare-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:start}
    .compare-intro{padding-top:15px}.compare-intro h2{font-size:36px;line-height:1.25;margin:12px 0 17px}
    .compare-intro p{color:var(--muted)}
    .compare-table{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:var(--paper)}
    .compare-row{display:grid;grid-template-columns:1.1fr 1fr 1fr;padding:17px 20px;border-bottom:1px solid var(--line);align-items:center;font-size:14px}
    .compare-row:last-child{border-bottom:0}.compare-row.head{background:var(--primary);color:#fff;font-weight:800}.compare-row span:not(:first-child){text-align:center}
    .yes{color:var(--success);font-weight:800}.limited{color:#b47a4e}
    .news{background:var(--paper)}
    .news-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:60px}
    .news-list{border-top:1px solid var(--line)}
    .news-item{display:flex;justify-content:space-between;gap:20px;padding:19px 0;border-bottom:1px solid var(--line);transition:.2s}
    .news-item:hover{padding-left:8px}.news-item h3{font-size:16px;margin-bottom:4px}.news-item p{font-size:13px;color:var(--muted)}
    .news-date{font-size:12px;color:var(--muted);white-space:nowrap}.news-side{background:var(--accent-light);border-radius:17px;padding:27px}
    .news-side h3{font-size:21px;margin-bottom:13px}.news-side p{font-size:14px;color:var(--muted);margin-bottom:20px}
    .tag{display:inline-block;padding:5px 9px;border-radius:7px;background:var(--primary-soft);color:var(--primary);font-size:11px;font-weight:800;margin:3px 3px 3px 0}
    .cta{padding:72px 0;background:var(--primary-dark);color:#fff}
    .cta-box{display:flex;align-items:center;justify-content:space-between;gap:35px}.cta h2{font-size:clamp(28px,4vw,43px);line-height:1.2;margin:12px 0}.cta p{color:#ddc8d0;max-width:670px}.cta-actions{display:flex;gap:11px;flex-wrap:wrap;justify-content:flex-end;min-width:265px}
    .faq{background:var(--surface)}
    .faq-list{max-width:850px;border-top:1px solid var(--line)}
    .faq-item{border-bottom:1px solid var(--line)}
    .faq-question{width:100%;display:flex;align-items:center;gap:16px;background:transparent;text-align:left;padding:20px 0;color:var(--text);font-weight:800}
    .faq-num{color:var(--accent);font-size:12px;width:27px}.faq-plus{margin-left:auto;color:var(--primary);font-size:24px;font-weight:400;transition:.2s}
    .faq-answer{display:none;padding:0 40px 20px 43px;color:var(--muted);font-size:14px;line-height:1.8}.faq-item.open .faq-answer{display:block}.faq-item.open .faq-plus{transform:rotate(45deg)}
    footer{background:#24151e;color:#e9dce0;padding:55px 0 25px}
    .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.15fr;gap:35px;padding-bottom:42px;border-bottom:1px solid rgba(255,255,255,.12)}
    .footer-brand{font-size:18px;font-weight:850;line-height:1.35}.footer-brand small{display:block;color:#bca8af;font-size:12px;font-weight:400;margin-top:13px;max-width:280px}
    footer h3{font-size:14px;color:#fff;margin-bottom:14px}footer li{list-style:none;color:#bca8af;font-size:13px;margin:7px 0}footer li a:hover{color:var(--accent)}
    .footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:20px;color:#a9939c;font-size:12px}
    .age-modal{position:fixed;inset:0;background:rgba(35,16,26,.74);z-index:50;display:grid;place-items:center;padding:20px}
    .age-card{max-width:440px;background:var(--paper);border-radius:20px;padding:35px;text-align:center;box-shadow:0 25px 80px rgba(0,0,0,.28)}
    .age-card .brand-mark{margin:0 auto 18px}.age-card h2{font-size:27px;margin-bottom:10px}.age-card p{color:var(--muted);font-size:14px;line-height:1.8}.age-actions{display:flex;gap:10px;margin-top:24px}.age-actions .btn{flex:1}
    @media(max-width:1100px){.brand{min-width:220px}.nav-links a{padding:8px 8px}.hero-grid{gap:35px}}
    @media(max-width:900px){.nav-links{display:none}.menu-btn{display:block}.nav-tools{margin-left:auto}.hero-grid,.compare-layout,.news-layout{grid-template-columns:1fr}.hero{padding-top:55px}.hero-copy{max-width:700px}.preference-panel{max-width:680px}.footer-grid{grid-template-columns:1fr 1fr}.cta-box{align-items:flex-start;flex-direction:column}.cta-actions{justify-content:flex-start}}
    @media(max-width:600px){.container{width:min(100% - 36px,var(--container))}.site-header{height:66px}.brand{min-width:0;flex:1}.brand-name{font-size:13px}.brand-name small{display:none}.age-status{font-size:0}.hero{padding:48px 0 60px}.hero h1{font-size:40px}.hero-actions,.hero-actions .btn{width:100%}.hero-actions .btn{flex:1}.preference-panel{padding:20px}.choice-row{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.choice-row .filter-btn{white-space:nowrap}.count-wrap{align-items:flex-start;flex-direction:column}.count-boxes{width:100%;justify-content:space-between}.count-box{flex:1;min-width:0}.highlight-wall{display:flex;flex-direction:column}.highlight{min-height:145px}.highlight.large{min-height:205px}.compare-layout{gap:28px}.compare-table{overflow-x:auto}.compare-row{min-width:540px}.news-item{align-items:flex-start;flex-direction:column;gap:5px}.cta{padding:57px 0}.cta-actions,.cta-actions .btn{width:100%}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.age-card{padding:28px 21px}.age-actions{flex-direction:column}}

/* roulang page: category1 */
:root{
 --primary:#682846;
 --primary-dark:#351527;
 --primary-soft:#f4e6eb;
 --accent:#e7a46f;
 --accent-light:#fff0df;
 --coral:#d87968;
 --surface:#fbf7f2;
 --surface-2:#f3ebe5;
 --paper:#fffdf9;
 --text:#2b2024;
 --muted:#796b6f;
 --line:#e8dcd7;
 --success:#56816a;
 --shadow:0 18px 48px rgba(70,35,48,.10);
 --shadow-sm:0 8px 24px rgba(70,35,48,.08);
 --radius:18px;
 --radius-sm:11px;
 --container:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
 margin:0;background:var(--surface);color:var(--text);
 font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;
 font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;
}
body.modal-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button{cursor:pointer;border:0}
img{display:block;max-width:100%}
.container{width:min(var(--container),calc(100% - 40px));margin:0 auto}
.site-header{
 height:74px;background:rgba(255,253,249,.95);border-bottom:1px solid var(--line);
 position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)
}
.nav-wrap{height:100%;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:10px;min-width:265px}
.brand-mark{
 width:34px;height:34px;border-radius:10px;background:var(--primary);
 display:grid;place-items:center;color:var(--accent-light);font-weight:900;font-size:13px
}
.brand-name{font-weight:850;line-height:1.15;font-size:15px;letter-spacing:-.03em}
.brand-name small{display:block;color:var(--muted);font-size:10px;letter-spacing:.1em;margin-top:3px}
.nav-links{display:flex;align-items:center;gap:5px;flex:1}
.nav-links a{padding:9px 13px;border-radius:9px;color:var(--muted);font-size:14px;transition:.2s}
.nav-links a:hover,.nav-links a.active{color:var(--primary);background:var(--primary-soft)}
.nav-links a.active{font-weight:800}
.nav-tools{display:flex;align-items:center;gap:13px;white-space:nowrap}
.age-status{font-size:12px;color:var(--success);font-weight:800;display:flex;align-items:center;gap:6px}
.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px rgba(86,129,106,.12)}
.icon-btn{width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--primary);transition:.2s}
.icon-btn:hover{border-color:var(--primary);transform:translateY(-2px)}
.menu-btn{display:none}
.btn{
 display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:45px;
 padding:0 18px;border-radius:12px;font-weight:800;font-size:14px;transition:transform .2s,box-shadow .2s,background .2s;color:var(--paper)
}
.btn:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(74,25,49,.18)}
.btn:focus,.icon-btn:focus,.filter-btn:focus,select:focus{outline:3px solid rgba(216,121,104,.28);outline-offset:2px}
.btn-primary{background:var(--primary)}
.btn-primary:hover{background:var(--primary-dark)}
.btn-light{background:var(--accent);color:var(--primary-dark)}
.btn-outline{color:var(--primary);border:1px solid #cdaab8;background:transparent}
.btn-outline:hover{background:var(--primary-soft)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-size:13px;font-weight:800;letter-spacing:.08em}
.eyebrow:before{content:"";width:24px;height:2px;background:var(--accent);display:block}
.page-hero{
 padding:68px 0 62px;
 background:linear-gradient(112deg,#f8ede8 0%,#fbf7f2 58%,#f3e5e7 100%);
 border-bottom:1px solid var(--line)
}
.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:23px}
.breadcrumb a{color:var(--primary)}
.page-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end}
.page-hero h1{font-size:clamp(36px,5vw,58px);line-height:1.12;letter-spacing:-.06em;margin:15px 0 20px;max-width:720px}
.page-hero h1 em{font-style:normal;color:var(--primary)}
.page-hero p{font-size:17px;color:var(--muted);max-width:700px;line-height:1.9;margin:0}
.hero-summary{
 background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
 padding:22px;box-shadow:var(--shadow-sm)
}
.summary-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:16px}
.summary-top strong{font-size:15px}
.live-label{font-size:12px;color:var(--success);font-weight:800}
.live-label:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--success);margin-right:6px}
.summary-row{display:flex;justify-content:space-between;gap:16px;padding:7px 0;font-size:13px}
.summary-row span{color:var(--muted)}
.summary-row b{color:var(--primary)}
section{padding:88px 0}
.workspace{padding-top:54px}
.section-head{max-width:720px;margin-bottom:32px}
.section-head h2{font-size:clamp(28px,4vw,40px);line-height:1.2;letter-spacing:-.04em;margin:12px 0 14px}
.section-head p{color:var(--muted);font-size:16px;margin:0}
.filter-panel{
 background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
 padding:24px;box-shadow:var(--shadow-sm);margin-bottom:45px
}
.filter-line{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding:13px 0;border-bottom:1px solid var(--line)}
.filter-line:last-child{border-bottom:0;padding-bottom:0}
.filter-label{font-size:13px;color:var(--muted);font-weight:800;width:75px;flex:none}
.filter-options{display:flex;gap:8px;flex-wrap:wrap}
.filter-btn{
 padding:8px 13px;background:var(--surface);border:1px solid var(--line);border-radius:9px;
 color:var(--muted);font-size:13px;transition:.2s
}
.filter-btn:hover,.filter-btn.selected{border-color:var(--primary);background:var(--primary-soft);color:var(--primary);font-weight:700}
.filter-select{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:9px;padding:8px 32px 8px 12px;min-width:150px}
.filter-note{margin-left:auto;font-size:12px;color:var(--success)}
.result-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:24px;align-items:start}
.feature-card,.compact-card,.timeline,.empty-box{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.feature-card{overflow:hidden}
.cover{
 position:relative;min-height:295px;overflow:hidden;
 background:
 radial-gradient(circle at 75% 22%,rgba(231,164,111,.72),transparent 22%),
 linear-gradient(135deg,#3b172e 0%,#722f4c 48%,#d87968 100%);
}
.cover:after{content:"18+";position:absolute;right:22px;top:20px;color:#fff;background:rgba(53,21,39,.72);padding:4px 9px;border-radius:7px;font-size:11px;font-weight:800}
.cover-lines{position:absolute;inset:25px;border:1px solid rgba(255,255,255,.35);border-radius:15px}
.cover-title{position:absolute;left:28px;bottom:26px;color:#fff;font-size:28px;font-weight:850;line-height:1.2;max-width:260px}
.feature-content{padding:24px}
.card-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.tag{display:inline-block;padding:5px 9px;border-radius:7px;background:var(--primary-soft);color:var(--primary);font-size:11px;font-weight:800}
.tag.warm{background:var(--accent-light);color:#985c37}
.feature-content h3{margin:0 0 8px;font-size:21px}
.feature-content p{margin:0 0 19px;color:var(--muted);font-size:14px}
.card-actions{display:flex;align-items:center;gap:10px}
.text-btn{color:var(--primary);font-size:13px;font-weight:800;margin-left:auto}
.text-btn:hover{color:var(--coral)}
.compact-stack{display:grid;gap:14px}
.compact-card{padding:17px;display:grid;grid-template-columns:112px 1fr;gap:16px;transition:.22s}
.compact-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.mini-cover{min-height:120px;border-radius:12px;background:linear-gradient(145deg,#351527,#9b4d62 55%,#e7a46f);position:relative;overflow:hidden}
.mini-cover.alt{background:linear-gradient(145deg,#392a42,#8b526b 55%,#d87968)}
.mini-cover.soft{background:linear-gradient(145deg,#5b2e43,#bf766c 55%,#f0bd83)}
.mini-cover span{position:absolute;left:10px;bottom:9px;color:#fff;font-size:12px;font-weight:800}
.compact-card h3{font-size:16px;line-height:1.35;margin:3px 0 6px}
.compact-card p{color:var(--muted);font-size:12px;line-height:1.6;margin:0 0 9px}
.card-foot{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}
.card-foot b{color:var(--success)}
.more-row{text-align:center;margin-top:32px}
.more-row .btn{min-width:170px}
.update-area{background:var(--surface-2)}
.update-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}
.index-number{font-size:clamp(70px,10vw,126px);line-height:.9;font-weight:900;color:var(--primary);letter-spacing:-.08em}
.index-caption{color:var(--muted);font-size:14px;margin-top:20px;max-width:230px}
.timeline{padding:8px 25px}
.timeline-item{display:grid;grid-template-columns:100px 1fr auto;gap:20px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line)}
.timeline-item:last-child{border-bottom:0}
.timeline-date{font-size:12px;color:var(--muted)}
.timeline-title{font-weight:800;font-size:15px}
.timeline-title small{display:block;color:var(--muted);font-size:12px;font-weight:400}
.status{font-size:11px;color:var(--success);font-weight:800}
.status:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--success);margin-right:5px}
.empty-box{padding:25px;text-align:center;margin-top:18px;color:var(--muted);font-size:14px}
.faq{background:var(--surface)}
.faq-list{max-width:850px;border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-question{width:100%;display:flex;align-items:center;gap:16px;background:transparent;text-align:left;padding:20px 0;color:var(--text);font-weight:800}
.faq-num{color:var(--accent);font-size:12px;width:27px}
.faq-plus{margin-left:auto;color:var(--primary);font-size:24px;font-weight:400;transition:.2s}
.faq-answer{display:none;padding:0 40px 20px 43px;color:var(--muted);font-size:14px;line-height:1.8}
.faq-item.open .faq-answer{display:block}
.faq-item.open .faq-plus{transform:rotate(45deg)}
.cta{padding:72px 0;background:var(--primary-dark);color:#fff}
.cta-box{display:flex;align-items:center;justify-content:space-between;gap:35px}
.cta h2{font-size:clamp(28px,4vw,43px);line-height:1.2;margin:12px 0}
.cta p{color:#ddc8d0;max-width:690px;margin:0}
.cta-actions{display:flex;gap:11px;flex-wrap:wrap;justify-content:flex-end;min-width:250px}
.compliance{font-size:12px!important;color:#c9aeb9!important;margin-top:15px!important}
footer{background:#24151e;color:#e9dce0;padding:55px 0 25px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.15fr;gap:35px;padding-bottom:42px;border-bottom:1px solid rgba(255,255,255,.13)}
.footer-brand{font-size:20px;font-weight:850;line-height:1.35;color:#fff}
.footer-brand small{display:block;color:#bca7ae;font-size:12px;line-height:1.8;font-weight:400;margin-top:15px;max-width:300px}
footer h3{font-size:14px;color:#fff;margin:0 0 14px}
footer ul{list-style:none;padding:0;margin:0}
footer li{font-size:13px;color:#bca7ae;margin:8px 0}
footer a{transition:.2s}
footer a:hover{color:var(--accent)}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:22px;color:#9e858e;font-size:11px}
.age-overlay{position:fixed;inset:0;background:rgba(35,16,28,.78);z-index:60;display:grid;place-items:center;padding:20px}
.age-card{background:var(--paper);border-radius:20px;max-width:450px;width:100%;padding:34px;box-shadow:0 25px 80px rgba(20,8,15,.3);text-align:center}
.age-card .brand-mark{margin:0 auto 18px}
.age-card h2{margin:0 0 12px;font-size:27px;color:var(--primary)}
.age-card p{color:var(--muted);font-size:14px;margin:0 0 24px}
.age-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.age-actions .btn{min-width:175px}
@media(max-width:1200px){.nav-wrap{gap:18px}.brand{min-width:230px}.page-hero-grid{gap:35px}}
@media(max-width:992px){.nav-links a{padding:8px 8px;font-size:13px}.age-status{display:none}.page-hero-grid,.result-layout,.update-grid{grid-template-columns:1fr}.page-hero-grid{align-items:start}.hero-summary{max-width:540px}.update-grid{gap:30px}}
@media(max-width:768px){
 .container{width:min(var(--container),calc(100% - 36px))}
 .site-header{height:68px}.nav-wrap{gap:10px}.brand{min-width:0;flex:1}.brand-name{font-size:13px}.brand-name small{font-size:9px}
 .nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:12px 18px;box-shadow:var(--shadow-sm);flex-direction:column;align-items:stretch}
 .nav-links.show{display:flex}.nav-links a{padding:12px}.nav-tools{gap:7px}.nav-tools .btn{display:none}.menu-btn{display:block}
 .page-hero{padding:47px 0 48px}.page-hero h1{font-size:39px}.page-hero p{font-size:15px}
 section{padding:64px 0}.workspace{padding-top:40px}.filter-panel{padding:17px}.filter-line{align-items:flex-start}.filter-label{width:100%}.filter-options{overflow-x:auto;flex-wrap:nowrap;max-width:100%;padding-bottom:3px}.filter-btn{white-space:nowrap}
 .timeline-item{grid-template-columns:74px 1fr}.timeline-item .status{grid-column:2}.cta-box{display:block}.cta-actions{justify-content:flex-start;margin-top:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}
}
@media(max-width:520px){
 .brand-mark{width:31px;height:31px;font-size:12px}.brand-name{max-width:190px}.icon-btn{width:32px;height:32px}
 .page-hero h1{font-size:34px}.hero-summary{padding:18px}.section-head h2{font-size:29px}
 .compact-card{grid-template-columns:88px 1fr;gap:12px;padding:13px}.mini-cover{min-height:112px}.compact-card h3{font-size:14px}
 .feature-content{padding:19px}.cover{min-height:235px}.cover-title{font-size:23px;left:22px}
 .footer-grid{grid-template-columns:1fr}.age-card{padding:27px 21px}.age-actions .btn{width:100%}
}