:root{--ink:#183329;--green:#356044;--lime:#b7e300;--cream:#fff9ed;--soft:#edf4ea;--muted:#647269;--line:#d9e2d6;font-family:Arial,"Microsoft YaHei",sans-serif;color:var(--ink);background:var(--cream)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream)}button,input,select,textarea{font:inherit}.nav{position:sticky;top:0;z-index:20;height:72px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe5d9;background:#fffdf7eF;backdrop-filter:blur(16px)}.logo{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.logo span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:white;background:var(--green);font-weight:900}.logo b{font-size:18px}.nav nav{display:flex;gap:24px;align-items:center}.nav nav a{color:var(--ink);text-decoration:none;font-size:14px}.nav .nav-cta{padding:11px 16px;border-radius:10px;color:#fff;background:var(--ink);font-weight:800}.hero{width:min(1180px,calc(100% - 40px));min-height:690px;margin:auto;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.overline,.section-title>p,.form-intro>p{color:var(--green);font-size:13px;font-weight:900;letter-spacing:.1em}.hero h1{margin:18px 0;font-size:clamp(38px,4.4vw,56px);line-height:1.08;letter-spacing:-.04em}.hero h1 em{color:var(--green);font-style:normal}.lead{max-width:640px;color:var(--muted);font-size:19px;line-height:1.85}.hero-actions{display:flex;gap:12px;margin:32px 0}.primary,.ghost{padding:15px 25px;border-radius:12px;text-decoration:none;font-weight:900}.primary{color:#fff;background:var(--ink)}.ghost{color:var(--ink);border:1px solid var(--line);background:#fff}.proof{display:flex;gap:22px}.proof span{color:var(--muted);font-size:13px}.proof b{display:block;margin-bottom:4px;color:var(--ink);font-size:15px}.employee-board{padding:30px;border:1px solid #bfcdbf;border-radius:28px;background:#fff;box-shadow:0 36px 90px #1b3c2a22}.board-head{display:flex;align-items:center;gap:10px;padding-bottom:22px;border-bottom:1px solid var(--line)}.board-head small{margin-left:auto;padding:5px 8px;border-radius:6px;color:#fff;background:var(--green);font-weight:900}.status-dot{width:12px;height:12px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 7px #b7e3002d}.flow-step{display:grid;grid-template-columns:46px 1fr auto;gap:14px;align-items:center}.flow-step i{width:46px;height:46px;display:grid;place-items:center;border:2px solid var(--line);border-radius:50%;font-style:normal;font-weight:900}.flow-step div b,.flow-step div span{display:block}.flow-step div span{margin-top:4px;color:var(--muted);font-size:13px}.flow-step strong{color:#849087;font-size:12px}.flow-step.done i,.flow-step.active i{border-color:var(--green);color:#fff;background:var(--green)}.flow-step.active strong{color:var(--green)}.flow-line{height:30px;margin-left:22px;border-left:2px dashed #c7d2c5}.employee-board>p{margin:24px 0 0;padding:14px;border-radius:10px;background:var(--soft);text-align:center;color:var(--green);font-size:13px}.section{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:90px 0}.section-title{max-width:760px;margin-bottom:36px}.section-title h2,.form-intro h2{margin:8px 0 10px;font-size:42px;line-height:1.2}.section-title>span,.form-intro>span{color:var(--muted);line-height:1.7}.job-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.job-card{min-height:166px;padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff;text-align:left;cursor:pointer;transition:.2s}.job-card:hover,.job-card.selected{border-color:var(--green);transform:translateY(-3px);box-shadow:0 20px 40px #1b3c2a13}.job-card span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:var(--green);background:var(--soft);font-size:20px}.job-card b,.job-card small{display:block}.job-card b{margin:17px 0 7px;font-size:17px}.job-card small{color:var(--muted);font-size:12px;line-height:1.65}.plan-section{width:100%;padding-left:max(20px,calc((100% - 1180px)/2));padding-right:max(20px,calc((100% - 1180px)/2));background:#f1f6ee}.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.plan{position:relative;display:flex;flex-direction:column;padding:24px;border:1px solid #d4ded2;border-radius:18px;background:#fff}.plan.featured{border:2px solid var(--green);box-shadow:0 22px 60px #203b2b19}.recommend{position:absolute;left:18px;top:-15px;padding:7px 11px;border-radius:999px;color:#fff;background:var(--green);font-size:11px;font-weight:900}.plan span{color:var(--green);font-size:12px;font-weight:900}.plan h3{margin:10px 0;font-size:24px}.price{margin:14px 0 5px}.price b{font-size:36px}.price small{margin-left:5px;color:var(--muted)}.maintenance{height:20px;margin:0;color:var(--muted);font-size:13px}.plan ul{flex:1;margin:24px 0;padding:0;list-style:none}.plan li{padding:9px 0;border-bottom:1px solid #eef1ec;color:#536158;font-size:14px}.plan li:before{content:"✓";margin-right:8px;color:var(--green);font-weight:900}.plan button,.submit{width:100%;padding:13px;border:0;border-radius:10px;color:#fff;background:var(--ink);font-weight:900;cursor:pointer}.featured button{color:var(--ink);background:var(--lime)}.rule-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.rule-grid article{padding:25px;border-top:4px solid var(--lime);background:#fff}.rule-grid article>b{color:var(--green);font-size:13px}.rule-grid h3{font-size:18px}.rule-grid p{color:var(--muted);font-size:14px;line-height:1.7}.customize{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start;padding-bottom:120px}.form-intro{position:sticky;top:110px}.form-intro ol{margin:35px 0;padding:0;list-style:none;counter-reset:steps}.form-intro li{counter-increment:steps;padding:14px 0;border-bottom:1px solid var(--line)}.form-intro li:before{content:counter(steps);display:inline-grid;place-items:center;width:28px;height:28px;margin-right:12px;border-radius:50%;color:#fff;background:var(--green);font-weight:900}form{padding:30px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 26px 70px #1b3c2a14}label{display:block;margin-bottom:18px;font-size:14px;font-weight:800}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}input,select,textarea{width:100%;margin-top:8px;padding:13px;border:1px solid #ccd8cb;border-radius:10px;color:var(--ink);background:#fff;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #35604416}textarea{resize:vertical}.agree{display:flex;gap:8px;align-items:flex-start;color:var(--muted);font-size:12px;line-height:1.6}.agree input{width:auto;margin:3px 0 0}.submit{padding:16px;background:var(--green);font-size:16px}.submit:disabled{opacity:.55}#formStatus{min-height:22px;margin:12px 0 0;color:var(--green);text-align:center;font-size:14px}footer{padding:40px max(24px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1fr auto auto;gap:30px;align-items:center;color:#fff;background:var(--ink)}footer p{color:#b9c8bf}.footer-links{display:flex;gap:18px;align-items:center}.footer-links a{color:var(--lime);text-decoration:none;font-size:13px;font-weight:900}@media(max-width:900px){.hero{grid-template-columns:1fr;padding:70px 0}.plans{grid-template-columns:repeat(2,1fr)}.job-grid{grid-template-columns:repeat(2,1fr)}.rule-grid{grid-template-columns:repeat(2,1fr)}.customize{grid-template-columns:1fr}.form-intro{position:static}}@media(max-width:620px){.nav{height:64px;padding:0 14px}.nav nav>a:not(.nav-cta){display:none}.nav .nav-cta{padding:9px 11px;font-size:12px}.hero{width:calc(100% - 28px);gap:35px;padding:55px 0}.hero h1{font-size:28px;letter-spacing:-.01em}.lead{font-size:16px}.proof{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.employee-board{padding:20px}.section{width:calc(100% - 28px);padding:65px 0}.section-title h2,.form-intro h2{font-size:26px}.job-grid,.plans,.rule-grid{grid-template-columns:1fr}.plan-section{width:100%;padding-left:14px;padding-right:14px}.form-row{grid-template-columns:1fr}form{padding:20px}.customize{gap:28px}footer{grid-template-columns:1fr;gap:12px}.footer-links{align-items:flex-start;flex-direction:column;gap:10px}}

.primary{border:0;cursor:pointer}
.reception-showcase{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;border-top:1px solid var(--line)}
.reception-copy h2{margin:10px 0 16px;font-size:42px;line-height:1.2;letter-spacing:-.025em}
.reception-copy>span{display:block;max-width:640px;color:var(--muted);font-size:16px;line-height:1.8}
.reception-points{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0}
.reception-points b{padding:8px 11px;border:1px solid #d7e2d4;border-radius:999px;color:var(--green);background:#fff;font-size:12px}
.reception-demo{display:flex;align-items:center;gap:18px;padding:15px 20px;border:0;border-radius:12px;color:#fff;background:var(--ink);font-weight:900;cursor:pointer}
.reception-demo span{color:var(--lime);font-size:20px}
.reception-preview{padding:25px;border:1px solid #c8d6c7;border-radius:24px;background:#fff;box-shadow:0 30px 80px #1b3c2a1a}
.preview-head{display:flex;gap:12px;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line)}
.preview-head>span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;color:var(--ink);background:var(--lime);font-weight:900}
.preview-head b,.preview-head small{display:block}.preview-head small{margin-top:5px;color:var(--muted);font-size:12px}.preview-head i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#63b533}
.preview-message{width:88%;margin:20px 0 13px;padding:14px 16px;border-radius:5px 16px 16px 16px;background:var(--soft);font-size:14px;line-height:1.65}
.preview-intents{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preview-intents span{padding:10px;border:1px solid #d2dfd0;border-radius:10px;color:var(--green);font-size:12px}
.preview-result{margin-top:18px;padding:15px;border-radius:12px;background:var(--ink)}.preview-result small,.preview-result b{display:block}.preview-result small{color:#c5d2ca;font-size:11px}.preview-result b{margin-top:6px;color:#fff;font-size:14px}
@media(max-width:900px){.reception-showcase{grid-template-columns:1fr;gap:35px}}
@media(max-width:620px){.reception-showcase{padding-top:25px}.reception-copy h2{font-size:26px}.reception-preview{padding:18px}.preview-intents{grid-template-columns:1fr}.hero-actions{align-items:stretch}.hero-actions .primary,.hero-actions .ghost{text-align:center}}


/* 2026-10 mobile typography and platform navigation */
.hero h1{font-size:clamp(28px,3.2vw,42px)}
.section-title h2,.form-intro h2{font-size:clamp(24px,2.6vw,32px)}
.price b,.maintenance{font-family:SimSun,"宋体",serif;font-size:16px;font-weight:400}.price small{font-size:14px}
.platform-footer{grid-template-columns:auto 1fr;align-items:start}.platform-footer>p{grid-column:1}.platform-footer .footer-links{grid-column:2;grid-row:1/3;justify-content:flex-end;flex-wrap:wrap;max-width:720px}
@media(max-width:620px){.hero{padding:42px 0}.hero h1{font-size:18px;line-height:1.42;letter-spacing:0}.section{padding:52px 0}.section-title h2,.form-intro h2{font-size:18px;line-height:1.55}.plan h3{font-size:18px}.price{margin:10px 0 5px}.platform-footer{grid-template-columns:1fr}.platform-footer>p,.platform-footer .footer-links{grid-column:1;grid-row:auto}.platform-footer .footer-links{align-items:flex-start;justify-content:flex-start;flex-direction:row;flex-wrap:wrap;gap:10px 16px}.footer-links a{font-size:13px}}

/* Main-hosted product page: compact mobile type and complete platform footer. */
.platform-footer .filing-records{grid-column:1/-1;display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;width:100%;padding-top:22px;margin-top:20px;border-top:1px solid #ffffff24}.platform-footer .filing-records a{color:#c7d0ca;font-size:12px}
@media(max-width:620px){body{font-size:15px}.hero .eyebrow,.section-title p,.form-intro p{font-size:12px}.hero .lead,.section-title>span,.form-intro>span{font-size:15px;line-height:1.75}.hero-actions a,.hero-actions button,.job-card b,.delivery-card h3,.rule-grid h3,.security-grid h3,form label{font-size:15px}.platform-footer .filing-records{grid-column:1;margin-top:14px;padding-top:16px;justify-content:flex-start;gap:8px 12px}.platform-footer .filing-records a{font-size:11px}}

/* Final mobile scale: app-sized type and a visible two-column platform footer. */
@media(max-width:620px){
  body,.lead,.reception-copy>span,.section-title>span,.form-intro>span,.delivery-card p,.rule-grid p,.security-grid p,.plan li,label,input,select,textarea{font-size:15px!important}
  .hero h1,.section-title h2,.form-intro h2,.reception-copy h2,.security-heading h2{font-size:18px!important;line-height:1.5!important;letter-spacing:0!important}
  .plan h3,.delivery-card h3,.rule-grid h3,.security-grid h3,.board-head b,.preview-head b{font-size:16px!important}
  .hero-actions a,.hero-actions button,.primary,.ghost,.submit{font-size:16px!important}
  .overline,.section-title>p,.form-intro>p,.delivery-card>span,.plan>span,.recommend{font-size:12px!important}
  .platform-footer .footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:10px 18px}
  .platform-footer .footer-links a{font-size:13px!important;line-height:1.5}
}

/* QYWISE_NUMBER_SYSTEM: digits use a smaller, lighter Song typeface without changing Chinese body copy. */
@font-face{font-family:"QywiseNumbers";src:local("SimSun"),local("Songti SC"),local("STSong"),local("Noto Serif CJK SC");unicode-range:U+0025,U+002C,U+002E-0039,U+00A5,U+FF05,U+FF0C;size-adjust:82%;font-style:normal;font-weight:100 900}
html body,button,input,textarea,select{font-family:"QywiseNumbers",Arial,"Microsoft YaHei",sans-serif;font-synthesis:none}