/* roulang page: index */
:root {
      --plum:#4D1F52;
      --berry:#C43870;
      --coral:#FF9270;
      --ink:#1B1420;
      --text:#251C25;
      --muted:#766976;
      --mist:#F8F3F5;
      --card:#FFFDFE;
      --line:#eadfe7;
      --shadow:0 18px 55px rgba(77,31,82,.12);
      --radius-xl:30px;
      --radius-lg:24px;
    }
    *,*::before,*::after{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--mist);color:var(--text);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;line-height:1.75}
    a{text-decoration:none;color:inherit}
    button,input{font:inherit}
    button{cursor:pointer}
    img{max-width:100%;display:block}
    .container{width:min(1200px,calc(100% - 48px));margin-inline:auto}
    .brand-line{height:78px;background:rgba(255,253,254,.92);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40;backdrop-filter:blur(12px)}
    .brand-mark{display:inline-flex;align-items:center;gap:11px;font-size:20px;font-weight:900;color:var(--plum);letter-spacing:-.04em}
    .brand-icon{width:35px;height:35px;border-radius:12px;background:linear-gradient(135deg,var(--plum),var(--berry) 65%,var(--coral));position:relative;box-shadow:0 8px 20px rgba(196,56,112,.25)}
    .brand-icon:after{content:"";position:absolute;width:11px;height:11px;border-radius:50%;background:#fff;left:12px;top:12px}
    .top-action{border:1px solid #dbc9d9;color:var(--plum);padding:9px 16px;border-radius:14px;font-size:14px;font-weight:700;transition:.2s}
    .top-action:hover{border-color:var(--berry);color:var(--berry);transform:translateY(-2px)}
    .icon-nav{background:#fffdfecf;border-bottom:1px solid var(--line)}
    .nav-item{display:flex;align-items:center;justify-content:center;gap:8px;min-height:58px;padding:8px 16px;color:var(--muted);font-size:14px;font-weight:700;border-bottom:3px solid transparent;transition:.2s}
    .nav-item svg{width:18px;height:18px}
    .nav-item:hover{color:var(--berry);background:#fff7fa}
    .nav-item.active{color:var(--plum);border-bottom-color:var(--berry);background:linear-gradient(180deg,#fff,#fff2f6)}
    .nav-item.active svg{color:var(--berry)}
    .mobile-menu{display:none}
    .hero{position:relative;overflow:hidden;padding:56px 0 42px;background:radial-gradient(circle at 86% 12%,rgba(255,146,112,.22),transparent 27%),radial-gradient(circle at 10% 40%,rgba(196,56,112,.12),transparent 30%),var(--mist)}
    .hero:before{content:"";position:absolute;width:530px;height:530px;border:1px solid rgba(196,56,112,.12);border-radius:50%;right:-190px;top:-220px}
    .hero-copy{max-width:680px}
    .eyebrow,.pill{display:inline-flex;align-items:center;gap:7px;border-radius:12px;padding:6px 11px;background:#fff2f5;color:var(--berry);font-size:13px;font-weight:800}
    h1{font-size:clamp(38px,5.5vw,64px);line-height:1.12;letter-spacing:-.065em;margin:18px 0 18px;font-weight:900;color:var(--ink)}
    .hero-intro{font-size:17px;color:var(--muted);max-width:650px}
    .btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:15px;font-size:15px;font-weight:800;transition:.25s;border:1px solid transparent}
    .btn-primary{background:linear-gradient(110deg,var(--plum),var(--berry));color:#fff;box-shadow:0 12px 25px rgba(196,56,112,.22)}
    .btn-primary:hover{filter:brightness(1.08);transform:translateY(-3px)}
    .btn-primary:active,.btn-secondary:active{transform:translateY(0)}
    .btn-secondary{background:#fff;color:var(--plum);border-color:#d9c8d8}
    .btn-secondary:hover{border-color:var(--berry);color:var(--berry);transform:translateY(-3px)}
    .hero-visual{min-height:390px;border-radius:var(--radius-xl);background:linear-gradient(145deg,#29172e,#60234f 56%,#bd456f);position:relative;overflow:hidden;box-shadow:var(--shadow)}
    .hero-visual:before{content:"";position:absolute;inset:28px;border:1px solid rgba(255,255,255,.18);border-radius:24px;transform:rotate(-6deg)}
    .hero-visual:after{content:"999";position:absolute;right:-5px;bottom:-52px;font-size:190px;line-height:1;font-weight:900;color:rgba(255,255,255,.07)}
    .visual-title{position:absolute;left:30px;top:34px;color:#fff;font-size:30px;line-height:1.25;font-weight:900;max-width:220px}
    .visual-number{position:absolute;right:28px;top:30px;color:#ffd4c8;font-weight:900;font-size:13px;letter-spacing:.16em}
    .visual-orbit{position:absolute;width:230px;height:230px;border:1px solid rgba(255,255,255,.24);border-radius:50%;right:35px;bottom:44px}
    .visual-orbit:before{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:var(--coral);left:18px;top:28px;box-shadow:0 0 0 10px rgba(255,146,112,.13)}
    .visual-card{position:absolute;left:30px;bottom:28px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.23);border-radius:18px;padding:14px 16px;color:#fff;width:220px}
    .visual-card strong{display:block;font-size:22px}
    .sticker{position:absolute;right:-14px;top:106px;background:var(--coral);color:var(--ink);padding:12px 15px;border-radius:15px;font-size:13px;font-weight:900;transform:rotate(8deg);box-shadow:0 12px 25px rgba(27,20,32,.22)}
    .stat-rail{border-top:1px solid var(--line);margin-top:36px;padding-top:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .stat-item{display:flex;gap:10px;align-items:baseline}
    .stat-item strong{font-size:25px;color:var(--plum);letter-spacing:-.04em}
    .stat-item span{font-size:13px;color:var(--muted)}
    .section{padding:92px 0}
    .section-heading{max-width:650px;margin-bottom:38px}
    .section-heading h2{font-size:clamp(30px,4vw,44px);line-height:1.2;letter-spacing:-.055em;margin:10px 0 13px;color:var(--ink);font-weight:900}
    .section-heading p{color:var(--muted);font-size:16px}
    .solution-grid{display:grid;grid-template-columns: .8fr 1.6fr;gap:52px;align-items:start}
    .chapter-index{position:sticky;top:120px}
    .chapter-index .big-no{font-size:92px;line-height:1;color:#e4d5e1;font-weight:900}
    .step-stack{display:grid;gap:16px}
    .step-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px 27px;display:grid;grid-template-columns:58px 1fr auto;gap:18px;align-items:center;box-shadow:0 8px 30px rgba(77,31,82,.05);transition:.25s}
    .step-card:first-child{padding:31px 27px}
    .step-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#d7b6ca}
    .step-no{width:48px;height:48px;border-radius:16px;background:#f6e7ef;color:var(--berry);display:grid;place-items:center;font-weight:900}
    .step-card h3{margin:0 0 4px;font-size:20px;color:var(--plum)}
    .step-card p{margin:0;color:var(--muted);font-size:14px}
    .step-arrow{color:var(--berry);font-size:25px}
    .dark-section{background:var(--ink);color:#fff;padding:92px 0;position:relative;overflow:hidden}
    .dark-section:after{content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(255,146,112,.15);border-radius:50%;right:-220px;top:-200px}
    .dark-section .section-heading h2{color:#fff}.dark-section .section-heading p{color:#c9b9c7}
    .result-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}
    .result-main,.metric,.quote-card{border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.13);background:#2a1b2d}
    .result-main{padding:32px;min-height:300px;position:relative;overflow:hidden}
    .result-main:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-100px;bottom:-130px;background:rgba(196,56,112,.35)}
    .result-main h3{font-size:28px;line-height:1.3;margin:16px 0 12px;position:relative}
    .result-main p{color:#c9b9c7;max-width:520px;position:relative}
    .progress{height:8px;background:#49334b;border-radius:10px;overflow:hidden;margin-top:35px;position:relative}
    .progress span{display:block;height:100%;width:76%;border-radius:10px;background:linear-gradient(90deg,var(--berry),var(--coral))}
    .metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
    .metric{padding:22px}.metric strong{display:block;font-size:30px;color:#ffd1c2}.metric span{color:#c9b9c7;font-size:13px}
    .wall{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:start}
    .quote-card{padding:27px;background:#fff;color:var(--text);border:1px solid var(--line);box-shadow:0 8px 25px rgba(77,31,82,.07)}
    .quote-card.large{background:linear-gradient(135deg,var(--plum),var(--berry));color:#fff;min-height:240px}
    .quote-mark{font-size:55px;line-height:.8;color:var(--coral);font-weight:900}
    .quote-card p{font-size:16px;margin:15px 0}
    .quote-card small{color:var(--muted)}.quote-card.large small{color:#f5dce7}
    .quote-column{display:grid;gap:18px}
    .cta-box{border-radius:32px;padding:48px;background:linear-gradient(115deg,var(--plum),var(--berry) 70%,var(--coral));color:#fff;position:relative;overflow:hidden}
    .cta-box:after{content:"999久久";position:absolute;right:-20px;bottom:-48px;font-weight:900;font-size:130px;color:rgba(255,255,255,.08)}
    .cta-box h2{font-size:clamp(28px,4vw,43px);line-height:1.2;margin:0 0 14px;letter-spacing:-.05em;position:relative;z-index:1}
    .cta-box p{max-width:600px;color:#f9e6ed;position:relative;z-index:1}
    .cta-box .btn-secondary{position:relative;z-index:1}
    .faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}
    details{border-bottom:1px solid var(--line);padding:18px 0}
    summary{cursor:pointer;list-style:none;font-weight:800;color:var(--plum);display:flex;justify-content:space-between;gap:20px}
    summary::-webkit-details-marker{display:none}
    summary:after{content:"+";font-size:24px;color:var(--berry);line-height:1}
    details[open]{background:#fff6f8;border-radius:15px;padding:18px 20px;border:1px solid #f0dce5;margin-bottom:10px}
    details[open] summary:after{content:"−"}
    details p{color:var(--muted);font-size:14px;margin:10px 30px 0 0}
    footer{background:var(--ink);color:#fff;padding:54px 0 22px}
    .footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px;padding-bottom:42px;border-bottom:1px solid rgba(255,255,255,.13)}
    footer .brand-mark{color:#fff}footer p,footer a{color:#bcaebd;font-size:14px}footer a:hover{color:var(--coral)}
    .footer-title{font-size:14px;font-weight:800;color:#fff;margin-bottom:13px}
    .footer-links{display:grid;gap:7px}
    .copyright{display:flex;justify-content:space-between;gap:20px;padding-top:18px;color:#9c8b9d;font-size:12px}
    .back-top{color:var(--coral);font-weight:800}
    .mobile-drawer{display:none}
    :focus-visible{outline:3px solid rgba(255,146,112,.75);outline-offset:3px}
    @media(max-width:1023px){
      .container{width:min(100% - 38px,760px)}
      .solution-grid,.faq-grid{grid-template-columns:1fr;gap:30px}
      .chapter-index{position:static}.chapter-index .big-no{font-size:60px}
      .result-layout,.wall{grid-template-columns:1fr}
      .footer-grid{grid-template-columns:1fr 1fr}
    }
    @media(max-width:639px){
      .container{width:calc(100% - 32px)}
      .brand-line{height:68px}.top-action{display:none}.brand-mark{font-size:17px}
      .desktop-nav{overflow-x:auto;justify-content:flex-start}.nav-item{min-width:104px;padding:7px 12px}
      .hero{padding:38px 0 30px}h1{font-size:40px}.hero-intro{font-size:15px}
      .hero-visual{min-height:330px;margin-top:26px}.visual-title{font-size:25px;left:23px}.visual-card{left:23px;bottom:22px}.sticker{right:4px}
      .stat-rail{gap:10px}.stat-item{display:block}.stat-item strong{display:block;font-size:21px}
      .section,.dark-section{padding:64px 0}.section-heading{margin-bottom:25px}
      .step-card,.step-card:first-child{grid-template-columns:45px 1fr;padding:20px;gap:13px}.step-arrow{display:none}
      .step-no{width:42px;height:42px}
      .metric-grid{gap:10px}.metric{padding:17px}.metric strong{font-size:24px}
      .cta-box{padding:31px 24px;border-radius:25px}.cta-box .flex{flex-direction:column;align-items:stretch}
      .footer-grid{grid-template-columns:1fr;gap:27px}.copyright{display:block}.copyright span{display:block;margin-bottom:8px}
    }
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* roulang page: category1 */
:root{
 --plum:#4D1F52;--berry:#C43870;--coral:#FF9270;--ink:#1B1420;--text:#251C25;
 --muted:#766976;--mist:#F8F3F5;--card:#FFFDFE;--line:#eadfe7;
 --shadow:0 18px 55px rgba(77,31,82,.12);--radius-xl:30px;--radius-lg:24px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--mist);color:var(--text);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;line-height:1.75}
a{text-decoration:none;color:inherit}
button,input{font:inherit}
button{cursor:pointer}
img{max-width:100%;display:block}
.container{width:min(1200px,calc(100% - 48px));margin-inline:auto}
.brand-line{height:78px;background:rgba(255,253,254,.92);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40;backdrop-filter:blur(12px)}
.brand-mark{display:inline-flex;align-items:center;gap:11px;font-size:20px;font-weight:900;color:var(--plum);letter-spacing:-.04em}
.brand-icon{width:35px;height:35px;border-radius:12px;background:linear-gradient(135deg,var(--plum),var(--berry) 65%,var(--coral));position:relative;box-shadow:0 8px 20px rgba(196,56,112,.25)}
.brand-icon:after{content:"";position:absolute;width:11px;height:11px;border-radius:50%;background:#fff;left:12px;top:12px}
.top-action,.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:15px;font-size:15px;font-weight:800;transition:.24s;border:1px solid transparent}
.top-action{padding:10px 15px;color:#fff;background:linear-gradient(110deg,var(--plum),var(--berry));box-shadow:0 8px 18px rgba(196,56,112,.18)}
.top-action:hover,.btn-primary:hover{filter:brightness(1.08);transform:translateY(-3px)}
.icon-nav{background:#fffdfecf;border-bottom:1px solid var(--line)}
.nav-item{display:flex;align-items:center;justify-content:center;gap:8px;min-height:58px;padding:8px 16px;color:var(--muted);font-size:14px;font-weight:700;border-bottom:3px solid transparent;transition:.2s}
.nav-item svg{width:18px;height:18px}
.nav-item:hover{color:var(--berry);background:#fff7fa}
.nav-item.active{color:var(--plum);border-bottom-color:var(--berry);background:linear-gradient(180deg,#fff,#fff2f6)}
.nav-item.active svg{color:var(--berry)}
.hero{position:relative;overflow:hidden;padding:42px 0 52px;background:radial-gradient(circle at 84% 15%,rgba(255,146,112,.24),transparent 28%),radial-gradient(circle at 10% 58%,rgba(196,56,112,.10),transparent 31%),var(--mist)}
.breadcrumb{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px;margin-bottom:20px}
.breadcrumb span{color:#b6a8b2}
.eyebrow,.pill,.small-badge{display:inline-flex;align-items:center;gap:7px;border-radius:12px;padding:6px 11px;background:#fff2f5;color:var(--berry);font-size:13px;font-weight:800}
.topic-head{min-height:305px;padding:42px 46px;border-radius:var(--radius-xl);background:linear-gradient(120deg,#29172e,#572249 58%,#b73f6c);position:relative;overflow:hidden;color:#fff;box-shadow:var(--shadow)}
.topic-head:before{content:"";position:absolute;width:410px;height:410px;border:1px solid rgba(255,255,255,.16);border-radius:50%;right:-95px;top:-148px}
.topic-head:after{content:"01";position:absolute;right:35px;bottom:-42px;font-size:170px;line-height:1;font-weight:900;color:rgba(255,255,255,.08)}
.topic-copy{position:relative;z-index:1;max-width:650px}
.topic-copy h1{margin:13px 0 12px;font-size:clamp(35px,5vw,57px);letter-spacing:-.06em;line-height:1.16;font-weight:900}
.topic-copy p{max-width:620px;margin:0;color:#eadce5;font-size:16px}
.topic-card-stack{position:absolute;z-index:2;right:44px;bottom:30px;width:245px}
.stack-card{padding:15px 17px;border-radius:18px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(5px)}
.stack-card + .stack-card{margin-top:11px;margin-left:-31px;background:rgba(32,18,35,.46)}
.stack-card strong{display:block;font-size:22px;line-height:1.2}
.stack-card span{font-size:13px;color:#f4dce6}
.section{padding:76px 0}
.section-heading{max-width:680px;margin-bottom:28px}
.section-heading h2{font-size:clamp(28px,4vw,40px);line-height:1.2;letter-spacing:-.055em;margin:10px 0 12px;color:var(--ink);font-weight:900}
.section-heading p{margin:0;color:var(--muted);font-size:16px}
.filter-bar{display:flex;gap:10px;overflow-x:auto;padding:3px 1px 14px;scrollbar-width:none}
.filter-bar::-webkit-scrollbar{display:none}
.filter{flex:none;border:1px solid #dfcfda;background:#fff;color:var(--muted);border-radius:14px;padding:10px 15px;font-size:14px;font-weight:800;transition:.2s}
.filter:hover{border-color:var(--berry);color:var(--berry);transform:translateY(-2px)}
.filter.active{background:linear-gradient(110deg,var(--plum),var(--berry));border-color:transparent;color:#fff;box-shadow:0 9px 20px rgba(196,56,112,.18)}
.focus-card{display:grid;grid-template-columns:1.25fr .75fr;min-height:320px;border:1px solid var(--line);border-radius:var(--radius-xl);overflow:hidden;background:var(--card);box-shadow:0 10px 36px rgba(77,31,82,.07)}
.focus-body{padding:35px 38px;display:flex;flex-direction:column;align-items:flex-start}
.focus-body h3{font-size:29px;line-height:1.27;letter-spacing:-.04em;color:var(--plum);margin:16px 0 10px}
.focus-body p{margin:0;max-width:570px;color:var(--muted);font-size:15px}
.btn-primary{padding:13px 20px;background:linear-gradient(110deg,var(--plum),var(--berry));color:#fff;box-shadow:0 12px 25px rgba(196,56,112,.22)}
.btn-secondary{padding:13px 20px;background:#fff;color:var(--plum);border-color:#d9c8d8}
.btn-secondary:hover{border-color:var(--berry);color:var(--berry);transform:translateY(-3px)}
.focus-art{position:relative;overflow:hidden;background:linear-gradient(145deg,#301b37,#753057 60%,#f07870)}
.focus-art:before{content:"";position:absolute;inset:30px;border:1px solid rgba(255,255,255,.25);border-radius:28px;transform:rotate(-9deg)}
.focus-art:after{content:"999";position:absolute;right:-22px;bottom:-55px;font-size:135px;font-weight:900;color:rgba(255,255,255,.12)}
.art-label{position:absolute;left:28px;top:28px;color:#fff;font-size:22px;line-height:1.25;font-weight:900;z-index:1}
.art-progress{position:absolute;left:28px;right:28px;bottom:30px;z-index:1}
.art-progress span{display:flex;justify-content:space-between;color:#fbe8ef;font-size:12px;margin-bottom:7px}
.art-progress i{display:block;height:7px;border-radius:9px;background:rgba(255,255,255,.23);overflow:hidden}
.art-progress i:after{content:"";display:block;width:68%;height:100%;border-radius:inherit;background:#ffb099}
.content-layout{display:grid;grid-template-columns:270px 1fr;gap:28px;align-items:start}
.index-panel{position:sticky;top:150px;border:1px solid var(--line);border-radius:var(--radius-lg);padding:23px;background:#fffdfebd}
.index-panel h3{font-size:17px;color:var(--plum);margin:0 0 14px}
.index-links{display:grid;gap:5px}
.index-links a{display:flex;justify-content:space-between;align-items:center;border-radius:12px;padding:10px 11px;color:var(--muted);font-size:14px;font-weight:700;transition:.2s}
.index-links a:hover{background:#fff1f5;color:var(--berry);padding-left:15px}
.index-links b{font-size:12px;color:#b19eac}
.content-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.topic-card{border:1px solid var(--line);background:var(--card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 8px 25px rgba(77,31,82,.05);transition:.25s}
.topic-card:hover{transform:translateY(-5px);border-color:#d9b6ca;box-shadow:var(--shadow)}
.topic-card.tall{grid-row:span 2}
.card-art{height:172px;position:relative;overflow:hidden;background:linear-gradient(135deg,#4d1f52,#c43870)}
.card-art.tall-art{height:250px;background:linear-gradient(145deg,#2a1b2d,#78325b 58%,#ff9270)}
.card-art.art-two{background:linear-gradient(145deg,#63305e,#c43870 65%,#ff9270)}
.card-art.art-three{background:linear-gradient(145deg,#38203c,#693060 55%,#d85372)}
.card-art.art-four{background:linear-gradient(145deg,#582353,#b83470 60%,#e98376)}
.card-art:before{content:"";position:absolute;width:170px;height:170px;border:1px solid rgba(255,255,255,.25);border-radius:50%;right:-32px;top:-44px}
.card-art:after{content:"";position:absolute;width:80px;height:80px;border-radius:20px;background:rgba(255,255,255,.12);left:24px;bottom:20px;transform:rotate(28deg)}
.card-no{position:absolute;z-index:2;left:20px;top:17px;color:#fff;font-size:13px;font-weight:900;letter-spacing:.08em}
.card-art-label{position:absolute;z-index:2;right:17px;bottom:16px;color:#fff;font-size:17px;font-weight:900}
.card-body{padding:20px 21px}
.card-body h3{margin:10px 0 8px;font-size:19px;line-height:1.35;letter-spacing:-.03em;color:var(--plum)}
.card-body p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}
.card-meta{display:flex;align-items:center;justify-content:space-between;margin-top:17px;padding-top:14px;border-top:1px solid #f0e6ed;color:#9a8995;font-size:13px;font-weight:700}
.card-meta b{color:var(--berry);font-size:19px;line-height:1}
.note-strip{grid-column:1/-1;padding:24px 26px;border-radius:var(--radius-lg);background:#fff1f4;border:1px solid #f0d4df;display:grid;grid-template-columns:auto 1fr;gap:17px}
.note-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--plum),var(--berry));font-weight:900}
.note-strip h3{margin:0 0 6px;font-size:18px;color:var(--plum)}
.note-strip ul{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0;padding:0;list-style:none;color:var(--muted);font-size:14px}
.note-strip li:before{content:"✓";color:var(--berry);font-weight:900;margin-right:6px}
.load-row{padding-top:31px;text-align:center}
.load-btn{padding:12px 23px;border:1px solid #d9c8d8;border-radius:15px;color:var(--plum);font-weight:800;background:#fff;transition:.2s}
.load-btn:hover{color:var(--berry);border-color:var(--berry);transform:translateY(-2px)}
.load-btn:active{transform:translateY(0)}
.compact-cta{margin-top:20px;padding:34px 38px;border-radius:var(--radius-xl);display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;color:#fff;background:linear-gradient(115deg,var(--plum),var(--berry) 69%,var(--coral));position:relative;overflow:hidden}
.compact-cta:after{content:"999";position:absolute;right:-7px;bottom:-60px;font-size:150px;font-weight:900;color:rgba(255,255,255,.1)}
.compact-cta h2{position:relative;margin:0 0 6px;font-size:28px;line-height:1.25;font-weight:900;letter-spacing:-.04em}
.compact-cta p{position:relative;margin:0;color:#f7dfe8;font-size:15px}
.compact-cta .btn-secondary{position:relative;white-space:nowrap}
.faq-section{padding:74px 0 88px}
.faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:52px}
.faq-intro h2{font-size:clamp(28px,4vw,39px);line-height:1.22;letter-spacing:-.05em;margin:9px 0 12px;color:var(--ink);font-weight:900}
.faq-intro p{color:var(--muted);margin:0}
.faq-list{display:grid;gap:12px}
.faq-list details{border:1px solid var(--line);border-radius:17px;background:#fffdfec7;transition:.2s}
.faq-list details[open]{background:#fff4f7;border-color:#e8c5d5}
.faq-list summary{list-style:none;padding:17px 48px 17px 20px;position:relative;color:var(--plum);font-size:16px;font-weight:800;cursor:pointer}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"＋";position:absolute;right:19px;top:15px;color:var(--berry);font-size:23px;font-weight:500;transition:.2s}
.faq-list details[open] summary:after{content:"－";transform:rotate(180deg)}
.faq-list .answer{padding:0 20px 19px;color:var(--muted);font-size:14px}
footer{background:var(--ink);color:#cdbec9;padding:54px 0 24px}
.footer-grid{display:grid;grid-template-columns:1.5fr .8fr .8fr;gap:40px;padding-bottom:36px}
footer .brand-mark{color:#fff}
.footer-title{color:#fff;font-size:15px;font-weight:900;margin-bottom:13px}
.footer-links{display:grid;gap:8px;font-size:14px}
.footer-links a{transition:.2s}
.footer-links a:hover{color:#ffb0a2;transform:translateX(3px)}
.copyright{padding-top:21px;border-top:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px}
.back-top{color:#ffd0c0;font-weight:800}
.back-top:hover{color:#fff}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid rgba(196,56,112,.42);outline-offset:3px}
@media(max-width:1023px){
 .topic-card-stack{right:27px}.content-layout{grid-template-columns:1fr}.index-panel{position:static;display:flex;align-items:center;gap:16px;padding:16px 20px}.index-panel h3{margin:0;white-space:nowrap}.index-links{display:flex;overflow:auto;gap:4px}.index-links a{white-space:nowrap}.faq-grid{grid-template-columns:1fr;gap:28px}
}
@media(max-width:639px){
 .container{width:min(100% - 32px,1200px)}.brand-line{height:69px}.brand-mark{font-size:17px}.brand-icon{width:31px;height:31px;border-radius:10px}.brand-icon:after{left:10px;top:10px}.brand-line .text-sm{display:none}.top-action{padding:9px 11px;font-size:13px}.desktop-nav{justify-content:flex-start;overflow-x:auto}.nav-item{flex:none;min-width:118px}.hero{padding:28px 0 36px}.topic-head{padding:30px 25px;min-height:380px}.topic-copy h1{font-size:36px}.topic-copy p{font-size:15px}.topic-card-stack{left:25px;right:auto;bottom:24px;width:220px}.section{padding:58px 0}.focus-card{grid-template-columns:1fr}.focus-body{padding:28px 24px}.focus-body h3{font-size:25px}.focus-art{min-height:200px}.content-flow{grid-template-columns:1fr}.topic-card.tall{grid-row:auto}.card-art,.card-art.tall-art{height:190px}.note-strip{grid-column:auto;grid-template-columns:1fr;padding:21px}.note-strip ul{display:grid;gap:6px}.compact-cta{grid-template-columns:1fr;padding:30px 25px}.compact-cta .btn-secondary{width:max-content}.faq-section{padding:56px 0 62px}.footer-grid{grid-template-columns:1fr;gap:27px}.copyright{align-items:flex-start;flex-direction:column}.breadcrumb{font-size:12px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}