body.customer-public { --ink:#2a3547; --muted:#7c8896; --line:#e5eaef; background:#f0f5f9; color:#2a3547; font-family:'Segoe UI','Microsoft YaHei',sans-serif; line-height:1.7; -webkit-font-smoothing:antialiased; }
.customer-public .ui-icon { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
.customer-public :focus-visible { outline:3px solid #46caeb; outline-offset:3px; }
.customer-public .nav { position:sticky; width:min(1160px,calc(100% - 40px)); height:74px; top:18px; left:auto; right:auto; margin:18px auto 0; z-index:50; border:1px solid #eaf0f5; border-radius:16px; background:#fff; box-shadow:0 2px 6px #2553b912; }
.customer-public .nav-inner { width:100%; padding:0 26px; color:#2a3547; }
.customer-public .brand { font-size:21px; font-weight:650; display:flex; align-items:center; gap:11px; color:#2a3547; }
.customer-public .brand-symbol { width:37px; height:37px; display:grid; place-items:center; color:#0085db; background:#e5f3fb; border-radius:12px; }
.customer-public .menu { gap:28px; font-size:12px; font-weight:500; }
.customer-public .menu a { color:#748293; opacity:1; }
.customer-public .menu a.active,.customer-public .menu a:hover { color:#0085db; }
.customer-public .menu > a[href='/v2/login'] { padding:8px 16px; border-radius:7px; color:#fff; background:#0085db; }
.customer-public .language .lang-trigger-code { color:#8c9aaa; font-size:10px; font-weight:500; }
.customer-public .language:focus-within ul { display:block; }
.customer-public .language ul { border-radius:10px; border:1px solid #e5eaef; box-shadow:0 10px 30px #203c5b1c; }
.customer-public .public-menu-toggle { display:none; }
.customer-public .hero { width:min(1160px,calc(100% - 40px)); margin:28px auto 0; min-height:460px; background:#e5f3fb; color:#2a3547; border-radius:24px; }
.customer-public .hero:before,.customer-public .hero:after,.customer-public .wave { display:none; }
.customer-public .hero-inner { width:100%; min-height:460px; display:grid; grid-template-columns:1.1fr 1fr; padding:35px 52px; gap:22px; }
.customer-public .hero-kicker { display:inline-flex; font-size:10px; font-weight:500; letter-spacing:1.7px; color:#5a93ba; margin-bottom:19px; }
.customer-public .hero h1 { color:#2a4b65; font-size:43px; font-weight:650; line-height:1.35; letter-spacing:-1px; margin:0 0 20px; max-width:500px; }
.customer-public .hero p { color:#7a94a8; font-size:14px; max-width:430px; line-height:1.9; }
.customer-public .hero-actions { gap:12px; margin-top:26px; flex-wrap:wrap; }
.customer-public .outline-btn { display:inline-flex; justify-content:center; border:1px solid #c4dfef; border-radius:8px; color:#0085db; background:#fff; padding:11px 23px; font-size:12px; font-weight:500; box-shadow:none; min-width:110px; }
.customer-public .outline-btn:first-child { background:#0085db; color:#fff; border-color:#0085db; }
.customer-public .outline-btn:hover { background:#d8edfa; color:#0085db; }
.customer-public .outline-btn:first-child:hover { background:#0073bd; color:#fff; }
.customer-public .hero-visual { position:relative; display:flex; align-items:center; justify-content:center; min-width:0; }
.customer-public .hero-visual > img { width:100%; max-width:390px; height:auto; display:block; }
.customer-public .visual-tag { position:absolute; bottom:13px; left:0; display:flex; align-items:center; gap:12px; padding:15px 19px; color:#0085db; border:1px solid #e5eff7; border-radius:13px; background:#fff; box-shadow:0 5px 20px #2553b914; }
.customer-public .visual-tag b { display:block; color:#48677f; font-size:10px; letter-spacing:1.1px; font-weight:600; }
.customer-public .visual-tag span { display:block; color:#98a7b4; font-size:10px; }
.customer-public .section { width:min(1100px,calc(100% - 60px)); margin:0 auto; padding:60px 0; }
.customer-public .section + .section { padding-top:0; }
.customer-public .section h2 { color:#2a3547; font-size:27px; font-weight:600; margin:8px 0 15px; letter-spacing:-.5px; }
.customer-public .section > p,.customer-public .center > p { color:#8a96a3; font-size:13px; }
.customer-public .eyebrow { color:#0085db; font-size:10px; font-weight:500; letter-spacing:1px; }
.customer-public .cta-row { gap:10px; margin-top:24px; }
.customer-public .solid,.customer-public .ghost { border-radius:7px; padding:10px 21px; font-size:12px; font-weight:500; box-shadow:none; }
.customer-public .solid { background:#0085db; border-color:#0085db; color:#fff; }
.customer-public .ghost { background:#fff; border:1px solid #dfe5ef; color:#6b7b8e; }
.customer-public .cards { gap:20px; margin:28px 0; }
.customer-public .card { border:1px solid #eaf0f5; border-radius:16px; background:#fff; padding:26px; box-shadow:0 2px 6px #2553b912; }
.customer-public .card h3 { color:#48677f; font-size:16px; font-weight:600; margin:0 0 10px; }
.customer-public .card p { color:#929eaa; font-size:12px; margin:0; line-height:1.9; }
.customer-public .card:nth-child(2) { border-top:3px solid #46caeb; }
.customer-public .card:first-child { border-top:3px solid #0085db; }
.customer-public .card:nth-child(3) { border-top:3px solid #8763da; }
.customer-public .search-strip { padding:18px; border-radius:12px; background:#fff; border:1px solid #eaf0f5; gap:12px; margin:25px 0 16px; }
.customer-public input { border:1px solid #dfe5ef; border-radius:7px; background:#f9fbfd; color:#617080; font-size:12px; padding:10px 13px; min-width:0; }
.customer-public input:focus { outline:none; border-color:#0085db; box-shadow:0 0 0 3px #0085db12; }
.customer-public .table-scroll { max-height:440px; overflow:auto; border:1px solid #e5eaef; border-radius:13px; background:#fff; }
.customer-public table { border-collapse:separate; border-spacing:0; border:0; background:#fff; color:#718091; }
.customer-public th,.customer-public td { padding:15px 20px; border-color:#e5eaef; font-size:12px; }
.customer-public th { position:sticky; top:0; background:#f7fafc; color:#85919f; font-size:11px; font-weight:500; }
.customer-public .country-sub { font-size:10px; color:#a4aeb8; margin-top:3px; }
.customer-public .ok { display:inline-flex; padding:2px 10px; border-radius:15px; background:#dffff3; color:#16845b; font-size:10px; font-weight:500; }
.customer-public footer { background:#fff; color:#7d8b9b; border-top:1px solid #e5eaef; padding:45px 0; }
.customer-public footer .inner { width:min(1100px,calc(100% - 60px)); gap:60px; }
.customer-public footer h3 { color:#48677f; font-size:15px; font-weight:600; }
.customer-public footer p,.customer-public footer a { font-size:12px; color:#94a0ad; }
.customer-public .cookie { left:20px; right:20px; bottom:16px; width:auto; padding:15px 20px; border:1px solid #e5eaef; border-radius:12px; background:#fff; color:#8995a3; box-shadow:0 5px 24px #203c5b22; }
.customer-public .cookie p { font-size:11px; color:#8995a3; }
.customer-public .cookie button { padding:8px 15px; border:0; border-radius:7px; font-size:11px; background:#0085db; color:#fff; }
.customer-public .cookie button:last-child { color:#83909f; background:#f0f5f9; }
@media (max-width:850px) {
  .customer-public .nav { width:calc(100% - 28px); top:14px; margin-top:14px; height:64px; }
  .customer-public .nav-inner { padding:0 18px; }
  .customer-public .brand { font-size:18px; }
  .customer-public .public-menu-toggle { display:grid; place-items:center; width:36px; height:36px; border:0; border-radius:50%; background:#e5f3fb; color:#0085db; }
  .customer-public .menu { display:none; position:absolute; top:72px; right:0; left:0; padding:16px; background:#fff; border:1px solid #e5eaef; box-shadow:0 12px 30px #203c5b20; border-radius:14px; flex-direction:column; align-items:stretch; gap:4px; }
  .customer-public.public-menu-open .menu { display:flex; }
  .customer-public .menu > a { padding:10px 14px; border-radius:7px; }
  .customer-public .menu .language { padding:10px 14px; }
  .customer-public .hero { width:calc(100% - 28px); margin-top:20px; }
  .customer-public .hero-inner { padding:36px; gap:20px; grid-template-columns:1fr 1fr; min-height:370px; }
  .customer-public .hero { min-height:370px; }
  .customer-public .hero h1 { font-size:33px; }
  .customer-public .visual-tag { bottom:-2px; left:-10px; padding:10px 13px; }
  .customer-public .section { width:calc(100% - 40px); padding:44px 0; }
  .customer-public .cards { gap:14px; }
  .customer-public .card { padding:20px; }
}
@media (max-width:600px) {
  .customer-public .hero-inner { grid-template-columns:1fr; padding:30px 24px 12px; text-align:left; }
  .customer-public .hero h1 { font-size:32px; margin-bottom:14px; }
  .customer-public .hero p { font-size:12px; }
  .customer-public .hero-kicker { font-size:9px; margin-bottom:13px; letter-spacing:1px; }
  .customer-public .hero-actions { justify-content:flex-start; gap:10px; margin-top:22px; }
  .customer-public .outline-btn { padding:10px 18px; }
  .customer-public .hero-visual { min-height:230px; }
  .customer-public .hero-visual img { width:260px; }
  .customer-public .visual-tag { left:0; bottom:7px; }
  .customer-public .section h2 { font-size:23px; }
  .customer-public .cards { grid-template-columns:1fr; }
  .customer-public .cta-row { display:flex; flex-wrap:wrap; justify-content:center; }
  .customer-public .search-strip { grid-template-columns:1fr; padding:14px; }
  .customer-public footer .inner { width:calc(100% - 40px); grid-template-columns:1fr; gap:20px; }
  .customer-public .cookie { left:10px; right:10px; bottom:10px; flex-wrap:wrap; padding:13px; gap:8px; }
  .customer-public .cookie p { flex-basis:100%; margin:0 0 3px; }
  .customer-public th,.customer-public td { padding:12px; }
}
@media (prefers-reduced-motion:reduce) { .customer-public * { animation:none!important; transition:none!important; } }