/* roulang page: index */
:root{
            --ink:#241b2b;
            --muted:#756b7a;
            --soft:#a79ba9;
            --paper:#fcf8f6;
            --panel:#fffdfc;
            --line:#eadfe3;
            --plum:#54253f;
            --berry:#a33d68;
            --coral:#ed806f;
            --lilac:#e7d8ee;
            --cream:#f8e7d8;
            --dark:#211624;
            --shadow:0 22px 60px rgba(65,31,54,.11);
            --shadow-sm:0 10px 28px rgba(65,31,54,.08);
            --radius-xl:32px;
            --radius-lg:24px;
            --radius-md:16px;
            --container:1180px;
        }
        *{box-sizing:border-box;margin:0;padding:0}
        html{scroll-behavior:smooth}
        body{
            background:var(--paper);
            color:var(--ink);
            font-family:"苹方-简","PingFang SC","思源黑体","Noto Sans CJK SC","Microsoft YaHei",sans-serif;
            line-height:1.7;
            -webkit-font-smoothing:antialiased;
        }
        a{color:inherit;text-decoration:none}
        button,input{font:inherit}
        button{cursor:pointer;border:0}
        img{display:block;max-width:100%}
        .container{width:min(var(--container),calc(100% - 48px));margin:0 auto}
        .site-header{
            position:sticky;top:0;z-index:20;
            background:rgba(252,248,246,.92);
            border-bottom:1px solid rgba(234,223,227,.88);
            backdrop-filter:blur(14px);
        }
        .nav-wrap{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}
        .brand{display:inline-flex;align-items:center;gap:12px;line-height:1.15;font-weight:800;letter-spacing:-.04em}
        .brand-mark{
            width:35px;height:35px;border-radius:12px;
            background:linear-gradient(135deg,var(--berry),var(--coral));
            box-shadow:0 8px 18px rgba(163,61,104,.24);
            position:relative;flex:none;
        }
        .brand-mark:after{content:"";position:absolute;width:10px;height:10px;border:2px solid #fff;border-radius:50%;top:8px;left:8px}
        .brand-text{max-width:230px;font-size:15px}
        .nav-list{display:flex;align-items:center;gap:30px;list-style:none;color:var(--muted);font-size:14px}
        .nav-list a{position:relative;padding:9px 0;transition:color .25s ease}
        .nav-list a:after{content:"";position:absolute;height:2px;width:0;bottom:1px;left:0;background:var(--berry);transition:width .25s ease}
        .nav-list a:hover,.nav-list a.active{color:var(--plum)}
        .nav-list a:hover:after,.nav-list a.active:after{width:100%}
        .nav-cta,.btn-primary{
            display:inline-flex;align-items:center;justify-content:center;min-height:44px;
            padding:0 19px;border-radius:999px;background:var(--plum);color:#fff;
            font-size:14px;font-weight:700;box-shadow:0 10px 20px rgba(84,37,63,.18);
            transition:transform .25s,box-shadow .25s,background .25s;
        }
        .nav-cta{background:transparent;color:var(--plum);border:1px solid #cdbbc5;box-shadow:none}
        .nav-cta:hover,.btn-primary:hover{transform:translateY(-2px);background:var(--berry);box-shadow:0 14px 26px rgba(84,37,63,.22)}
        .nav-cta:active,.btn-primary:active{transform:translateY(1px)}
        .nav-cta:focus-visible,.btn-primary:focus-visible,.btn-ghost:focus-visible,.faq-question:focus-visible{outline:3px solid rgba(237,128,111,.45);outline-offset:4px}
        .menu-btn{display:none;background:transparent;color:var(--plum);font-size:24px;min-width:44px;min-height:44px}
        .hero{padding:74px 0 92px;overflow:hidden}
        .hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:66px;align-items:center}
        .eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--berry);font-size:13px;font-weight:800;letter-spacing:.08em}
        .eyebrow:before,.section-kicker:before{content:"";width:25px;height:2px;background:var(--coral);border-radius:4px}
        h1{font-size:clamp(43px,5.6vw,76px);line-height:1.08;letter-spacing:-.075em;margin:20px 0 25px;max-width:720px}
        h1 em{font-style:normal;color:var(--berry)}
        .hero-copy{font-size:17px;line-height:1.9;color:var(--muted);max-width:590px}
        .hero-actions{display:flex;align-items:center;gap:22px;margin-top:32px}
        .btn-ghost{color:var(--plum);font-size:14px;font-weight:700;padding:10px 2px;border-bottom:1px solid var(--plum)}
        .hero-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:38px}
        .stat-chip,.tag,.status{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700}
        .stat-chip{background:#fff;border:1px solid var(--line);color:var(--muted)}
        .stat-chip strong{color:var(--plum);font-size:15px}
        .hero-stage{
            min-height:430px;border-radius:var(--radius-xl);padding:20px;position:relative;
            background:linear-gradient(145deg,#3b1d37 5%,#722d56 54%,#e47c6f 125%);
            box-shadow:var(--shadow);overflow:hidden;
        }
        .hero-stage:before,.hero-stage:after{content:"";position:absolute;border-radius:50%;filter:blur(2px)}
        .hero-stage:before{width:280px;height:280px;right:-80px;top:-80px;background:rgba(255,210,190,.29)}
        .hero-stage:after{width:170px;height:170px;left:-50px;bottom:-60px;background:rgba(221,184,232,.22)}
        .stage-top{position:relative;z-index:1;display:flex;justify-content:space-between;color:#fff;font-size:12px}
        .status{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.23)}
        .stage-window{position:relative;z-index:1;margin-top:92px;background:rgba(255,252,250,.96);border-radius:22px;padding:23px;box-shadow:0 20px 38px rgba(29,9,26,.2)}
        .stage-window small{color:var(--berry);font-weight:800}
        .stage-window h2{font-size:27px;line-height:1.25;margin:8px 0 15px;letter-spacing:-.04em}
        .stage-line{height:10px;border-radius:20px;background:#eadce5;margin:9px 0}
        .stage-line:nth-child(2){width:78%;background:linear-gradient(90deg,var(--berry),var(--coral))}
        .stage-line:nth-child(3){width:58%}
        .stage-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}
        .stage-tags span{font-size:11px;color:var(--plum);background:#f8e9ee;border-radius:8px;padding:5px 8px}
        .section{padding:96px 0}
        .section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:34px}
        .section-head h2{font-size:clamp(28px,3.3vw,45px);line-height:1.2;letter-spacing:-.06em;margin-top:11px}
        .section-head p{max-width:465px;color:var(--muted);font-size:15px}
        .matrix{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:190px 190px;gap:16px}
        .matrix-card,.result-card,.level-card,.milestone-item{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s,border-color .25s}
        .matrix-card:hover,.result-card:hover,.level-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#d4a7ba}
        .matrix-card{padding:25px;position:relative;overflow:hidden}
        .matrix-card:first-child{grid-row:span 2;background:linear-gradient(145deg,#fff9f5,#f0dce9)}
        .matrix-card h3{font-size:22px;letter-spacing:-.04em;margin:14px 0 7px}
        .matrix-card p{font-size:13px;color:var(--muted);max-width:300px}
        .matrix-card a{position:absolute;bottom:22px;color:var(--berry);font-size:13px;font-weight:800}
        .matrix-icon{color:var(--berry);font-size:24px;font-weight:900}
        .matrix-card:first-child:after{content:"索引";position:absolute;right:-10px;bottom:-28px;font-size:130px;font-weight:900;color:rgba(163,61,104,.08)}
        .timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}
        .milestone-item{position:relative;border-radius:0;border-width:0 1px 1px 0;box-shadow:none;padding:27px 24px 24px;background:transparent}
        .milestone-item:before{content:"";position:absolute;top:-6px;left:24px;width:11px;height:11px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 5px var(--paper)}
        .milestone-item strong{display:block;color:var(--berry);font-size:13px;margin-bottom:17px}
        .milestone-item h3{font-size:19px;margin-bottom:8px}
        .milestone-item p{color:var(--muted);font-size:13px}
        .info-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
        .info-list{background:var(--dark);color:#fff;border-radius:var(--radius-xl);padding:30px}
        .info-list h3{font-size:24px;margin-bottom:18px}
        .info-row{display:flex;gap:20px;justify-content:space-between;padding:18px 0;border-top:1px solid rgba(255,255,255,.15)}
        .info-row span{color:#eab6c5;font-size:12px;white-space:nowrap}
        .info-row a{font-size:15px;font-weight:700}
        .info-row a:hover{color:#ffb6a8}
        .featured-result{border-radius:var(--radius-xl);padding:32px;background:linear-gradient(135deg,#f4dbe6,#fcead9);display:flex;flex-direction:column;justify-content:space-between}
        .featured-result h3{font-size:31px;line-height:1.25;letter-spacing:-.05em;margin:18px 0}
        .tag{background:#fff1f2;color:var(--berry);font-size:11px}
        .featured-result p{color:var(--muted);font-size:14px}
        .levels{display:grid;grid-template-columns:1fr 1.18fr 1fr;align-items:stretch;gap:16px}
        .level-card{padding:28px;position:relative}
        .level-card.featured{background:var(--plum);color:#fff;transform:translateY(-12px)}
        .level-card h3{font-size:23px;margin:15px 0 8px}
        .level-card p{font-size:13px;color:var(--muted);min-height:58px}
        .level-card.featured p{color:#ead9e2}
        .level-card ul{list-style:none;margin:22px 0}
        .level-card li{font-size:13px;margin:10px 0;color:var(--muted)}
        .level-card.featured li{color:#f5e8ee}
        .level-card li:before{content:"✓";color:var(--coral);font-weight:900;margin-right:8px}
        .level-card .btn-primary{width:100%;background:#fff;color:var(--plum);box-shadow:none}
        .level-card .btn-primary:hover{background:#ffd8ce;color:var(--plum)}
        .faq-wrap{max-width:820px;margin:0 auto}
        .faq-item{border-top:1px solid var(--line)}
        .faq-item:last-child{border-bottom:1px solid var(--line)}
        .faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;background:transparent;color:var(--ink);padding:22px 4px;font-weight:800;font-size:16px}
        .faq-question span:last-child{font-size:24px;color:var(--berry);transition:transform .25s}
        .faq-question[aria-expanded="true"] span:last-child{transform:rotate(45deg)}
        .faq-answer{display:none;padding:0 42px 23px 4px;color:var(--muted);font-size:14px}
        .faq-answer.open{display:block}
        .cta-section{padding:38px 0 104px}
        .cta-box{border-radius:var(--radius-xl);padding:48px 54px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(115deg,var(--plum),#84375d 65%,var(--coral));color:#fff;overflow:hidden;position:relative}
        .cta-box:after{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(255,255,255,.18);border-radius:50%;right:5%;top:-150px}
        .cta-box h2{font-size:clamp(26px,3.5vw,43px);line-height:1.2;letter-spacing:-.06em;position:relative;z-index:1}
        .cta-box p{color:#f7dce5;font-size:14px;margin-top:11px;position:relative;z-index:1}
        .cta-box .btn-primary{background:#fff;color:var(--plum);position:relative;z-index:1;flex:none}
        .site-footer{background:#211624;color:#fff;padding:54px 0 24px}
        .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px;padding-bottom:42px}
        .footer-brand{color:#fff}
        .footer-copy{color:#c9b8c2;font-size:13px;max-width:330px;margin-top:18px}
        .footer-title{font-size:13px;color:#f5c4c7;font-weight:800;margin-bottom:16px}
        .footer-links{list-style:none;display:grid;gap:10px;color:#c9b8c2;font-size:13px}
        .footer-links a:hover{color:#fff}
        .footer-bottom{border-top:1px solid rgba(255,255,255,.13);padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#968492;font-size:12px}
        .empty-state,.loading-state{display:none}
        @media(max-width:1024px){
            .hero-grid{gap:35px}.matrix{grid-template-columns:1fr 1fr;grid-template-rows:auto}.matrix-card:first-child{grid-row:span 1;grid-column:span 2;min-height:190px}.matrix-card{min-height:180px}
            .levels{grid-template-columns:1fr 1fr}.level-card.featured{transform:none}.level-card:last-child{grid-column:span 2}
        }
        @media(max-width:768px){
            .container{width:min(var(--container),calc(100% - 32px))}.nav-wrap{min-height:72px}.nav-list,.nav-cta{display:none}.menu-btn{display:block}
            .nav-wrap.menu-open .nav-list{display:flex;position:absolute;top:72px;left:16px;right:16px;padding:12px 18px;flex-direction:column;align-items:stretch;gap:0;background:#fffdfc;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm)}
            .nav-wrap.menu-open .nav-list a{display:block;padding:13px 4px;border-bottom:1px solid #f0e7e9}
            .nav-wrap.menu-open .nav-list li:last-child a{border-bottom:0}
            .hero{padding:55px 0 65px}.hero-grid,.info-layout{grid-template-columns:1fr}.hero-stage{min-height:370px}.stage-window{margin-top:70px}
            .section{padding:70px 0}.section-head{display:block}.section-head p{margin-top:15px}.timeline{grid-template-columns:1fr 1fr}.milestone-item{min-height:190px}
            .cta-box{display:block;padding:36px 28px}.cta-box .btn-primary{margin-top:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child{grid-column:span 2}
        }
        @media(max-width:520px){
            h1{font-size:40px}.hero-copy{font-size:15px}.hero-actions{align-items:stretch;flex-direction:column;gap:12px}.btn-primary{width:100%}
            .matrix{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.matrix-card{min-width:82%;scroll-snap-align:start}.matrix-card:first-child{min-width:90%}
            .timeline{grid-template-columns:1fr}.milestone-item{min-height:auto;padding:24px 18px 26px 40px;border-bottom:1px solid var(--line)}.milestone-item:before{left:20px}
            .featured-result,.info-list{padding:25px}.levels{grid-template-columns:1fr}.level-card:last-child{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}
        }
        @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* roulang page: category1 */
:root{
 --ink:#241b2b;--muted:#756b7a;--soft:#a79ba9;--paper:#fcf8f6;--panel:#fffdfc;
 --line:#eadfe3;--plum:#54253f;--berry:#a33d68;--coral:#ed806f;
 --lilac:#e7d8ee;--cream:#f8e7d8;--dark:#211624;
 --shadow:0 22px 60px rgba(65,31,54,.11);--shadow-sm:0 10px 28px rgba(65,31,54,.08);
 --radius-xl:32px;--radius-lg:24px;--radius-md:16px;--container:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:"苹方-简","PingFang SC","思源黑体","Noto Sans CJK SC","Microsoft YaHei",sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer;border:0}
img{display:block;max-width:100%}
ul{list-style:none}
.container{width:min(var(--container),calc(100% - 48px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(252,248,246,.92);border-bottom:1px solid rgba(234,223,227,.88);backdrop-filter:blur(14px)}
.nav-wrap{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:inline-flex;align-items:center;gap:12px;line-height:1.15;font-weight:800;letter-spacing:-.04em}
.brand-mark{width:35px;height:35px;border-radius:12px;background:linear-gradient(135deg,var(--berry),var(--coral));box-shadow:0 8px 18px rgba(163,61,104,.24);position:relative;flex:none}
.brand-mark:after{content:"";position:absolute;width:10px;height:10px;border:2px solid #fff;border-radius:50%;top:8px;left:8px}
.brand-text{max-width:230px;font-size:15px}
.nav-list{display:flex;align-items:center;gap:30px;color:var(--muted);font-size:14px}
.nav-list a{position:relative;padding:9px 0;transition:color .25s}
.nav-list a:after{content:"";position:absolute;height:2px;width:0;bottom:1px;left:0;background:var(--berry);transition:width .25s}
.nav-list a:hover,.nav-list a.active{color:var(--plum)}
.nav-list a:hover:after,.nav-list a.active:after{width:100%}
.nav-cta,.btn-primary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 19px;border-radius:999px;background:var(--plum);color:#fff;font-size:14px;font-weight:700;box-shadow:0 10px 20px rgba(84,37,63,.18);transition:.25s}
.nav-cta{background:transparent;color:var(--plum);border:1px solid #cdbbc5;box-shadow:none}
.nav-cta:hover,.btn-primary:hover{transform:translateY(-2px);background:var(--berry);box-shadow:0 14px 26px rgba(84,37,63,.22)}
.nav-cta:active,.btn-primary:active{transform:translateY(1px)}
.menu-btn{display:none;background:transparent;color:var(--plum);font-size:24px;min-width:44px;min-height:44px}
.nav-cta:focus-visible,.btn-primary:focus-visible,.btn-ghost:focus-visible,.faq-question:focus-visible,.filter-btn:focus-visible,input:focus-visible{outline:3px solid rgba(237,128,111,.45);outline-offset:4px}

.page-hero{padding:72px 0 54px}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:stretch}
.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--berry);font-size:13px;font-weight:800;letter-spacing:.08em}
.eyebrow:before,.section-kicker:before{content:"";width:25px;height:2px;background:var(--coral);border-radius:4px}
h1{font-size:clamp(40px,5.4vw,70px);line-height:1.12;letter-spacing:-.07em;margin:17px 0 22px;max-width:700px}
.hero-copy{font-size:17px;color:var(--muted);max-width:650px;line-height:1.9}
.hero-tags,.tag-row{display:flex;flex-wrap:wrap;gap:8px}
.hero-tags{margin-top:28px}
.tag,.status,.stat-chip{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700}
.tag{background:#f8e9ee;color:var(--plum)}
.status{background:#f5eee5;color:#8b5c37}
.status.fresh{background:#e8f1e8;color:#467052}
.preview-panel{border-radius:var(--radius-xl);padding:20px;background:linear-gradient(145deg,#3b1d37 5%,#722d56 54%,#e47c6f 125%);box-shadow:var(--shadow);color:#fff;position:relative;overflow:hidden;min-height:320px}
.preview-panel:before,.preview-panel:after{content:"";position:absolute;border-radius:50%}
.preview-panel:before{width:230px;height:230px;right:-75px;top:-75px;background:rgba(255,210,190,.25)}
.preview-panel:after{width:140px;height:140px;left:-45px;bottom:-55px;background:rgba(221,184,232,.2)}
.preview-top,.preview-body{position:relative;z-index:1}
.preview-top{display:flex;justify-content:space-between;font-size:12px}
.preview-body{background:rgba(255,252,250,.96);color:var(--ink);border-radius:22px;padding:24px;margin-top:58px}
.preview-body small{color:var(--berry);font-weight:800}
.preview-body h2{font-size:25px;line-height:1.3;margin:8px 0 12px;letter-spacing:-.04em}
.countdown{display:flex;gap:8px;margin-top:18px}
.time-box{background:#f8e9ee;color:var(--plum);border-radius:12px;padding:8px 12px;text-align:center;min-width:55px}
.time-box strong{display:block;font-size:20px;line-height:1.1}
.time-box span{font-size:10px;color:var(--muted)}
.notice{margin-top:18px;color:var(--muted);font-size:12px}
.section{padding:82px 0}
.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}
.section-head h2{font-size:clamp(28px,3.3vw,44px);line-height:1.2;letter-spacing:-.06em;margin-top:10px}
.section-head p{max-width:470px;color:var(--muted);font-size:15px}
.filter-bar{display:flex;justify-content:space-between;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px 15px;margin-bottom:26px;box-shadow:var(--shadow-sm)}
.filters{display:flex;gap:8px;overflow:auto}
.filter-btn{background:transparent;color:var(--muted);border-radius:999px;padding:9px 15px;white-space:nowrap;font-size:13px;transition:.2s}
.filter-btn:hover,.filter-btn.active{background:var(--plum);color:#fff}
.search-box{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:0 13px;min-width:220px}
.search-box label{font-size:0}
.search-box input{border:0;outline:0;background:transparent;width:100%;height:38px;color:var(--ink);font-size:13px}
.search-box input::placeholder{color:var(--soft)}
.content-layout{display:grid;grid-template-columns:220px 1fr;gap:25px;align-items:start}
.side-index{background:var(--dark);color:#fff;border-radius:var(--radius-lg);padding:24px;position:sticky;top:105px}
.side-index h3{font-size:17px;margin-bottom:17px}
.side-index li+li{border-top:1px solid rgba(255,255,255,.13)}
.side-index a{display:flex;justify-content:space-between;gap:10px;padding:13px 0;color:#d9cbd4;font-size:13px;transition:.2s}
.side-index a:hover{color:#fff;padding-left:4px}
.side-index b{color:var(--coral);font-size:12px}
.content-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:16px}
.content-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:23px;box-shadow:var(--shadow-sm);min-height:210px;display:flex;flex-direction:column;transition:.25s}
.content-card:hover{transform:translateY(-5px);border-color:#d4a7ba;box-shadow:var(--shadow)}
.content-card.featured{grid-row:span 2;min-height:436px;background:linear-gradient(145deg,#fffdfc,#f4e5ed)}
.card-icon{width:43px;height:43px;border-radius:14px;background:linear-gradient(135deg,var(--lilac),#fff);display:grid;place-items:center;color:var(--berry);font-weight:900;margin-bottom:22px}
.content-card h3{font-size:20px;line-height:1.35;letter-spacing:-.04em;margin:9px 0 9px}
.content-card p{color:var(--muted);font-size:13px;line-height:1.75}
.card-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:20px;color:var(--soft);font-size:11px}
.card-link{color:var(--plum);font-weight:800;font-size:13px}
.card-link:hover{text-decoration:underline;color:var(--berry)}
.info-strip{margin-top:16px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 20px;display:flex;justify-content:space-between;gap:15px;align-items:center}
.info-strip strong{font-size:14px}.info-strip span{color:var(--muted);font-size:12px}
.browse-path{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.path-card{border-radius:var(--radius-lg);padding:27px;background:var(--panel);border:1px solid var(--line)}
.path-card.dark{background:var(--plum);color:#fff;border-color:var(--plum)}
.path-card h3{font-size:22px;margin:12px 0 8px}.path-card p{font-size:14px;color:var(--muted)}.dark p{color:#eadce5}
.step-list{margin-top:20px}.step-list li{display:flex;gap:13px;align-items:flex-start;padding:13px 0;border-top:1px solid var(--line);font-size:13px}.dark .step-list li{border-color:rgba(255,255,255,.15)}
.step-no{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--cream);color:var(--plum);font-weight:800;flex:none}
.faq-list{max-width:850px;margin:0 auto}.faq-item{border-top:1px solid var(--line)}.faq-item:last-child{border-bottom:1px solid var(--line)}
.faq-question{width:100%;min-height:67px;background:transparent;color:var(--ink);display:flex;justify-content:space-between;align-items:center;text-align:left;font-size:16px;font-weight:700;gap:20px}
.faq-question span:last-child{color:var(--berry);font-size:22px;transition:.25s}.faq-question[aria-expanded=true] span:last-child{transform:rotate(45deg)}
.faq-answer{display:none;padding:0 42px 21px 0;color:var(--muted);font-size:14px}.faq-answer.open{display:block}
.cta{padding:58px 0}.cta-box{border-radius:var(--radius-xl);background:linear-gradient(120deg,var(--plum),#8d3760 60%,var(--coral));color:#fff;padding:38px 45px;display:flex;justify-content:space-between;align-items:center;gap:30px;box-shadow:var(--shadow)}
.cta-box h2{font-size:clamp(26px,3.5vw,42px);line-height:1.25;letter-spacing:-.06em}.cta-box p{color:#f4dfe7;margin-top:8px;font-size:14px}.cta .btn-primary{background:#fff;color:var(--plum);box-shadow:none}.cta .btn-primary:hover{background:var(--cream)}
.site-footer{background:var(--dark);color:#fff;padding:58px 0 25px}.footer-grid{display:grid;grid-template-columns:1.6fr .7fr .9fr;gap:55px}.footer-brand{color:#fff}.footer-copy{color:#bcaeba;max-width:410px;font-size:13px;margin-top:18px}.footer-title{font-size:13px;font-weight:800;color:#fff;margin-bottom:13px}.footer-links li+li{margin-top:9px}.footer-links a{font-size:13px;color:#bcaeba;transition:.2s}.footer-links a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.14);margin-top:45px;padding-top:20px;color:#9e8d9c;font-size:11px}
.empty-state,.loading-state{display:none;border:1px dashed #d8c4ce;border-radius:20px;padding:34px;text-align:center;color:var(--muted);background:#fff}.is-empty .empty-state{display:block}.is-loading .loading-state{display:block}
@media(max-width:1024px){.hero-grid{gap:32px}.content-layout{grid-template-columns:190px 1fr}.content-grid{grid-template-columns:1fr 1fr}.content-card.featured{grid-row:span 1}.footer-grid{gap:30px}}
@media(max-width:768px){.container{width:min(var(--container),calc(100% - 34px))}.nav-list,.nav-cta{display:none}.menu-btn{display:block}.nav-wrap.menu-open .nav-list{display:flex;position:absolute;top:74px;left:17px;right:17px;background:#fffdfc;border:1px solid var(--line);border-radius:18px;padding:12px 18px;flex-direction:column;align-items:stretch;gap:0;box-shadow:var(--shadow)}.nav-wrap.menu-open .nav-list li+li{border-top:1px solid var(--line)}.nav-wrap.menu-open .nav-list a{display:block;padding:13px 0}.page-hero{padding:52px 0 30px}.hero-grid,.content-layout,.browse-path{grid-template-columns:1fr}.preview-panel{min-height:290px}.side-index{position:static}.content-grid{grid-template-columns:1fr 1fr}.section{padding:65px 0}.section-head{display:block}.section-head p{margin-top:14px}.cta-box{display:block;padding:32px 26px}.cta-box .btn-primary{margin-top:23px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:span 2}}
@media(max-width:520px){h1{font-size:39px}.hero-copy{font-size:15px}.content-grid{grid-template-columns:1fr}.content-card,.content-card.featured{min-height:205px}.filter-bar{display:block}.filters{margin-bottom:10px}.search-box{min-width:0}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block}.footer-bottom span+span{margin-top:8px}.countdown{gap:5px}.time-box{min-width:48px;padding:7px 8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}