/* Shared product marketing system */
:root{--paper:#f6f7f9;--ink:#16181c;--text:#252830;--muted:#686d78;--line:#e5e7eb;--soft:#f1f3f6;--orange:#ff841f;--orange-dark:#bb4d00}
body{background:var(--paper);font-family:"Segoe UI","Microsoft YaHei",sans-serif}
.preview-banner{background:#16181c;color:#fff;font-size:10px;padding:5px 20px}
.preview-banner span{color:#bfc2c9}
.site-header{max-width:none;padding:22px max(36px,calc((100vw - 1280px)/2));background:#fff;border-bottom:1px solid #eee;min-height:88px}
.brand{font-size:25px;letter-spacing:.06em}.brand svg{width:43px;height:43px}.brand-sub{font-size:10px}
.site-header nav{gap:36px;font-size:14px}.site-header nav>a{font-weight:500}
.site-header nav .nav-contact{background:var(--orange);color:#16181c;border:0;border-radius:8px;padding:12px 23px}
main,.site-footer{max-width:1352px}main{padding:0 36px}
h1,h2,h3{letter-spacing:-.035em;font-weight:700}
.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:700;color:#bc5205}
.button{border-radius:8px;min-height:48px;font-size:14px;font-weight:600;padding:13px 23px;box-shadow:none}
.button:not(.secondary){background:var(--orange);border-color:var(--orange);color:#17191d;box-shadow:0 5px 16px #ff841f25}
.button.secondary{background:#fff;border-color:#dce0e5;color:#252830}
.button.secondary:hover{background:#fff6ee;border-color:#ffa15c}
.button:hover{transform:translateY(-2px)}
.hero{padding:88px 0 75px;gap:42px;grid-template-columns:1fr 1.12fr;position:relative}
.hero:before{content:"";position:absolute;inset:0 -36px;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 85% 25%,#ffdbbf77,transparent 55%)}
.hero-kicker{display:inline-flex;padding:7px 12px;border:1px solid #f1d8c4;background:#fff7ef;border-radius:30px;font-size:11px}
.hero h1{font-size:60px;line-height:1.2;margin:25px 0;letter-spacing:-.065em}.hero h1 .serif{font:inherit;color:#e96d0a}
.hero-copy>p{font-size:15px;line-height:1.95;max-width:480px}.hero-actions{margin-top:31px;gap:12px}.hero-notes{font-size:11px;gap:18px}
.workspace{transform:perspective(1200px) rotateY(-5deg) rotateX(2deg);border:1px solid #dfe2e7;border-radius:14px;box-shadow:0 30px 70px -25px #25283045;background:#fff;overflow:hidden}
.workspace:before{display:none}.workspace-top{background:#fff;padding:18px;border-color:#e8ebf0}.workspace-top svg{color:#ff841f}.workspace-top b{color:#9499a3}
.workspace-body{grid-template-columns:120px 1fr;min-height:383px}.mock-sidebar{background:#191c22;border:0;padding:22px 10px;color:#bbc0cc;gap:9px}
.mock-sidebar>span{color:#9ca2b0;font-size:10px;padding:10px 7px}.mock-sidebar .mock-active{background:#ff841f;color:#17191d;font-weight:600}
.mock-account{color:#d5d9e2;border-top:1px solid #343842;padding-top:20px;font-size:8px}.avatar{background:#383d48;color:#ffd3b0}
.mock-main{background:#f7f8fb;padding:24px 20px}.mock-heading h3{font-size:19px;color:#20242c}.mock-icon{background:white;border:1px solid #e2e5eb;border-radius:7px;padding:4px 8px;color:#ef7921}
.flow-summary{background:#fff;border-color:#e4e7ed;border-radius:8px;padding:15px 10px;margin:24px 0;font-size:10px;box-shadow:0 3px 9px #16181c04}
.flow-summary span{padding:5px;background:#fff2e7;border-radius:4px;color:#9e4b0a}.flow-summary i{color:#aab0bb}
.mock-table-title{font-size:11px}.mock-row{background:#fff;padding:14px 10px;border:1px solid #e8ebf0;border-radius:7px;margin-top:8px;gap:10px}.mock-row b{font-size:11px}.mock-row small{font-size:8px}.row-icon{background:#fff2e8;border:0;color:#d85e04;width:30px;height:32px}.mini-tag{background:#eef1f7;color:#627086;font-size:8px}.mock-footer{color:#78808f}.workspace-bottom{background:#fff;color:#8b929f;padding:10px 16px;border-color:#edf0f3}
.principles{padding:28px 34px;background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:6px;box-shadow:0 4px 16px #15192303}
.principles>div{font-size:21px;font-weight:600}.principles i{color:#ff841f}.principles .eyebrow{font-size:9px;max-width:140px}.principles>p{font-size:12px;color:#8b909b}
.section{padding:76px 0}.section-heading{margin-bottom:32px}.section h2,.section-heading h2,.about-layout h2{font-size:38px;line-height:1.35}.section-heading>p{font-size:14px;max-width:400px}
.module-grid{gap:18px}.module-card{background:#fff;border:1px solid #e4e7ec;border-radius:13px;padding:28px;position:relative;box-shadow:0 4px 12px #14192303;transition:transform .2s,box-shadow .2s,border-color .2s}
.module-card:hover{background:#fff;border-color:#f6b27c;transform:translateY(-5px);box-shadow:0 16px 35px #2329360c}
.module-card .number{width:43px;height:43px;background:#fff0e3;border-radius:11px;display:grid;place-items:center;color:#db6006;font-size:14px;font-weight:700}.card-top{margin-bottom:25px}.tag{border:0;background:#f1f3f6;color:#697180;font-size:10px;border-radius:4px;padding:3px 8px}.module-card h3{font-size:22px;margin-bottom:13px}.module-card p{font-size:13px;min-height:48px}.module-card a{font-size:12px;color:#b95105;margin-top:25px;font-weight:600}
.approach{border:0;gap:75px}.steps{background:#fff;border-radius:14px;padding:10px 30px;border:1px solid var(--line)}.steps article{padding:24px 0}.steps article:first-child{padding-top:24px}.steps article:last-child{border-bottom:0}.steps article>span{color:#e87924;font-size:14px;font-weight:600}.steps h3{font-size:19px}.steps p{font-size:13px}
.cta{position:relative;overflow:hidden;background:#191c22;border-radius:18px;padding:52px 55px;margin-bottom:65px;box-shadow:0 12px 28px #171b2110}.cta:after{content:"";position:absolute;right:20%;top:-130px;width:360px;height:360px;border:65px solid #ff841f0d;border-radius:50%;pointer-events:none}.cta h2{font-size:36px}.cta p{font-size:14px;color:#b8beca}.cta .eyebrow{color:#ffa159}.cta>.button{z-index:1;position:relative}
.site-footer{padding:0 36px}.footer-top{padding:38px 0 34px;border-color:#e1e4e9}.footer-top p{font-size:12px}.footer-links{font-size:12px;gap:95px}.footer-bottom{font-size:10px;color:#8a909a;border-color:#e1e4e9}
.page-heading{text-align:center;margin:0 auto;padding:64px 0 38px;max-width:880px}.page-heading h1{font-size:49px;line-height:1.25}.page-heading>p{margin:20px auto 0;font-size:15px;max-width:710px;line-height:1.9}.page-heading .eyebrow{display:inline-flex;background:#fff1e5;color:#bf5509;border:1px solid #ffdec2;border-radius:30px;padding:5px 12px;font-size:10px}
.page-pricing .page-heading{padding-top:53px}.page-pricing .page-heading h1{font-size:46px}.page-pricing .page-heading h1 br{display:none}.page-pricing .page-heading p{max-width:640px;font-size:14px}
.pricing-draft{margin:0 0 42px;background:#fff9f1;border:1px solid #f1dfc8;border-radius:8px;padding:12px 18px;display:flex;gap:18px;align-items:center}.pricing-draft b{font-size:11px;white-space:nowrap;color:#a05219}.pricing-draft p{font-size:10px;color:#9a806a;margin:0;line-height:1.7}
.package-grid{gap:17px;margin-bottom:52px;align-items:stretch}.package{position:relative;padding:28px 23px 23px;border:1px solid #e0e4ea;background:#fff;border-radius:14px;box-shadow:0 8px 20px #161b2504;transition:transform .2s,box-shadow .2s}.package:hover{transform:translateY(-4px);box-shadow:0 18px 35px #161b2510}.package .eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:12px;color:#8d929d}.package h2{font-size:25px}.package-fit{font-size:12px;min-height:42px;line-height:1.8;margin-top:12px;color:#8a909c}.package-price{font-size:40px;font-weight:750;letter-spacing:-.055em;margin:20px 0 24px;white-space:nowrap}.package-price small{font-size:19px;font-weight:600}.package-price>span{font-size:11px;font-weight:400;margin-top:6px;color:#8a909c}.package-volume{padding-top:22px;flex-direction:row;align-items:baseline;gap:8px;flex-wrap:wrap;border-color:#eceef2}.package-volume strong{font-size:25px}.package-volume>span{font-size:10px;color:#959aa4}.unit-price{font-size:11px;margin-top:8px;color:#7f8693}.package .checklist{margin:24px 0 28px;font-size:11px}.package .checklist li{color:#6f7683;padding:8px 0 8px 19px;line-height:1.7}.checklist li:before{color:#ee7b24}.package .button{font-size:12px;min-height:45px;border-color:#d8dde5;color:#2c313c;border-radius:7px}
.package:nth-child(3){background:#1d2027;color:#fff;border:1px solid #1d2027;box-shadow:0 18px 40px #191e2920}.package:nth-child(3):before{content:"规模化业务方案";position:absolute;top:-25px;right:20px;background:#ff841f;color:#17191d;padding:4px 13px;font-size:10px;font-weight:600;border-radius:7px 7px 0 0;line-height:1.7}.package:nth-child(3) .eyebrow{color:#ffa464}.package:nth-child(3) .package-price,.package:nth-child(3) h2{color:#fff}.package:nth-child(3) .package-fit,.package:nth-child(3) .unit-price,.package:nth-child(3) .checklist li,.package:nth-child(3) .package-price>span{color:#b2b8c5}.package:nth-child(3) .package-volume{border-color:#3b404b}.package:nth-child(3) .button{background:#ff841f;border-color:#ff841f;color:#181b20}.package:nth-child(3) .package-volume>span{color:#a5adbb}
.estimator{padding:35px 40px;background:#fff;border:1px solid #e1e5eb;border-radius:14px;gap:50px;color:var(--ink);box-shadow:0 8px 22px #171c2703}.estimator h2{font-size:29px}.estimator h2 br{display:none}.estimator .eyebrow{color:#bf5509}.estimator p{color:#858c98;font-size:12px;line-height:1.85;max-width:440px}.estimator form>label{font-weight:600;font-size:12px;color:#58606e}.estimate-input input{background:#f8f9fb;border-color:#dce1e9;border-radius:7px;font-size:17px;padding:12px 16px}.estimate-result{color:#6c7583;border-color:#e7eaf0;font-size:11px}.estimate-input .button{font-size:12px}.estimator .fine-print{font-size:10px!important;margin-top:12px}
.table-wrap{background:#fff;border:1px solid #e4e7ed;border-radius:12px}table{font-size:12px;min-width:540px}th{background:#f0f3f7;padding:17px 20px;color:#545e6e;font-weight:600}td{padding:19px 20px;border-color:#edf0f4;color:#818896}td:first-child{font-weight:600;color:#3a4352}tbody tr:last-child td{border:0}
.faq{display:grid;grid-template-columns:1fr 1.5fr;column-gap:60px;align-items:start;padding:12px 0 70px}.faq>.eyebrow{grid-column:1;grid-row:1;margin-top:10px}.faq>h2{grid-column:1;grid-row:2/7;font-size:33px;max-width:340px}.faq>details{grid-column:2;background:#fff;padding:18px 22px;border:1px solid #e3e7ee;border-radius:9px;margin-bottom:9px}.faq summary{font-size:13px;font-weight:600}.faq details p{font-size:12px;line-height:1.9;color:#7d8593}
.feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.feature-detail{display:block;background:#fff;border:1px solid #e1e5eb;border-radius:14px;padding:30px}.feature-detail>div:first-child{margin-bottom:26px}.feature-detail h2{font-size:28px}.feature-detail h3{font-size:17px}.feature-detail .process{background:#f4f6f9;color:#768191;border-radius:6px;font-size:11px}.feature-detail p{font-size:13px}.soft-panel{background:#fff;border:1px solid #e2e6ed;border-radius:14px;margin-top:40px;padding:40px}.soft-panel h2{font-size:30px}.soft-panel h3{font-size:18px}
.about-layout{padding-top:20px}.brand-panel{background:linear-gradient(135deg,#1b1d23,#30343f);border-radius:16px;box-shadow:0 15px 30px #13172210}.brand-panel svg{color:#ff841f}.brand-panel>p{color:#f4f5f8;font-weight:650}.about-layout .prose p{font-size:14px;line-height:2;color:#7a8290}.plain-card{background:#fff;border:1px solid #e1e5eb;border-radius:12px;padding:28px}.plain-card h3{font-size:20px}.plain-card .number{color:#c4661f}
.contact-layout{gap:55px;padding-top:10px}.contact-aside{background:#1d2027;color:white;padding:32px;border-radius:14px}.contact-aside>p,.contact-aside .fine-print,.contact-note p{color:#b0b7c5}.contact-aside .checklist li{color:#d6dbe4}.contact-note{border-color:#404652}.contact-note .eyebrow{color:#ffa159}.quote-form{border-radius:14px;padding:34px;border-color:#e1e5eb;box-shadow:0 10px 25px #19213204}.quote-form input:not([type=checkbox]),.quote-form textarea,.quote-form select{background:#f8f9fb;border-color:#dce2ea;border-radius:7px;padding:12px;font-size:13px}.checks label{background:#f8f9fb;border-color:#e1e5eb}.checks label:has(input:checked){background:#fff0e3;border-color:#f29853}.prose.legal{background:#fff;border:1px solid #e4e7ed;padding:32px 40px;border-radius:12px}.legal.standalone{margin:0 auto 65px}.policy-note{background:#fff6ed;border-color:#f58220}.legal p{color:#7a8390}.legal-toc{padding-top:20px}.prose.legal h2{font-size:22px;letter-spacing:-.02em}
@media(min-width:1500px){.hero{padding:95px 0 85px}.hero h1{font-size:64px}.workspace-body{min-height:410px}.mock-main{padding:26px}.mock-row{padding:16px 12px}}
@media(max-width:1100px){.site-header{padding:20px 30px}.hero{gap:28px}.hero h1{font-size:49px}.workspace-body{grid-template-columns:95px 1fr}.mock-main{padding:20px 14px}.mock-heading h3{font-size:16px}.hero-notes{font-size:10px;gap:10px}.package-price{font-size:34px}.package{padding:25px 20px}.principles>div{font-size:18px}.cta h2{font-size:32px}}
@media(min-width:801px) and (max-width:1050px){.package-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.package{padding:22px 14px}.package h2{font-size:22px}.package-price{font-size:29px}.package-fit{font-size:10px;min-height:40px}.package-volume strong{font-size:21px}.package .checklist{font-size:10px}.package .button{font-size:11px;padding:11px}}
@media(max-width:800px){main,.site-footer{padding-left:26px;padding-right:26px}.site-header nav{gap:18px;font-size:12px}.site-header nav .nav-contact{padding:10px 14px}.hero{grid-template-columns:1fr;gap:42px;padding:55px 0}.hero h1{font-size:54px}.hero-copy{max-width:620px}.hero-copy>p{max-width:560px}.workspace{transform:none;max-width:680px}.workspace-body{grid-template-columns:120px 1fr;min-height:370px}.mock-main{padding:24px}.mock-heading h3{font-size:20px}.module-card{padding:23px}.approach{gap:30px}.steps{padding:8px 22px}.cta{padding:38px}.page-heading h1{font-size:42px}.page-pricing .page-heading h1{font-size:40px}.package-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 17px}.package{padding:27px 24px}.package-fit{min-height:0}.package-price{font-size:38px}.pricing-draft{display:block;margin-bottom:45px}.pricing-draft p{margin-top:6px}.estimator{padding:30px;grid-template-columns:1fr;gap:24px}.estimator p{max-width:none}.faq{gap:20px;grid-template-columns:1fr 1.4fr}.faq>h2{font-size:27px}.feature-detail{padding:24px}.feature-detail .process{font-size:10px}.contact-aside{padding:28px}.contact-layout{gap:30px}.legal-layout{gap:25px}.prose.legal{padding:25px}}
@media(max-width:620px){main,.site-footer{padding-left:20px;padding-right:20px}.site-header{padding:17px 20px;min-height:76px}.preview-banner{font-size:9px}.preview-banner span{font-size:9px}.brand{font-size:22px}.brand svg{width:36px;height:36px}.site-header nav{background:white}.site-header nav .nav-contact{padding:13px 16px}.hero{padding:42px 0;gap:35px}.hero h1{font-size:43px;line-height:1.25}.hero-copy>p{font-size:13px}.hero-kicker{font-size:10px}.hero-actions .button{font-size:12px;gap:15px;padding:12px 16px}.hero-notes{font-size:9px;gap:12px}.workspace-body{grid-template-columns:80px 1fr;min-height:310px}.mock-main{padding:17px 11px}.mock-heading h3{font-size:14px}.mock-sidebar{padding:17px 6px;gap:8px}.mock-sidebar>span{font-size:8px;padding:8px 3px}.mock-account{font-size:7px;padding-top:12px}.mock-row{padding:10px 7px;gap:6px}.mock-row b{font-size:9px}.mock-row small{font-size:7px}.row-icon{width:24px;height:28px}.flow-summary{font-size:8px;gap:3px;padding:11px 6px;margin:19px 0}.flow-summary span{padding:3px}.workspace-top{padding:13px}.mock-footer{font-size:7px}.principles{padding:22px}.principles>div{font-size:16px;gap:8px}.principles .eyebrow{margin-bottom:12px}.section{padding:45px 0}.section h2,.section-heading h2{font-size:29px}.section-heading>p{font-size:12px}.module-grid{gap:12px}.module-card{padding:18px}.module-card h3{font-size:18px}.module-card p{font-size:11px;min-height:60px}.module-card .number{width:34px;height:34px;font-size:12px;border-radius:8px}.card-top{margin-bottom:20px}.tag{font-size:8px;padding:3px 5px}.module-card a{font-size:10px}.approach{gap:25px}.steps h3{font-size:18px}.steps p{font-size:12px}.cta{padding:32px 26px;margin-bottom:40px;border-radius:13px}.cta h2{font-size:28px}.cta p{font-size:12px}.footer-top{padding:30px 0}.footer-links{font-size:11px;gap:70px}.footer-bottom{font-size:9px}.page-heading{padding:40px 0 28px}.page-heading h1{font-size:34px}.page-heading>p{font-size:13px;margin-top:16px}.page-pricing .page-heading{padding-top:38px}.page-pricing .page-heading h1{font-size:31px}.page-pricing .page-heading h1 br{display:block}.page-pricing .page-heading p{font-size:12px}.page-heading .eyebrow{font-size:8px}.pricing-draft{padding:13px 15px;margin-bottom:40px}.pricing-draft b{font-size:10px}.pricing-draft p{font-size:9px}.package-grid{gap:31px 10px}.package{padding:20px 14px;border-radius:10px}.package h2{font-size:21px}.package .eyebrow{font-size:7px}.package-fit{font-size:10px;min-height:37px}.package-price{font-size:28px;margin:16px 0 19px}.package-price small{font-size:13px;margin-right:2px}.package-price>span{font-size:9px}.package-volume{padding-top:15px;gap:3px}.package-volume strong{font-size:21px}.package-volume>span{font-size:9px}.unit-price{font-size:9px;min-height:31px}.package .checklist{font-size:9px;margin:16px 0 22px}.package .checklist li{padding:6px 0 6px 15px}.package .button{font-size:10px;min-height:40px;padding:10px;gap:6px}.package:nth-child(3):before{font-size:9px;top:-24px;right:10px;padding:4px 9px}.estimator{padding:25px 21px;gap:22px}.estimator h2{font-size:25px}.estimator p{font-size:11px}.estimate-input{gap:10px}.estimate-input input{font-size:15px}.estimate-input .button{font-size:11px}.estimate-result{font-size:10px}.faq{display:block;padding:10px 0 40px}.faq>h2{font-size:28px;max-width:none;margin-bottom:22px}.faq>details{padding:17px}.faq summary{font-size:12px}.faq details p{font-size:11px}.feature-list{grid-template-columns:1fr;gap:16px}.feature-detail{padding:25px}.feature-detail h2{font-size:26px}.feature-detail h3{font-size:18px}.soft-panel{padding:27px 23px}.soft-panel h2{font-size:26px}.plain-card{padding:25px}.contact-aside .checklist{display:block}.quote-form{padding:26px 20px}.contact-layout{padding-top:0}.prose.legal{padding:22px 20px}.legal.standalone{margin-bottom:40px}.prose.legal h2{font-size:20px}.legal p{font-size:12px}.brand-panel{min-height:260px}}
@media(prefers-reduced-motion:reduce){.module-card,.package,.workspace{transform:none!important}}
@media(max-width:800px){.hero:before{inset:0}.hero>*{min-width:0}}
