/* roulang page: index */
:root{
            --ink:#2d2036;
            --muted:#776b7c;
            --paper:#fffdfb;
            --mist:#f8f4f1;
            --line:#e8dfe4;
            --berry:#8b3d73;
            --berry-dark:#642653;
            --coral:#f27763;
            --lime:#c8e86b;
            --mint:#d9f2df;
            --lavender:#eee4f5;
            --shadow:0 18px 45px rgba(73,38,67,.10);
            --soft-shadow:0 8px 24px rgba(73,38,67,.07);
            --radius-xl:28px;
            --radius-lg:20px;
            --radius-md:15px;
            --ease:220ms ease;
        }
        *,*::before,*::after{box-sizing:border-box}
        html{scroll-behavior:smooth}
        body{
            margin:0;
            color:var(--ink);
            background:var(--mist);
            font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;
            line-height:1.7;
            font-size:16px;
        }
        a{color:inherit;text-decoration:none;transition:color var(--ease),background var(--ease),transform var(--ease),border-color var(--ease)}
        img{max-width:100%;display:block}
        button,input,select,textarea{font:inherit}
        button,a,.button,input,select{min-height:44px}
        .container{width:min(1180px,calc(100% - 40px));margin:0 auto}
        .site-header{padding:18px 0;position:relative;z-index:5}
        .toolbar{
            display:flex;align-items:center;gap:24px;padding:12px 16px;
            background:rgba(255,253,251,.9);border:1px solid var(--line);
            border-radius:18px;box-shadow:var(--soft-shadow)
        }
        .brand{display:flex;align-items:center;gap:10px;font-weight:800;white-space:nowrap;font-size:18px}
        .brand-mark{
            width:32px;height:32px;border-radius:11px 15px 11px 15px;
            background:linear-gradient(135deg,var(--coral),var(--berry));position:relative;
        }
        .brand-mark:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--lime);right:5px;top:5px}
        .nav-links{display:flex;align-items:center;gap:5px;margin-left:auto}
        .nav-links a{padding:9px 14px;border-radius:11px;color:var(--muted);font-size:14px}
        .nav-links a:hover,.nav-links a:focus{color:var(--berry);background:var(--lavender)}
        .nav-links a.active{color:#fff;background:var(--berry);box-shadow:0 5px 14px rgba(139,61,115,.22)}
        .toolbar-status{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;white-space:nowrap}
        .status-dot{width:8px;height:8px;background:#72bf67;border-radius:50%;box-shadow:0 0 0 4px var(--mint)}
        .notice{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;color:var(--berry);position:relative}
        .notice b{position:absolute;right:-3px;top:-5px;background:var(--coral);color:#fff;border-radius:9px;font-size:10px;padding:0 4px}
        .button{
            display:inline-flex;align-items:center;justify-content:center;gap:8px;
            border:0;border-radius:13px;padding:12px 20px;font-weight:700;cursor:pointer;
            transition:all var(--ease)
        }
        .button.primary{background:var(--berry);color:#fff;box-shadow:0 8px 18px rgba(139,61,115,.22)}
        .button.primary:hover,.button.primary:focus{background:var(--berry-dark);transform:translateY(-2px)}
        .button.secondary{background:#fff;color:var(--berry);border:1px solid #d9c9dc}
        .button.secondary:hover,.button.secondary:focus{border-color:var(--berry);background:var(--lavender)}
        .button.text{padding:8px 0;color:var(--berry);background:transparent}
        .button:focus,a:focus,input:focus,select:focus,textarea:focus{outline:3px solid rgba(242,119,99,.35);outline-offset:2px}
        .hero{
            margin-top:30px;min-height:420px;padding:48px 52px;border-radius:var(--radius-xl);
            position:relative;overflow:hidden;background:linear-gradient(115deg,#6f2d65 0%,#9c4d78 56%,#f27763 100%);
            color:#fff;box-shadow:var(--shadow)
        }
        .hero:before,.hero:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.18)}
        .hero:before{width:410px;height:410px;right:-90px;top:-170px}
        .hero:after{width:260px;height:260px;right:115px;bottom:-170px}
        .hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;gap:42px;align-items:center}
        .eyebrow,.tag{display:inline-flex;align-items:center;gap:7px;border-radius:99px;font-size:12px;font-weight:700;letter-spacing:.04em}
        .eyebrow{padding:7px 12px;background:rgba(255,255,255,.15);color:#fff}
        h1,h2,h3,p{margin-top:0}
        h1{font-size:clamp(34px,5vw,64px);line-height:1.15;letter-spacing:-.04em;margin:20px 0 18px;max-width:680px}
        .hero-copy{font-size:18px;color:rgba(255,255,255,.85);max-width:650px}
        .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}
        .hero .button.primary{background:var(--lime);color:var(--ink)}
        .hero .button.primary:hover{background:#d9f493}
        .hero .button.secondary{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.35);color:#fff}
        .signal-panel{padding:23px;border-radius:22px;background:rgba(51,20,48,.26);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(4px)}
        .signal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;font-size:13px;color:#f9dce4}
        .signal-row{display:flex;align-items:end;justify-content:space-between;padding:17px 0;border-top:1px solid rgba(255,255,255,.16)}
        .signal-row strong{display:block;font-size:30px;line-height:1.1}
        .signal-row span{font-size:12px;color:rgba(255,255,255,.7)}
        .trend{color:var(--lime);font-size:13px;font-weight:700}
        section{padding:88px 0 0}
        .section-heading{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:28px}
        .section-heading h2{font-size:clamp(26px,3vw,38px);line-height:1.25;margin-bottom:8px;letter-spacing:-.03em}
        .section-heading p{color:var(--muted);max-width:610px;margin-bottom:0}
        .section-kicker{color:var(--coral);font-size:13px;font-weight:800;letter-spacing:.1em}
        .metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}
        .metric{padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--soft-shadow)}
        .metric strong{font-size:30px;display:block;line-height:1.2}.metric span{font-size:13px;color:var(--muted)}
        .metric .tag{margin-top:12px;padding:4px 9px;background:var(--mint);color:#377348}
        .matrix{display:grid;grid-template-columns:1.4fr .8fr .8fr;grid-template-rows:1fr 1fr;gap:16px}
        .matrix-card{padding:28px;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--paper);box-shadow:var(--soft-shadow);transition:all var(--ease)}
        .matrix-card:hover{transform:translateY(-3px);border-color:#c895bb;box-shadow:var(--shadow)}
        .matrix-card.primary-card{grid-row:span 2;background:linear-gradient(145deg,#7b356c,#b7547a);color:#fff;border:0}
        .matrix-card.wide{grid-column:span 2;display:flex;justify-content:space-between;align-items:center;background:#f0e8f4}
        .tag{padding:5px 10px;background:var(--lavender);color:var(--berry)}
        .primary-card .tag{background:rgba(255,255,255,.17);color:#fff}
        .matrix-card h3{font-size:23px;margin:20px 0 8px}.matrix-card p{font-size:14px;color:var(--muted);margin-bottom:18px}.primary-card p{color:rgba(255,255,255,.78)}
        .count{font-size:13px;font-weight:700;color:var(--berry)}.primary-card .count{color:var(--lime)}
        .arrow{font-size:22px;color:var(--coral);float:right}
        .compare-wrap{display:grid;grid-template-columns:1fr 1fr;gap:16px}
        .compare-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px}
        .compare-card.featured{border:2px solid var(--berry);box-shadow:var(--shadow);position:relative}
        .compare-card.featured:before{content:"更清晰";position:absolute;right:22px;top:20px;padding:5px 10px;border-radius:99px;background:var(--lime);font-size:12px;font-weight:800}
        .compare-card h3{margin-bottom:20px}.compare-list{list-style:none;margin:0;padding:0}.compare-list li{padding:12px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;font-size:14px}.compare-list span:last-child{color:var(--berry);font-weight:700}
        .latest-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:16px}
        .latest-list,.recommend{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:10px 24px}
        .latest-item{display:flex;align-items:center;gap:18px;padding:19px 0;border-bottom:1px solid var(--line)}
        .latest-item:last-child{border-bottom:0}.latest-number{font-size:14px;color:var(--coral);font-weight:800}.latest-item h3{font-size:16px;margin:0 0 3px}.latest-item p{margin:0;font-size:13px;color:var(--muted)}.latest-item time{margin-left:auto;color:var(--muted);font-size:12px;white-space:nowrap}
        .recommend{padding:26px}.recommend h3{font-size:20px}.recommend .tag{margin:5px 4px 5px 0}.mini-note{font-size:14px;color:var(--muted);margin-top:20px}
        .security{padding:30px;background:#33243b;color:#fff;border-radius:var(--radius-xl);display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}
        .security-item{padding:8px 20px;border-left:1px solid rgba(255,255,255,.2)}.security-item:first-child{border-left:0}.security-icon{font-size:26px;color:var(--lime)}.security h3{font-size:17px;margin:8px 0}.security p{font-size:13px;color:rgba(255,255,255,.68);margin:0}
        .faq-form{display:grid;grid-template-columns:1fr .9fr;gap:18px}
        .faq-box,.form-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:25px}
        .accordion{margin:0}.accordion-title{border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);font-weight:700;padding:18px 5px}.accordion-title:hover{background:#faf4f8;color:var(--berry)}.accordion-content{border:0;background:transparent;color:var(--muted);font-size:14px;padding:0 5px 18px}
        .form-card{background:linear-gradient(145deg,#fff7f3,#f1e8f5)}.form-card h3{font-size:22px}.form-card p{font-size:14px;color:var(--muted)}
        label{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:6px}input,select{height:48px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:none;color:var(--ink)}input:focus,select:focus{border-color:var(--berry);box-shadow:0 0 0 3px rgba(139,61,115,.1)}.form-card .button{width:100%;margin-top:8px}.form-hint{font-size:12px!important;margin:12px 0 0!important}
        .site-footer{margin-top:90px;padding:44px 0 25px;background:#2d2036;color:#fff}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}.footer-brand{font-size:20px;font-weight:800}.footer-copy{color:rgba(255,255,255,.62);font-size:13px;max-width:260px;margin-top:12px}.footer-group h3{font-size:13px;color:#f5c3bf;margin-bottom:12px}.footer-group a{display:block;color:rgba(255,255,255,.68);font-size:13px;margin:8px 0}.footer-group a:hover{color:var(--lime);padding-left:3px}.copyright{border-top:1px solid rgba(255,255,255,.13);margin-top:35px;padding-top:18px;color:rgba(255,255,255,.48);font-size:12px}
        @media(max-width:900px){.hero-grid,.latest-layout,.faq-form{grid-template-columns:1fr}.matrix{grid-template-columns:1fr 1fr}.matrix-card.primary-card{grid-row:auto;grid-column:span 2}.security{grid-template-columns:1fr}.security-item{border-left:0;border-top:1px solid rgba(255,255,255,.2);padding:18px 0 0}.security-item:first-child{border-top:0}.footer-grid{grid-template-columns:1fr 1fr}.toolbar-status{display:none}}
        @media(max-width:640px){.container{width:min(100% - 28px,1180px)}.site-header{padding:12px 0}.toolbar{gap:10px;padding:10px}.brand{font-size:15px}.nav-links{overflow-x:auto;margin-left:0;order:3;width:100%}.toolbar{flex-wrap:wrap}.nav-links a{padding:8px 10px;font-size:13px;white-space:nowrap}.notice{margin-left:auto}.toolbar>.button{display:none}.hero{margin-top:18px;padding:31px 24px;min-height:0}.hero-grid{gap:28px}.hero-copy{font-size:16px}h1{font-size:38px}.hero-actions .button{width:100%}section{padding-top:58px}.section-heading{display:block;margin-bottom:20px}.section-heading h2{font-size:28px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:17px}.metric strong{font-size:25px}.matrix{display:block}.matrix-card{margin-bottom:12px;padding:23px}.matrix-card.primary-card{min-height:220px}.matrix-card.wide{display:block}.compare-wrap{grid-template-columns:1fr}.compare-card{padding:23px}.latest-list{padding:6px 17px}.latest-item{gap:10px;align-items:flex-start}.latest-item time{font-size:11px}.latest-item h3{font-size:14px}.latest-item p{font-size:12px}.recommend{padding:22px}.faq-box,.form-card{padding:20px}.footer-grid{grid-template-columns:1fr 1fr;gap:22px}.footer-grid>div:first-child{grid-column:span 2}}
        @media(max-width:380px){h1{font-size:33px}.metrics{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}
        @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* roulang page: category1 */
:root{
      --ink:#2d2036;
      --muted:#776b7c;
      --paper:#fffdfb;
      --mist:#f8f4f1;
      --line:#e8dfe4;
      --berry:#8b3d73;
      --berry-dark:#642653;
      --coral:#f27763;
      --lime:#c8e86b;
      --mint:#d9f2df;
      --lavender:#eee4f5;
      --soft-pink:#fff0eb;
      --shadow:0 18px 45px rgba(73,38,67,.10);
      --soft-shadow:0 8px 24px rgba(73,38,67,.07);
      --radius-xl:28px;
      --radius-lg:20px;
      --radius-md:15px;
      --ease:220ms ease;
    }
    html{scroll-behavior:smooth}
    *,*::before,*::after{box-sizing:border-box}
    body{
      margin:0;
      color:var(--ink);
      background:var(--mist);
      font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;
      line-height:1.7;
      font-size:16px;
    }
    a{color:inherit;text-decoration:none;transition:color var(--ease),background var(--ease),transform var(--ease),border-color var(--ease)}
    img{max-width:100%;display:block}
    button,input,select,textarea{font:inherit}
    button,a,.button,input,select{min-height:44px}
    .container{width:min(1180px,calc(100% - 40px));margin:0 auto}
    .site-header{padding:18px 0;position:relative;z-index:5}
    .toolbar{
      min-height:64px;padding:10px 14px 10px 18px;display:flex;align-items:center;gap:20px;
      background:rgba(255,253,251,.88);border:1px solid var(--line);border-radius:18px;
      box-shadow:var(--soft-shadow)
    }
    .brand{display:flex;align-items:center;gap:10px;font-weight:800;white-space:nowrap;font-size:18px}
    .brand-mark{
      width:32px;height:32px;border-radius:11px 15px 11px 15px;
      background:linear-gradient(135deg,var(--coral),var(--berry));position:relative
    }
    .brand-mark:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--lime);right:5px;top:5px}
    .nav-links{display:flex;align-items:center;gap:5px;margin-left:auto}
    .nav-links a{padding:9px 14px;border-radius:11px;color:var(--muted);font-size:14px}
    .nav-links a:hover,.nav-links a:focus{color:var(--berry);background:var(--lavender)}
    .nav-links a.active{color:#fff;background:var(--berry);box-shadow:0 5px 14px rgba(139,61,115,.22)}
    .toolbar-status{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;white-space:nowrap}
    .status-dot{width:8px;height:8px;border-radius:50%;background:#83c66b;box-shadow:0 0 0 4px #e8f5df}
    .notice{width:38px;min-height:38px;display:grid;place-items:center;position:relative;color:var(--berry);font-size:20px}
    .notice b{position:absolute;right:1px;top:0;background:var(--coral);color:#fff;border-radius:99px;font-size:10px;line-height:18px;width:18px;text-align:center}
    .button{
      display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:13px;
      padding:12px 20px;font-weight:700;cursor:pointer;transition:all var(--ease)
    }
    .button.primary{background:var(--berry);color:#fff;box-shadow:0 8px 18px rgba(139,61,115,.22)}
    .button.primary:hover,.button.primary:focus{background:var(--berry-dark);transform:translateY(-2px)}
    .button.secondary{background:#fff;color:var(--berry);border:1px solid #d9c9dc}
    .button.secondary:hover,.button.secondary:focus{border-color:var(--berry);background:var(--lavender)}
    .button.text{padding:8px 0;color:var(--berry);background:transparent}
    .button:focus,a:focus,input:focus,select:focus,textarea:focus{outline:3px solid rgba(242,119,99,.35);outline-offset:2px}
    .crumbs{margin:35px 0 18px;color:var(--muted);font-size:13px}
    .crumbs a{color:var(--berry)}
    .crumbs span{margin:0 9px;color:#b4a6b4}
    .category-hero{
      padding:44px 48px;border-radius:var(--radius-xl);background:var(--paper);
      border:1px solid var(--line);box-shadow:var(--shadow);position:relative;overflow:hidden
    }
    .category-hero:after{
      content:"";position:absolute;width:300px;height:300px;border-radius:50%;
      right:-100px;top:-130px;background:linear-gradient(135deg,rgba(242,119,99,.22),rgba(139,61,115,.13))
    }
    .hero-layout{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:45px;align-items:center}
    .eyebrow,.tag,.badge{display:inline-flex;align-items:center;gap:7px;border-radius:99px;font-size:12px;font-weight:700}
    .eyebrow{padding:7px 12px;background:var(--lavender);color:var(--berry)}
    h1,h2,h3,p{margin-top:0}
    h1{font-size:clamp(32px,5vw,58px);line-height:1.16;letter-spacing:-.05em;margin:18px 0 16px}
    .hero-summary{max-width:640px;color:var(--muted);font-size:17px;margin-bottom:25px}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px}
    .brief-card{
      padding:28px;border-radius:var(--radius-lg);background:linear-gradient(145deg,#743367,#a54d78);
      color:#fff;box-shadow:0 15px 30px rgba(100,38,83,.2)
    }
    .brief-top{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:16px}
    .brief-top strong{font-size:18px}.brief-code{font-size:11px;color:rgba(255,255,255,.7)}
    .brief-card h2{font-size:24px;margin:24px 0 8px}
    .brief-card p{color:rgba(255,255,255,.78);font-size:14px}
    .brief-list{list-style:none;margin:20px 0 0;padding:0}
    .brief-list li{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.16);padding:10px 0;font-size:13px}
    .brief-list b{color:var(--lime)}
    section{padding-top:78px}
    .section-heading{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:25px}
    .section-heading h2{font-size:clamp(25px,3vw,36px);line-height:1.25;margin-bottom:8px;letter-spacing:-.03em}
    .section-heading p{color:var(--muted);max-width:610px;margin-bottom:0}
    .section-kicker{color:var(--coral);font-size:13px;font-weight:800;letter-spacing:.1em}
    .index-layout{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:start}
    .filter-panel,.tip-card,.faq-wrap,.preference-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--soft-shadow)}
    .filter-panel{padding:24px;position:sticky;top:20px}
    .filter-panel h3{font-size:18px;margin-bottom:20px}
    .filter-label{display:block;font-size:12px;color:var(--muted);font-weight:700;margin:17px 0 7px}
    .filter-panel select,.search-input,.preference-card input,.preference-card textarea{
      width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);
      padding:10px 12px;min-height:46px
    }
    .filter-tags{display:flex;flex-wrap:wrap;gap:8px}
    .filter-tag{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:99px;padding:7px 11px;font-size:12px;cursor:pointer}
    .filter-tag:hover,.filter-tag.active{background:var(--lavender);border-color:#c895bb;color:var(--berry)}
    .filter-stat{margin-top:23px;padding:15px;border-radius:14px;background:var(--mint)}
    .filter-stat strong{display:block;font-size:28px;line-height:1.1}.filter-stat span{font-size:12px;color:#477056}
    .index-content{min-width:0}
    .searchbar{display:flex;gap:10px;margin-bottom:16px}
    .searchbar .search-input{flex:1}
    .index-feature{
      min-height:190px;padding:28px;border-radius:var(--radius-lg);color:#fff;
      background:linear-gradient(120deg,#7b356c,#b7547a 65%,#f27763);position:relative;overflow:hidden;
      box-shadow:var(--soft-shadow);transition:all var(--ease)
    }
    .index-feature:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
    .index-feature:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.18);border-radius:50%;right:-60px;bottom:-120px}
    .feature-content{position:relative;z-index:1;max-width:650px}
    .tag{padding:5px 10px;background:var(--lavender);color:var(--berry)}
    .index-feature .tag{background:rgba(255,255,255,.17);color:#fff}
    .index-feature h3{font-size:25px;margin:16px 0 6px}.index-feature p{font-size:14px;color:rgba(255,255,255,.8);margin-bottom:12px}
    .meta-row{display:flex;flex-wrap:wrap;gap:9px;color:var(--muted);font-size:12px}.index-feature .meta-row{color:rgba(255,255,255,.75)}
    .badge{padding:4px 9px;background:var(--mint);color:#377348}
    .index-feature .badge{background:var(--lime);color:var(--ink)}
    .entry-list{display:grid;gap:12px;margin-top:13px}
    .entry{
      display:grid;grid-template-columns:92px 1fr auto;gap:18px;align-items:center;padding:17px;
      border:1px solid var(--line);border-radius:17px;background:var(--paper);transition:all var(--ease)
    }
    .entry:hover,.entry:focus-within{border-color:#c895bb;box-shadow:var(--soft-shadow);transform:translateX(3px)}
    .thumb{height:72px;border-radius:13px;background:linear-gradient(135deg,var(--soft-pink),var(--lavender));display:grid;place-items:center;color:var(--berry);font-size:24px}
    .entry h3{font-size:17px;margin:7px 0 4px}.entry p{font-size:13px;color:var(--muted);margin-bottom:5px}
    .entry-arrow{font-size:23px;color:var(--coral);padding:8px}
    .tip-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
    .tip-card{padding:25px}.tip-card h3{font-size:19px}.tip-card p{font-size:14px;color:var(--muted);margin-bottom:0}
    .tip-number{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--lime);font-weight:800;margin-bottom:15px}
    .faq-wrap{padding:12px 25px}
    .accordion{background:transparent;margin:0}
    .accordion-title{font-size:16px;font-weight:700;color:var(--ink);border:0;border-bottom:1px solid var(--line);padding:20px 35px 20px 0}
    .accordion-title:hover,.accordion-title:focus{background:transparent;color:var(--berry)}
    .accordion-content{border:0;background:transparent;color:var(--muted);font-size:14px;padding:0 10px 20px 0}
    .accordion-item:last-child .accordion-title{border-bottom:0}
    .preference-card{padding:32px;position:relative;overflow:hidden}
    .preference-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:linear-gradient(var(--coral),var(--berry))}
    .preference-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:35px;align-items:start}
    .preference-card h2{font-size:30px;line-height:1.25}.preference-card p{color:var(--muted);font-size:14px}
    .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-field.full{grid-column:1/-1}
    .form-field label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}
    .form-note{font-size:12px;color:var(--muted);margin:12px 0 0}
    .site-footer{margin-top:90px;padding:52px 0 25px;background:#302238;color:#fff}
    .footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:35px}
    .footer-brand{font-size:20px;font-weight:800;margin-bottom:12px}.footer-copy{color:#c9bdce;font-size:13px;max-width:270px}
    .footer-group{display:flex;flex-direction:column;gap:8px}.footer-group h3{font-size:13px;color:var(--lime);margin-bottom:7px}.footer-group a{color:#c9bdce;font-size:13px}.footer-group a:hover{color:#fff;text-decoration:underline}
    .copyright{border-top:1px solid rgba(255,255,255,.14);margin-top:35px;padding-top:20px;color:#a99cab;font-size:12px}
    .form-success{display:none;color:#377348;background:var(--mint);border-radius:12px;padding:12px;margin-top:13px;font-size:13px}
    @media(max-width:900px){
      .toolbar{gap:12px}.toolbar-status{display:none}.hero-layout,.preference-layout{grid-template-columns:1fr}.category-hero{padding:35px}
      .index-layout{grid-template-columns:215px 1fr}.footer-grid{grid-template-columns:1.3fr repeat(3,1fr);gap:20px}
    }
    @media(max-width:680px){
      .container{width:min(100% - 28px,560px)}.site-header{padding-top:12px}.toolbar{flex-wrap:wrap;padding:10px 12px}.brand{margin-right:auto}
      .nav-links{order:3;width:100%;overflow:auto;margin:0}.nav-links a{flex:1;text-align:center;white-space:nowrap}
      .notice,.toolbar>.button{display:none}.crumbs{margin-top:24px}.category-hero{padding:27px 22px;border-radius:22px}
      h1{font-size:36px}.hero-summary{font-size:15px}.brief-card{padding:22px}.section-heading{display:block}.section-heading p{margin-top:9px}
      section{padding-top:54px}.index-layout{display:block}.filter-panel{position:static;margin-bottom:15px}.searchbar{display:block}.searchbar .button{width:100%;margin-top:9px}
      .entry{grid-template-columns:66px 1fr;gap:12px}.thumb{height:60px}.entry-arrow{display:none}.entry h3{font-size:15px}.tip-grid,.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}
      .preference-card{padding:25px 20px}.preference-card h2{font-size:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:first-child{grid-column:1/-1}
    }
    @media(max-width:380px){.container{width:calc(100% - 22px)}h1{font-size:31px}.category-hero{padding:23px 17px}.form-grid{display:block}.form-field{margin-bottom:13px}}
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}