/* roulang page: index */
:root{
            --berry:#c84462;
            --berry-dark:#9f2948;
            --coral:#ef866d;
            --mint:#52a997;
            --orange:#e6a14c;
            --ink:#2b2528;
            --muted:#766d70;
            --paper:#fffaf7;
            --cream:#f7eee9;
            --line:#eadbd5;
            --white:#ffffff;
            --shadow:0 16px 40px rgba(94,49,48,.10);
            --soft-shadow:0 8px 24px rgba(94,49,48,.08);
            --radius:16px;
            --container:1200px;
        }
        *{box-sizing:border-box}
        html{scroll-behavior:smooth}
        body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75;font-size:15px}
        a{color:inherit;text-decoration:none}
        img{display:block;width:100%;height:auto}
        button,input{font:inherit}
        button{cursor:pointer}
        .container{width:min(var(--container),calc(100% - 40px));margin:0 auto}
        .topline{height:4px;background:var(--berry)}
        header{position:sticky;top:0;z-index:20;background:rgba(255,250,247,.94);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:.25s}
        header.scrolled{border-color:var(--line);box-shadow:0 4px 20px rgba(81,38,39,.06)}
        .nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}
        .brand{display:flex;align-items:center;gap:12px;min-width:max-content}
        .brand-mark{width:42px;height:42px;background:var(--berry);color:#fff;border-radius:12px 12px 12px 4px;display:grid;place-items:center;font-weight:800;font-size:15px;letter-spacing:0}
        .brand-name{font-weight:800;font-size:18px;letter-spacing:0}
        .brand-sub{display:block;font-size:11px;color:var(--muted);font-weight:500;line-height:1.2;margin-top:2px}
        nav{display:flex;align-items:center;gap:4px}
        nav a{padding:9px 13px;border-radius:9px;color:#5d5354;font-size:14px;transition:.2s}
        nav a:hover,nav a:focus,nav a.active{background:#f5e1dc;color:var(--berry-dark)}
        nav a:focus,.btn:focus,.menu-btn:focus,.faq-q:focus{outline:3px solid rgba(200,68,98,.25);outline-offset:2px}
        .nav-note{padding:9px 15px;background:var(--ink);color:#fff;border-radius:9px;font-size:13px;font-weight:700}
        .menu-btn{display:none;border:1px solid var(--line);background:#fff7f3;border-radius:10px;width:42px;height:40px;color:var(--berry)}
        main{overflow:hidden}
        .hero{padding:42px 0 70px;background:#f7e6e0 url('/assets/images/23a27518061dad42.jpg') center/cover no-repeat;position:relative}
        .hero:before{content:"";position:absolute;inset:0;background:rgba(255,247,243,.82)}
        .hero-inner{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:62px;align-items:center}
        .eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--berry-dark);font-weight:800;font-size:12px;letter-spacing:1px}
        .eyebrow:before,.section-kicker:before{content:"";width:24px;height:2px;background:var(--coral)}
        h1,h2,h3,p{margin-top:0}
        h1{font-size:clamp(38px,5vw,66px);line-height:1.16;letter-spacing:0;font-weight:800;margin:18px 0 20px;max-width:650px}
        h1 em{font-style:normal;color:var(--berry)}
        .hero-copy{font-size:17px;color:#625758;max-width:650px;margin-bottom:28px}
        .actions{display:flex;gap:12px;flex-wrap:wrap}
        .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:10px;padding:12px 20px;font-weight:700;transition:.2s;min-height:46px}
        .btn-primary{background:var(--berry);color:#fff;box-shadow:0 8px 18px rgba(200,68,98,.22)}
        .btn-primary:hover{background:var(--berry-dark);transform:translateY(-2px)}
        .btn-secondary{border-color:#cf9d99;color:var(--berry-dark);background:rgba(255,255,255,.55)}
        .btn-secondary:hover{background:#fff;border-color:var(--berry)}
        .btn-small{padding:8px 12px;min-height:35px;font-size:13px}
        .hero-visual{position:relative;min-height:345px}
        .hero-image{height:345px;object-fit:cover;border-radius:22px;box-shadow:var(--shadow);border:8px solid rgba(255,255,255,.66)}
        .hero-stamp{position:absolute;left:-18px;bottom:26px;background:var(--ink);color:#fff;padding:16px 19px;border-radius:12px;box-shadow:var(--soft-shadow)}
        .hero-stamp strong{display:block;font-size:23px;color:#ffd2bd;line-height:1.2}
        .hero-stamp span{font-size:12px;color:#e9d9d4}
        section{padding:78px 0}
        .section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}
        .section-head h2{font-size:30px;line-height:1.25;margin:9px 0 0;font-weight:800}
        .section-head p{color:var(--muted);max-width:590px;margin:0}
        .section-light{background:var(--white)}
        .section-tint{background:var(--cream)}
        .entry-bar{padding:24px 0;background:var(--ink);color:#fff}
        .entry-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:25px}
        .entry-grid h2{font-size:22px;margin:0 0 4px}
        .entry-grid p{margin:0;color:#d9c9c7}
        .search-box{display:flex;background:#fff;border-radius:10px;padding:4px;min-width:320px}
        .search-box input{border:0;outline:0;padding:10px 12px;min-width:0;flex:1;color:var(--ink)}
        .search-box button{border:0;background:var(--coral);color:#fff;border-radius:8px;padding:0 16px;font-weight:700}
        .status-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--soft-shadow)}
        .status-item{padding:22px 24px;border-right:1px solid var(--line)}
        .status-item:last-child{border-right:0}
        .status-item small{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}
        .status-item strong{font-size:18px}
        .badge{display:inline-flex;align-items:center;border-radius:99px;padding:3px 9px;font-size:11px;font-weight:800;background:#f9e1d8;color:#a94c3d;white-space:nowrap}
        .badge.mint{background:#dff1eb;color:#287d6c}
        .badge.dark{background:#46343a;color:#fff}
        .content-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
        .content-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:.25s;box-shadow:0 2px 0 rgba(94,49,48,.02)}
        .content-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#d99ca0}
        .card-media{height:176px;position:relative;overflow:hidden;background:#e9d8d2}
        .card-media img{height:100%;object-fit:cover;transition:.4s}
        .content-card:hover .card-media img{transform:scale(1.06)}
        .card-media .badge{position:absolute;top:11px;left:11px}
        .card-cover{position:absolute;inset:0;background:linear-gradient(transparent 48%,rgba(45,22,28,.48));opacity:0;transition:.25s}
        .content-card:hover .card-cover{opacity:1}
        .view-tip{position:absolute;bottom:12px;right:12px;color:#fff;font-size:12px}
        .card-body{padding:14px}
        .card-body h3{font-size:16px;line-height:1.4;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .meta{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}
        .rating{color:#c9763f;font-weight:800}
        .popular{background:#fff8f2}
        .popular-track{display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr 1fr 1fr;gap:14px}
        .popular-card{position:relative;min-height:270px;border-radius:15px;overflow:hidden;background:#5d3038}
        .popular-card:first-child{grid-row:span 1}
        .popular-card img{height:100%;object-fit:cover;opacity:.8;transition:.35s}
        .popular-card:hover img{transform:scale(1.06);opacity:.95}
        .popular-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(35,17,22,.88))}
        .popular-info{position:absolute;z-index:1;bottom:16px;left:16px;right:12px;color:#fff}
        .popular-info h3{font-size:17px;margin:8px 0 3px}
        .popular-info p{font-size:12px;color:#eadbd8;margin:0}
        .channel-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
        .channel{padding:22px 18px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--coral);border-radius:12px;transition:.2s}
        .channel:nth-child(2){border-top-color:var(--mint)}.channel:nth-child(3){border-top-color:var(--orange)}.channel:nth-child(4){border-top-color:var(--berry)}.channel:nth-child(5){border-top-color:#8470aa}
        .channel:hover{transform:translateY(-3px);box-shadow:var(--soft-shadow)}
        .channel-number{color:var(--muted);font-weight:800;font-size:12px}
        .channel h3{font-size:17px;margin:12px 0 8px}.channel p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}
        .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
        .steps:before{content:"";position:absolute;top:24px;left:9%;right:9%;border-top:1px dashed #d9aaa5}
        .step{position:relative;text-align:center;padding:0 18px}
        .step-num{position:relative;z-index:1;width:48px;height:48px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;background:var(--berry);color:#fff;font-weight:800;border:5px solid var(--paper)}
        .step h3{font-size:17px;margin-bottom:7px}.step p{color:var(--muted);font-size:13px;line-height:1.7}
        .rank-wrap{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start}
        .rank-feature{background:#4a2b35;color:#fff;border-radius:16px;padding:28px;position:relative;overflow:hidden}
        .rank-feature:after{content:"TOP 3";position:absolute;right:-15px;top:18px;font-size:64px;font-weight:900;color:rgba(255,255,255,.06)}
        .rank-feature h3{font-size:25px;margin:7px 0}.rank-feature p{color:#dfcfd0;margin:0 0 20px;font-size:14px}
        .rank-list{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
        .rank-row{display:grid;grid-template-columns:38px 1fr 78px 50px;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #f0e5e1}
        .rank-row:last-child{border-bottom:0}.rank-no{font-weight:900;color:var(--berry);font-size:18px}.rank-row strong{font-size:14px}.rank-row small{color:var(--muted)}
        .metric-band{background:var(--berry);color:#fff;padding:52px 0}
        .metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}
        .metric{border-left:1px solid rgba(255,255,255,.3);padding-left:22px}.metric:first-child{border-left:0}
        .metric strong{font-size:36px;display:block;line-height:1.2;color:#ffd5c6}.metric span{font-size:14px}.metric p{font-size:12px;color:#f0d9d6;margin:6px 0 0}
        .quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
        .quote{padding:25px;background:#fff;border:1px solid var(--line);border-radius:14px;position:relative}
        .quote:before{content:"“";font-size:52px;line-height:.7;color:var(--coral);font-weight:900}
        .quote p{font-size:15px;margin:12px 0 20px}.quote footer{font-size:12px;color:var(--muted)}
        .scene-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
        .scene{padding:20px;border-left:3px solid var(--mint);background:#fff;border-radius:0 12px 12px 0}
        .scene h3{font-size:16px;margin:0 0 8px}.scene p{font-size:13px;color:var(--muted);margin:0}
        .resource-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:35px;align-items:stretch}
        .resource-main{min-height:300px;border-radius:16px;overflow:hidden;position:relative;color:#fff;background:#442c36}
        .resource-main img{height:100%;object-fit:cover;opacity:.65}.resource-main:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(35,15,23,.9))}
        .resource-copy{position:absolute;z-index:1;left:26px;right:26px;bottom:22px}.resource-copy h3{font-size:24px;margin:8px 0}.resource-copy p{font-size:13px;color:#eddfdc;margin:0}
        .update-list{display:flex;flex-direction:column;gap:0;background:#fff;border:1px solid var(--line);border-radius:14px;padding:5px 18px}
        .update{display:grid;grid-template-columns:78px 1fr auto;gap:15px;align-items:center;padding:16px 0;border-bottom:1px solid #f0e5e1}.update:last-child{border-bottom:0}.update time{font-size:12px;color:var(--berry);font-weight:800}.update h3{font-size:14px;margin:0}.update p{font-size:12px;color:var(--muted);margin:3px 0 0}
        .faq-list{max-width:850px;margin:0 auto}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;border:0;background:transparent;text-align:left;padding:20px 6px;font-weight:800;display:flex;justify-content:space-between;align-items:center;color:var(--ink)}.faq-q span{font-size:22px;color:var(--berry);transition:.2s}.faq-a{max-height:0;overflow:hidden;color:var(--muted);font-size:14px;transition:max-height .3s,padding .3s;padding:0 6px}.faq-item.open .faq-a{max-height:150px;padding:0 6px 19px}.faq-item.open .faq-q span{transform:rotate(45deg)}
        .cta{padding:68px 0;background:#f4d9d3}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:32px;margin:8px 0 10px}.cta p{color:#6e5556;margin:0;max-width:650px}
        footer{background:#2e2428;color:#eee0dc;padding:52px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:38px}.footer-brand p{color:#baa9a7;font-size:13px;max-width:270px}.footer-col h3{font-size:14px;color:#fff;margin:0 0 14px}.footer-col a{display:block;color:#baa9a7;font-size:13px;margin:8px 0;transition:.2s}.footer-col a:hover{color:#ffd0c1}.copyright{border-top:1px solid #4b3d40;margin-top:35px;padding-top:18px;color:#988789;font-size:12px;display:flex;justify-content:space-between}
        @media(max-width:1023px){
            .nav-note{display:none}.hero-inner{gap:30px}.content-grid{grid-template-columns:repeat(3,1fr)}.popular-track{grid-template-columns:repeat(3,1fr)}.channel-grid{grid-template-columns:repeat(3,1fr)}.channel:last-child{display:none}.scene-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}
        }
        @media(max-width:767px){
            .container{width:min(100% - 28px,var(--container))}.nav-wrap{height:66px}.menu-btn{display:block}nav{position:absolute;top:70px;left:14px;right:14px;display:none;flex-direction:column;align-items:stretch;padding:10px;background:#fffaf7;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}nav.open{display:flex}nav a{padding:12px 14px}.brand-name{font-size:16px}.hero{padding:35px 0 48px}.hero-inner{grid-template-columns:1fr}.hero-copy{font-size:15px}.hero-visual{min-height:230px}.hero-image{height:230px}.hero-stamp{left:10px;bottom:12px}.hero-stamp strong{font-size:18px}section{padding:52px 0}.section-head{display:block;margin-bottom:22px}.section-head h2{font-size:25px}.section-head p{margin-top:10px}.entry-grid{grid-template-columns:1fr;gap:15px}.search-box{min-width:0;width:100%}.status-strip{grid-template-columns:repeat(2,1fr)}.status-item{padding:16px;border-bottom:1px solid var(--line)}.status-item:nth-child(2){border-right:0}.status-item:nth-child(3),.status-item:nth-child(4){border-bottom:0}.content-grid{grid-template-columns:repeat(2,1fr);gap:12px}.card-media{height:140px}.card-body{padding:11px}.card-body h3{font-size:14px}.popular-track{display:flex;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.popular-card{min-width:220px;height:245px;scroll-snap-align:start}.channel-grid{grid-template-columns:1fr 1fr}.channel:last-child{display:block}.steps{display:block}.steps:before{left:24px;top:22px;bottom:22px;right:auto;border-top:0;border-left:1px dashed #d9aaa5}.step{display:grid;grid-template-columns:48px 1fr;text-align:left;gap:16px;padding:0 0 25px}.step-num{margin:0}.step h3{margin:0 0 4px}.step p{margin:0}.rank-wrap,.resource-layout{grid-template-columns:1fr;gap:20px}.metrics{grid-template-columns:repeat(2,1fr);gap:20px}.metric{border-left:0;padding-left:0}.metric strong{font-size:29px}.quote-grid{grid-template-columns:1fr}.scene-grid{grid-template-columns:1fr 1fr}.cta-inner{display:block}.cta h2{font-size:27px}.cta .actions{margin-top:22px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.copyright{display:block}.copyright span{display:block;margin-top:6px}
        }
        @media(max-width:520px){h1{font-size:38px}.channel-grid,.scene-grid{grid-template-columns:1fr}.rank-row{grid-template-columns:30px 1fr 55px 42px;padding:11px 10px}.update{grid-template-columns:65px 1fr}.update .badge{display:none}.footer-grid{grid-template-columns:1fr 1fr}.brand-sub{font-size:10px}}

/* roulang page: category1 */
:root{
 --berry:#c84462;
 --berry-dark:#9f2948;
 --coral:#ef866d;
 --mint:#52a997;
 --orange:#e6a14c;
 --ink:#2b2528;
 --muted:#766d70;
 --paper:#fffaf7;
 --cream:#f7eee9;
 --white:#fff;
 --line:#eadbd5;
 --shadow:0 16px 40px rgba(94,49,48,.10);
 --soft-shadow:0 8px 24px rgba(94,49,48,.08);
 --radius:16px;
 --container:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75;font-size:15px}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;height:auto}
button,input{font:inherit}
button{cursor:pointer}
.container{width:min(var(--container),calc(100% - 40px));margin:0 auto}
header{position:sticky;top:0;z-index:20;background:rgba(255,250,247,.95);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:.25s}
header.scrolled{border-color:var(--line);box-shadow:0 4px 20px rgba(81,38,39,.06)}
.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content}
.brand-mark{width:42px;height:42px;background:var(--berry);color:#fff;border-radius:12px 12px 12px 4px;display:grid;place-items:center;font-weight:800;font-size:15px}
.brand-name{font-weight:800;font-size:18px}
.brand-sub{display:block;font-size:11px;color:var(--muted);font-weight:500;line-height:1.2;margin-top:2px}
nav{display:flex;align-items:center;gap:4px}
nav a{padding:9px 13px;border-radius:9px;color:#5d5354;font-size:14px;transition:.2s}
nav a:hover,nav a:focus,nav a.active{background:#f5e1dc;color:var(--berry-dark)}
nav a:focus,.btn:focus,.menu-btn:focus,.faq-q:focus,.filter-btn:focus{outline:3px solid rgba(200,68,98,.25);outline-offset:2px}
.nav-note{padding:9px 15px;background:var(--ink);color:#fff;border-radius:9px;font-size:13px;font-weight:700}
.menu-btn{display:none;border:1px solid var(--line);background:#fff7f3;border-radius:10px;width:42px;height:40px;color:var(--berry);font-size:20px}
main{overflow:hidden}
.page-intro{padding:65px 0 58px;background:#f7e6e0 url('/assets/images/1ba32c79453ccdc8.jpg') center/cover no-repeat;position:relative}
.page-intro:before{content:"";position:absolute;inset:0;background:rgba(255,247,243,.86)}
.intro-inner{position:relative;display:grid;grid-template-columns:1fr 330px;align-items:end;gap:60px}
.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:20px}
.breadcrumb a{color:var(--berry-dark)}
.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--berry-dark);font-weight:800;font-size:12px;letter-spacing:1px}
.eyebrow:before,.section-kicker:before{content:"";width:24px;height:2px;background:var(--coral)}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(34px,5vw,58px);line-height:1.16;letter-spacing:0;margin:12px 0 18px;font-weight:800}
.intro-copy{max-width:720px;color:#625758;font-size:17px;margin:0}
.intro-note{background:rgba(255,255,255,.8);border:1px solid rgba(200,68,98,.18);border-radius:16px;padding:22px;box-shadow:var(--soft-shadow)}
.intro-note strong{display:block;font-size:27px;color:var(--berry-dark);line-height:1.2}
.intro-note span{display:block;color:var(--muted);font-size:13px;margin-top:6px}
section{padding:76px 0}
.section-light{background:var(--white)}
.section-tint{background:var(--cream)}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}
.section-head h2{font-size:30px;line-height:1.25;margin:9px 0 0;font-weight:800}
.section-head p{color:var(--muted);max-width:620px;margin:0}
.filter-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--soft-shadow)}
.filter-group{display:flex;flex-wrap:wrap;gap:8px}
.filter-btn{border:1px solid var(--line);background:#fffaf7;color:#675b5d;border-radius:99px;padding:8px 15px;font-size:13px;transition:.2s}
.filter-btn:hover,.filter-btn.active{background:var(--berry);border-color:var(--berry);color:#fff}
.sort-select{border:1px solid var(--line);background:#fffaf7;color:var(--ink);border-radius:9px;padding:9px 12px;min-width:130px}
.list-layout{display:grid;grid-template-columns:220px 1fr;gap:30px;align-items:start}
.side-panel{background:#4a3038;color:#fff;border-radius:16px;padding:25px;position:sticky;top:98px}
.side-panel h3{font-size:20px;margin-bottom:12px}
.side-panel p{color:#ddc9c8;font-size:13px;margin-bottom:22px}
.side-list{list-style:none;padding:0;margin:0}
.side-list li{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid rgba(255,255,255,.15);font-size:13px;color:#f3e5e0}
.side-list b{color:#ffc9b9}
.content-list{display:grid;gap:14px}
.list-item{display:grid;grid-template-columns:148px 1fr auto;gap:20px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;transition:.25s}
.list-item:hover{transform:translateX(4px);box-shadow:var(--soft-shadow);border-color:#d99ca0}
.list-thumb{height:108px;border-radius:10px;overflow:hidden;background:#ead8d2}
.list-thumb img{height:100%;object-fit:cover;transition:.35s}
.list-item:hover .list-thumb img{transform:scale(1.05)}
.list-info h3{font-size:18px;line-height:1.35;margin:0 0 7px}
.list-info p{font-size:13px;color:var(--muted);margin:8px 0 0}
.meta-line{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--muted);font-size:12px}
.badge{display:inline-flex;align-items:center;border-radius:99px;padding:3px 9px;font-size:11px;font-weight:800;background:#f9e1d8;color:#a94c3d;white-space:nowrap}
.badge.mint{background:#dff1eb;color:#287d6c}
.badge.dark{background:#46343a;color:#fff}
.score{color:var(--orange);font-weight:800;white-space:nowrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:10px;padding:11px 18px;font-weight:700;transition:.2s;min-height:44px}
.btn-primary{background:var(--berry);color:#fff;box-shadow:0 8px 18px rgba(200,68,98,.22)}
.btn-primary:hover{background:var(--berry-dark);transform:translateY(-2px)}
.btn-secondary{border-color:#cf9d99;color:var(--berry-dark);background:#fff7f3}
.btn-secondary:hover{background:#fff;border-color:var(--berry)}
.btn-small{padding:8px 12px;min-height:35px;font-size:13px}
.feature-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px}
.feature-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 2px 0 rgba(94,49,48,.02);transition:.25s}
.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.feature-card:first-child{grid-row:span 2}
.feature-media{height:175px;overflow:hidden;background:#ead8d2}
.feature-card:first-child .feature-media{height:365px}
.feature-media img{height:100%;object-fit:cover;transition:.4s}
.feature-card:hover img{transform:scale(1.05)}
.feature-body{padding:17px}
.feature-body h3{font-size:18px;margin:0 0 6px}
.feature-body p{font-size:13px;color:var(--muted);margin:0}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.step{padding:27px 28px;border-right:1px solid var(--line);position:relative}
.step:last-child{border-right:0}
.step-num{color:var(--berry);font-size:28px;font-weight:800;line-height:1}
.step h3{font-size:18px;margin:14px 0 6px}
.step p{color:var(--muted);font-size:13px;margin:0}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#4a3038;color:#fff;border-radius:18px;overflow:hidden}
.metric{padding:30px 25px;border-right:1px solid rgba(255,255,255,.13)}
.metric:last-child{border-right:0}
.metric strong{display:block;color:#ffd0bf;font-size:32px;line-height:1.2}
.metric span{display:block;font-size:14px;margin-top:7px}
.metric small{display:block;color:#d8c5c4;font-size:12px;margin-top:4px}
.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-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:18px;border:0;background:transparent;text-align:left;padding:20px 0;color:var(--ink);font-weight:700;font-size:16px}
.faq-q span:last-child{font-size:23px;color:var(--berry);transition:.2s}
.faq-a{display:none;color:var(--muted);font-size:14px;padding:0 45px 19px 0}
.faq-item.open .faq-a{display:block}
.faq-item.open .faq-q span:last-child{transform:rotate(45deg)}
.cta{padding:68px 0;background:#f3d9d2 url('/assets/images/32ee329fe7230537.jpg') center/cover no-repeat;position:relative}
.cta:before{content:"";position:absolute;inset:0;background:rgba(255,242,235,.86)}
.cta-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px}
.cta h2{font-size:32px;margin:10px 0 8px}
.cta p{color:var(--muted);margin:0;max-width:680px}
.cta-actions{display:flex;gap:10px;flex-wrap:wrap}
footer{background:#30272a;color:#eee1de;padding:55px 0 20px}
.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:38px}
.footer-brand p{color:#baa9a7;font-size:13px;max-width:270px;margin-top:18px}
.footer-col h3{font-size:14px;color:#fff;margin:5px 0 13px}
.footer-col a{display:block;color:#baa9a7;font-size:13px;margin:8px 0;transition:.2s}
.footer-col a:hover{color:#ffd0bf}
footer .brand-name{color:#fff}
footer .brand-mark{background:var(--coral)}
.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:35px;padding-top:17px;display:flex;justify-content:space-between;gap:20px;color:#9f9090;font-size:12px}
@media(max-width:1023px){
 .nav-note{display:none}
 nav a{padding:8px 9px;font-size:13px}
 .intro-inner{grid-template-columns:1fr 260px;gap:30px}
 .list-layout{grid-template-columns:180px 1fr}
 .feature-grid{grid-template-columns:1fr 1fr}
 .feature-card:first-child{grid-row:auto;grid-column:span 2}
 .feature-card:first-child .feature-media{height:240px}
}
@media(max-width:767px){
 .container{width:min(100% - 28px,var(--container))}
 .nav-wrap{height:68px}
 .menu-btn{display:block}
 nav{display:none;position:absolute;left:14px;right:14px;top:76px;background:#fffaf7;border:1px solid var(--line);border-radius:14px;padding:9px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}
 nav.open{display:flex}
 nav a{padding:12px 13px}
 .page-intro{padding:46px 0 42px}
 .intro-inner{display:block}
 h1{font-size:36px}
 .intro-copy{font-size:15px}
 .intro-note{margin-top:25px}
 section{padding:52px 0}
 .section-head{display:block;margin-bottom:22px}
 .section-head h2{font-size:26px}
 .section-head p{margin-top:9px}
 .filter-panel{display:block;padding:14px}
 .filter-group{margin-bottom:12px}
 .sort-select{width:100%}
 .list-layout{display:block}
 .side-panel{position:static;margin-bottom:18px}
 .list-item{grid-template-columns:96px 1fr;gap:12px;padding:9px}
 .list-thumb{height:100px}
 .list-info h3{font-size:15px}
 .list-info p{font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .list-item>.btn{grid-column:2;justify-self:start}
 .feature-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
 .feature-card{min-width:78%;scroll-snap-align:start}
 .feature-card:first-child{min-width:88%}
 .feature-card:first-child .feature-media,.feature-media{height:190px}
 .steps{display:block}
 .step{border-right:0;border-bottom:1px solid var(--line);padding:23px 8px}
 .step:last-child{border-bottom:0}
 .metrics{grid-template-columns:1fr 1fr}
 .metric{padding:22px 17px;border-bottom:1px solid rgba(255,255,255,.13)}
 .metric:nth-child(2){border-right:0}
 .metric strong{font-size:27px}
 .cta-inner{display:block}
 .cta h2{font-size:27px}
 .cta-actions{margin-top:22px}
 .footer-grid{grid-template-columns:1fr 1fr;gap:25px}
 .footer-brand{grid-column:span 2}
 .copyright{display:block}
 .copyright span{display:block;margin:5px 0}
}
@media(max-width:520px){
 .brand-sub{font-size:10px}
 .brand-name{font-size:16px}
 .filter-btn{padding:7px 11px}
 .footer-grid{grid-template-columns:1fr}
 .footer-brand{grid-column:auto}
}