/* roulang page: index */ :root{ --blue:#1769aa;--blue-dark:#0e4f88;--teal:#1d9a8a;--orange:#e8873a; --ink:#17324b;--muted:#60758a;--bg:#f7fafc;--line:#dce7ef;--white:#fff; --deep:#102b46;--radius:15px;--shadow:0 12px 30px rgba(28,72,105,.09); --soft-shadow:0 5px 18px rgba(28,72,105,.07) } *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{max-width:1200px;margin:auto;padding:0 22px}.topbar{height:34px;background:#eef5f9;color:#557086;font-size:12px}.topbar .container,.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.topbar span{margin-right:24px}.site-header{background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid transparent;transition:.25s}.site-header.scrolled{box-shadow:0 5px 20px rgba(25,70,100,.1);border-color:var(--line)}.nav-inner{height:76px;gap:22px}.logo{display:flex;align-items:center;gap:10px;color:var(--blue);font-size:20px;font-weight:800;white-space:nowrap}.logo-mark{width:31px;height:31px;border:2px solid var(--blue);border-radius:8px;position:relative}.logo-mark:before,.logo-mark:after{content:"";position:absolute;background:var(--teal);height:2px;transform:rotate(-28deg);left:5px;right:5px}.logo-mark:before{top:10px}.logo-mark:after{top:17px;background:var(--blue)}.nav-links{display:flex;align-items:center;gap:4px;margin-left:auto}.nav-links a{padding:10px 12px;color:#4b6579;font-size:14px;position:relative;white-space:nowrap}.nav-links a:hover,.nav-links a.active{color:var(--blue)}.nav-links a.active:after{content:"";position:absolute;height:2px;background:var(--blue);bottom:2px;left:12px;right:12px}.menu-toggle{display:none;background:none;border:0;color:var(--blue);font-size:26px;min-height:44px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 21px;border-radius:8px;font-weight:700;font-size:14px;border:1px solid transparent;transition:.25s}.btn-primary{background:var(--blue);color:white;box-shadow:0 6px 14px rgba(23,105,170,.2)}.btn-primary:hover{background:var(--blue-dark);transform:translateY(-2px)}.btn-light{background:#eaf4fb;color:var(--blue)}.btn-light:hover{background:#dcecf7}.btn-outline{border-color:#8cb6d2;color:white}.btn-outline:hover{background:#fff;color:var(--blue)}.btn:focus,.nav-links a:focus,input:focus,textarea:focus,select:focus{outline:3px solid rgba(29,154,138,.3);outline-offset:2px}.hero{min-height:620px;position:relative;overflow:hidden;background:#dcecf5}.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .7s}.hero-slide.active{opacity:1}.hero-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,39,64,.88) 0%,rgba(8,39,64,.7) 42%,rgba(8,39,64,.05) 78%)}.hero-content{position:relative;z-index:2;padding-top:120px;color:white;max-width:650px}.eyebrow,.section-kicker{font-size:13px;letter-spacing:2px;font-weight:800;color:var(--teal);text-transform:none}.hero .eyebrow{color:#8fe0d4}.hero h1{font-size:52px;line-height:1.18;margin:15px 0 22px;letter-spacing:-1px}.hero p{font-size:17px;color:#e3eff5;margin:0 0 30px;max-width:620px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-bottom{position:absolute;z-index:3;bottom:30px;right:calc((100% - 1156px)/2);display:flex;align-items:center;gap:15px;color:#fff;font-size:13px}.progress{width:130px;height:3px;background:rgba(255,255,255,.3)}.progress i{display:block;height:100%;width:33%;background:#8fe0d4;transition:.4s}.hero-control{width:42px;height:42px;border:1px solid rgba(255,255,255,.7);background:transparent;color:#fff;border-radius:50%}.section{padding:100px 0}.section.alt{background:#edf5f9}.section-head{max-width:700px;margin-bottom:42px}.section-head h2{font-size:34px;line-height:1.3;margin:8px 0 13px}.section-head p{color:var(--muted);margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:center}.media-card{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#fff}.media-card img{width:100%;height:410px;object-fit:cover}.feature-list{list-style:none;padding:0;margin:25px 0}.feature-list li{display:flex;gap:13px;padding:14px 0;border-bottom:1px solid var(--line);color:#415c70}.feature-list b{color:var(--teal);font-size:20px}.info-strip{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.tag{display:inline-flex;padding:4px 10px;border-radius:5px;background:#e9f5f3;color:#217e73;font-size:12px;font-weight:700}.matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card,.product-card,.quote-card,.story-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--soft-shadow);transition:.25s}.service-card:hover,.product-card:hover,.quote-card:hover,.story-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#9cc6dd}.service-card{padding:25px}.service-num{color:var(--blue);font-weight:800;font-size:13px}.service-card h3{font-size:20px;margin:12px 0 8px}.service-card p,.product-card p,.quote-card p,.story-card p{color:var(--muted);font-size:14px;margin:0 0 16px}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{font-size:12px;padding:3px 8px;border:1px solid var(--line);color:#61798c;border-radius:4px}.advantage{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.advantage-grid{display:grid;grid-template-columns:35% 1fr;gap:70px;align-items:center}.big-number{font-size:68px;line-height:1;color:var(--blue);font-weight:800}.big-number small{font-size:18px;color:var(--teal)}.advantage-copy{display:grid;grid-template-columns:1fr 1fr;gap:20px}.advantage-copy div{padding:18px;border-left:3px solid var(--teal);background:#f4fafb}.advantage-copy h3{font-size:18px;margin:0 0 4px}.advantage-copy p{font-size:14px;color:var(--muted);margin:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.step{padding:0 25px 0 0;position:relative}.step:not(:last-child):after{content:"→";position:absolute;right:18px;top:8px;color:var(--orange);font-size:25px}.step-no{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#e4f2f8;color:var(--blue);font-weight:800}.step h3{font-size:18px;margin:15px 0 5px}.step p{color:var(--muted);font-size:14px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{overflow:hidden}.product-card.featured{margin-top:-12px;border-top:4px solid var(--blue)}.product-card img{height:210px;width:100%;object-fit:cover}.product-card-body{padding:23px}.product-card h3{font-size:21px;margin:0 0 8px}.dark-section{background:var(--deep);color:white}.dark-section .section-head p{color:#b7cad7}.dark-layout{display:grid;grid-template-columns:40% 1fr;gap:60px;align-items:center}.report{background:#173c5c;border:1px solid #44718e;border-radius:12px;padding:25px;box-shadow:0 20px 38px rgba(0,0,0,.18)}.report-top{display:flex;justify-content:space-between;border-bottom:1px solid #41637a;padding-bottom:13px;color:#d5e6ef}.report-line{height:9px;background:#2d5772;margin:20px 0;border-radius:3px}.report-line.short{width:62%}.report-chart{height:125px;margin-top:22px;display:flex;align-items:end;gap:8px}.report-chart i{flex:1;background:var(--teal);opacity:.85}.stories{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.story-stack{display:grid;gap:18px}.story-card{padding:25px}.story-card.big{min-height:270px;background:#e9f4f8}.story-card h3{font-size:21px;margin:12px 0 7px}.stats{background:#eaf5fa}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat{text-align:center;border-right:1px solid #cbdde6}.stat:last-child{border:0}.stat strong{display:block;font-size:38px;color:var(--blue);line-height:1.2}.stat span{font-size:14px;color:var(--muted)}.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quote-card{padding:25px;position:relative}.quote-card:before{content:"“";font-size:56px;color:#b9dce5;position:absolute;right:20px;top:3px}.quote-meta{font-size:13px;color:var(--blue);font-weight:700;margin-bottom:13px}.news-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:30px}.featured-news{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--soft-shadow);border:1px solid var(--line)}.featured-news img{height:240px;width:100%;object-fit:cover}.featured-news div{padding:22px}.featured-news h3{font-size:22px;margin:0 0 8px}.news-list{list-style:none;margin:0;padding:0}.news-list li{border-bottom:1px solid var(--line);padding:18px 0}.news-list a{font-weight:700}.news-list a:hover{color:var(--blue)}.news-list time{display:block;font-size:12px;color:#8a9baa;margin-top:5px}.faq-layout{display:grid;grid-template-columns:34% 1fr;gap:70px}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;min-height:54px;text-align:left;background:none;border:0;color:var(--ink);font-weight:700;padding:14px 38px 14px 0;position:relative}.faq-q:after{content:"＋";position:absolute;right:4px;color:var(--blue);font-size:20px}.faq-q.open:after{content:"－"}.faq-a{display:none;color:var(--muted);font-size:14px;padding:0 35px 17px 0}.faq-a.open{display:block}.guarantee{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.guarantee div{padding:22px;border-right:1px solid var(--line)}.guarantee div:last-child{border:0}.guarantee b{display:block;color:var(--blue);font-size:17px;margin-bottom:5px}.guarantee span{color:var(--muted);font-size:13px}.contact{background:#eef5f9}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:start}.contact h2{font-size:34px;line-height:1.3;margin:8px 0 15px}.contact-copy{color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-group label{font-size:13px;font-weight:700;display:block;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{width:100%;border:1px solid #cbdce6;background:#fff;border-radius:7px;padding:10px 12px;color:var(--ink)}.form-group textarea{min-height:100px;resize:vertical}.full{grid-column:1/-1}.privacy{font-size:12px;color:#7890a0;margin:10px 0}.success{display:none;color:var(--teal);font-size:14px;margin-top:10px}.footer{background:#102b46;color:#b6cad8;padding:58px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:38px}.footer .logo{color:white}.footer h3{color:white;font-size:15px;margin:0 0 14px}.footer p,.footer li{font-size:13px;margin:5px 0}.footer ul{list-style:none;padding:0;margin:0}.footer a:hover{color:#8fe0d4}.copyright{border-top:1px solid #2c4a61;margin-top:38px;padding-top:18px;font-size:12px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap} @media(max-width:1023px){.nav-links{gap:0}.nav-links a{padding:9px 7px;font-size:13px}.nav-links a.active:after{left:7px;right:7px}.nav-inner{gap:10px}.hero-content{padding-top:105px}.hero-bottom{right:22px}.section{padding:78px 0}.advantage-grid,.dark-layout,.faq-layout{gap:35px}.matrix{grid-template-columns:repeat(2,1fr)}} @media(max-width:767px){.topbar{height:32px}.topbar span:nth-child(2){display:none}.topbar .container{font-size:11px}.nav-inner{height:66px}.logo{font-size:17px}.logo-mark{width:27px;height:27px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:98px;left:0;right:0;background:#fff;padding:10px 22px 20px;box-shadow:0 12px 20px rgba(20,60,90,.12);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{min-height:44px;padding:10px 0;border-bottom:1px solid #edf2f5}.nav-links a.active:after{left:0;right:auto;width:35px;bottom:5px}.nav-cta{display:none}.hero{min-height:560px}.hero-slide:after{background:linear-gradient(90deg,rgba(8,39,64,.9),rgba(8,39,64,.48))}.hero-content{padding-top:90px}.hero h1{font-size:35px}.hero p{font-size:15px}.hero-bottom{bottom:20px;left:22px;right:22px;justify-content:flex-end}.section{padding:65px 0}.section-head h2,.contact h2{font-size:28px}.split,.advantage-grid,.dark-layout,.stories,.news-layout,.contact-layout,.faq-layout{grid-template-columns:1fr}.split{gap:28px}.media-card img{height:270px}.matrix,.products,.quotes{grid-template-columns:1fr}.product-card.featured{margin-top:0}.advantage-copy{grid-template-columns:1fr}.big-number{font-size:54px}.steps{grid-template-columns:1fr;gap:22px;border-left:2px solid #c3dce8;padding-left:22px}.step{padding:0}.step:not(:last-child):after{content:"↓";right:auto;left:-40px;top:43px}.stat-grid{grid-template-columns:1fr 1fr;gap:0}.stat{padding:15px 5px;border-right:1px solid #cbdde6;border-bottom:1px solid #cbdde6}.stat:nth-child(2){border-right:0}.stat:nth-child(3),.stat:nth-child(4){border-bottom:0}.stat strong{font-size:29px}.guarantee{grid-template-columns:1fr 1fr}.guarantee div:nth-child(2){border-right:0}.guarantee div:nth-child(3),.guarantee div:nth-child(4){border-top:1px solid var(--line)}.guarantee div:nth-child(4){border-right:0}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.copyright{display:block}.copyright span{display:block;margin-top:7px}} @media(max-width:390px){.container{padding:0 16px}.hero h1{font-size:32px}.hero-actions .btn{width:100%}.footer-grid{grid-template-columns:1fr}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}} /* roulang page: category2 */ :root{ --blue:#1769aa;--blue-dark:#0e4f88;--teal:#1d9a8a;--orange:#e8873a; --ink:#17324b;--muted:#60758a;--bg:#f7fafc;--line:#dce7ef;--white:#fff; --deep:#102b46;--radius:15px;--shadow:0 12px 30px rgba(28,72,105,.09); --soft-shadow:0 5px 18px rgba(28,72,105,.07) } *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;font-size:16px;line-height:1.75} a{color:inherit;text-decoration:none} img{max-width:100%;display:block} button,input,select,textarea{font:inherit} button{cursor:pointer} .container{max-width:1200px;margin:auto;padding:0 22px} .topbar{height:34px;background:#eef5f9;color:#557086;font-size:12px} .topbar .container,.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between} .topbar span{margin-right:24px} .site-header{background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid transparent;transition:.25s} .site-header.scrolled{box-shadow:0 5px 20px rgba(25,70,100,.1);border-color:var(--line)} .nav-inner{height:76px;gap:22px} .logo{display:flex;align-items:center;gap:10px;color:var(--blue);font-size:20px;font-weight:800;white-space:nowrap} .logo-mark{width:31px;height:31px;border:2px solid var(--blue);border-radius:8px;position:relative;flex:0 0 auto} .logo-mark:before,.logo-mark:after{content:"";position:absolute;background:var(--teal);height:2px;transform:rotate(-28deg);left:5px;right:5px} .logo-mark:before{top:10px}.logo-mark:after{top:17px;background:var(--blue)} .nav-links{display:flex;align-items:center;gap:4px;margin-left:auto} .nav-links a{padding:10px 12px;color:#4b6579;font-size:14px;position:relative;white-space:nowrap} .nav-links a:hover,.nav-links a.active{color:var(--blue)} .nav-links a.active:after{content:"";position:absolute;height:2px;background:var(--blue);bottom:2px;left:12px;right:12px} .menu-toggle{display:none;background:none;border:0;color:var(--blue);font-size:26px;min-height:44px;padding:0 8px} .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 21px;border-radius:8px;font-weight:700;font-size:14px;border:1px solid transparent;transition:.25s} .btn-primary{background:var(--blue);color:#fff;box-shadow:0 6px 14px rgba(23,105,170,.2)} .btn-primary:hover{background:var(--blue-dark);transform:translateY(-2px)} .btn-light{background:#eaf4fb;color:var(--blue)} .btn-light:hover{background:#dcecf7} .btn:focus,.nav-links a:focus,.menu-toggle:focus,input:focus,textarea:focus,select:focus,.faq-question:focus{outline:3px solid rgba(29,154,138,.32);outline-offset:2px} .section{padding:94px 0} .section.alt{background:#edf5f9} .section-kicker{font-size:13px;letter-spacing:1.8px;font-weight:800;color:var(--teal)} .section-head{max-width:760px;margin-bottom:36px} .section-head h2{font-size:34px;line-height:1.3;margin:8px 0 12px;letter-spacing:-.4px} .section-head p{color:var(--muted);margin:0} .page-intro{background:#edf5f9;position:relative;overflow:hidden;padding:54px 0 60px;border-bottom:1px solid var(--line)} .page-intro:after{content:"";position:absolute;width:410px;height:410px;border:1px solid rgba(23,105,170,.14);border-radius:50%;right:-100px;top:-245px;box-shadow:0 0 0 36px rgba(23,105,170,.045),0 0 0 72px rgba(29,154,138,.035)} .breadcrumb{font-size:13px;color:#6b8294;margin-bottom:16px} .breadcrumb a{color:var(--blue)}.breadcrumb span{margin:0 8px;color:#9aabb7} .page-intro h1{font-size:46px;line-height:1.22;margin:0 0 14px;letter-spacing:-1px;position:relative;z-index:1} .page-intro p{margin:0;max-width:760px;color:var(--muted);position:relative;z-index:1} .intro-metrics{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px;position:relative;z-index:1} .metric-chip{background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px 12px;color:#476277;font-size:13px;box-shadow:var(--soft-shadow)} .metric-chip b{color:var(--blue);margin-right:5px} .overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px} .overview-item{background:#fff;padding:22px 19px;border:1px solid var(--line);border-radius:12px;box-shadow:var(--soft-shadow)} .overview-item .num{font-size:28px;line-height:1;color:var(--blue);font-weight:800;margin-bottom:9px} .overview-item h3{font-size:16px;margin:0 0 4px}.overview-item p{margin:0;color:var(--muted);font-size:13px;line-height:1.65} .data-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px;align-items:start} .filter-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--soft-shadow);padding:20px;position:sticky;top:126px} .filter-panel h3{font-size:18px;margin:0 0 15px} .filter-group{border-top:1px solid var(--line);padding:14px 0 2px} .filter-group:first-of-type{border-top:0;padding-top:0} .filter-group h4{font-size:13px;color:#60758a;margin:0 0 8px} .filter-option{display:flex;align-items:center;gap:8px;color:#496477;font-size:14px;padding:7px 0} .filter-option input{accent-color:var(--blue)} .data-list{display:flex;flex-direction:column;gap:13px} .data-listing{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 22px;box-shadow:var(--soft-shadow);display:grid;grid-template-columns:125px minmax(0,1fr) 30px;gap:18px;align-items:center;transition:.25s} .data-listing:hover{transform:translateY(-3px);border-color:#9cc6dd;box-shadow:var(--shadow)} .list-date{font-size:13px;color:#698195}.list-date strong{display:block;color:var(--blue);font-size:15px;margin-bottom:3px} .list-main h3{font-size:18px;line-height:1.45;margin:0 0 6px}.list-main p{margin:0 0 10px;color:var(--muted);font-size:14px;line-height:1.65} .tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{font-size:12px;padding:3px 8px;border:1px solid var(--line);color:#61798c;border-radius:4px;background:#fbfdfe} .list-arrow{font-size:25px;color:var(--blue);text-align:right} .load-more{margin-top:22px;text-align:center} .load-more a{font-weight:700;color:var(--blue);display:inline-flex;align-items:center;gap:7px;min-height:44px} .load-more a:hover{color:var(--blue-dark)} .fields-wrap{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--soft-shadow)} .field-row{display:grid;grid-template-columns:22% 25% 1fr;border-bottom:1px solid var(--line)} .field-row:last-child{border-bottom:0}.field-row>div{padding:17px 20px;font-size:14px}.field-row>div:first-child{font-weight:800;color:var(--blue);background:#f5faff}.field-row>div:nth-child(2){color:#426176;border-right:1px solid var(--line)} .scenario-row{display:grid;grid-template-columns:42% 1fr;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--soft-shadow);margin-bottom:21px} .scenario-row.reverse{grid-template-columns:1fr 42%} .scenario-row img{width:100%;height:260px;object-fit:cover} .scenario-content{padding:32px 36px;display:flex;flex-direction:column;justify-content:center} .scenario-content h3{font-size:23px;line-height:1.4;margin:0 0 10px}.scenario-content p{margin:0 0 16px;color:var(--muted)} .text-link{font-size:14px;font-weight:800;color:var(--blue);display:inline-flex;align-items:center;gap:6px;min-height:44px}.text-link:hover{color:var(--blue-dark)} .update-panel{background:#f0f7fa;border:1px solid #d5e6ee;border-radius:var(--radius);padding:30px;position:relative;overflow:hidden} .update-panel:before{content:"";position:absolute;left:39px;top:85px;bottom:44px;width:1px;background:#bcd8e2} .update-item{display:grid;grid-template-columns:72px 1fr;gap:18px;position:relative;margin-bottom:24px}.update-item:last-child{margin-bottom:0} .update-icon{width:48px;height:48px;border-radius:50%;background:#fff;border:2px solid #a8d5ce;color:var(--teal);display:grid;place-items:center;font-weight:800;position:relative;z-index:1} .update-copy h3{font-size:18px;margin:0 0 4px}.update-copy p{margin:0;color:var(--muted);font-size:14px} .faq-shell{display:grid;grid-template-columns:38% 1fr;gap:60px;align-items:start} .faq-lead{padding:9px 0}.faq-lead h2{font-size:34px;line-height:1.3;margin:8px 0 14px}.faq-lead p{color:var(--muted);margin:0 0 22px} .faq-list{border-top:1px solid var(--line)} .faq-item{border-bottom:1px solid var(--line)} .faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 4px;background:transparent;border:0;text-align:left;color:var(--ink);font-size:16px;font-weight:800;min-height:58px} .faq-question b{font-size:22px;color:var(--blue);font-weight:400;transition:.2s}.faq-item.open .faq-question b{transform:rotate(45deg);color:var(--teal)} .faq-answer{display:none;background:#eff7fa;color:#587083;font-size:14px;padding:15px 18px 17px;margin:0 0 14px;border-radius:8px}.faq-item.open .faq-answer{display:block} .consult-bar{margin-top:54px;background:var(--deep);color:#fff;border-radius:var(--radius);padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:22px} .consult-bar h3{margin:0 0 4px;font-size:22px}.consult-bar p{margin:0;color:#b8cbd7;font-size:14px} .footer{background:#102b46;color:#d5e2ea;padding:62px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.25fr;gap:35px}.footer .logo{color:#fff}.footer .logo-mark{border-color:#72b6df}.footer h3{font-size:15px;color:#fff;margin:3px 0 16px}.footer p,.footer li{font-size:13px;color:#b8cbd7;margin:0 0 8px}.footer ul{padding:0;margin:0;list-style:none}.footer a:hover{color:#86d6ca}.copyright{border-top:1px solid rgba(255,255,255,.15);margin-top:38px;padding-top:17px;display:flex;justify-content:space-between;gap:16px;color:#9bb1c0;font-size:12px} @media(max-width:1100px){.nav-links{gap:0}.nav-links a{padding:10px 8px;font-size:13px}.nav-cta{padding:0 13px}.overview-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:900px){.menu-toggle{display:block;margin-left:auto}.nav-links{display:none;position:absolute;top:110px;left:0;right:0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:var(--shadow);padding:10px 22px 16px}.nav-links.open{display:flex;flex-direction:column;align-items:stretch}.nav-links a{padding:12px 8px;font-size:15px;min-height:44px}.nav-links a.active:after{left:8px;right:auto;width:80px}.nav-cta{display:none}.data-layout{grid-template-columns:1fr}.filter-panel{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:17px}.filter-panel h3{grid-column:1/-1;margin:0}.filter-group{border-top:0;padding:0}.faq-shell{grid-template-columns:1fr;gap:22px}.footer-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:640px){body{font-size:15px}.container{padding:0 16px}.topbar .container>div:first-child span:not(:first-child),.topbar .container>div:last-child{display:none}.topbar{height:32px}.nav-inner{height:68px}.logo{font-size:18px}.page-intro{padding:42px 0 46px}.page-intro h1{font-size:32px}.page-intro p{font-size:14px}.section{padding:62px 0}.section-head{margin-bottom:27px}.section-head h2,.faq-lead h2{font-size:27px}.overview-grid{grid-template-columns:1fr 1fr;gap:10px}.overview-item{padding:17px 14px}.overview-item .num{font-size:23px}.filter-panel{grid-template-columns:1fr 1fr}.data-listing{padding:16px;grid-template-columns:1fr 22px;gap:8px}.list-date{grid-column:1/-1}.list-main h3{font-size:16px}.list-arrow{grid-column:2;grid-row:2;font-size:22px}.field-row{grid-template-columns:1fr}.field-row>div{padding:13px 15px}.field-row>div:first-child{padding-bottom:8px}.field-row>div:nth-child(2){border-right:0;border-bottom:1px solid var(--line);padding-top:8px}.scenario-row,.scenario-row.reverse{grid-template-columns:1fr}.scenario-row.reverse img{grid-row:1}.scenario-row img{height:205px}.scenario-content{padding:24px 21px}.scenario-content h3{font-size:20px}.update-panel{padding:23px 18px}.update-panel:before{left:41px}.update-item{grid-template-columns:58px 1fr;gap:12px}.consult-bar{padding:26px 22px;display:block}.consult-bar .btn{margin-top:18px;width:100%}.footer{padding-top:48px}.footer-grid{grid-template-columns:1fr;gap:25px}.copyright{display:block}.copyright span{display:block;margin-bottom:8px}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}} /* roulang page: category3 */ :root{ --blue:#1769aa;--blue-dark:#0e4f88;--teal:#1d9a8a;--orange:#e8873a; --ink:#17324b;--muted:#60758a;--bg:#f7fafc;--line:#dce7ef;--white:#fff; --deep:#102b46;--radius:15px;--shadow:0 12px 30px rgba(28,72,105,.09); --soft-shadow:0 5px 18px rgba(28,72,105,.07) } *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;font-size:16px;line-height:1.75;overflow-x:hidden} a{color:inherit;text-decoration:none} img{max-width:100%;display:block} button,input,select,textarea{font:inherit} button{cursor:pointer} .container{max-width:1200px;margin:auto;padding:0 22px} .topbar{height:34px;background:#eef5f9;color:#557086;font-size:12px} .topbar .container,.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between} .topbar span{margin-right:24px} .site-header{background:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid transparent;transition:.25s} .site-header.scrolled{box-shadow:0 5px 20px rgba(25,70,100,.1);border-color:var(--line)} .nav-inner{height:76px;gap:22px} .logo{display:flex;align-items:center;gap:10px;color:var(--blue);font-size:20px;font-weight:800;white-space:nowrap} .logo-mark{width:31px;height:31px;border:2px solid var(--blue);border-radius:8px;position:relative;flex:0 0 auto} .logo-mark:before,.logo-mark:after{content:"";position:absolute;background:var(--teal);height:2px;transform:rotate(-28deg);left:5px;right:5px} .logo-mark:before{top:10px}.logo-mark:after{top:17px;background:var(--blue)} .nav-links{display:flex;align-items:center;gap:4px;margin-left:auto} .nav-links a{padding:10px 12px;color:#4b6579;font-size:14px;position:relative;white-space:nowrap;transition:.2s} .nav-links a:hover,.nav-links a.active{color:var(--blue)} .nav-links a.active:after{content:"";position:absolute;height:2px;background:var(--blue);bottom:2px;left:12px;right:12px} .menu-toggle{display:none;background:none;border:0;color:var(--blue);font-size:26px;min-height:44px} .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 21px;border-radius:8px;font-weight:700;font-size:14px;border:1px solid transparent;transition:.25s} .btn-primary{background:var(--blue);color:#fff;box-shadow:0 6px 14px rgba(23,105,170,.2)} .btn-primary:hover{background:var(--blue-dark);transform:translateY(-2px)} .btn-light{background:#eaf4fb;color:var(--blue)} .btn-light:hover{background:#dcecf7} .btn:focus,.nav-links a:focus,button:focus,input:focus,textarea:focus,select:focus{outline:3px solid rgba(29,154,138,.3);outline-offset:2px} .page-band{position:relative;overflow:hidden;background:#eaf4f9;padding:66px 0 58px;border-bottom:1px solid #d9e8f0} .page-band:before{content:"";position:absolute;width:420px;height:420px;right:-100px;top:-215px;border:1px solid rgba(23,105,170,.14);border-radius:50%} .page-band:after{content:"";position:absolute;right:6%;bottom:18px;width:220px;height:80px;background-image:linear-gradient(90deg,rgba(29,154,138,.18) 1px,transparent 1px),linear-gradient(rgba(29,154,138,.18) 1px,transparent 1px);background-size:20px 20px;transform:skewX(-24deg)} .breadcrumb{display:flex;gap:9px;align-items:center;color:#60788b;font-size:13px;margin-bottom:15px} .breadcrumb b{color:var(--blue);font-weight:700} .page-band h1{font-size:43px;line-height:1.25;margin:0 0 12px;letter-spacing:-.8px} .page-band p{margin:0;max-width:720px;color:#567087;font-size:16px} .band-mark{position:relative;z-index:1;margin-top:14px;display:flex;gap:8px;flex-wrap:wrap} .tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:5px;background:#e9f5f3;color:#217e73;font-size:12px;font-weight:700} .section{padding:92px 0} .section.alt{background:#edf5f9} .section-head{max-width:770px;margin-bottom:35px} .section-kicker{font-size:13px;letter-spacing:1.5px;font-weight:800;color:var(--teal)} .section-head h2{font-size:33px;line-height:1.3;margin:8px 0 11px;letter-spacing:-.4px} .section-head p{margin:0;color:var(--muted)} .overview-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:stretch} .overview-copy{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--soft-shadow);padding:30px} .overview-copy h3{font-size:22px;margin:0 0 10px} .overview-copy p{color:var(--muted);margin:0} .data-pill-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px} .data-pill{border:1px solid var(--line);background:#fff;border-radius:12px;padding:20px;box-shadow:var(--soft-shadow)} .data-pill strong{display:block;color:var(--blue);font-size:24px;line-height:1.2;margin-bottom:5px} .data-pill span{display:block;color:#5e768a;font-size:13px} .list-shell{display:grid;grid-template-columns:242px 1fr;gap:25px;align-items:start} .filter-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:21px;box-shadow:var(--soft-shadow);position:sticky;top:126px} .filter-panel h3{font-size:17px;margin:0 0 14px} .filter-group{border-top:1px solid var(--line);padding:14px 0 2px} .filter-group b{display:block;font-size:13px;margin-bottom:7px} .filter-option{display:flex;align-items:center;gap:8px;min-height:34px;color:#60778b;font-size:13px} .filter-option input{accent-color:var(--blue)} .data-list{display:flex;flex-direction:column;gap:13px} .data-item{display:grid;grid-template-columns:120px 1fr 34px;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:13px;padding:19px 21px;box-shadow:var(--soft-shadow);transition:.25s} .data-item:hover{border-color:#9cc6dd;box-shadow:var(--shadow);transform:translateY(-3px)} .item-date{font-size:13px;color:#638094} .item-date strong{display:block;color:var(--blue);font-size:16px;line-height:1.35} .item-content h3{font-size:18px;line-height:1.45;margin:0 0 5px} .item-content p{margin:0 0 10px;color:var(--muted);font-size:13px} .tags{display:flex;gap:7px;flex-wrap:wrap} .tags span{font-size:12px;padding:3px 8px;border:1px solid var(--line);color:#61798c;border-radius:4px;background:#fbfdfe} .item-arrow{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eaf4fb;color:var(--blue);font-size:19px;transition:.2s} .data-item:hover .item-arrow{background:var(--blue);color:#fff} .list-more{margin-top:22px;text-align:center} .field-board{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--soft-shadow)} .field-row{display:grid;grid-template-columns:1fr 1.1fr 1.4fr;border-bottom:1px solid var(--line)} .field-row:last-child{border-bottom:0} .field-row div{padding:17px 21px;font-size:14px} .field-row div:first-child{font-weight:800;color:var(--blue);background:#f7fbfd} .field-row div:nth-child(2){color:#49667b;border-left:1px solid var(--line)} .field-row div:last-child{color:var(--muted);border-left:1px solid var(--line)} .scene-row{display:grid;grid-template-columns:1fr 1.35fr;min-height:260px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--soft-shadow);margin-bottom:22px} .scene-row.reverse{grid-template-columns:1.35fr 1fr} .scene-image{min-height:230px;position:relative} .scene-image img{height:100%;width:100%;object-fit:cover} .scene-copy{padding:36px} .scene-copy h3{font-size:23px;margin:0 0 10px} .scene-copy p{margin:0 0 17px;color:var(--muted)} .text-link{color:var(--blue);font-size:14px;font-weight:800;display:inline-flex;align-items:center;gap:7px} .text-link:hover{color:var(--blue-dark)} .update-wrap{display:grid;grid-template-columns:.9fr 1.5fr;gap:26px;align-items:start} .update-note{background:#e7f4f2;border-left:4px solid var(--teal);border-radius:0 12px 12px 0;padding:25px} .update-note h3{font-size:21px;margin:0 0 8px} .update-note p{margin:0;color:#406b6b;font-size:14px} .timeline{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:9px 28px;box-shadow:var(--soft-shadow)} .timeline-item{position:relative;padding:21px 0 21px 35px;border-bottom:1px solid var(--line)} .timeline-item:last-child{border-bottom:0} .timeline-item:before{content:"";width:12px;height:12px;border-radius:50%;background:var(--teal);position:absolute;left:0;top:27px;box-shadow:0 0 0 5px #e9f5f3} .timeline-item h3{font-size:17px;margin:0 0 4px} .timeline-item p{font-size:14px;color:var(--muted);margin:0} .faq-layout{display:grid;grid-template-columns:.85fr 1.45fr;gap:45px;align-items:start} .faq-intro{padding:8px 0} .faq-intro h2{font-size:33px;line-height:1.3;margin:8px 0 13px} .faq-intro p{color:var(--muted);margin:0 0 20px} .faq-list{display:flex;flex-direction:column;gap:10px} .faq-item{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden;box-shadow:var(--soft-shadow)} .faq-question{width:100%;min-height:56px;padding:14px 18px;border:0;background:#fff;color:var(--ink);display:flex;justify-content:space-between;align-items:center;text-align:left;font-size:15px;font-weight:700} .faq-question span:last-child{color:var(--blue);font-size:21px;transition:.25s} .faq-item.open .faq-question span:last-child{transform:rotate(45deg)} .faq-answer{display:none;padding:0 18px 17px;color:#5c7487;font-size:14px;background:#f5fafc} .faq-item.open .faq-answer{display:block} .contact-strip{margin-top:30px;border:1px solid #bfd9e9;border-radius:var(--radius);padding:24px 28px;background:#eaf4fb;display:flex;align-items:center;justify-content:space-between;gap:20px} .contact-strip h3{font-size:20px;margin:0 0 3px} .contact-strip p{margin:0;color:#57758a;font-size:14px} .footer{background:#12324f;color:#c7d7e2;padding:65px 0 20px} .footer-grid{display:grid;grid-template-columns:1.45fr .8fr .9fr 1.2fr;gap:38px} .footer .logo{color:#fff}.footer .logo-mark{border-color:#8bc4e5}.footer .logo-mark:after{background:#8bc4e5} .footer p{font-size:13px;margin:0 0 8px;color:#b4c7d5} .footer h3{font-size:15px;color:#fff;margin:0 0 13px} .footer ul{list-style:none;margin:0;padding:0} .footer li{margin:0 0 8px;font-size:13px} .footer a:hover{color:#8fe0d4} .copyright{border-top:1px solid rgba(255,255,255,.14);margin-top:40px;padding-top:18px;display:flex;justify-content:space-between;gap:18px;font-size:12px;color:#9db4c5} @media(max-width:1100px){ .nav-links{gap:0}.nav-links a{padding:10px 8px;font-size:13px}.nav-cta{padding:0 14px} .list-shell{grid-template-columns:210px 1fr} } @media(max-width:900px){ .nav-links{position:absolute;left:0;right:0;top:110px;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 12px 20px rgba(28,72,105,.1);padding:12px 22px 18px;display:none;flex-direction:column;align-items:stretch} .nav-links.open{display:flex}.nav-links a{padding:12px 6px;font-size:15px}.nav-links a.active:after{left:6px;right:auto;width:34px;bottom:5px} .menu-toggle{display:block;margin-left:auto}.nav-cta{display:none} .overview-grid,.update-wrap,.faq-layout{grid-template-columns:1fr} .scene-row,.scene-row.reverse{grid-template-columns:1fr}.scene-row.reverse .scene-image{order:-1} .footer-grid{grid-template-columns:1fr 1fr} } @media(max-width:640px){ body{font-size:15px}.container{padding:0 17px}.topbar .container>div:last-child{display:none}.topbar span{margin-right:12px}.topbar span:nth-child(3){display:none} .nav-inner{height:67px}.logo{font-size:18px}.page-band{padding:48px 0 44px}.page-band h1{font-size:32px}.page-band p{font-size:14px} .section{padding:62px 0}.section-head{margin-bottom:27px}.section-head h2,.faq-intro h2{font-size:27px} .data-pill-grid{grid-template-columns:1fr 1fr}.data-pill{padding:16px}.data-pill strong{font-size:20px} .list-shell{display:block}.filter-panel{position:static;margin-bottom:17px;padding:16px}.filter-panel h3{margin-bottom:8px}.filter-group{display:inline-block;border:0;padding:5px 12px 5px 0}.filter-group b{display:none}.filter-option{display:none}.filter-option:first-of-type{display:flex} .data-item{grid-template-columns:1fr 28px;gap:10px;padding:17px}.item-date{grid-column:1/-1}.item-date strong{display:inline;margin-right:8px}.item-content h3{font-size:16px}.item-arrow{grid-column:2;grid-row:2;width:27px;height:27px} .field-board{overflow-x:auto}.field-row{min-width:620px}.field-row div{padding:14px 16px} .scene-copy{padding:26px 22px}.scene-copy h3{font-size:20px}.scene-image{min-height:190px} .timeline{padding:5px 20px}.contact-strip{padding:22px;display:block}.contact-strip .btn{margin-top:16px;width:100%} .footer{padding-top:48px}.footer-grid{grid-template-columns:1fr;gap:25px}.copyright{display:block}.copyright span{display:block;margin-bottom:8px} } @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}} /* roulang page: category4 */ :root{--blue:#1769aa;--blue-dark:#0e4f88;--teal:#1d9a8a;--orange:#e8873a;--ink:#17324b;--muted:#60758a;--bg:#f7fafc;--line:#dce7ef;--white:#fff;--deep:#102b46;--radius:15px;--shadow:0 12px 30px rgba(28,72,105,.09);--soft-shadow:0 5px 18px rgba(28,72,105,.07)} *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{max-width:1200px;margin:auto;padding:0 22px} .topbar{height:34px;background:#eef5f9;color:#557086;font-size:12px}.topbar .container,.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.topbar span{margin-right:24px}.site-header{background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid transparent;transition:.25s}.site-header.scrolled{box-shadow:0 5px 20px rgba(25,70,100,.1);border-color:var(--line)}.nav-inner{height:76px;gap:22px}.logo{display:flex;align-items:center;gap:10px;color:var(--blue);font-size:20px;font-weight:800;white-space:nowrap}.logo-mark{width:31px;height:31px;border:2px solid var(--blue);border-radius:8px;position:relative}.logo-mark:before,.logo-mark:after{content:"";position:absolute;background:var(--teal);height:2px;transform:rotate(-28deg);left:5px;right:5px}.logo-mark:before{top:10px}.logo-mark:after{top:17px;background:var(--blue)}.nav-links{display:flex;align-items:center;gap:4px;margin-left:auto}.nav-links a{padding:10px 12px;color:#4b6579;font-size:14px;position:relative;white-space:nowrap}.nav-links a:hover,.nav-links a.active{color:var(--blue)}.nav-links a.active:after{content:"";position:absolute;height:2px;background:var(--blue);bottom:2px;left:12px;right:12px}.menu-toggle{display:none;background:none;border:0;color:var(--blue);font-size:26px;min-height:44px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 21px;border-radius:8px;font-weight:700;font-size:14px;border:1px solid transparent;transition:.25s}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 6px 14px rgba(23,105,170,.2)}.btn-primary:hover{background:var(--blue-dark);transform:translateY(-2px)}.btn-light{background:#eaf4fb;color:var(--blue)}.btn-light:hover{background:#dcecf7}.btn:focus,.nav-links a:focus,.menu-toggle:focus,.faq-q:focus{outline:3px solid rgba(29,154,138,.3);outline-offset:2px} .section{padding:94px 0}.section.alt{background:#edf5f9}.section-kicker{font-size:13px;letter-spacing:1.5px;font-weight:800;color:var(--teal)}.section-head{max-width:760px;margin-bottom:38px}.section-head h2{font-size:34px;line-height:1.3;margin:8px 0 12px}.section-head p{color:var(--muted);margin:0}.page-band{padding:55px 0 50px;background:#eaf4f9;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.page-band:after{content:"";position:absolute;width:330px;height:330px;right:8%;top:-150px;border:1px solid #b8d6e6;border-radius:50%;box-shadow:0 0 0 24px rgba(184,214,230,.28),0 0 0 48px rgba(184,214,230,.16)}.breadcrumb{font-size:13px;color:#60758a;margin-bottom:14px;position:relative;z-index:1}.breadcrumb a{color:var(--blue)}.page-band h1{position:relative;z-index:1;font-size:45px;line-height:1.25;margin:0 0 10px;letter-spacing:-1px}.page-band p{position:relative;z-index:1;max-width:720px;color:#536f84;margin:0}.overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.overview-item{background:#fff;border:1px solid var(--line);padding:21px;border-radius:12px;box-shadow:var(--soft-shadow)}.overview-item strong{display:block;font-size:23px;color:var(--blue);line-height:1.25;margin-bottom:7px}.overview-item span{font-size:13px;color:var(--muted)} .data-layout{display:grid;grid-template-columns:235px 1fr;gap:28px;align-items:start}.filter-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--soft-shadow);position:sticky;top:125px}.filter-panel h3{font-size:17px;margin:0 0 15px}.filter-group{border-top:1px solid var(--line);padding:14px 0}.filter-group b{display:block;font-size:13px;margin-bottom:9px}.filter-group label{display:flex;gap:8px;align-items:center;font-size:13px;color:#5a7285;padding:5px 0}.filter-group input{accent-color:var(--blue)}.data-list{display:grid;gap:14px}.data-item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 22px;display:grid;grid-template-columns:112px 1fr 28px;gap:17px;align-items:center;box-shadow:var(--soft-shadow);transition:.25s}.data-item:hover{transform:translateY(-3px);border-color:#9cc6dd;box-shadow:var(--shadow)}.data-date{font-size:13px;color:var(--blue);font-weight:800}.data-date small{display:block;color:var(--muted);font-weight:500;margin-top:3px}.data-item h3{font-size:18px;line-height:1.4;margin:0 0 5px}.data-item p{font-size:13px;color:var(--muted);margin:0}.data-arrow{font-size:25px;color:var(--blue);text-align:right}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.tags span{font-size:12px;padding:3px 8px;border:1px solid var(--line);color:#61798c;border-radius:4px;background:#fbfdfe}.load-more{margin-top:25px;text-align:center}.text-link{color:var(--blue);font-weight:800}.text-link:hover{color:var(--blue-dark);text-decoration:underline} .field-table{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--soft-shadow)}.field-row{display:grid;grid-template-columns:24% 27% 24% 25%;border-bottom:1px solid var(--line)}.field-row:last-child{border-bottom:0}.field-row div{padding:15px 18px;font-size:14px;border-right:1px solid var(--line)}.field-row div:last-child{border-right:0}.field-row.head{background:#eaf4f9;color:var(--blue);font-weight:800}.scenario{display:grid;grid-template-columns:44% 1fr;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--soft-shadow);margin-bottom:24px}.scenario.reverse{grid-template-columns:1fr 44%}.scenario img{width:100%;height:260px;object-fit:cover}.scenario-body{padding:37px}.scenario-body h3{font-size:24px;margin:0 0 10px}.scenario-body p{color:var(--muted);margin:0 0 16px}.notice-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.notice-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--soft-shadow)}.notice-card h3{font-size:20px;margin:0 0 15px}.timeline{list-style:none;margin:0;padding:0}.timeline li{position:relative;padding:0 0 19px 25px;color:#597084;font-size:14px}.timeline li:last-child{padding-bottom:0}.timeline li:before{content:"";position:absolute;left:0;top:7px;width:10px;height:10px;border-radius:50%;background:var(--teal)}.timeline li:after{content:"";position:absolute;left:4px;top:19px;bottom:0;width:2px;background:#cde4e7}.timeline li:last-child:after{display:none}.timeline b{display:block;color:var(--ink);font-size:15px}.faq-grid{display:grid;grid-template-columns:36% 1fr;gap:55px;align-items:start}.faq-intro{background:var(--deep);color:#fff;border-radius:var(--radius);padding:32px}.faq-intro h2{font-size:28px;line-height:1.35;margin:0 0 12px}.faq-intro p{color:#bfd0dd;margin:0 0 20px}.faq-item{border:1px solid var(--line);background:#fff;border-radius:10px;margin-bottom:12px;overflow:hidden}.faq-q{width:100%;min-height:56px;border:0;background:#fff;color:var(--ink);font-weight:800;text-align:left;padding:15px 48px 15px 18px;position:relative}.faq-q:after{content:"＋";position:absolute;right:18px;color:var(--blue);font-size:22px;top:10px;transition:.2s}.faq-item.open .faq-q:after{transform:rotate(45deg)}.faq-a{display:none;background:#f1f8fb;padding:0 18px 17px;color:#577084;font-size:14px}.faq-item.open .faq-a{display:block}.consult-bar{margin-top:30px;background:#e4f1f8;border:1px solid #cce1ec;border-radius:var(--radius);padding:26px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px}.consult-bar h3{font-size:21px;margin:0 0 4px}.consult-bar p{margin:0;color:#60758a;font-size:14px} .footer{background:#12324f;color:#c6d7e2;padding:58px 0 22px}.footer-grid{display:grid;grid-template-columns:1.35fr .8fr .9fr 1.2fr;gap:34px}.footer .logo{color:#fff}.footer .logo-mark{border-color:#88c4e1}.footer .logo-mark:after{background:#88c4e1}.footer h3{font-size:15px;color:#fff;margin:0 0 14px}.footer p{font-size:13px;margin:0 0 7px}.footer ul{list-style:none;padding:0;margin:0}.footer li{font-size:13px;margin:7px 0}.footer a:hover{color:#8fe0d4}.copyright{margin-top:42px;padding-top:20px;border-top:1px solid rgba(255,255,255,.16);font-size:12px;display:flex;justify-content:space-between;gap:20px} @media(max-width:1100px){.nav-links a{padding:10px 7px;font-size:13px}.nav-cta{padding:0 14px}.overview-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.nav-links,.nav-cta{display:none}.menu-toggle{display:block;margin-left:auto}.nav-links.open{display:flex;position:absolute;top:110px;left:0;right:0;background:#fff;padding:12px 22px 20px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line);box-shadow:0 12px 20px rgba(28,72,105,.1)}.nav-links.open a{padding:12px}.data-layout{grid-template-columns:1fr}.filter-panel{position:static}.filter-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.filter-group{border-top:0;padding:0}.field-row{grid-template-columns:1fr 1fr}.field-row div{border-bottom:1px solid var(--line)}.field-row.head{display:none}.scenario,.scenario.reverse{grid-template-columns:1fr}.scenario.reverse img{order:0}.scenario-body{padding:28px}.faq-grid{grid-template-columns:1fr;gap:25px}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){body{font-size:15px}.container{padding:0 16px}.topbar .container>div:last-child{display:none}.topbar span{margin-right:13px}.topbar span:last-child{display:none}.nav-inner{height:67px}.page-band{padding:40px 0}.page-band h1{font-size:32px}.page-band p{font-size:14px}.section{padding:62px 0}.section-head{margin-bottom:28px}.section-head h2{font-size:27px}.overview-grid{grid-template-columns:1fr 1fr;gap:12px}.overview-item{padding:16px}.overview-item strong{font-size:19px}.filter-groups{grid-template-columns:1fr 1fr}.data-item{grid-template-columns:1fr 22px;gap:8px;padding:17px}.data-date{grid-column:1/2}.data-item>div:nth-child(2){grid-column:1/2}.data-arrow{grid-column:2;grid-row:1/3}.field-table{overflow:auto}.field-row{min-width:570px}.notice-grid{grid-template-columns:1fr}.scenario img{height:205px}.scenario-body h3{font-size:21px}.consult-bar{padding:24px;display:block}.consult-bar .btn{margin-top:15px;width:100%}.footer{padding-top:45px}.footer-grid{grid-template-columns:1fr;gap:25px}.copyright{display:block}.copyright span{display:block;margin:8px 0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}} /* roulang page: category1 */ :root{ --blue:#1769aa;--blue-dark:#0e4f88;--teal:#1d9a8a;--orange:#e8873a; --ink:#17324b;--muted:#60758a;--bg:#f7fafc;--line:#dce7ef;--white:#fff; --deep:#102b46;--radius:15px;--shadow:0 12px 30px rgba(28,72,105,.09); --soft-shadow:0 5px 18px rgba(28,72,105,.07) } *{box-sizing:border-box} html{scroll-behavior:smooth} body{ margin:0;background:var(--bg);color:var(--ink); font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif; font-size:16px;line-height:1.75;overflow-x:hidden; } a{color:inherit;text-decoration:none;transition:.25s} img{max-width:100%;display:block} button,input,select,textarea{font:inherit} button{cursor:pointer} ul{margin:0;padding:0;list-style:none} p{margin:0 0 14px} h1,h2,h3,h4{margin:0;color:var(--ink);line-height:1.2;letter-spacing:0} small{font-size:12px} .container{max-width:1200px;margin:auto;padding:0 22px} .section{padding:88px 0} .section.alt{background:#eef5f9} .section.tight{padding:40px 0} .kicker{ display:inline-flex;align-items:center;gap:8px; color:var(--teal);font-size:13px;font-weight:800;letter-spacing:.02em } .kicker:before{ content:"";width:10px;height:10px;border-radius:999px;background:var(--teal); box-shadow:0 0 0 4px rgba(29,154,138,.12) } .section-head{max-width:740px;margin-bottom:34px} .section-head h2{font-size:34px;margin-top:10px} .section-head p{color:var(--muted);margin-top:12px} .badge{ display:inline-flex;align-items:center;justify-content:center; min-height:28px;padding:0 10px;border-radius:999px;font-size:12px; font-weight:700;border:1px solid var(--line);background:#f8fbfd;color:#4f6780 } .tag{ display:inline-flex;align-items:center;min-height:28px;padding:0 10px; border-radius:999px;background:#eaf4fb;color:var(--blue);font-size:12px; font-weight:700;border:1px solid rgba(23,105,170,.12) } .btn{ display:inline-flex;align-items:center;justify-content:center;gap:8px; min-height:46px;padding:0 20px;border-radius:8px;font-weight:700; font-size:14px;border:1px solid transparent;transition:.25s; white-space:nowrap } .btn-primary{ background:var(--blue);color:#fff;box-shadow:0 6px 14px rgba(23,105,170,.2) } .btn-primary:hover{background:var(--blue-dark);transform:translateY(-2px);color:#fff} .btn-secondary{ background:#eaf4fb;color:var(--blue);border-color:#d3e4ef } .btn-secondary:hover{background:#dcecf7;color:var(--blue-dark);transform:translateY(-2px)} .btn-ghost{ border-color:#9fc1da;color:var(--blue);background:#fff } .btn-ghost:hover{border-color:var(--blue);color:var(--blue-dark);transform:translateY(-2px)} .btn-link{ padding:0;color:var(--blue);background:transparent;border-color:transparent; min-height:auto;font-weight:700 } .btn-link:hover{color:var(--blue-dark)} .btn:focus,.nav-links a:focus,.menu-toggle:focus,input:focus,textarea:focus,select:focus,summary:focus{ outline:3px solid rgba(29,154,138,.28);outline-offset:2px } input,select,textarea{ width:100%;border:1px solid var(--line);background:#fff;color:var(--ink); border-radius:10px;min-height:46px;padding:12px 14px;transition:.25s; box-shadow:none } textarea{min-height:120px;resize:vertical} input::placeholder,textarea::placeholder{color:#93a6b7} input:focus,textarea:focus,select:focus{ border-color:rgba(23,105,170,.55);box-shadow:0 0 0 4px rgba(23,105,170,.08) } .topbar{ min-height:34px;background:#eef5f9;color:#557086;font-size:12px } .topbar .container,.nav-inner{ display:flex;align-items:center;justify-content:space-between;gap:16px } .topbar .container{min-height:34px;flex-wrap:wrap} .topbar span{margin-right:18px;white-space:nowrap} .site-header{ background:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid transparent; transition:.25s } .site-header.scrolled{ box-shadow:0 5px 20px rgba(25,70,100,.1);border-color:var(--line) } .nav-inner{min-height:76px} .logo{ display:flex;align-items:center;gap:10px;color:var(--blue); font-size:20px;font-weight:800;white-space:nowrap } .logo-mark{ width:31px;height:31px;border:2px solid var(--blue);border-radius:8px;position:relative;flex:0 0 31px } .logo-mark:before,.logo-mark:after{ content:"";position:absolute;background:var(--teal);height:2px;transform:rotate(-28deg);left:5px;right:5px } .logo-mark:before{top:10px} .logo-mark:after{top:17px;background:var(--blue)} .nav-links{ display:flex;align-items:center;gap:4px;margin-left:auto } .nav-links a{ padding:10px 12px;color:#4b6579;font-size:14px;position:relative;white-space:nowrap; border-radius:8px } .nav-links a:hover,.nav-links a.active{color:var(--blue);background:#eef6fb} .nav-links a.active:after{ content:"";position:absolute;height:2px;background:var(--blue);bottom:2px;left:12px;right:12px } .menu-toggle{ display:none;background:none;border:0;color:var(--blue);font-size:26px; min-height:44px;min-width:44px;padding:0 } .nav-cta{margin-left:8px} .page-band{ position:relative;overflow:hidden;background: linear-gradient(90deg,rgba(248,251,253,.98) 0%,rgba(248,251,253,.96) 52%,rgba(247,250,252,.92) 100%), url('/assets/images/backpic/back-2.webp') center/cover no-repeat; border-bottom:1px solid var(--line) } .page-band .container{padding-top:34px;padding-bottom:34px} .band-inner{ display:grid;grid-template-columns:minmax(0,1.08fr) minmax(310px,.92fr);gap:28px;align-items:stretch } .band-copy{ padding:10px 0 8px;display:flex;flex-direction:column;justify-content:center } .crumb{ display:flex;align-items:center;gap:8px;font-size:13px;color:#6a8092;margin-bottom:14px;flex-wrap:wrap } .crumb a{color:#4f6780} .crumb span.sep{color:#aac0d3} .band-copy h1{ font-size:46px;line-height:1.12;margin:0 0 16px;letter-spacing:-.02em } .band-copy p{ font-size:17px;color:#516679;max-width:680px;margin-bottom:22px } .band-meta{ display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 24px } .band-actions{display:flex;flex-wrap:wrap;gap:12px} .band-visual{ background:#fff;border:1px solid var(--line);border-radius:var(--radius); box-shadow:var(--shadow);overflow:hidden;position:relative;min-height:300px } .band-visual img{ width:100%;height:100%;min-height:300px;object-fit:cover } .band-visual:after{ content:"";position:absolute;inset:0; background:linear-gradient(180deg,rgba(16,43,70,.08) 0%,rgba(16,43,70,.38) 100%) } .band-overlay{ position:absolute;inset:auto 18px 18px 18px;z-index:2;color:#fff } .overlay-chip{ display:inline-flex;align-items:center;gap:8px; background:rgba(255,255,255,.12);backdrop-filter:blur(4px); border:1px solid rgba(255,255,255,.18);border-radius:10px; padding:8px 10px;font-size:12px;font-weight:700;margin-right:8px;margin-bottom:8px } .overlay-grid{ margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px } .overlay-box{ background:rgba(255,255,255,.12);backdrop-filter:blur(6px); border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:12px 14px } .overlay-box strong{display:block;font-size:22px;line-height:1.1;margin-bottom:4px} .overlay-box span{font-size:12px;color:#e8f3f8} .stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px} .stat-card{ background:#fff;border:1px solid var(--line);border-radius:var(--radius); box-shadow:var(--soft-shadow);padding:24px;transition:.25s } .stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#9cc6dd} .stat-card strong{ display:block;font-size:34px;line-height:1;color:var(--blue);font-variant-numeric:tabular-nums } .stat-card span{ display:block;font-size:13px;color:var(--muted);margin-top:8px } .stat-card em{ display:block;font-style:normal;margin-top:10px;font-size:14px;color:var(--ink);font-weight:600 } .panel{ background:#fff;border:1px solid var(--line);border-radius:var(--radius); box-shadow:var(--soft-shadow) } .filter-panel{padding:24px} .filter-panel h3{font-size:20px;margin-bottom:8px} .filter-panel p{color:var(--muted);font-size:14px;margin-bottom:16px} .filter-group{display:flex;flex-wrap:wrap;gap:10px} .filter-chip{ min-height:40px;padding:0 14px;border-radius:999px;border:1px solid #d9e6ee; background:#fff;color:#567086;font-size:13px;font-weight:700;transition:.25s } .filter-chip:hover,.filter-chip.is-active{ background:#eaf4fb;color:var(--blue);border-color:rgba(23,105,170,.2) } .filter-panel .mini-list{ margin-top:18px;padding-top:18px;border-top:1px solid var(--line);display:grid;gap:10px } .mini-list li{ display:flex;justify-content:space-between;align-items:center;gap:10px; font-size:13px;color:#567086 } .mini-list b{color:var(--ink)} .list-wrap{display:grid;gap:16px} .list-item{ background:#fff;border:1px solid var(--line);border-radius:var(--radius); box-shadow:var(--soft-shadow);padding:18px 20px;display:grid;grid-template-columns:auto 1fr auto; gap:16px;align-items:flex-start;transition:.25s } .list-item:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#9cc6dd} .item-time{ width:92px;min-height:56px;border-radius:12px;background:#eef6fb; display:flex;flex-direction:column;justify-content:center;align-items:center; color:var(--blue);font-weight:800;line-height:1 } .item-time small{font-size:11px;color:#5d7f98;margin-top:6px;font-weight:700} .item-copy h3{ font-size:18px;margin:0 0 8px } .item-copy p{ color:var(--muted);font-size:14px;margin:0 0 12px } .item-tags{display:flex;flex-wrap:wrap;gap:8px} .item-arrow{ color:var(--blue);font-size:20px;font-weight:800;align-self:center;padding-top:4px } .more-row{margin-top:18px;display:flex;justify-content:center} .field-grid{ display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:24px;align-items:start } .field-cover{ overflow:hidden;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);background:#fff } .field-cover img{width:100%;height:100%;object-fit:cover} .field-cover .cap{ padding:18px 20px;background:#fff;border-top:1px solid var(--line) } .field-cover .cap strong{display:block;font-size:18px;margin-bottom:6px} .field-cover .cap p{color:var(--muted);font-size:14px;margin:0} .def-list{ display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px } .def-card{ background:#fff;border:1px solid var(--line);border-radius:14px; box-shadow:var(--soft-shadow);padding:20px;transition:.25s } .def-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#9cc6dd} .def-card h3{font-size:18px;margin-bottom:8px} .def-card p{font-size:14px;color:var(--muted);margin:0} .def-card .small-tag{display:inline-flex;margin-bottom:12px;color:var(--teal);font-size:12px;font-weight:800} .scene-grid{display:grid;gap:24px} .scene{ display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:22px;align-items:stretch } .scene.reverse{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr)} .scene-img{ overflow:hidden;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;min-height:250px } .scene-img img{width:100%;height:100%;object-fit:cover} .scene-copy{ background:#fff;border:1px solid var(--line);border-radius:var(--radius); box-shadow:var(--soft-shadow);padding:26px } .scene-copy h3{font-size:24px;margin:6px 0 12px} .scene-copy p{color:var(--muted)} .scene-bullets{margin:18px 0 0;display:grid;gap:10px} .scene-bullets li{ display:flex;gap:10px;align-items:flex-start;color:#415c70;font-size:14px } .scene-bullets li:before{ content:"";width:8px;height:8px;margin-top:8px;border-radius:999px;background:var(--teal);flex:0 0 8px } .timeline{ display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px } .timeline-step{ position:relative;background:#fff;border:1px solid var(--line);border-radius:14px; box-shadow:var(--soft-shadow);padding:22px 18px } .timeline-step .num{ display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px; border-radius:10px;background:#eaf4fb;color:var(--blue);font-weight:800;margin-bottom:12px } .timeline-step h3{font-size:18px;margin-bottom:8px} .timeline-step p{font-size:14px;color:var(--muted);margin:0} .guarantee-strip{ margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:var(--radius); box-shadow:var(--soft-shadow);padding:20px 22px } .guarantee-grid{ display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px } .guarantee-item{ display:flex;gap:12px;align-items:flex-start } .guarantee-item .icon{ width:34px;height:34px;border-radius:10px;background:#eef6fb;color:var(--blue); display:flex;align-items:center;justify-content:center;font-weight:800;flex:0 0 34px } .guarantee-item h4{font-size:15px;margin:0 0 4px} .guarantee-item p{font-size:13px;color:var(--muted);margin:0} .faq-grid{ display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;align-items:start } .faq-panel{ background:#fff;border:1px solid var(--line);border-radius:var(--radius); box-shadow:var(--soft-shadow);padding:24px } .faq-panel h2{font-size:32px;margin:10px 0 12px} .faq-panel p{color:var(--muted)} .faq-list{ background:#fff;border:1px solid var(--line);border-radius:var(--radius); box-shadow:var(--soft-shadow);overflow:hidden } .faq-item + .faq-item{border-top:1px solid var(--line)} .faq-question{ width:100%;min-height:54px;padding:16px 18px;background:#fff;border:0;color:var(--ink); font-weight:700;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:14px } .faq-question:hover{background:#f7fbfd} .faq-question .arrow{ transition:.25s;color:var(--blue);font-size:18px;flex:0 0 auto } .faq-item.is-open .faq-question .arrow{transform:rotate(90deg)} .faq-answer{ display:none;padding:0 18px 16px 18px;color:var(--muted);background:#f7fbfd;font-size:14px } .faq-item.is-open .faq-answer{display:block} .faq-answer p{margin:0} .contact-shell{ margin-top:22px;background:linear-gradient(180deg,#f6fbfe 0%,#ffffff 100%); border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--soft-shadow);padding:24px } .contact-grid{ display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:24px;align-items:start } .contact-copy h3{font-size:24px;margin:8px 0 12px} .contact-copy p{color:var(--muted)} .contact-note{ margin-top:16px;padding:14px 16px;border-radius:12px;background:#eef6fb;color:#507089;font-size:13px } .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .form-grid .full{grid-column:1/-1} .form-label{display:block;font-size:13px;font-weight:700;color:#4f6780;margin:0 0 7px} .form-foot{ display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px; margin-top:14px;color:#6b7f91;font-size:12px } .form-status{ display:none;margin-top:14px;padding:12px 14px;border-radius:12px; background:#e9f7f4;color:#206f66;font-size:13px;font-weight:700 } .form-status.is-show{display:block} .footer{ background:var(--deep);color:#d5e3ee;padding:54px 0 26px;margin-top:0 } .footer .logo{color:#fff} .footer .logo-mark{border-color:#7fb5d6} .footer .logo-mark:before{background:#8de0d0} .footer .logo-mark:after{background:#6fb4e0} .footer-grid{ display:grid;grid-template-columns:1.2fr .8fr .8fr .9fr;gap:28px;align-items:start } .footer h3{font-size:16px;margin-bottom:16px;color:#fff} .footer p,.footer li,.footer a{color:#d0e1ef;font-size:14px} .footer a:hover{color:#fff} .footer ul{display:grid;gap:10px} .copyright{ margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12); display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12px;color:#a8c1d4 } .spark{ display:flex;align-items:flex-end;gap:3px;height:34px;margin-top:16px } .spark span{ width:8px;border-radius:999px 999px 4px 4px;background:linear-gradient(180deg,#73d2c8 0%,#1d9a8a 100%); opacity:.95 } .spark span:nth-child(1){height:10px} .spark span:nth-child(2){height:16px} .spark span:nth-child(3){height:20px} .spark span:nth-child(4){height:26px} .spark span:nth-child(5){height:18px} .spark span:nth-child(6){height:30px} .spark span:nth-child(7){height:12px} .spark span:nth-child(8){height:24px} .note-row{ display:flex;flex-wrap:wrap;gap:10px;margin-top:14px } .mini-stat{ display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px; background:#eef6fb;color:var(--blue);font-size:12px;font-weight:700 } .mini-stat i{ width:8px;height:8px;border-radius:999px;background:var(--teal);display:inline-block } @media (max-width: 1200px){ .band-copy h1{font-size:42px} .section{padding:76px 0} } @media (max-width: 1024px){ .band-inner,.field-grid,.scene,.scene.reverse,.faq-grid,.contact-grid,.footer-grid{ grid-template-columns:1fr } .stats-grid,.timeline,.guarantee-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .nav-links{gap:0} .band-copy h1{font-size:38px} .section-head h2{font-size:30px} .footer-grid{gap:24px} } @media (max-width: 639px){ .topbar{display:block} .topbar .container{padding-top:8px;padding-bottom:8px;gap:6px} .topbar .container>div:last-child{width:100%} .nav-inner{min-height:66px;position:relative} .menu-toggle{display:inline-flex;align-items:center;justify-content:center;margin-left:auto} .nav-links{ position:absolute;left:22px;right:22px;top:64px;display:none;flex-direction:column; align-items:stretch;gap:0;background:#fff;border:1px solid var(--line);border-radius:14px; box-shadow:var(--shadow);padding:8px;z-index:40 } .nav-links.is-open{display:flex} .nav-links a{padding:14px 14px} .nav-cta{display:none} .page-band .container{padding-top:24px;padding-bottom:24px} .band-inner{grid-template-columns:1fr;gap:16px} .band-copy h1{font-size:32px} .band-copy p{font-size:15px} .band-visual,.band-visual img{min-height:250px} .stats-grid,.def-list,.timeline,.guarantee-grid,.form-grid{grid-template-columns:1fr} .list-item{grid-template-columns:1fr;gap:12px} .item-time{width:auto;align-items:flex-start;padding:12px 14px} .item-arrow{justify-self:flex-start;padding-top:0} .section{padding:60px 0} .section-head h2{font-size:26px} .field-cover img,.scene-img img{min-height:220px} .faq-panel h2{font-size:26px} .contact-shell{padding:18px} } @media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto} *,*::before,*::after{animation:none!important;transition:none!important} } /* roulang page: category5 */ :root{--blue:#1769aa;--blue-dark:#0e4f88;--teal:#1d9a8a;--orange:#e8873a;--ink:#17324b;--muted:#60758a;--bg:#f7fafc;--line:#dce7ef;--white:#fff;--deep:#102b46;--radius:15px;--shadow:0 12px 30px rgba(28,72,105,.09);--soft-shadow:0 5px 18px rgba(28,72,105,.07)} *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{max-width:1200px;margin:auto;padding:0 22px}.topbar{height:34px;background:#eef5f9;color:#557086;font-size:12px}.topbar .container,.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.topbar span{margin-right:24px}.site-header{background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid transparent;transition:.25s}.site-header.scrolled{box-shadow:0 5px 20px rgba(25,70,100,.1);border-color:var(--line)}.nav-inner{height:76px;gap:22px}.logo{display:flex;align-items:center;gap:10px;color:var(--blue);font-size:20px;font-weight:800;white-space:nowrap}.logo-mark{width:31px;height:31px;border:2px solid var(--blue);border-radius:8px;position:relative;flex:none}.logo-mark:before,.logo-mark:after{content:"";position:absolute;background:var(--teal);height:2px;transform:rotate(-28deg);left:5px;right:5px}.logo-mark:before{top:10px}.logo-mark:after{top:17px;background:var(--blue)}.nav-links{display:flex;align-items:center;gap:4px;margin-left:auto}.nav-links a{padding:10px 12px;color:#4b6579;font-size:14px;position:relative;white-space:nowrap}.nav-links a:hover,.nav-links a.active{color:var(--blue)}.nav-links a.active:after{content:"";position:absolute;height:2px;background:var(--blue);bottom:2px;left:12px;right:12px}.menu-toggle{display:none;background:none;border:0;color:var(--blue);font-size:26px;min-height:44px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 21px;border-radius:8px;font-weight:700;font-size:14px;border:1px solid transparent;transition:.25s}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 6px 14px rgba(23,105,170,.2)}.btn-primary:hover{background:var(--blue-dark);transform:translateY(-2px)}.btn-light{background:#eaf4fb;color:var(--blue)}.btn-light:hover{background:#dcecf7}.btn:focus,a:focus,button:focus,input:focus,textarea:focus,select:focus{outline:3px solid rgba(29,154,138,.32);outline-offset:2px}.section{padding:94px 0}.section.alt{background:#edf5f9}.section-kicker{font-size:13px;letter-spacing:1.5px;font-weight:800;color:var(--teal)}.section-head{max-width:760px;margin-bottom:35px}.section-head h2{font-size:34px;line-height:1.32;margin:7px 0 12px}.section-head p{margin:0;color:var(--muted)}.page-band{background:#eaf3f8;position:relative;overflow:hidden;padding:56px 0 61px;border-bottom:1px solid var(--line)}.page-band:after{content:"";width:330px;height:330px;border:1px solid rgba(23,105,170,.17);border-radius:50%;position:absolute;right:-75px;top:-175px;box-shadow:0 0 0 28px rgba(23,105,170,.045),0 0 0 58px rgba(23,105,170,.035)}.breadcrumb{font-size:13px;color:#60758a;margin-bottom:12px}.breadcrumb a{color:var(--blue)}.page-band h1{font-size:44px;line-height:1.25;margin:0 0 12px;letter-spacing:-.7px;position:relative;z-index:1}.page-band p{margin:0;max-width:720px;color:#526e83;position:relative;z-index:1}.band-chart{position:absolute;right:11%;bottom:30px;width:180px;height:74px;border-left:2px solid rgba(23,105,170,.32);border-bottom:2px solid rgba(23,105,170,.32);opacity:.72}.band-chart i{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--teal)}.band-chart i:nth-child(1){left:25px;bottom:20px}.band-chart i:nth-child(2){left:67px;bottom:35px}.band-chart i:nth-child(3){left:110px;bottom:22px}.band-chart i:nth-child(4){left:152px;bottom:53px}.band-chart:after{content:"";position:absolute;left:28px;bottom:25px;width:130px;height:2px;background:var(--blue);transform:rotate(-20deg);transform-origin:left}.overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric{background:#fff;border:1px solid var(--line);border-radius:12px;padding:21px;box-shadow:var(--soft-shadow)}.metric b{display:block;font-size:25px;line-height:1.2;color:var(--blue);margin-bottom:8px}.metric span{font-size:13px;color:var(--muted)}.data-layout{display:grid;grid-template-columns:235px 1fr;gap:25px;align-items:start}.filter-panel{padding:21px;background:#fff;border:1px solid var(--line);box-shadow:var(--soft-shadow);border-radius:var(--radius);position:sticky;top:130px}.filter-panel h3{font-size:17px;margin:0 0 14px}.filter-group{padding:15px 0;border-top:1px solid var(--line)}.filter-group b{font-size:13px;display:block;margin-bottom:9px}.filter-group label{display:flex;align-items:center;gap:8px;font-size:13px;color:#587085;margin:7px 0}.filter-group input{accent-color:var(--blue)}.list-stack{display:grid;gap:13px}.data-item{background:#fff;border:1px solid var(--line);border-radius:13px;padding:19px 21px;display:grid;grid-template-columns:115px 1fr 25px;gap:18px;align-items:center;box-shadow:var(--soft-shadow);transition:.22s}.data-item:hover{transform:translateY(-3px);border-color:#a6cadf;box-shadow:var(--shadow)}.date-box{border-right:1px solid var(--line);font-size:13px;color:var(--muted);line-height:1.5}.date-box b{display:block;color:var(--blue);font-size:16px}.item-main h3{font-size:18px;line-height:1.45;margin:0 0 6px}.item-main p{font-size:13px;color:var(--muted);margin:0 0 10px}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{font-size:12px;padding:3px 8px;border:1px solid var(--line);color:#61798c;border-radius:4px;background:#fbfdfe}.item-arrow{color:var(--blue);font-size:24px;text-align:right}.more-row{text-align:center;margin-top:26px}.text-link{color:var(--blue);font-weight:700;border-bottom:1px solid #9ec7df;padding-bottom:3px}.text-link:hover{color:var(--blue-dark)}.definition-wrap{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--soft-shadow)}.definition-row{display:grid;grid-template-columns:1fr 1.2fr 1.25fr;border-bottom:1px solid var(--line)}.definition-row:last-child{border:0}.definition-row div{padding:16px 20px;font-size:14px}.definition-row div:first-child{font-weight:800;color:var(--blue);background:#f7fbfd}.definition-row div:nth-child(2){border-left:1px solid var(--line);font-weight:700}.definition-row div:last-child{border-left:1px solid var(--line);color:var(--muted)}.scene-strip{display:grid;grid-template-columns:1.1fr .9fr;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--soft-shadow);margin-bottom:24px}.scene-strip.reverse{grid-template-columns:.9fr 1.1fr}.scene-strip img{width:100%;height:255px;object-fit:cover}.scene-copy{padding:34px}.scene-copy h3{font-size:23px;line-height:1.4;margin:0 0 11px}.scene-copy p{font-size:14px;color:var(--muted);margin:0 0 16px}.update-panel{display:grid;grid-template-columns:290px 1fr;gap:34px;background:#f0f7fa;border:1px solid #d8e8ef;padding:34px;border-radius:var(--radius)}.update-panel h2{font-size:30px;line-height:1.35;margin:7px 0}.update-panel p{color:var(--muted);margin:0}.update-list{display:grid;gap:0}.update-item{position:relative;padding:0 0 21px 30px;border-left:2px solid #b7d9dc}.update-item:last-child{padding-bottom:0}.update-item:before{content:"";position:absolute;width:12px;height:12px;background:var(--teal);border-radius:50%;left:-7px;top:5px}.update-item b{display:block;font-size:16px}.update-item span{color:var(--muted);font-size:14px}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:start}.faq-copy h2{font-size:34px;line-height:1.35;margin:8px 0 15px}.faq-copy p{color:var(--muted);margin-bottom:22px}.faq-list{display:grid;gap:12px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}.faq-question{width:100%;min-height:56px;border:0;background:#fff;color:var(--ink);padding:13px 18px;text-align:left;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:15px}.faq-question:hover{color:var(--blue)}.faq-question span{font-size:21px;color:var(--blue);transition:.2s}.faq-question[aria-expanded="true"] span{transform:rotate(45deg)}.faq-answer{display:none;padding:0 18px 17px;font-size:14px;color:var(--muted);background:#f4fafc}.faq-answer.open{display:block}.contact-strip{margin-top:34px;background:var(--deep);color:#fff;border-radius:var(--radius);padding:28px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px}.contact-strip h3{margin:0 0 4px;font-size:21px}.contact-strip p{margin:0;color:#c4d6e1;font-size:14px}.footer{background:#12324f;color:#c5d6e1;padding:58px 0 20px}.footer-grid{display:grid;grid-template-columns:1.35fr .8fr .8fr 1.2fr;gap:36px}.footer .logo{color:#fff}.footer .logo-mark{border-color:#8ec4e8}.footer h3{font-size:15px;color:#fff;margin:0 0 12px}.footer p{font-size:13px;margin:0 0 7px}.footer ul{list-style:none;padding:0;margin:0}.footer li{margin:7px 0;font-size:13px}.footer a:hover{color:#8edbd2}.copyright{border-top:1px solid rgba(255,255,255,.14);margin-top:38px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#a9bfce}.copyright a{text-decoration:underline;text-underline-offset:3px} @media(max-width:1100px){.nav-links a{padding:10px 7px}.nav-cta{padding:0 13px}.data-layout{grid-template-columns:205px 1fr}.band-chart{right:4%}}@media(max-width:850px){.nav-links{display:none}.menu-toggle{display:block;margin-left:auto}.nav-cta{display:none}.nav-links.mobile-open{position:absolute;display:flex;flex-direction:column;align-items:stretch;gap:0;left:0;right:0;top:110px;background:#fff;padding:12px 22px 20px;box-shadow:0 15px 20px rgba(24,61,85,.13);border-top:1px solid var(--line)}.nav-links.mobile-open a{padding:12px 6px;min-height:44px}.overview-grid{grid-template-columns:repeat(2,1fr)}.data-layout{grid-template-columns:1fr}.filter-panel{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.filter-panel h3{grid-column:1/-1;margin:0}.filter-group{padding:0;border:0}.faq-grid,.update-panel{grid-template-columns:1fr;gap:28px}.footer-grid{grid-template-columns:1fr 1fr}.band-chart{display:none}}@media(max-width:640px){body{font-size:15px}.container{padding:0 16px}.topbar .container>div:first-child span:not(:first-child),.topbar .container>div:last-child{display:none}.topbar{height:31px}.nav-inner{height:68px}.logo{font-size:18px}.page-band{padding:42px 0 46px}.page-band h1{font-size:32px}.section{padding:62px 0}.section-head{margin-bottom:25px}.section-head h2,.faq-copy h2{font-size:28px}.overview-grid{gap:10px}.metric{padding:16px}.metric b{font-size:21px}.filter-panel{grid-template-columns:1fr 1fr;padding:17px}.data-item{grid-template-columns:1fr 22px;gap:10px;padding:16px}.date-box{grid-column:1/-1;border:0;border-bottom:1px solid var(--line);padding-bottom:8px;display:flex;gap:10px;align-items:center}.date-box b{font-size:14px}.item-main h3{font-size:16px}.definition-wrap{overflow-x:auto}.definition-row{min-width:650px}.scene-strip,.scene-strip.reverse{grid-template-columns:1fr}.scene-strip img{height:205px;order:0}.scene-copy{padding:25px}.scene-copy h3{font-size:20px}.update-panel{padding:24px}.contact-strip{padding:25px;display:block}.contact-strip .btn{margin-top:18px;width:100%}.footer{padding-top:46px}.footer-grid{grid-template-columns:1fr;gap:25px}.copyright{display:block}.copyright span{display:block;margin-bottom:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}} /* roulang page: category6 */ :root{--blue:#1769aa;--blue-dark:#0e4f88;--teal:#1d9a8a;--orange:#e8873a;--ink:#17324b;--muted:#60758a;--bg:#f7fafc;--line:#dce7ef;--white:#fff;--deep:#102b46;--radius:15px;--shadow:0 12px 30px rgba(28,72,105,.09);--soft-shadow:0 5px 18px rgba(28,72,105,.07)} *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{max-width:1200px;margin:auto;padding:0 22px} .topbar{height:34px;background:#eef5f9;color:#557086;font-size:12px}.topbar .container,.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.topbar span{margin-right:24px}.site-header{background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid transparent;transition:.25s}.site-header.scrolled{box-shadow:0 5px 20px rgba(25,70,100,.1);border-color:var(--line)}.nav-inner{height:76px;gap:22px}.logo{display:flex;align-items:center;gap:10px;color:var(--blue);font-size:20px;font-weight:800;white-space:nowrap}.logo-mark{width:31px;height:31px;border:2px solid var(--blue);border-radius:8px;position:relative}.logo-mark:before,.logo-mark:after{content:"";position:absolute;background:var(--teal);height:2px;transform:rotate(-28deg);left:5px;right:5px}.logo-mark:before{top:10px}.logo-mark:after{top:17px;background:var(--blue)}.nav-links{display:flex;align-items:center;gap:4px;margin-left:auto}.nav-links a{padding:10px 12px;color:#4b6579;font-size:14px;position:relative;white-space:nowrap}.nav-links a:hover,.nav-links a.active{color:var(--blue)}.nav-links a.active:after{content:"";position:absolute;height:2px;background:var(--blue);bottom:2px;left:12px;right:12px}.menu-toggle{display:none;background:none;border:0;color:var(--blue);font-size:26px;min-height:44px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 21px;border-radius:8px;font-weight:700;font-size:14px;border:1px solid transparent;transition:.25s}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 6px 14px rgba(23,105,170,.2)}.btn-primary:hover{background:var(--blue-dark);transform:translateY(-2px)}.btn-light{background:#eaf4fb;color:var(--blue)}.btn-light:hover{background:#dcecf7}.btn:focus,input:focus,textarea:focus,select:focus{outline:3px solid rgba(29,154,138,.3);outline-offset:2px} .page-band{padding:68px 0 62px;background:#edf5f9;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.page-band:after{content:"";position:absolute;width:310px;height:150px;right:8%;top:32px;opacity:.25;background:repeating-linear-gradient(0deg,transparent 0 25px,#79abc7 26px 27px),repeating-linear-gradient(90deg,transparent 0 42px,#79abc7 43px 44px);transform:skewY(-14deg)}.crumb{font-size:13px;color:var(--muted);margin-bottom:14px}.crumb a{color:var(--blue)}.page-band h1{font-size:46px;line-height:1.2;margin:0 0 15px;position:relative;z-index:1}.page-band p{max-width:720px;color:var(--muted);margin:0;position:relative;z-index:1}.section{padding:92px 0}.section.alt{background:#edf5f9}.section-head{max-width:720px;margin-bottom:38px}.section-kicker{font-size:13px;letter-spacing:2px;font-weight:800;color:var(--teal)}h2{font-size:34px;line-height:1.3;margin:8px 0 13px}h3{line-height:1.35}.section-head p{color:var(--muted);margin:0}.overview{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric{background:#fff;border:1px solid var(--line);padding:24px 22px;border-radius:12px;box-shadow:var(--soft-shadow)}.metric strong{display:block;color:var(--blue);font-size:27px;line-height:1.2;margin-bottom:7px}.metric span{color:var(--muted);font-size:14px} .data-layout{display:grid;grid-template-columns:220px 1fr;gap:32px}.filter{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;height:max-content;box-shadow:var(--soft-shadow)}.filter h3{margin:0 0 14px;font-size:18px}.filter label{display:block;padding:10px 0;color:#557086;border-bottom:1px solid #edf2f5;font-size:14px}.filter label.active{color:var(--blue);font-weight:700}.data-list{display:grid;gap:13px}.data-item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:21px 24px;display:grid;grid-template-columns:95px 1fr 25px;gap:20px;align-items:center;transition:.25s}.data-item:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#9cc6dd}.data-date{font-size:13px;color:var(--teal);font-weight:700}.data-item h3{font-size:18px;margin:0 0 5px}.data-item p{font-size:14px;color:var(--muted);margin:0}.arrow{color:var(--blue);font-size:23px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.tags span,.tag{font-size:12px;padding:3px 8px;border:1px solid var(--line);color:#61798c;border-radius:4px;background:#f8fbfd}.more{text-align:center;margin-top:25px;color:var(--blue);font-weight:700} .field-box{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--soft-shadow)}.field-row{display:grid;grid-template-columns:180px 1fr 180px;padding:18px 24px;border-bottom:1px solid var(--line);gap:20px}.field-row:last-child{border:0}.field-row strong{color:var(--blue)}.field-row span{color:var(--muted);font-size:14px}.scene-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.scene{background:#fff;border-radius:var(--radius);border:1px solid var(--line);padding:28px;min-height:180px;box-shadow:var(--soft-shadow)}.scene:nth-child(2){background:#eaf4f8}.scene h3{margin:0 0 10px;font-size:21px}.scene p{margin:0;color:var(--muted);font-size:14px}.update-box{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;background:#fff;padding:30px;border-left:4px solid var(--teal);box-shadow:var(--soft-shadow);border-radius:10px}.timeline{border-left:2px solid #acd7d0;padding-left:25px}.timeline p{margin:8px 0;color:var(--muted);font-size:14px}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px}.faq-list details{background:#fff;border:1px solid var(--line);margin-bottom:10px;border-radius:9px;overflow:hidden}.faq-list summary{min-height:52px;padding:13px 18px;font-weight:700;cursor:pointer;list-style:none}.faq-list summary:after{content:"＋";float:right;color:var(--blue)}.faq-list details[open] summary{color:var(--blue);background:#eef7fb}.faq-list details[open] summary:after{content:"－"}.faq-list p{margin:0;padding:0 18px 17px;color:var(--muted);font-size:14px}.contact-strip{background:#eaf4f8;padding:55px 0}.contact-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.contact-wrap h2{margin-top:0}.contact-wrap p{color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #cbdde8;border-radius:7px;background:#fff;padding:12px 14px;color:var(--ink)}.form-grid textarea{grid-column:1/-1;min-height:90px;resize:vertical}.form-grid .full{grid-column:1/-1}.privacy{font-size:12px;color:var(--muted);margin:10px 0}.success{display:none;color:var(--teal);font-size:14px;margin-top:10px} .footer{background:var(--deep);color:#d9e6ed;padding:60px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:35px}.footer .logo{color:#fff}.footer p{color:#a9c0ce;font-size:14px;margin:7px 0}.footer h3{color:#fff;font-size:16px;margin:0 0 14px}.footer ul{list-style:none;margin:0;padding:0}.footer li{color:#a9c0ce;font-size:14px;margin:7px 0}.footer li a:hover,.copyright a:hover{color:#8fe0d4}.copyright{border-top:1px solid rgba(255,255,255,.14);margin-top:42px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;color:#8fa8b7;font-size:12px} @media(max-width:1023px){.nav-links{gap:0}.nav-links a{padding:10px 7px;font-size:13px}.data-layout{grid-template-columns:180px 1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:767px){.topbar{height:auto;padding:6px 0}.topbar .container{font-size:11px}.topbar .container>div:last-child{display:none}.topbar span{margin-right:10px}.nav-inner{height:68px}.menu-toggle{display:block;margin-left:auto}.nav-links{display:none;position:absolute;top:102px;left:0;right:0;background:#fff;padding:12px 22px 18px;box-shadow:0 10px 20px rgba(25,70,100,.12);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{min-height:44px;padding:9px 5px;border-bottom:1px solid #edf2f5}.nav-cta{display:none}.page-band{padding:50px 0}.page-band h1{font-size:34px}.section{padding:65px 0}.section-head{margin-bottom:28px}h2{font-size:28px}.overview{grid-template-columns:1fr 1fr}.data-layout,.scene-grid,.faq-grid,.contact-wrap{grid-template-columns:1fr;gap:25px}.filter{display:none}.data-item{grid-template-columns:72px 1fr 18px;padding:17px 15px;gap:11px}.data-item h3{font-size:16px}.field-row{grid-template-columns:1fr 1fr;padding:15px}.field-row span:last-child{grid-column:1/-1}.update-box{grid-template-columns:1fr;padding:22px}.form-grid{grid-template-columns:1fr}.form-grid textarea,.form-grid .full{grid-column:auto}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.copyright{display:block}.copyright span{display:block;margin-bottom:8px}} @media(max-width:420px){.container{padding:0 16px}.logo{font-size:17px}.overview{gap:10px}.metric{padding:17px 13px}.metric strong{font-size:22px}.metric span{font-size:12px}.footer-grid{grid-template-columns:1fr}.page-band h1{font-size:31px}} /* roulang page: category7 */ :root{ --blue:#1769aa;--blue-dark:#0e4f88;--teal:#1d9a8a;--orange:#e8873a; --ink:#17324b;--muted:#60758a;--bg:#f7fafc;--line:#dce7ef;--white:#fff; --deep:#102b46;--radius:15px;--shadow:0 12px 30px rgba(28,72,105,.09); --soft-shadow:0 5px 18px rgba(28,72,105,.07) } *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;font-size:16px;line-height:1.75} a{color:inherit;text-decoration:none} img{max-width:100%;display:block} button,input,select,textarea{font:inherit} button{cursor:pointer} .container{max-width:1200px;margin:auto;padding:0 22px} .topbar{height:34px;background:#eef5f9;color:#557086;font-size:12px} .topbar .container,.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between} .topbar span{margin-right:24px} .site-header{background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid transparent;transition:.25s} .site-header.scrolled{box-shadow:0 5px 20px rgba(25,70,100,.1);border-color:var(--line)} .nav-inner{height:76px;gap:22px} .logo{display:flex;align-items:center;gap:10px;color:var(--blue);font-size:20px;font-weight:800;white-space:nowrap} .logo-mark{width:31px;height:31px;border:2px solid var(--blue);border-radius:8px;position:relative;flex:none} .logo-mark:before,.logo-mark:after{content:"";position:absolute;background:var(--teal);height:2px;transform:rotate(-28deg);left:5px;right:5px} .logo-mark:before{top:10px}.logo-mark:after{top:17px;background:var(--blue)} .nav-links{display:flex;align-items:center;gap:4px;margin-left:auto} .nav-links a{padding:10px 12px;color:#4b6579;font-size:14px;position:relative;white-space:nowrap} .nav-links a:hover,.nav-links a.active{color:var(--blue)} .nav-links a.active:after{content:"";position:absolute;height:2px;background:var(--blue);bottom:2px;left:12px;right:12px} .menu-toggle{display:none;background:none;border:0;color:var(--blue);font-size:26px;min-height:44px} .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 21px;border-radius:8px;font-weight:700;font-size:14px;border:1px solid transparent;transition:.25s} .btn-primary{background:var(--blue);color:#fff;box-shadow:0 6px 14px rgba(23,105,170,.2)} .btn-primary:hover{background:var(--blue-dark);transform:translateY(-2px)} .btn-light{background:#eaf4fb;color:var(--blue)} .btn-light:hover{background:#dcecf7} .btn:focus,.nav-links a:focus,.menu-toggle:focus,input:focus,textarea:focus,select:focus,summary:focus{outline:3px solid rgba(29,154,138,.32);outline-offset:2px} .section{padding:96px 0} .section.alt{background:#edf5f9} .section-kicker{font-size:13px;letter-spacing:1.5px;font-weight:800;color:var(--teal)} .section-head{max-width:760px;margin-bottom:36px} .section-head h2{font-size:34px;line-height:1.32;margin:8px 0 13px;letter-spacing:-.5px} .section-head p{color:var(--muted);margin:0} .page-title{padding:58px 0 52px;position:relative;overflow:hidden;background:#eaf3f8;border-bottom:1px solid var(--line)} .page-title:after{content:"";position:absolute;width:370px;height:370px;right:-70px;top:-170px;border:1px solid rgba(23,105,170,.17);border-radius:50%;box-shadow:0 0 0 35px rgba(23,105,170,.045),0 0 0 70px rgba(23,105,170,.035)} .page-title .container{position:relative;z-index:1} .breadcrumb{display:flex;gap:9px;align-items:center;color:#668196;font-size:14px;margin-bottom:13px} .breadcrumb b{color:#9bb0bf;font-weight:400} .page-title h1{font-size:44px;line-height:1.24;letter-spacing:-1px;margin:0 0 12px;max-width:790px} .page-title p{max-width:740px;color:#526e83;margin:0} .title-data{position:absolute;right:8%;bottom:25px;z-index:1;display:flex;gap:8px;align-items:flex-end;opacity:.76} .title-data i{display:block;width:8px;background:var(--blue);border-radius:5px 5px 0 0} .title-data i:nth-child(1){height:23px}.title-data i:nth-child(2){height:42px;background:var(--teal)}.title-data i:nth-child(3){height:31px}.title-data i:nth-child(4){height:58px;background:#77a9c9}.title-data i:nth-child(5){height:47px;background:var(--orange)} .overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px} .overview-item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:23px 20px;box-shadow:var(--soft-shadow)} .overview-num{font-size:30px;font-weight:800;line-height:1.1;color:var(--blue);margin-bottom:8px} .overview-item p{font-size:14px;color:var(--muted);margin:0} .catalog-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:start} .filter-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--soft-shadow);position:sticky;top:128px} .filter-panel h3{font-size:18px;margin:0 0 14px} .filter-group{border-top:1px solid var(--line);padding:15px 0 2px} .filter-group strong{font-size:14px;color:#49667c;display:block;margin-bottom:8px} .filter-option{display:flex;align-items:center;gap:8px;padding:7px 0;color:#60758a;font-size:14px} .filter-option:before{content:"";width:8px;height:8px;border-radius:50%;background:#b7cad8} .filter-option.active{color:var(--blue);font-weight:700}.filter-option.active:before{background:var(--teal)} .data-list{display:grid;gap:14px} .list-item{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px 22px;display:grid;grid-template-columns:124px minmax(0,1fr) 30px;gap:20px;align-items:center;box-shadow:0 3px 12px rgba(28,72,105,.035);transition:.22s} .list-item:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#9cc6dd} .list-date{font-size:13px;color:#638097;line-height:1.55}.list-date b{display:block;color:var(--blue);font-size:15px} .list-content h3{font-size:18px;line-height:1.45;margin:0 0 5px}.list-content p{font-size:14px;color:var(--muted);margin:0 0 10px} .tags{display:flex;flex-wrap:wrap;gap:7px}.tag{display:inline-flex;padding:3px 8px;border-radius:4px;background:#e9f5f3;color:#217e73;font-size:12px;font-weight:700}.tag.gray{background:#f1f5f7;color:#668095}.tag.orange{background:#fff0e5;color:#b96625} .list-arrow{font-size:25px;color:var(--blue);transition:.2s}.list-item:hover .list-arrow{transform:translateX(4px)} .more-row{text-align:center;padding-top:24px} .more-row .btn{background:#fff;border-color:var(--line);color:var(--blue)}.more-row .btn:hover{border-color:var(--blue);background:#edf6fb} .definition-wrap{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--soft-shadow)} .definition-row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)} .definition-row:last-child{border-bottom:0} .definition-cell{padding:20px 24px;display:flex;gap:14px;align-items:flex-start} .definition-cell:first-child{border-right:1px solid var(--line)} .definition-cell b{min-width:88px;color:var(--blue);font-size:15px}.definition-cell span{color:var(--muted);font-size:14px} .scene{display:grid;grid-template-columns:42% 1fr;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--soft-shadow);margin-bottom:24px} .scene.reverse{grid-template-columns:1fr 42%} .scene img{width:100%;height:255px;object-fit:cover} .scene-copy{padding:32px 37px;display:flex;flex-direction:column;justify-content:center} .scene-copy h3{font-size:23px;margin:5px 0 10px}.scene-copy p{color:var(--muted);font-size:15px;margin:0 0 13px} .text-link{font-weight:700;color:var(--blue);display:inline-flex;align-items:center;gap:7px}.text-link:hover{color:var(--blue-dark)} .update-panel{background:#eaf4f8;border:1px solid #d2e4ee;border-radius:var(--radius);padding:30px} .update-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:23px} .update-step{padding:0 24px;border-right:1px solid #cbdde7}.update-step:first-child{padding-left:0}.update-step:last-child{border-right:0} .update-step b{display:block;color:var(--teal);font-size:13px;margin-bottom:6px}.update-step h3{font-size:18px;margin:0 0 7px}.update-step p{font-size:14px;color:var(--muted);margin:0} .faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start} .faq-intro{background:var(--deep);border-radius:var(--radius);padding:34px;color:#fff}.faq-intro h2{font-size:30px;line-height:1.35;margin:9px 0 13px}.faq-intro p{color:#c7d8e3;margin:0 0 21px} .faq-intro .section-kicker{color:#82d9cd} .faq-list details{background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:12px;box-shadow:0 3px 10px rgba(28,72,105,.04)} .faq-list summary{list-style:none;min-height:56px;display:flex;align-items:center;justify-content:space-between;padding:12px 19px;font-weight:700;color:#29485f;cursor:pointer} .faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"＋";font-size:22px;color:var(--blue);font-weight:400}.faq-list details[open] summary:after{content:"－"} .faq-list details p{margin:0;padding:0 19px 17px;color:var(--muted);font-size:14px} .contact-strip{margin-top:30px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:25px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:var(--soft-shadow)} .contact-strip h3{font-size:20px;margin:0 0 3px}.contact-strip p{font-size:14px;color:var(--muted);margin:0} .footer{background:#12324f;color:#c4d5df;padding:62px 0 0}.footer .logo{color:#fff}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.25fr;gap:38px}.footer h3{font-size:15px;color:#fff;margin:4px 0 15px}.footer p{font-size:13px;margin:0 0 8px}.footer ul{margin:0;padding:0;list-style:none}.footer li{margin:0 0 9px;font-size:13px}.footer a:hover{color:#89d9d0}.copyright{margin-top:44px;padding:20px 0;border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#9db6c6} @media(max-width:1100px){.nav-links a{padding:10px 7px;font-size:13px}.nav-inner{gap:13px}.catalog-layout{grid-template-columns:210px minmax(0,1fr)}} @media(max-width:900px){.nav-links{display:none;position:absolute;left:0;right:0;top:110px;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 22px 20px;box-shadow:0 12px 20px rgba(28,72,105,.1)}.nav-links.open{display:flex;flex-direction:column;align-items:stretch}.nav-links a{min-height:44px;padding:11px 5px}.nav-links a.active:after{left:5px;right:auto;width:64px}.menu-toggle{display:block;margin-left:auto}.nav-cta{display:none}.overview-grid{grid-template-columns:repeat(2,1fr)}.catalog-layout{grid-template-columns:1fr}.filter-panel{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px}.filter-panel h3{grid-column:1/-1;margin:0}.filter-group{border-top:0;padding:0}.scene,.scene.reverse{grid-template-columns:38% 1fr}.scene.reverse img{order:2}.scene-copy{padding:25px}.faq-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:640px){body{font-size:15px}.container{padding:0 17px}.topbar .container>div:last-child{display:none}.topbar .container{justify-content:center}.topbar span{margin:0 9px}.topbar span:last-child{display:none}.nav-inner{height:66px}.logo{font-size:18px}.page-title{padding:42px 0}.page-title h1{font-size:32px}.page-title p{font-size:14px}.title-data{right:18px;bottom:13px;transform:scale(.7);transform-origin:right bottom}.section{padding:65px 0}.section-head{margin-bottom:27px}.section-head h2{font-size:27px}.overview-grid{gap:11px}.overview-item{padding:18px 15px}.overview-num{font-size:24px}.filter-panel{display:block;padding:18px}.filter-group{border-top:1px solid var(--line);padding:12px 0 0;margin-top:10px}.list-item{grid-template-columns:1fr 22px;gap:12px;padding:18px}.list-date{grid-column:1/-1;border-bottom:1px dashed var(--line);padding-bottom:8px}.list-date b{display:inline;margin-right:9px}.list-content h3{font-size:16px}.definition-row{grid-template-columns:1fr}.definition-cell{padding:16px}.definition-cell:first-child{border-right:0;border-bottom:1px solid var(--line)}.definition-cell b{min-width:80px}.scene,.scene.reverse{grid-template-columns:1fr}.scene img,.scene.reverse img{height:205px;order:0}.scene-copy{padding:23px}.scene-copy h3{font-size:20px}.update-panel{padding:24px 20px}.update-grid{grid-template-columns:1fr;gap:20px}.update-step,.update-step:first-child{padding:0 0 18px;border-right:0;border-bottom:1px solid #cbdde7}.update-step:last-child{padding-bottom:0;border-bottom:0}.faq-intro{padding:27px}.faq-intro h2{font-size:26px}.contact-strip{padding:22px;display:block}.contact-strip .btn{margin-top:16px;width:100%}.footer{padding-top:47px}.footer-grid{grid-template-columns:1fr;gap:25px}.copyright{display:block;line-height:1.9}.copyright span{display:block}.copyright span+span{margin-top:8px}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}