/* roulang page: index */
:root{
            --ink:#182331;
            --muted:#6d7888;
            --soft:#f5f7fb;
            --line:#e7ebf2;
            --white:#fff;
            --coral:#ff6b4a;
            --violet:#6658e8;
            --mint:#dff8ed;
            --radius:24px;
            --shadow:0 18px 55px rgba(32,43,66,.09);
            --shadow-sm:0 8px 24px rgba(32,43,66,.07);
        }
        *{box-sizing:border-box}
        html{scroll-behavior:smooth}
        body{margin:0;background:var(--soft);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}
        a{text-decoration:none;color:inherit}
        button,input{font:inherit}
        button{cursor:pointer;border:0}
        img{max-width:100%;display:block}
        .container{width:min(1160px,calc(100% - 40px));margin:0 auto}
        .site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(231,235,242,.85)}
        .nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
        .brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.04em;font-size:20px;white-space:nowrap}
        .brand-mark{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--coral),var(--violet));position:relative;box-shadow:0 7px 16px rgba(102,88,232,.22)}
        .brand-mark:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#fff;top:8px;left:8px;box-shadow:9px 9px 0 rgba(255,255,255,.7)}
        .nav-tabs{display:flex;align-items:center;gap:6px;padding:5px;border:1px solid var(--line);background:#fafbfe;border-radius:16px}
        .nav-tabs a{padding:7px 16px;border-radius:11px;color:var(--muted);font-size:14px;font-weight:700;transition:.25s}
        .nav-tabs a:hover,.nav-tabs a.active{color:var(--ink);background:#fff;box-shadow:0 4px 12px rgba(36,48,77,.08)}
        .nav-action{padding:11px 18px;border-radius:13px;background:var(--ink);color:#fff;font-size:14px;font-weight:700;transition:.25s}
        .nav-action:hover{background:var(--violet);transform:translateY(-2px)}
        .menu-btn{display:none;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 11px;color:var(--ink)}
        .hero{padding:76px 0 54px;position:relative;overflow:hidden;background:#fff}
        .hero:before{content:"";position:absolute;width:560px;height:560px;right:-190px;top:-240px;border-radius:50%;background:radial-gradient(circle,rgba(255,107,74,.14),transparent 68%)}
        .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center;position:relative}
        .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--violet);font-size:13px;font-weight:800;letter-spacing:.08em}
        .eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--coral);display:inline-block}
        h1{font-size:clamp(42px,5.5vw,72px);line-height:1.13;letter-spacing:-.065em;margin:19px 0 22px;max-width:720px}
        .hero-copy{font-size:17px;color:var(--muted);max-width:650px;margin:0 0 29px}
        .hero-buttons{display:flex;gap:12px;flex-wrap:wrap}
        .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:13px 21px;font-weight:800;font-size:14px;transition:.25s}
        .btn-primary{background:var(--coral);color:#fff;box-shadow:0 10px 22px rgba(255,107,74,.22)}
        .btn-primary:hover{background:#e95738;transform:translateY(-2px)}
        .btn-light{background:#fff;color:var(--ink);border:1px solid var(--line)}
        .btn-light:hover{border-color:var(--violet);color:var(--violet);transform:translateY(-2px)}
        .hero-stage{min-height:365px;border-radius:34px;padding:24px;background:linear-gradient(145deg,#202b3c,#3c3e73);box-shadow:var(--shadow);position:relative;overflow:hidden;color:#fff}
        .hero-stage:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;right:-70px;bottom:-100px;background:rgba(255,107,74,.34)}
        .stage-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}
        .stage-label{font-size:12px;color:#cbd2df}
        .stage-dot{width:10px;height:10px;border-radius:50%;background:#72e0ac;box-shadow:0 0 0 5px rgba(114,224,172,.14)}
        .stage-title{font-size:32px;line-height:1.2;letter-spacing:-.04em;font-weight:800;margin:62px 0 28px;max-width:310px;position:relative;z-index:1}
        .stage-list{display:grid;gap:10px;position:relative;z-index:1}
        .stage-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.09);border-radius:14px;font-size:13px}
        .stage-item span{color:#bfc8d9}
        .section{padding:76px 0}
        .section-white{background:#fff}
        .section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}
        .section-kicker{font-size:12px;color:var(--coral);font-weight:800;letter-spacing:.12em;text-transform:uppercase}
        h2{font-size:clamp(27px,3vw,40px);line-height:1.25;letter-spacing:-.045em;margin:7px 0 0}
        .section-intro{color:var(--muted);max-width:590px;margin:0;font-size:15px}
        .search-panel{margin-top:0;background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--shadow-sm);display:flex;gap:14px;align-items:center}
        .search-field{display:flex;align-items:center;gap:11px;flex:1;background:var(--soft);border-radius:14px;padding:0 15px;color:var(--muted)}
        .search-field input{border:0;outline:0;background:transparent;width:100%;padding:12px 0;color:var(--ink)}
        .search-field input:focus{box-shadow:0 2px 0 var(--violet)}
        .quick-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
        .tag{display:inline-flex;padding:6px 11px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--muted);font-size:12px;transition:.2s}
        .tag:hover{border-color:var(--coral);color:var(--coral)}
        .matrix{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
        .matrix-card{padding:23px;background:#fff;border:1px solid var(--line);border-radius:20px;min-height:148px;transition:.25s}
        .matrix-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-sm);border-color:#d7d1ff}
        .matrix-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#f0efff;color:var(--violet);font-weight:900;margin-bottom:17px}
        .matrix-card h3,.content-card h3,.resource h3{font-size:17px;margin:0 0 5px;letter-spacing:-.025em}
        .matrix-card p,.content-card p,.resource p{font-size:13px;color:var(--muted);margin:0}
        .feature-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
        .feature-main{border-radius:26px;padding:30px;background:linear-gradient(140deg,#fff1ed,#fff);border:1px solid #ffe0d8;min-height:265px}
        .feature-main h3{font-size:28px;line-height:1.3;max-width:430px;margin:30px 0 12px}
        .feature-side{display:grid;gap:18px}
        .mini-card{padding:23px;border-radius:22px;background:#fff;border:1px solid var(--line)}
        .mini-card strong{font-size:26px;display:block;margin-bottom:2px}
        .mini-card span{font-size:13px;color:var(--muted)}
        .content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
        .content-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:.25s}
        .content-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-4px)}
        .card-art{height:142px;padding:18px;display:flex;justify-content:space-between;align-items:flex-end;background:linear-gradient(135deg,#6158df,#9d91ff);color:#fff}
        .card-art.orange{background:linear-gradient(135deg,#ff704e,#ffc078)}
        .card-art.dark{background:linear-gradient(135deg,#203044,#49637d)}
        .card-art b{font-size:25px;letter-spacing:-.06em}
        .card-body{padding:20px}
        .card-meta{font-size:11px;color:var(--coral);font-weight:800;margin-bottom:8px}
        .rank-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
        .rank-item{display:flex;align-items:center;gap:15px;padding:17px;background:#fff;border:1px solid var(--line);border-radius:17px}
        .rank-num{font-size:23px;color:var(--violet);font-weight:900;min-width:29px}
        .rank-item strong{font-size:15px;display:block}.rank-item span{font-size:12px;color:var(--muted)}
        .resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
        .resource{padding:25px;background:#202b3c;color:#fff;border-radius:22px;min-height:175px}
        .resource:nth-child(2){background:#6658e8}.resource:nth-child(3){background:#dc674b}
        .resource p{color:rgba(255,255,255,.72);margin-top:9px}
        .resource a{display:inline-block;margin-top:20px;font-size:13px;font-weight:800;color:#fff;border-bottom:1px solid rgba(255,255,255,.5)}
        .news-layout{display:grid;grid-template-columns:1fr .9fr;gap:30px;align-items:start}
        .news-list{border-top:1px solid var(--line)}
        .news-item{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}
        .news-item b{font-size:15px}.news-item span{font-size:12px;color:var(--muted);white-space:nowrap}
        .quote-box{padding:30px;border-radius:24px;background:#eff9f5;border:1px solid #d4f0e4}
        .quote-box p{font-size:20px;line-height:1.55;letter-spacing:-.03em;margin:0 0 15px}
        .quote-box small{color:var(--muted)}
        .metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:24px;background:#fff;overflow:hidden}
        .metric{padding:26px 22px;border-right:1px solid var(--line)}.metric:last-child{border:0}
        .metric strong{font-size:32px;letter-spacing:-.06em;display:block}.metric span{font-size:12px;color:var(--muted)}
        .trust-band{background:#202b3c;color:#fff;padding:53px 0}
        .trust-row{display:flex;justify-content:space-between;align-items:center;gap:30px}
        .trust-row h2{max-width:500px}.trust-row p{color:#b8c1cf;max-width:480px;font-size:14px}
        .final-cta{padding:80px 0;background:linear-gradient(110deg,#fff1ed,#f0efff)}
        .cta-box{text-align:center;max-width:700px;margin:auto}.cta-box p{color:var(--muted);font-size:16px;margin:14px auto 25px}
        .site-footer{background:#fff;border-top:1px solid var(--line);padding:38px 0 24px}
        .footer-top{display:flex;justify-content:space-between;gap:30px;padding-bottom:28px}
        .footer-copy{color:var(--muted);font-size:13px;max-width:350px;margin-top:12px}
        .footer-links{display:flex;gap:30px;font-size:13px;color:var(--muted)}.footer-links a:hover{color:var(--coral)}
        .copyright{border-top:1px solid var(--line);padding-top:18px;color:#98a1af;font-size:12px}
        :focus-visible{outline:3px solid rgba(102,88,232,.35);outline-offset:3px}
        @media(max-width:900px){.hero-grid,.feature-grid,.news-layout{grid-template-columns:1fr}.hero-stage{min-height:310px}.matrix{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.resource-grid{grid-template-columns:1fr 1fr}.resource:last-child{grid-column:span 2}}
        @media(max-width:680px){.container{width:min(100% - 28px,560px)}.nav-wrap{height:68px}.nav-tabs,.nav-action{display:none}.menu-btn{display:block}.nav-tabs.open{display:flex;position:absolute;top:68px;left:14px;right:14px;flex-direction:column;align-items:stretch;padding:9px;background:#fff;box-shadow:var(--shadow)}.nav-tabs.open a{padding:12px 15px}.hero{padding:52px 0 38px}h1{font-size:43px}.hero-copy{font-size:15px}.section{padding:55px 0}.section-head{display:block}.section-intro{margin-top:12px}.search-panel{display:block}.search-panel .btn{width:100%;margin-top:12px}.content-grid,.resource-grid,.rank-list{grid-template-columns:1fr}.resource:last-child{grid-column:auto}.matrix{gap:10px}.matrix-card{padding:18px;min-height:135px}.feature-main{min-height:230px}.metrics{grid-template-columns:1fr 1fr}.metric{padding:20px 15px}.metric strong{font-size:25px}.trust-row,.footer-top{display:block}.trust-row p{margin:14px 0 20px}.footer-links{margin-top:24px;flex-wrap:wrap;gap:18px}}

/* roulang page: category1 */
:root{--ink:#182331;--muted:#6d7888;--soft:#f5f7fb;--line:#e7ebf2;--white:#fff;--coral:#ff6b4a;--violet:#6658e8;--mint:#dff8ed;--radius:24px;--shadow:0 18px 55px rgba(32,43,66,.09);--shadow-sm:0 8px 24px rgba(32,43,66,.07)}
    *,*::before,*::after{box-sizing:border-box}
    html{scroll-behavior:smooth;scroll-padding-top:95px}
    body{margin:0;background:var(--soft);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}
    a{text-decoration:none;color:inherit}
    button,input{font:inherit}
    button{cursor:pointer;border:0}
    img{max-width:100%;display:block}
    :focus-visible{outline:3px solid var(--violet);outline-offset:3px}
    .container{width:min(1160px,calc(100% - 40px));margin:0 auto}
    .site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(231,235,242,.85)}
    .nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.04em;font-size:20px;white-space:nowrap}
    .brand-mark{width:34px;height:34px;flex:none;border-radius:11px;background:linear-gradient(135deg,var(--coral),var(--violet));position:relative;box-shadow:0 7px 16px rgba(102,88,232,.22)}
    .brand-mark:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#fff;top:8px;left:8px;box-shadow:9px 9px 0 rgba(255,255,255,.7)}
    .nav-tabs{display:flex;align-items:center;gap:6px;padding:5px;border:1px solid var(--line);background:#fafbfe;border-radius:16px}
    .nav-tabs a{padding:7px 16px;border-radius:11px;color:var(--muted);font-size:14px;font-weight:700;transition:.25s}
    .nav-tabs a:hover,.nav-tabs a.active{color:var(--ink);background:#fff;box-shadow:0 4px 12px rgba(36,48,77,.08)}
    .nav-action{padding:11px 18px;border-radius:13px;background:var(--ink);color:#fff;font-size:14px;font-weight:700;transition:.25s;white-space:nowrap}
    .nav-action:hover{background:var(--violet);transform:translateY(-2px)}
    .menu-btn{display:none;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 11px;color:var(--ink)}
    .hero{padding:76px 0 54px;position:relative;overflow:hidden;background:#fff}
    .hero:before{content:"";position:absolute;width:560px;height:560px;right:-190px;top:-240px;border-radius:50%;background:radial-gradient(circle,rgba(255,107,74,.14),transparent 68%)}
    .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center;position:relative}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--violet);font-size:13px;font-weight:800;letter-spacing:.08em}
    .eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--coral);display:inline-block}
    .hero-copy{font-size:17px;color:var(--muted);max-width:650px;margin:0 0 29px}
    .hero-buttons{display:flex;gap:12px;flex-wrap:wrap}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:13px 21px;font-weight:800;font-size:14px;transition:.25s}
    .btn-primary{background:var(--coral);color:#fff;box-shadow:0 10px 22px rgba(255,107,74,.22)}
    .btn-primary:hover{background:#e95738;transform:translateY(-2px)}
    .btn-light{background:#fff;color:var(--ink);border:1px solid var(--line)}
    .btn-light:hover{border-color:var(--violet);color:var(--violet);transform:translateY(-2px)}
    .hero-stage{min-height:365px;border-radius:34px;padding:24px;background:linear-gradient(145deg,#202b3c,#3c3e73);box-shadow:var(--shadow);position:relative;overflow:hidden;color:#fff}
    .hero-stage:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;right:-70px;bottom:-100px;background:rgba(255,107,74,.34)}
    .stage-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}
    .stage-label{font-size:12px;color:#cbd2df}
    .stage-dot{width:10px;height:10px;border-radius:50%;background:#72e0ac;box-shadow:0 0 0 5px rgba(114,224,172,.14)}
    .stage-title{font-size:32px;line-height:1.2;letter-spacing:-.04em;font-weight:800;margin:62px 0 28px;max-width:310px;position:relative;z-index:1}
    .stage-list{display:grid;gap:10px;position:relative;z-index:1}
    .stage-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.09);border-radius:14px;font-size:13px}
    .stage-item span{color:#bfc8d9}
    .section{padding:76px 0}
    .section-white{background:#fff}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}
    .section-kicker{font-size:12px;color:var(--coral);font-weight:800;letter-spacing:.12em}
    .section-intro{color:var(--muted);max-width:590px;margin:0;font-size:15px}
    .search-panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--shadow-sm);display:flex;gap:14px;align-items:center}
    .search-field{display:flex;align-items:center;gap:11px;flex:1;background:var(--soft);border-radius:14px;padding:0 15px;color:var(--muted)}
    .search-field input{border:0;outline:0;background:transparent;width:100%;min-width:0;padding:12px 0;color:var(--ink)}
    .search-field:focus-within{box-shadow:0 0 0 2px rgba(102,88,232,.28)}
    .quick-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
    .tag{display:inline-flex;padding:6px 11px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--muted);font-size:12px;transition:.2s}
    .tag:hover{border-color:var(--coral);color:var(--coral)}
    .matrix-card{padding:23px;background:#fff;border:1px solid var(--line);border-radius:20px;min-height:148px;transition:.25s}
    .matrix-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-sm);border-color:#d7d1ff}
    .matrix-card h3,.content-card h3,.resource h3{font-size:17px;margin:0 0 5px;letter-spacing:-.025em}
    .matrix-card p,.content-card p,.resource p{font-size:13px;color:var(--muted);margin:0}
    .feature-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
    .feature-main{border-radius:26px;padding:30px;background:linear-gradient(140deg,#fff1ed,#fff);border:1px solid #ffe0d8;min-height:265px}
    .feature-main h3{font-size:28px;line-height:1.3;max-width:430px;margin:30px 0 12px}
    .feature-side{display:grid;gap:18px}
    .mini-card{padding:23px;border-radius:22px;background:#fff;border:1px solid var(--line)}
    .mini-card strong{font-size:26px;display:block;margin-bottom:2px}
    .mini-card span{font-size:13px;color:var(--muted)}
    .content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .content-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:.25s}
    .content-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}
    .content-card-body{padding:22px}
    .resource{padding:23px;border-radius:20px;border:1px solid var(--line);background:#fff}
    .site-footer{background:#182331;color:#fff;padding:55px 0 24px}
    .footer-top{display:flex;justify-content:space-between;gap:40px;padding-bottom:40px}
    .footer-copy{max-width:350px;color:#afbac9;font-size:14px;margin:17px 0 0}
    .footer-links{display:flex;align-items:start;flex-wrap:wrap;gap:12px 25px;color:#c5ced9;font-size:14px}
    .footer-links a:hover{color:#fff}
    .copyright{border-top:1px solid rgba(255,255,255,.12);padding-top:20px;color:#96a4b5;font-size:12px}
    /* 分类页 */
    .inner-hero{padding:72px 0 67px}
    .inner-hero .hero-grid{grid-template-columns:1.12fr .88fr}
    .inner-hero h1{font-size:clamp(36px,5vw,62px);line-height:1.15;letter-spacing:-.055em;font-weight:850;margin:17px 0 20px}
    .accent{color:var(--violet)}
    .hero-search{max-width:570px}
    .hero-search .search-panel{padding:9px 9px 9px 12px;border-radius:19px}
    .hero-search .search-field{background:transparent}
    .hero-search .btn{white-space:nowrap}
    .search-note{min-height:22px;font-size:13px;color:var(--muted);margin:10px 4px 0}
    .stage-title{margin:45px 0 25px}
    .stage-number{font-size:13px;font-weight:800;color:#ffe3dc}
    .section-title{font-size:clamp(27px,3.5vw,39px);line-height:1.24;letter-spacing:-.045em;font-weight:800;margin:8px 0 10px}
    .metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .metric{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:25px;box-shadow:var(--shadow-sm)}
    .metric:nth-child(2){background:#f0eeff;border-color:#e5e0ff}
    .metric:nth-child(3){background:#fff2ed;border-color:#ffe5dd}
    .metric .num{font-size:39px;line-height:1;color:var(--violet);font-weight:850;letter-spacing:-.06em}
    .metric:nth-child(3) .num{color:var(--coral)}
    .metric h3{font-size:17px;margin:14px 0 4px;font-weight:800}
    .metric p{margin:0;color:var(--muted);font-size:13px}
    .service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
    .service-card{display:flex;align-items:start;gap:18px;min-height:150px}
    .icon-tile{width:46px;height:46px;flex:none;display:grid;place-items:center;border-radius:15px;background:#eeedff;color:var(--violet);font-weight:850;font-size:19px}
    .service-card:nth-child(even) .icon-tile{background:#fff0ea;color:var(--coral)}
    .service-card h3{font-size:18px;margin:0 0 7px;font-weight:800}
    .service-card p{font-size:14px;color:var(--muted);margin:0}
    .compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
    .compare-card{padding:31px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}
    .compare-card.emphasis{background:linear-gradient(145deg,#292e50,#443f83);border-color:transparent;color:#fff}
    .compare-card h3{font-size:21px;font-weight:800;margin:0 0 17px}
    .compare-card ul,.assurance-list{margin:0;padding:0;list-style:none;display:grid;gap:14px}
    .compare-card li{display:flex;gap:11px;font-size:14px;color:var(--muted)}
    .compare-card.emphasis li{color:#e3e3f4}
    .list-dot{width:8px;height:8px;flex:none;margin-top:9px;border-radius:50%;background:var(--coral)}
    .compare-card.emphasis .list-dot{background:#8ce0c0}
    .milestones{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .milestone{position:relative;padding:24px;border:1px solid var(--line);border-radius:21px;background:#fff}
    .milestone .step{display:inline-flex;padding:4px 10px;border-radius:999px;background:#f0eeff;color:var(--violet);font-size:12px;font-weight:800}
    .milestone h3{font-size:18px;font-weight:800;margin:18px 0 6px}
    .milestone p{font-size:14px;color:var(--muted);margin:0}
    .article-art{height:126px;padding:20px;display:flex;align-items:end;background:linear-gradient(130deg,#eeeaff,#dcd8ff);position:relative;overflow:hidden}
    .article-art:after{content:"";position:absolute;width:155px;height:155px;right:-22px;top:-55px;border:24px solid rgba(255,255,255,.38);border-radius:50%}
    .content-card:nth-child(2) .article-art{background:linear-gradient(130deg,#ffede6,#ffd6c9)}
    .content-card:nth-child(3) .article-art{background:linear-gradient(130deg,#e4f8ee,#c8ecd9)}
    .article-art span{position:relative;z-index:1;padding:5px 10px;border-radius:9px;background:rgba(255,255,255,.86);font-size:12px;font-weight:800}
    .content-card h3{margin:9px 0 8px}
    .content-card p{line-height:1.7}
    .article-more{display:inline-flex;margin-top:17px;font-size:13px;font-weight:800;color:var(--violet)}
    .article-more:hover{color:var(--coral)}
    .resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .resource{min-height:190px;transition:.25s}
    .resource:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}
    .resource h3{margin:13px 0 8px}
    .resource-index{color:var(--coral);font-weight:850;font-size:13px}
    .assurance-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:32px;align-items:center;padding:35px;border-radius:30px;background:#202b3c;color:#fff;box-shadow:var(--shadow)}
    .assurance-panel .section-intro{color:#bdc8d7}
    .assurance-list{grid-template-columns:1fr 1fr}
    .assurance-list li{padding:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:17px}
    .assurance-list strong{display:block;font-size:15px;margin-bottom:4px}
    .assurance-list span{font-size:13px;color:#c3ccda}
    .answer-strip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}
    .answer-item{padding:22px;border-radius:19px;background:#fff;border:1px solid var(--line)}
    .answer-item strong{display:block;font-size:15px;margin-bottom:7px}
    .answer-item p{margin:0;font-size:13px;color:var(--muted)}
    .faq-list{display:grid;gap:12px;max-width:850px}
    .faq-list details{border:1px solid var(--line);background:#fff;border-radius:17px;padding:0 21px;transition:border-color .2s,box-shadow .2s}
    .faq-list details:hover,.faq-list details[open]{border-color:#d9d2ff;box-shadow:var(--shadow-sm)}
    .faq-list summary{cursor:pointer;list-style:none;padding:18px 28px 18px 0;font-weight:800;position:relative}
    .faq-list summary::-webkit-details-marker{display:none}
    .faq-list summary:after{content:"＋";position:absolute;right:0;top:18px;color:var(--violet)}
    .faq-list details[open] summary:after{content:"－"}
    .faq-list p{font-size:14px;color:var(--muted);margin:0;padding:0 0 19px}
    .entry-panel{display:grid;grid-template-columns:.95fr 1.05fr;gap:32px;align-items:center;padding:36px;background:linear-gradient(135deg,#fff1ec,#f1efff);border:1px solid #eee3f4;border-radius:30px}
    .entry-panel .search-panel{padding:10px;box-shadow:none}
    .entry-panel .search-field{background:transparent}
    .entry-panel .section-intro{margin-top:12px}
    .entry-panel .btn{white-space:nowrap}
    [hidden]{display:none!important}
    @media(max-width:1024px){
      .hero-grid,.inner-hero .hero-grid{gap:30px}
      .stage-title{font-size:28px}
      .section{padding:62px 0}
      .assurance-panel{grid-template-columns:1fr}
    }
    @media(max-width:768px){
      .nav-wrap{height:68px;gap:12px}
      .brand{font-size:18px}
      .menu-btn{display:block;margin-left:auto}
      .nav-action{padding:9px 12px}
      .nav-tabs{display:none;position:absolute;top:68px;left:20px;right:20px;padding:9px;background:#fff;box-shadow:var(--shadow);border-radius:17px}
      .nav-tabs.is-open{display:flex}
      .nav-tabs a{flex:1;text-align:center}
      .hero,.inner-hero{padding:53px 0}
      .hero-grid,.inner-hero .hero-grid{grid-template-columns:1fr}
      .hero-stage{min-height:300px}
      .stage-title{margin:34px 0 20px}
      .content-grid,.resource-grid,.milestones,.answer-strip{grid-template-columns:repeat(2,1fr)}
      .section-head{align-items:start;flex-direction:column;gap:8px}
      .footer-top{flex-direction:column;gap:25px}
    }
    @media(max-width:520px){
      .container{width:min(100% - 30px,1160px)}
      .brand{font-size:16px;gap:8px}
      .brand-mark{width:30px;height:30px}
      .nav-action{font-size:12px;padding:8px 10px}
      .menu-btn{font-size:12px;padding:7px 9px}
      .inner-hero h1{font-size:36px}
      .hero-copy{font-size:15px}
      .section{padding:49px 0}
      .hero-stage{min-height:0;padding:21px}
      .stage-title{font-size:25px}
      .metric-grid,.service-grid,.compare-grid,.milestones,.content-grid,.resource-grid,.answer-strip,.assurance-list,.entry-panel{grid-template-columns:1fr}
      .metric{padding:20px}
      .service-card{min-height:0}
      .assurance-panel,.entry-panel{padding:23px}
      .search-panel,.hero-search .search-panel{flex-wrap:wrap}
      .search-field{flex-basis:100%}
      .search-panel .btn{width:100%}
      .footer-links{gap:10px 18px}
    }
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}