/* roulang page: index */
:root{
      --blue:#2479c8;
      --blue-dark:#16548e;
      --blue-soft:#eaf4fc;
      --mint:#dff3ee;
      --orange:#ef9a51;
      --ink:#18324b;
      --muted:#6b7f92;
      --line:#dce8f1;
      --paper:#fbfdff;
      --white:#fff;
      --radius:18px;
      --shadow:0 14px 38px rgba(31,84,124,.10);
      --shadow-hover:0 20px 44px rgba(31,84,124,.16);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      color:var(--ink);
      background:var(--paper);
      font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
      line-height:1.75;
      font-size:15px;
    }
    a{color:inherit;text-decoration:none;transition:.25s ease}
    img{max-width:100%;display:block}
    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(36,121,200,.24);
      outline-offset:3px;
    }
    .container-wide{max-width:1240px;margin:auto;padding:0 24px}
    .section{padding:100px 0}
    .section-soft{background:#f2f8fc}
    .eyebrow{
      display:inline-flex;align-items:center;gap:8px;
      color:var(--blue-dark);font-weight:700;font-size:13px;letter-spacing:.08em;
      text-transform:uppercase;margin-bottom:15px
    }
    .eyebrow:before{content:"";width:24px;height:2px;background:var(--orange);display:inline-block}
    h1,h2,h3,h4{color:var(--ink);font-weight:750;letter-spacing:-.035em;line-height:1.25;margin:0}
    h1{font-size:clamp(2.5rem,5vw,5rem)}
    h2{font-size:clamp(2rem,3.5vw,3.25rem)}
    h3{font-size:1.35rem}
    .section-head{max-width:700px;margin-bottom:46px}
    .section-head p{color:var(--muted);margin:18px 0 0;font-size:16px}
    .btn-main,.btn-light,.btn-outline{
      border-radius:10px;padding:12px 20px;font-weight:700;display:inline-flex;
      align-items:center;justify-content:center;gap:8px;border:1px solid transparent;
      transition:.25s ease;white-space:nowrap
    }
    .btn-main{color:#fff;background:var(--blue);box-shadow:0 8px 18px rgba(36,121,200,.2)}
    .btn-main:hover{background:var(--blue-dark);color:#fff;transform:translateY(-2px);box-shadow:0 12px 24px rgba(36,121,200,.25)}
    .btn-light{color:var(--blue-dark);background:#fff;border-color:var(--line)}
    .btn-light:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px)}
    .btn-outline{color:var(--blue);background:transparent;border-color:#a9c9e2}
    .btn-outline:hover{background:var(--blue-soft);border-color:var(--blue)}
    .tag{
      display:inline-flex;align-items:center;border-radius:30px;
      padding:4px 10px;background:var(--blue-soft);color:var(--blue-dark);
      font-size:12px;font-weight:700
    }
    .tag.mint{background:var(--mint);color:#287568}
    .tag.warm{background:#fff0e4;color:#a95d26}
    .site-header{
      position:sticky;top:0;z-index:1000;background:rgba(251,253,255,.94);
      border-bottom:1px solid rgba(220,232,241,.9);backdrop-filter:blur(12px)
    }
    .navbar{min-height:76px;padding:10px 0}
    .brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:800;color:var(--blue-dark)}
    .brand-mark{width:34px;height:34px;border-radius:11px;background:var(--blue);position:relative;overflow:hidden}
    .brand-mark:before,.brand-mark:after{content:"";position:absolute;background:#fff;border-radius:50%}
    .brand-mark:before{width:27px;height:17px;left:4px;top:10px}
    .brand-mark:after{width:15px;height:11px;left:10px;top:5px;box-shadow:9px 5px 0 0 #fff}
    .nav-links{display:flex;align-items:center;gap:5px;margin-left:54px}
    .nav-links a{padding:8px 12px;border-radius:8px;color:#587087;font-weight:650;font-size:14px}
    .nav-links a:hover,.nav-links a.active{background:var(--blue-soft);color:var(--blue-dark)}
    .nav-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
    .command-search{height:40px;min-width:170px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#8496a5;display:flex;align-items:center;gap:8px;padding:0 11px;font-size:13px}
    .command-search kbd{margin-left:auto;border:1px solid var(--line);border-radius:5px;background:#f6f9fb;padding:1px 5px;font-size:11px}
    .mobile-toggle{border:1px solid var(--line);color:var(--blue-dark);padding:7px 10px;border-radius:8px}
    .hero{position:relative;overflow:hidden;padding:76px 0 94px;background:#eef7fd url('/assets/images/backpic/back-1.webp') center/cover no-repeat}
    .hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(238,247,253,.98) 0%,rgba(238,247,253,.88) 48%,rgba(238,247,253,.45) 100%)}
    .hero .container-wide{position:relative;z-index:1}
    .hero-copy{max-width:680px;padding:26px 0}
    .hero h1{max-width:650px;margin-bottom:23px}
    .hero h1 em{font-style:normal;color:var(--blue)}
    .hero-lead{font-size:18px;color:#536f86;max-width:630px;margin-bottom:29px}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:34px}
    .hero-points{display:flex;flex-wrap:wrap;gap:10px 25px;color:#587087;font-size:13px}
    .hero-points span{display:flex;align-items:center;gap:7px}
    .hero-points i{width:7px;height:7px;background:#5db5a6;border-radius:50%;display:inline-block}
    .brief-panel{background:#fff;border:1px solid rgba(181,209,228,.9);border-radius:22px;box-shadow:var(--shadow);padding:25px;max-width:465px;margin-left:auto;transform:rotate(1.2deg)}
    .brief-cover{height:170px;border-radius:13px;background:url('/assets/images/coverpic/cover-1.webp') center/cover;position:relative;overflow:hidden;padding:22px;color:#fff}
    .brief-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(22,84,142,.65),rgba(36,121,200,.12))}
    .brief-cover>*{position:relative;z-index:1}
    .brief-cover h3{color:#fff;font-size:25px;margin-top:32px}
    .brief-meta{display:flex;justify-content:space-between;margin:20px 0 15px;color:var(--muted);font-size:13px}
    .brief-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
    .brief-list li{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px}
    .brief-list b{color:var(--blue);font-size:12px}
    .brief-foot{display:flex;align-items:center;justify-content:space-between;margin-top:19px}
    .brief-foot strong{font-size:14px}
    .brief-foot span{font-size:12px;color:var(--muted)}
    .split-title{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}
    .split-title p{max-width:520px;color:var(--muted);margin:0}
    .feature-frame{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px;height:100%}
    .feature-frame.large{padding:34px}
    .feature-number{font-size:48px;font-weight:800;color:#d7eaf7;line-height:1;margin-bottom:18px}
    .feature-frame h3{margin-bottom:12px}
    .feature-frame p{color:var(--muted);margin:0 0 20px}
    .ability-list{list-style:none;padding:0;margin:0}
    .ability-list li{display:flex;gap:13px;border-top:1px solid var(--line);padding:14px 0;color:#536f86}
    .ability-list b{min-width:28px;color:var(--blue)}
    .result-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
    .result-strip span{padding:8px 11px;border-radius:8px;background:#f2f8fc;color:var(--blue-dark);font-size:12px;font-weight:700}
    .scene-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}
    .scene-main{min-height:435px;border-radius:22px;overflow:hidden;background:#dceefa url('/assets/images/coverpic/cover-2.webp') center/cover;position:relative;display:flex;align-items:end}
    .scene-main:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(16,57,91,.82),transparent 65%)}
    .scene-main-content{position:relative;z-index:1;color:#fff;padding:34px;max-width:570px}
    .scene-main-content h3{color:#fff;font-size:29px;margin:13px 0}
    .scene-main-content p{margin:0;color:#e8f3fa}
    .scene-side{display:flex;flex-direction:column;gap:16px}
    .scene-row{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;display:grid;grid-template-columns:52px 1fr;gap:15px;box-shadow:0 8px 20px rgba(31,84,124,.06)}
    .scene-row:hover,.case-card:hover,.material:hover,.quote:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}
    .scene-icon{width:52px;height:52px;border-radius:14px;background:var(--mint);color:#287568;display:grid;place-items:center;font-size:20px;font-weight:800}
    .scene-row h3{font-size:17px;margin-bottom:5px}
    .scene-row p{margin:0;color:var(--muted);font-size:13px}
    .case-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:24px}
    .case-main{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}
    .case-image{min-height:340px;background:url('/assets/images/coverpic/cover-3.webp') center/cover}
    .case-copy{padding:31px}
    .case-copy h3{margin:14px 0}
    .case-copy p{color:var(--muted);font-size:14px}
    .case-stats{display:flex;gap:22px;border-top:1px solid var(--line);padding-top:19px;margin-top:24px}
    .case-stats strong{font-size:23px;color:var(--blue-dark);display:block}
    .case-stats span{font-size:12px;color:var(--muted)}
    .case-stack{display:flex;flex-direction:column;gap:16px}
    .case-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:21px;transition:.25s}
    .case-card h3{font-size:17px;margin:12px 0 6px}
    .case-card p{margin:0;color:var(--muted);font-size:13px}
    .pricing-band{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}
    .price-row{display:grid;grid-template-columns:1.1fr 1.5fr .55fr .7fr;gap:20px;align-items:center;padding:25px 30px;border-bottom:1px solid var(--line)}
    .price-row:last-child{border-bottom:0}
    .price-row.featured{background:#eef7fd}
    .price-row h3{font-size:19px;margin-bottom:5px}
    .price-row p{margin:0;color:var(--muted);font-size:13px}
    .price-list{display:flex;flex-wrap:wrap;gap:8px}
    .price-list span{font-size:12px;padding:5px 8px;background:#f3f7fa;border-radius:6px;color:#516d83}
    .price-row.featured .price-list span{background:#fff}
    .price-value{font-weight:800;color:var(--blue-dark);font-size:18px}
    .reward-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;align-items:stretch}
    .reward-card{border-radius:21px;padding:34px;background:#185b91;color:#fff;position:relative;overflow:hidden}
    .reward-card:after{content:"";position:absolute;width:220px;height:220px;border:35px solid rgba(255,255,255,.08);border-radius:50%;right:-70px;top:-70px}
    .reward-card h3{color:#fff;font-size:28px;margin:15px 0}
    .reward-card p{color:#dceef9;margin:0}
    .reward-points{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:26px}
    .reward-points div{border-top:1px solid rgba(255,255,255,.2);padding-top:10px;font-size:13px;color:#e5f3fb}
    .progress-card{background:#fff;border:1px solid var(--line);border-radius:21px;padding:30px;box-shadow:var(--shadow)}
    .progress-head{display:flex;justify-content:space-between;gap:15px;margin-bottom:12px}
    .progress-head strong{color:var(--blue-dark)}
    .progress{height:9px;background:#e8f0f5;border-radius:20px;overflow:hidden}
    .progress-bar{background:var(--blue);border-radius:20px}
    .rank-list{list-style:none;margin:22px 0 0;padding:0}
    .rank-list li{display:flex;align-items:center;gap:13px;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px}
    .rank-list li:last-child{border-bottom:0}
    .rank-no{width:25px;height:25px;border-radius:50%;background:var(--blue-soft);color:var(--blue-dark);display:grid;place-items:center;font-weight:800;font-size:12px}
    .rank-list strong{margin-left:auto;color:var(--blue-dark)}
    .materials{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}
    .material{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 8px 24px rgba(31,84,124,.06);transition:.25s}
    .material-img{height:195px;background-position:center;background-size:cover}
    .material-body{padding:22px}
    .material-body h3{font-size:18px;margin:10px 0 7px}
    .material-body p{margin:0;color:var(--muted);font-size:13px}
    .material-side{display:grid;grid-template-columns:1fr 1fr;gap:16px}
    .material-side .material-img{height:125px}
    .material-side .material-body{padding:15px}
    .material-side .material-body h3{font-size:15px}
    .partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
    .partner{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}
    .partner strong{display:block;margin-bottom:7px;color:var(--blue-dark)}
    .partner p{font-size:13px;color:var(--muted);margin:0}
    .news-layout{display:grid;grid-template-columns:1fr 330px;gap:26px}
    .news-list{background:#fff;border:1px solid var(--line);border-radius:18px;padding:7px 27px}
    .news-item{display:grid;grid-template-columns:86px 1fr auto;gap:20px;align-items:center;padding:21px 0;border-bottom:1px solid var(--line)}
    .news-item:last-child{border-bottom:0}
    .news-date{font-size:12px;color:var(--blue);font-weight:800}
    .news-item h3{font-size:17px;margin-bottom:5px}
    .news-item p{font-size:13px;color:var(--muted);margin:0}
    .news-arrow{color:var(--blue);font-size:20px}
    .news-feature{border-radius:18px;overflow:hidden;background:#15568c;color:#fff;min-height:100%;padding:28px;position:relative}
    .news-feature:before{content:"";position:absolute;inset:0;background:url('/assets/images/coverpic/cover-4.webp') center/cover;opacity:.25}
    .news-feature>*{position:relative}
    .news-feature h3{color:#fff;font-size:24px;margin:17px 0}
    .news-feature p{color:#dceef9;font-size:14px}
    .quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .quote{background:#fff;border:1px solid var(--line);border-radius:16px;padding:23px;transition:.25s}
    .quote p{color:#4d687e;margin:0 0 18px;font-size:14px}
    .quote cite{font-style:normal;color:var(--blue-dark);font-size:13px;font-weight:750}
    .brand-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;align-items:center}
    .story-image{min-height:360px;border-radius:21px;background:url('/assets/images/coverpic/cover-5.webp') center/cover}
    .story-copy p{color:#5c7488;margin:17px 0}
    .story-points{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}
    .story-points div{padding:14px 15px;background:#f0f7fb;border-radius:11px;color:#42657d;font-size:13px}
    .faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:50px}
    .faq-intro p{color:var(--muted);margin:18px 0 25px}
    .accordion-item{border:1px solid var(--line)!important;border-radius:12px!important;margin-bottom:10px;overflow:hidden;background:#fff}
    .accordion-button{font-weight:700;color:var(--ink);background:#fff;box-shadow:none!important;padding:18px 20px}
    .accordion-button:not(.collapsed){color:var(--blue-dark);background:#eef7fd}
    .accordion-body{color:#5c7488;font-size:14px;padding:0 20px 19px;background:#eef7fd}
    .cta-section{background:#e9f5fc}
    .cta-box{display:grid;grid-template-columns:.82fr 1.18fr;gap:45px;align-items:start}
    .cta-copy p{color:#5c7488;margin:18px 0}
    .contact-form{background:#fff;border:1px solid var(--line);border-radius:20px;padding:27px;box-shadow:var(--shadow)}
    .form-label{font-size:13px;font-weight:700;color:#3b5b73;margin-bottom:7px}
    .form-control,.form-select{border:1px solid #cddfea;border-radius:9px;padding:11px 13px;color:var(--ink);background:#fff}
    .form-control::placeholder{color:#9aabb8}
    .form-control:focus,.form-select:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(36,121,200,.1)}
    textarea.form-control{min-height:110px;resize:vertical}
    .site-footer{background:#f7fbfd;border-top:1px solid var(--line);padding:53px 0 25px}
    .footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:30px;padding-bottom:38px}
    .footer-brand p{color:var(--muted);font-size:13px;max-width:280px;margin:16px 0}
    .footer-col h4{font-size:14px;margin-bottom:14px}
    .footer-col a{display:block;color:var(--muted);font-size:13px;margin:7px 0}
    .footer-col a:hover{color:var(--blue)}
    .footer-bottom{border-top:1px solid var(--line);padding-top:19px;color:#8193a1;font-size:12px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
    .footer-bottom a{color:var(--blue-dark)}
    .mini-label{font-size:12px;color:var(--muted);font-weight:700}
    @media(max-width:1199px){
      .nav-links{margin-left:20px}.nav-links a{padding:8px 8px}.command-search{min-width:145px}
    }
    @media(max-width:991px){
      .nav-links{margin:12px 0 0;display:block}.nav-links a{display:block;margin:3px 0}
      .nav-actions{margin:12px 0 0;display:flex;flex-wrap:wrap}
      .command-search{flex:1}
      .hero{padding:55px 0 70px}.brief-panel{margin:35px auto 0;transform:none}
      .scene-grid,.case-layout,.reward-wrap,.materials,.brand-story,.faq-layout,.cta-box{grid-template-columns:1fr}
      .case-stack{display:grid;grid-template-columns:1fr 1fr}.material-side{grid-template-columns:repeat(2,1fr)}
      .news-layout{grid-template-columns:1fr}.news-feature{min-height:230px}
      .footer-grid{grid-template-columns:repeat(2,1fr)}
    }
    @media(max-width:767px){
      .section{padding:70px 0}.container-wide{padding:0 18px}
      .split-title{display:block}.split-title p{margin-top:15px}
      .hero h1{font-size:clamp(2.35rem,12vw,3.7rem)}
      .hero-lead{font-size:16px}.hero-actions .btn-main,.hero-actions .btn-light{width:100%}
      .price-row{grid-template-columns:1fr;padding:22px}.price-row .btn-main,.price-row .btn-light{width:100%}
      .case-main{grid-template-columns:1fr}.case-image{min-height:240px}.case-stack{display:flex}
      .partner-grid,.quote-grid{grid-template-columns:1fr}.material-side{grid-template-columns:1fr}
      .news-list{padding:3px 18px}.news-item{grid-template-columns:1fr auto;gap:7px}.news-date{grid-column:1/-1}
      .news-arrow{grid-column:2;grid-row:2}.story-points,.reward-points{grid-template-columns:1fr}
      .footer-grid{grid-template-columns:1fr 1fr;gap:24px}
    }
    @media(max-width:520px){
      .brand{font-size:20px}.hero{padding-top:35px}.brief-panel{padding:17px}.brief-cover{height:150px}
      .footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom div{margin-top:8px}
    }

/* roulang page: category2 */
:root{
      --blue:#2479c8;
      --blue-dark:#16548e;
      --blue-soft:#eaf4fc;
      --mint:#dff3ee;
      --orange:#ef9a51;
      --ink:#18324b;
      --muted:#6b7f92;
      --line:#dce8f1;
      --paper:#fbfdff;
      --white:#fff;
      --radius:18px;
      --shadow:0 14px 38px rgba(31,84,124,.10);
      --shadow-hover:0 20px 44px rgba(31,84,124,.16);
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      color:var(--ink);
      background:var(--paper);
      font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
      line-height:1.75;
      font-size:15px;
    }
    a{color:inherit;text-decoration:none;transition:.25s ease}
    img{display:block;max-width:100%}
    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(36,121,200,.24);
      outline-offset:3px;
    }
    h1,h2,h3,h4,p{overflow-wrap:break-word}
    h1,h2,h3,h4{font-weight:800;letter-spacing:-.025em;line-height:1.28}
    h1{font-size:clamp(34px,4.5vw,62px)}
    h2{font-size:clamp(28px,3vw,42px)}
    h3{font-size:22px}
    .container-wide{max-width:1240px;margin:auto;padding:0 24px}
    .section{padding:96px 0}
    .section-soft{background:#f2f8fc}
    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:8px;
      color:var(--blue-dark);
      font-weight:700;
      font-size:13px;
      letter-spacing:.08em;
      margin-bottom:15px;
    }
    .eyebrow:before{
      content:"";
      width:24px;
      height:2px;
      background:var(--orange);
      display:inline-block;
    }
    .section-head{max-width:730px;margin-bottom:42px}
    .section-head p{color:var(--muted);margin:16px 0 0;font-size:16px}
    .btn-main,.btn-light,.btn-outline{
      border-radius:10px;
      padding:12px 20px;
      font-weight:700;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      border:1px solid transparent;
      transition:.25s ease;
      white-space:nowrap;
    }
    .btn-main{
      color:#fff;
      background:var(--blue);
      box-shadow:0 8px 18px rgba(36,121,200,.2);
    }
    .btn-main:hover{
      background:var(--blue-dark);
      color:#fff;
      transform:translateY(-2px);
      box-shadow:0 12px 24px rgba(36,121,200,.25);
    }
    .btn-light{
      color:var(--blue-dark);
      background:#fff;
      border-color:var(--line);
    }
    .btn-light:hover{
      border-color:var(--blue);
      color:var(--blue);
      transform:translateY(-2px);
    }
    .btn-outline{
      color:var(--blue);
      background:transparent;
      border-color:#a9c9e2;
    }
    .btn-outline:hover{background:var(--blue-soft);border-color:var(--blue)}
    .tag{
      display:inline-flex;
      align-items:center;
      border-radius:30px;
      padding:4px 10px;
      background:var(--blue-soft);
      color:var(--blue-dark);
      font-size:12px;
      font-weight:700;
    }
    .tag.mint{background:var(--mint);color:#287568}
    .tag.warm{background:#fff0e4;color:#a95d26}

    .site-header{
      position:sticky;
      top:0;
      z-index:1000;
      background:rgba(251,253,255,.94);
      border-bottom:1px solid rgba(220,232,241,.9);
      backdrop-filter:blur(12px);
    }
    .navbar{min-height:76px;padding:10px 0}
    .brand{
      display:flex;
      align-items:center;
      gap:10px;
      font-size:23px;
      font-weight:800;
      color:var(--blue-dark);
    }
    .brand-mark{
      width:34px;
      height:34px;
      border-radius:11px;
      background:var(--blue);
      position:relative;
      overflow:hidden;
      flex:none;
    }
    .brand-mark:before,.brand-mark:after{
      content:"";
      position:absolute;
      background:#fff;
      border-radius:50%;
    }
    .brand-mark:before{width:27px;height:17px;left:4px;top:10px}
    .brand-mark:after{
      width:15px;
      height:11px;
      left:10px;
      top:5px;
      box-shadow:9px 5px 0 0 #fff;
    }
    .nav-links{
      display:flex;
      align-items:center;
      gap:5px;
      margin-left:54px;
    }
    .nav-links a{
      padding:8px 12px;
      border-radius:8px;
      color:#587087;
      font-weight:650;
      font-size:14px;
    }
    .nav-links a:hover,.nav-links a.active{
      background:var(--blue-soft);
      color:var(--blue-dark);
    }
    .nav-actions{
      display:flex;
      align-items:center;
      gap:10px;
      margin-left:auto;
    }
    .command-search{
      height:40px;
      min-width:170px;
      border:1px solid var(--line);
      border-radius:9px;
      background:#fff;
      color:#8496a5;
      display:flex;
      align-items:center;
      gap:8px;
      padding:0 11px;
      font-size:13px;
    }
    .command-search kbd{
      margin-left:auto;
      border:1px solid var(--line);
      border-radius:5px;
      background:#f6f9fb;
      padding:1px 5px;
      font-size:11px;
    }
    .mobile-toggle{
      border:1px solid var(--line);
      color:var(--blue-dark);
      padding:7px 10px;
      border-radius:8px;
      background:#fff;
    }

    .sub-hero{
      position:relative;
      overflow:hidden;
      padding:72px 0 74px;
      background:#edf7fd url('/assets/images/backpic/back-2.webp') center/cover no-repeat;
    }
    .sub-hero:before{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(90deg,rgba(237,247,253,.98),rgba(237,247,253,.78) 58%,rgba(237,247,253,.42));
    }
    .sub-hero .container-wide{position:relative;z-index:1}
    .breadcrumb-line{
      display:flex;
      align-items:center;
      gap:9px;
      color:var(--muted);
      font-size:13px;
      margin-bottom:28px;
    }
    .breadcrumb-line a:hover{color:var(--blue)}
    .sub-hero h1{max-width:680px;margin:0 0 20px}
    .sub-hero h1 em{font-style:normal;color:var(--blue)}
    .sub-lead{
      max-width:680px;
      color:#536f86;
      font-size:18px;
      margin:0 0 28px;
    }
    .quick-tags{display:flex;flex-wrap:wrap;gap:9px}
    .quick-tags a{
      padding:7px 13px;
      border:1px solid #c9deed;
      border-radius:30px;
      color:var(--blue-dark);
      background:rgba(255,255,255,.72);
      font-size:13px;
    }
    .quick-tags a:hover{background:#fff;border-color:var(--blue);transform:translateY(-2px)}

    .scene-intro{
      display:grid;
      grid-template-columns:1fr 1.05fr;
      gap:54px;
      align-items:center;
    }
    .scene-intro-copy p{color:var(--muted);font-size:16px}
    .signal-board{
      background:#fff;
      border:1px solid var(--line);
      border-radius:22px;
      box-shadow:var(--shadow);
      padding:26px;
    }
    .signal-top{
      display:flex;
      justify-content:space-between;
      gap:20px;
      align-items:center;
      padding-bottom:20px;
      border-bottom:1px solid var(--line);
    }
    .signal-top strong{font-size:17px}
    .signal-status{color:#287568;font-size:13px;font-weight:700}
    .signal-list{list-style:none;padding:0;margin:0}
    .signal-list li{
      display:grid;
      grid-template-columns:38px 1fr auto;
      gap:13px;
      align-items:center;
      padding:16px 0;
      border-bottom:1px solid var(--line);
    }
    .signal-list li:last-child{border-bottom:0}
    .signal-index{
      width:30px;height:30px;border-radius:9px;
      display:grid;place-items:center;
      background:var(--blue-soft);
      color:var(--blue);
      font-weight:800;font-size:12px;
    }
    .signal-list b{display:block;font-size:14px}
    .signal-list span{display:block;color:var(--muted);font-size:12px;margin-top:2px}
    .signal-rate{font-size:12px;color:var(--blue-dark);font-weight:700}

    .scene-stack{display:flex;flex-direction:column;gap:24px}
    .scene-card{
      display:grid;
      grid-template-columns:290px 1fr;
      min-height:265px;
      background:#fff;
      border:1px solid var(--line);
      border-radius:20px;
      overflow:hidden;
      box-shadow:var(--shadow);
      transition:.25s ease;
    }
    .scene-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}
    .scene-card.reverse{grid-template-columns:1fr 290px}
    .scene-card.reverse .scene-image{order:2}
    .scene-image{
      min-height:265px;
      background:#dceefa center/cover no-repeat;
      position:relative;
    }
    .scene-image:after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(135deg,rgba(36,121,200,.10),rgba(22,84,142,.25));
    }
    .scene-content{padding:30px 32px;display:flex;flex-direction:column;justify-content:center}
    .scene-content h3{margin:13px 0 10px}
    .scene-content p{color:var(--muted);margin:0 0 17px}
    .scene-meta{
      display:flex;
      flex-wrap:wrap;
      gap:8px 18px;
      color:#587087;
      font-size:13px;
      margin-bottom:18px;
    }
    .scene-meta span{display:flex;align-items:center;gap:6px}
    .scene-meta i{width:6px;height:6px;background:var(--orange);border-radius:50%;display:inline-block}
    .text-link{color:var(--blue);font-weight:750;font-size:14px}
    .text-link:hover{color:var(--blue-dark);padding-left:4px}

    .workflow{
      display:grid;
      grid-template-columns:1.1fr .9fr;
      gap:48px;
      align-items:stretch;
    }
    .workflow-panel{
      background:#fff;
      border:1px solid var(--line);
      border-radius:20px;
      padding:32px;
      box-shadow:var(--shadow);
    }
    .workflow-panel h3{margin:0 0 25px}
    .step-list{list-style:none;padding:0;margin:0}
    .step-list li{
      display:grid;
      grid-template-columns:46px 1fr;
      gap:15px;
      position:relative;
      padding:0 0 27px;
    }
    .step-list li:last-child{padding-bottom:0}
    .step-list li:not(:last-child):after{
      content:"";
      position:absolute;
      width:1px;
      background:#c9dce9;
      left:18px;
      top:39px;
      bottom:0;
    }
    .step-dot{
      width:38px;height:38px;border-radius:12px;
      display:grid;place-items:center;
      background:var(--blue-soft);
      color:var(--blue);
      font-weight:800;
      position:relative;
      z-index:1;
    }
    .step-list h4{font-size:16px;margin:2px 0 4px}
    .step-list p{font-size:13px;color:var(--muted);margin:0}
    .workflow-note{
      border-radius:18px;
      padding:30px;
      background:var(--mint);
      display:flex;
      flex-direction:column;
      justify-content:space-between;
    }
    .workflow-note h3{margin:0 0 16px}
    .workflow-note p{color:#4f746e;margin:0 0 24px}
    .mini-result{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:12px;
    }
    .mini-result div{
      background:rgba(255,255,255,.72);
      border:1px solid rgba(84,150,137,.16);
      border-radius:12px;
      padding:14px;
    }
    .mini-result strong{display:block;color:#21685d;font-size:23px;line-height:1.2}
    .mini-result span{font-size:12px;color:#5c817a}

    .scene-strip{
      display:grid;
      grid-template-columns:1.2fr .8fr .8fr;
      gap:20px;
    }
    .strip-card{
      background:#fff;
      border:1px solid var(--line);
      border-radius:17px;
      padding:24px;
      min-height:210px;
      box-shadow:0 10px 26px rgba(31,84,124,.07);
      transition:.25s ease;
    }
    .strip-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}
    .strip-card.featured{background:var(--blue-dark);color:#fff}
    .strip-card.featured p,.strip-card.featured .strip-caption{color:#d7e9f5}
    .strip-number{font-size:13px;color:var(--orange);font-weight:800;letter-spacing:.1em}
    .strip-card h3{margin:18px 0 10px;font-size:20px}
    .strip-card p{color:var(--muted);font-size:14px;margin:0 0 18px}
    .strip-caption{font-size:12px;color:var(--blue-dark);font-weight:700}

    .faq-layout{
      display:grid;
      grid-template-columns:.7fr 1.3fr;
      gap:48px;
      align-items:start;
    }
    .faq-side p{color:var(--muted)}
    .faq-side .tag{margin-top:10px}
    .accordion-item{
      border:1px solid var(--line)!important;
      border-radius:13px!important;
      overflow:hidden;
      margin-bottom:11px;
      background:#fff;
    }
    .accordion-button{
      color:var(--ink);
      background:#fff;
      box-shadow:none!important;
      font-weight:750;
      padding:18px 20px;
    }
    .accordion-button:not(.collapsed){
      color:var(--blue-dark);
      background:var(--blue-soft);
    }
    .accordion-button:after{background-size:14px}
    .accordion-body{color:var(--muted);font-size:14px;padding:0 20px 19px;background:var(--blue-soft)}

    .cta-box{
      background:#eaf5fc;
      border:1px solid #d2e6f3;
      border-radius:22px;
      padding:42px;
    }
    .cta-layout{
      display:grid;
      grid-template-columns:.85fr 1.15fr;
      gap:45px;
      align-items:center;
    }
    .cta-box h2{margin:0 0 14px}
    .cta-box p{color:#587087;margin:0}
    .contact-form{
      background:#fff;
      border:1px solid var(--line);
      border-radius:17px;
      padding:24px;
      box-shadow:0 10px 28px rgba(31,84,124,.07);
    }
    .form-label{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:6px}
    .form-control,.form-select{
      border:1px solid var(--line);
      border-radius:9px;
      min-height:44px;
      color:var(--ink);
      background:#fbfdff;
    }
    .form-control:focus,.form-select:focus{
      border-color:var(--blue);
      box-shadow:0 0 0 4px rgba(36,121,200,.10);
      background:#fff;
    }
    textarea.form-control{min-height:96px;resize:vertical}
    .form-tip{color:var(--muted);font-size:12px;margin-top:10px}

    .site-footer{
      background:#f3f8fb;
      border-top:1px solid var(--line);
      padding:64px 0 24px;
    }
    .footer-grid{
      display:grid;
      grid-template-columns:1.45fr .85fr .85fr .85fr;
      gap:38px;
      padding-bottom:46px;
    }
    .footer-brand p{max-width:315px;color:var(--muted);margin:17px 0 20px}
    .footer-col{display:flex;flex-direction:column;gap:9px}
    .footer-col h4{font-size:15px;margin:3px 0 10px}
    .footer-col a{color:var(--muted);font-size:13px}
    .footer-col a:hover{color:var(--blue)}
    .footer-bottom{
      display:flex;
      justify-content:space-between;
      gap:20px;
      border-top:1px solid var(--line);
      padding-top:20px;
      color:#8093a3;
      font-size:12px;
    }
    .footer-bottom a:hover{color:var(--blue)}

    @media (max-width:1199px){
      .nav-links{margin-left:25px}
      .nav-links a{padding:8px 9px}
      .command-search{min-width:145px}
    }
    @media (max-width:991px){
      .navbar-collapse{
        background:#fff;
        border-top:1px solid var(--line);
        margin-top:10px;
        padding:16px 0 8px;
      }
      .nav-links{display:flex;flex-direction:column;align-items:stretch;margin:0 0 14px;gap:2px}
      .nav-links a{padding:11px 12px}
      .nav-actions{margin:0;flex-wrap:wrap}
      .command-search{flex:1;min-width:190px}
      .scene-intro,.workflow,.faq-layout,.cta-layout{grid-template-columns:1fr;gap:28px}
      .scene-strip{grid-template-columns:1fr 1fr}
      .strip-card.featured{grid-column:1 / -1}
      .footer-grid{grid-template-columns:1.4fr 1fr 1fr}
    }
    @media (max-width:767px){
      .container-wide{padding:0 18px}
      .section{padding:68px 0}
      .sub-hero{padding:50px 0 58px}
      .sub-hero h1{font-size:39px}
      .sub-lead{font-size:16px}
      .scene-card,.scene-card.reverse{grid-template-columns:1fr}
      .scene-card.reverse .scene-image{order:0}
      .scene-image{min-height:210px}
      .scene-content{padding:25px}
      .scene-strip{grid-template-columns:1fr}
      .strip-card.featured{grid-column:auto}
      .cta-box{padding:25px}
      .contact-form{padding:19px}
      .footer-grid{grid-template-columns:1fr 1fr;gap:28px}
      .footer-brand{grid-column:1 / -1}
      .footer-bottom{flex-direction:column;gap:8px}
    }
    @media (max-width:520px){
      .navbar{min-height:68px}
      .brand{font-size:21px}
      .nav-actions .btn-light{display:none}
      .command-search{min-width:0;width:100%}
      .nav-actions .btn-main{flex:1}
      .signal-board{padding:18px}
      .signal-list li{grid-template-columns:32px 1fr;gap:9px}
      .signal-rate{grid-column:2}
      .hero-actions{align-items:stretch;flex-direction:column}
      .hero-actions a{width:100%}
      .footer-grid{grid-template-columns:1fr}
      .footer-brand{grid-column:auto}
    }

/* roulang page: category1 */
:root{
      --blue:#2479c8;
      --blue-dark:#16548e;
      --blue-soft:#eaf4fc;
      --mint:#dff3ee;
      --mint-dark:#287568;
      --orange:#ef9a51;
      --orange-soft:#fff0e4;
      --ink:#18324b;
      --muted:#6b7f92;
      --muted-2:#8b9cab;
      --line:#dce8f1;
      --paper:#fbfdff;
      --white:#fff;
      --radius:18px;
      --radius-sm:12px;
      --shadow:0 14px 38px rgba(31,84,124,.10);
      --shadow-hover:0 20px 44px rgba(31,84,124,.16);
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      color:var(--ink);
      background:var(--paper);
      font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
      font-size:15px;
      line-height:1.75;
      overflow-x:hidden;
    }
    h1,h2,h3,h4,p{margin-top:0}
    h1,h2,h3,h4{font-weight:800;letter-spacing:-.035em}
    h1{font-size:clamp(38px,5vw,64px);line-height:1.15}
    h2{font-size:clamp(28px,3.2vw,42px);line-height:1.25}
    h3{font-size:22px;line-height:1.4}
    h4{font-size:16px;line-height:1.45}
    a{color:inherit;text-decoration:none;transition:.25s ease}
    img{max-width:100%;display:block}
    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(36,121,200,.24);
      outline-offset:3px;
    }

    .container-wide{max-width:1240px;margin:auto;padding:0 24px}
    .section{padding:96px 0}
    .section-soft{background:#f2f8fc}
    .section-tint{background:#eef7fd}
    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:8px;
      color:var(--blue-dark);
      font-weight:750;
      font-size:13px;
      letter-spacing:.08em;
      margin-bottom:15px;
    }
    .eyebrow:before{
      content:"";
      width:24px;
      height:2px;
      background:var(--orange);
      display:inline-block;
    }
    .section-head{max-width:720px;margin-bottom:44px}
    .section-head p{color:var(--muted);margin:16px 0 0;font-size:16px}
    .section-head.split{
      max-width:none;
      display:flex;
      align-items:end;
      justify-content:space-between;
      gap:30px;
    }
    .section-head.split p{max-width:510px;margin:0}
    .btn-main,.btn-light,.btn-outline{
      border-radius:10px;
      padding:12px 20px;
      font-weight:750;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      border:1px solid transparent;
      transition:.25s ease;
      white-space:nowrap;
    }
    .btn-main{
      color:#fff;
      background:var(--blue);
      box-shadow:0 8px 18px rgba(36,121,200,.2);
    }
    .btn-main:hover{
      color:#fff;
      background:var(--blue-dark);
      transform:translateY(-2px);
      box-shadow:0 12px 24px rgba(36,121,200,.25);
    }
    .btn-light{
      color:var(--blue-dark);
      background:#fff;
      border-color:var(--line);
    }
    .btn-light:hover{
      color:var(--blue);
      border-color:var(--blue);
      transform:translateY(-2px);
    }
    .btn-outline{
      color:var(--blue);
      background:transparent;
      border-color:#a9c9e2;
    }
    .btn-outline:hover{background:var(--blue-soft);border-color:var(--blue)}
    .tag{
      display:inline-flex;
      align-items:center;
      border-radius:30px;
      padding:4px 10px;
      background:var(--blue-soft);
      color:var(--blue-dark);
      font-size:12px;
      font-weight:750;
    }
    .tag.mint{background:var(--mint);color:var(--mint-dark)}
    .tag.warm{background:var(--orange-soft);color:#a95d26}

    .site-header{
      position:sticky;
      top:0;
      z-index:1000;
      background:rgba(251,253,255,.94);
      border-bottom:1px solid rgba(220,232,241,.9);
      backdrop-filter:blur(12px);
    }
    .navbar{min-height:76px;padding:10px 0}
    .brand{
      display:flex;
      align-items:center;
      gap:10px;
      font-size:23px;
      font-weight:800;
      color:var(--blue-dark);
    }
    .brand-mark{
      width:34px;
      height:34px;
      border-radius:11px;
      background:var(--blue);
      position:relative;
      overflow:hidden;
      flex:0 0 auto;
    }
    .brand-mark:before,.brand-mark:after{
      content:"";
      position:absolute;
      background:#fff;
      border-radius:50%;
    }
    .brand-mark:before{width:27px;height:17px;left:4px;top:10px}
    .brand-mark:after{
      width:15px;
      height:11px;
      left:10px;
      top:5px;
      box-shadow:9px 5px 0 0 #fff;
    }
    .nav-links{
      display:flex;
      align-items:center;
      gap:5px;
      margin-left:54px;
    }
    .nav-links a{
      padding:8px 12px;
      border-radius:8px;
      color:#587087;
      font-weight:650;
      font-size:14px;
    }
    .nav-links a:hover,.nav-links a.active{
      background:var(--blue-soft);
      color:var(--blue-dark);
    }
    .nav-actions{
      display:flex;
      align-items:center;
      gap:10px;
      margin-left:auto;
    }
    .command-search{
      height:40px;
      min-width:170px;
      border:1px solid var(--line);
      border-radius:9px;
      background:#fff;
      color:#8496a5;
      display:flex;
      align-items:center;
      gap:8px;
      padding:0 11px;
      font-size:13px;
    }
    .command-search kbd{
      margin-left:auto;
      border:1px solid var(--line);
      border-radius:5px;
      background:#f6f9fb;
      padding:1px 5px;
      font-size:11px;
    }
    .mobile-toggle{
      border:1px solid var(--line);
      color:var(--blue-dark);
      padding:7px 10px;
      border-radius:8px;
      background:#fff;
    }

    .page-hero{
      position:relative;
      overflow:hidden;
      background:#eef7fd url('/assets/images/backpic/back-2.webp') center/cover no-repeat;
      padding:30px 0 74px;
    }
    .page-hero:before{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(100deg,rgba(238,247,253,.98) 0%,rgba(238,247,253,.92) 56%,rgba(238,247,253,.55) 100%);
    }
    .page-hero .container-wide{position:relative;z-index:1}
    .breadcrumb-line{
      display:flex;
      align-items:center;
      gap:9px;
      color:var(--muted);
      font-size:13px;
      margin-bottom:34px;
    }
    .breadcrumb-line a:hover{color:var(--blue)}
    .page-hero-grid{
      display:grid;
      grid-template-columns:5fr 7fr;
      gap:54px;
      align-items:center;
    }
    .hero-copy{max-width:570px}
    .hero-copy h1{margin-bottom:22px}
    .hero-copy h1 em{font-style:normal;color:var(--blue)}
    .hero-lead{
      font-size:18px;
      color:#536f86;
      max-width:560px;
      margin-bottom:28px;
    }
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:27px}
    .hero-points{
      display:flex;
      flex-wrap:wrap;
      gap:9px 20px;
      color:#587087;
      font-size:13px;
    }
    .hero-points span{display:flex;align-items:center;gap:7px}
    .hero-points i{
      width:7px;
      height:7px;
      background:#5db5a6;
      border-radius:50%;
      display:inline-block;
    }
    .product-preview{
      min-height:410px;
      position:relative;
      padding:24px;
      border:1px solid rgba(190,216,233,.95);
      border-radius:24px;
      background:#fff;
      box-shadow:var(--shadow);
      transform:rotate(1.5deg) translateY(10px);
    }
    .product-preview:after{
      content:"";
      position:absolute;
      width:170px;
      height:170px;
      border-radius:50%;
      background:var(--mint);
      right:-75px;
      bottom:-80px;
      z-index:-1;
    }
    .preview-top{
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding-bottom:17px;
      border-bottom:1px solid var(--line);
    }
    .preview-title{font-size:14px;font-weight:800}
    .preview-status{
      display:flex;
      align-items:center;
      gap:6px;
      color:var(--mint-dark);
      font-size:12px;
      font-weight:700;
    }
    .preview-status:before{
      content:"";
      width:7px;
      height:7px;
      border-radius:50%;
      background:#5db5a6;
    }
    .preview-layout{
      display:grid;
      grid-template-columns:1.1fr .9fr;
      gap:16px;
      padding-top:20px;
    }
    .preview-main{
      min-height:270px;
      border-radius:15px;
      overflow:hidden;
      position:relative;
      background:#dceefa url('/assets/images/coverpic/cover-4.webp') center/cover no-repeat;
    }
    .preview-main:after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(0deg,rgba(18,61,94,.78),transparent 65%);
    }
    .preview-main-copy{
      position:absolute;
      left:18px;
      right:18px;
      bottom:17px;
      z-index:1;
      color:#fff;
    }
    .preview-main-copy strong{display:block;font-size:18px;line-height:1.4;margin-top:9px}
    .preview-side{display:flex;flex-direction:column;gap:12px}
    .mini-preview{
      padding:15px;
      background:#f7fbfd;
      border:1px solid var(--line);
      border-radius:13px;
      min-height:82px;
    }
    .mini-preview small{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}
    .mini-preview b{font-size:14px;color:var(--ink)}
    .preview-bottom{
      display:flex;
      gap:8px;
      flex-wrap:wrap;
      margin-top:16px;
    }

    .overview-grid{
      display:grid;
      grid-template-columns:.83fr 1.17fr;
      gap:70px;
      align-items:start;
    }
    .overview-intro{position:sticky;top:110px}
    .overview-intro p{color:var(--muted);font-size:16px}
    .overview-intro .metric-line{
      margin-top:28px;
      padding-top:20px;
      border-top:1px solid var(--line);
      display:flex;
      gap:28px;
    }
    .metric-line strong{display:block;font-size:30px;color:var(--blue-dark);line-height:1.15}
    .metric-line span{display:block;color:var(--muted);font-size:12px;margin-top:6px}
    .ability-stack{display:flex;flex-direction:column;gap:14px}
    .ability-item{
      display:grid;
      grid-template-columns:58px 1fr auto;
      gap:18px;
      align-items:start;
      background:#fff;
      border:1px solid var(--line);
      border-radius:15px;
      padding:23px 24px;
      transition:.25s ease;
    }
    .ability-item:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
    .ability-index{
      color:#b5d6ea;
      font-size:25px;
      font-weight:800;
      line-height:1.2;
    }
    .ability-item h3{font-size:19px;margin:0 0 6px}
    .ability-item p{color:var(--muted);margin:0;font-size:14px}
    .ability-arrow{color:var(--blue);font-size:22px;line-height:1}

    .module-section{padding:92px 0}
    .module-layout{
      display:grid;
      grid-template-columns:1.2fr .8fr;
      gap:24px;
      align-items:stretch;
    }
    .module-main{
      min-height:410px;
      position:relative;
      overflow:hidden;
      border-radius:22px;
      background:#dceefa url('/assets/images/coverpic/cover-5.webp') center/cover no-repeat;
      display:flex;
      align-items:end;
    }
    .module-main:after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(0deg,rgba(16,57,91,.86),rgba(16,57,91,.03) 72%);
    }
    .module-copy{
      position:relative;
      z-index:1;
      color:#fff;
      padding:34px;
      max-width:620px;
    }
    .module-copy h3{color:#fff;font-size:29px;margin:15px 0 12px}
    .module-copy p{color:#e8f3fa;margin-bottom:20px}
    .module-side{display:flex;flex-direction:column;gap:14px}
    .side-card{
      background:#fff;
      border:1px solid var(--line);
      border-radius:15px;
      padding:22px;
      flex:1;
      transition:.25s ease;
    }
    .side-card:hover{box-shadow:var(--shadow);transform:translateX(-3px)}
    .side-card h4{margin:10px 0 6px}
    .side-card p{color:var(--muted);font-size:13px;margin:0}
    .side-symbol{
      width:32px;
      height:32px;
      border-radius:9px;
      background:var(--blue-soft);
      color:var(--blue);
      display:flex;
      align-items:center;
      justify-content:center;
      font-weight:800;
    }

    .scenario-track{
      display:grid;
      grid-template-columns:1.15fr .85fr .85fr;
      gap:16px;
    }
    .scenario-card{
      background:#fff;
      border:1px solid var(--line);
      border-radius:17px;
      overflow:hidden;
      transition:.25s ease;
    }
    .scenario-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}
    .scenario-card:first-child{grid-row:span 2}
    .scenario-image{
      height:174px;
      background-position:center;
      background-size:cover;
      background-color:#dceefa;
    }
    .scenario-card:first-child .scenario-image{height:285px}
    .scenario-content{padding:22px}
    .scenario-content h3{font-size:19px;margin:13px 0 8px}
    .scenario-content p{color:var(--muted);font-size:14px;margin:0 0 16px}
    .scenario-note{
      border-top:1px solid var(--line);
      padding-top:12px;
      color:var(--blue-dark);
      font-size:13px;
      font-weight:700;
    }

    .process-wrap{
      display:grid;
      grid-template-columns:.86fr 1.14fr;
      gap:68px;
      align-items:center;
    }
    .process-image{
      min-height:390px;
      border-radius:22px;
      background:#dceefa url('/assets/images/coverpic/cover-6.webp') center/cover no-repeat;
      box-shadow:var(--shadow);
      position:relative;
      overflow:hidden;
    }
    .process-image:after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(135deg,rgba(36,121,200,.15),rgba(255,255,255,0));
    }
    .process-list{list-style:none;padding:0;margin:0}
    .process-list li{
      position:relative;
      display:grid;
      grid-template-columns:40px 1fr;
      gap:18px;
      padding:0 0 28px;
    }
    .process-list li:not(:last-child):after{
      content:"";
      position:absolute;
      width:1px;
      background:#bdd7e8;
      left:19px;
      top:39px;
      bottom:0;
    }
    .process-number{
      width:39px;
      height:39px;
      border-radius:50%;
      background:var(--blue-soft);
      color:var(--blue);
      display:flex;
      align-items:center;
      justify-content:center;
      font-weight:800;
      position:relative;
      z-index:1;
    }
    .process-list h3{font-size:18px;margin:3px 0 5px}
    .process-list p{color:var(--muted);font-size:14px;margin:0}

    .proof-band{
      background:var(--blue-dark);
      color:#fff;
      padding:44px 0;
    }
    .proof-grid{
      display:grid;
      grid-template-columns:1.2fr repeat(3,1fr);
      gap:28px;
      align-items:center;
    }
    .proof-grid h2{font-size:25px;color:#fff;margin:0}
    .proof-grid p{color:#c7dfed;font-size:13px;margin:7px 0 0}
    .proof-number{border-left:1px solid rgba(255,255,255,.22);padding-left:25px}
    .proof-number strong{font-size:31px;display:block;line-height:1.2}
    .proof-number span{color:#c7dfed;font-size:13px}

    .faq-layout{
      display:grid;
      grid-template-columns:.7fr 1.3fr;
      gap:70px;
      align-items:start;
    }
    .faq-side p{color:var(--muted);font-size:15px}
    .accordion-item{
      border:1px solid var(--line)!important;
      border-radius:12px!important;
      overflow:hidden;
      margin-bottom:11px;
      background:#fff;
    }
    .accordion-button{
      color:var(--ink);
      background:#fff;
      font-weight:750;
      padding:18px 20px;
      box-shadow:none!important;
    }
    .accordion-button:not(.collapsed){color:var(--blue-dark);background:var(--blue-soft)}
    .accordion-button:after{background-size:14px}
    .accordion-body{color:var(--muted);font-size:14px;padding:0 20px 20px;background:var(--blue-soft)}

    .cta-section{padding:90px 0}
    .cta-box{
      border-radius:23px;
      background:#e8f4fb;
      border:1px solid #cfe4f2;
      padding:45px;
      display:grid;
      grid-template-columns:.9fr 1.1fr;
      gap:55px;
      align-items:center;
    }
    .cta-box h2{margin-bottom:14px}
    .cta-box p{color:var(--muted);margin-bottom:0}
    .contact-form{display:grid;grid-template-columns:1fr 1fr;gap:13px}
    .contact-form .full{grid-column:1/-1}
    .form-control,.form-select{
      border:1px solid #cbdde9;
      border-radius:10px;
      min-height:47px;
      color:var(--ink);
      background:#fff;
      padding:10px 13px;
      box-shadow:none;
    }
    textarea.form-control{min-height:98px;resize:vertical}
    .form-control::placeholder{color:#9aabb8}
    .form-control:focus,.form-select:focus{
      border-color:var(--blue);
      box-shadow:0 0 0 3px rgba(36,121,200,.13);
    }
    .form-hint{grid-column:1/-1;color:var(--muted);font-size:12px;margin:0}

    .site-footer{
      background:#f1f7fb;
      border-top:1px solid var(--line);
      padding:63px 0 20px;
    }
    .footer-grid{
      display:grid;
      grid-template-columns:1.45fr 1fr 1fr 1fr;
      gap:42px;
      padding-bottom:48px;
    }
    .footer-brand p{max-width:310px;color:var(--muted);font-size:14px;margin:17px 0 22px}
    .footer-col{display:flex;flex-direction:column;gap:10px}
    .footer-col h4{margin-bottom:8px;color:var(--ink)}
    .footer-col a{color:var(--muted);font-size:14px}
    .footer-col a:hover{color:var(--blue)}
    .footer-bottom{
      border-top:1px solid var(--line);
      padding-top:18px;
      display:flex;
      justify-content:space-between;
      gap:20px;
      color:#8295a5;
      font-size:12px;
    }
    .footer-bottom a:hover{color:var(--blue)}

    @media (max-width:1199px){
      .nav-links{margin-left:22px}
      .nav-actions .btn-light{display:none}
      .page-hero-grid{gap:32px}
      .overview-grid{gap:40px}
    }
    @media (max-width:991px){
      .navbar-collapse{
        background:#fff;
        border-top:1px solid var(--line);
        margin-top:10px;
        padding:15px 0 5px;
      }
      .nav-links{display:flex;flex-direction:column;align-items:stretch;margin:0 0 12px;gap:2px}
      .nav-links a{padding:11px 12px}
      .nav-actions{margin:0;justify-content:flex-start;flex-wrap:wrap}
      .command-search{flex:1;min-width:210px}
      .page-hero-grid,.overview-grid,.module-layout,.process-wrap,.faq-layout,.cta-box{grid-template-columns:1fr}
      .overview-intro{position:static}
      .overview-intro .metric-line{max-width:420px}
      .process-wrap{gap:35px}
      .process-image{min-height:300px;max-width:650px}
      .cta-box{gap:30px}
      .proof-grid{grid-template-columns:1.3fr 1fr 1fr}
      .proof-grid .proof-number:last-child{display:none}
    }
    @media (max-width:767px){
      .container-wide{padding:0 18px}
      .section,.module-section,.cta-section{padding:68px 0}
      .page-hero{padding:25px 0 60px}
      .page-hero-grid{gap:35px}
      .hero-copy h1{font-size:39px}
      .hero-lead{font-size:16px}
      .product-preview{transform:none;padding:16px;min-height:0}
      .preview-layout{grid-template-columns:1fr}
      .preview-side{display:grid;grid-template-columns:1fr 1fr}
      .preview-main{min-height:230px}
      .section-head.split{display:block}
      .section-head.split p{margin-top:15px}
      .ability-item{grid-template-columns:38px 1fr;gap:12px;padding:18px}
      .ability-arrow{display:none}
      .scenario-track{display:flex;flex-direction:column}
      .scenario-card:first-child .scenario-image,.scenario-image{height:210px}
      .proof-band{padding:36px 0}
      .proof-grid{grid-template-columns:1fr 1fr;gap:25px}
      .proof-grid h2{grid-column:1/-1}
      .proof-grid .proof-number:last-child{display:block}
      .proof-number{padding-left:15px}
      .proof-number strong{font-size:25px}
      .cta-box{padding:27px 20px}
      .contact-form{grid-template-columns:1fr}
      .contact-form .full,.form-hint{grid-column:auto}
      .footer-grid{grid-template-columns:1fr 1fr;gap:30px}
      .footer-brand{grid-column:1/-1}
      .footer-bottom{display:block;line-height:2}
    }
    @media (max-width:520px){
      h2{font-size:29px}
      .hero-actions .btn-main,.hero-actions .btn-light{width:100%}
      .preview-side{display:flex}
      .metric-line{gap:18px!important}
      .metric-line strong{font-size:25px}
      .footer-grid{grid-template-columns:1fr}
      .footer-brand{grid-column:auto}
    }

/* roulang page: category3 */
:root{
      --blue:#2479c8;
      --blue-dark:#16548e;
      --blue-soft:#eaf4fc;
      --mint:#dff3ee;
      --orange:#ef9a51;
      --ink:#18324b;
      --muted:#6b7f92;
      --line:#dce8f1;
      --paper:#fbfdff;
      --white:#fff;
      --radius:18px;
      --shadow:0 14px 38px rgba(31,84,124,.10);
      --shadow-hover:0 20px 44px rgba(31,84,124,.16);
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      color:var(--ink);
      background:var(--paper);
      font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
      font-size:15px;
      line-height:1.75;
    }
    a{color:inherit;text-decoration:none;transition:.25s ease}
    img{display:block;max-width:100%}
    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(36,121,200,.24);
      outline-offset:3px;
    }
    h1,h2,h3,h4,p{margin-top:0}
    h1,h2,h3,h4{font-weight:800;letter-spacing:-.035em}
    h1{font-size:clamp(38px,5vw,64px);line-height:1.12}
    h2{font-size:clamp(29px,3.5vw,43px);line-height:1.2}
    h3{font-size:24px;line-height:1.35}
    .container-wide{max-width:1240px;margin:auto;padding:0 24px}
    .section{padding:98px 0}
    .section-soft{background:#f2f8fc}
    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:8px;
      color:var(--blue-dark);
      font-weight:700;
      font-size:13px;
      letter-spacing:.08em;
      margin-bottom:15px;
    }
    .eyebrow:before{
      content:"";
      width:24px;
      height:2px;
      background:var(--orange);
      display:inline-block;
    }
    .section-head{max-width:720px;margin-bottom:44px}
    .section-head p{color:var(--muted);font-size:16px;margin:18px 0 0}
    .btn-main,.btn-light,.btn-outline{
      border-radius:10px;
      padding:12px 20px;
      font-weight:700;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      border:1px solid transparent;
      transition:.25s ease;
      white-space:nowrap;
    }
    .btn-main{
      color:#fff;
      background:var(--blue);
      box-shadow:0 8px 18px rgba(36,121,200,.2);
    }
    .btn-main:hover{
      background:var(--blue-dark);
      color:#fff;
      transform:translateY(-2px);
      box-shadow:0 12px 24px rgba(36,121,200,.25);
    }
    .btn-light{
      color:var(--blue-dark);
      background:#fff;
      border-color:var(--line);
    }
    .btn-light:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px)}
    .btn-outline{color:var(--blue);background:transparent;border-color:#a9c9e2}
    .btn-outline:hover{background:var(--blue-soft);border-color:var(--blue)}
    .tag{
      display:inline-flex;
      align-items:center;
      border-radius:30px;
      padding:4px 10px;
      background:var(--blue-soft);
      color:var(--blue-dark);
      font-size:12px;
      font-weight:700;
    }
    .tag.mint{background:var(--mint);color:#287568}
    .tag.warm{background:#fff0e4;color:#a95d26}

    .site-header{
      position:sticky;
      top:0;
      z-index:1000;
      background:rgba(251,253,255,.94);
      border-bottom:1px solid rgba(220,232,241,.9);
      backdrop-filter:blur(12px);
    }
    .navbar{min-height:76px;padding:10px 0}
    .brand{
      display:flex;
      align-items:center;
      gap:10px;
      font-size:23px;
      font-weight:800;
      color:var(--blue-dark);
    }
    .brand-mark{
      width:34px;
      height:34px;
      border-radius:11px;
      background:var(--blue);
      position:relative;
      overflow:hidden;
      flex:none;
    }
    .brand-mark:before,.brand-mark:after{
      content:"";
      position:absolute;
      background:#fff;
      border-radius:50%;
    }
    .brand-mark:before{width:27px;height:17px;left:4px;top:10px}
    .brand-mark:after{width:15px;height:11px;left:10px;top:5px;box-shadow:9px 5px 0 0 #fff}
    .nav-links{display:flex;align-items:center;gap:5px;margin-left:54px}
    .nav-links a{
      padding:8px 12px;
      border-radius:8px;
      color:#587087;
      font-weight:650;
      font-size:14px;
    }
    .nav-links a:hover,.nav-links a.active{background:var(--blue-soft);color:var(--blue-dark)}
    .nav-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
    .command-search{
      height:40px;
      min-width:170px;
      border:1px solid var(--line);
      border-radius:9px;
      background:#fff;
      color:#8496a5;
      display:flex;
      align-items:center;
      gap:8px;
      padding:0 11px;
      font-size:13px;
    }
    .command-search kbd{
      margin-left:auto;
      border:1px solid var(--line);
      border-radius:5px;
      background:#f6f9fb;
      padding:1px 5px;
      font-size:11px;
    }
    .mobile-toggle{border:1px solid var(--line);color:var(--blue-dark);padding:7px 10px;border-radius:8px}

    .page-hero{
      position:relative;
      overflow:hidden;
      padding:62px 0 78px;
      background:#eef7fd url('/assets/images/backpic/back-2.webp') center/cover no-repeat;
    }
    .page-hero:before{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(90deg,rgba(238,247,253,.98),rgba(238,247,253,.88) 58%,rgba(238,247,253,.55));
    }
    .page-hero .container-wide{position:relative;z-index:1}
    .breadcrumb-line{
      display:flex;
      align-items:center;
      gap:8px;
      color:var(--muted);
      font-size:13px;
      margin-bottom:34px;
    }
    .breadcrumb-line a:hover{color:var(--blue)}
    .page-hero-grid{
      display:grid;
      grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);
      gap:70px;
      align-items:center;
    }
    .page-hero h1{max-width:690px;margin-bottom:20px}
    .page-hero h1 em{font-style:normal;color:var(--blue)}
    .hero-lead{max-width:650px;color:#536f86;font-size:18px;margin-bottom:28px}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px}
    .hero-panel{
      background:#fff;
      border:1px solid var(--line);
      border-radius:22px;
      box-shadow:var(--shadow);
      padding:24px;
      transform:rotate(1deg);
    }
    .panel-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
    .panel-title{font-weight:800;font-size:17px}
    .status-dot{display:inline-flex;align-items:center;gap:6px;color:#428d7f;font-size:12px}
    .status-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:#5bb9a3}
    .slot-list{display:grid;gap:10px}
    .slot{
      display:flex;
      justify-content:space-between;
      align-items:center;
      padding:13px 14px;
      border:1px solid var(--line);
      border-radius:12px;
      color:#587087;
      background:#fbfdff;
    }
    .slot strong{color:var(--ink);font-size:14px}
    .slot.active{border-color:#8fc2e6;background:var(--blue-soft)}
    .slot .slot-state{font-size:12px;color:var(--blue-dark);font-weight:700}
    .panel-note{
      display:flex;
      gap:10px;
      align-items:flex-start;
      margin-top:18px;
      padding-top:17px;
      border-top:1px solid var(--line);
      color:var(--muted);
      font-size:13px;
    }
    .panel-note b{color:var(--orange);font-size:18px;line-height:1}

    .case-feature{
      display:grid;
      grid-template-columns:1.13fr .87fr;
      min-height:430px;
      overflow:hidden;
      background:#fff;
      border:1px solid var(--line);
      border-radius:22px;
      box-shadow:var(--shadow);
    }
    .case-image{
      min-height:430px;
      background:#d9edf9 url('/assets/images/coverpic/cover-7.webp') center/cover no-repeat;
      position:relative;
    }
    .case-image:after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(135deg,rgba(24,86,133,.12),rgba(24,86,133,.38));
    }
    .case-feature-body{padding:42px 42px 38px}
    .case-feature-body h3{font-size:31px;margin:18px 0 15px}
    .case-feature-body p{color:var(--muted);margin-bottom:24px}
    .case-points{list-style:none;padding:0;margin:0 0 28px}
    .case-points li{
      display:flex;
      gap:12px;
      padding:11px 0;
      border-top:1px solid var(--line);
      color:#536f86;
    }
    .case-points li:last-child{border-bottom:1px solid var(--line)}
    .case-points b{color:var(--blue);min-width:24px}

    .metric-strip{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:1px;
      background:var(--line);
      border:1px solid var(--line);
      border-radius:16px;
      overflow:hidden;
      box-shadow:0 8px 20px rgba(31,84,124,.05);
    }
    .metric{
      background:#fff;
      padding:24px 23px;
    }
    .metric strong{display:block;color:var(--blue-dark);font-size:30px;line-height:1.15;margin-bottom:7px}
    .metric span{display:block;color:var(--muted);font-size:13px}

    .case-list{display:grid;gap:16px}
    .case-row{
      display:grid;
      grid-template-columns:220px minmax(0,1fr) auto;
      gap:25px;
      align-items:center;
      padding:18px;
      border:1px solid var(--line);
      border-radius:16px;
      background:#fff;
      transition:.25s ease;
    }
    .case-row:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:#b8d5e8}
    .case-thumb{
      height:142px;
      border-radius:12px;
      background-position:center;
      background-size:cover;
      background-color:#e4f1f8;
    }
    .case-row h3{font-size:22px;margin:11px 0 8px}
    .case-row p{color:var(--muted);margin:0;max-width:670px}
    .case-result{
      min-width:140px;
      padding-left:20px;
      border-left:1px solid var(--line);
    }
    .case-result strong{display:block;color:var(--blue);font-size:24px}
    .case-result span{display:block;color:var(--muted);font-size:12px}

    .solution-layout{
      display:grid;
      grid-template-columns:.74fr 1.26fr;
      gap:24px;
      align-items:start;
    }
    .solution-intro{
      position:sticky;
      top:110px;
      padding:30px;
      background:var(--blue-dark);
      color:#fff;
      border-radius:20px;
      overflow:hidden;
    }
    .solution-intro:after{
      content:"";
      position:absolute;
      width:190px;height:190px;
      border:1px solid rgba(255,255,255,.16);
      border-radius:50%;
      right:-60px;bottom:-70px;
    }
    .solution-intro h2{color:#fff;font-size:31px}
    .solution-intro p{color:#dcecf7}
    .solution-index{display:grid;gap:10px;margin-top:28px}
    .solution-index span{
      display:flex;gap:10px;align-items:center;
      padding:10px 0;border-top:1px solid rgba(255,255,255,.18);
      color:#e4f2fa;font-size:13px;
    }
    .solution-index b{color:#9bd2ee}
    .solution-steps{display:grid;gap:12px}
    .solution-step{
      display:grid;
      grid-template-columns:58px minmax(0,1fr) 150px;
      gap:20px;
      align-items:center;
      padding:22px 24px;
      background:#fff;
      border:1px solid var(--line);
      border-radius:15px;
    }
    .step-no{
      width:44px;height:44px;border-radius:13px;
      background:var(--blue-soft);color:var(--blue);
      display:flex;align-items:center;justify-content:center;
      font-weight:800;font-size:17px;
    }
    .solution-step h3{font-size:19px;margin-bottom:5px}
    .solution-step p{color:var(--muted);margin:0;font-size:14px}
    .step-result{text-align:right;color:#3e866f;font-size:13px;font-weight:700}

    .industry-grid{
      display:grid;
      grid-template-columns:1.15fr .85fr .85fr;
      gap:16px;
    }
    .industry-card{
      min-height:220px;
      padding:27px;
      background:#fff;
      border:1px solid var(--line);
      border-radius:17px;
      box-shadow:0 8px 22px rgba(31,84,124,.05);
    }
    .industry-card.feature{grid-row:span 2;min-height:456px;background:#eaf4fc url('/assets/images/coverpic/cover-9.webp') center/cover;position:relative;display:flex;align-items:end;overflow:hidden}
    .industry-card.feature:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(19,69,108,.86),rgba(19,69,108,.05) 78%)}
    .industry-card.feature .industry-content{position:relative;z-index:1;color:#fff}
    .industry-card.feature p{color:#e5f3fb}
    .industry-card h3{font-size:21px;margin:16px 0 9px}
    .industry-card.feature h3{font-size:28px;color:#fff}
    .industry-card p{color:var(--muted);font-size:14px;margin:0}

    .appointment{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:42px;
      align-items:start;
      background:#eaf4fc;
      border:1px solid #d3e7f5;
      border-radius:22px;
      padding:42px;
    }
    .appointment h2{font-size:35px}
    .appointment-copy p{color:#5a7489;max-width:500px}
    .appointment-list{list-style:none;padding:0;margin:28px 0 0}
    .appointment-list li{display:flex;gap:10px;align-items:center;padding:8px 0;color:#536f86}
    .appointment-list b{color:var(--blue)}
    .contact-form{
      background:#fff;
      border:1px solid var(--line);
      border-radius:16px;
      padding:25px;
      box-shadow:0 9px 25px rgba(31,84,124,.06);
    }
    .form-label{font-size:13px;font-weight:700;color:#526d83;margin-bottom:6px}
    .form-control,.form-select{
      border:1px solid var(--line);
      border-radius:9px;
      min-height:44px;
      color:var(--ink);
      background:#fbfdff;
    }
    .form-control:focus,.form-select:focus{
      border-color:#7fb8df;
      box-shadow:0 0 0 .22rem rgba(36,121,200,.12);
      background:#fff;
    }
    textarea.form-control{min-height:98px;resize:vertical}

    .faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:52px}
    .faq-intro p{color:var(--muted)}
    .accordion-item{border:1px solid var(--line)!important;border-radius:12px!important;overflow:hidden;margin-bottom:11px;background:#fff}
    .accordion-button{font-weight:750;color:var(--ink);background:#fff;padding:18px 20px;box-shadow:none!important}
    .accordion-button:not(.collapsed){color:var(--blue-dark);background:var(--blue-soft)}
    .accordion-button:after{background-size:14px}
    .accordion-body{color:var(--muted);padding:0 20px 19px;line-height:1.8}

    .site-footer{background:#f1f7fb;border-top:1px solid var(--line);padding:65px 0 22px}
    .footer-grid{display:grid;grid-template-columns:1.35fr .8fr .8fr .8fr;gap:45px}
    .footer-brand p{max-width:330px;color:var(--muted);font-size:14px;margin:18px 0 22px}
    .footer-col{display:flex;flex-direction:column;gap:9px}
    .footer-col h4{font-size:15px;margin-bottom:10px}
    .footer-col a{color:var(--muted);font-size:14px}
    .footer-col a:hover{color:var(--blue)}
    .footer-bottom{
      display:flex;
      justify-content:space-between;
      gap:20px;
      border-top:1px solid var(--line);
      margin-top:48px;
      padding-top:20px;
      color:#8193a2;
      font-size:12px;
    }
    .footer-bottom a:hover{color:var(--blue)}

    @media (max-width:1199px){
      .nav-links{margin-left:25px}
      .command-search{min-width:145px}
      .page-hero-grid{gap:35px}
    }
    @media (max-width:991px){
      .navbar-collapse{padding:18px 0 10px}
      .nav-links{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 15px}
      .nav-links a{text-align:center}
      .nav-actions{margin-left:0;flex-wrap:wrap}
      .command-search{flex:1}
      .page-hero-grid,.case-feature,.solution-layout,.appointment,.faq-layout{grid-template-columns:1fr}
      .hero-panel{max-width:600px;transform:none}
      .solution-intro{position:static}
      .industry-grid{grid-template-columns:1fr 1fr}
      .industry-card.feature{grid-row:auto;min-height:360px;grid-column:span 2}
      .footer-grid{grid-template-columns:1.4fr 1fr 1fr}
    }
    @media (max-width:767px){
      .container-wide{padding:0 18px}
      .section{padding:70px 0}
      .page-hero{padding:42px 0 60px}
      .page-hero h1{font-size:42px}
      .hero-lead{font-size:16px}
      .case-image{min-height:270px}
      .case-feature-body{padding:28px 24px}
      .metric-strip{grid-template-columns:1fr 1fr}
      .case-row{grid-template-columns:1fr;gap:15px}
      .case-thumb{height:190px}
      .case-result{border-left:0;border-top:1px solid var(--line);padding:14px 0 0}
      .solution-step{grid-template-columns:48px 1fr;gap:14px}
      .step-result{text-align:left;grid-column:2}
      .industry-grid{grid-template-columns:1fr}
      .industry-card.feature{grid-column:auto;min-height:310px}
      .appointment{padding:27px 20px}
      .appointment h2{font-size:30px}
      .footer-grid{grid-template-columns:1fr 1fr;gap:30px}
      .footer-brand{grid-column:span 2}
      .footer-bottom{display:block}
      .footer-bottom div+div{margin-top:10px}
    }
    @media (max-width:520px){
      h2{font-size:30px}
      .nav-links{grid-template-columns:1fr 1fr}
      .nav-actions{display:grid;grid-template-columns:1fr 1fr}
      .command-search{grid-column:span 2}
      .nav-actions .btn-light,.nav-actions .btn-main{width:100%}
      .page-hero h1{font-size:36px}
      .hero-actions a{width:100%}
      .metric{padding:19px 15px}
      .metric strong{font-size:25px}
      .industry-card{min-height:auto}
      .footer-grid{grid-template-columns:1fr}
      .footer-brand{grid-column:auto}
    }

/* roulang page: category4 */
:root{
      --blue:#2479c8;
      --blue-dark:#16548e;
      --blue-soft:#eaf4fc;
      --mint:#dff3ee;
      --orange:#ef9a51;
      --ink:#18324b;
      --muted:#6b7f92;
      --line:#dce8f1;
      --paper:#fbfdff;
      --white:#fff;
      --radius:18px;
      --shadow:0 14px 38px rgba(31,84,124,.10);
      --shadow-hover:0 20px 44px rgba(31,84,124,.16);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      color:var(--ink);
      background:var(--paper);
      font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
      line-height:1.75;
      font-size:15px;
    }
    a{color:inherit;text-decoration:none;transition:.25s ease}
    img{max-width:100%;display:block}
    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(36,121,200,.24);
      outline-offset:3px;
    }
    h1,h2,h3,h4,p{margin-top:0}
    h1,h2,h3,h4{font-weight:800;letter-spacing:-.035em}
    h1{font-size:clamp(36px,5vw,64px);line-height:1.12}
    h2{font-size:clamp(28px,3vw,42px);line-height:1.24}
    h3{font-size:22px;line-height:1.38}
    .container-wide{max-width:1240px;margin:auto;padding:0 24px}
    .section{padding:96px 0}
    .section-soft{background:#f2f8fc}
    .site-header{
      position:sticky;top:0;z-index:1000;
      background:rgba(251,253,255,.94);
      border-bottom:1px solid rgba(220,232,241,.9);
      backdrop-filter:blur(12px)
    }
    .navbar{min-height:76px;padding:10px 0}
    .brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:800;color:var(--blue-dark)}
    .brand-mark{
      width:34px;height:34px;border-radius:11px;background:var(--blue);
      position:relative;overflow:hidden;flex:none
    }
    .brand-mark:before,.brand-mark:after{
      content:"";position:absolute;background:#fff;border-radius:50%
    }
    .brand-mark:before{width:27px;height:17px;left:4px;top:10px}
    .brand-mark:after{width:15px;height:11px;left:10px;top:5px;box-shadow:9px 5px 0 0 #fff}
    .nav-links{display:flex;align-items:center;gap:5px;margin-left:54px}
    .nav-links a{
      padding:8px 12px;border-radius:8px;color:#587087;
      font-weight:650;font-size:14px
    }
    .nav-links a:hover,.nav-links a.active{background:var(--blue-soft);color:var(--blue-dark)}
    .nav-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
    .command-search{
      height:40px;min-width:170px;border:1px solid var(--line);border-radius:9px;
      background:#fff;color:#8496a5;display:flex;align-items:center;gap:8px;
      padding:0 11px;font-size:13px
    }
    .command-search kbd{
      margin-left:auto;border:1px solid var(--line);border-radius:5px;
      background:#f6f9fb;padding:1px 5px;font-size:11px
    }
    .mobile-toggle{border:1px solid var(--line);color:var(--blue-dark);padding:7px 10px;border-radius:8px}
    .btn-main,.btn-light,.btn-outline{
      border-radius:10px;padding:12px 20px;font-weight:700;
      display:inline-flex;align-items:center;justify-content:center;gap:8px;
      border:1px solid transparent;transition:.25s ease;white-space:nowrap
    }
    .btn-main{color:#fff;background:var(--blue);box-shadow:0 8px 18px rgba(36,121,200,.2)}
    .btn-main:hover{background:var(--blue-dark);color:#fff;transform:translateY(-2px);box-shadow:0 12px 24px rgba(36,121,200,.25)}
    .btn-light{color:var(--blue-dark);background:#fff;border-color:var(--line)}
    .btn-light:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px)}
    .btn-outline{color:var(--blue);background:transparent;border-color:#a9c9e2}
    .btn-outline:hover{background:var(--blue-soft);border-color:var(--blue)}
    .tag{
      display:inline-flex;align-items:center;border-radius:30px;padding:4px 10px;
      background:var(--blue-soft);color:var(--blue-dark);font-size:12px;font-weight:700
    }
    .tag.mint{background:var(--mint);color:#287568}
    .tag.warm{background:#fff0e4;color:#a95d26}
    .eyebrow{
      display:inline-flex;align-items:center;gap:8px;color:var(--blue-dark);
      font-weight:700;font-size:13px;letter-spacing:.08em;margin-bottom:15px
    }
    .eyebrow:before{content:"";width:24px;height:2px;background:var(--orange);display:inline-block}
    .section-head{max-width:730px;margin-bottom:46px}
    .section-head p{color:var(--muted);margin:18px 0 0;font-size:16px}
    .page-hero{
      position:relative;overflow:hidden;padding:76px 0 84px;
      background:#edf7fd url('/assets/images/backpic/back-2.webp') center/cover no-repeat
    }
    .page-hero:before{
      content:"";position:absolute;inset:0;
      background:linear-gradient(90deg,rgba(237,247,253,.98),rgba(237,247,253,.82) 55%,rgba(237,247,253,.45))
    }
    .page-hero .container-wide{position:relative;z-index:1}
    .crumbs{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:13px;margin-bottom:28px}
    .crumbs a{color:var(--blue-dark);font-weight:700}
    .page-hero h1{max-width:720px;margin-bottom:20px}
    .page-hero h1 em{font-style:normal;color:var(--blue)}
    .hero-summary{max-width:690px;color:#536f86;font-size:18px;margin-bottom:29px}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px}
    .hero-stats{
      margin-top:52px;display:flex;flex-wrap:wrap;gap:0;
      max-width:760px;border-top:1px solid rgba(169,201,226,.75);padding-top:20px
    }
    .hero-stat{min-width:170px;padding-right:30px;margin-right:30px;border-right:1px solid rgba(169,201,226,.75)}
    .hero-stat:last-child{border:0}
    .hero-stat strong{display:block;font-size:25px;line-height:1.2;color:var(--blue-dark)}
    .hero-stat span{display:block;color:var(--muted);font-size:13px;margin-top:4px}
    .split-title{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}
    .split-title p{max-width:540px;color:var(--muted);margin:0}
    .guide-feature{
      display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:stretch
    }
    .feature-image{
      min-height:430px;border-radius:22px;overflow:hidden;position:relative;
      background:#dceefa url('/assets/images/coverpic/cover-8.webp') center/cover no-repeat
    }
    .feature-image:after{
      content:"";position:absolute;inset:0;
      background:linear-gradient(0deg,rgba(18,65,101,.84),transparent 65%)
    }
    .feature-image-content{position:absolute;left:32px;right:32px;bottom:28px;z-index:1;color:#fff}
    .feature-image-content h3{font-size:30px;color:#fff;margin:14px 0 8px}
    .feature-image-content p{color:#e8f3fa;margin:0;max-width:510px}
    .feature-panel{
      background:var(--white);border:1px solid var(--line);border-radius:var(--radius);
      box-shadow:var(--shadow);padding:34px
    }
    .feature-panel h3{margin:15px 0 12px}
    .feature-panel>p{color:var(--muted);margin-bottom:22px}
    .check-list{list-style:none;padding:0;margin:0}
    .check-list li{
      display:flex;gap:12px;padding:13px 0;border-top:1px solid var(--line);
      color:#536f86
    }
    .check-list li:before{
      content:"✓";width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;
      border-radius:50%;background:var(--mint);color:#287568;font-weight:800;flex:none;margin-top:3px
    }
    .read-link{color:var(--blue);font-weight:750;display:inline-flex;gap:8px;align-items:center}
    .read-link:hover{color:var(--blue-dark);gap:12px}
    .guide-layout{display:grid;grid-template-columns:1.45fr .75fr;gap:28px}
    .guide-feed{display:grid;gap:16px}
    .guide-card{
      display:grid;grid-template-columns:190px 1fr;gap:22px;background:#fff;
      border:1px solid var(--line);border-radius:16px;padding:14px;
      transition:.25s ease
    }
    .guide-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:#b8d5e9}
    .guide-card img{width:190px;height:145px;object-fit:cover;border-radius:11px;background:var(--blue-soft)}
    .guide-card h3{font-size:20px;margin:12px 0 8px}
    .guide-card p{color:var(--muted);margin-bottom:13px;font-size:14px}
    .card-meta{display:flex;align-items:center;gap:10px;color:#8496a5;font-size:12px;flex-wrap:wrap}
    .guide-aside{
      background:#eaf4fc;border-radius:18px;padding:28px;height:max-content;
      position:sticky;top:98px
    }
    .guide-aside h3{font-size:20px;margin-bottom:8px}
    .guide-aside>p{color:#60798d;font-size:14px;margin-bottom:20px}
    .topic-list{list-style:none;margin:0;padding:0}
    .topic-list li{border-top:1px solid #cfe2ef}
    .topic-list a{display:flex;justify-content:space-between;gap:14px;padding:13px 0;color:var(--blue-dark);font-weight:700}
    .topic-list a span{color:#8aa5b8;font-weight:500}
    .topic-list a:hover{color:var(--blue);padding-left:5px}
    .support-strip{
      display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px
    }
    .support-item{
      background:#fff;border:1px solid var(--line);border-radius:15px;padding:23px;
      min-height:170px
    }
    .support-index{color:var(--orange);font-weight:800;font-size:13px;letter-spacing:.08em}
    .support-item h3{font-size:18px;margin:10px 0 7px}
    .support-item p{font-size:14px;color:var(--muted);margin:0}
    .process-wrap{display:grid;grid-template-columns:.72fr 1.28fr;gap:42px;align-items:start}
    .process-intro{padding-top:8px}
    .process-intro p{color:var(--muted);font-size:16px}
    .process-list{border-top:1px solid var(--line)}
    .process-step{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}
    .step-number{
      width:42px;height:42px;border-radius:12px;background:var(--blue);
      color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800
    }
    .process-step h3{font-size:19px;margin:1px 0 6px}
    .process-step p{color:var(--muted);margin:0;font-size:14px}
    .material-band{
      background:#fff;border:1px solid var(--line);border-radius:22px;
      box-shadow:var(--shadow);padding:34px
    }
    .material-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:25px}
    .material-head p{color:var(--muted);max-width:500px;margin:0}
    .material-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:14px}
    .material-card{border:1px solid var(--line);border-radius:14px;padding:22px;background:#fbfdff}
    .material-card.large{background:var(--blue-soft);border-color:#c9e0f0}
    .material-card h3{font-size:18px;margin:10px 0 8px}
    .material-card p{font-size:14px;color:var(--muted);margin:0 0 15px}
    .faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:45px}
    .faq-intro p{color:var(--muted);font-size:16px}
    .accordion-item{border:0;border-bottom:1px solid var(--line);background:transparent}
    .accordion-button{
      background:transparent!important;color:var(--ink)!important;
      box-shadow:none!important;font-weight:750;padding:20px 4px;font-size:16px
    }
    .accordion-button:after{background-size:14px}
    .accordion-body{padding:0 30px 20px 4px;color:var(--muted);font-size:14px}
    .cta-section{padding:82px 0}
    .cta-box{
      background:var(--blue-soft);border:1px solid #cbe1ef;border-radius:22px;
      padding:42px 48px;display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center
    }
    .cta-box h2{margin-bottom:13px}
    .cta-box p{color:#60798d;margin:0}
    .contact-form{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}
    .form-label{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:6px}
    .form-control,.form-select{
      border:1px solid var(--line);border-radius:9px;padding:11px 13px;color:var(--ink);
      background:#fbfdff
    }
    .form-control::placeholder{color:#9aabb8}
    .form-control:focus,.form-select:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(36,121,200,.1)}
    .site-footer{background:#f2f7fa;border-top:1px solid var(--line);padding:58px 0 22px}
    .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:42px}
    .footer-brand p{color:var(--muted);max-width:310px;margin:18px 0 20px}
    .footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
    .footer-col h4{font-size:15px;margin-bottom:8px}
    .footer-col a{color:var(--muted);font-size:14px}
    .footer-col a:hover,.footer-bottom a:hover{color:var(--blue)}
    .footer-bottom{
      border-top:1px solid var(--line);margin-top:42px;padding-top:19px;
      color:#8a9aa7;font-size:12px;display:flex;justify-content:space-between;gap:15px
    }
    @media (max-width:1199px){
      .nav-links{margin-left:22px}
      .command-search{min-width:145px}
    }
    @media (max-width:991px){
      .nav-links{margin:16px 0 5px;display:grid;gap:3px}
      .nav-actions{margin:8px 0 4px;flex-wrap:wrap}
      .guide-layout,.process-wrap,.faq-grid,.cta-box{grid-template-columns:1fr}
      .guide-aside{position:static}
      .material-grid{grid-template-columns:1fr 1fr}
      .material-card.large{grid-column:1/-1}
      .cta-box{padding:34px}
    }
    @media (max-width:767px){
      .container-wide{padding:0 18px}
      .section{padding:68px 0}
      .page-hero{padding:53px 0 64px}
      .page-hero h1{font-size:39px}
      .hero-summary{font-size:16px}
      .hero-stats{gap:18px}
      .hero-stat{min-width:135px;padding-right:14px;margin-right:0}
      .guide-feature{grid-template-columns:1fr}
      .feature-image{min-height:330px}
      .split-title,.material-head{display:block}
      .split-title p,.material-head p{margin-top:14px}
      .support-strip{grid-template-columns:1fr}
      .material-grid{grid-template-columns:1fr}
      .material-card.large{grid-column:auto}
      .footer-grid{grid-template-columns:1fr 1fr;gap:30px}
      .footer-brand{grid-column:1/-1}
      .footer-bottom{display:block;line-height:2}
      .footer-bottom>div+div{margin-top:7px}
    }
    @media (max-width:520px){
      body{font-size:14px}
      .navbar{min-height:68px}
      .brand{font-size:21px}
      .brand-mark{width:31px;height:31px}
      .nav-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
      .command-search{grid-column:1/-1;width:100%}
      .nav-actions .btn-light,.nav-actions .btn-main{width:100%}
      .guide-card{grid-template-columns:1fr;gap:13px}
      .guide-card img{width:100%;height:190px}
      .feature-panel{padding:25px}
      .feature-image-content{left:23px;right:23px;bottom:22px}
      .feature-image-content h3{font-size:25px}
      .cta-box{padding:25px 19px}
      .footer-grid{grid-template-columns:1fr}
      .footer-brand{grid-column:auto}
    }

/* roulang page: category5 */
:root{
      --blue:#2479c8;
      --blue-dark:#16548e;
      --blue-soft:#eaf4fc;
      --mint:#dff3ee;
      --orange:#ef9a51;
      --ink:#18324b;
      --muted:#6b7f92;
      --line:#dce8f1;
      --paper:#fbfdff;
      --white:#fff;
      --radius:18px;
      --shadow:0 14px 38px rgba(31,84,124,.10);
      --shadow-hover:0 20px 44px rgba(31,84,124,.16);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      color:var(--ink);
      background:var(--paper);
      font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
      line-height:1.75;
      font-size:15px;
    }
    a{color:inherit;text-decoration:none;transition:.25s ease}
    img{max-width:100%;display:block}
    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(36,121,200,.24);
      outline-offset:3px;
    }
    h1,h2,h3,h4,p{margin-top:0}
    h1,h2,h3,h4{font-weight:780;letter-spacing:-.035em}
    h1{font-size:clamp(34px,5vw,62px);line-height:1.14}
    h2{font-size:clamp(28px,3.2vw,42px);line-height:1.22}
    h3{font-size:22px;line-height:1.35}
    .container-wide{max-width:1240px;margin:auto;padding:0 24px}
    .section{padding:96px 0}
    .section-soft{background:#f2f8fc}
    .eyebrow{
      display:inline-flex;align-items:center;gap:8px;
      color:var(--blue-dark);font-weight:700;font-size:13px;
      letter-spacing:.08em;margin-bottom:15px
    }
    .eyebrow:before{content:"";width:24px;height:2px;background:var(--orange);display:inline-block}
    .section-head{max-width:730px;margin-bottom:44px}
    .section-head p{color:var(--muted);margin:17px 0 0;font-size:16px}
    .btn-main,.btn-light,.btn-outline{
      border-radius:10px;padding:12px 20px;font-weight:700;
      display:inline-flex;align-items:center;justify-content:center;gap:8px;
      border:1px solid transparent;transition:.25s ease;white-space:nowrap
    }
    .btn-main{color:#fff;background:var(--blue);box-shadow:0 8px 18px rgba(36,121,200,.2)}
    .btn-main:hover{background:var(--blue-dark);color:#fff;transform:translateY(-2px);box-shadow:0 12px 24px rgba(36,121,200,.25)}
    .btn-light{color:var(--blue-dark);background:#fff;border-color:var(--line)}
    .btn-light:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px)}
    .btn-outline{color:var(--blue);background:transparent;border-color:#a9c9e2}
    .btn-outline:hover{background:var(--blue-soft);border-color:var(--blue)}
    .tag{
      display:inline-flex;align-items:center;border-radius:30px;
      padding:4px 10px;background:var(--blue-soft);color:var(--blue-dark);
      font-size:12px;font-weight:700
    }
    .tag.mint{background:var(--mint);color:#287568}
    .tag.warm{background:#fff0e4;color:#a95d26}
    .site-header{
      position:sticky;top:0;z-index:1000;background:rgba(251,253,255,.94);
      border-bottom:1px solid rgba(220,232,241,.9);backdrop-filter:blur(12px)
    }
    .navbar{min-height:76px;padding:10px 0}
    .brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:800;color:var(--blue-dark)}
    .brand-mark{width:34px;height:34px;border-radius:11px;background:var(--blue);position:relative;overflow:hidden}
    .brand-mark:before,.brand-mark:after{content:"";position:absolute;background:#fff;border-radius:50%}
    .brand-mark:before{width:27px;height:17px;left:4px;top:10px}
    .brand-mark:after{width:15px;height:11px;left:10px;top:5px;box-shadow:9px 5px 0 0 #fff}
    .nav-links{display:flex;align-items:center;gap:5px;margin-left:54px}
    .nav-links a{padding:8px 12px;border-radius:8px;color:#587087;font-weight:650;font-size:14px}
    .nav-links a:hover,.nav-links a.active{background:var(--blue-soft);color:var(--blue-dark)}
    .nav-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
    .command-search{
      height:40px;min-width:170px;border:1px solid var(--line);border-radius:9px;
      background:#fff;color:#8496a5;display:flex;align-items:center;gap:8px;
      padding:0 11px;font-size:13px
    }
    .command-search kbd{margin-left:auto;border:1px solid var(--line);border-radius:5px;background:#f6f9fb;padding:1px 5px;font-size:11px}
    .mobile-toggle{border:1px solid var(--line);color:var(--blue-dark);padding:7px 10px;border-radius:8px}
    .page-hero{
      position:relative;overflow:hidden;padding:58px 0 66px;
      background:#eef7fd url('/assets/images/backpic/back-3.webp') center/cover no-repeat
    }
    .page-hero:before{
      content:"";position:absolute;inset:0;
      background:linear-gradient(90deg,rgba(238,247,253,.98),rgba(238,247,253,.86) 57%,rgba(238,247,253,.54))
    }
    .page-hero .container-wide{position:relative;z-index:1}
    .breadcrumb-line{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:13px;margin-bottom:27px}
    .breadcrumb-line a{color:var(--blue-dark)}
    .page-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:72px;align-items:center}
    .page-hero h1{max-width:680px;margin-bottom:18px}
    .page-hero-lead{max-width:670px;color:#536f86;font-size:18px;margin-bottom:26px}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
    .brief-card{
      background:#fff;border:1px solid var(--line);border-radius:18px;
      box-shadow:var(--shadow);padding:24px;transform:rotate(1.2deg)
    }
    .brief-cover{height:154px;border-radius:12px;overflow:hidden;background:#dceefa url('/assets/images/coverpic/cover-8.webp') center/cover}
    .brief-meta{display:flex;justify-content:space-between;margin:17px 0 13px;color:var(--muted);font-size:13px}
    .brief-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
    .brief-list li{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}
    .brief-list b{color:var(--blue);font-size:12px;min-width:36px}
    .countdown{display:flex;gap:8px;margin-top:18px}
    .count-box{background:var(--blue-soft);border-radius:9px;padding:8px 10px;text-align:center;min-width:58px}
    .count-box strong{display:block;color:var(--blue-dark);font-size:20px;line-height:1.15}
    .count-box small{color:var(--muted);font-size:11px}
    .plan-layout{display:grid;grid-template-columns:1.45fr .75fr;gap:24px;align-items:start}
    .plan-board,.side-card,.process-card,.contact-card,.info-strip{
      background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)
    }
    .plan-board{overflow:hidden}
    .plan-intro{padding:31px 34px 25px;background:#f7fbfe;border-bottom:1px solid var(--line)}
    .plan-intro h2{font-size:31px;margin-bottom:11px}
    .plan-intro p{color:var(--muted);max-width:680px;margin-bottom:0}
    .plan-row{display:grid;grid-template-columns:1.05fr 1.65fr .62fr auto;gap:18px;align-items:center;padding:23px 34px;border-bottom:1px solid var(--line)}
    .plan-row:last-child{border-bottom:0}
    .plan-row.featured{background:#f1f8fd;box-shadow:inset 4px 0 0 var(--blue)}
    .plan-name strong{display:block;font-size:18px;margin:7px 0 3px}
    .plan-name span,.plan-detail{color:var(--muted);font-size:13px}
    .plan-detail{line-height:1.65}
    .plan-price{font-weight:800;color:var(--blue-dark);white-space:nowrap}
    .side-stack{display:grid;gap:24px}
    .side-card{padding:25px}
    .side-card h3{font-size:20px;margin-bottom:13px}
    .side-card p{color:var(--muted);font-size:14px;margin-bottom:18px}
    .side-list{list-style:none;padding:0;margin:0}
    .side-list li{display:flex;gap:10px;padding:11px 0;border-top:1px solid var(--line);font-size:14px}
    .side-list i{width:8px;height:8px;border-radius:50%;background:#5db5a6;margin-top:9px;flex:none}
    .section-title-row{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:35px}
    .section-title-row p{color:var(--muted);max-width:520px;margin:0}
    .process-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}
    .process-card{padding:30px}
    .process-card.image-card{padding:0;overflow:hidden;background:#dceefa}
    .process-card.image-card img{width:100%;height:100%;min-height:370px;object-fit:cover}
    .process-list{list-style:none;padding:0;margin:0}
    .process-item{display:grid;grid-template-columns:48px 1fr;gap:17px;padding:20px 0;border-top:1px solid var(--line)}
    .process-item:first-child{border-top:0;padding-top:0}
    .process-no{width:38px;height:38px;border-radius:12px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-weight:800}
    .process-item h3{font-size:18px;margin-bottom:6px}
    .process-item p{color:var(--muted);font-size:14px;margin:0}
    .notice-band{margin-top:24px;padding:18px 21px;border-radius:12px;background:var(--mint);color:#287568;font-size:14px}
    .faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:60px;align-items:start}
    .faq-index{position:sticky;top:110px}
    .faq-index p{color:var(--muted);margin-bottom:22px}
    .faq-label{display:inline-flex;padding:8px 12px;border-radius:8px;background:#fff0e4;color:#a95d26;font-size:13px;font-weight:700}
    .accordion-item{border:1px solid var(--line)!important;border-radius:12px!important;overflow:hidden;margin-bottom:12px;background:#fff}
    .accordion-button{font-weight:700;color:var(--ink);background:#fff;padding:19px 21px;box-shadow:none!important}
    .accordion-button:not(.collapsed){color:var(--blue-dark);background:var(--blue-soft)}
    .accordion-button:after{background-size:13px}
    .accordion-body{color:var(--muted);font-size:14px;padding:0 21px 20px;background:#fff}
    .cta-section{padding:84px 0;background:#eaf4fc}
    .cta-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:start}
    .cta-copy p{color:#587087;font-size:16px;max-width:470px}
    .contact-card{padding:30px}
    .form-label{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:7px}
    .form-control,.form-select{border:1px solid var(--line);border-radius:10px;padding:12px 14px;color:var(--ink);background:#fff}
    .form-control::placeholder{color:#a1b0bc}
    .form-control:focus,.form-select:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(36,121,200,.11)}
    .form-note{font-size:12px;color:var(--muted);margin-top:12px}
    .site-footer{background:#f5f9fc;border-top:1px solid var(--line);padding:55px 0 22px}
    .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:42px}
    .footer-brand p{color:var(--muted);max-width:300px;font-size:13px;margin:17px 0 20px}
    .footer-col{display:flex;flex-direction:column;gap:9px}
    .footer-col h4{font-size:15px;margin-bottom:8px}
    .footer-col a{color:var(--muted);font-size:13px}
    .footer-col a:hover{color:var(--blue)}
    .footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:43px;padding-top:19px;color:#8294a3;font-size:12px}
    .footer-bottom a:hover{color:var(--blue)}
    .toast-note{position:fixed;right:22px;bottom:22px;background:var(--ink);color:#fff;border-radius:10px;padding:12px 16px;font-size:13px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s;z-index:1100}
    .toast-note.show{opacity:1;transform:translateY(0)}
    @media(max-width:1199px){
      .nav-links{margin-left:20px}
      .nav-links a{padding:8px 8px}
      .command-search{min-width:145px}
    }
    @media(max-width:991px){
      .navbar-collapse{padding:18px 0 8px}
      .nav-links{margin:0;display:flex;flex-wrap:wrap}
      .nav-actions{margin:16px 0 0;justify-content:flex-start;flex-wrap:wrap}
      .page-hero-grid,.plan-layout,.process-wrap,.cta-grid{grid-template-columns:1fr}
      .page-hero-grid{gap:35px}
      .brief-card{max-width:520px;transform:none}
      .side-stack{grid-template-columns:1fr 1fr}
      .faq-layout{grid-template-columns:1fr;gap:28px}
      .faq-index{position:static}
      .footer-grid{grid-template-columns:1.5fr 1fr 1fr}
    }
    @media(max-width:767px){
      .container-wide{padding:0 18px}
      .section{padding:68px 0}
      .page-hero{padding:38px 0 52px}
      .page-hero h1{font-size:38px}
      .page-hero-lead{font-size:16px}
      .plan-intro{padding:24px 21px}
      .plan-row{grid-template-columns:1fr;padding:21px}
      .plan-price{font-size:17px}
      .plan-row .btn-light,.plan-row .btn-main{justify-self:start}
      .side-stack{grid-template-columns:1fr}
      .section-title-row{display:block}
      .section-title-row p{margin-top:14px}
      .process-card{padding:22px}
      .cta-section{padding:64px 0}
      .contact-card{padding:22px}
      .footer-grid{grid-template-columns:1fr 1fr;gap:30px}
      .footer-brand{grid-column:1/-1}
      .footer-bottom{display:block;line-height:2}
      .footer-bottom div+div{margin-top:8px}
    }
    @media(max-width:520px){
      h2{font-size:30px}
      .brand{font-size:21px}
      .nav-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
      .command-search{grid-column:1/-1}
      .nav-actions .btn-light,.nav-actions .btn-main{width:100%}
      .hero-actions .btn-main,.hero-actions .btn-light{width:100%}
      .footer-grid{grid-template-columns:1fr}
    }