
.china-hero{padding:100px 0 80px;min-height:calc(100vh - 74px);display:grid;align-items:center}
.china-hero-grid{display:grid;grid-template-columns:1.1fr .7fr;gap:70px;align-items:center}
.service-badge{display:inline-flex;padding:8px 14px;border:1px solid rgba(126,232,181,.25);border-radius:999px;background:rgba(66,211,146,.09);color:#7ee8b5;font-size:.86rem;font-weight:700}
.china-hero h1{font-size:clamp(2.5rem,6vw,5rem);line-height:1.18;margin:20px 0}
.china-hero p{color:var(--muted);font-size:1.08rem;max-width:720px}
.nav-login{padding:8px 14px;border:1px solid var(--border);border-radius:12px;color:var(--text)!important}
.trust-points{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px;color:#dbe1ed;font-size:.9rem}
.route-card{position:relative;padding:36px;border:1px solid var(--border);border-radius:30px;background:linear-gradient(145deg,rgba(111,124,255,.2),transparent 45%),var(--surface);box-shadow:var(--shadow)}
.route-line{position:absolute;right:55px;top:58px;bottom:58px;width:2px;background:var(--border)}
.route-item{position:relative;display:flex;align-items:center;gap:18px;padding:15px 0;color:var(--muted)}
.route-item b{z-index:1;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--surface-soft);border:1px solid var(--border);color:var(--text)}
.route-item.active{color:var(--text)}.route-item.active b{background:var(--primary)}
.role-grid,.security-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.role-card,.security-grid article{padding:34px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}
.role-card h3{font-size:1.5rem;margin:18px 0 8px}.role-card p,.security-grid p{color:var(--muted)}
.role-card a{display:inline-block;margin-top:22px;color:var(--primary-hover);font-weight:700}
.role-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:rgba(111,124,255,.16);color:var(--primary-hover);font-weight:800;font-size:1.3rem}
.calculator-section{border-block:1px solid var(--border);background:rgba(255,255,255,.018)}
.calculator-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;align-items:start}
.calculator-intro{color:var(--muted);margin-top:20px}.formula-note{margin-top:28px;padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}
.formula-note code{display:block;margin-top:8px;color:var(--primary-hover);white-space:normal}
.profit-calculator{padding:30px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.profit-calculator label{display:grid;gap:8px;color:#dbe1ed;font-size:.9rem}
.profit-calculator input,.profit-calculator select{width:100%;min-height:48px;padding:0 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft);color:var(--text);font:inherit}
.full-button{width:100%;border:0;cursor:pointer;margin-top:22px}
.calculator-result{margin-top:24px;padding:18px;border-radius:16px;background:rgba(255,255,255,.035)}
.calculator-result div{display:flex;justify-content:space-between;gap:20px;padding:9px 0;color:var(--muted)}
.calculator-result strong{color:var(--text)}.calculator-result .recommended{margin-top:8px;padding-top:16px;border-top:1px solid var(--border);font-size:1.08rem}.calculator-result .recommended strong{color:#7ee8b5}
.calculator-result small{display:block;color:var(--muted);margin-top:10px}
.security-grid{grid-template-columns:repeat(3,1fr)}.security-grid b{display:block;margin-bottom:10px}
@media(max-width:900px){.china-hero-grid,.calculator-layout{grid-template-columns:1fr}.security-grid{grid-template-columns:1fr}.china-hero{padding-top:70px}}
@media(max-width:680px){.role-grid,.field-grid{grid-template-columns:1fr}.china-hero h1{font-size:2.45rem}.profit-calculator{padding:22px}.trust-points{display:grid}}
