/* roulang page: index */
:root{--bg:#f3f4ef;--paper:#fbfcf8;--ink:#202b2b;--muted:#687675;--line:#dfe5df;--dark:#182323;--mint:#b8f4d6;--green:#52d6b0;--violet:#8b65ef;--grad:linear-gradient(110deg,#59dcb4 0%,#45bfc5 46%,#8864ed 100%);--r-lg:30px;--r-md:20px;--shadow:0 16px 40px rgba(31,54,49,.08);--max:1240px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","HarmonyOS Sans SC","Noto Sans SC",sans-serif;font-size:16px;line-height:1.7;overflow-x:hidden}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}img{display:block;max-width:100%}
.container{width:min(var(--max),calc(100% - 48px));margin:auto}
.topbar{height:38px;background:#e7ece5;color:#586664;font-size:13px}
.topbar .container{height:100%;display:flex;justify-content:space-between;align-items:center}
.status{display:flex;align-items:center;gap:8px}.status i{width:8px;height:8px;border-radius:50%;background:#55d39d;box-shadow:0 0 0 4px #d1f1df}
.toplinks{display:flex;align-items:center;gap:20px}.toplinks a:hover{color:#513bb4}
.navbar{height:78px;background:rgba(251,252,248,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;transition:.25s}
.navbar.scrolled{box-shadow:0 8px 24px rgba(29,47,42,.1);background:rgba(255,255,255,.96)}
.navinner{height:100%;display:flex;align-items:center;gap:34px}
.logo{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;white-space:nowrap}
.logo-mark{width:30px;height:30px;border-radius:10px;background:var(--grad);position:relative}
.logo-mark:before,.logo-mark:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#fff}.logo-mark:before{left:7px;top:6px}.logo-mark:after{right:6px;bottom:6px}
.navlinks{display:flex;align-items:center;gap:24px;margin-left:auto}.navlinks a{font-size:14px;color:#596664;padding:10px 0;position:relative}.navlinks a:after{content:"";position:absolute;left:0;bottom:4px;width:0;height:2px;border-radius:4px;background:var(--grad);transition:.2s}.navlinks a:hover:after,.navlinks a.active:after{width:100%}
.btn{min-height:46px;padding:10px 20px;border-radius:14px;display:inline-flex;justify-content:center;align-items:center;gap:8px;font-weight:700;font-size:14px;transition:.25s;border:1px solid transparent}.btn-primary{color:#102222;background:var(--grad);box-shadow:0 8px 18px rgba(73,193,169,.2)}.btn-primary:hover{filter:brightness(1.08);box-shadow:0 12px 25px rgba(73,193,169,.32);transform:translateY(-2px)}.btn-dark{background:#253232;color:#eafff4}.btn-dark:hover{background:#324646;transform:translateY(-2px)}.btn-outline{border-color:#bfcac4;color:var(--ink)}.btn-outline:hover{border-color:#8063e8;color:#5942be}
:focus-visible{outline:3px solid #9a7bfa;outline-offset:3px}
.menu-btn{display:none;background:none;width:46px;height:46px;font-size:25px}
.hero{min-height:650px;position:relative;background:var(--dark);color:#f4fff9;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,35,35,.98) 14%,rgba(20,35,35,.78) 48%,rgba(20,35,35,.25)),url('/assets/images/4c19c9dfc521a91b.webp') center/cover}.hero .container{position:relative;min-height:650px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:50px;padding-top:35px;padding-bottom:45px}
.eyebrow{color:#8ce5c1;text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:800;margin-bottom:15px}.hero h1{font-size:clamp(40px,5vw,70px);line-height:1.12;letter-spacing:-2px;max-width:650px}.hero h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;color:transparent}.hero p{font-size:17px;color:#c2cfca;max-width:620px;margin:24px 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero .btn-outline{border-color:#70817c;color:#f3fff9}.hero-panel{background:rgba(28,44,43,.76);border:1px solid rgba(180,246,218,.25);border-radius:28px;padding:22px;box-shadow:0 24px 70px rgba(0,0,0,.22)}.panel-head{display:flex;justify-content:space-between;color:#b5c8c0;font-size:13px}.live{color:#93efbe}.live:before{content:"";display:inline-block;width:7px;height:7px;background:#64dda8;border-radius:50%;margin-right:7px}.graph{height:190px;margin:22px 0;position:relative;border-radius:18px;background:repeating-linear-gradient(0deg,rgba(189,245,222,.06) 0 1px,transparent 1px 38px),repeating-linear-gradient(90deg,rgba(189,245,222,.05) 0 1px,transparent 1px 48px);overflow:hidden}.graph svg{width:100%;height:100%}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{background:rgba(255,255,255,.06);padding:12px;border-radius:14px}.metric small{display:block;color:#9eafaa;font-size:11px}.metric strong{font-size:22px;color:#e0fff0;font-variant-numeric:tabular-nums}
.section{padding:100px 0}.section.alt{background:#edf0eb}.section.dark{background:var(--dark);color:#f4fff9}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section-head h2{font-size:clamp(27px,3vw,42px);line-height:1.2;letter-spacing:-1px}.section-head p{max-width:590px;color:var(--muted)}.dark .section-head p{color:#adbfba}.kicker{font-size:12px;color:#6c57d3;font-weight:800;letter-spacing:1.5px;margin-bottom:10px}.dark .kicker{color:#8ee9c2}
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.visual{border-radius:var(--r-lg);overflow:hidden;min-height:380px;background:#d9e7df;position:relative}.visual img{width:100%;height:100%;min-height:380px;object-fit:cover}.visual:after{content:"AI RESOURCE FLOW";position:absolute;left:22px;bottom:20px;color:#fff;font-weight:800;font-size:12px;letter-spacing:2px;text-shadow:0 2px 8px #123}
.cap-list{display:grid;gap:16px;margin:25px 0}.cap-list li{list-style:none;padding:15px 18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.55);display:flex;gap:12px;align-items:flex-start}.cap-list b{color:#6852d2}.proofs{display:flex;gap:12px}.proof{padding:14px 18px;border-radius:16px;background:#e2f8eb;border:1px solid #c6ead4}.proof strong{display:block;font-size:24px;font-variant-numeric:tabular-nums}.proof span{font-size:12px;color:var(--muted)}
.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);padding:26px;transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#b6dcca}.adv-card:nth-child(2),.adv-card:nth-child(5){min-height:245px}.adv-icon{width:42px;height:42px;border-radius:14px;background:#e3f8ed;color:#3baf8d;display:grid;place-items:center;font-size:22px;margin-bottom:20px}.card h3{font-size:20px;margin-bottom:8px}.card p{color:var(--muted);font-size:14px}.tag{display:inline-flex;padding:5px 10px;border-radius:999px;background:#eef0fb;color:#6555c9;font-size:11px;font-weight:700;margin-top:16px}
.products{display:grid;grid-template-columns:1fr .8fr 1fr;gap:18px;align-items:start}.product{min-height:365px;position:relative;overflow:hidden}.product:nth-child(2){margin-top:-18px;background:#253737;color:#effff7;border-color:#3b5a54}.product:nth-child(2) p{color:#b5ccc3}.product img{height:120px;width:100%;object-fit:cover;border-radius:15px;margin-bottom:22px}.product .btn{margin-top:24px}.mini-flow{display:flex;gap:6px;margin:20px 0}.mini-flow i{height:7px;flex:1;border-radius:5px;background:var(--grad)}
.method-wrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:65px;align-items:center}.case-note{border-left:2px solid #72dfb4;padding-left:22px;color:#b6c8c1}.case-note strong{display:block;color:#effff7;font-size:28px;margin-bottom:12px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.step{position:relative;padding:15px 18px 15px 0}.step:not(:last-child):after{content:"";position:absolute;top:35px;left:52px;right:0;height:1px;background:#50635d}.num{width:48px;height:48px;border-radius:50%;background:var(--grad);color:#172726;display:grid;place-items:center;font-size:18px;font-weight:800;position:relative;z-index:1;margin-bottom:25px}.step h3{font-size:17px}.step p{font-size:13px;color:#aebfba;margin-top:7px}
.result{background:#e6ece5}.result-card{background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:28px;display:grid;grid-template-columns:1.25fr .75fr;gap:35px;align-items:center}.trend{height:220px;background:#f0f4ed;border-radius:20px;padding:20px}.trend svg{width:100%;height:100%}.result-stats{display:grid;gap:14px}.result-stat{padding:16px;border-radius:16px;background:#edf9f1}.result-stat strong{font-size:28px;color:#39a881;font-variant-numeric:tabular-nums}.result-stat span{display:block;color:var(--muted);font-size:13px}
.story-grid{display:grid;grid-template-columns:1.25fr .85fr .85fr;gap:18px}.story{min-height:280px}.story:first-child{background:#283838;color:#f3fff8}.story:first-child p{color:#bed0c8}.story-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.quote{font-size:18px;line-height:1.6;margin:18px 0}.story small{color:#83948f}
.scenes{display:grid;grid-template-columns:230px 1fr;gap:22px}.scene-tabs{display:grid;gap:8px}.scene-tabs button{text-align:left;background:transparent;border:1px solid var(--line);border-radius:14px;padding:15px;color:var(--muted);min-height:52px}.scene-tabs button.active,.scene-tabs button:hover{background:#e0f7e9;border-color:#8bd9b4;color:#23795e;font-weight:700}.scene-panel{background:var(--paper);border-radius:24px;padding:32px;border:1px solid var(--line)}.scene-panel h3{font-size:25px;margin-bottom:12px}.scene-panel p{color:var(--muted);max-width:700px}.scene-labels{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.scene-labels span{padding:6px 12px;border-radius:999px;background:#f0ebff;color:#674dcc;font-size:12px}
.news-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:18px}.news{overflow:hidden;padding:0}.news img{height:175px;width:100%;object-fit:cover}.news-body{padding:22px}.news time{font-size:12px;color:#7b8984}.news h3{font-size:18px;margin:8px 0}.news p{font-size:14px;color:var(--muted)}
.indicator{padding:25px 0;background:var(--grad)}.indicator-grid{display:grid;grid-template-columns:repeat(4,1fr);color:#143330}.indicator-item{padding:7px 25px;border-right:1px solid rgba(20,51,48,.22)}.indicator-item:last-child{border:0}.indicator strong{display:block;font-size:34px;font-variant-numeric:tabular-nums}.indicator span{font-size:13px}
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stars{color:#6c57d3;letter-spacing:3px;margin-bottom:12px}.review p{font-size:15px}.review small{display:block;color:var(--muted);margin-top:18px}.faq{max-width:900px;margin:auto}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;text-align:left;padding:21px 0;font-weight:700;font-size:17px}.faq-q span{font-size:25px;color:#6555c9;font-weight:400;transition:.2s}.faq-a{max-height:0;overflow:hidden;color:var(--muted);font-size:15px;transition:max-height .3s ease}.faq-item.open .faq-a{max-height:180px;padding:0 38px 20px 0}.faq-item.open .faq-q span{transform:rotate(45deg)}
.cta-section{padding:90px 0}.cta-box{background:var(--dark);color:#f2fff8;border-radius:32px;padding:46px;display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;position:relative;overflow:hidden}.cta-box:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;right:-130px;top:-230px;background:rgba(107,224,186,.12)}.cta-box h2{font-size:36px;line-height:1.25}.cta-box p{color:#b9cbc4;margin:17px 0 22px}.trust-list{display:flex;gap:8px;flex-wrap:wrap}.trust-list span{padding:7px 11px;border:1px solid #425650;border-radius:999px;color:#c9ded5;font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;position:relative;z-index:1}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:13px;color:#c5d6cf}.field input,.field select,.field textarea{width:100%;border:1px solid #435752;background:#223332;color:#effff8;border-radius:12px;padding:11px 13px;outline:0}.field textarea{min-height:88px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#7de5bb;box-shadow:0 0 0 3px rgba(125,229,187,.15)}.form-note{font-size:12px;color:#9fb3aa;margin-top:10px}.form-status{color:#8ef0bd;font-size:13px;margin-top:8px}
footer{background:#172322;color:#b9c9c3;padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:1.1fr .8fr 1fr;gap:45px;padding-bottom:38px;border-bottom:1px solid #354640}.footer-logo{color:#f1fff8}.footer p{font-size:14px;margin-top:13px;max-width:320px}.footer h3{color:#effff8;font-size:15px;margin-bottom:15px}.footer-links{display:grid;gap:8px;font-size:14px}.footer-links a:hover{color:#8de8be}.contact-line{font-size:14px;margin:7px 0}.copyright{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;padding-top:22px;color:#849791}
@media(max-width:1000px){.navinner{gap:18px}.navlinks{gap:14px}.hero .container{grid-template-columns:1fr .9fr}.section{padding:78px 0}.method-wrap{gap:30px}.story-grid,.news-grid{grid-template-columns:1fr 1fr}.story:first-child,.news:first-child{grid-column:1/-1}.cta-box{gap:30px}}
@media(max-width:767px){.container{width:min(100% - 32px,560px)}.topbar{height:36px}.topbar .container{justify-content:space-between}.toplinks span{display:none}.toplinks{gap:8px}.navbar{height:68px}.navlinks,.navbar>.container>.btn{display:none}.menu-btn{display:block;margin-left:auto}.hero,.hero .container{min-height:620px}.hero .container{display:block;padding-top:75px}.hero h1{font-size:42px}.hero p{font-size:15px;margin:18px 0 24px}.hero-panel{margin-top:35px}.section{padding:68px 0}.section-head{display:block;margin-bottom:26px}.section-head p{margin-top:13px}.split,.result-card,.method-wrap,.cta-box{grid-template-columns:1fr}.visual,.visual img{min-height:280px}.adv-grid,.products,.reviews{grid-template-columns:1fr}.product:nth-child(2){margin-top:0}.steps{grid-template-columns:1fr;gap:12px}.step{padding-left:70px}.step .num{position:absolute;left:0;top:0}.step:not(:last-child):after{left:24px;top:60px;right:auto;width:1px;height:55px}.story-grid,.news-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.story,.news{min-width:84%;scroll-snap-align:start}.indicator-grid{grid-template-columns:1fr 1fr;gap:18px}.indicator-item{border-right:0;padding:4px 10px}.indicator strong{font-size:28px}.scenes{grid-template-columns:1fr}.scene-tabs{display:flex;overflow:auto}.scene-tabs button{white-space:nowrap}.cta-box{padding:30px 22px}.cta-box h2{font-size:29px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.form-grid .btn{width:100%}.footer-grid{grid-template-columns:1fr;gap:28px}}
@media(max-width:375px){body{font-size:14px}.hero h1{font-size:36px}.hero-actions{display:grid}.hero-actions .btn{width:100%}.metric strong{font-size:18px}.section{padding:58px 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}