:root {
  --wtb-navy: #0a1a33;
  --wtb-navy-2: #112b50;
  --wtb-blue: #29b6f6;
  --wtb-cyan: #00c9a7;
  --wtb-ink: #101828;
  --wtb-muted: #667085;
  --wtb-line: #e4e9f2;
  --wtb-canvas: #f5f7fb;
}

html, body { width: 100%; min-width: 0 !important; max-width: 100%; overflow-x: clip; }
body { margin: 0; color: var(--wtb-ink); background: var(--wtb-canvas); font-family: "Microsoft YaHei", system-ui, Arial, sans-serif; }
*, *::before, *::after { box-sizing: border-box; }
img { max-width: 100%; }
.site-header, .site-header__inner, .footer-pro, .ggyw, .fdnr { min-width: 0 !important; max-width: 100%; }
.site-logo img { width: auto; max-width: 170px; object-fit: contain; }
.site-header__inner { width: min(1320px, 100%) !important; grid-template-columns: 180px minmax(0, 1fr) auto; }
.site-nav { min-width: 0; }
.nav-list { gap: clamp(10px, 1.45vw, 22px); }
.nav-link { white-space: nowrap; }
.header-actions { white-space: nowrap; }
.header-user { color: #dfe9ff; font-size: 13px; }
.header-user strong { color: #fff; font-weight: 600; }

.wtb-empty { padding: 56px 20px; text-align: center; color: var(--wtb-muted); }
.wtb-empty strong { display: block; margin-bottom: 8px; color: var(--wtb-ink); font-size: 20px; }

.wtb-login-gate { min-height: 420px; display: grid; place-items: center; padding: 40px 16px; background: var(--wtb-canvas); }
.wtb-login-card { width: min(450px, 100%); padding: 46px 40px 40px; text-align: center; background: #fff; border: 1px solid rgba(41,182,246,.5); border-radius: 8px; box-shadow: 0 18px 50px rgba(10,26,51,.08); }
.wtb-login-icon { width: 74px; height: 74px; display: grid; place-items: center; margin: 0 auto 24px; border-radius: 50%; color: #fff; font-size: 34px; background: var(--wtb-navy); box-shadow: 0 10px 28px rgba(10,26,51,.18); }
.wtb-login-card h2 { margin: 0 0 12px; font-size: 25px; line-height: 1.35; }
.wtb-login-card h2 span { color: var(--wtb-cyan); }
.wtb-login-card p { margin: 0 0 30px; color: var(--wtb-muted); line-height: 1.7; }
.wtb-login-card p a { color: #00a98f; font-weight: 700; }
.wtb-login-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.wtb-login-actions a { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; padding: 0 18px; border-radius: 6px; font-weight: 700; text-decoration: none; white-space: nowrap; transition: transform .2s ease, box-shadow .2s ease; }
.wtb-login-actions a:active { transform: translateY(1px); }
.wtb-login-actions .secondary { color: #4b5d73; background: #f4f7fa; border: 1px solid #e6ebf2; }
.wtb-login-actions .primary { color: #fff; background: var(--wtb-navy); box-shadow: 0 8px 20px rgba(10,26,51,.16); }

.footer-pro .footer-logo img { width: 190px; height: auto; object-fit: contain; }
.footer-pro .footer-section.contact a { color: #cfe3ff; }
.footer-pro .footer-bottom img { width: 18px; height: 18px; vertical-align: -4px; }
.footer-pro .footer-badges img { object-fit: contain; }

.purchase { background: var(--wtb-canvas); }
.purchase .content { width: min(1180px, calc(100% - 32px)); margin: 0 auto; border-radius: 8px; box-shadow: 0 14px 40px rgba(10,26,51,.08); }
.purchase .puright h3 { color: var(--wtb-ink); }
.purchase .int2 { border: 0; border-radius: 6px; background: linear-gradient(90deg, var(--wtb-blue), var(--wtb-cyan)); color: #06233b; font-weight: 800; }
.purchase .int3 { border-color: #d8e0eb; border-radius: 6px; }
.purchase .int3:focus { border-color: var(--wtb-blue); box-shadow: 0 0 0 3px rgba(41,182,246,.12); }

.baremetal-catalog .sjxq > ul { align-items: stretch; }
.baremetal-catalog .sjbox { border-radius: 8px; overflow: hidden; box-shadow: 0 10px 30px rgba(10,26,51,.07); }
.baremetal-catalog .btn11 { border-radius: 0 0 8px 8px; }

@media (max-width: 1180px) {
  .site-header__inner { padding-left: 20px; padding-right: 20px; }
  .nav-list { gap: 10px; }
  .nav-link { font-size: 13px; }
}

@media (max-width: 900px) {
  html, body { overflow-x: hidden; }
  .site-header__inner { grid-template-columns: minmax(0, 1fr) auto auto; min-height: 66px; padding: 8px 14px; }
  .site-logo img { max-width: 126px; max-height: 44px; }
  .header-actions { display: none; }
  .site-nav.is-open { max-height: calc(100dvh - 66px); overflow-y: auto; }
  .wtb-login-gate { min-height: 360px; }
  .purchase .content { width: calc(100% - 24px); }
}

@media (max-width: 560px) {
  .wtb-login-card { padding: 34px 22px 26px; }
  .wtb-login-card h2 { font-size: 21px; }
  .wtb-login-actions { grid-template-columns: 1fr; }
}

/* Agent partnership surface and bare-metal system chooser. */
.front-agent{background:#f5f7fb;color:#101828;overflow-x:hidden}
.front-agent main{display:block}
.front-agent .agent-banner{background-image:linear-gradient(90deg,rgba(5,20,45,.9),rgba(5,20,45,.5)),url('/images/e_28.jpg');background-position:center;background-size:cover;min-height:390px;padding:72px 0 86px;display:flex;align-items:center}
.agent-hero{max-width:1200px!important;text-align:left!important}
.agent-hero__eyebrow,.agent-section-kicker{margin:0 0 12px;color:#59d4ff;font-size:13px;font-weight:700;letter-spacing:.08em}
.agent-hero__title{font-size:clamp(36px,4vw,58px)!important;line-height:1.15;text-align:left;margin-bottom:16px!important}
.agent-hero__subtitle{max-width:620px;text-align:left;line-height:1.8!important;margin-bottom:18px!important}
.agent-hero__highlights{align-items:flex-start!important;margin:0 0 30px!important}
.agent-hero__btns{justify-content:flex-start!important}
.agent-levels{padding:76px 0 86px!important;background:#f5f7fb!important}
.agent-section-head{text-align:center;margin-bottom:38px}.agent-section-head h2{margin:0 0 10px;font-size:32px;color:#12233e}.agent-section-head>p:last-child{margin:0;color:#667085;font-size:15px}
.agent-levels__grid{gap:22px!important}.agent-level-card{border-radius:10px!important;padding:30px 24px!important}.agent-level-card__badge{border-radius:4px!important}.agent-level-card__icon{border-radius:12px!important}.agent-level-card__status{border-radius:4px!important;color:#0072ff;background:#edf6ff!important;font-weight:600}
.agent-steps{padding:78px 0!important}.agent-steps__title{margin-bottom:36px!important}.agent-steps__img{max-width:760px;margin:0 auto}.agent-steps__img img{display:block;width:100%;height:auto}
.agent-features{padding:78px 0!important;background:#fff!important}.agent-features__header{margin-bottom:38px!important}.agent-features__title{font-size:32px!important}.agent-platform{margin-top:62px;padding-top:56px;border-top:1px solid #e5eaf1}.agent-platform__content{gap:56px!important}.agent-platform__info h3{margin:0 0 16px;font-size:26px;color:#12233e}.agent-platform__feat>span{color:#00a886;font-size:20px;font-weight:700}.agent-platform__desc{color:#667085!important}.agent-platform__btn{background:#0072ff!important;border-radius:5px!important}
.agent-requirements{padding:78px 0!important}.agent-req-card{border-radius:10px!important}.agent-req-card__icon{font-size:24px;color:#59d4ff;line-height:1}.agent-partners{padding:70px 0!important}.agent-partner-item{border-radius:8px!important}
.front-site{background:#f5f7fb;color:#101828;overflow-x:hidden}.front-site .site-banner{background-image:linear-gradient(90deg,rgba(5,20,45,.78),rgba(5,20,45,.32)),url('/images/banner_site.png');min-height:320px}.front-site .site-hero__title{margin-bottom:14px}.front-site .site-main{padding-top:42px}.front-site .site-template-card__actions{display:flex;border-top:1px solid #edf1f5}.front-site .site-template-card__actions a{flex:1;padding:11px 8px;text-align:center;color:#0072ff;font-size:13px;text-decoration:none}.front-site .site-template-card__actions a+a{border-left:1px solid #edf1f5}.front-site .site-template-card__actions a:hover{background:#f0f7ff}.front-site .site-empty{background:#fff;border-radius:10px;box-shadow:0 2px 12px rgba(0,0,0,.05)}
.footer-icp-badge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:18px;margin-right:6px;border:1px solid rgba(148,163,184,.55);border-radius:3px;color:#cbd5e1;font-size:10px;line-height:1}
@media(max-width:480px){.front-site .site-template-card__actions a{padding:10px 6px;font-size:12px}}
.baremetal-os-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:620px}.baremetal-os-card{position:relative;display:flex;align-items:center;gap:10px;min-height:72px;padding:12px 14px;border:1px solid #dbe4ee;border-radius:8px;background:#fff;color:#182b43;cursor:pointer;text-align:left;transition:border-color .2s,box-shadow .2s,transform .2s}.baremetal-os-card:hover{border-color:#45a9df;box-shadow:0 8px 18px rgba(24,91,133,.12);transform:translateY(-1px)}.baremetal-os-card.is-selected{border-color:#0072ff;box-shadow:0 0 0 2px rgba(0,114,255,.12);background:#f4f9ff}.baremetal-os-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;flex:0 0 38px}.baremetal-os-icon img{display:block;width:34px;height:34px}.baremetal-os-name{font-size:14px;font-weight:600;line-height:1.35;word-break:break-word}.baremetal-os-check{display:none;margin-left:auto;color:#0072ff;font-size:16px}.baremetal-os-card.is-selected .baremetal-os-check{display:block}.baremetal-os-empty{padding:14px 16px;border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;color:#667085;font-size:13px}
.baremetal-os-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}.baremetal-os-tab{min-height:36px;padding:0 18px;border:1px solid #d5e0eb;border-radius:5px;background:#fff;color:#63748a;font-size:13px;cursor:pointer}.baremetal-os-tab:hover{border-color:#48b9e8;color:#0874ad}.baremetal-os-tab.is-active{border-color:#12bfc0;color:#fff;background:linear-gradient(90deg,#48b8f1,#0bcab3);box-shadow:0 4px 12px rgba(0,167,183,.18)}
@media(max-width:760px){.front-agent .agent-banner{min-height:0;padding:56px 0 70px}.agent-hero{padding:0 20px!important}.agent-levels,.agent-steps,.agent-features,.agent-requirements,.agent-partners{padding-top:54px!important;padding-bottom:58px!important}.agent-platform{margin-top:40px;padding-top:38px}.baremetal-os-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.baremetal-os-tab{flex:0 0 auto}.baremetal-os-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.baremetal-os-card{min-height:66px;padding:10px}.baremetal-os-icon{width:32px;height:32px;flex-basis:32px}.baremetal-os-icon img{width:30px;height:30px}}
@media(max-width:420px){.agent-hero__title{font-size:30px!important}.agent-hero__btn{padding:11px 18px!important}.baremetal-os-grid{grid-template-columns:1fr}.baremetal-os-card{min-height:62px}}

/* Final reference alignment: dark hero, cyan action color, and floating product tabs. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.front-site .site-banner{height:372px;min-height:0;box-sizing:border-box;padding:0;background-color:#061b3b;background-image:linear-gradient(90deg,rgba(2,16,38,.96),rgba(3,33,78,.84)),url('/images/banner_site.png');background-blend-mode:normal;background-position:center;background-size:cover}.front-site .site-hero{width:100%}
.front-site .site-hero__title{font-size:42px;color:#16d5dc}.front-site .site-hero__desc{max-width:760px;margin-left:auto;margin-right:auto}.site-search{width:min(600px,calc(100vw - 40px));max-width:600px;height:56px;display:flex;margin:28px auto 16px;border-radius:30px;overflow:hidden;background:#fff;box-shadow:0 10px 28px rgba(0,0,0,.2)}.site-search input{min-width:0;flex:1;padding:0 26px;border:0;outline:0;color:#1b3554;font-size:14px;background:#fff}.site-search input::placeholder{color:#9aabc0}.site-search button{width:144px;border:0;color:#fff;background:linear-gradient(90deg,#38b7f0,#09cdb7);font-size:15px;font-weight:600;cursor:pointer}.site-search button:hover{filter:brightness(1.04)}.site-results-meta{margin:0 0 18px;color:#667085;font-size:14px}.site-results-meta strong{color:#0b6d9f}.front-site .site-main{padding-top:30px}
.front-product .product-hero .tgnr h2,.front-product .product-hero .tgnr h2 font{color:#25d2df!important;text-shadow:none}.front-product .product-hero .btn1{color:#fff!important;background:linear-gradient(90deg,#44b9f4,#00ceb2)!important}.front-product .product-hero .btn2{color:#fff!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.35)}.front-product .product-hero .btn2 font{color:#fff!important}
.front-product .fwlx{margin-top:-50px;padding-bottom:76px}.front-product .fwlx_tit,.front-product .fwlx_tit_a{border:1px solid rgba(255,255,255,.18);background:rgba(19,48,82,.92);box-shadow:0 12px 25px rgba(4,18,42,.14)}.front-product .fwlx_tit a,.front-product .fwlx_tit_a a{color:#e0ebf4}.front-product .fwlx_tit a.on4,.front-product .fwlx_tit_a li.hover_a a{color:#fff;background:linear-gradient(90deg,#45baf3,#05cbb4);border-bottom:0}.front-product .fwq_tit,.front-product .jxfptit,.front-product .sjtit,.front-product .fwq:hover .fwq_tit,.front-product .jxfpbox:hover .jxfptit,.front-product .sjbox:hover .sjtit{background:linear-gradient(135deg,#438cf5,#42c6dc)!important}.front-product .fwq_tit h2,.front-product .jxfptit h2,.front-product .sjtit h2{font-size:22px!important}.front-product .fwq,.front-product .jxfpbox,.front-product .sjbox{border-radius:10px;box-shadow:0 8px 24px rgba(12,42,74,.1)}.front-product .fwq_nr,.front-product .jxfp_nr,.front-product .sj_nr{background:#fff}.front-product .fwq_buy,.front-product .btn3,.front-product .btn11{background:#0a76ca!important}
@media(max-width:760px){.front-site .site-banner{min-height:350px}.front-site .site-hero__title{font-size:32px}.site-search{width:calc(100vw - 28px);height:50px}.site-search button{width:106px}.front-product .fwlx{margin-top:-32px}.front-product .fwlx_tit,.front-product .fwlx_tit_a{border-radius:8px}.front-product .fwlx_tit a,.front-product .fwlx_tit_a a{min-width:132px}}

/* Legacy public pages: keep the incumbent content, remove fixed desktop canvas on narrow screens. */
@media (max-width: 760px) {
  body { overflow-x: hidden; }
  .banner3, .banner4, .bzzx, .allb, .allb_right, .fwlx_a, .fwlx_tit_a, .gynr, .gybox, .qyjj, .yqjj_a, .yqjj_b, .jscs, .jscs_tit, .csnr, .dompage1, .cvhost { width: 100% !important; max-width: 100% !important; box-sizing: border-box; }
  .banner3, .banner4 { background-size: cover; }
  .bzzx { padding: 20px 14px 45px !important; }
  .bzzx_left, .bzzx_right, .allb_right { float: none !important; width: 100% !important; box-sizing: border-box; }
  .bzzx_left { margin-bottom: 16px; padding-bottom: 0; }
  .bzzx_right { padding: 20px 14px !important; }
  .allb { padding: 0 14px; }
  .allb ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
  .allb li, .allb ul li:nth-child(3), .allb ul li:nth-child(6), .allb ul li:nth-child(9), .allb ul li:nth-child(12) { float: none; width: auto; padding: 0; }
  .alnr, .alnr_tp, .alnr_tp img { width: 100%; max-width: 100%; height: auto; }
  .alnr_tp { aspect-ratio: 1 / 1; overflow: hidden; }
  .fwlx_a { margin: -26px auto 0; padding: 0 14px 40px; }
  .fwlx_tit_a ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .fwlx_tit_a li { float: none; width: auto !important; }
  .fwlx_tit_a a { width: auto !important; min-width: 0 !important; padding: 0 10px !important; font-size: 14px; }
  .gynr { padding: 40px 0 0; }
  .yqjj_a { display: flex; flex-direction: column; }
  .qy_lwft, .qy_right { float: none !important; width: 100% !important; box-sizing: border-box; }
  .qy_right { margin-top: 20px; text-align: center; }
  .qy_right img, .yqjj_tp img { max-width: 100%; height: auto; }
  .jscs_tit h2 { width: 100% !important; }
  .csnr { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 0 14px; }
  .csbox { width: auto !important; min-width: 0; box-sizing: border-box; }
  .front-product .cjwt_tit, .front-product .cjwt_nr { width: 100% !important; max-width: 100% !important; box-sizing: border-box; }
  .front-product .cjwt_nr ul { display: grid; grid-template-columns: 1fr; gap: 14px; width: 100% !important; padding: 0 14px; box-sizing: border-box; }
  .front-product .cjwt_nr li { float: none !important; width: auto !important; padding: 0 !important; }
  .front-product .cj_box { width: 100% !important; box-sizing: border-box; }
  .front-domain-query .dompage1, .front-domain-query .cvhost, .front-domain-query .content, .front-domain-query .pagebox, .front-domain-query .domsearch, .front-domain-query #done { width: 100% !important; max-width: 100% !important; box-sizing: border-box; }
  .front-domain-query .content { padding: 0 14px; }
  .front-domain-query .domsearch { overflow: hidden; }
  .front-domain-query .secbox { width: 100% !important; box-sizing: border-box; }
  .front-domain-query .secbox h3 { padding: 0; font-size: 13px; line-height: 1.7; white-space: normal; }
  .front-domain-query .secbox .intxt { width: calc(100% - 60px) !important; box-sizing: border-box; }
  .front-domain-query .checkbox { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; width: 100% !important; padding: 12px 0; box-sizing: border-box; }
  .front-domain-query .checkbox label { float: none !important; width: auto !important; min-width: 0; margin: 0; padding: 7px 4px; box-sizing: border-box; }
  .front-domain-query .domtbl { width: 100% !important; table-layout: fixed; box-sizing: border-box; }
  .front-domain-query .domtbl td { max-width: 0; padding: 12px 6px; font-size: 12px; overflow-wrap: anywhere; word-break: break-word; }
  .front-domain-query .domtbl td:nth-child(1) { width: 38% !important; }
  .front-domain-query .domtbl td:nth-child(2) { width: 25% !important; }
  .front-domain-query .domtbl td:nth-child(3) { width: 37% !important; }
}

/* Domain registration: reference-aligned layout with existing ASP pricing. */
.front-domain { overflow-x: hidden; background: #0a1420; }
.front-domain main { display: block; }
.front-domain .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.front-domain .domain-hero { position: relative; padding: 80px 0 60px; background: url(/images/domain/bj1.png) no-repeat center center / cover; }
.front-domain .domain-hero::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.25); }
.front-domain .domain-hero__inner { position: relative; z-index: 1; max-width: 900px; margin: 0 auto; padding: 0 20px; text-align: center; }
.front-domain .domain-hero h1 { margin: 0 0 12px; color: #fff; font-size: 36px; font-weight: 700; line-height: 1.3; }
.front-domain .domain-hero h1 .text-gradient { color: #48bfff; }
.front-domain .domain-hero__inner > p { margin: 0 0 35px; color: rgba(255,255,255,.8); font-size: 16px; }
.front-domain .domain-search { margin-bottom: 25px; padding: 30px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.15); border-radius: 12px; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.front-domain .domain-search__form { display: flex; gap: 0; margin-bottom: 20px; }
.front-domain .domain-search__input { min-width: 0; flex: 1; height: 49px; padding: 14px 20px; color: #333; background: #fff; border: 0; border-radius: 8px 0 0 8px; outline: 0; font: inherit; font-size: 16px; }
.front-domain .domain-search__input::placeholder { color: #697386; opacity: 1; }
.front-domain .domain-search__input:focus { box-shadow: inset 0 0 0 2px #48bfff; }
.front-domain .domain-search__btn { height: 49px; padding: 14px 35px; color: #fff; background: linear-gradient(90deg,#48bfff 0%,#00d4aa 100%); border: 0; border-radius: 0 8px 8px 0; box-shadow: 0 4px 15px rgba(72,191,255,.3); cursor: pointer; font: inherit; font-size: 16px; font-weight: 600; white-space: nowrap; transition: transform .2s ease,box-shadow .2s ease; }
.front-domain .domain-search__btn:hover { box-shadow: 0 6px 20px rgba(0,212,170,.4); transform: translateY(-1px); }
.front-domain .domain-search__btn:active { transform: translateY(0); }
.front-domain .domain-search__tip { margin: 0 0 20px; color: rgba(255,255,255,.72); font-size: 12px; }
.front-domain .suffix-actions { display: flex; justify-content: center; gap: 12px; margin-bottom: 15px; }
.front-domain .suffix-actions button { height: 30px; padding: 6px 18px; color: rgba(255,255,255,.8); background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.25); border-radius: 20px; cursor: pointer; font: inherit; font-size: 12px; transition: background .2s ease,border-color .2s ease; }
.front-domain .suffix-actions button:hover { color: #fff; background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.4); }
.front-domain .suffix-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(100px,1fr)); gap: 10px; margin-bottom: 15px; }
.front-domain .suffix-item { position: relative; min-width: 0; display: flex; align-items: center; justify-content: center; gap: 5px; min-height: 39px; padding: 10px 8px; color: rgba(255,255,255,.85); background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); border-radius: 8px; cursor: pointer; font-size: 13px; line-height: 1; text-align: center; transition: background .2s ease,border-color .2s ease; }
.front-domain .suffix-item:hover { background: rgba(255,255,255,.12); border-color: rgba(72,191,255,.4); }
.front-domain .suffix-item.is-checked { color: #fff; background: linear-gradient(135deg,rgba(72,191,255,.2),rgba(0,255,183,.1)); border-color: #48bfff; }
.front-domain .suffix-item input { display: none; }
.front-domain .suffix-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.front-domain .suffix-hot { position: absolute; top: -6px; right: -6px; padding: 2px 5px; color: #fff; background: linear-gradient(135deg,#ff4757,#ff6b81); border-radius: 3px; font-size: 9px; font-weight: 600; line-height: 1; }
.front-domain .suffix-price { display: block; margin-top: 2px; color: rgba(255,255,255,.58); font-size: 10px; white-space: nowrap; }
.front-domain .suffix-item[data-renew]::after { content: "续费: " attr(data-renew) "元/年"; position: absolute; bottom: 100%; left: 50%; z-index: 10; margin-bottom: 8px; padding: 6px 12px; color: #fff; background: rgba(0,0,0,.9); border-radius: 6px; opacity: 0; visibility: hidden; transform: translateX(-50%); transition: opacity .2s ease; font-size: 11px; line-height: 1.3; white-space: nowrap; }
.front-domain .suffix-item[data-renew]::before { content: ""; position: absolute; bottom: 100%; left: 50%; z-index: 10; margin-bottom: -2px; border: 5px solid transparent; border-top-color: rgba(0,0,0,.9); opacity: 0; visibility: hidden; transform: translateX(-50%); transition: opacity .2s ease; }
.front-domain .suffix-item[data-renew]:hover::after,
.front-domain .suffix-item[data-renew]:hover::before { opacity: 1; visibility: visible; }
.front-domain .domain-price-note { margin: 0; color: rgba(255,255,255,.58); font-size: 11px; }
.front-domain .domain-features { position: relative; padding: 80px 0; background: linear-gradient(180deg,#0a1420 0%,#0f1c2e 50%,#1a2332 100%); }
.front-domain .domain-features::before { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 1px; background: linear-gradient(90deg,transparent,rgba(72,191,255,.3),transparent); }
.front-domain .domain-features__inner { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.front-domain .section-title { margin-bottom: 40px; text-align: center; }
.front-domain .section-title h2 { margin: 0 0 10px; color: #fff; font-size: 28px; }
.front-domain .section-title p { margin: 0; color: rgba(255,255,255,.6); font-size: 14px; }
.front-domain .features-main { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: 40px; }
.front-domain .feature-big-card { position: relative; overflow: hidden; padding: 35px; background: linear-gradient(135deg,rgba(72,191,255,.08),rgba(0,255,183,.05)); border: 1px solid rgba(72,191,255,.2); border-radius: 20px; transition: transform .3s ease,border-color .3s ease,box-shadow .3s ease; }
.front-domain .feature-big-card::before { content: ""; position: absolute; top: -50%; right: -50%; width: 100%; height: 100%; background: radial-gradient(circle,rgba(72,191,255,.1) 0%,transparent 70%); }
.front-domain .feature-big-card:hover { border-color: rgba(72,191,255,.4); box-shadow: 0 20px 40px rgba(0,0,0,.3); transform: translateY(-5px); }
.front-domain .feature-big-card__header { position: relative; z-index: 1; display: flex; align-items: center; gap: 16px; margin-bottom: 20px; }
.front-domain .feature-big-card__icon { width: 60px; height: 60px; display: flex; flex: 0 0 60px; align-items: center; justify-content: center; background: linear-gradient(135deg,#48bfff,#00ffb7); border-radius: 16px; box-shadow: 0 8px 20px rgba(72,191,255,.3); }
.front-domain .feature-big-card__icon img { width: 34px; height: 34px; object-fit: contain; filter: brightness(.28) saturate(1.2); }
.front-domain .feature-big-card__title { margin: 0; color: #fff; font-size: 22px; font-weight: 700; }
.front-domain .feature-big-card__desc { position: relative; z-index: 1; min-height: 50px; margin: 0 0 25px; color: rgba(255,255,255,.7); font-size: 14px; line-height: 1.8; }
.front-domain .feature-big-card__list { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.front-domain .feature-big-card__item { position: relative; display: flex; align-items: center; min-height: 39px; padding: 10px 14px 10px 40px; color: rgba(255,255,255,.8); background: rgba(0,0,0,.2); border: 1px solid rgba(255,255,255,.05); border-radius: 8px; font-size: 13px; }
.front-domain .feature-big-card__item::before { content: "✓"; position: absolute; left: 15px; color: #48bfff; font-size: 16px; }
.front-domain .features-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; }
.front-domain .feature-card { position: relative; min-height: 292px; display: flex; flex-direction: column; align-items: center; padding: 30px 20px; color: #fff; background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.08); border-radius: 16px; text-align: center; transition: transform .3s ease,background .3s ease,border-color .3s ease; }
.front-domain .feature-card::after { content: ""; position: absolute; bottom: 0; left: 50%; width: 60%; height: 2px; background: linear-gradient(90deg,#48bfff,#00ffb7); transform: translateX(-50%) scaleX(0); transform-origin: center; transition: transform .3s ease; }
.front-domain .feature-card:hover { background: rgba(255,255,255,.06); border-color: rgba(72,191,255,.25); transform: translateY(-5px); }
.front-domain .feature-card:hover::after { transform: translateX(-50%) scaleX(1); }
.front-domain .feature-card__icon { width: 50px; height: 50px; display: flex; flex: 0 0 50px; align-items: center; justify-content: center; margin-bottom: 15px; background: linear-gradient(135deg,rgba(72,191,255,.15),rgba(0,255,183,.1)); border: 1px solid rgba(72,191,255,.2); border-radius: 12px; }
.front-domain .feature-card__icon img { width: 28px; height: 28px; object-fit: contain; }
.front-domain .feature-card h3 { margin: 0 0 8px; color: #fff; font-size: 15px; font-weight: 600; }
.front-domain .feature-card p { flex: 1; margin: 0; color: rgba(255,255,255,.55); font-size: 12px; line-height: 1.6; }
.front-domain .feature-card__stat { width: 100%; margin-top: 15px; padding-top: 15px; color: #48bfff; border-top: 1px solid rgba(255,255,255,.08); font-size: 24px; font-weight: 700; }
.front-domain .feature-card__stat span { display: block; margin-top: 4px; color: rgba(255,255,255,.5); font-size: 12px; font-weight: 400; }

@media (max-width: 900px) {
  .front-domain .domain-hero { padding: 60px 0 50px; }
  .front-domain .domain-hero h1 { font-size: 28px; }
  .front-domain .features-main { grid-template-columns: 1fr; }
  .front-domain .features-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 600px) {
  .front-domain .domain-hero { padding: 42px 0 44px; }
  .front-domain .domain-hero__inner { padding: 0 14px; }
  .front-domain .domain-hero h1 { font-size: 24px; }
  .front-domain .domain-hero__inner > p { margin-bottom: 26px; font-size: 14px; }
  .front-domain .domain-search { padding: 20px; }
  .front-domain .domain-search__form { flex-direction: column; }
  .front-domain .domain-search__input { width: 100%; margin-bottom: 10px; border-radius: 8px; }
  .front-domain .domain-search__btn { width: 100%; border-radius: 8px; }
  .front-domain .domain-search__tip { line-height: 1.65; }
  .front-domain .suffix-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
  .front-domain .suffix-item { padding: 8px 6px; font-size: 12px; }
  .front-domain .suffix-item[data-renew]::after { padding: 4px 8px; font-size: 10px; }
  .front-domain .domain-features { padding: 60px 0; }
  .front-domain .domain-features__inner { padding: 0 14px; }
  .front-domain .feature-big-card { padding: 25px; }
  .front-domain .feature-big-card__list { grid-template-columns: 1fr; }
  .front-domain .features-grid { grid-template-columns: 1fr 1fr; gap: 15px; }
  .front-domain .feature-card { min-height: 256px; padding: 20px 15px; }
}

@media (prefers-reduced-motion: reduce) {
  .front-domain .domain-search__btn,
  .front-domain .feature-big-card,
  .front-domain .feature-card { transition: none; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Public homepage */
.home-shell { width: min(1240px, calc(100% - 40px)); margin: 0 auto; }
.front-home main { overflow: hidden; background: #f5f7fb; }
.home-hero { position: relative; min-height: 520px; color: #fff; background: var(--wtb-navy); overflow: hidden; }
.home-hero__slides { min-height: 520px; }
.home-hero__slide { position: absolute; inset: 0; visibility: hidden; opacity: 0; transition: opacity .55s ease, visibility .55s ease; }
.home-hero__slide.is-active { position: relative; visibility: visible; opacity: 1; }
.home-hero__content { position: relative; min-height: 520px; display: flex; align-items: center; }
.home-hero__copy { position: relative; z-index: 2; width: min(590px, 54%); padding-bottom: 72px; }
.home-hero__kicker { margin: 0 0 14px; color: #78d8ff; font-size: 16px; font-weight: 700; }
.home-hero__copy h2 { margin: 0 0 20px; color: #fff; font-size: clamp(42px, 5vw, 66px); font-weight: 700; line-height: 1.12; }
.home-hero__copy > p:not(.home-hero__kicker) { max-width: 560px; margin: 0 0 30px; color: #dce9f8; font-size: 18px; line-height: 1.8; }
.home-hero__art { position: absolute; right: 2%; bottom: 18px; width: min(520px, 44vw); max-height: 470px; object-fit: contain; filter: drop-shadow(0 28px 42px rgba(0,12,32,.34)); }
.home-button { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; padding: 0 26px; border-radius: 6px; font-weight: 700; text-decoration: none; white-space: nowrap; transition: transform .2s ease, background-color .2s ease, box-shadow .2s ease; }
.home-button:active { transform: translateY(1px); }
.home-button--light { color: #06213c; background: #fff; box-shadow: 0 12px 30px rgba(0,12,32,.18); }
.home-button--light:hover { color: #06213c; background: #eaf8ff; }
.home-button--dark { color: #fff; background: var(--wtb-navy); box-shadow: 0 10px 24px rgba(10,26,51,.18); }
.home-button--dark:hover { color: #fff; background: #15385f; }
.home-hero__controls { position: absolute; z-index: 4; right: 0; bottom: 92px; left: 0; display: flex; align-items: center; gap: 12px; }
.home-hero__controls > button { width: 36px; height: 36px; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; color: #fff; background: rgba(10,26,51,.48); font-size: 25px; line-height: 1; cursor: pointer; }
.home-hero__dots { display: flex; gap: 7px; }
.home-hero__dots button { width: 18px; height: 4px; padding: 0; border: 0; border-radius: 2px; background: rgba(255,255,255,.4); cursor: pointer; }
.home-hero__dots button.is-active { width: 34px; background: #fff; }

.home-shortcuts { position: relative; z-index: 5; display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); margin-top: -62px; background: #fff; border: 1px solid #e6ebf2; border-radius: 8px; box-shadow: 0 18px 44px rgba(10,26,51,.12); }
.home-shortcuts a { min-width: 0; min-height: 124px; display: flex; flex-direction: column; justify-content: center; padding: 24px 30px; color: var(--wtb-ink); text-decoration: none; border-right: 1px solid #edf0f5; transition: background-color .2s ease, transform .2s ease; }
.home-shortcuts a:last-child { border-right: 0; }
.home-shortcuts a:hover { color: var(--wtb-ink); background: #f7fbff; transform: translateY(-2px); }
.home-shortcuts strong { margin-bottom: 8px; font-size: 19px; }
.home-shortcuts span { color: var(--wtb-muted); font-size: 13px; line-height: 1.6; }
.home-notices { background: #fff; border-bottom: 1px solid #e9edf4; }
.home-notices__inner { min-height: 62px; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 22px; }
.home-notices__inner > strong { color: var(--wtb-navy); }
.home-notices__track { display: flex; gap: 30px; min-width: 0; overflow: hidden; }
.home-notices__track a { min-width: 0; max-width: 280px; color: #475467; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.home-notices__track a:hover, .home-notices__more { color: #0075c8; }
.home-notices__more { white-space: nowrap; }

.home-section { padding: 88px 0; }
.home-section__heading { margin-bottom: 34px; text-align: center; }
.home-section__heading h2 { margin: 0 0 12px; color: var(--wtb-ink); font-size: 34px; line-height: 1.3; }
.home-section__heading p { margin: 0; color: var(--wtb-muted); font-size: 15px; line-height: 1.8; }
.home-tabs { display: flex; justify-content: center; gap: 38px; margin: 0 0 34px; border-bottom: 1px solid #dfe5ee; }
.home-tabs button { min-width: 110px; padding: 0 12px 15px; border: 0; border-bottom: 3px solid transparent; color: #667085; background: none; font: inherit; font-size: 16px; cursor: pointer; }
.home-tabs button.is-active { color: #0075c8; border-bottom-color: #29b6f6; font-weight: 700; }
.home-product-panel[hidden] { display: none !important; }
.home-product-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; }
.home-product-grid > .wtb-empty { grid-column: 1/-1; }
.home-product-card { min-width: 0; display: flex; flex-direction: column; min-height: 426px; overflow: hidden; background: #fff; border: 1px solid #e2e8f1; border-radius: 8px; box-shadow: 0 8px 24px rgba(10,26,51,.05); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.home-product-card:hover { transform: translateY(-4px); border-color: #76cdf5; box-shadow: 0 18px 38px rgba(10,65,105,.12); }
.home-product-card__head { min-height: 124px; padding: 24px 22px 20px; background: #f8fbff; border-bottom: 1px solid #e8edf4; }
.home-product-card__head h3 { margin: 0 0 10px; color: var(--wtb-ink); font-size: 19px; line-height: 1.45; }
.home-product-card__head p { display: -webkit-box; margin: 0; color: var(--wtb-muted); font-size: 13px; line-height: 1.6; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.home-product-specs { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0; margin: 0; padding: 19px 20px; }
.home-product-specs > div { min-width: 0; padding: 12px 8px; }
.home-product-specs dt { margin-bottom: 6px; color: #8a94a6; font-size: 12px; }
.home-product-specs dd { margin: 0; color: #26364b; font-size: 15px; font-weight: 700; line-height: 1.45; overflow-wrap: anywhere; }
.home-product-card__buy { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding: 18px 22px; border-top: 1px solid #e8edf4; }
.home-product-card__buy p { min-width: 0; margin: 0; color: #44546a; }
.home-product-card__buy p span { color: #f04438; font-size: 14px; }
.home-product-card__buy p strong { color: #f04438; font-size: 28px; line-height: 1; }
.home-product-card__buy p em { color: #667085; font-size: 12px; font-style: normal; }
.home-product-card__buy a { min-height: 38px; display: inline-flex; align-items: center; justify-content: center; padding: 0 16px; color: #fff; background: #0a72c7; border-radius: 6px; font-weight: 700; white-space: nowrap; }
.home-product-card__buy a:hover { color: #fff; background: #075c9f; }
.home-panel-more { width: fit-content; display: block; margin: 28px auto 0; color: #0075c8; }

.home-members { padding: 78px 0; color: #fff; background: var(--wtb-navy); }
.home-members__layout { display: grid; grid-template-columns: minmax(260px,.85fr) minmax(0,2fr); align-items: center; gap: 58px; }
.home-members__intro h2 { margin: 0 0 18px; color: #fff; font-size: 34px; line-height: 1.35; }
.home-members__intro p { margin: 0 0 28px; color: #c9d9eb; line-height: 1.8; }
.home-members__intro .home-button--dark { color: var(--wtb-navy); background: #fff; }
.home-member-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.home-member-grid > .wtb-empty { grid-column: 1/-1; color: #d8e6f7; }
.home-member-grid > .wtb-empty strong { color: #fff; }
.home-member-card { position: relative; min-height: 260px; display: flex; flex-direction: column; padding: 27px 24px 24px; color: var(--wtb-ink); background: #fff; border-radius: 8px; }
.home-member-card > span { color: #0075c8; font-size: 13px; font-weight: 800; }
.home-member-card h3 { margin: 10px 0 22px; font-size: 22px; }
.home-member-card p { margin: 0 0 10px; color: #667085; }
.home-member-card p strong { color: var(--wtb-ink); font-size: 23px; }
.home-member-card > div { color: #f04438; font-size: 22px; font-weight: 800; }
.home-member-card > a { width: 100%; min-height: 40px; display: flex; align-items: center; justify-content: center; margin-top: auto; color: #fff; background: #0a72c7; border-radius: 6px; }
.home-guide { background: #fff; }
.home-guide-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-top: 1px solid #e1e7ef; border-left: 1px solid #e1e7ef; }
.home-guide-grid a { min-height: 146px; display: flex; flex-direction: column; justify-content: center; padding: 26px; color: var(--wtb-ink); background: #fff; border-right: 1px solid #e1e7ef; border-bottom: 1px solid #e1e7ef; }
.home-guide-grid a:hover { color: #0075c8; background: #f7fbff; }
.home-guide-grid strong { margin-bottom: 10px; font-size: 18px; }
.home-guide-grid span { color: #667085; line-height: 1.6; }
.home-cta { padding: 54px 0; color: #fff; background: #123a63; }
.home-cta__inner { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.home-cta h2 { margin: 0 0 10px; color: #fff; font-size: 28px; }
.home-cta p { margin: 0; color: #d5e3f1; }

/* Legacy product catalogs, aligned to the new public shell */
.front-product { background: var(--wtb-canvas) !important; }
.front-product .product-hero { position: relative; min-height: 320px; display: flex; align-items: center; margin: 0; color: #fff; background-color: var(--wtb-navy) !important; background-image: none !important; overflow: hidden; }
.front-product .product-hero .tgnr { position: relative; z-index: 2; width: min(1240px, calc(100% - 40px)); margin: 0 auto; padding: 52px 48% 48px 0; }
.front-product .product-hero .tgnr h2, .front-product .product-hero .tgnr h2 font { margin: 0 0 16px; color: #fff !important; font-size: 40px; line-height: 1.25; }
.front-product .product-hero .tgnr p, .front-product .product-hero .tgnr p font { color: #d7e5f4 !important; font-size: 15px; line-height: 1.9; }
.front-product .product-hero .tgnr h3 { margin-top: 26px; }
.front-product .product-hero .btn1, .front-product .product-hero .btn2 { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; padding: 0 20px; color: #08223e !important; background: #fff !important; border: 0; border-radius: 6px; }
.front-product .product-hero .btn2 font { color: #08223e !important; }
.front-product .product-hero .btn2 img { display: none; }
.front-product .product-hero__art { position: absolute; z-index: 1; right: max(20px, calc((100vw - 1240px)/2)); bottom: -36px; width: min(410px,42vw); max-height: 340px; object-fit: contain; }
.front-product .fwlx { width: min(1240px, calc(100% - 40px)); margin: 0 auto; padding: 58px 0 72px; }
.front-product .fwlx_tit, .front-product .fwlx_tit_a { width: 100%; height: auto; margin-bottom: 28px; border-bottom: 1px solid #dfe5ee; background: none; }
.front-product .fwlx_tit ul, .front-product .fwlx_tit_a ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 28px; }
.front-product .fwlx_tit li, .front-product .fwlx_tit_a li { float: none; width: auto; }
.front-product .fwlx_tit a, .front-product .fwlx_tit_a a { display: block; padding: 0 12px 14px; border-bottom: 3px solid transparent; color: #667085; font-size: 16px; }
.front-product .fwlx_tit a.on4, .front-product .fwlx_tit_a li.hover_a a { color: #0075c8; border-bottom-color: #29b6f6; }
.front-product .fwqcz > ul, .front-product .jxfp > ul, .front-product .sjxq > ul { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 20px !important; width: 100%; overflow: visible !important; }
.front-product .fwqcz > ul > li, .front-product .jxfp > ul > li, .front-product .sjxq > ul > li { display: flex !important; float: none !important; width: auto !important; min-width: 0; margin: 0 !important; padding: 0 !important; }
.front-product .fwq, .front-product .jxfpbox, .front-product .sjbox { width: 100% !important; min-height: 410px; display: flex; flex-direction: column; overflow: hidden; background: #fff; border: 1px solid #e2e8f1; border-radius: 8px; box-shadow: 0 8px 24px rgba(10,26,51,.05); }
.front-product .fwq:hover, .front-product .jxfpbox:hover, .front-product .sjbox:hover { border-color: #76cdf5; box-shadow: 0 18px 38px rgba(10,65,105,.12); }
.front-product .fwq_tit, .front-product .jxfptit, .front-product .sjtit { min-height: 118px !important; height: auto !important; display: flex; flex-direction: column; justify-content: center; padding: 20px !important; color: var(--wtb-ink) !important; background: #f8fbff !important; border-bottom: 1px solid #e8edf4; }
.front-product .fwq_tit h2, .front-product .jxfptit h2, .front-product .sjtit h2 { color: var(--wtb-ink) !important; font-size: 19px !important; line-height: 1.45 !important; }
.front-product .fwq_tit p, .front-product .jxfptit p, .front-product .sjtit p { color: var(--wtb-muted) !important; line-height: 1.6 !important; }
.front-product .fwq_nr, .front-product .jxfp_nr, .front-product .sj_nr { flex: 1; color: #334155; }
.front-product .fwqzy, .front-product .xdnr { margin-top: auto; }
.front-product .fwq_buy, .front-product .btn3, .front-product .btn11 { color: #fff !important; background: #0a72c7 !important; border-radius: 6px; }
.front-product .tdysm, .front-product .tdyys, .front-product .wmys, .front-product .ymbj, .front-product .bsbj, .front-product .hyptm, .front-product .qyfwq, .front-product .zjdt { min-width: 0 !important; }

/* Purchase and anonymous login */
.front-buy { background: var(--wtb-canvas); }
.front-buy .purchase { padding: 48px 0 70px !important; }
.front-buy .purchase .content { padding: 32px !important; border: 1px solid #e3e9f1; }
.front-buy .purchase .bakd, .front-buy .purchase .back { width: 100%; }
.front-buy .purchase .puright > h3 { margin: 0 0 28px; padding-bottom: 18px; border-bottom: 1px solid #e5eaf1; font-size: 24px; }
.front-buy .purchase .int2 { min-height: 44px; padding: 0 24px; color: #fff; background: #0a72c7; }
.front-buy .purchase .int2:hover { background: #075c9f; }
.wtb-login-card { border-color: #dfe6ef; }
.wtb-login-card h2 span { display: block; margin-top: 5px; color: #0075c8; }

@media (max-width: 1050px) {
  .home-product-grid, .front-product .fwqcz > ul, .front-product .jxfp > ul, .front-product .sjxq > ul { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .home-members__layout { grid-template-columns: 1fr; }
  .home-members__intro { max-width: 680px; }
  .home-guide-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 760px) {
  .home-shell { width: calc(100% - 28px); }
  .home-hero, .home-hero__slides, .home-hero__content { min-height: 520px; }
  .home-hero__content { align-items: flex-start; padding-top: 56px; }
  .home-hero__copy { width: 100%; padding-bottom: 0; }
  .home-hero__copy h2 { font-size: 40px; }
  .home-hero__copy > p:not(.home-hero__kicker) { max-width: 92%; font-size: 15px; line-height: 1.7; }
  .home-hero__art { right: -34px; bottom: -20px; width: 290px; opacity: .66; }
  .home-hero__controls { bottom: 72px; }
  .home-shortcuts { width: calc(100% - 28px); grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: -46px; }
  .home-shortcuts a { min-height: 106px; padding: 20px; border-bottom: 1px solid #edf0f5; }
  .home-shortcuts a:nth-child(2) { border-right: 0; }
  .home-notices__inner { grid-template-columns: auto minmax(0,1fr); }
  .home-notices__track { gap: 0; }
  .home-notices__track a:not(:first-child), .home-notices__more { display: none; }
  .home-section { padding: 64px 0; }
  .home-section__heading h2, .home-members__intro h2 { font-size: 28px; }
  .home-tabs { justify-content: flex-start; gap: 10px; overflow-x: auto; }
  .home-tabs button { min-width: 96px; }
  .home-member-grid { grid-template-columns: 1fr; }
  .home-member-card { min-height: 230px; }
  .home-cta__inner { align-items: flex-start; flex-direction: column; }
  .front-product .product-hero { min-height: 360px; }
  .front-product .product-hero .tgnr { width: calc(100% - 28px); padding: 48px 0 140px; }
  .front-product .product-hero .tgnr h2, .front-product .product-hero .tgnr h2 font { font-size: 32px; }
  .front-product .product-hero__art { right: -20px; bottom: -44px; width: 240px; opacity: .72; }
  .front-product .fwlx { width: calc(100% - 28px); padding-top: 42px; }
  .front-product .fwlx_tit ul, .front-product .fwlx_tit_a ul { justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto; }
  .front-buy .purchase { padding-top: 24px !important; }
  .front-buy .purchase .content { width: calc(100% - 24px); padding: 22px 14px !important; overflow-x: auto; }
}

@media (max-width: 560px) {
  .home-product-grid, .front-product .fwqcz > ul, .front-product .jxfp > ul, .front-product .sjxq > ul { grid-template-columns: 1fr !important; }
  .home-product-card { min-height: 398px; }
  .home-guide-grid { grid-template-columns: 1fr; }
  .home-guide-grid a { min-height: 118px; }
  .home-cta h2 { font-size: 24px; }
}

/* Reference-led public storefront */
.front-home main { background: #f4f7fb; }
.front-home .hero-showcase {
  min-height: 650px;
  padding: 0;
  background: #071a32 url(/images/index/banner.jpg) center/cover no-repeat;
}
.front-home .hero-showcase::before {
  inset: 0;
  width: auto;
  height: auto;
  background: linear-gradient(90deg, rgba(3,18,38,.95) 0%, rgba(5,29,57,.78) 46%, rgba(5,24,48,.2) 100%);
}
.front-home .hero-showcase::after { display: none; }
.front-home .home-hero__slides,
.front-home .home-hero__content { min-height: 650px; }
.front-home .home-hero__content { padding-bottom: 84px; }
.front-home .home-hero__copy { width: min(560px, 50%); padding: 0; }
.front-home .home-hero__kicker { margin-bottom: 12px; color: #66c8f2; font-size: 17px; }
.front-home .home-hero__copy h2 { margin-bottom: 18px; font-size: 52px; letter-spacing: 0; }
.front-home .home-hero__copy > p:not(.home-hero__kicker) { max-width: 510px; margin-bottom: 30px; color: #cfdded; font-size: 16px; line-height: 1.8; }
.front-home .home-hero__art { right: 1%; bottom: 70px; width: min(560px, 46vw); max-height: 480px; }
.front-home .home-hero__controls { bottom: 124px; }
.front-home .home-hero__controls > button { border-radius: 6px; }

.front-home .home-shortcuts.hero-cards {
  z-index: 6;
  width: min(1240px, calc(100% - 40px));
  max-width: none;
  gap: 0;
  margin-top: -94px;
  padding: 0;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 8px;
  background: rgba(7,26,50,.86);
  box-shadow: 0 18px 46px rgba(2,16,35,.2);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.front-home .home-shortcuts a {
  min-height: 112px;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  padding: 22px 26px;
  color: #fff;
  border-color: rgba(255,255,255,.12);
  background: transparent;
}
.front-home .home-shortcuts a:hover { color: #fff; background: rgba(51,167,224,.12); }
.front-home .home-shortcuts img { width: 42px; height: 42px; flex: 0 0 42px; object-fit: contain; }
.front-home .home-shortcuts a > span { min-width: 0; color: inherit; }
.front-home .home-shortcuts strong { display: block; margin-bottom: 7px; color: #fff; font-size: 17px; }
.front-home .home-shortcuts small { display: block; color: #aebfd3; font-size: 12px; line-height: 1.5; }

.front-home .home-notices { margin-top: 0; padding-top: 0; background: #fff; }
.front-home .home-notices__inner { min-height: 66px; }
.front-home .home-notices__inner > strong { min-width: 50px; padding: 4px 10px; color: #fff; text-align: center; background: #0878bd; border-radius: 4px; }

.front-home .home-products.pro3-band { padding: 30px 0 92px; background: #f5f7fb; }
.front-home .pro3-band::before,
.front-home .pro3-band::after { display: none; }
.front-home .pro3-head { display: none; }
.front-home .home-tabs.pro3-cats { gap: 8px; margin: 0 auto 34px; border: 0; flex-wrap: wrap; }
.front-home .home-tabs.pro3-cats button {
  min-width: 128px;
  min-height: 42px;
  padding: 0 22px;
  color: #526174;
  border: 1px solid #d5dee9;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 1px 0 rgba(16,24,40,.02);
}
.front-home .home-tabs.pro3-cats button.is-active {
  color: #fff;
  border-color: #0b78ca;
  background: #0b78ca;
  box-shadow: 0 8px 18px rgba(11,120,202,.16);
}
.front-home .home-product-grid { gap: 20px; }
.front-home .home-product-card { min-height: 438px; border-color: #dfe7f0; box-shadow: 0 10px 28px rgba(16,45,76,.06); }
.front-home .home-product-card__head { min-height: 128px; padding: 24px 18px 20px; color: #fff; background: linear-gradient(135deg, #0d4f87 0%, #0a77b7 100%); border: 0; }
.front-home .home-product-card__head h3 { margin-bottom: 11px; color: #fff; font-size: 18px; font-weight: 700; line-height: 1.45; }
.front-home .home-product-card__head p { color: #ff2b89; font-size: 13px; line-height: 1.65; font-weight: 500; }
.front-home .home-product-specs { position: relative; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0; margin: 0; padding: 28px 18px 18px; }
.front-home .home-product-specs::after { content: ""; position: absolute; left: 18px; right: 18px; top: 50%; height: 1px; background: #e7edf4; }
.front-home .home-product-specs > div { border: 0; padding: 4px 0 12px; }
.front-home .home-product-specs dt { margin-bottom: 6px; color: #8a94a6; font-size: 12px; }
.front-home .home-product-specs dd { color: #26364b; font-size: 16px; font-weight: 700; line-height: 1.45; }
.front-home .home-product-card__buy { min-height: 86px; padding: 18px 18px 20px; border-top: 1px solid #e7edf4; }
.front-home .home-product-card__buy p { font-variant-numeric: tabular-nums; }
.front-home .home-product-card__buy p span { color: #ff5a4c; font-size: 15px; }
.front-home .home-product-card__buy p strong { color: #ff5a4c; font-size: 30px; line-height: 1; }
.front-home .home-product-card__buy p em { color: #7b8697; font-size: 13px; font-style: normal; }
.front-home .home-product-card__buy a { min-width: 88px; min-height: 40px; padding: 0 18px; border-radius: 6px; background: #0b78ca; }
.front-home .home-panel-more { margin-top: 35px; font-size: 16px; font-weight: 700; }

.front-home .home-stats.sjzc {
  height: auto;
  min-height: 410px;
  display: flex;
  align-items: center;
  color: #fff;
  background: #071a32 url(/images/bj3.png) center/cover no-repeat;
}
.front-home .home-stats__inner { padding: 70px 0; }
.front-home .home-stats header { margin-bottom: 50px; text-align: center; }
.front-home .home-stats h2 { margin: 0 0 12px; color: #fff; font-size: 32px; }
.front-home .home-stats header p { margin: 0; color: #aebed1; font-size: 14px; }
.front-home .home-stats__grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }
.front-home .home-stats__grid > div { min-height: 118px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-right: 1px solid rgba(255,255,255,.16); }
.front-home .home-stats__grid > div:last-child { border-right: 0; }
.front-home .home-stats__grid strong { color: #fff; font-size: 44px; line-height: 1; }
.front-home .home-stats__grid span { margin-top: 14px; color: #b8c8da; font-size: 14px; }

.front-home .home-members.vipx-band { padding: 88px 0 96px; color: #17263b; background: #fff; }
.front-home .vipx-band::before,
.front-home .vipx-band::after { display: none; }
.front-home .home-members__layout { grid-template-columns: minmax(250px,.8fr) minmax(0,2fr); }
.front-home .home-members__intro h2 { color: #132238; font-size: 32px; }
.front-home .home-members__intro p { color: #67758a; }
.front-home .home-member-card { border: 1px solid #e2e8f0; box-shadow: 0 10px 28px rgba(17,43,76,.06); }
.front-home .home-member-card:hover { border-color: #71c2ea; box-shadow: 0 16px 34px rgba(17,73,115,.1); }
.front-home .home-member-card > a { border-radius: 6px; }

.front-home .home-guide.guide4-band { padding: 90px 0 96px; background: #f4f7fb; }
.front-home .guide4-colorful::before,
.front-home .guide4-colorful::after { display: none; }
.front-home .home-guide-grid.guide4-grid { gap: 0; }
.front-home .home-guide-grid a { border-radius: 0; box-shadow: none; }
.front-home .home-guide-grid a:hover { transform: none; box-shadow: none; }
.front-home .home-cta { padding: 58px 0; background: #0a3159; }

/* Homepage quick-service rail; product pages inherit these rules from main.css. */
.fdnr { position: fixed; right: 12px; bottom: 22%; z-index: 1000; width: 60px; max-width: none; }
.fdnr ul { margin: 0; padding: 0; list-style: none; }
.fdnr li { position: relative; width: 60px; height: 60px; margin: 0 0 1px; padding: 0; }
.fdnr a,
.fdnr > ul > li > a > img { width: 60px; height: 60px; display: block; }
.fdnr > ul > li > a > img { transition: opacity .2s ease; }
.fdnr a:hover img { opacity: .72; }
.fdnr .stop { display: none; position: absolute; left: -260px; color: #667085; }
.fdnr .mo:hover .stop,
.fdnr .mo:focus-within .stop { display: block; }
.fdnr .stop_a { top: 0; width: 252px; height: 60px; background: url(/images/flag_right.png) no-repeat; }
.fdnr .stop p { margin: 0; padding-left: 20px; color: #667085; font-size: 18px; line-height: 60px; white-space: nowrap; }
.fdnr .stop_b { top: -80px; width: 252px; height: 240px; text-align: center; background: url(/images/t10.png) no-repeat; }
.fdnr .stop_b img { width: 160px; padding-top: 15px; }

/* Reference-led product catalogs */
.front-product .product-hero {
  min-height: 500px;
  align-items: center;
  background-position: center !important;
  background-size: cover !important;
}
.front-product-server .product-hero { background-image: url(/images/banner10.jpg) !important; }
.front-product-host .product-hero { background-image: url(/images/bj7.png) !important; }
.front-product-baremetal .product-hero { background-image: url(/images/banner6.png) !important; }
.front-product .product-hero::before { content: ""; position: absolute; inset: 0; z-index: 0; background: linear-gradient(90deg, rgba(5,24,47,.9), rgba(5,31,59,.62) 52%, rgba(5,24,47,.08)); }
.front-product .product-hero .tgnr { padding: 76px 50% 76px 0; }
.front-product .product-hero .tgnr h2,
.front-product .product-hero .tgnr h2 font { font-size: 44px; }
.front-product .product-hero .tgnr p,
.front-product .product-hero .tgnr p font { max-width: 620px; color: #d7e5f4 !important; }
.front-product .product-hero .tgnr h3 { width: auto; display: flex; align-items: center; gap: 12px; margin-top: 26px; padding: 0; }
.front-product .product-hero .tgnr h3 .fr { float: none; order: 2; }
.front-product .product-hero__art { right: max(20px, calc((100vw - 1240px)/2)); bottom: 18px; width: min(470px,42vw); max-height: 410px; filter: drop-shadow(0 25px 34px rgba(0,14,34,.28)); }
.front-product .product-hero .btn1,
.front-product .product-hero .btn2 { width: auto !important; min-width: 150px; height: 46px; padding: 0 22px; color: #0b365f !important; line-height: 1; white-space: nowrap; }

.front-product .fwlx {
  position: relative;
  z-index: 5;
  width: min(1240px, calc(100% - 40px));
  margin: -56px auto 0;
  padding: 0 0 86px;
}
.front-product .fwlx_tit,
.front-product .fwlx_tit_a {
  min-height: 56px;
  margin: 0 0 38px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 8px 8px 0 0;
  background: rgba(7,29,55,.9);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.front-product .fwlx_tit ul,
.front-product .fwlx_tit_a ul { min-height: 56px; align-items: stretch; justify-content: center; gap: 0; }
.front-product-server .fwlx_tit,
.front-product-host .fwlx_tit_a { margin-bottom: 10px; }
.front-product .fwlx_tit a,
.front-product .fwlx_tit_a a { min-width: 150px; height: 56px; display: flex; align-items: center; justify-content: center; padding: 0 22px; color: #c8d7e8; border: 0; }
.front-product .fwlx_tit a:hover,
.front-product .fwlx_tit_a a:hover { color: #fff; background: rgba(255,255,255,.08); }
.front-product .fwlx_tit a.on4,
.front-product .fwlx_tit_a li.hover_a a { color: #0a3159; background: #fff; }
.front-product-server .fwqcz > ul,
.front-product-host .jxfp > ul { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 24px !important; margin: 0 !important; padding-top: 0 !important; }
.front-product-baremetal .sjxq > ul { grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 22px !important; }
.front-product .fwq,
.front-product .jxfpbox,
.front-product .sjbox { min-height: 455px; border-color: #e0e7ef; box-shadow: 0 8px 24px rgba(15,48,79,.07); }
.front-product .fwq:hover,
.front-product .jxfpbox:hover,
.front-product .sjbox:hover { transform: translateY(-4px); border-color: #63b9e5; box-shadow: 0 18px 38px rgba(13,70,108,.13); }
.front-product .fwq_tit,
.front-product .jxfptit,
.front-product .sjtit,
.front-product .fwq:hover .fwq_tit,
.front-product .jxfpbox:hover .jxfptit,
.front-product .sjbox:hover .sjtit { min-height: 126px !important; color: #fff !important; background: linear-gradient(135deg, #0b3159, #0879b8) !important; border: 0; }
.front-product .fwq_tit h2,
.front-product .jxfptit h2,
.front-product .sjtit h2 { color: #fff !important; font-size: 22px !important; }
.front-product .fwq_tit p,
.front-product .jxfptit p,
.front-product .sjtit p,
.front-product .fwq:hover .fwq_tit p,
.front-product .jxfpbox:hover .jxfptit p,
.front-product .sjbox:hover .sjtit p { color: #c8e2f2 !important; }
.front-product .fwq_buy,
.front-product .btn3,
.front-product .btn11 { min-height: 52px; border-radius: 0 0 6px 6px; background: #0a72c7 !important; }

@media (max-width: 1100px) {
  .front-home .home-product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .front-home .home-members__layout { grid-template-columns: 1fr; gap: 36px; }
  .front-product-server .fwqcz > ul,
  .front-product-host .jxfp > ul { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .front-product-baremetal .sjxq > ul { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
}

@media (max-width: 760px) {
  .footer-pro .footer-glow { left: 0; width: 100%; transform: none; }
  .fdnr { right: 8px; bottom: 12%; width: 44px; }
  .fdnr li,
  .fdnr a,
  .fdnr > ul > li > a > img { width: 44px; height: 44px; }
  .fdnr .stop { display: none !important; }
  .front-home .hero-showcase,
  .front-home .home-hero__slides,
  .front-home .home-hero__content { min-height: 540px; }
  .front-home .home-hero__content { align-items: flex-start; padding: 54px 0 110px; }
  .front-home .home-hero__copy { width: 100%; }
  .front-home .home-hero__copy h2 { font-size: 38px; }
  .front-home .home-hero__art { right: -62px; bottom: 68px; width: 300px; opacity: .72; }
  .front-home .home-hero__controls { bottom: 112px; }
  .front-home .home-shortcuts.hero-cards { width: calc(100% - 28px); margin-top: -78px; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .front-home .home-shortcuts a { min-height: 96px; padding: 16px; }
  .front-home .home-shortcuts img { width: 34px; height: 34px; flex-basis: 34px; }
  .front-home .home-products.pro3-band,
  .front-home .home-members.vipx-band,
  .front-home .home-guide.guide4-band { padding: 62px 0 68px; }
  .front-home .home-tabs.pro3-cats { justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; }
  .front-home .home-stats__inner { padding: 58px 0; }
  .front-home .home-stats__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .front-home .home-stats__grid > div:nth-child(2) { border-right: 0; }
  .front-home .home-stats__grid > div:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.16); }
  .front-home .home-stats__grid strong { font-size: 36px; }
  .front-product .product-hero { min-height: 420px; }
  .front-product .product-hero .tgnr { padding: 52px 0 150px; }
  .front-product .product-hero .tgnr h2,
  .front-product .product-hero .tgnr h2 font { font-size: 34px; }
  .front-product .product-hero__art { right: -34px; bottom: -20px; width: 260px; opacity: .7; }
  .front-product .fwlx { width: calc(100% - 28px); margin-top: -48px; padding-top: 0; }
  .front-product .fwlx_tit,
  .front-product .fwlx_tit_a { margin-bottom: 26px; overflow: hidden; }
  .front-product-server .fwlx_tit,
  .front-product-host .fwlx_tit_a { margin-bottom: 10px; }
  .front-product .fwlx_tit ul,
  .front-product .fwlx_tit_a ul { justify-content: flex-start; }
  .front-product .fwlx_tit a,
  .front-product .fwlx_tit_a a { min-width: 126px; padding: 0 16px; }
  .front-product-baremetal .sjxq > ul { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}

@media (max-width: 560px) {
  .front-home .home-product-grid,
  .front-product-server .fwqcz > ul,
  .front-product-host .jxfp > ul,
  .front-product-baremetal .sjxq > ul { grid-template-columns: 1fr !important; }
  .front-home .home-shortcuts a { gap: 10px; padding: 14px 12px; }
  .front-home .home-shortcuts strong { font-size: 15px; }
  .front-home .home-shortcuts small { font-size: 11px; }
  .front-home .home-stats h2 { font-size: 26px; }
}

/* Search and hero cache-bust overrides. */
.front-product-server .product-hero { background-image: url('/images/banner10.jpg?v=20260822') !important; }
.front-product-host .product-hero { background-image: url('/images/bj7.png?v=20260822') !important; }
.front-site .site-search { min-height: 56px; flex: 0 0 56px; }
.front-site .site-search input { height: 56px; min-height: 0; }
.front-site .site-search button { height: 56px; flex: 0 0 144px; }
.front-site .site-hero { width: min(600px, calc(100% - 28px)); align-items: center; }
.front-site .site-hero__title { font-size: 36px; }
.front-site .site-hero__desc { width: 100%; margin: 0; }
.front-site .site-search { margin-top: 30px; margin-bottom: 0; }
@media (max-width: 760px) {
  .front-site .site-hero { width: calc(100% - 28px); }
  .front-site .site-hero__title { font-size: 32px; }
  .front-site .site-search { min-height: 50px; flex-basis: 50px; }
  .front-site .site-search input { height: 50px; }
  .front-site .site-search button { height: 50px; flex-basis: 106px; }
}

/* Final public parity pass against the reference storefront. */
.front-site .site-banner {
  height: 371px;
  min-height: 371px;
  padding: 0;
}
.front-site .site-hero {
  min-height: 371px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.front-site .site-hero__title { margin: 0 0 14px; }
.front-site .site-main { padding-top: 30px; }

.front-agent .agent-banner {
  height: 443px;
  min-height: 443px;
  padding: 0;
  background-image: linear-gradient(90deg, rgba(5,20,45,.82), rgba(5,20,45,.5)), url('/images/e_28.jpg');
}
.front-agent .agent-hero {
  min-height: 443px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.front-agent .agent-levels {
  min-height: 575px;
  padding: 60px 0;
  box-sizing: border-box;
}
.front-agent .agent-section-head { margin-bottom: 32px; }
.front-agent .agent-levels__grid { align-items: stretch; }

.front-agent .agent-features {
  min-height: 800px;
  padding: 10px 0 18px !important;
  background: #fff !important;
  box-sizing: border-box;
}
.front-agent .agent-features__inner {
  width: min(1200px, calc(100% - 24px));
  margin: 0 auto;
}
.front-agent .agent-features__header {
  margin: 0 0 38px !important;
  text-align: center;
}
.front-agent .agent-features__header .agent-section-kicker {
  margin-bottom: 10px;
  color: #18bdf3;
  font-size: 14px;
  letter-spacing: 0;
}
.front-agent .agent-features__title {
  margin: 0 0 12px;
  color: #151c31;
  font-size: 32px !important;
  line-height: 1.35;
  font-weight: 800;
}
.front-agent .agent-features__subtitle {
  margin: 0;
  color: #9098a7;
  font-size: 16px;
  line-height: 1.7;
}
.front-agent .agent-features__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}
.front-agent .agent-feature-item {
  min-width: 0;
  height: 310px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 28px 20px 10px;
  background: #fff;
  border: 1px solid #f2f5fa;
  border-radius: 8px;
  box-shadow: 0 10px 28px rgba(16, 45, 76, .06);
  box-sizing: border-box;
  overflow: hidden;
}
.front-agent .agent-feature-item__icon {
  width: 100%;
  height: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.front-agent .agent-feature-item__icon img {
  display: block;
  width: 230px;
  height: 230px;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.front-agent .agent-feature-item p {
  margin: 4px 0 0;
  color: #26364b;
  font-size: 14px;
  line-height: 1.45;
  text-align: center;
}
.front-agent .agent-platform {
  display: block;
  margin: 0;
  padding: 76px 0 88px;
  border-top: 1px solid #e7edf4;
  background: #f4f7fb;
}
.front-agent .agent-platform__inner {
  width: min(1200px, calc(100% - 32px));
  margin: 0 auto;
}
.front-agent .agent-platform__header {
  margin-bottom: 46px;
  text-align: center;
}
.front-agent .agent-platform__header h2 {
  margin: 0 0 12px;
  color: #151c31;
  font-size: 32px;
  line-height: 1.3;
}
.front-agent .agent-platform__header p {
  margin: 0;
  color: #8b95a5;
  font-size: 15px;
  line-height: 1.7;
}
.front-agent .agent-platform__content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
  align-items: center;
  gap: 56px !important;
}
.front-agent .agent-platform__intro {
  max-width: 620px;
  margin: 0 0 28px;
  color: #566274;
  font-size: 15px;
  line-height: 1.9;
}
.front-agent .agent-platform__list {
  display: grid;
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.front-agent .agent-platform__list li {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.front-agent .agent-platform__icon {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  margin-top: 2px;
}
.front-agent .agent-platform__icon img {
  display: block;
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.front-agent .agent-platform__list strong {
  display: block;
  margin-bottom: 3px;
  color: #1b2940;
  font-size: 15px;
  line-height: 1.4;
}
.front-agent .agent-platform__list p {
  margin: 0;
  color: #8a94a4;
  font-size: 13px;
  line-height: 1.6;
}
.front-agent .agent-platform__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  margin-top: 30px;
  padding: 0 24px;
  border-radius: 5px;
  background: #0878bd !important;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 10px 22px rgba(8, 120, 189, .18);
  transition: transform .2s ease, background .2s ease;
}
.front-agent .agent-platform__btn:hover { background: #066ba9 !important; color: #fff; transform: translateY(-1px); }
.front-agent .agent-platform__btn:active { transform: translateY(1px); }
.front-agent .agent-platform__preview {
  margin: 0;
  overflow: hidden;
  border: 1px solid #e1e8f0;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 42px rgba(19, 49, 81, .11);
}
.front-agent .agent-platform__preview img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

@media (max-width: 760px) {
  .front-site .site-banner,
  .front-site .site-hero { height: auto; min-height: 350px; }
  .front-agent .agent-banner,
  .front-agent .agent-hero { height: auto; min-height: 0; }
  .front-agent .agent-banner { padding: 56px 0 70px; }
  .front-agent .agent-levels { min-height: 0; padding: 54px 0 58px; }
  .front-agent .agent-features {
    min-height: 0;
    padding: 42px 0 48px !important;
  }
  .front-agent .agent-features__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .front-agent .agent-feature-item {
    height: 210px;
    padding: 18px 12px 10px;
  }
  .front-agent .agent-feature-item__icon { height: 150px; }
  .front-agent .agent-feature-item__icon img { width: 140px; height: 140px; }
  .front-agent .agent-platform { padding: 56px 0 64px; }
  .front-agent .agent-platform__header { margin-bottom: 34px; }
  .front-agent .agent-platform__header h2 { font-size: 28px; }
  .front-agent .agent-platform__content { grid-template-columns: 1fr; gap: 38px !important; }
  .front-agent .agent-platform__intro { margin-bottom: 24px; }
}

@media (max-width: 420px) {
  .front-agent .agent-features__grid { grid-template-columns: 1fr; }
}

/* Homepage rebuild for the 7e-style reference rhythm. */
.front-home main { overflow-x: hidden; background: #fff; }
.front-home .hero-showcase { color: #fff; background: linear-gradient(180deg, #0a1d3d 0%, #0d2a54 100%); }
.front-home .hero-showcase__inner { width: min(1320px, calc(100% - 32px)); margin: 0 auto; }
.front-home .hero-slider { position: relative; padding: 18px 0 12px; }
.front-home .hero-slider__track { position: relative; min-height: 482px; }
.front-home .hero-slide { position: absolute; inset: 0; display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(360px, .96fr); align-items: center; gap: 28px; opacity: 0; visibility: hidden; transition: opacity .35s ease, visibility .35s ease; }
.front-home .hero-slide.is-active { opacity: 1; visibility: visible; }
.front-home .hero-slide__image { min-height: 482px; display: flex; align-items: flex-end; justify-content: center; padding: 16px 0 8px; }
.front-home .hero-slide__image img { display: block; width: min(100%, 560px); max-height: 430px; object-fit: contain; filter: drop-shadow(0 28px 60px rgba(0, 0, 0, .28)); }
.front-home .hero-slide__text { max-width: 560px; padding: 6px 6px 0; }
.front-home .hero-slide__text h2 { display: flex; align-items: center; margin: 0 0 14px; font-size: clamp(40px, 5vw, 58px); line-height: 1.06; font-weight: 700; }
.front-home .hero-slide__icon { width: 30px; height: 30px; margin-right: 14px; object-fit: contain; flex: 0 0 30px; }
.front-home .text-gradient { background: linear-gradient(90deg, #16d5ff 0%, #3affc7 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.front-home .hero-slide__subtitle { margin: 0 0 14px; color: #67e8ff; font-size: 18px; line-height: 1.4; }
.front-home .hero-slide__desc { margin: 0 0 28px; max-width: 34em; color: rgba(255, 255, 255, .78); font-size: 16px; line-height: 1.8; }
.front-home .hero-slide__btn { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 28px; border-radius: 999px; background: linear-gradient(90deg, #48bdf7 0%, #02d7b4 100%); color: #fff; font-size: 15px; font-weight: 700; text-decoration: none; box-shadow: 0 12px 30px rgba(2, 215, 180, .22); }
.front-home .hero-slide__btn:hover { filter: brightness(1.03); }
.front-home .hero-slider__prev,
.front-home .hero-slider__next { position: absolute; top: 50%; z-index: 3; width: 48px; height: 48px; margin-top: -24px; border: 1px solid rgba(255, 255, 255, .12); border-radius: 50%; color: #fff; background: rgba(8, 18, 37, .42); font-size: 38px; line-height: 0; cursor: pointer; }
.front-home .hero-slider__prev { left: -2px; }
.front-home .hero-slider__next { right: -2px; }
.front-home .hero-slider__dots { position: absolute; left: 0; right: 0; bottom: 14px; display: flex; justify-content: center; gap: 8px; }
.front-home .hero-dot { width: 18px; height: 4px; padding: 0; border: 0; border-radius: 999px; background: rgba(255, 255, 255, .28); cursor: pointer; }
.front-home .hero-dot.is-active { width: 38px; background: #fff; }
.front-home .hero-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 2px; padding: 0 0 20px; }
.front-home .hero-card { min-width: 0; display: flex; align-items: center; gap: 12px; min-height: 84px; padding: 14px 16px; color: #dfe9fb; text-decoration: none; background: rgba(9, 26, 50, .62); border: 1px solid rgba(255, 255, 255, .08); border-radius: 8px; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.front-home .hero-card:hover { transform: translateY(-2px); border-color: rgba(72, 189, 247, .55); background: rgba(11, 34, 69, .86); }
.front-home .hero-card__icon { width: 44px; height: 44px; flex: 0 0 44px; display: grid; place-items: center; border-radius: 10px; background: linear-gradient(135deg, #49bcf5 0%, #02d7b4 100%); color: #fff; font-size: 17px; font-weight: 700; }
.front-home .hero-card__info strong { display: block; color: #fff; font-size: 16px; line-height: 1.35; }
.front-home .hero-card__info small { display: block; margin-top: 4px; color: #9eb1cb; font-size: 12px; line-height: 1.45; }

.front-home .pro3-band { padding: 36px 0 92px; background: #f5f7fb; }
.front-home .pro3-container { width: min(1320px, calc(100% - 32px)); margin: 0 auto; }
.front-home .pro3-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.front-home .pro3-head h2 { margin: 0; color: #0d2744; font-size: 30px; line-height: 1.15; }
.front-home .pro3-head h2 span { color: #0f2e56; }
.front-home .pro3-cats { display: flex; flex-wrap: wrap; gap: 10px; }
.front-home .pro3-cat { min-height: 40px; padding: 0 18px; border: 1px solid #dbe5f0; border-radius: 999px; background: #fff; color: #617089; font-size: 14px; font-weight: 600; cursor: pointer; }
.front-home .pro3-cat.is-active { border-color: transparent; color: #fff; background: linear-gradient(90deg, #48bdf7 0%, #02d7b4 100%); box-shadow: 0 8px 18px rgba(2, 215, 180, .14); }
.front-home .pro3-panels { position: relative; }
.front-home .pro3-grid { display: none; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.front-home .pro3-grid.is-active { display: grid; }
.front-home .pro3-card { position: relative; min-height: 414px; padding: 22px 18px 18px; display: flex; flex-direction: column; background: #fff; border: 1px solid #e1e8f1; border-radius: 8px; box-shadow: 0 12px 26px rgba(16, 45, 76, .06); }
.front-home .pro3-card.is-featured { border-color: rgba(72, 189, 247, .45); box-shadow: 0 20px 36px rgba(14, 40, 70, .08); }
.front-home .pro3-card h3 { margin: 4px 0 10px; padding-right: 74px; color: #0d2744; font-size: 18px; line-height: 1.4; }
.front-home .pro3-card .sub { min-height: 44px; margin: 0 0 18px; color: #5f6f84; font-size: 13px; line-height: 1.65; }
.front-home .recommend-badge { position: absolute; top: 14px; right: 14px; min-height: 24px; padding: 0 10px; border-radius: 999px; background: linear-gradient(90deg, #ff9d2b 0%, #ff5f6d 100%); color: #fff; font-size: 12px; font-weight: 700; line-height: 24px; }
.front-home .spec-boxes { margin: 0; padding: 16px 0 0; list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 12px; border-top: 1px solid #e8eef4; }
.front-home .spec-boxes li { min-height: 68px; padding: 10px 12px; display: flex; flex-direction: column; justify-content: center; background: #f8fbfe; border-radius: 6px; }
.front-home .spec-boxes span { color: #8a96a7; font-size: 11px; }
.front-home .spec-boxes b { margin-top: 5px; color: #1f3348; font-size: 16px; line-height: 1.25; word-break: break-word; }
.front-home .price { margin-top: auto; padding-top: 18px; display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; }
.front-home .price span { color: #ff5a4c; font-size: 32px; font-weight: 800; line-height: 1; }
.front-home .price em { color: #7c8898; font-size: 13px; font-style: normal; }
.front-home .btn { display: flex; align-items: center; justify-content: center; min-height: 42px; margin-top: 14px; border-radius: 6px; background: #0878bd; color: #fff; text-decoration: none; font-size: 14px; font-weight: 600; }
.front-home .pro3-card--empty { place-content: center; text-align: center; color: #667085; }
.front-home .pro3-card--empty h3 { padding-right: 0; margin-bottom: 8px; }

.front-home .vipx-band { padding: 84px 0 92px; background: #fff; }
.front-home .vipx-wrap { width: min(1320px, calc(100% - 32px)); margin: 0 auto; }
.front-home .vipx-head { margin-bottom: 32px; text-align: center; }
.front-home .vipx-head h2 { margin: 0 0 12px; color: #10233e; font-size: 32px; line-height: 1.15; }
.front-home .vipx-head p { margin: 0 auto; max-width: 720px; color: #667085; font-size: 15px; line-height: 1.75; }
.front-home .vipx-tiers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.front-home .vipx-card { position: relative; min-height: 310px; padding: 30px 26px 26px; display: flex; flex-direction: column; background: #fff; border: 1px solid #e2e8f0; border-radius: 8px; box-shadow: 0 14px 30px rgba(17, 43, 76, .06); }
.front-home .vipx-ribbon { position: absolute; top: 16px; right: 16px; min-height: 24px; padding: 0 10px; border-radius: 999px; background: #e8f7ff; color: #0b79bd; font-size: 12px; font-weight: 700; line-height: 24px; }
.front-home .vipx-tier { display: inline-flex; min-height: 30px; align-items: center; padding: 0 12px; border-radius: 6px; background: #edf7ff; color: #0c4a7a; font-size: 13px; font-weight: 700; }
.front-home .vipx-amount { margin-top: 26px; }
.front-home .vipx-money small { display: block; margin-bottom: 8px; color: #8b96a7; font-size: 12px; }
.front-home .vipx-money b { color: #0d2744; font-size: 44px; line-height: 1; }
.front-home .vipx-money em { margin-left: 6px; color: #5a687d; font-style: normal; }
.front-home .vipx-benefit { margin: 26px 0 0; padding: 0; list-style: none; color: #506174; font-size: 14px; line-height: 1.8; }
.front-home .vipx-benefit strong { color: #0f82c6; }
.front-home .vipx-btn { margin-top: auto; display: flex; align-items: center; justify-content: center; min-height: 44px; border-radius: 6px; background: linear-gradient(90deg, #48bdf7 0%, #02d7b4 100%); color: #fff; text-decoration: none; font-size: 14px; font-weight: 700; }
.front-home .vipx-empty { color: #667085; }

.front-home .sjzc { padding: 84px 0; background: linear-gradient(180deg, #07152c 0%, #0d274b 100%); color: #fff; }
.front-home .sjzcbox { width: min(1320px, calc(100% - 32px)); margin: 0 auto; }
.front-home .sjzx_tit { margin-bottom: 34px; text-align: center; }
.front-home .sjzx_tit h2 { margin: 0 0 12px; color: #fff; font-size: 32px; line-height: 1.15; }
.front-home .sjzx_tit p { margin: 0 auto; max-width: 760px; color: #9fb0c8; font-size: 14px; line-height: 1.75; }
.front-home .sjzc-grid { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.front-home .sjzc-grid li { min-height: 186px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px 18px; text-align: center; border-right: 1px solid rgba(255, 255, 255, .14); }
.front-home .sjzc-grid li:last-child { border-right: 0; }
.front-home .sjzc-grid img { width: 54px; height: 54px; margin-bottom: 14px; object-fit: contain; }
.front-home .sjzc-grid h1 { margin: 0; color: #fff; font-size: 52px; line-height: 1; font-weight: 800; }
.front-home .sjzc-grid p { margin: 14px 0 0; color: #b9c8da; font-size: 14px; }

.front-home .guide4-band { padding: 86px 0 94px; background: #f5f7fb; }
.front-home .guide4-head { width: min(1320px, calc(100% - 32px)); margin: 0 auto 30px; text-align: center; }
.front-home .guide4-head h2 { margin: 0 0 10px; color: #10233e; font-size: 32px; line-height: 1.15; }
.front-home .guide4-head h2 span { color: #0f2e56; }
.front-home .guide4-head p { margin: 0 auto; max-width: 760px; color: #667085; font-size: 14px; line-height: 1.75; }
.front-home .guide4-grid { width: min(1320px, calc(100% - 32px)); margin: 0 auto; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.front-home .guide4-item { min-height: 146px; padding: 20px 18px; display: flex; gap: 14px; align-items: flex-start; background: #fff; border: 1px solid #e1e8f1; border-radius: 8px; box-shadow: 0 10px 26px rgba(16, 45, 76, .05); }
.front-home .guide4-icon { width: 42px; height: 42px; flex: 0 0 42px; display: grid; place-items: center; border-radius: 12px; background: linear-gradient(135deg, rgba(72, 189, 247, .18) 0%, rgba(2, 215, 180, .12) 100%); }
.front-home .guide4-icon img { width: 28px; height: 28px; object-fit: contain; }
.front-home .guide4-body h3 { margin: 0 0 10px; color: #132640; font-size: 18px; line-height: 1.35; }
.front-home .guide4-sub { display: flex; flex-wrap: wrap; gap: 6px 8px; margin: 0; color: #667085; font-size: 13px; line-height: 1.65; }
.front-home .guide4-sub a { color: #0b79bd; text-decoration: none; }
.front-home .guide4-sub span { color: #93a3b7; }
.front-home .sv-compare__cta { width: min(1320px, calc(100% - 32px)); margin: 22px auto 0; padding: 34px 28px 30px; border-radius: 8px; background: linear-gradient(135deg, #0b2347 0%, #0b315f 100%); color: #fff; text-align: center; box-shadow: 0 18px 40px rgba(5, 18, 38, .16); }
.front-home .sv-cta__title { margin: 0 0 12px; color: #fff; font-size: 28px; line-height: 1.2; }
.front-home .sv-cta__desc { margin: 0 auto 20px; max-width: 720px; color: #d1deee; font-size: 14px; line-height: 1.75; }
.front-home .sv-cta__features { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-bottom: 22px; }
.front-home .sv-cta__features span { min-height: 34px; padding: 0 14px; display: inline-flex; align-items: center; border-radius: 999px; background: rgba(255, 255, 255, .1); color: #eff6ff; font-size: 13px; }
.front-home .sv-compare__btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 28px; border-radius: 999px; background: linear-gradient(90deg, #48bdf7 0%, #02d7b4 100%); color: #fff; text-decoration: none; font-size: 15px; font-weight: 700; }

@media (max-width: 1200px) {
  .front-home .hero-showcase__inner,
  .front-home .pro3-container,
  .front-home .vipx-wrap,
  .front-home .sjzcbox,
  .front-home .guide4-head,
  .front-home .guide4-grid,
  .front-home .sv-compare__cta { width: min(1200px, calc(100% - 28px)); }
  .front-home .hero-slide { grid-template-columns: minmax(0, .98fr) minmax(340px, 1.02fr); }
  .front-home .hero-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .front-home .pro3-grid,
  .front-home .guide4-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .front-home .vipx-tiers { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
  .front-home .hero-slider__track { min-height: 0; }
  .front-home .hero-slide { position: relative; grid-template-columns: 1fr; gap: 10px; opacity: 0; visibility: hidden; height: 0; overflow: hidden; }
  .front-home .hero-slide.is-active { height: auto; opacity: 1; visibility: visible; overflow: visible; }
  .front-home .hero-slide__image { min-height: 0; padding: 34px 0 8px; }
  .front-home .hero-slide__image img { width: min(92vw, 520px); max-height: 320px; }
  .front-home .hero-slide__text { padding: 4px 6px 32px; max-width: 100%; }
  .front-home .hero-slide__text h2 { font-size: 38px; }
  .front-home .hero-slide__subtitle { font-size: 16px; }
  .front-home .hero-slide__desc { margin-bottom: 22px; font-size: 15px; }
  .front-home .hero-slider__prev,
  .front-home .hero-slider__next { top: 138px; margin-top: 0; width: 40px; height: 40px; font-size: 30px; }
  .front-home .hero-slider__prev { left: 6px; }
  .front-home .hero-slider__next { right: 6px; }
  .front-home .hero-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 10px; padding-bottom: 16px; }
  .front-home .pro3-grid,
  .front-home .guide4-grid,
  .front-home .sjzc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .front-home .sjzc-grid li:nth-child(2) { border-right: 0; }
  .front-home .sjzc-grid li:nth-child(-n+2) { border-bottom: 1px solid rgba(255, 255, 255, .14); }
  .front-home .sjzc-grid h1 { font-size: 38px; }
}

@media (max-width: 700px) {
  .front-home .pro3-head,
  .front-home .guide4-head { display: block; }
  .front-home .pro3-head h2,
  .front-home .guide4-head h2,
  .front-home .sjzx_tit h2,
  .front-home .vipx-head h2 { font-size: 26px; }
  .front-home .pro3-cats { margin-top: 14px; }
  .front-home .pro3-grid,
  .front-home .guide4-grid,
  .front-home .sjzc-grid,
  .front-home .hero-cards { grid-template-columns: 1fr; }
  .front-home .pro3-card,
  .front-home .vipx-card,
  .front-home .guide4-item { min-height: 0; }
  .front-home .guide4-band { padding-bottom: 76px; }
  .front-home .sv-compare__cta { padding: 28px 20px 24px; }
  .front-home .sv-cta__title { font-size: 24px; }
}

@media (max-width: 560px) {
  .front-home .hero-showcase__inner,
  .front-home .pro3-container,
  .front-home .vipx-wrap,
  .front-home .sjzcbox,
  .front-home .guide4-head,
  .front-home .guide4-grid,
  .front-home .sv-compare__cta { width: calc(100% - 24px); }
  .front-home .hero-slider { padding-top: 10px; }
  .front-home .hero-slide__image img { max-height: 250px; }
  .front-home .hero-slide__text h2 { font-size: 32px; }
  .front-home .hero-slide__subtitle { font-size: 15px; }
  .front-home .hero-card { min-height: 76px; }
  .front-home .pro3-band { padding: 26px 0 76px; }
  .front-home .pro3-card { padding: 20px 14px 14px; }
  .front-home .pro3-card h3 { font-size: 17px; }
  .front-home .spec-boxes { gap: 8px 10px; }
  .front-home .spec-boxes li { min-height: 62px; padding: 10px; }
  .front-home .price span { font-size: 28px; }
  .front-home .vipx-band { padding: 68px 0 76px; }
  .front-home .vipx-card { padding: 26px 20px 20px; }
  .front-home .vipx-money b { font-size: 38px; }
  .front-home .sjzc { padding: 68px 0; }
  .front-home .sjzc-grid li { min-height: 148px; padding: 16px 12px; }
  .front-home .sjzc-grid h1 { font-size: 34px; }
  .front-home .guide4-band { padding: 68px 0 78px; }
  .front-home .guide4-item { padding: 18px 14px; }
  .front-home .guide4-body h3 { font-size: 17px; }
  .front-home .sv-cta__features { gap: 8px; }
  .front-home .sv-cta__features span { min-height: 32px; font-size: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .front-home .hero-slide,
  .front-home .hero-card,
  .front-home .pro3-card,
  .front-home .vipx-card,
  .front-home .guide4-item,
  .front-home .hero-slider__prev,
  .front-home .hero-slider__next,
  .front-home .hero-slide__btn,
  .front-home .pro3-cat,
  .front-home .btn,
  .front-home .vipx-btn,
  .front-home .sv-compare__btn { transition: none; }
}

/* Homepage product cards: match the attached reference slice. */
.front-home .pro3-band { padding: 54px 0 92px; background: #f2f6fb; }
.front-home .pro3-head { display: block; margin: 0 0 36px; text-align: center; }
.front-home .pro3-head h2 { margin: 0 0 20px; color: #1fc9df; font-size: 32px; line-height: 1.2; }
.front-home .pro3-cats { justify-content: center; gap: 8px; }
.front-home .pro3-cat {
  min-width: 126px;
  min-height: 42px;
  padding: 0 24px;
  border: 1px solid #d5dee9;
  border-radius: 6px;
  background: #fff;
  color: #59697e;
  font-size: 15px;
  font-weight: 600;
}
.front-home .pro3-cat.is-active {
  border-color: #0878bd;
  background: #0878bd;
  color: #fff;
  box-shadow: none;
}
.front-home .pro3-grid { gap: 22px; }
.front-home .pro3-card {
  min-height: 436px;
  padding: 0;
  overflow: hidden;
  border: 1px solid #d9e3ee;
  border-radius: 6px;
  box-shadow: 0 14px 28px rgba(18, 45, 76, .08);
}
.front-home .pro3-card.is-featured { border-color: #d9e3ee; box-shadow: 0 14px 28px rgba(18, 45, 76, .08); }
.front-home .pro3-card h3 {
  min-height: 58px;
  margin: 0;
  padding: 26px 22px 0;
  color: #fff;
  background: linear-gradient(135deg, #0c4777 0%, #0878b9 100%);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.35;
  text-align: left;
}
.front-home .pro3-card .sub {
  min-height: 70px;
  margin: 0;
  padding: 4px 22px 20px;
  color: #ff0080;
  background: linear-gradient(135deg, #0c4777 0%, #0878b9 100%);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.55;
}
.front-home .recommend-badge { display: none; }
.front-home .spec-boxes {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  margin: 0 20px;
  padding: 26px 0 0;
  border-top: 0;
}
.front-home .spec-boxes::after {
  content: "";
  grid-column: 1 / -1;
  order: 3;
  height: 1px;
  margin: 14px 0 0;
  background: #e4ebf3;
}
.front-home .spec-boxes li {
  min-height: 66px;
  padding: 0 0 12px;
  background: transparent;
  border: 0;
  border-radius: 0;
}
.front-home .spec-boxes li::before,
.front-home .spec-boxes li::after { display: none; }
.front-home .spec-boxes li:nth-child(n+3) { padding-top: 8px; }
.front-home .spec-boxes span { color: #7f8ca2; font-size: 12px; }
.front-home .spec-boxes b { margin-top: 8px; color: #1e2e43; font-size: 15px; line-height: 1.3; }
.front-home .price {
  min-height: 82px;
  margin-top: auto;
  padding: 24px 124px 24px 20px;
  align-items: center;
  border-top: 1px solid #e4ebf3;
}
.front-home .price span { color: #ff554b; font-size: 30px; }
.front-home .price em { color: #66758b; font-size: 13px; }
.front-home .btn {
  position: absolute;
  right: 20px;
  bottom: 20px;
  min-width: 88px;
  min-height: 38px;
  margin: 0;
  padding: 0 16px;
  border-radius: 5px;
  background: #0878bd;
  font-size: 13px;
}
.front-home .btn:hover { background: #056aa9; color: #fff; }

@media (max-width: 700px) {
  .front-home .pro3-head h2 { font-size: 28px; }
  .front-home .pro3-cats { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; padding-bottom: 4px; }
  .front-home .pro3-cat { min-width: 112px; padding: 0 18px; }
}

/* Final 7e.hk parity pass: product cards, data support, and cloud CTA. */
.front-home .pro3-band {
  padding: 72px 0 110px;
  background:
    radial-gradient(circle at 16% 10%, rgba(80, 195, 255, .14), transparent 28%),
    radial-gradient(circle at 86% 78%, rgba(0, 208, 176, .13), transparent 24%),
    #f7fbff;
}
.front-home .pro3-head h2 { color: #20cddd; font-size: 34px; font-weight: 800; }
.front-home .pro3-cat {
  min-width: 136px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .84);
  box-shadow: 0 6px 18px rgba(21, 56, 92, .04);
}
.front-home .pro3-cat.is-active {
  border-color: transparent;
  background: linear-gradient(90deg, #42baf4 0%, #05ccb3 100%);
  box-shadow: 0 12px 28px rgba(42, 180, 226, .24);
}
.front-home .pro3-grid { gap: 22px; }
.front-home .pro3-card,
.front-home .pro3-card.is-featured {
  min-height: 410px;
  padding: 24px 16px 22px;
  overflow: visible;
  border: 1px solid #dfe7f0;
  border-radius: 8px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 14px 34px rgba(18, 45, 76, .08);
}
.front-home .pro3-card h3 {
  min-height: 44px;
  margin: 0 0 2px;
  padding: 0 42px;
  color: #132139;
  background: transparent;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.35;
  text-align: center;
}
.front-home .pro3-card .sub {
  min-height: 42px;
  margin: 0 0 16px;
  padding: 0 18px;
  color: #64748b;
  background: transparent;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.55;
  text-align: center;
}
.front-home .recommend-badge {
  display: inline-flex;
  top: 22px;
  right: 20px;
  min-height: 26px;
  align-items: center;
  padding: 0 11px;
  border-radius: 999px;
  background: linear-gradient(90deg, #ff8a45 0%, #ff4f6d 100%);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}
.front-home .spec-boxes {
  gap: 10px;
  margin: 0;
  padding: 0;
  border: 0;
}
.front-home .spec-boxes::after { display: none; }
.front-home .spec-boxes li,
.front-home .spec-boxes li:nth-child(n+3) {
  position: relative;
  min-height: 56px;
  padding: 11px 10px 10px;
  overflow: hidden;
  border: 1px solid #bdebf6;
  border-radius: 6px;
  background: #eefbfc;
  text-align: center;
}
.front-home .spec-boxes li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 22px;
  height: 2px;
  background: #18cbd0;
  transform: translateX(-50%);
}
.front-home .spec-boxes span { color: #7b8aa1; font-size: 12px; }
.front-home .spec-boxes b { margin-top: 5px; color: #132139; font-size: 16px; font-weight: 800; }
.front-home .price {
  min-height: 78px;
  margin: auto 0 0;
  padding: 20px 0 4px;
  border: 0;
  justify-content: center;
  text-align: center;
}
.front-home .price span { color: #35c5ef; font-size: 30px; font-weight: 800; }
.front-home .price em { color: #66758b; font-size: 15px; font-weight: 700; }
.front-home .btn {
  position: static;
  min-width: 144px;
  min-height: 40px;
  margin: 10px auto 0;
  border-radius: 999px;
  background: linear-gradient(90deg, #42baf4 0%, #05ccb3 100%);
  box-shadow: 0 10px 22px rgba(21, 184, 209, .22);
  font-size: 14px;
}
.front-home .btn:hover { background: linear-gradient(90deg, #1da7ed 0%, #02bfa6 100%); }

.front-home .sjzc {
  position: relative;
  min-height: 548px;
  padding: 86px 0 0;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .055) 1px, transparent 1px) 0 0 / 12.5% 100%,
    linear-gradient(180deg, #151326 0%, #132343 100%);
}
.front-home .sjzc::before {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 170px;
  background:
    linear-gradient(180deg, rgba(25, 101, 210, .36), rgba(25, 101, 210, .12)),
    linear-gradient(90deg, transparent 0 10%, rgba(255, 255, 255, .11) 10% 10.08%, transparent 10.08% 100%);
}
.front-home .sjzc::after {
  content: "";
  position: absolute;
  left: -2%;
  right: -2%;
  bottom: -10px;
  height: 178px;
  background: url("data:image/svg+xml,%3Csvg width='1440' height='180' viewBox='0 0 1440 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 76 C150 178 284 156 430 70 C579 -18 749 0 894 93 C1014 170 1144 130 1248 36 C1330 -38 1398 4 1440 174' fill='none' stroke='%232b80ff' stroke-width='6' stroke-linecap='round'/%3E%3Cpath d='M0 88 C150 190 284 168 430 82 C579 -6 749 12 894 105 C1014 182 1144 142 1248 48 C1330 -26 1398 16 1440 186' fill='none' stroke='%23030813' stroke-opacity='.55' stroke-width='10' stroke-linecap='round'/%3E%3Ccircle cx='344' cy='102' r='8' fill='%23fff' stroke='%232b80ff' stroke-width='5'/%3E%3Ccircle cx='790' cy='26' r='9' fill='%23fff' stroke='%232b80ff' stroke-width='6'/%3E%3C/svg%3E") center bottom / 100% 180px no-repeat;
  pointer-events: none;
}
.front-home .sjzcbox { position: relative; z-index: 1; }
.front-home .sjzx_tit { margin-bottom: 56px; }
.front-home .sjzx_tit h2 {
  margin-bottom: 12px;
  color: #fff;
  font-size: 30px;
  line-height: 1.25;
  font-weight: 500;
}
.front-home .sjzx_tit p { color: #a9b2c5; }
.front-home .sjzc-grid { position: relative; z-index: 2; }
.front-home .sjzc-grid li {
  min-height: 130px;
  display: block;
  width: auto;
  float: none;
  overflow: visible;
  padding: 0 18px;
  border-right: 0;
  text-align: center;
}
.front-home .sjzc-grid img {
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0 14px 0 0;
  float: none;
  filter: saturate(1.5) hue-rotate(172deg);
}
.front-home .sjzc-grid h1 {
  display: inline-block;
  margin: 0;
  color: #fff;
  font-size: 42px;
  font-weight: 500;
  line-height: 1;
  float: none;
}
.front-home .sjzc-grid .sjzc-unit { display: inline-block; margin-left: 4px; color: #fff; font-size: 24px; line-height: 1; vertical-align: middle; }
.front-home .sjzc-grid .clear { display: none; }
.front-home .sjzc-grid p { height: auto; margin-top: 14px; padding-left: 0; color: #fff; font-size: 14px; font-weight: 600; line-height: 1.4; }
.front-home .sjzc-grid li img,
.front-home .sjzc-grid li h1 { vertical-align: middle; }
.front-home #wrap .sjzc-grid li { width: auto; float: none; overflow: visible; }
.front-home #wrap .sjzc-grid img { padding: 0; float: none; }
.front-home #wrap .sjzc-grid .jumbo { float: none; }
.front-home #wrap .sjzc-grid p { padding-left: 0; line-height: 1.4; }

.front-home .guide4-band {
  padding: 84px 0 112px;
  background:
    linear-gradient(180deg, #fff 0%, #f8fbff 68%, #f4f7ff 100%);
}
.front-home .sv-compare__cta {
  width: min(980px, calc(100% - 32px));
  margin: 72px auto 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #10233e;
}
.front-home .sv-cta__title {
  margin-bottom: 14px;
  color: #10233e;
  font-size: 0;
  font-weight: 800;
}
.front-home .sv-cta__title::before,
.front-home .sv-cta__title::after,
.front-home .sv-cta__title .text-gradient { font-size: 30px; line-height: 1.25; }
.front-home .sv-cta__title::before { content: "立即体验"; }
.front-home .sv-cta__title::after { content: "的强大优势"; }
.front-home .sv-cta__desc {
  max-width: none;
  margin-bottom: 24px;
  color: #6b7890;
  font-size: 14px;
}
.front-home .sv-cta__features {
  gap: 18px 30px;
  margin-bottom: 34px;
}
.front-home .sv-cta__features span {
  min-height: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: #34445c;
}
.front-home .sv-cta__features span::before {
  content: "✓";
  margin-right: 6px;
  color: #35bdf2;
  font-weight: 800;
}
.front-home .sv-compare__btn {
  min-width: 176px;
  min-height: 52px;
  box-shadow: 0 14px 28px rgba(31, 180, 225, .23);
}

@media (max-width: 900px) {
  .front-home .pro3-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .front-home .sjzc { min-height: 620px; }
  .front-home .sjzc-grid { gap: 26px 0; }
  .front-home .sjzc-grid li:nth-child(-n+2) { border-bottom: 0; }
}

@media (max-width: 560px) {
  .front-home .pro3-band { padding: 52px 0 78px; }
  .front-home .pro3-card,
  .front-home .pro3-card.is-featured { min-height: 386px; padding: 22px 14px 20px; }
  .front-home .pro3-card h3 { padding: 0 34px; }
  .front-home .sjzc { min-height: 710px; padding-top: 66px; }
  .front-home .sjzx_tit { margin-bottom: 40px; }
  .front-home .sjzc-grid { grid-template-columns: 1fr; gap: 22px; }
  .front-home .sjzc-grid li { min-height: 86px; }
  .front-home .sjzc-grid h1 { font-size: 34px; }
  .front-home .guide4-band { padding: 64px 0 86px; }
  .front-home .sv-compare__cta { margin-top: 50px; }
  .front-home .sv-cta__title::before,
  .front-home .sv-cta__title::after,
  .front-home .sv-cta__title .text-gradient { font-size: 24px; }
  .front-home .sv-cta__features { gap: 12px 18px; }
}

/* Homepage host and bare-metal cards follow the reference three-card frame. */
.front-home .pro3-grid[data-cat="host"],
.front-home .pro3-grid[data-cat="baremetal"] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
  max-width: 1190px;
  margin: 0 auto;
}
.front-home .pro3-grid[data-cat="host"] .pro3-card,
.front-home .pro3-grid[data-cat="baremetal"] .pro3-card {
  height: 405px;
  min-height: 405px;
  box-sizing: border-box;
}
.front-home .pro3-grid[data-cat="host"] .pro3-card h3,
.front-home .pro3-grid[data-cat="baremetal"] .pro3-card h3 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

@media (max-width: 900px) {
  .front-home .pro3-grid[data-cat="host"],
  .front-home .pro3-grid[data-cat="baremetal"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
  }
}

@media (max-width: 560px) {
  .front-home .pro3-grid[data-cat="host"],
  .front-home .pro3-grid[data-cat="baremetal"] {
    grid-template-columns: 1fr;
    gap: 18px;
    max-width: 420px;
  }
  .front-home .pro3-grid[data-cat="host"] .pro3-card,
  .front-home .pro3-grid[data-cat="baremetal"] .pro3-card {
    height: auto;
    min-height: 386px;
  }
}