/* roulang page: index */
:root{
      --coral:#e9634d;--coral-dark:#bd4437;--ink:#202321;--muted:#6f716c;
      --paper:#f7f4ed;--surface:#fffdf8;--sand:#eee8dc;--sage:#dce7df;
      --line:#ded8cc;--deep:#292b29;--radius:18px;--shadow:0 16px 40px rgba(44,39,31,.09);
      --max:1240px;
    }
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.8;font-size:16px}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;width:100%;object-fit:cover}button,input,textarea{font:inherit}button{cursor:pointer}.container{width:min(calc(100% - 48px),var(--max));margin:auto}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--coral-dark);font-weight:700;font-size:13px;letter-spacing:.08em}.eyebrow:before{content:"";width:24px;height:2px;background:var(--coral)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(38px,5vw,72px);line-height:1.13;letter-spacing:-.045em;margin:18px 0 22px;font-weight:800}h2{font-size:clamp(28px,3.5vw,46px);line-height:1.25;letter-spacing:-.03em;margin:12px 0 15px}h3{font-size:21px;line-height:1.4;margin:0 0 9px}p{color:var(--muted)}.section{padding:100px 0}.section-head{max-width:720px;margin-bottom:42px}.section-head p{font-size:17px;max-width:680px}.site-header{position:sticky;top:0;z-index:20;background:rgba(247,244,237,.94);border-bottom:1px solid rgba(222,216,204,.85);backdrop-filter:blur(12px)}.nav-wrap{min-height:78px;display:flex;align-items:center;gap:24px}.brand{font-weight:850;font-size:22px;letter-spacing:-.04em;white-space:nowrap}.brand i{display:inline-block;width:10px;height:10px;background:var(--coral);border-radius:50%;margin:0 7px 2px 2px}.main-nav{display:flex;gap:6px;align-items:center;flex:1;justify-content:center}.main-nav a{font-size:14px;color:#62635e;padding:9px 12px;border-radius:999px;white-space:nowrap;transition:.2s}.main-nav a:hover,.main-nav a:focus,.main-nav a.active{background:var(--ink);color:#fff}.nav-cta,.btn{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:0 20px;border-radius:999px;border:1px solid transparent;font-weight:700;transition:.2s}.nav-cta,.btn-primary{background:var(--coral);color:#fff}.nav-cta:hover,.btn-primary:hover{background:var(--coral-dark);transform:translateY(-2px);box-shadow:0 8px 18px rgba(233,99,77,.22)}.btn-secondary{border-color:var(--ink);color:var(--ink);background:transparent}.btn-secondary:hover{background:var(--ink);color:#fff}.btn:focus-visible,.nav-cta:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(233,99,77,.38);outline-offset:3px}.menu-toggle{display:none;background:none;border:0;font-size:24px}.hero{min-height:650px;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(29,29,27,.9),rgba(29,29,27,.48)),url('/assets/images/backpic/back-1.webp') center/cover}.hero-inner{padding:88px 0 82px}.hero-copy{max-width:850px}.hero .eyebrow{color:#ffd0bd}.hero .eyebrow:before{background:#ffd0bd}.hero p{color:rgba(255,255,255,.82);font-size:19px;max-width:760px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 35px}.hero .btn-secondary{border-color:rgba(255,255,255,.6);color:#fff}.quick-search{max-width:760px;background:rgba(255,255,255,.12);padding:8px;border:1px solid rgba(255,255,255,.25);border-radius:14px;display:flex}.quick-search input{flex:1;background:#fff;border:0;border-radius:9px;padding:13px 16px;min-width:0;color:var(--ink)}.quick-search button{border:0;background:var(--coral);color:#fff;border-radius:9px;padding:0 22px;font-weight:700}.hot-links{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.hot-links a{font-size:13px;border:1px solid rgba(255,255,255,.32);padding:4px 12px;border-radius:999px;color:#fff}.metric-strip{background:var(--deep);color:#fff;padding:24px 0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.metric{border-right:1px solid rgba(255,255,255,.16);padding-right:20px}.metric:last-child{border:0}.metric strong{font-size:31px;color:#ffab92;display:block;line-height:1.2}.metric span{font-size:14px;color:#c5c6bf}.intro-grid{display:grid;grid-template-columns:4fr 8fr;gap:70px;align-items:start}.intro-text{font-size:18px;line-height:2}.quote-box{border-left:4px solid var(--coral);padding:4px 0 4px 25px;margin:28px 0}.quote-box p{font-size:19px;color:var(--ink);font-weight:650}.feature-layout{display:grid;grid-template-columns:3fr 5fr 4fr;gap:18px;align-items:stretch}.feature-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:.25s}.feature-card:hover,.case-main:hover,.plan:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(44,39,31,.14)}.feature-card img{height:205px}.feature-card.tall img{height:300px}.feature-body{padding:25px}.feature-body p{font-size:15px}.tag{display:inline-flex;background:var(--sage);color:#365347;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;margin:0 4px 8px 0}.tag.orange{background:#ffe0d3;color:#9b3f31}.topic-row{display:flex;gap:10px;overflow:auto;padding-bottom:8px;margin-bottom:28px}.chip{border:1px solid var(--line);background:var(--surface);padding:9px 17px;border-radius:999px;white-space:nowrap;color:var(--muted);transition:.2s}.chip:hover,.chip.active{background:var(--coral);border-color:var(--coral);color:#fff}.scenario{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:center}.scenario img{height:410px;border-radius:var(--radius);box-shadow:var(--shadow)}.step-list{counter-reset:step;list-style:none;padding:0;margin:25px 0}.step-list li{counter-increment:step;display:grid;grid-template-columns:44px 1fr;gap:16px;padding:17px 0;border-bottom:1px solid var(--line)}.step-list li:before{content:counter(step,decimal-leading-zero);color:var(--coral);font-weight:800;font-size:18px}.step-list strong{display:block;margin-bottom:3px}.step-list span{color:var(--muted);font-size:15px}.cases{display:grid;grid-template-columns:7fr 5fr;gap:22px}.case-main{background:var(--deep);color:#fff;border-radius:var(--radius);overflow:hidden;transition:.25s}.case-main img{height:300px;opacity:.83}.case-main .case-copy{padding:28px}.case-main p{color:#c9cbc4}.case-side{display:grid;gap:12px}.case-item{display:flex;gap:20px;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.case-item b{font-size:27px;color:var(--coral);line-height:1}.case-item p{font-size:14px;margin:0}.compare{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:16px;align-items:stretch}.compare-col{padding:28px;background:#e9e4d9;border-radius:var(--radius)}.compare-col.featured{background:var(--ink);color:#fff;transform:translateY(-12px);border-top:4px solid var(--coral)}.compare-col p{font-size:14px}.compare-col.featured p{color:#c8cbc4}.compare-col ul{padding-left:20px;color:var(--muted);line-height:2}.compare-col.featured ul{color:#dbddd6}.price-note{font-size:13px;padding:12px 15px;background:#fff1e9;border-radius:10px;color:#8e473a}.article-layout{display:grid;grid-template-columns:8fr 4fr;gap:36px}.article-list{border-top:1px solid var(--line)}.article{display:grid;grid-template-columns:150px 1fr;gap:22px;padding:20px 0;border-bottom:1px solid var(--line)}.article img{height:105px;border-radius:10px}.article h3{font-size:18px}.article p{font-size:14px;margin-bottom:7px}.article small{color:#989991}.recommend{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:25px}.recommend a{display:block;padding:14px 0;border-bottom:1px solid var(--line);font-weight:650}.recommend a:last-child{border:0}.faq-wrap{max-width:900px}.faq-item{border-top:1px solid var(--line)}.faq-item:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:22px 42px 22px 0;position:relative;font-weight:750;font-size:17px}summary::-webkit-details-marker{display:none}summary:after{content:"＋";position:absolute;right:5px;color:var(--coral);font-size:22px;top:17px}details[open] summary:after{content:"−"}details p{padding:0 45px 20px 0;margin:0;font-size:15px}.contact-band{background:var(--coral);color:#fff;padding:65px 0}.contact-grid{display:grid;grid-template-columns:7fr 5fr;gap:45px;align-items:center}.contact-band p{color:#fff0e9}.contact-form{background:#fff;padding:24px;border-radius:15px;color:var(--ink)}.contact-form label{font-size:13px;font-weight:700;display:block;margin-bottom:5px}.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin-bottom:13px;background:#fffdf8}.contact-form textarea{min-height:78px;resize:vertical}.contact-form .btn{width:100%;border:0}.form-status{display:none;color:#3d765e;font-size:13px;margin-top:8px}.footer{background:var(--deep);color:#fff;padding:58px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:35px}.footer p,.footer a{color:#bfc1ba;font-size:14px}.footer a{display:block;padding:3px 0}.footer a:hover{color:#ffab92}.footer h3{font-size:15px;color:#fff}.copyright{border-top:1px solid rgba(255,255,255,.14);margin-top:40px;padding-top:20px;color:#999d96;font-size:13px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.back-top{position:fixed;right:20px;bottom:20px;width:42px;height:42px;border:0;border-radius:50%;background:var(--ink);color:#fff;display:none;box-shadow:var(--shadow)}.back-top.show{display:block}
    @media(max-width:1000px){.main-nav{gap:0}.main-nav a{padding:8px 7px;font-size:13px}.feature-layout{grid-template-columns:1fr 1fr}.feature-card:last-child{grid-column:span 2}.intro-grid{gap:35px}.container{width:min(calc(100% - 34px),var(--max))}}
    @media(max-width:767px){.nav-wrap{min-height:68px}.menu-toggle{display:block;margin-left:auto}.nav-cta{display:none}.main-nav{order:3;flex-basis:100%;justify-content:flex-start;overflow:auto;border-top:1px solid var(--line);padding:8px 0}.nav-wrap{flex-wrap:wrap;gap:10px}.brand{font-size:20px}.hero{min-height:600px}.hero-inner{padding:65px 0}.hero p{font-size:17px}.metrics{grid-template-columns:1fr 1fr}.metric{border:0}.section{padding:70px 0}.intro-grid,.scenario,.cases,.contact-grid,.article-layout{grid-template-columns:1fr;gap:28px}.feature-layout,.compare{grid-template-columns:1fr}.feature-card:last-child{grid-column:auto}.compare-col.featured{transform:none}.scenario img{height:280px}.article{grid-template-columns:105px 1fr}.article img{height:88px}.footer-grid{grid-template-columns:1fr 1fr}.quick-search button{padding:0 13px}}
    @media(max-width:520px){h1{font-size:38px}.hero-actions .btn{width:100%}.quick-search input{width:60%}.metrics{gap:12px}.metric strong{font-size:25px}.section-head{margin-bottom:28px}.feature-body{padding:20px}.footer-grid{grid-template-columns:1fr}.copyright{display:block}.copyright span{display:block;margin-bottom:8px}}

/* roulang page: category1 */
:root{
      --coral:#e9634d;--coral-dark:#bd4437;--ink:#202321;--muted:#6f716c;
      --paper:#f7f4ed;--surface:#fffdf8;--sand:#eee8dc;--sage:#dce7df;
      --line:#ded8cc;--deep:#292b29;--radius:18px;
      --shadow:0 16px 40px rgba(44,39,31,.09);--max:1240px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.8;font-size:16px}
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%;width:100%;object-fit:cover}
    button,input,textarea{font:inherit}
    button{cursor:pointer}
    h1,h2,h3,h4,p{margin-top:0}
    h1,h2,h3,h4{line-height:1.3;letter-spacing:-.035em}
    h1{font-size:clamp(38px,5.4vw,70px);margin-bottom:22px}
    h2{font-size:clamp(28px,3.3vw,44px);margin-bottom:17px}
    h3{font-size:22px;margin-bottom:10px}
    p{color:var(--muted)}
    .container{width:min(calc(100% - 48px),var(--max));margin:auto}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--coral-dark);font-weight:700;font-size:13px;letter-spacing:.08em}
    .eyebrow:before{content:"";width:24px;height:2px;background:var(--coral)}
    .section{padding:94px 0}
    .section-head{max-width:740px;margin-bottom:40px}
    .section-head p{font-size:17px;max-width:690px}
    .site-header{position:sticky;top:0;z-index:20;background:rgba(247,244,237,.95);border-bottom:1px solid rgba(222,216,204,.85);backdrop-filter:blur(12px)}
    .nav-wrap{min-height:78px;display:flex;align-items:center;gap:22px}
    .brand{font-weight:850;font-size:22px;letter-spacing:-.04em;white-space:nowrap}
    .brand i{display:inline-block;width:10px;height:10px;background:var(--coral);border-radius:50%;margin:0 7px 2px 2px}
    .main-nav{display:flex;gap:5px;align-items:center;flex:1;justify-content:center}
    .main-nav a{font-size:14px;color:#62635e;padding:9px 12px;border-radius:999px;white-space:nowrap;transition:.2s}
    .main-nav a:hover,.main-nav a:focus,.main-nav a.active{background:var(--ink);color:#fff}
    .nav-cta,.btn{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:0 20px;border-radius:999px;border:1px solid transparent;font-weight:700;transition:.2s}
    .nav-cta,.btn-primary{background:var(--coral);color:#fff}
    .nav-cta:hover,.btn-primary:hover{background:var(--coral-dark);transform:translateY(-2px);box-shadow:0 8px 18px rgba(233,99,77,.22)}
    .btn-secondary{border-color:var(--ink);color:var(--ink);background:transparent}
    .btn-secondary:hover{background:var(--ink);color:#fff}
    .btn:focus-visible,.nav-cta:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(233,99,77,.38);outline-offset:3px}
    .menu-toggle{display:none;background:none;border:0;font-size:24px;color:var(--ink)}
    .page-hero{background:linear-gradient(90deg,rgba(36,34,30,.88),rgba(36,34,30,.38)),url('/assets/images/backpic/back-2.webp') center/cover;color:#fff}
    .hero-inner{min-height:570px;padding:90px 0 80px;display:grid;grid-template-columns:7fr 5fr;gap:54px;align-items:center}
    .page-hero .eyebrow{color:#ffd0bd}.page-hero .eyebrow:before{background:#ffd0bd}
    .page-hero p{color:rgba(255,255,255,.84);font-size:18px;max-width:700px}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 0}
    .page-hero .btn-secondary{border-color:rgba(255,255,255,.65);color:#fff}
    .hero-panel{padding:10px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.3);border-radius:22px}
    .hero-panel img{height:315px;border-radius:15px}
    .panel-caption{padding:14px 8px 4px;color:#fff;font-size:14px;display:flex;justify-content:space-between;gap:15px}
    .panel-caption span:last-child{color:#ffd0bd}
    .crumbs{padding:22px 0 0;color:var(--muted);font-size:13px}
    .crumbs a{color:var(--coral-dark)}
    .summary-grid{display:grid;grid-template-columns:4fr 8fr;gap:70px;align-items:start}
    .summary-copy{font-size:18px}
    .summary-note{border-left:3px solid var(--coral);padding:4px 0 4px 22px;margin-top:24px}
    .summary-note strong{display:block;font-size:22px;margin-bottom:5px}
    .summary-note span{color:var(--muted);font-size:14px}
    .topic-row{display:flex;gap:10px;overflow:auto;padding-bottom:8px;margin-bottom:27px}
    .chip{border:1px solid var(--line);background:var(--surface);padding:9px 17px;border-radius:999px;white-space:nowrap;color:var(--muted);transition:.2s}
    .chip:hover,.chip.active{background:var(--coral);border-color:var(--coral);color:#fff}
    .chapter-list{border-top:1px solid var(--line)}
    .chapter{display:grid;grid-template-columns:55px 1fr auto;gap:20px;align-items:center;padding:23px 0;border-bottom:1px solid var(--line);transition:.2s}
    .chapter:hover{padding-left:10px;background:rgba(255,253,248,.55)}
    .chapter-no{font-size:25px;font-weight:800;color:var(--coral)}
    .chapter h3{margin:0;font-size:20px}
    .chapter p{margin:3px 0 0;font-size:14px}
    .chapter-link{color:var(--coral-dark);font-weight:700;font-size:14px}
    .feature-layout{display:grid;grid-template-columns:5fr 7fr;gap:24px;align-items:stretch}
    .feature-main{background:var(--deep);color:#fff;border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}
    .feature-main img{height:300px}
    .feature-main .feature-body{padding:28px}
    .feature-main p{color:#d2d3cc}
    .feature-side{display:grid;grid-template-columns:1fr 1fr;gap:16px}
    .info-card{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:24px;box-shadow:0 10px 25px rgba(44,39,31,.05)}
    .info-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
    .info-card small{display:block;color:var(--coral-dark);font-weight:800;margin-bottom:10px}
    .info-card p{font-size:14px;margin-bottom:0}
    .tag{display:inline-flex;background:var(--sage);color:#365347;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;margin:0 4px 8px 0}
    .tag.orange{background:#ffe0d3;color:#9b3f31}
    .check-list{list-style:none;padding:0;margin:20px 0 0}
    .check-list li{position:relative;padding:10px 0 10px 28px;border-bottom:1px solid rgba(222,216,204,.75);color:var(--muted)}
    .check-list li:before{content:"✓";position:absolute;left:0;color:var(--coral);font-weight:800}
    .path-section{background:var(--sand)}
    .path-grid{display:grid;grid-template-columns:3fr 9fr;gap:70px}
    .path-intro p{font-size:17px}
    .step-list{counter-reset:step;list-style:none;padding:0;margin:0}
    .step-list li{counter-increment:step;display:grid;grid-template-columns:55px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}
    .step-list li:before{content:counter(step,decimal-leading-zero);color:var(--coral);font-weight:800;font-size:20px}
    .step-list strong{display:block;margin-bottom:4px;font-size:18px}
    .step-list span{color:var(--muted);font-size:15px}
    .scenario-grid{display:grid;grid-template-columns:7fr 5fr;gap:52px;align-items:center}
    .scenario-image{position:relative}
    .scenario-image img{height:390px;border-radius:var(--radius);box-shadow:var(--shadow)}
    .image-label{position:absolute;left:20px;bottom:18px;background:var(--surface);padding:9px 14px;border-radius:9px;font-size:13px;font-weight:700}
    .scenario-copy p{font-size:17px}
    .quote-box{margin-top:24px;padding:22px 24px;background:var(--sage);border-radius:13px;color:#365347}
    .quote-box strong{display:block;color:var(--ink);margin-bottom:5px}
    .review-section{background:var(--deep);color:#fff}
    .review-section p{color:#c9cbc4}
    .review-grid{display:grid;grid-template-columns:8fr 4fr;gap:20px}
    .review-main{display:grid;grid-template-columns:1fr 1.1fr;background:#353735;border-radius:var(--radius);overflow:hidden}
    .review-main img{height:310px}
    .review-copy{padding:30px}
    .review-side{display:flex;flex-direction:column;gap:14px}
    .review-item{padding:20px;background:#353735;border-radius:13px;border-left:3px solid var(--coral)}
    .review-item h3{font-size:18px;margin-bottom:5px}
    .review-item p{font-size:14px;margin:0}
    .plans{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:16px;align-items:start}
    .plan{background:#ebe6db;border-radius:var(--radius);padding:29px 26px;transition:.25s}
    .plan.featured{background:var(--ink);color:#fff;border-top:4px solid var(--coral);transform:translateY(-12px)}
    .plan p{font-size:14px}.plan.featured p{color:#c8cbc4}
    .plan ul{padding-left:20px;color:var(--muted);line-height:2.05;font-size:14px}
    .plan.featured ul{color:#dbddd6}
    .plan .btn{width:100%;margin-top:15px}
    .badge{display:inline-block;padding:5px 10px;border-radius:99px;background:#ffe0d3;color:#9b3f31;font-size:12px;font-weight:800;margin-bottom:14px}
    .faq-wrap{max-width:900px}
    .faq-item{border-top:1px solid var(--line)}
    .faq-item:last-child{border-bottom:1px solid var(--line)}
    .faq-item summary{padding:20px 4px;font-size:17px;font-weight:750;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}
    .faq-item summary::-webkit-details-marker{display:none}
    .faq-item summary:after{content:"＋";color:var(--coral);font-size:22px;line-height:1}
    .faq-item[open] summary:after{content:"−"}
    .faq-answer{padding:0 40px 20px 4px;color:var(--muted);font-size:15px}
    .cta-band{background:var(--coral);color:#fff}
    .cta-grid{display:grid;grid-template-columns:8fr 4fr;gap:35px;align-items:center}
    .cta-band p{color:rgba(255,255,255,.84);font-size:17px}
    .cta-band .btn-secondary{border-color:#fff;color:#fff}
    .contact-form{background:#fffdf8;padding:25px;border-radius:15px;color:var(--ink)}
    .contact-form label{font-size:13px;font-weight:700;display:block;margin-bottom:5px}
    .contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin-bottom:13px;background:#fffdf8}
    .contact-form textarea{min-height:100px;resize:vertical}
    .form-message{font-size:13px;color:#52745c;margin:12px 0 0;display:none}
    .footer{background:var(--deep);color:#fff;padding:70px 0 25px}
    .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:38px}
    .footer p{color:#bfc2ba;font-size:14px}
    .footer h3{font-size:15px;color:#fff;letter-spacing:0;margin-bottom:15px}
    .footer-grid>div>a:not(.brand){display:block;color:#c9cbc4;font-size:14px;margin:8px 0}
    .footer-grid>div>a:not(.brand):hover{color:#ffd0bd}
    .copyright{border-top:1px solid #484a46;margin-top:46px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#aeb1aa;font-size:12px}
    .copyright a{color:#ffd0bd}
    .back-top{position:fixed;right:22px;bottom:22px;border:1px solid var(--line);background:var(--surface);color:var(--ink);width:42px;height:42px;border-radius:50%;box-shadow:var(--shadow);display:none}
    .back-top.show{display:block}
    @media(max-width:1024px){
      .main-nav{gap:0}.main-nav a{padding:8px 8px;font-size:13px}
      .hero-inner,.summary-grid,.path-grid,.scenario-grid,.review-grid,.cta-grid{grid-template-columns:1fr 1fr;gap:32px}
      .footer-grid{grid-template-columns:1.3fr 1fr 1fr}
      .footer-grid>div:last-child{grid-column:span 3}
    }
    @media(max-width:768px){
      .container{width:min(calc(100% - 32px),var(--max))}
      .nav-wrap{min-height:68px;position:relative}.menu-toggle{display:block;margin-left:auto}
      .nav-cta{display:none}.main-nav{order:3;flex-basis:100%;justify-content:flex-start;overflow-x:auto;padding:8px 0 12px;border-top:1px solid var(--line)}
      .nav-wrap{flex-wrap:wrap;gap:10px}.brand{font-size:20px}
      .hero-inner,.summary-grid,.path-grid,.scenario-grid,.review-grid,.cta-grid{grid-template-columns:1fr}
      .hero-inner{min-height:0;padding:68px 0 65px}.hero-panel{max-width:580px}
      .section{padding:68px 0}.feature-layout{grid-template-columns:1fr}.feature-side{grid-template-columns:1fr 1fr}
      .review-main{grid-template-columns:1fr}.review-main img{height:240px}
      .plans{grid-template-columns:1fr}.plan.featured{transform:none}
      .footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:last-child{grid-column:auto}
    }
    @media(max-width:520px){
      body{font-size:15px}h1{font-size:38px}h2{font-size:29px}
      .hero-actions .btn{width:100%}.hero-panel img{height:230px}.feature-side{grid-template-columns:1fr}
      .chapter{grid-template-columns:42px 1fr}.chapter-link{display:none}
      .scenario-image img{height:270px}.footer-grid{grid-template-columns:1fr}
      .copyright{display:block}.copyright span{display:block;margin-bottom:8px}
      .contact-form{padding:20px}
    }

/* roulang page: category2 */
:root{
      --coral:#e9634d;--coral-dark:#bd4437;--ink:#202321;--muted:#6f716c;
      --paper:#f7f4ed;--surface:#fffdf8;--sand:#eee8dc;--sage:#dce7df;
      --line:#ded8cc;--deep:#292b29;--radius:18px;
      --shadow:0 16px 40px rgba(44,39,31,.09);--max:1240px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.8;font-size:16px}
    a{color:inherit;text-decoration:none}
    img{display:block;width:100%;max-width:100%;object-fit:cover}
    button,input,textarea{font:inherit}
    button{cursor:pointer}
    h1,h2,h3,p{margin-top:0}
    h1{font-size:clamp(36px,5vw,68px);line-height:1.16;letter-spacing:-.055em;margin-bottom:22px}
    h2{font-size:clamp(28px,3.5vw,43px);line-height:1.25;letter-spacing:-.04em;margin-bottom:15px}
    h3{font-size:21px;line-height:1.4;margin-bottom:10px}
    .container{width:min(calc(100% - 48px),var(--max));margin:auto}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--coral-dark);font-weight:700;font-size:13px;letter-spacing:.08em}
    .eyebrow:before{content:"";width:24px;height:2px;background:var(--coral)}
    .section{padding:96px 0}
    .section-head{max-width:720px;margin-bottom:40px}
    .section-head p{font-size:17px;color:var(--muted)}
    .site-header{position:sticky;top:0;z-index:20;background:rgba(247,244,237,.95);border-bottom:1px solid rgba(222,216,204,.85);backdrop-filter:blur(12px)}
    .nav-wrap{min-height:78px;display:flex;align-items:center;gap:24px}
    .brand{font-weight:850;font-size:22px;letter-spacing:-.04em;white-space:nowrap}
    .brand i{display:inline-block;width:10px;height:10px;background:var(--coral);border-radius:50%;margin:0 7px 2px 2px}
    .main-nav{display:flex;gap:6px;align-items:center;flex:1;justify-content:center}
    .main-nav a{font-size:14px;color:#62635e;padding:9px 12px;border-radius:999px;white-space:nowrap;transition:.2s}
    .main-nav a:hover,.main-nav a:focus,.main-nav a.active{background:var(--ink);color:#fff}
    .nav-cta,.btn{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:0 20px;border-radius:999px;border:1px solid transparent;font-weight:700;transition:.2s}
    .nav-cta,.btn-primary{background:var(--coral);color:#fff}
    .nav-cta:hover,.btn-primary:hover{background:var(--coral-dark);transform:translateY(-2px);box-shadow:0 8px 18px rgba(233,99,77,.22)}
    .btn-secondary{border-color:var(--ink);color:var(--ink);background:transparent}
    .btn-secondary:hover{background:var(--ink);color:#fff}
    .btn:focus-visible,.nav-cta:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(233,99,77,.38);outline-offset:3px}
    .menu-toggle{display:none;background:none;border:0;font-size:24px;color:var(--ink)}
    .breadcrumb{padding:25px 0 0;color:var(--muted);font-size:13px}
    .breadcrumb a{color:var(--coral-dark)}
    .selection-hero{padding:65px 0 88px}
    .hero-grid{display:grid;grid-template-columns:5fr 7fr;gap:62px;align-items:center}
    .hero-copy{max-width:570px}
    .hero-copy p{font-size:18px;color:var(--muted);margin-bottom:27px}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:30px}
    .hero-note{display:flex;gap:24px;border-top:1px solid var(--line);padding-top:20px;color:var(--muted);font-size:13px}
    .hero-note strong{display:block;color:var(--ink);font-size:22px;line-height:1.2}
    .hero-visual{position:relative;padding:18px 0 0 18px}
    .hero-visual:before{content:"";position:absolute;inset:0 18px 18px 0;border:1px solid var(--coral);border-radius:24px;transform:skewY(-3deg)}
    .hero-visual img{position:relative;height:520px;border-radius:22px;box-shadow:var(--shadow)}
    .visual-label{position:absolute;z-index:2;left:0;bottom:45px;background:var(--surface);padding:14px 18px;border-radius:12px;border-left:4px solid var(--coral);box-shadow:var(--shadow);font-size:14px}
    .visual-label b{display:block;font-size:18px}
    .soft-section{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .summary-grid{display:grid;grid-template-columns:4fr 8fr;gap:72px;align-items:start}
    .summary-copy p{color:var(--muted);font-size:17px}
    .signal-list{display:grid;grid-template-columns:1fr 1fr;gap:0 38px;border-top:1px solid var(--line)}
    .signal{padding:22px 0;border-bottom:1px solid var(--line)}
    .signal b{display:block;font-size:18px;margin-bottom:5px}
    .signal span{color:var(--muted);font-size:14px}
    .tag{display:inline-flex;background:var(--sage);color:#365347;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;margin:0 4px 8px 0}
    .tag.orange{background:#ffe0d3;color:#9b3f31}
    .path-layout{display:grid;grid-template-columns:3fr 9fr;gap:52px}
    .path-index{position:sticky;top:110px;align-self:start}
    .path-index p{color:var(--muted);font-size:15px}
    .path-index a{display:block;padding:12px 15px;border-left:2px solid var(--line);color:var(--muted);transition:.2s}
    .path-index a:hover,.path-index a.active{border-color:var(--coral);color:var(--coral-dark);background:#fff1eb}
    .path-items{counter-reset:path}
    .path-item{counter-increment:path;display:grid;grid-template-columns:74px 1fr;gap:25px;padding:0 0 38px;margin-bottom:34px;border-bottom:1px solid var(--line)}
    .path-item:last-child{border-bottom:0}
    .path-number:before{content:"0" counter(path);display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:var(--ink);color:#fff;font-weight:800}
    .path-item p{color:var(--muted);margin-bottom:12px}
    .check-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:9px 20px}
    .check-list li{font-size:14px;color:#4e514c}
    .check-list li:before{content:"✓";color:var(--coral);font-weight:800;margin-right:8px}
    .reference-band{background:var(--deep);color:#fff}
    .reference-grid{display:grid;grid-template-columns:7fr 5fr;gap:52px;align-items:center}
    .reference-band p{color:#c9cbc4}
    .reference-card{background:#353834;border:1px solid #555a52;padding:28px;border-radius:16px}
    .reference-card h3{color:#fff}
    .reference-card li{color:#d4d7ce;margin:9px 0}
    .reference-card ul{padding-left:20px;margin-bottom:0}
    .notice{margin-top:28px;padding:18px 20px;background:#fff4df;border-left:4px solid #d89945;border-radius:8px;color:#6c5737}
    .faq-wrap{max-width:900px}
    .faq-item{border-top:1px solid var(--line)}
    .faq-item:last-child{border-bottom:1px solid var(--line)}
    .faq-item summary{list-style:none;padding:20px 4px;font-weight:750;cursor:pointer;display:flex;justify-content:space-between;gap:20px}
    .faq-item summary::-webkit-details-marker{display:none}
    .faq-item summary:after{content:"＋";font-size:22px;color:var(--coral)}
    .faq-item[open] summary:after{content:"−"}
    .faq-answer{padding:0 45px 21px 4px;color:var(--muted);font-size:15px}
    .cta{padding:72px 0;background:var(--coral);color:#fff}
    .cta-grid{display:grid;grid-template-columns:7fr 5fr;gap:40px;align-items:center}
    .cta p{color:#ffe9e1;font-size:17px;max-width:650px}
    .cta .btn-secondary{border-color:#fff;color:#fff}
    .consult-box{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.35);padding:22px;border-radius:15px}
    .consult-box label{display:block;font-size:13px;font-weight:700;margin-bottom:5px}
    .consult-box input,.consult-box textarea{width:100%;border:0;border-radius:8px;padding:10px 12px;margin-bottom:12px;background:#fffdf8;color:var(--ink)}
    .consult-box textarea{min-height:75px;resize:vertical}
    .consult-box .btn{background:var(--ink);color:#fff;width:100%}
    .footer{background:var(--deep);color:#c8cbc4;padding:62px 0 22px}
    .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:35px}
    .footer .brand{color:#fff}
    .footer p{font-size:14px;color:#aeb2aa}
    .footer h3{font-size:15px;color:#fff;margin-bottom:13px}
    .footer-grid>div>a:not(.brand){display:block;font-size:14px;color:#c8cbc4;padding:3px 0}
    .footer-grid>div>a:not(.brand):hover{color:#ffad98}
    .copyright{display:flex;flex-wrap:wrap;gap:12px 28px;border-top:1px solid #454943;margin-top:45px;padding-top:18px;font-size:12px;color:#969b93}
    .copyright a{color:#c8cbc4}
    .top-link{position:fixed;right:22px;bottom:22px;width:42px;height:42px;border:1px solid var(--line);background:var(--surface);border-radius:50%;display:grid;place-items:center;color:var(--coral-dark);box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.2s}
    .top-link.show{opacity:1;pointer-events:auto}
    @media(max-width:1024px){
      .main-nav{gap:1px}.main-nav a{padding:8px 8px;font-size:13px}
      .hero-grid{gap:38px}.hero-visual img{height:450px}
      .summary-grid{gap:40px}.footer-grid{grid-template-columns:1.7fr 1fr 1fr}
      .footer-grid>div:last-child{grid-column:2 / 4}
    }
    @media(max-width:768px){
      .container{width:min(calc(100% - 34px),var(--max))}
      .nav-wrap{min-height:68px}.menu-toggle{display:block;margin-left:auto}
      .nav-cta{display:none}
      .main-nav{order:3;flex-basis:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:10px}
      .nav-wrap{flex-wrap:wrap;gap:9px}
      .main-nav a{font-size:13px;padding:8px 11px}
      .selection-hero{padding:42px 0 64px}.hero-grid,.summary-grid,.path-layout,.reference-grid,.cta-grid{grid-template-columns:1fr}
      .hero-visual{order:-1;padding:10px 0 0 10px}.hero-visual img{height:330px}
      .visual-label{bottom:27px}.section{padding:68px 0}
      .path-index{position:static;display:flex;overflow:auto;gap:8px}.path-index p{display:none}.path-index a{white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:8px 13px}
      .path-item{grid-template-columns:55px 1fr;gap:14px}
      .check-list{grid-template-columns:1fr}
      .cta-grid{gap:25px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:last-child{grid-column:auto}
    }
    @media(max-width:520px){
      body{font-size:15px}.container{width:min(calc(100% - 28px),var(--max))}
      h1{font-size:37px}.hero-copy p{font-size:16px}
      .hero-actions .btn{width:100%}.hero-note{gap:15px}
      .signal-list{grid-template-columns:1fr}.hero-visual img{height:285px}
      .reference-card{padding:21px}.faq-answer{padding-right:10px}
      .footer-grid{grid-template-columns:1fr}.footer-grid>div:last-child{grid-column:auto}
      .copyright{display:block}.copyright span{display:block;margin-bottom:8px}
    }

/* roulang page: category4 */
:root{
      --coral:#e9634d;
      --coral-dark:#bd4437;
      --ink:#202321;
      --muted:#6f716c;
      --paper:#f7f4ed;
      --surface:#fffdf8;
      --sand:#eee8dc;
      --sage:#dce7df;
      --line:#ded8cc;
      --deep:#292b29;
      --radius:18px;
      --shadow:0 16px 40px rgba(44,39,31,.09);
      --max:1240px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      background:var(--paper);
      color:var(--ink);
      font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
      font-size:16px;
      line-height:1.8;
    }
    h1,h2,h3,p{margin-top:0}
    h1,h2,h3{letter-spacing:-.035em;line-height:1.25}
    h1{font-size:clamp(38px,5vw,68px);margin-bottom:22px}
    h2{font-size:clamp(28px,3vw,42px);margin-bottom:16px}
    h3{font-size:21px;margin-bottom:10px}
    p{color:var(--muted)}
    a{color:inherit;text-decoration:none}
    img{display:block;width:100%;max-width:100%;object-fit:cover}
    button,input,textarea{font:inherit}
    button{cursor:pointer}
    .container{width:min(calc(100% - 48px),var(--max));margin:0 auto}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--coral-dark);font-size:13px;font-weight:800;letter-spacing:.08em}
    .eyebrow:before{content:"";width:24px;height:2px;background:var(--coral)}
    .section{padding:96px 0}
    .section-head{max-width:720px;margin-bottom:40px}
    .section-head p{font-size:17px}
    .site-header{
      position:sticky;top:0;z-index:20;
      background:rgba(247,244,237,.95);
      border-bottom:1px solid rgba(222,216,204,.88);
      backdrop-filter:blur(12px)
    }
    .nav-wrap{min-height:78px;display:flex;align-items:center;gap:24px}
    .brand{font-weight:850;font-size:22px;letter-spacing:-.04em;white-space:nowrap}
    .brand i{display:inline-block;width:10px;height:10px;background:var(--coral);border-radius:50%;margin:0 7px 2px 2px}
    .main-nav{display:flex;align-items:center;justify-content:center;gap:6px;flex:1}
    .main-nav a{
      color:#62635e;font-size:14px;padding:9px 12px;border-radius:999px;
      white-space:nowrap;transition:.2s
    }
    .main-nav a:hover,.main-nav a:focus,.main-nav a.active{background:var(--ink);color:#fff}
    .nav-cta,.btn{
      display:inline-flex;align-items:center;justify-content:center;
      min-height:46px;padding:0 20px;border:1px solid transparent;border-radius:999px;
      font-weight:750;transition:.2s
    }
    .nav-cta,.btn-primary{background:var(--coral);color:#fff}
    .nav-cta:hover,.btn-primary:hover{background:var(--coral-dark);transform:translateY(-2px);box-shadow:0 8px 18px rgba(233,99,77,.22)}
    .btn-secondary{border-color:var(--ink);color:var(--ink);background:transparent}
    .btn-secondary:hover{background:var(--ink);color:#fff}
    .btn:focus-visible,.nav-cta:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{
      outline:3px solid rgba(233,99,77,.38);outline-offset:3px
    }
    .menu-toggle{display:none;background:none;border:0;font-size:24px}
    .crumbs{padding:24px 0 0;color:var(--muted);font-size:13px}
    .crumbs a{color:var(--coral-dark)}
    .case-hero{padding:54px 0 82px}
    .hero-grid{display:grid;grid-template-columns:5fr 7fr;gap:58px;align-items:center}
    .hero-copy{padding:20px 0}
    .hero-copy p{font-size:18px;max-width:600px}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
    .hero-visual{position:relative}
    .hero-visual img{height:445px;border-radius:var(--radius);box-shadow:var(--shadow)}
    .visual-note{
      position:absolute;left:-24px;bottom:24px;max-width:255px;padding:18px 20px;
      background:var(--deep);color:#fff;border-radius:14px;box-shadow:var(--shadow)
    }
    .visual-note strong{display:block;font-size:23px;color:#ffd0bd}
    .visual-note span{display:block;color:#d1d2cb;font-size:13px}
    .tag{display:inline-flex;background:var(--sage);color:#365347;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:750;margin:0 4px 8px 0}
    .tag.orange{background:#ffe0d3;color:#9b3f31}
    .summary-band{background:var(--deep);color:#fff}
    .summary-grid{display:grid;grid-template-columns:4fr 8fr;gap:60px;align-items:center}
    .summary-band p{color:#d1d2cb}
    .summary-points{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .summary-point{border-left:2px solid var(--coral);padding:8px 0 8px 18px}
    .summary-point b{display:block;font-size:30px;color:#ffd0bd;line-height:1.2}
    .summary-point span{font-size:14px;color:#d1d2cb}
    .story-grid{display:grid;grid-template-columns:7fr 5fr;gap:44px;align-items:start}
    .main-case{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
    .main-case img{height:350px}
    .case-copy{padding:30px}
    .case-copy p{font-size:16px}
    .side-note{background:var(--sand);border-radius:var(--radius);padding:28px;position:sticky;top:110px}
    .side-note ul{padding-left:20px;margin-bottom:0;color:var(--muted)}
    .side-note li{margin-bottom:12px}
    .side-note li::marker{color:var(--coral)}
    .section-label{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}
    .stage-list{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .stage{padding:28px 24px 30px;border-right:1px solid var(--line);position:relative}
    .stage:last-child{border-right:0}
    .stage-number{font-size:44px;color:var(--coral);font-weight:850;line-height:1;margin-bottom:22px}
    .stage p{font-size:14px;margin-bottom:0}
    .decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
    .decision-card{padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:14px}
    .decision-card.problem{border-top:4px solid #b7a896}
    .decision-card.choice{border-top:4px solid var(--coral)}
    .decision-card.result{border-top:4px solid #789487}
    .decision-card p{margin-bottom:0}
    .reference-list{border-top:1px solid var(--line)}
    .reference-item{display:grid;grid-template-columns:90px 2fr 3fr 120px;gap:24px;align-items:center;padding:23px 0;border-bottom:1px solid var(--line)}
    .reference-item .index{font-size:30px;color:var(--coral);font-weight:850}
    .reference-item p{font-size:14px;margin:0}
    .reference-item .small{font-size:12px;color:var(--muted)}
    .reference-item a{color:var(--coral-dark);font-weight:750;text-align:right}
    .faq-wrap{max-width:920px}
    .faq-item{border-top:1px solid var(--line)}
    .faq-item:last-child{border-bottom:1px solid var(--line)}
    .faq-item summary{list-style:none;cursor:pointer;padding:20px 42px 20px 0;font-size:17px;font-weight:750;position:relative}
    .faq-item summary::-webkit-details-marker{display:none}
    .faq-item summary:after{content:"＋";position:absolute;right:6px;color:var(--coral);font-size:24px;font-weight:400}
    .faq-item[open] summary:after{content:"−"}
    .faq-answer{padding:0 42px 20px 0}
    .faq-answer p{margin:0;font-size:15px}
    .cta-panel{background:var(--coral);color:#fff;border-radius:var(--radius);padding:44px 52px;display:flex;align-items:center;justify-content:space-between;gap:28px}
    .cta-panel p{color:#fff0e9;max-width:650px;margin-bottom:0}
    .cta-panel .btn-secondary{border-color:#fff;color:#fff}
    .consult{background:var(--sand)}
    .consult-grid{display:grid;grid-template-columns:5fr 7fr;gap:50px;align-items:start}
    .contact-form{background:var(--surface);padding:28px;border-radius:16px;border:1px solid var(--line);box-shadow:var(--shadow)}
    .contact-form label{font-size:13px;font-weight:750;display:block;margin-bottom:5px}
    .contact-form input,.contact-form textarea{
      width:100%;border:1px solid var(--line);border-radius:8px;padding:11px 13px;
      margin-bottom:15px;background:#fffdf8;color:var(--ink);transition:.2s
    }
    .contact-form input:hover,.contact-form textarea:hover{border-color:#b8afa0}
    .contact-form input:focus,.contact-form textarea:focus{border-color:var(--coral);box-shadow:0 0 0 3px rgba(233,99,77,.12);outline:0}
    .form-tip{font-size:12px;color:var(--muted);margin:2px 0 16px}
    .form-status{display:none;margin-top:12px;color:#52715f;font-size:14px}
    .footer{background:var(--deep);color:#fff;padding:68px 0 24px}
    .footer-grid{display:grid;grid-template-columns:2.2fr 1fr 1fr 1.4fr;gap:38px}
    .footer p{color:#bfc2b9;font-size:14px}
    .footer h3{font-size:15px;color:#fff;margin-bottom:15px}
    .footer a:not(.brand){display:block;color:#c5c8bf;font-size:14px;margin:7px 0;transition:.2s}
    .footer a:hover{color:#ffd0bd}
    .copyright{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.14);padding-top:20px;margin-top:40px;color:#9ea39a;font-size:12px}
    .copyright a{display:inline!important;color:#d4d6ce!important}
    .back-top{position:fixed;right:22px;bottom:22px;width:42px;height:42px;border:0;border-radius:50%;background:var(--ink);color:#fff;opacity:0;pointer-events:none;transition:.2s;box-shadow:var(--shadow)}
    .back-top.show{opacity:1;pointer-events:auto}
    @media(max-width:1024px){
      .main-nav{gap:2px}
      .main-nav a{padding:8px 8px;font-size:13px}
      .hero-grid,.story-grid,.consult-grid{gap:30px}
      .reference-item{grid-template-columns:60px 2fr 3fr 95px;gap:15px}
    }
    @media(max-width:768px){
      .container{width:min(calc(100% - 32px),var(--max))}
      .nav-wrap{min-height:68px;gap:12px}
      .menu-toggle{display:block;margin-left:auto}
      .nav-cta{min-height:40px;padding:0 14px;font-size:13px}
      .main-nav{order:5;flex-basis:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:9px}
      .main-nav a{font-size:13px}
      .nav-wrap{flex-wrap:wrap}
      .hero-grid,.summary-grid,.story-grid,.consult-grid{grid-template-columns:1fr}
      .case-hero{padding:34px 0 58px}
      .hero-visual img{height:330px}
      .visual-note{left:14px;bottom:14px}
      .section{padding:68px 0}
      .summary-points{grid-template-columns:1fr 1fr}
      .stage-list{grid-template-columns:1fr 1fr}
      .stage:nth-child(2){border-right:0}
      .stage:nth-child(-n+2){border-bottom:1px solid var(--line)}
      .side-note{position:static}
      .reference-item{grid-template-columns:48px 1fr;gap:8px 15px}
      .reference-item p{grid-column:2}
      .reference-item a{grid-column:2;text-align:left}
      .cta-panel{padding:32px 26px;display:block}
      .cta-panel .hero-actions{margin-bottom:0}
      .footer-grid{grid-template-columns:1fr 1fr}
    }
    @media(max-width:520px){
      h1{font-size:38px}
      .hero-copy p{font-size:16px}
      .hero-actions .btn{width:100%}
      .summary-points{grid-template-columns:1fr}
      .stage-list{grid-template-columns:1fr}
      .stage{border-right:0!important;border-bottom:1px solid var(--line)}
      .stage:last-child{border-bottom:0}
      .decision-grid{grid-template-columns:1fr}
      .footer-grid{grid-template-columns:1fr}
      .copyright{display:block}
      .copyright span{display:block;margin-bottom:8px}
    }

/* roulang page: category3 */
:root{
      --coral:#e9634d;
      --coral-dark:#bd4437;
      --ink:#202321;
      --muted:#6f716c;
      --paper:#f7f4ed;
      --surface:#fffdf8;
      --sand:#eee8dc;
      --sage:#dce7df;
      --line:#ded8cc;
      --deep:#292b29;
      --warm:#f2dfd1;
      --radius:18px;
      --shadow:0 16px 40px rgba(44,39,31,.09);
      --shadow-hover:0 22px 46px rgba(44,39,31,.14);
      --max:1240px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      background:var(--paper);
      color:var(--ink);
      font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
      font-size:16px;
      line-height:1.8;
      overflow-x:hidden;
    }
    h1,h2,h3,h4,p{margin-top:0}
    h1,h2,h3,h4{line-height:1.28;letter-spacing:-.035em}
    h1{font-size:clamp(38px,5vw,70px);margin-bottom:22px}
    h2{font-size:clamp(28px,3.2vw,44px);margin-bottom:17px}
    h3{font-size:22px;margin-bottom:10px}
    p{color:var(--muted);margin-bottom:17px}
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%;width:100%;object-fit:cover}
    button,input,textarea{font:inherit}
    button{cursor:pointer}
    .container{width:min(calc(100% - 48px),var(--max));margin:0 auto}
    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:8px;
      color:var(--coral-dark);
      font-weight:800;
      font-size:13px;
      letter-spacing:.08em;
      margin-bottom:15px;
    }
    .eyebrow:before{content:"";width:24px;height:2px;background:var(--coral)}
    .section{padding:96px 0}
    .section-head{max-width:740px;margin-bottom:42px}
    .section-head p{font-size:17px;max-width:690px}
    .muted{color:var(--muted)}
    .tag{
      display:inline-flex;
      align-items:center;
      background:var(--sage);
      color:#365347;
      border-radius:999px;
      padding:4px 11px;
      font-size:12px;
      font-weight:800;
      margin:0 5px 8px 0;
    }
    .tag.orange{background:#ffe0d3;color:#9b3f31}
    .tag.dark{background:#3e433e;color:#fff}
    .btn,.nav-cta{
      display:inline-flex;
      justify-content:center;
      align-items:center;
      min-height:46px;
      padding:0 21px;
      border-radius:999px;
      border:1px solid transparent;
      font-weight:750;
      transition:background .2s ease,color .2s ease,border .2s ease,transform .2s ease,box-shadow .2s ease;
    }
    .btn-primary,.nav-cta{background:var(--coral);color:#fff}
    .btn-primary:hover,.nav-cta:hover{
      background:var(--coral-dark);
      transform:translateY(-2px);
      box-shadow:0 8px 18px rgba(233,99,77,.22);
    }
    .btn-secondary{border-color:var(--ink);color:var(--ink);background:transparent}
    .btn-secondary:hover{background:var(--ink);color:#fff;transform:translateY(-2px)}
    .btn-light{border-color:rgba(255,255,255,.55);color:#fff;background:transparent}
    .btn-light:hover{background:#fff;color:var(--ink)}
    .btn:focus-visible,.nav-cta:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{
      outline:3px solid rgba(233,99,77,.38);
      outline-offset:3px;
    }

    .site-header{
      position:sticky;
      top:0;
      z-index:30;
      background:rgba(247,244,237,.95);
      border-bottom:1px solid rgba(222,216,204,.85);
      backdrop-filter:blur(12px);
    }
    .nav-wrap{min-height:78px;display:flex;align-items:center;gap:24px}
    .brand{font-weight:850;font-size:22px;letter-spacing:-.04em;white-space:nowrap}
    .brand i{
      display:inline-block;
      width:10px;
      height:10px;
      background:var(--coral);
      border-radius:50%;
      margin:0 7px 2px 2px;
    }
    .main-nav{
      display:flex;
      gap:6px;
      align-items:center;
      flex:1;
      justify-content:center;
    }
    .main-nav a{
      font-size:14px;
      color:#62635e;
      padding:9px 12px;
      border-radius:999px;
      white-space:nowrap;
      transition:.2s;
    }
    .main-nav a:hover,.main-nav a:focus,.main-nav a.active{background:var(--ink);color:#fff}
    .menu-toggle{
      display:none;
      background:none;
      border:0;
      color:var(--ink);
      font-size:24px;
      padding:6px 8px;
    }

    .page-hero{
      position:relative;
      min-height:530px;
      display:flex;
      align-items:center;
      color:#fff;
      background:
        linear-gradient(90deg,rgba(29,29,27,.92),rgba(29,29,27,.58)),
        url('/assets/images/backpic/back-2.webp') center/cover;
    }
    .page-hero:after{
      content:"";
      position:absolute;
      right:7%;
      bottom:0;
      width:180px;
      height:180px;
      border:1px solid rgba(255,255,255,.2);
      border-radius:50%;
      transform:translateY(42%);
    }
    .hero-inner{position:relative;z-index:1;padding:80px 0}
    .hero-copy{max-width:780px}
    .page-hero .eyebrow{color:#ffd0bd}
    .page-hero .eyebrow:before{background:#ffd0bd}
    .page-hero p{max-width:710px;color:rgba(255,255,255,.82);font-size:18px}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
    .crumbs{
      display:flex;
      flex-wrap:wrap;
      gap:9px;
      align-items:center;
      margin-bottom:24px;
      color:rgba(255,255,255,.7);
      font-size:13px;
    }
    .crumbs a:hover{color:#fff}
    .crumbs span{opacity:.45}

    .topic-bar{
      background:var(--surface);
      border-bottom:1px solid var(--line);
      padding:22px 0;
    }
    .topic-row{
      display:flex;
      gap:10px;
      overflow:auto;
      padding:3px 0 5px;
      scrollbar-width:thin;
    }
    .chip{
      border:1px solid var(--line);
      background:var(--surface);
      padding:9px 17px;
      border-radius:999px;
      white-space:nowrap;
      color:var(--muted);
      transition:.2s;
    }
    .chip:hover,.chip:focus,.chip.active{
      background:var(--coral);
      border-color:var(--coral);
      color:#fff;
    }

    .service-intro{background:var(--paper)}
    .intro-grid{
      display:grid;
      grid-template-columns:5fr 7fr;
      gap:64px;
      align-items:start;
    }
    .intro-copy p{font-size:17px}
    .info-panel{
      background:var(--surface);
      border:1px solid var(--line);
      border-radius:var(--radius);
      padding:28px;
      box-shadow:var(--shadow);
    }
    .info-panel h3{font-size:20px}
    .info-panel ul{list-style:none;padding:0;margin:20px 0 0}
    .info-panel li{
      display:flex;
      gap:13px;
      padding:14px 0;
      border-top:1px solid var(--line);
      color:var(--muted);
    }
    .info-panel li:first-child{border-top:0}
    .dot{
      flex:0 0 9px;
      width:9px;
      height:9px;
      margin-top:10px;
      border-radius:50%;
      background:var(--coral);
    }

    .list-section{background:#ede8df}
    .list-layout{
      display:grid;
      grid-template-columns:3fr 9fr;
      gap:46px;
      align-items:start;
    }
    .side-index{
      position:sticky;
      top:104px;
      background:var(--deep);
      color:#fff;
      border-radius:var(--radius);
      padding:25px;
    }
    .side-index h3{font-size:19px}
    .side-index p{color:#c7cbc4;font-size:14px}
    .side-index a{
      display:flex;
      align-items:center;
      gap:10px;
      padding:12px 0;
      color:#d9ddd5;
      border-top:1px solid rgba(255,255,255,.14);
      font-size:14px;
      transition:.2s;
    }
    .side-index a:hover,.side-index a.active{color:#fff;padding-left:5px}
    .side-index b{color:var(--coral);font-size:13px}
    .service-list{display:flex;flex-direction:column;gap:16px}
    .service-item{
      display:grid;
      grid-template-columns:92px 1fr auto;
      gap:22px;
      align-items:center;
      padding:22px 24px;
      background:var(--surface);
      border:1px solid var(--line);
      border-radius:15px;
      transition:.25s;
    }
    .service-item:hover{
      transform:translateX(5px);
      border-color:#d6a095;
      box-shadow:var(--shadow);
    }
    .service-num{
      display:flex;
      align-items:center;
      justify-content:center;
      width:76px;
      height:76px;
      border-radius:13px;
      background:var(--warm);
      color:var(--coral-dark);
      font-size:23px;
      font-weight:850;
    }
    .service-item h3{font-size:20px;margin-bottom:5px}
    .service-item p{font-size:14px;margin-bottom:8px}
    .service-meta{font-size:12px;color:#8b8d86;white-space:nowrap}
    .arrow-link{color:var(--coral-dark);font-weight:750;white-space:nowrap}
    .arrow-link:after{content:" →";transition:.2s}
    .arrow-link:hover:after{padding-left:4px}

    .detail-section{background:var(--surface)}
    .detail-grid{
      display:grid;
      grid-template-columns:7fr 5fr;
      gap:52px;
      align-items:center;
    }
    .detail-image{
      position:relative;
      min-height:420px;
      border-radius:var(--radius);
      overflow:hidden;
      box-shadow:var(--shadow);
      background:#d9d1c3;
    }
    .detail-image img{height:420px}
    .detail-image:after{
      content:"服务说明";
      position:absolute;
      left:20px;
      bottom:18px;
      background:rgba(32,35,33,.88);
      color:#fff;
      padding:8px 14px;
      border-radius:8px;
      font-size:13px;
      font-weight:700;
    }
    .detail-copy{padding-right:15px}
    .detail-copy p{font-size:16px}
    .check-list{list-style:none;padding:0;margin:25px 0}
    .check-list li{
      position:relative;
      padding:12px 0 12px 31px;
      border-bottom:1px solid var(--line);
    }
    .check-list li:before{
      content:"✓";
      position:absolute;
      left:0;
      top:11px;
      width:20px;
      height:20px;
      border-radius:50%;
      background:var(--sage);
      color:#365347;
      font-size:12px;
      font-weight:800;
      text-align:center;
      line-height:20px;
    }

    .process-section{background:var(--paper)}
    .process-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:0;
      border-top:1px solid var(--line);
      border-bottom:1px solid var(--line);
    }
    .process-step{
      position:relative;
      padding:30px 24px 32px;
      border-right:1px solid var(--line);
    }
    .process-step:last-child{border-right:0}
    .process-step .number{color:var(--coral);font-size:14px;font-weight:850;letter-spacing:.08em}
    .process-step h3{font-size:19px;margin:16px 0 8px}
    .process-step p{font-size:14px;margin:0}
    .process-step:after{
      content:"";
      position:absolute;
      top:42px;
      right:-6px;
      width:11px;
      height:11px;
      border-radius:50%;
      background:var(--coral);
      z-index:1;
    }
    .process-step:last-child:after{display:none}

    .notice-section{background:var(--sand)}
    .notice-grid{
      display:grid;
      grid-template-columns:4fr 8fr;
      gap:54px;
      align-items:start;
    }
    .notice-copy p{font-size:17px}
    .notice-box{
      padding:24px 27px;
      border-left:4px solid var(--coral);
      background:var(--surface);
      border-radius:0 14px 14px 0;
      margin-top:4px;
    }
    .notice-box strong{display:block;margin-bottom:6px}
    .notice-box p{margin:0;font-size:14px}

    .faq-section{background:var(--surface)}
    .faq-wrap{max-width:950px}
    .faq-item{border-top:1px solid var(--line)}
    .faq-item:last-child{border-bottom:1px solid var(--line)}
    .faq-item summary{
      list-style:none;
      cursor:pointer;
      padding:20px 42px 20px 0;
      position:relative;
      font-size:17px;
      font-weight:750;
    }
    .faq-item summary::-webkit-details-marker{display:none}
    .faq-item summary:after{
      content:"+";
      position:absolute;
      right:5px;
      top:17px;
      color:var(--coral);
      font-size:25px;
      font-weight:400;
      transition:.2s;
    }
    .faq-item[open] summary:after{content:"−"}
    .faq-answer{padding:0 44px 20px 0}
    .faq-answer p{font-size:15px;margin:0;max-width:820px}

    .cta-section{padding:82px 0;background:var(--deep);color:#fff}
    .cta-grid{
      display:grid;
      grid-template-columns:7fr 5fr;
      gap:46px;
      align-items:center;
    }
    .cta-section p{color:#c9cbc4;font-size:17px}
    .cta-section h2{max-width:680px}
    .contact-form{
      background:#fff;
      color:var(--ink);
      padding:27px;
      border-radius:15px;
      box-shadow:var(--shadow);
    }
    .contact-form h3{font-size:21px}
    .contact-form label{
      display:block;
      font-size:13px;
      font-weight:750;
      margin-bottom:5px;
    }
    .contact-form input,.contact-form textarea{
      width:100%;
      border:1px solid var(--line);
      border-radius:8px;
      padding:10px 12px;
      margin-bottom:14px;
      background:#fffdf8;
      color:var(--ink);
      transition:.2s;
    }
    .contact-form input::placeholder,.contact-form textarea::placeholder{color:#9b9b93}
    .contact-form input:hover,.contact-form textarea:hover{border-color:#c9a197}
    .contact-form input:focus,.contact-form textarea:focus{
      border-color:var(--coral);
      box-shadow:0 0 0 3px rgba(233,99,77,.12);
      outline:0;
    }
    .contact-form textarea{min-height:105px;resize:vertical}
    .form-note{font-size:12px!important;color:#898b84!important;margin:12px 0 0!important}
    .form-status{display:none;color:#397052;font-size:13px;margin:10px 0 0}
    .form-status.show{display:block}

    .footer{background:#202321;color:#d9ddd5;padding:64px 0 22px}
    .footer-grid{
      display:grid;
      grid-template-columns:1.5fr 1fr 1fr 1.15fr;
      gap:35px;
    }
    .footer .brand{color:#fff;display:inline-block}
    .footer p{color:#aeb4aa;font-size:14px}
    .footer h3{color:#fff;font-size:15px;letter-spacing:0;margin-bottom:14px}
    .footer-grid>div>a:not(.brand){
      display:block;
      width:max-content;
      color:#bfc5bc;
      font-size:14px;
      margin:6px 0;
      transition:.2s;
    }
    .footer-grid>div>a:not(.brand):hover{color:#fff;transform:translateX(3px)}
    .copyright{
      display:flex;
      flex-wrap:wrap;
      gap:12px 26px;
      justify-content:space-between;
      border-top:1px solid rgba(255,255,255,.13);
      margin-top:42px;
      padding-top:19px;
      color:#929990;
      font-size:12px;
    }
    .copyright a{color:#c5cbc1}
    .back-top{
      position:fixed;
      right:20px;
      bottom:20px;
      width:42px;
      height:42px;
      border:1px solid var(--line);
      border-radius:50%;
      background:var(--surface);
      color:var(--ink);
      box-shadow:var(--shadow);
      opacity:0;
      visibility:hidden;
      transition:.2s;
      z-index:15;
    }
    .back-top.visible{opacity:1;visibility:visible}
    .back-top:hover{background:var(--coral);color:#fff;border-color:var(--coral)}

    @media(max-width:1050px){
      .main-nav{gap:2px}
      .main-nav a{padding:8px 8px;font-size:13px}
      .intro-grid,.detail-grid,.notice-grid,.cta-grid{gap:35px}
    }
    @media(max-width:800px){
      .container{width:min(calc(100% - 34px),var(--max))}
      .nav-wrap{min-height:68px;gap:12px}
      .menu-toggle{display:block;margin-left:auto}
      .nav-cta{min-height:40px;padding:0 15px;font-size:13px}
      .main-nav{
        display:none;
        position:absolute;
        left:17px;
        right:17px;
        top:70px;
        padding:10px;
        background:var(--surface);
        border:1px solid var(--line);
        border-radius:15px;
        box-shadow:var(--shadow);
        justify-content:flex-start;
        overflow:auto;
      }
      .main-nav.open{display:flex}
      .main-nav a{padding:10px 13px}
      .page-hero{min-height:500px}
      .hero-inner{padding:66px 0}
      .intro-grid,.detail-grid,.notice-grid,.cta-grid{grid-template-columns:1fr}
      .side-index{position:static}
      .process-grid{grid-template-columns:repeat(2,1fr)}
      .process-step:nth-child(2){border-right:0}
      .process-step:nth-child(3),.process-step:nth-child(4){border-top:1px solid var(--line)}
      .process-step:nth-child(2):after{display:none}
      .footer-grid{grid-template-columns:repeat(2,1fr)}
    }
    @media(max-width:560px){
      body{font-size:15px}
      .container{width:min(calc(100% - 28px),var(--max))}
      h1{font-size:38px}
      h2{font-size:30px}
      .section{padding:67px 0}
      .brand{font-size:19px}
      .nav-cta{display:none}
      .page-hero{min-height:470px}
      .page-hero p{font-size:16px}
      .hero-actions{flex-direction:column;align-items:stretch}
      .hero-actions .btn{width:100%}
      .service-item{
        grid-template-columns:58px 1fr;
        gap:15px;
        padding:18px;
      }
      .service-num{width:58px;height:58px;font-size:18px}
      .service-item .arrow-link{grid-column:2}
      .service-meta{white-space:normal}
      .detail-image,.detail-image img{min-height:300px;height:300px}
      .process-grid{grid-template-columns:1fr}
      .process-step{border-right:0!important;border-top:1px solid var(--line)}
      .process-step:first-child{border-top:0}
      .process-step:after{display:none!important}
      .footer-grid{grid-template-columns:1fr;gap:25px}
      .copyright{display:block}
      .copyright span{display:block;margin-bottom:8px}
      .contact-form{padding:21px}
    }

/* roulang page: category5 */
:root{
      --coral:#e9634d;--coral-dark:#bd4437;--ink:#202321;--muted:#6f716c;
      --paper:#f7f4ed;--surface:#fffdf8;--sand:#eee8dc;--sage:#dce7df;
      --line:#ded8cc;--deep:#292b29;--radius:18px;
      --shadow:0 16px 40px rgba(44,39,31,.09);--max:1240px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.8;font-size:16px}
    a{color:inherit;text-decoration:none}
    img{display:block;width:100%;max-width:100%;object-fit:cover}
    button,input,textarea{font:inherit}
    button{cursor:pointer}
    .container{width:min(calc(100% - 48px),var(--max));margin:auto}
    .site-header{position:sticky;top:0;z-index:20;background:rgba(247,244,237,.95);border-bottom:1px solid rgba(222,216,204,.9);backdrop-filter:blur(12px)}
    .nav-wrap{min-height:78px;display:flex;align-items:center;gap:22px}
    .brand{font-weight:850;font-size:22px;letter-spacing:-.04em;white-space:nowrap}
    .brand i{display:inline-block;width:10px;height:10px;background:var(--coral);border-radius:50%;margin:0 7px 2px 2px}
    .main-nav{display:flex;gap:5px;align-items:center;flex:1;justify-content:center}
    .main-nav a{font-size:14px;color:#62635e;padding:9px 11px;border-radius:999px;white-space:nowrap;transition:.2s}
    .main-nav a:hover,.main-nav a:focus,.main-nav a.active{background:var(--ink);color:#fff}
    .nav-cta,.btn{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:0 20px;border-radius:999px;border:1px solid transparent;font-weight:700;transition:.2s}
    .nav-cta,.btn-primary{background:var(--coral);color:#fff}
    .nav-cta:hover,.btn-primary:hover{background:var(--coral-dark);transform:translateY(-2px);box-shadow:0 8px 18px rgba(233,99,77,.22)}
    .btn-secondary{border-color:var(--ink);color:var(--ink);background:transparent}
    .btn-secondary:hover{background:var(--ink);color:#fff}
    .btn:focus-visible,.nav-cta:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,.chip:focus-visible{outline:3px solid rgba(233,99,77,.4);outline-offset:3px}
    .menu-toggle{display:none;background:none;border:0;font-size:24px;color:var(--ink)}
    h1,h2,h3{margin:0 0 16px;line-height:1.25;letter-spacing:-.035em}
    h1{font-size:clamp(38px,5vw,68px);max-width:780px}
    h2{font-size:clamp(29px,3vw,44px)}
    h3{font-size:21px}
    p{margin:0 0 16px;color:var(--muted)}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--coral-dark);font-weight:700;font-size:13px;letter-spacing:.08em}
    .eyebrow:before{content:"";width:24px;height:2px;background:var(--coral)}
    .section{padding:96px 0}
    .section-head{max-width:730px;margin-bottom:40px}
    .section-head p{font-size:17px}
    .hero-case{position:relative;min-height:500px;padding:76px 0 70px;background:linear-gradient(105deg,rgba(31,31,28,.92) 0%,rgba(42,40,35,.75) 56%,rgba(42,40,35,.48) 100%),url('/assets/images/backpic/back-3.webp') center/cover;color:#fff;overflow:hidden}
    .hero-case:after{content:"CASE / 05";position:absolute;right:5%;bottom:25px;color:rgba(255,255,255,.28);font-size:68px;font-weight:900;letter-spacing:.08em}
    .hero-case .eyebrow{color:#ffd0bd}
    .hero-case .eyebrow:before{background:#ffd0bd}
    .hero-case p{max-width:690px;color:rgba(255,255,255,.83);font-size:18px}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
    .hero-case .btn-secondary{border-color:rgba(255,255,255,.65);color:#fff}
    .hero-panel{margin-top:40px;display:flex;gap:12px;flex-wrap:wrap}
    .hero-panel span{padding:7px 13px;border:1px solid rgba(255,255,255,.3);border-radius:999px;color:#fff;font-size:13px;background:rgba(255,255,255,.08)}
    .crumbs{padding:18px 0 0;color:var(--muted);font-size:13px}
    .crumbs a{color:var(--coral-dark)}
    .summary-band{padding:34px 0;background:var(--surface);border-bottom:1px solid var(--line)}
    .summary-grid{display:grid;grid-template-columns:3fr 3fr 3fr 3fr;gap:20px}
    .summary-item{padding:5px 20px;border-left:1px solid var(--line)}
    .summary-item:first-child{border-left:0;padding-left:0}
    .summary-item strong{display:block;font-size:30px;color:var(--coral);line-height:1.2;margin-bottom:6px}
    .summary-item span{font-size:14px;color:var(--muted)}
    .index-layout{display:grid;grid-template-columns:3fr 9fr;gap:64px;align-items:start}
    .side-index{position:sticky;top:110px}
    .side-index h3{font-size:18px}
    .side-index a{display:block;border-left:2px solid var(--line);padding:11px 0 11px 18px;color:var(--muted);transition:.2s}
    .side-index a:hover,.side-index a.active{border-color:var(--coral);color:var(--coral-dark);padding-left:23px;font-weight:700}
    .case-story{display:grid;grid-template-columns:5fr 7fr;gap:30px;align-items:stretch;margin-bottom:42px}
    .case-story.reverse{grid-template-columns:7fr 5fr}
    .case-story.reverse .story-image{order:2}
    .story-image{min-height:340px;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:var(--sand)}
    .story-image img{height:100%;transition:transform .4s}
    .story-image:hover img{transform:scale(1.035)}
    .story-copy{padding:25px 5px}
    .story-copy .number{font-size:48px;color:var(--coral);font-weight:850;line-height:1}
    .story-copy h3{margin-top:10px;font-size:28px}
    .tag{display:inline-flex;background:var(--sage);color:#365347;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;margin:0 4px 8px 0}
    .tag.orange{background:#ffe0d3;color:#9b3f31}
    .story-points{list-style:none;padding:0;margin:20px 0 0;border-top:1px solid var(--line)}
    .story-points li{padding:12px 0;border-bottom:1px solid var(--line);display:flex;gap:12px;color:var(--muted);font-size:15px}
    .story-points li:before{content:"—";color:var(--coral);font-weight:800}
    .deep-panel{background:var(--deep);color:#fff;border-radius:var(--radius);padding:38px 42px;margin-top:10px}
    .deep-panel p{color:#c9cbc4}
    .deep-grid{display:grid;grid-template-columns:5fr 7fr;gap:45px;align-items:center}
    .signal-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
    .signal{padding:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:12px}
    .signal b{display:block;color:#ffd0bd;margin-bottom:4px}
    .signal span{font-size:14px;color:#d2d4ce}
    .phase-list{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:25px}
    .phase{position:relative;padding:22px 20px 15px;border-top:2px solid var(--coral)}
    .phase:not(:last-child):after{content:"";position:absolute;top:-7px;right:-5px;width:10px;height:10px;border-radius:50%;background:var(--coral)}
    .phase b{display:block;margin-bottom:8px}
    .phase p{font-size:14px}
    .related-grid{display:grid;grid-template-columns:7fr 5fr;gap:20px}
    .related-feature{position:relative;min-height:310px;border-radius:var(--radius);overflow:hidden;color:#fff;background:var(--deep)}
    .related-feature img{height:310px;opacity:.62}
    .related-feature div{position:absolute;left:28px;right:28px;bottom:22px}
    .related-feature p{color:rgba(255,255,255,.78);font-size:14px}
    .related-list{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px 24px}
    .related-list a{display:block;padding:18px 0;border-bottom:1px solid var(--line);transition:.2s}
    .related-list a:last-child{border-bottom:0}
    .related-list a:hover{color:var(--coral-dark);padding-left:7px}
    .related-list small{display:block;color:var(--muted);font-size:13px}
    .faq-wrap{max-width:910px}
    .faq-item{border-top:1px solid var(--line)}
    .faq-item:last-child{border-bottom:1px solid var(--line)}
    .faq-item summary{list-style:none;cursor:pointer;padding:21px 38px 21px 0;font-weight:750;position:relative}
    .faq-item summary::-webkit-details-marker{display:none}
    .faq-item summary:after{content:"+";position:absolute;right:8px;color:var(--coral);font-size:24px;top:16px}
    .faq-item[open] summary:after{content:"−"}
    .faq-answer{padding:0 38px 20px 0;color:var(--muted);font-size:15px}
    .cta{padding:70px 0;background:var(--coral);color:#fff}
    .cta-grid{display:grid;grid-template-columns:7fr 5fr;gap:40px;align-items:center}
    .cta p{color:rgba(255,255,255,.86);font-size:17px}
    .cta .btn-secondary{border-color:#fff;color:#fff}
    .contact-form{background:var(--surface);color:var(--ink);padding:26px;border-radius:15px;box-shadow:var(--shadow)}
    .contact-form label{display:block;font-size:13px;font-weight:700;margin-bottom:5px}
    .contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin-bottom:13px;background:#fffdf8}
    .contact-form textarea{min-height:95px;resize:vertical}
    .form-note{font-size:12px;color:var(--muted);margin-top:10px}
    .form-status{display:none;margin-top:12px;color:#397051;font-size:14px}
    .footer{background:var(--deep);color:#fff;padding:64px 0 22px}
    .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px}
    .footer .brand{color:#fff}
    .footer p{color:#bfc2ba;font-size:14px}
    .footer h3{font-size:15px;color:#fff;margin-bottom:14px}
    .footer-grid>div>a:not(.brand){display:block;color:#bfc2ba;font-size:14px;padding:3px 0;transition:.2s}
    .footer-grid>div>a:not(.brand):hover{color:#ffd0bd}
    .copyright{border-top:1px solid rgba(255,255,255,.14);margin-top:48px;padding-top:18px;display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap;color:#aeb1a9;font-size:12px}
    .copyright a{color:#ffd0bd}
    .top-btn{position:fixed;right:20px;bottom:20px;width:42px;height:42px;border:0;border-radius:50%;background:var(--ink);color:#fff;display:none;z-index:10}
    @media(max-width:1024px){.main-nav{gap:0}.main-nav a{padding:8px 7px;font-size:13px}.index-layout{gap:35px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}}
    @media(max-width:768px){
      .container{width:min(calc(100% - 32px),var(--max))}
      .nav-wrap{min-height:68px;position:relative}.menu-toggle{display:block;margin-left:auto}.nav-cta{display:none}
      .main-nav{order:3;position:absolute;left:0;right:0;top:68px;background:var(--paper);padding:10px 16px;border-bottom:1px solid var(--line);overflow-x:auto;justify-content:flex-start;display:none}
      .main-nav.open{display:flex}.hero-case{min-height:540px;padding:65px 0}.hero-case:after{font-size:42px}.hero-case p{font-size:17px}
      .summary-grid{grid-template-columns:1fr 1fr;gap:20px}.summary-item:nth-child(3){border-left:0;padding-left:0}.summary-item{padding-left:14px}
      .section{padding:70px 0}.index-layout,.deep-grid,.cta-grid,.related-grid{grid-template-columns:1fr}
      .side-index{position:static;display:flex;gap:8px;overflow:auto;padding-bottom:8px}.side-index h3{display:none}.side-index a{white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:8px 14px}.side-index a:hover,.side-index a.active{padding-left:14px;background:var(--coral);border-color:var(--coral);color:#fff}
      .case-story,.case-story.reverse{grid-template-columns:1fr}.case-story.reverse .story-image{order:0}.story-image{min-height:260px}.phase-list{grid-template-columns:1fr 1fr}.phase{border-top:0;border-left:2px solid var(--coral);margin-bottom:15px}.phase:not(:last-child):after{top:50%;right:auto;left:-7px}
      .footer-grid{grid-template-columns:1fr 1fr;gap:25px}.deep-panel{padding:28px 22px}.signal-list{grid-template-columns:1fr 1fr}
    }
    @media(max-width:520px){
      h1{font-size:37px}.hero-actions .btn{width:100%}.summary-grid{grid-template-columns:1fr}.summary-item{border-left:0!important;padding-left:0;border-bottom:1px solid var(--line);padding-bottom:14px}.summary-item:last-child{border:0}
      .signal-list,.phase-list,.footer-grid{grid-template-columns:1fr}.story-copy{padding:18px 0}.related-feature,.related-feature img{min-height:260px;height:260px}.contact-form{padding:20px}.copyright{display:block}.copyright span{display:block;margin-bottom:8px}
    }

/* roulang page: category7 */
:root{
      --coral:#e9634d;--coral-dark:#bd4437;--ink:#202321;--muted:#6f716c;
      --paper:#f7f4ed;--surface:#fffdf8;--sand:#eee8dc;--sage:#dce7df;
      --line:#ded8cc;--deep:#292b29;--radius:18px;
      --shadow:0 16px 40px rgba(44,39,31,.09);--max:1240px;
    }
    *,*::before,*::after{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.8;font-size:16px}
    h1,h2,h3,h4,p{margin-top:0}
    h1,h2,h3{letter-spacing:-.045em;line-height:1.25}
    h1{font-size:clamp(36px,5vw,68px);margin-bottom:22px}
    h2{font-size:clamp(28px,3.4vw,44px);margin-bottom:18px}
    h3{font-size:21px;margin-bottom:10px}
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%;width:100%;object-fit:cover}
    button,input,textarea{font:inherit}
    button{cursor:pointer}
    .container{width:min(calc(100% - 48px),var(--max));margin:auto}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--coral-dark);font-weight:700;font-size:13px;letter-spacing:.08em}
    .eyebrow:before{content:"";width:24px;height:2px;background:var(--coral)}
    .section{padding:96px 0}
    .section-head{max-width:720px;margin-bottom:40px}
    .section-head p{font-size:17px;color:var(--muted)}
    .site-header{position:sticky;top:0;z-index:20;background:rgba(247,244,237,.95);border-bottom:1px solid rgba(222,216,204,.85);backdrop-filter:blur(12px)}
    .nav-wrap{min-height:78px;display:flex;align-items:center;gap:22px}
    .brand{font-weight:850;font-size:22px;letter-spacing:-.04em;white-space:nowrap}
    .brand i{display:inline-block;width:10px;height:10px;background:var(--coral);border-radius:50%;margin:0 7px 2px 2px}
    .main-nav{display:flex;gap:5px;align-items:center;flex:1;justify-content:center}
    .main-nav a{font-size:14px;color:#62635e;padding:9px 11px;border-radius:999px;white-space:nowrap;transition:.2s}
    .main-nav a:hover,.main-nav a:focus,.main-nav a.active{background:var(--ink);color:#fff}
    .nav-cta,.btn{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:0 20px;border-radius:999px;border:1px solid transparent;font-weight:700;transition:.2s}
    .nav-cta,.btn-primary{background:var(--coral);color:#fff}
    .nav-cta:hover,.btn-primary:hover{background:var(--coral-dark);transform:translateY(-2px);box-shadow:0 8px 18px rgba(233,99,77,.22)}
    .btn-secondary{border-color:var(--ink);color:var(--ink);background:transparent}
    .btn-secondary:hover{background:var(--ink);color:#fff}
    .btn:focus-visible,.nav-cta:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(233,99,77,.4);outline-offset:3px}
    .menu-toggle{display:none;background:none;border:0;font-size:24px;color:var(--ink)}
    .hero{color:#fff;min-height:570px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(29,29,27,.91),rgba(29,29,27,.5)),url('/assets/images/backpic/back-3.webp') center/cover}
    .hero-inner{padding:88px 0 82px;max-width:850px}
    .hero .eyebrow{color:#ffd0bd}.hero .eyebrow:before{background:#ffd0bd}
    .hero p{max-width:730px;color:rgba(255,255,255,.84);font-size:19px}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
    .hero .btn-secondary{border-color:rgba(255,255,255,.65);color:#fff}
    .crumbs{padding:20px 0 0;color:var(--muted);font-size:13px}
    .crumbs a{color:var(--coral-dark)}
    .summary-band{background:var(--deep);color:#fff;padding:42px 0}
    .summary-grid{display:grid;grid-template-columns:1.2fr 2fr 1fr;gap:30px;align-items:center}
    .summary-grid p{margin:0;color:#d7d9d2}
    .summary-number{font-size:54px;line-height:1;color:#ffb19d;font-weight:800}
    .summary-label{color:#d7d9d2;font-size:14px}
    .topic-row{display:flex;gap:10px;overflow:auto;padding:5px 0 12px;margin-bottom:35px}
    .chip{border:1px solid var(--line);background:var(--surface);padding:9px 17px;border-radius:999px;white-space:nowrap;color:var(--muted);transition:.2s}
    .chip:hover,.chip.active{background:var(--coral);border-color:var(--coral);color:#fff}
    .faq-layout{display:grid;grid-template-columns:3fr 7fr;gap:70px;align-items:start}
    .aside-note{position:sticky;top:110px;background:var(--sage);border-radius:var(--radius);padding:28px}
    .aside-note strong{display:block;font-size:22px;margin-bottom:10px}
    .aside-note p{color:#50665b;margin-bottom:18px}
    .faq-wrap{border-top:1px solid var(--line)}
    .faq-item{border-bottom:1px solid var(--line);background:transparent}
    .faq-item summary{list-style:none;padding:22px 48px 22px 0;font-size:18px;font-weight:750;cursor:pointer;position:relative}
    .faq-item summary::-webkit-details-marker{display:none}
    .faq-item summary:after{content:"＋";position:absolute;right:5px;top:18px;color:var(--coral);font-size:25px;font-weight:400;transition:.2s}
    .faq-item[open] summary:after{content:"−";transform:rotate(180deg)}
    .faq-answer{padding:0 42px 23px 0;color:var(--muted);max-width:760px}
    .guide-section{background:var(--surface)}
    .guide-grid{display:grid;grid-template-columns:5fr 7fr;gap:58px;align-items:center}
    .guide-image{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);position:relative}
    .guide-image img{height:420px}
    .guide-image figcaption{position:absolute;bottom:0;left:0;right:0;padding:30px 22px 18px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.7));font-size:14px}
    .check-list{list-style:none;padding:0;margin:24px 0}
    .check-list li{padding:15px 0 15px 34px;border-bottom:1px solid var(--line);position:relative}
    .check-list li:before{content:"✓";position:absolute;left:0;top:14px;color:var(--coral);font-weight:800}
    .notice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
    .notice{padding:27px;background:#ebe6db;border:1px solid var(--line);border-radius:14px}
    .notice p{color:var(--muted);margin:0;font-size:15px}
    .consult{background:var(--coral);color:#fff;padding:82px 0}
    .contact-grid{display:grid;grid-template-columns:7fr 5fr;gap:55px;align-items:center}
    .consult p{color:rgba(255,255,255,.84);font-size:17px}
    .contact-form{background:#fff;padding:26px;border-radius:15px;color:var(--ink);box-shadow:var(--shadow)}
    .contact-form label{font-size:13px;font-weight:700;display:block;margin-bottom:5px}
    .contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin-bottom:13px;background:#fffdf8}
    .contact-form textarea{min-height:100px;resize:vertical}
    .contact-form .btn{width:100%;border:0}
    .form-note{font-size:12px;color:var(--muted);margin:10px 0 0}
    .footer{background:var(--deep);color:#fff;padding:65px 0 20px}
    .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:38px}
    .footer .brand{display:inline-block}.footer p{color:#c5c8c0;font-size:14px}
    .footer h3{font-size:15px;color:#fff;letter-spacing:0;margin-bottom:15px}
    .footer-grid>div>a:not(.brand){display:block;color:#c5c8c0;font-size:14px;padding:3px 0}
    .footer-grid>div>a:not(.brand):hover{color:#ffad99}
    .copyright{border-top:1px solid rgba(255,255,255,.14);margin-top:45px;padding-top:18px;display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap;color:#aeb2aa;font-size:12px}
    .copyright a{display:inline;color:#ffb09c}
    .back-top{position:fixed;right:22px;bottom:22px;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--coral-dark);box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.2s}
    .back-top.show{opacity:1;pointer-events:auto}
    @media(max-width:1050px){.main-nav{gap:1px}.main-nav a{padding:8px 7px;font-size:13px}.footer-grid{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:768px){
      .container{width:min(calc(100% - 32px),var(--max))}
      .nav-wrap{min-height:68px}.menu-toggle{display:block;margin-left:auto}.nav-cta{display:none}
      .main-nav{display:flex;justify-content:flex-start;overflow:auto;order:3;width:100%;flex-basis:100%;padding-bottom:8px}
      .nav-wrap{flex-wrap:wrap;gap:10px}.main-nav a{font-size:13px}
      .brand{font-size:20px}.hero{min-height:540px}.hero-inner{padding:70px 0}
      .summary-grid,.faq-layout,.guide-grid,.contact-grid{grid-template-columns:1fr;gap:30px}
      .aside-note{position:static}.guide-image img{height:320px}
      .section{padding:70px 0}.notice-grid{grid-template-columns:1fr}
    }
    @media(max-width:520px){
      body{font-size:15px}h1{font-size:36px}h2{font-size:29px}.hero p{font-size:17px}
      .hero-actions .btn{width:100%}.summary-number{font-size:43px}.faq-item summary{font-size:16px;padding-right:35px}
      .footer-grid{grid-template-columns:1fr}.copyright{display:block}.copyright span{display:block;margin-bottom:9px}
      .contact-form{padding:20px}
    }

/* roulang page: category6 */
:root{
      --coral:#e9634d;
      --coral-dark:#bd4437;
      --ink:#202321;
      --muted:#6f716c;
      --paper:#f7f4ed;
      --surface:#fffdf8;
      --sand:#eee8dc;
      --sage:#dce7df;
      --line:#ded8cc;
      --deep:#292b29;
      --deep-soft:#363934;
      --radius:18px;
      --radius-sm:11px;
      --shadow:0 16px 40px rgba(44,39,31,.09);
      --shadow-hover:0 22px 48px rgba(44,39,31,.14);
      --max:1240px;
    }

    *,
    *::before,
    *::after{box-sizing:border-box}

    html{scroll-behavior:smooth}

    body{
      margin:0;
      background:var(--paper);
      color:var(--ink);
      font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
      font-size:16px;
      line-height:1.8;
      overflow-x:hidden;
    }

    h1,h2,h3,h4,p{margin-top:0}
    h1,h2,h3,h4{line-height:1.3;letter-spacing:-.035em}
    h1{font-size:clamp(2.25rem,5vw,4.5rem);margin-bottom:22px}
    h2{font-size:clamp(1.8rem,3vw,2.75rem);margin-bottom:16px}
    h3{font-size:1.32rem;margin-bottom:10px}
    p{margin-bottom:16px}
    a{color:inherit;text-decoration:none}
    img{display:block;width:100%;max-width:100%;object-fit:cover}
    button,input,textarea{font:inherit}
    button{cursor:pointer}
    ul{margin-top:0}
    .container{width:min(calc(100% - 48px),var(--max));margin:0 auto}
    .section{padding:94px 0}
    .section-head{max-width:740px;margin-bottom:42px}
    .section-head p{font-size:17px;color:var(--muted);max-width:680px}
    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:8px;
      color:var(--coral-dark);
      font-weight:800;
      font-size:13px;
      letter-spacing:.08em;
      margin-bottom:15px;
    }
    .eyebrow::before{content:"";width:24px;height:2px;background:var(--coral)}
    .muted{color:var(--muted)}
    .small{font-size:14px;color:var(--muted)}

    .site-header{
      position:sticky;
      top:0;
      z-index:30;
      background:rgba(247,244,237,.95);
      border-bottom:1px solid rgba(222,216,204,.88);
      backdrop-filter:blur(12px);
    }

    .nav-wrap{
      min-height:78px;
      display:flex;
      align-items:center;
      gap:24px;
    }

    .brand{
      display:inline-flex;
      align-items:center;
      font-weight:850;
      font-size:22px;
      letter-spacing:-.04em;
      white-space:nowrap;
    }

    .brand i{
      display:inline-block;
      width:10px;
      height:10px;
      background:var(--coral);
      border-radius:50%;
      margin:0 7px 2px 2px;
    }

    .main-nav{
      display:flex;
      gap:6px;
      align-items:center;
      justify-content:center;
      flex:1;
      min-width:0;
    }

    .main-nav a{
      color:#62635e;
      font-size:14px;
      padding:9px 12px;
      border-radius:999px;
      white-space:nowrap;
      transition:.2s ease;
    }

    .main-nav a:hover,
    .main-nav a:focus,
    .main-nav a.active{
      background:var(--ink);
      color:#fff;
    }

    .nav-cta,.btn{
      display:inline-flex;
      justify-content:center;
      align-items:center;
      min-height:46px;
      padding:0 20px;
      border-radius:999px;
      border:1px solid transparent;
      font-weight:750;
      transition:.2s ease;
    }

    .nav-cta,.btn-primary{
      background:var(--coral);
      color:#fff;
    }

    .nav-cta:hover,.btn-primary:hover{
      background:var(--coral-dark);
      color:#fff;
      transform:translateY(-2px);
      box-shadow:0 8px 18px rgba(233,99,77,.22);
    }

    .btn-secondary{
      border-color:var(--ink);
      color:var(--ink);
      background:transparent;
    }

    .btn-secondary:hover{
      background:var(--ink);
      color:#fff;
    }

    .btn-light{
      background:#fff;
      color:var(--ink);
    }

    .btn-light:hover{
      background:#ffe3d9;
      color:var(--ink);
      transform:translateY(-2px);
    }

    .btn:focus-visible,
    .nav-cta:focus-visible,
    a:focus-visible,
    input:focus-visible,
    textarea:focus-visible,
    summary:focus-visible,
    button:focus-visible{
      outline:3px solid rgba(233,99,77,.4);
      outline-offset:3px;
    }

    .menu-toggle{
      display:none;
      background:none;
      border:0;
      color:var(--ink);
      font-size:24px;
      line-height:1;
      padding:8px;
    }

    .subnav{
      border-top:1px solid rgba(222,216,204,.65);
      background:rgba(255,253,248,.78);
    }

    .subnav-inner{
      display:flex;
      align-items:center;
      gap:12px;
      min-height:50px;
      overflow-x:auto;
      scrollbar-width:none;
    }

    .subnav-inner::-webkit-scrollbar{display:none}
    .subnav-label{
      color:var(--muted);
      font-size:13px;
      white-space:nowrap;
      font-weight:700;
    }

    .subnav a{
      display:inline-flex;
      align-items:center;
      min-height:32px;
      padding:4px 13px;
      border:1px solid transparent;
      border-radius:999px;
      color:var(--muted);
      font-size:13px;
      white-space:nowrap;
      transition:.2s ease;
    }

    .subnav a:hover,
    .subnav a.active{
      background:#ffe0d3;
      border-color:#f2b6a5;
      color:#963d31;
    }

    .hero-scenario{
      position:relative;
      min-height:610px;
      display:flex;
      align-items:center;
      color:#fff;
      background:
        linear-gradient(90deg,rgba(30,29,27,.93) 0%,rgba(30,29,27,.76) 47%,rgba(30,29,27,.45) 100%),
        url('/assets/images/backpic/back-2.webp') center/cover;
    }

    .hero-scenario::after{
      content:"";
      position:absolute;
      right:6%;
      bottom:52px;
      width:180px;
      height:2px;
      background:var(--coral);
      box-shadow:0 12px 0 rgba(233,99,77,.35),0 24px 0 rgba(233,99,77,.13);
    }

    .hero-inner{
      width:100%;
      padding:84px 0 78px;
    }

    .hero-grid{
      display:grid;
      grid-template-columns:7fr 5fr;
      gap:60px;
      align-items:center;
    }

    .hero .eyebrow{color:#ffd0bd}
    .hero-scenario .eyebrow{color:#ffd0bd}
    .hero-scenario .eyebrow::before{background:#ffd0bd}
    .hero-copy{max-width:760px}
    .hero-copy p{
      color:rgba(255,255,255,.83);
      font-size:18px;
      max-width:700px;
    }

    .hero-actions{
      display:flex;
      flex-wrap:wrap;
      gap:12px;
      margin:28px 0 26px;
    }

    .hero-scenario .btn-secondary{
      color:#fff;
      border-color:rgba(255,255,255,.58);
    }

    .hero-scenario .btn-secondary:hover{
      background:#fff;
      color:var(--ink);
    }

    .hero-note{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      color:rgba(255,255,255,.72);
      font-size:13px;
    }

    .hero-note span{
      padding:5px 11px;
      border:1px solid rgba(255,255,255,.25);
      border-radius:999px;
    }

    .hero-panel{
      position:relative;
      padding:26px;
      border:1px solid rgba(255,255,255,.26);
      background:rgba(255,255,255,.1);
      border-radius:var(--radius);
      box-shadow:0 20px 60px rgba(0,0,0,.2);
      backdrop-filter:blur(5px);
    }

    .hero-panel img{
      height:260px;
      border-radius:13px;
      margin-bottom:20px;
      filter:saturate(.88);
    }

    .hero-panel-top{
      display:flex;
      justify-content:space-between;
      gap:12px;
      align-items:center;
      margin-bottom:13px;
    }

    .heat-badge{
      display:inline-flex;
      align-items:center;
      gap:6px;
      background:#ffd4c4;
      color:#933b2f;
      padding:5px 10px;
      border-radius:999px;
      font-weight:800;
      font-size:12px;
    }

    .hero-panel h3{margin-bottom:6px}
    .hero-panel p{font-size:14px;margin-bottom:0;color:rgba(255,255,255,.73)}

    .route-strip{
      padding:18px 0;
      background:var(--deep);
      color:#fff;
    }

    .route-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:0;
    }

    .route-step{
      position:relative;
      display:flex;
      gap:13px;
      align-items:center;
      padding:8px 24px;
      border-right:1px solid rgba(255,255,255,.16);
    }

    .route-step:last-child{border-right:0}
    .route-number{
      color:#ffad99;
      font-size:22px;
      font-weight:850;
      line-height:1;
    }

    .route-step strong{display:block;font-size:14px}
    .route-step span{display:block;color:#c9cbc4;font-size:12px}

    .scenario-switch{
      background:var(--surface);
      border-bottom:1px solid var(--line);
    }

    .switch-wrap{
      display:flex;
      align-items:center;
      gap:18px;
      padding:22px 0;
      overflow-x:auto;
      scrollbar-width:none;
    }

    .switch-wrap::-webkit-scrollbar{display:none}
    .switch-title{font-weight:800;white-space:nowrap}
    .scenario-tab{
      border:1px solid var(--line);
      background:var(--paper);
      color:var(--muted);
      border-radius:999px;
      padding:10px 18px;
      white-space:nowrap;
      transition:.2s ease;
    }

    .scenario-tab:hover,
    .scenario-tab.active{
      color:#fff;
      background:var(--coral);
      border-color:var(--coral);
    }

    .scenario-panel{
      display:grid;
      grid-template-columns:5fr 7fr;
      gap:64px;
      align-items:start;
    }

    .scenario-image{
      position:relative;
    }

    .scenario-image img{
      height:500px;
      border-radius:var(--radius);
      box-shadow:var(--shadow);
    }

    .image-caption{
      position:absolute;
      left:20px;
      right:20px;
      bottom:20px;
      padding:15px 17px;
      background:rgba(32,35,33,.88);
      color:#fff;
      border-radius:12px;
      font-size:13px;
    }

    .scenario-content{padding-top:10px}
    .scenario-content h2{max-width:560px}
    .scenario-content > p{font-size:17px;color:var(--muted);max-width:650px}

    .focus-box{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:14px;
      margin:28px 0;
    }

    .focus-item{
      padding:18px;
      background:var(--sand);
      border-left:3px solid var(--coral);
      border-radius:10px;
    }

    .focus-item strong{display:block;margin-bottom:5px}
    .focus-item span{font-size:14px;color:var(--muted)}

    .step-list{
      counter-reset:step;
      list-style:none;
      padding:0;
      margin:28px 0 0;
    }

    .step-list li{
      counter-increment:step;
      display:grid;
      grid-template-columns:48px 1fr;
      gap:16px;
      padding:18px 0;
      border-bottom:1px solid var(--line);
    }

    .step-list li::before{
      content:counter(step,decimal-leading-zero);
      color:var(--coral);
      font-size:18px;
      font-weight:850;
    }

    .step-list strong{display:block;margin-bottom:3px}
    .step-list span{display:block;color:var(--muted);font-size:15px}

    .scenario-alt{
      background:#ebe6dc;
    }

    .alt-grid{
      display:grid;
      grid-template-columns:4fr 8fr;
      gap:68px;
      align-items:start;
    }

    .alt-intro p{color:var(--muted);font-size:17px}
    .signal-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}
    .signal{
      display:flex;
      gap:14px;
      padding:21px;
      background:var(--surface);
      border:1px solid var(--line);
      border-radius:14px;
      transition:.22s ease;
    }

    .signal:hover{
      transform:translateY(-3px);
      box-shadow:var(--shadow);
    }

    .signal-mark{
      flex:0 0 32px;
      width:32px;
      height:32px;
      display:grid;
      place-items:center;
      border-radius:50%;
      background:var(--sage);
      color:#365347;
      font-weight:850;
    }

    .signal h3{font-size:17px;margin-bottom:5px}
    .signal p{font-size:14px;color:var(--muted);margin-bottom:0}

    .comparison-section{background:var(--deep);color:#fff}
    .comparison-section .section-head p{color:#c9cbc4}
    .comparison-grid{
      display:grid;
      grid-template-columns:4fr 5fr 3fr;
      gap:16px;
      align-items:stretch;
    }

    .compare-card{
      position:relative;
      padding:28px;
      border-radius:var(--radius);
      background:#e9e4d9;
      color:var(--ink);
      transition:.22s ease;
    }

    .compare-card:hover{
      transform:translateY(-4px);
      box-shadow:0 18px 38px rgba(0,0,0,.2);
    }

    .compare-card.featured{
      background:var(--coral);
      color:#fff;
      transform:translateY(-12px);
      border-top:4px solid #ffd0bd;
    }

    .compare-card.featured:hover{transform:translateY(-16px)}
    .compare-card p{font-size:14px;color:var(--muted)}
    .compare-card.featured p{color:#ffe9e2}
    .compare-card ul{padding-left:20px;margin-bottom:22px}
    .compare-card li{margin-bottom:8px}
    .compare-card.featured li::marker{color:#ffd0bd}
    .recommended{
      display:inline-flex;
      background:#fff;
      color:#963d31;
      border-radius:999px;
      padding:4px 10px;
      font-size:12px;
      font-weight:850;
      margin-bottom:17px;
    }

    .compare-meta{
      display:flex;
      justify-content:space-between;
      gap:12px;
      padding-top:16px;
      border-top:1px solid rgba(32,35,33,.15);
      font-size:13px;
      color:var(--muted);
    }

    .compare-card.featured .compare-meta{
      border-color:rgba(255,255,255,.25);
      color:#ffe9e2;
    }

    .notice{
      margin-top:28px;
      padding:18px 20px;
      border:1px solid rgba(255,255,255,.2);
      border-radius:12px;
      color:#d9dbd4;
      font-size:14px;
    }

    .timeline-section{background:var(--paper)}
    .timeline{
      position:relative;
      max-width:980px;
      margin:0 auto;
    }

    .timeline::before{
      content:"";
      position:absolute;
      left:28px;
      top:12px;
      bottom:12px;
      width:1px;
      background:var(--line);
    }

    .timeline-item{
      position:relative;
      display:grid;
      grid-template-columns:58px 1fr;
      gap:25px;
      padding:0 0 32px;
    }

    .timeline-dot{
      position:relative;
      z-index:1;
      width:58px;
      height:58px;
      display:grid;
      place-items:center;
      border-radius:50%;
      background:var(--surface);
      border:1px solid var(--line);
      color:var(--coral);
      font-weight:850;
      box-shadow:0 4px 12px rgba(44,39,31,.06);
    }

    .timeline-body{
      background:var(--surface);
      border:1px solid var(--line);
      border-radius:14px;
      padding:21px 24px;
    }

    .timeline-body h3{margin-bottom:7px}
    .timeline-body p{color:var(--muted);margin-bottom:0;font-size:15px}

    .faq-section{background:#ebe6dc}
    .faq-wrap{max-width:950px;margin:0 auto}
    .faq-item{
      border-top:1px solid #d4cdbf;
      transition:.2s ease;
    }

    .faq-item:last-child{border-bottom:1px solid #d4cdbf}
    .faq-item summary{
      list-style:none;
      cursor:pointer;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:20px;
      padding:21px 4px;
      font-weight:800;
      font-size:17px;
    }

    .faq-item summary::-webkit-details-marker{display:none}
    .faq-item summary::after{
      content:"+";
      color:var(--coral);
      font-size:25px;
      font-weight:400;
      transition:.2s ease;
    }

    .faq-item[open] summary::after{
      content:"−";
      transform:rotate(180deg);
    }

    .faq-answer{
      max-width:800px;
      padding:0 44px 22px 4px;
      color:var(--muted);
      font-size:15px;
    }

    .consult-cta{
      padding:72px 0;
      background:
        linear-gradient(105deg,rgba(41,43,41,.97),rgba(41,43,41,.82)),
        url('/assets/images/backpic/back-3.webp') center/cover;
      color:#fff;
    }

    .cta-grid{
      display:grid;
      grid-template-columns:7fr 5fr;
      gap:50px;
      align-items:center;
    }

    .consult-cta p{color:#d7d9d2;max-width:700px}
    .cta-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}

    .contact-section{background:var(--surface)}
    .contact-grid{
      display:grid;
      grid-template-columns:5fr 7fr;
      gap:58px;
      align-items:start;
    }

    .contact-copy p{color:var(--muted)}
    .contact-points{list-style:none;padding:0;margin:26px 0 0}
    .contact-points li{
      padding:13px 0;
      border-bottom:1px solid var(--line);
      color:var(--muted);
    }

    .contact-points strong{display:block;color:var(--ink);margin-bottom:3px}
    .contact-form{
      background:var(--paper);
      padding:28px;
      border:1px solid var(--line);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
    }

    .contact-form label{
      display:block;
      font-size:13px;
      font-weight:800;
      margin-bottom:6px;
    }

    .contact-form input,
    .contact-form textarea{
      width:100%;
      border:1px solid var(--line);
      border-radius:9px;
      padding:11px 13px;
      margin-bottom:16px;
      background:#fffdf8;
      color:var(--ink);
      box-shadow:none;
      transition:.2s ease;
    }

    .contact-form input:hover,
    .contact-form textarea:hover{border-color:#c4bbae}
    .contact-form input:focus,
    .contact-form textarea:focus{
      border-color:var(--coral);
      box-shadow:0 0 0 3px rgba(233,99,77,.12);
      outline:0;
    }

    .form-row{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:16px;
    }

    .form-note{
      margin-top:10px;
      color:var(--muted);
      font-size:12px;
    }

    .footer{
      padding:62px 0 22px;
      background:var(--deep);
      color:#fff;
    }

    .footer-grid{
      display:grid;
      grid-template-columns:1.45fr 1fr 1fr 1.1fr;
      gap:38px;
      padding-bottom:44px;
    }

    .footer .brand{color:#fff}
    .footer p{color:#bfc2ba;font-size:14px}
    .footer h3{
      color:#fff;
      font-size:14px;
      letter-spacing:.02em;
      margin-bottom:15px;
    }

    .footer-grid > div > a:not(.brand){
      display:block;
      width:max-content;
      max-width:100%;
      color:#bfc2ba;
      font-size:14px;
      padding:3px 0;
      transition:.2s ease;
    }

    .footer-grid > div > a:not(.brand):hover{
      color:#ffd0bd;
      transform:translateX(3px);
    }

    .copyright{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:14px;
      padding-top:20px;
      border-top:1px solid rgba(255,255,255,.14);
      color:#aeb2aa;
      font-size:12px;
      flex-wrap:wrap;
    }

    .copyright a{display:inline;color:#ffd0bd}
    .back-top{
      position:fixed;
      right:22px;
      bottom:22px;
      z-index:25;
      width:42px;
      height:42px;
      border:1px solid var(--line);
      border-radius:50%;
      background:var(--surface);
      color:var(--ink);
      box-shadow:var(--shadow);
      opacity:0;
      pointer-events:none;
      transition:.2s ease;
    }

    .back-top.visible{
      opacity:1;
      pointer-events:auto;
    }

    .back-top:hover{
      background:var(--coral);
      border-color:var(--coral);
      color:#fff;
    }

    @media (max-width:1024px){
      .container{width:min(calc(100% - 40px),var(--max))}
      .nav-wrap{gap:14px}
      .main-nav{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}
      .main-nav::-webkit-scrollbar{display:none}
      .main-nav a{padding-left:10px;padding-right:10px}
      .hero-grid,.cta-grid{gap:34px}
      .comparison-grid{grid-template-columns:1fr 1fr}
      .compare-card.featured{transform:none}
      .compare-card.featured:hover{transform:translateY(-4px)}
      .compare-card:last-child{grid-column:1 / -1}
      .footer-grid{grid-template-columns:1.3fr 1fr 1fr}
      .footer-grid > div:last-child{grid-column:1 / -1}
    }

    @media (max-width:768px){
      .container{width:min(calc(100% - 32px),var(--max))}
      .nav-wrap{min-height:68px}
      .brand{font-size:20px}
      .menu-toggle{display:block}
      .nav-cta{min-height:42px;padding:0 14px;font-size:13px}
      .main-nav{
        display:none;
        position:absolute;
        top:68px;
        left:0;
        right:0;
        padding:12px 16px 16px;
        background:var(--paper);
        border-bottom:1px solid var(--line);
        box-shadow:0 12px 24px rgba(44,39,31,.08);
        flex-wrap:wrap;
        overflow:visible;
      }

      .main-nav.open{display:flex}
      .main-nav a{font-size:13px}
      .subnav-label{display:none}
      .subnav-inner{gap:7px}
      .hero-scenario{min-height:auto}
      .hero-inner{padding:66px 0 60px}
      .hero-grid,.scenario-panel,.alt-grid,.cta-grid,.contact-grid{
        grid-template-columns:1fr;
      }
      .hero-copy p{font-size:16px}
      .hero-panel{max-width:600px}
      .hero-panel img{height:230px}
      .route-grid{grid-template-columns:1fr 1fr}
      .route-step:nth-child(2){border-right:0}
      .route-step{padding:11px 12px}
      .route-step:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.16)}
      .section{padding:70px 0}
      .scenario-image img{height:360px}
      .focus-box,.signal-list{grid-template-columns:1fr}
      .comparison-grid{grid-template-columns:1fr}
      .comparison-grid .compare-card:last-child{grid-column:auto}
      .timeline-item{gap:15px}
      .timeline-body{padding:18px}
      .cta-actions{justify-content:flex-start}
      .footer-grid{grid-template-columns:1fr 1fr;gap:28px}
      .footer-grid > div:first-child,
      .footer-grid > div:last-child{grid-column:1 / -1}
    }

    @media (max-width:520px){
      h1{font-size:2.25rem}
      h2{font-size:1.85rem}
      .hero-actions,.cta-actions{flex-direction:column;align-items:stretch}
      .hero-actions .btn,.cta-actions .btn{width:100%}
      .hero-panel{padding:16px}
      .hero-panel img{height:190px}
      .route-grid{grid-template-columns:1fr}
      .route-step,
      .route-step:nth-child(-n+2){border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}
      .route-step:last-child{border-bottom:0}
      .scenario-image img{height:280px}
      .timeline::before{left:22px}
      .timeline-item{grid-template-columns:44px 1fr}
      .timeline-dot{width:44px;height:44px;font-size:13px}
      .form-row{grid-template-columns:1fr;gap:0}
      .contact-form{padding:20px}
      .footer-grid{grid-template-columns:1fr}
      .footer-grid > div{grid-column:auto!important}
      .copyright{display:block}
      .copyright span{display:block;margin-bottom:7px}
    }