/* roulang page: index */
:root{
      --purple:#7655A8;
      --purple-dark:#513678;
      --berry:#A85D8E;
      --apricot:#E7A88B;
      --sage:#7E9674;
      --sage-soft:#eaf0e6;
      --paper:#F7F3EE;
      --white:#FFFDFC;
      --ink:#2E2635;
      --muted:#8D8495;
      --line:#e7dfeb;
      --soft-purple:#f0eaf5;
      --shadow:0 12px 32px rgba(70,45,92,.10);
      --shadow-hover:0 18px 40px rgba(70,45,92,.16);
      --radius-xl:24px;
      --radius-lg:18px;
      --radius-md:14px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;background:var(--paper);color:var(--ink);
      font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC","Helvetica Neue",Arial,sans-serif;
      font-size:16px;line-height:1.75;letter-spacing:.01em;
    }
    a{color:inherit;text-decoration:none;transition:all .22s ease}
    button,input,select,textarea{font:inherit}
    button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
      outline:3px solid rgba(118,85,168,.25);outline-offset:3px;
    }
    .container{max-width:1200px}
    .section{padding:88px 0;position:relative}
    .eyebrow{
      display:inline-flex;align-items:center;gap:8px;color:var(--purple);font-size:13px;
      font-weight:800;letter-spacing:.08em;margin-bottom:14px;
    }
    .eyebrow:before{content:"";width:22px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--purple),var(--apricot))}
    .section-title{font-size:clamp(29px,3.3vw,40px);line-height:1.22;letter-spacing:-.03em;font-weight:800;margin:0 0 13px}
    .section-lead{max-width:680px;color:var(--muted);margin:0;font-size:16px}
    .text-link{color:var(--purple);font-weight:800;display:inline-flex;align-items:center;gap:8px}
    .text-link:hover{color:var(--berry);gap:12px}
    .site-header{
      position:sticky;top:0;z-index:1000;background:rgba(255,253,252,.90);
      border-bottom:1px solid rgba(118,85,168,.12);backdrop-filter:blur(12px);
    }
    .navbar{min-height:72px;padding:10px 0}
    .navbar-brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--ink)!important;font-size:17px;white-space:nowrap}
    .brand-mark{
      width:31px;height:31px;display:grid;place-items:center;border-radius:11px;color:#fff;
      background:linear-gradient(135deg,var(--purple),var(--berry) 62%,var(--apricot));
      box-shadow:0 6px 16px rgba(118,85,168,.25);font-size:15px
    }
    .navbar-nav{gap:5px}
    .navbar-nav .nav-link{
      color:#665d6c!important;font-size:14px;font-weight:700;padding:9px 12px!important;border-radius:10px;
    }
    .navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{background:#f0e9f4;color:var(--purple)!important}
    .command-search{
      height:42px;width:210px;display:flex;align-items:center;gap:8px;padding:0 8px 0 12px;
      border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--muted);font-size:13px;
    }
    .command-search input{border:0;outline:0;min-width:0;flex:1;background:transparent;color:var(--ink)}
    .command-search input::placeholder{color:#aaa2ae}
    .keycap{font-size:11px;line-height:1;padding:5px 6px;border:1px solid #ded5e4;background:#f7f3f8;border-radius:6px;color:#756c7b}
    .icon-btn{
      height:42px;width:42px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--purple);
      display:grid;place-items:center
    }
    .icon-btn:hover{border-color:#c5add5;background:#f6eff8;transform:translateY(-1px)}
    .btn-brand,.btn-outline-brand{
      border-radius:12px;min-height:44px;padding:10px 18px;font-weight:800;font-size:14px;border:0;
      display:inline-flex;align-items:center;justify-content:center;gap:8px;
    }
    .btn-brand{color:#fff;background:linear-gradient(110deg,var(--purple),var(--berry));box-shadow:0 8px 20px rgba(118,85,168,.24)}
    .btn-brand:hover{color:#fff;filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 12px 26px rgba(118,85,168,.3)}
    .btn-outline-brand{color:var(--purple);background:#fff;border:1px solid #d6c6e1}
    .btn-outline-brand:hover{color:var(--purple);background:#f3edf6;border-color:var(--purple);transform:translateY(-2px)}
    .navbar-toggler{border:1px solid var(--line);border-radius:11px;padding:8px 10px;color:var(--purple)}
    .navbar-toggler:focus{box-shadow:none}
    .hero{padding:72px 0 34px;overflow:hidden;position:relative}
    .hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}
    .hero:before{width:420px;height:420px;right:-120px;top:-170px;background:radial-gradient(circle,rgba(231,168,139,.25),rgba(231,168,139,0) 68%)}
    .hero:after{width:360px;height:360px;left:-150px;bottom:-170px;background:radial-gradient(circle,rgba(118,85,168,.16),rgba(118,85,168,0) 70%)}
    .hero-copy{padding:34px 20px 34px 0;position:relative;z-index:1}
    .hero-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid #ddcee6;background:rgba(255,253,252,.8);border-radius:999px;color:var(--purple);font-size:13px;font-weight:800}
    .pulse-dot{width:8px;height:8px;background:var(--sage);border-radius:50%;box-shadow:0 0 0 4px rgba(126,150,116,.14)}
    h1{font-size:clamp(38px,5vw,57px);line-height:1.13;letter-spacing:-.05em;font-weight:800;margin:18px 0;color:var(--ink)}
    .hero-copy p{max-width:635px;font-size:17px;color:#675e6d;margin-bottom:25px}
    .hero-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}
    .tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:12px;color:#706777;font-weight:700}
    .dashboard{
      position:relative;background:var(--white);border:1px solid rgba(118,85,168,.22);border-radius:var(--radius-xl);
      padding:0;box-shadow:var(--shadow);overflow:hidden;z-index:1
    }
    .dashboard-top{padding:15px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#f8f2fa,#fffaf7)}
    .status{font-size:12px;font-weight:800;color:var(--sage);display:flex;align-items:center;gap:7px}
    .dots{display:flex;gap:5px}.dots i{display:block;width:7px;height:7px;border-radius:50%;background:#d6cadc}.dots i:nth-child(1){background:var(--berry)}
    .dashboard-main{padding:27px 25px 20px;position:relative}
    .dashboard-main:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-90px;bottom:-120px;background:radial-gradient(circle,rgba(168,93,142,.16),rgba(168,93,142,0) 69%)}
    .dash-label{font-size:13px;color:var(--muted);font-weight:700}
    .dash-value{font-size:48px;line-height:1;font-weight:800;letter-spacing:-.06em;margin:8px 0}
    .dash-value small{font-size:15px;letter-spacing:0;color:var(--muted);font-weight:700;margin-left:3px}
    .chart-row{display:flex;align-items:center;gap:18px;position:relative;z-index:1}
    .ring{width:84px;height:84px;border-radius:50%;background:conic-gradient(var(--purple) 0 67%,var(--apricot) 67% 80%,#ece5ed 80% 100%);display:grid;place-items:center;position:relative}
    .ring:after{content:"";width:65px;height:65px;background:var(--white);border-radius:50%}
    .ring span{position:absolute;z-index:1;font-size:14px;font-weight:800;color:var(--purple)}
    .mini-line{flex:1;height:74px}
    .dashboard-footer{padding:14px 18px 18px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
    .data-badge{padding:10px 9px;border:1px solid var(--line);border-radius:13px;background:#fff;font-size:11px;color:var(--muted)}
    .data-badge strong{display:block;color:var(--ink);font-size:14px;line-height:1.35;margin-top:2px}
    .metric-strip{position:relative;z-index:2;background:var(--white);border:1px solid var(--line);border-radius:17px;box-shadow:0 8px 22px rgba(70,45,92,.06);padding:0}
    .metric-item{padding:18px 24px;border-right:1px solid var(--line)}
    .metric-item:last-child{border:0}
    .metric-item b{display:block;color:var(--purple);font-size:20px;line-height:1.1}.metric-item span{font-size:12px;color:var(--muted);font-weight:700}
    .matrix-card,.compare-wrap,.review-card,.news-panel,.contact-card,.plant-card{
      background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius-xl)
    }
    .matrix-card{padding:30px;position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
    .matrix-card:hover,.plant-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:#cfb8dd}
    .matrix-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--purple),var(--berry),var(--apricot))}
    .matrix-card.main-card{min-height:360px;background:linear-gradient(145deg,#fffdfc 0%,#f7f0f8 100%)}
    .matrix-card.main-card:after{content:"";position:absolute;width:290px;height:290px;border:1px solid rgba(118,85,168,.13);border-radius:50%;right:-100px;bottom:-115px;box-shadow:0 0 0 33px rgba(168,93,142,.035),0 0 0 67px rgba(126,150,116,.035)}
    .matrix-card.secondary{min-height:171px;padding:23px 25px}
    .matrix-card.sage:before{background:linear-gradient(90deg,var(--sage),#a7ba99,var(--apricot))}
    .matrix-card h3{font-weight:800;font-size:24px;position:relative;z-index:1}
    .card-chip{float:right;color:var(--purple);background:#f0e8f5;border:1px solid #dfcde9;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:800}
    .card-list{margin:19px 0 22px;padding:0;list-style:none;position:relative;z-index:1}.card-list li{font-size:14px;color:#665d6d;margin:8px 0}.card-list i{color:var(--sage);margin-right:8px}
    .progress-line{height:6px;border-radius:99px;background:#e9e2eb;overflow:hidden;position:relative;z-index:1}.progress-line span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--purple),var(--berry));transition:width .7s ease}.sage .progress-line span{background:linear-gradient(90deg,var(--sage),#b4caa7)}
    .matrix-bottom{padding:19px 25px;border:1px solid var(--line);background:#fffcf8;border-radius:18px;display:flex;justify-content:space-between;align-items:center;gap:15px}
    .matrix-bottom p{margin:0;color:var(--muted);font-size:14px}
    .plant-card{padding:26px;transition:all .25s ease;background:#fffdfb}
    .plant-no{font-size:13px;color:var(--berry);font-weight:800;letter-spacing:.12em}
    .plant-card h3{font-size:21px;font-weight:800;margin:12px 0 8px}.plant-card p{font-size:14px;color:var(--muted);margin-bottom:14px}
    .compare-wrap{padding:26px;background:#eee7f1;position:relative}
    .compare-panel{padding:28px;border-radius:18px;height:100%}.compare-panel.before{background:#e2dbe7;color:#5b5262}.compare-panel.after{background:#fffdfb}
    .compare-panel h3{font-size:22px;font-weight:800;margin-bottom:18px}.compare-panel ul{padding:0;list-style:none;margin:0}.compare-panel li{display:flex;gap:10px;margin:13px 0;font-size:14px}.compare-panel li i{color:var(--sage);font-size:16px}.compare-number{font-size:33px;font-weight:800;letter-spacing:-.05em;color:var(--purple);margin-top:22px}.compare-number small{font-size:12px;color:var(--muted);letter-spacing:0;margin-left:4px}
    .vs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:43px;height:43px;border:1px solid #d6c6df;background:#fff;border-radius:50%;display:grid;place-items:center;color:var(--purple);font-size:11px;font-weight:800}
    .review-wall{background:#2e2635;color:#f8f3ed;padding:44px;border-radius:var(--radius-xl);overflow:hidden;position:relative}
    .review-wall:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-160px;top:-260px;background:radial-gradient(circle,rgba(231,168,139,.27),transparent 68%)}
    .review-wall .section-lead{color:#cbc1cc}.rating{font-size:47px;line-height:1;font-weight:800;color:#fff}.stars{color:#e7a88b;font-size:15px;letter-spacing:2px}.review-quote{position:relative;z-index:1;border-left:1px solid rgba(255,255,255,.18);padding:4px 0 4px 21px;font-size:14px;color:#e7dfe8}.review-quote b{display:block;color:#fff;margin-top:9px;font-size:13px}
    .news-panel{padding:8px 28px;background:#fffdfb}.news-row{display:flex;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.news-row:last-child{border:0}.news-date{width:72px;color:var(--berry);font-size:12px;font-weight:800}.news-row h3{font-size:16px;font-weight:800;margin:0;flex:1}.news-state{font-size:12px;color:var(--sage);background:var(--sage-soft);padding:4px 9px;border-radius:999px;font-weight:800}
    .accordion-item{border:0!important;background:transparent!important;margin-bottom:13px}.accordion-button{padding:20px 24px;border-radius:16px!important;background:#fffdfb!important;box-shadow:0 6px 18px rgba(70,45,92,.05)!important;color:var(--ink)!important;font-weight:800;gap:16px}.accordion-button:not(.collapsed){background:#f1eaf5!important;color:var(--purple)!important}.accordion-button:after{background-size:15px}.faq-number{color:var(--berry);font-size:12px;letter-spacing:.1em}.accordion-body{background:#f8f3fa;color:#62596a;padding:18px 24px 22px 59px;font-size:14px;border-radius:0 0 16px 16px}
    .contact-card{padding:36px;position:relative;overflow:hidden;background:linear-gradient(110deg,#fffdfc 0%,#fff8f5 100%)}.contact-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--purple),var(--berry),var(--apricot))}.contact-card h2{font-size:31px;font-weight:800;margin:0 0 12px}.contact-card p{color:var(--muted);font-size:14px}.trust-list{padding:0;list-style:none;margin:22px 0 0}.trust-list li{font-size:13px;margin:9px 0;color:#655b6c}.trust-list i{color:var(--sage);margin-right:8px}
    .form-label{font-size:13px;font-weight:800;color:#5d5364;margin-bottom:7px}.form-control,.form-select{border:1px solid #ded4e2;border-radius:13px;background:#fff;min-height:47px;padding:10px 13px;color:var(--ink);font-size:14px}.form-control:focus,.form-select:focus{border-color:var(--purple);box-shadow:0 0 0 4px rgba(118,85,168,.13)}textarea.form-control{min-height:96px;resize:vertical}.form-check-input:checked{background-color:var(--purple);border-color:var(--purple)}.form-check-label{font-size:12px;color:var(--muted)}
    .site-footer{background:var(--ink);color:#d8d0d8;margin-top:88px;border-top:4px solid transparent;border-image:linear-gradient(90deg,var(--purple),var(--berry),var(--apricot)) 1}.footer-wrap{padding:55px 0 25px}.footer-brand{color:#fff;font-size:19px;font-weight:800}.footer-note{font-size:13px;max-width:340px;color:#b9afbb;margin-top:11px}.footer-title{font-size:13px;color:#fff;font-weight:800;margin-bottom:13px}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin:8px 0}.footer-links a{font-size:13px;color:#c7bec8}.footer-links a:hover{color:#fff;padding-left:3px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:20px;margin-top:36px;font-size:12px;color:#a89daa}
    @media(max-width:991px){.section{padding:66px 0}.hero{padding-top:40px}.hero-copy{padding-right:0}.dashboard{margin-top:10px}.vs{top:50%;}.command-search{width:175px}.matrix-card.main-card{min-height:300px}}
    @media(max-width:767px){.navbar{min-height:66px}.navbar-brand{font-size:15px}.brand-mark{width:29px;height:29px}.navbar-collapse{padding:14px 0 8px}.navbar-nav{padding:8px 0}.navbar-nav .nav-link{padding:11px 12px!important}.command-search{width:100%;margin:8px 0 12px}.header-actions .icon-btn,.header-actions>.btn-brand{display:none}.mobile-cta{display:flex!important}.hero{padding:35px 0 22px}h1{font-size:37px}.hero-copy p{font-size:16px}.hero .btn-brand,.hero .btn-outline-brand{flex:1;padding-left:10px;padding-right:10px}.metric-strip{overflow:auto}.metric-item{min-width:145px;padding:15px 18px}.section-title{font-size:29px}.matrix-card{padding:23px}.matrix-card.secondary{min-height:auto}.matrix-bottom{align-items:flex-start;flex-direction:column}.compare-wrap{padding:13px}.compare-panel{padding:23px}.vs{position:relative;left:auto;top:auto;transform:none;margin:-2px auto;z-index:4}.review-wall{padding:29px}.news-panel{padding:5px 19px}.news-row{gap:10px}.news-date{width:55px}.news-row h3{font-size:14px}.news-state{display:none}.accordion-button{padding:18px 16px;gap:10px;font-size:14px}.accordion-body{padding:16px 18px 19px 43px}.contact-card{padding:27px 21px}.site-footer{margin-top:60px}.footer-wrap{padding-top:38px}}
    @media(max-width:520px){.hero-tags{gap:6px}.dashboard-main{padding:23px 19px 16px}.dashboard-footer{padding:12px;gap:6px}.data-badge{padding:8px 6px;font-size:10px}.data-badge strong{font-size:12px}.dash-value{font-size:42px}.chart-row{gap:12px}.ring{width:73px;height:73px}.ring:after{width:57px;height:57px}.section{padding:55px 0}.section-lead{font-size:14px}.contact-card h2{font-size:27px}}
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* roulang page: category1 */
:root{--purple:#7655A8;--purple-dark:#513678;--berry:#A85D8E;--apricot:#E7A88B;--sage:#7E9674;--sage-soft:#eaf0e6;--paper:#F7F3EE;--white:#FFFDFC;--ink:#2E2635;--muted:#8D8495;--line:#e7dfeb;--soft-purple:#f0eaf5;--shadow:0 12px 32px rgba(70,45,92,.10);--shadow-hover:0 18px 40px rgba(70,45,92,.16);--radius-xl:24px;--radius-lg:18px;--radius-md:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC","Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.75;letter-spacing:.01em}a{color:inherit;text-decoration:none;transition:all .22s ease}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(118,85,168,.25);outline-offset:3px}.container{max-width:1200px}.section{padding:82px 0;position:relative}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--purple);font-size:13px;font-weight:800;letter-spacing:.08em;margin-bottom:14px}.eyebrow:before{content:"";width:22px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--purple),var(--apricot))}.section-title{font-size:clamp(29px,3.3vw,40px);line-height:1.22;letter-spacing:-.03em;font-weight:800;margin:0 0 13px}.section-lead{max-width:670px;color:var(--muted);margin:0;font-size:16px}.text-link{color:var(--purple);font-weight:800;display:inline-flex;align-items:center;gap:8px}.text-link:hover{color:var(--berry);gap:12px}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,253,252,.92);border-bottom:1px solid rgba(118,85,168,.12);backdrop-filter:blur(12px)}.navbar{min-height:72px;padding:10px 0}.navbar-brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--ink)!important;font-size:17px;white-space:nowrap}.brand-mark{width:31px;height:31px;display:grid;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(135deg,var(--purple),var(--berry) 62%,var(--apricot));box-shadow:0 6px 16px rgba(118,85,168,.25);font-size:15px}.navbar-nav{gap:5px}.navbar-nav .nav-link{color:#665d6c!important;font-size:14px;font-weight:700;padding:9px 12px!important;border-radius:10px}.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{background:#f0e9f4;color:var(--purple)!important}.command-search{height:42px;width:210px;display:flex;align-items:center;gap:8px;padding:0 8px 0 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--muted);font-size:13px}.command-search input{border:0;outline:0;min-width:0;flex:1;background:transparent;color:var(--ink)}.command-search input::placeholder{color:#aaa2ae}.keycap{padding:1px 6px;border-radius:6px;background:#f2edf4;color:#83778b;font-size:10px;white-space:nowrap}.icon-btn{height:42px;width:42px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--purple);display:grid;place-items:center}.icon-btn:hover{border-color:#c5add5;background:#f6eff8;transform:translateY(-1px)}.btn-brand,.btn-outline-brand{border-radius:12px;min-height:44px;padding:10px 18px;font-weight:800;font-size:14px;border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-brand{color:#fff;background:linear-gradient(110deg,var(--purple),var(--berry));box-shadow:0 8px 20px rgba(118,85,168,.24)}.btn-brand:hover{color:#fff;filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 12px 26px rgba(118,85,168,.3)}.btn-outline-brand{color:var(--purple);background:#fff;border:1px solid #d6c6e1}.btn-outline-brand:hover{color:var(--purple);background:#f3edf6;border-color:var(--purple);transform:translateY(-2px)}.navbar-toggler{border:1px solid var(--line);border-radius:11px;padding:8px 10px;color:var(--purple)}.navbar-toggler:focus{box-shadow:none}
.category-hero{padding:58px 0 36px;position:relative;overflow:hidden}.category-hero:before{content:"";position:absolute;width:430px;height:430px;right:-120px;top:-220px;background:radial-gradient(circle,rgba(231,168,139,.26),transparent 68%)}.breadcrumb{margin-bottom:22px;font-size:13px}.breadcrumb-item,.breadcrumb-item a{color:var(--muted)}.breadcrumb-item.active{color:var(--purple);font-weight:800}.hero-panel,.stat-card,.content-card,.filter-bar,.status-bar,.faq-panel,.guide-strip{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius-xl)}.hero-panel{padding:42px;position:relative;overflow:hidden}.hero-panel:after{content:"";position:absolute;width:220px;height:220px;left:-100px;bottom:-120px;border-radius:50%;background:radial-gradient(circle,rgba(118,85,168,.13),transparent 70%)}.hero-panel h1{position:relative;font-size:clamp(34px,4.4vw,54px);line-height:1.16;letter-spacing:-.045em;font-weight:800;margin:0 0 18px}.hero-panel p{position:relative;max-width:670px;margin:0;color:#675e6d;font-size:17px}.tag-row,.filter-pills{display:flex;flex-wrap:wrap;gap:9px}.tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:12px;color:#706777;font-weight:700}.tag.purple{background:var(--soft-purple);border-color:#d9c8e5;color:var(--purple)}.stat-card{padding:25px;height:100%;position:relative}.stat-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px;font-weight:700}.ring{width:118px;height:118px;margin:25px auto 20px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--purple) 0 69%,#eee7f0 69% 100%);position:relative}.ring:after{content:"";position:absolute;inset:10px;background:var(--white);border-radius:50%}.ring b,.ring span{z-index:1;line-height:1.1}.ring b{font-size:26px;color:var(--purple)}.ring span{font-size:11px;color:var(--muted);margin-top:-30px}.trend-line{margin-top:15px}.trend-label{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);font-weight:700;margin-bottom:6px}.bar{height:7px;border-radius:999px;background:#eee8ef;overflow:hidden}.bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--purple),var(--berry))}.bar.sage i{background:var(--sage)}
.filter-bar{padding:17px 20px;margin:14px 0 18px}.filter-layout{display:flex;align-items:center;gap:12px}.filter-pills{flex:1}.filter-pill{border:1px solid var(--line);background:#fff;color:#746a78;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800}.filter-pill:hover,.filter-pill.active{background:var(--soft-purple);border-color:#cfb8dd;color:var(--purple)}.filter-search{height:40px;max-width:220px;border:1px solid var(--line);border-radius:11px;padding:0 12px;color:var(--ink);background:#fff}.filter-search:focus{border-color:var(--purple);box-shadow:0 0 0 4px rgba(118,85,168,.1);outline:0}.status-bar{padding:14px 19px;display:flex;align-items:center;gap:12px;border-radius:var(--radius-lg);box-shadow:none;background:#f5eff7;color:#64596a;font-size:13px}.status-number{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:var(--purple);color:#fff;font-weight:800}.clear-filter{margin-left:auto;border:0;background:transparent;color:var(--purple);font-weight:800;font-size:13px}.clear-filter:hover{color:var(--berry)}
.content-card{height:100%;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.content-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:#cfb8dd}.feature-card{display:grid;grid-template-columns:40% 60%;min-height:292px}.cover{min-height:180px;position:relative;overflow:hidden;background:linear-gradient(135deg,#dfd1ec,#a77bc2 55%,#e8af92)}.cover:before,.cover:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.48)}.cover:before{width:185px;height:185px;left:24px;top:32px}.cover:after{width:86px;height:86px;right:22px;bottom:25px;background:rgba(255,255,255,.22)}.cover .cover-number{position:absolute;left:25px;bottom:19px;font-size:42px;font-weight:800;line-height:1;color:#fff;opacity:.9}.cover.alt{background:linear-gradient(145deg,#eee5f3,#d8a5bd 54%,#e7c29e)}.cover.sage{background:linear-gradient(145deg,#dfe8d9,#9caf95 58%,#d7a6a2)}.card-body-custom{padding:26px}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px;font-weight:700;margin-bottom:13px}.small-badge{border-radius:999px;padding:4px 9px;background:var(--soft-purple);color:var(--purple);font-size:11px;font-weight:800}.content-card h2,.content-card h3{font-size:22px;line-height:1.35;font-weight:800;margin:0 0 10px}.content-card h3{font-size:19px}.content-card p{font-size:14px;color:#706777;margin:0 0 16px}.card-foot{border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.arrow-link{color:var(--purple);font-size:16px}.content-card:hover .arrow-link{transform:translateX(4px)}
.faq-panel{padding:30px;background:linear-gradient(180deg,#fffdfc,#faf6fb)}.accordion-item{border:0!important;background:transparent!important;margin-bottom:12px}.accordion-button{box-shadow:none!important;border:1px solid var(--line)!important;border-radius:14px!important;background:#fff!important;color:var(--ink)!important;padding:17px 18px;font-size:15px;font-weight:800}.accordion-button:not(.collapsed){border-color:#d0bcdd!important;background:#f4eef7!important;color:var(--purple)!important}.accordion-button:after{background-size:16px;filter:sepia(1) saturate(.8) hue-rotate(225deg)}.faq-no{color:var(--berry);font-size:12px;margin-right:13px}.accordion-body{margin:0 8px;padding:15px 18px 18px;border:1px solid #e8ddec;border-top:0;border-radius:0 0 14px 14px;background:#faf6fb;color:#6e6574;font-size:14px}.guide-strip{padding:29px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(100deg,#fffdfc 10%,#f2eaf6 100%)}.guide-strip h2{font-size:24px;font-weight:800;margin:0 0 6px}.guide-strip p{margin:0;color:var(--muted);font-size:14px}
.site-footer{margin-top:64px;background:var(--ink);color:#e9e2e9;border-top:3px solid transparent;border-image:linear-gradient(90deg,var(--purple),var(--berry),var(--apricot)) 1}.footer-wrap{padding:58px 12px 20px}.footer-brand{font-size:20px;font-weight:800;color:#fff;margin-bottom:10px}.footer-note{font-size:14px;color:#beb5c0;max-width:420px;margin:0}.footer-title{font-size:13px;color:#fff;font-weight:800;margin-bottom:12px}.footer-links{padding:0;margin:0;list-style:none}.footer-links li{margin:8px 0}.footer-links a{color:#c6bdc8;font-size:14px}.footer-links a:hover{color:#f0bdd6}.footer-bottom{margin-top:42px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:12px;color:#a99fab}
@media(max-width:991px){.navbar-collapse{padding:15px 0 8px}.navbar-nav{margin:8px 0 12px}.command-search{width:100%}.category-hero{padding-top:35px}.hero-panel{padding:31px}.filter-layout{align-items:stretch;flex-direction:column}.filter-search{max-width:none}.feature-card{grid-template-columns:34% 66%}}@media(max-width:767px){.section{padding:58px 0}.category-hero{padding-bottom:20px}.hero-panel{padding:26px 22px;border-radius:20px}.hero-panel h1{font-size:35px}.hero-panel p{font-size:15px}.stat-card{margin-top:18px}.feature-card{display:block}.cover{min-height:164px}.filter-bar{padding:15px}.filter-pills{flex-wrap:nowrap;overflow:auto;padding-bottom:3px}.filter-pill{white-space:nowrap}.status-bar{align-items:flex-start;flex-wrap:wrap}.clear-filter{margin-left:42px;margin-top:-30px}.guide-strip{padding:25px 22px;display:block}.guide-strip .btn-brand{margin-top:18px;width:100%}.faq-panel{padding:18px}.footer-wrap{padding-top:42px}}@media(max-width:520px){.navbar-brand{font-size:15px}.brand-mark{width:29px;height:29px}.section-title{font-size:29px}.card-body-custom{padding:21px}.content-card h2{font-size:20px}.pagination{justify-content:center}.hero-panel h1{font-size:32px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

/* roulang page: category2 */
:root{
 --purple:#7655A8;--purple-dark:#513678;--berry:#A85D8E;--apricot:#E7A88B;
 --sage:#7E9674;--sage-soft:#eaf0e6;--paper:#F7F3EE;--white:#FFFDFC;
 --ink:#2E2635;--muted:#8D8495;--line:#e7dfeb;--soft-purple:#f0eaf5;
 --shadow:0 12px 32px rgba(70,45,92,.10);--shadow-hover:0 18px 40px rgba(70,45,92,.16);
 --radius-xl:24px;--radius-lg:18px;--radius-md:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC","Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.75;letter-spacing:.01em}
a{color:inherit;text-decoration:none;transition:all .22s ease}
button,input,select,textarea{font:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(118,85,168,.25);outline-offset:3px}
.container{max-width:1200px}
.section{padding:84px 0;position:relative}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--purple);font-size:13px;font-weight:800;letter-spacing:.08em;margin-bottom:13px}
.eyebrow:before{content:"";width:22px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--purple),var(--apricot))}
.section-title{font-size:clamp(29px,3.3vw,40px);line-height:1.22;letter-spacing:-.03em;font-weight:800;margin:0 0 12px}
.section-lead{max-width:700px;color:var(--muted);margin:0;font-size:16px}
.text-link{color:var(--purple);font-weight:800;display:inline-flex;align-items:center;gap:8px}
.text-link:hover{color:var(--berry);gap:12px}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,253,252,.92);border-bottom:1px solid rgba(118,85,168,.12);backdrop-filter:blur(12px)}
.navbar{min-height:72px;padding:10px 0}
.navbar-brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--ink)!important;font-size:17px;white-space:nowrap}
.brand-mark{width:31px;height:31px;display:grid;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(135deg,var(--purple),var(--berry) 62%,var(--apricot));box-shadow:0 6px 16px rgba(118,85,168,.25);font-size:15px}
.navbar-nav{gap:5px}
.navbar-nav .nav-link{color:#665d6c!important;font-size:14px;font-weight:700;padding:9px 12px!important;border-radius:10px}
.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{background:#f0e9f4;color:var(--purple)!important}
.command-search{height:42px;width:210px;display:flex;align-items:center;gap:8px;padding:0 8px 0 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--muted);font-size:13px}
.command-search input{border:0;outline:0;min-width:0;flex:1;background:transparent;color:var(--ink)}
.command-search input::placeholder{color:#aaa2ae}
.keycap{padding:2px 6px;border:1px solid #e5dde9;border-radius:6px;background:#f7f4f8;color:#8d8495;font-size:10px;white-space:nowrap}
.icon-btn{height:42px;width:42px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--purple);display:grid;place-items:center}
.icon-btn:hover{border-color:#c5add5;background:#f6eff8;transform:translateY(-1px)}
.btn-brand,.btn-outline-brand{border-radius:12px;min-height:44px;padding:10px 18px;font-weight:800;font-size:14px;border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.btn-brand{color:#fff;background:linear-gradient(110deg,var(--purple),var(--berry));box-shadow:0 8px 20px rgba(118,85,168,.24)}
.btn-brand:hover{color:#fff;filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 12px 26px rgba(118,85,168,.30)}
.btn-outline-brand{color:var(--purple);background:#fff;border:1px solid #d6c6e1}
.btn-outline-brand:hover{color:var(--purple);background:#f3edf6;border-color:var(--purple);transform:translateY(-2px)}
.navbar-toggler{border:1px solid var(--line);border-radius:11px;padding:8px 10px;color:var(--purple)}
.navbar-toggler:focus{box-shadow:none}
.page-hero{padding:58px 0 38px;position:relative;overflow:hidden}
.page-hero:before{content:"";position:absolute;width:390px;height:390px;right:-110px;top:-180px;border-radius:50%;background:radial-gradient(circle,rgba(231,168,139,.28),rgba(231,168,139,0) 69%)}
.page-hero:after{content:"";position:absolute;width:330px;height:330px;left:-110px;bottom:-220px;border-radius:50%;background:radial-gradient(circle,rgba(126,150,116,.17),rgba(126,150,116,0) 69%)}
.breadcrumb{position:relative;z-index:1;margin-bottom:20px;font-size:13px}
.breadcrumb-item,.breadcrumb-item a{color:var(--muted)}
.breadcrumb-item.active{color:var(--purple);font-weight:800}
.breadcrumb-item+.breadcrumb-item:before{color:#b7adbd;content:"/"}
.index-hero-card{position:relative;z-index:1;overflow:hidden;padding:37px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow)}
.index-hero-card:after{content:"";position:absolute;width:280px;height:280px;right:22%;top:-170px;border:1px dashed rgba(118,85,168,.22);border-radius:50%;pointer-events:none}
.hero-title{font-size:clamp(34px,4.4vw,53px);line-height:1.14;letter-spacing:-.045em;font-weight:800;margin:0 0 15px;max-width:570px}
.hero-summary{max-width:565px;color:#665d6c;font-size:16px;margin:0}
.tag-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}
.tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:12px;color:#706777;font-weight:700}
.trend-box{position:relative;z-index:2;padding:12px 24px;border-left:1px solid var(--line)}
.trend-caption{font-size:12px;color:var(--muted);font-weight:700;margin-bottom:8px}
.trend-chart{width:100%;height:82px}
.status-stack{position:relative;z-index:2;display:grid;gap:10px}
.status-chip{padding:12px 13px;border:1px solid var(--line);border-radius:14px;background:#fff}
.status-chip small{display:block;color:var(--muted);font-size:11px;font-weight:700}
.status-chip strong{font-size:17px;color:var(--purple);line-height:1.25}
.status-chip.sage strong{color:var(--sage)}
.filter-section{padding:18px 0 0}
.filter-panel{padding:22px 24px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 8px 24px rgba(70,45,92,.06)}
.filter-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}
.filter-title{font-size:14px;font-weight:800;margin:0}
.filter-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.filter-search{display:flex;align-items:center;gap:8px;height:42px;padding:0 12px;background:#faf8fa;border:1px solid var(--line);border-radius:12px;color:var(--muted)}
.filter-search input{width:178px;border:0;background:transparent;outline:0;color:var(--ink);font-size:13px}
.filter-tags{display:flex;gap:9px;overflow:auto;padding-bottom:2px;scrollbar-width:none}
.filter-tags::-webkit-scrollbar{display:none}
.filter-tag{border:1px solid var(--line);background:#fff;color:#716777;padding:8px 13px;border-radius:999px;white-space:nowrap;font-size:13px;font-weight:700;min-height:38px}
.filter-tag:hover,.filter-tag.active{color:var(--purple);background:#f2ecf6;border-color:#cbb6db}
.sort-pill{border:1px solid #d6c6e1;background:#fff;color:var(--purple);font-size:13px;font-weight:800;border-radius:999px;padding:8px 13px;min-height:38px}
.result-strip{margin-top:22px;display:flex;align-items:center;gap:16px;padding:15px 18px;border-radius:15px;background:linear-gradient(90deg,#f0eaf5,#fbf4ed);border:1px solid #e2d5e8}
.result-number{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--purple);color:#fff;font-size:13px;font-weight:800}
.result-strip p{margin:0;color:#62596a;font-size:14px;flex:1}
.clear-btn{border:0;background:transparent;color:var(--purple);font-size:13px;font-weight:800;padding:6px}
.clear-btn:hover{color:var(--berry)}
.content-flow{display:grid;gap:16px}
.flow-card{display:grid;grid-template-columns:58px 1fr;gap:18px;padding:25px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 8px 22px rgba(70,45,92,.055);position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.flow-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:#cdb9dc}
.flow-card:after{content:"";position:absolute;left:28px;top:79px;bottom:-35px;width:1px;background:linear-gradient(var(--purple),transparent)}
.flow-card:last-child:after{display:none}
.flow-no{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:var(--soft-purple);color:var(--purple);font-weight:800;font-size:14px;position:relative;z-index:1}
.flow-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.content-label{display:inline-flex;align-items:center;gap:6px;color:var(--sage);font-size:12px;font-weight:800}
.content-date{color:var(--muted);font-size:12px;font-weight:700}
.flow-card h2{font-size:22px;line-height:1.35;letter-spacing:-.02em;font-weight:800;margin:8px 0 7px}
.flow-card p{font-size:14px;color:#6b6271;margin:0 0 14px;max-width:680px}
.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px}
.progress-line{height:5px;flex:1;max-width:270px;border-radius:99px;background:#eee8ef;overflow:hidden}
.progress-line span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--purple),var(--berry))}
.read-link{font-size:13px;color:var(--purple);font-weight:800;white-space:nowrap}
.read-link i{display:inline-block;transition:transform .2s ease}
.flow-card:hover .read-link i{transform:translateX(4px)}
.side-panel{padding:25px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow);height:max-content}
.side-panel+.side-panel{margin-top:16px}
.panel-title{font-size:18px;font-weight:800;line-height:1.35;margin:0 0 14px}
.panel-note{font-size:13px;color:var(--muted);margin:-5px 0 15px}
.hot-tags{display:flex;flex-wrap:wrap;gap:9px}
.hot-tags a{padding:7px 10px;border:1px solid var(--line);background:#fcfafb;color:#675d6e;border-radius:999px;font-size:12px;font-weight:700}
.hot-tags a:hover{background:#f1ebf5;color:var(--purple);border-color:#c9b3d9}
.quick-list{list-style:none;margin:0;padding:0}
.quick-list li{border-top:1px solid #eee7f0}
.quick-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;font-size:14px;font-weight:700}
.quick-list a:hover{color:var(--purple);padding-left:4px}
.quick-list i{color:var(--berry);font-size:13px}
.update-item{display:flex;align-items:flex-start;gap:10px;padding:11px 0;border-top:1px solid #eee7f0}
.update-item:first-of-type{border-top:0}
.update-dot{margin-top:7px;width:7px;height:7px;border-radius:50%;background:var(--apricot);flex:0 0 auto}
.update-item b{display:block;font-size:13px;line-height:1.45}
.update-item span{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.info-banner{margin-top:26px;padding:25px 28px;border:1px solid #dce7d7;border-radius:var(--radius-lg);background:linear-gradient(100deg,#f8fbf6,#fffaf5);display:flex;align-items:center;justify-content:space-between;gap:24px}
.info-banner h2{font-size:20px;font-weight:800;margin:0 0 3px}
.info-banner p{font-size:14px;color:#6c7168;margin:0}
.pagination{gap:8px;margin:34px 0 0}
.page-link{width:42px;height:42px;padding:0;display:grid;place-items:center;border:1px solid #d9cce2!important;border-radius:12px!important;background:#fff;color:var(--purple);font-weight:800}
.page-link:hover{background:#f0e9f4;color:var(--purple)}
.page-item.active .page-link{border-color:transparent!important;background:linear-gradient(135deg,var(--purple),var(--berry));color:#fff}
.page-item.disabled .page-link{color:#b8afbd;background:#faf8fa}
.faq-area{background:#f1ebf3;overflow:hidden}
.faq-area:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(118,85,168,.13) 1px,transparent 1px);background-size:18px 18px;opacity:.25;pointer-events:none}
.faq-box{position:relative;z-index:1;max-width:900px}
.accordion{display:grid;gap:13px}
.accordion-item{overflow:hidden;border:1px solid #dfd4e5!important;border-radius:16px!important;background:var(--white);box-shadow:0 6px 16px rgba(70,45,92,.045)}
.accordion-button{padding:18px 20px;background:var(--white)!important;color:var(--ink)!important;box-shadow:none!important;font-size:16px;font-weight:800;gap:14px}
.accordion-button:not(.collapsed){color:var(--purple)!important}
.accordion-button:after{width:25px;height:25px;background:none;content:"+";display:grid;place-items:center;font-size:23px;font-weight:400;color:var(--purple);transform:none}
.accordion-button:not(.collapsed):after{content:"−";transform:none}
.faq-num{color:var(--berry);font-size:12px;letter-spacing:.08em}
.accordion-body{padding:0 20px 19px 62px;color:#675e6d;font-size:14px}
.contact-strip{padding:74px 0}
.contact-card{padding:37px 40px;position:relative;overflow:hidden;border-color:#d9c6e0}
.contact-card:before{content:"";height:4px;position:absolute;left:0;right:0;top:0;background:linear-gradient(90deg,var(--purple),var(--berry),var(--apricot))}
.contact-card h2{font-size:clamp(27px,3vw,36px);font-weight:800;line-height:1.25;margin:0 0 10px}
.contact-card p{color:var(--muted);font-size:15px;margin:0}
.contact-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.contact-points span{font-size:12px;color:#62596a;font-weight:700}
.contact-points i{color:var(--sage);margin-right:4px}
.site-footer{position:relative;background:var(--ink);color:#e8e1e8;padding:57px 0 20px}
.site-footer:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--purple),var(--berry),var(--apricot))}
.footer-brand{font-size:19px;font-weight:800;color:#fff;margin-bottom:10px}
.footer-note{max-width:390px;color:#c4bac6;font-size:13px;margin:0}
.footer-title{font-size:13px;font-weight:800;color:#fff;margin-bottom:12px}
.footer-links{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.footer-links a{color:#c9c0ca;font-size:13px}
.footer-links a:hover{color:#fff;padding-left:4px}
.footer-bottom{margin-top:40px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);color:#aaa0ad;font-size:12px}
@media (max-width:991.98px){
 .navbar-collapse{padding:14px 0 6px}.navbar-nav{margin:8px 0!important}.navbar-nav .nav-link{padding:10px 12px!important}
 .command-search.d-lg-none{width:100%;margin-top:9px}.mobile-cta{display:inline-flex!important}
 .index-hero-card{padding:29px}.trend-box{border-left:0;border-top:1px solid var(--line);margin-top:24px;padding:22px 0 0}
 .status-stack{grid-template-columns:repeat(3,1fr);margin-top:15px}.section{padding:70px 0}
}
@media (max-width:767.98px){
 body{font-size:15px}.section{padding:58px 0}.page-hero{padding-top:34px}.index-hero-card{padding:24px 20px;border-radius:20px}
 .hero-title{font-size:35px}.status-stack{grid-template-columns:1fr}.filter-panel{padding:18px}.filter-top{align-items:flex-start;flex-direction:column}.filter-tools{width:100%}.filter-search{width:100%}.filter-search input{width:100%}
 .result-strip{align-items:flex-start;gap:11px}.result-strip p{font-size:13px}.clear-btn{padding:4px 0}
 .flow-card{grid-template-columns:45px 1fr;gap:13px;padding:20px;border-radius:16px}.flow-card:after{left:42px;top:68px}.flow-no{width:39px;height:39px;border-radius:12px}
 .flow-card h2{font-size:19px}.card-bottom{align-items:flex-end;flex-direction:column}.progress-line{max-width:none;width:100%}
 .side-panel{padding:21px;border-radius:18px}.info-banner{padding:21px;display:block}.info-banner .btn-brand{margin-top:16px}
 .accordion-button{font-size:15px;padding:16px}.accordion-body{padding:0 16px 17px 53px}.contact-card{padding:29px 23px;border-radius:20px}
 .footer-bottom{margin-top:30px}.navbar-brand{font-size:15px}.brand-mark{width:29px;height:29px}
}
@media (max-width:520px){
 .hero-title{font-size:32px}.tag-row{gap:7px}.tag{font-size:11px}.filter-tags{margin-right:-18px;padding-right:18px}
 .page-link{width:38px;height:38px}.contact-points{display:grid;gap:6px}.breadcrumb{font-size:12px}
}
@media (prefers-reduced-motion:reduce){
 *,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}