/* Brand tokens, document rhythm, structural layout and component styles. */
:root { --blue:#2468f2; --ink:#172438; --muted:#4d5e76; --pale:#f1f7ff; --line:#dce7f6; --measure:1200px; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; scroll-padding-top:112px; } body { margin:0; background:#fff; color:var(--ink); font-family:"PingFang SC","Microsoft YaHei",sans-serif; line-height:1.7; }
h1,h2,h3,p,figure,ul,dl,dd { margin:0; } ul { padding:0; list-style:none; } a { color:inherit; text-decoration:none; } button { cursor:pointer; font:inherit; } img { max-width:100%; height:auto; } [hidden] { display:none!important; } :focus-visible { outline:3px solid var(--blue); outline-offset:4px; } a:hover { color:var(--blue); }
.container,.hero-shell,.advantage-inner { width:min(var(--measure),calc(100% - 64px)); margin-inline:auto; } .flex { display:flex; } .align-center { align-items:center; } .space-between { justify-content:space-between; } .flex-column { flex-direction:column; } .align-start { align-items:flex-start; }
.header-wrap { position:sticky; top:0; z-index:20; background:#fffffff5; border-bottom:1px solid var(--line); } .header { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:88px; } .header .logo { width:168px; display:block; } .nav-wrap { display:flex; gap:24px; white-space:nowrap; } .nav-item { position:relative; } .nav-item>a { display:block; padding:15px 0; } .dropdown { display:none; position:absolute; top:100%; left:0; width:360px; padding:16px; background:#fff; border:1px solid var(--line); box-shadow:0 10px 32px #152f5f16; } .nav-item:hover .dropdown,.nav-item:focus-within .dropdown { display:block; } .dropdown-item { display:block; padding:12px; } .dropdown .title { font-size:16px; text-align:left; } .dropdown .desc { font-size:13px; color:var(--muted); }
.reg-btn,.btn-warp .btn,.download-btn,.local-consult { display:inline-flex; align-items:center; justify-content:center; gap:8px; background:var(--blue); color:#fff; border:0; border-radius:8px; min-height:48px; padding:12px 24px; } .reg-btn:hover,.download-btn:hover,.local-consult:hover { background:#1958d5; color:#fff; }
.hero { background:var(--pale); } .hero-shell { display:flex; flex-direction:column; align-items:center; gap:42px; padding:64px 0 0; text-align:center; } .hero-copy { max-width:900px; } .hero h1 { font-size:clamp(32px,3.6vw,54px); font-weight:750; line-height:1.22; letter-spacing:-.025em; text-wrap:balance; } .hero .sub-title { font-size:18px; color:var(--muted); line-height:1.8; margin:24px auto 0; max-width:52em; } .btn-warp { display:flex; gap:12px; flex-wrap:wrap; justify-content:center; margin-top:32px; } .btn-warp .img { width:22px; height:22px; object-fit:contain; } .hero-media { width:100%; height:340px; overflow:hidden; border-radius:16px 16px 0 0; } .hero-media img { display:block; width:100%; height:100%; object-fit:cover; object-position:82% center; }
.box { padding:88px 0; } .title,.local-title { font-size:36px; font-weight:700; line-height:1.35; text-align:center; text-wrap:balance; } .sub-title,.local-subtitle { color:var(--muted); font-size:18px; line-height:1.8; margin:20px auto 0; max-width:72ch; text-align:center; }
.advantage-warp { border-bottom:1px solid var(--line); } .advantage-inner { display:grid; grid-template-columns:repeat(4,1fr); gap:32px; padding:32px 0; } .advantage-inner .img { width:32px; margin-right:12px; } .advantage-inner .num { font-size:26px; font-weight:700; } .advantage-inner .txt { font-size:14px; color:var(--muted); margin-top:8px; }
.ai-workspace { margin-top:40px; background:var(--pale); padding:40px; border-radius:16px; } .workspace-nav,.workspace-models,.workspace-actions { display:flex; align-items:center; justify-content:center; gap:16px; flex-wrap:wrap; } .workspace-nav-item { color:#244a84; padding:8px 16px; border-bottom:1px solid var(--line); } .workspace-content { display:flex; justify-content:center; align-items:center; gap:40px; margin:32px 0; } .workspace-chat { display:flex; align-items:center; gap:16px; } .workspace-avatar img { width:64px; } .workspace-model img { width:56px; display:block; } .workspace-message { font-size:22px; font-weight:600; } .workspace-action { display:flex; align-items:center; gap:10px; color:var(--muted); } .workspace-action img { width:28px; }
.name { font-size:24px; font-weight:650; line-height:1.5; } .txt { font-size:16px; line-height:1.8; } .product-advantages { background:var(--pale); } .capability-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:44px; } .capability-card { min-width:0; padding:30px; background:#fff; border:1px solid var(--line); border-radius:12px; } .capability-card img { width:56px; } .capability-card h3 { font-size:21px; margin:20px 0 12px; } .capability-card p { color:var(--muted); }
.feature-section .content { display:grid; gap:64px; } .feature-row { display:grid; grid-template-columns:1fr 1.2fr; gap:64px; align-items:center; } .feature-row:nth-child(even) .feature-copy { order:2; } .feature-row .name { font-size:30px; } .feature-row .txt { color:var(--muted); margin-top:16px; } .feature-row>img { width:100%; } .voice-translation .content { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; } .voice-translation .txt { color:var(--muted); margin-top:20px; } .voice-translation .name { font-size:34px; } .voice-translation img { display:block; width:100%; }
.case-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px 28px; margin-top:40px; } .case-card { min-width:0; } .case-card>img { display:block; width:100%; border-radius:12px; } .case-card .name { margin-top:16px; font-size:22px; } .case-card .txt { margin-top:12px; color:var(--muted); } .case-card .eyebrow { color:var(--blue); font-size:13px; display:block; margin-top:20px; }
.services-section { background:var(--pale); } .title-warp { display:flex; justify-content:center; align-items:center; gap:16px; } .title-warp>.img { width:48px; } .service-list { display:grid; grid-template-columns:repeat(2,1fr); gap:32px 48px; margin-top:48px; } .service-list>div { padding:24px 0; border-top:1px solid var(--line); } .service-list dt { color:var(--ink); font-size:23px; font-weight:650; } .service-list dd { color:var(--muted); margin-top:12px; }
.why-vip-wrappper { background:#1756d4; color:#fff; } .why-vip-bg { display:none; } .why-vip-content { display:flex; padding-block:64px; gap:64px; align-items:center; } .why-vip-content>div { flex:1; } .why-vip-content .title { text-align:left; } .why-vip-content .sub-title { color:#e3eeff; text-align:left; } .why-vip-content .download-btn { background:#fff; color:#1c55be; margin-top:28px; } .content-title { font-size:28px; } .privilege-wrap { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:24px; } .privilege-wrap .item { text-align:center; } .privilege-wrap img { width:48px; } .privilege-wrap .txt { font-size:14px; margin-top:8px; } .buy-wrap { margin-top:32px; } .buy-wrap .txt { font-size:22px; }
.trust-strip .advantage-wrap { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; padding:40px 0; text-align:center; } .advantage-wrap img { width:40px; } .advantage-wrap p { margin-top:8px; } .local-pricing { text-align:center; padding:72px 0; background:var(--pale); } .local-price-card { display:flex; align-items:center; gap:24px; max-width:780px; margin:32px auto 0; text-align:left; } .local-price-card>img { width:64px; } .local-price-card h3 { font-size:23px; font-weight:650; } .local-price-card p,.local-pay { color:var(--muted); font-size:15px; } .local-consult { margin-left:auto; white-space:nowrap; } .local-pay { margin-top:24px; }
.download-section { background:#fff; } .download-section .content-item>.flex { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; } .list-content { width:100%; margin-top:40px; } .download-section .content-right { padding:32px; text-align:center; background:var(--pale); border-radius:12px; } .download-section .content-right>.img { width:64px; } .download-section .content-right>.txt { font-size:24px; color:var(--ink); margin:12px 0 20px; } .download-section .content-right>a { display:inline-flex; align-items:center; justify-content:center; background:var(--blue); border-radius:8px; width:56px; height:48px; } .download-section .content-right .icon { width:28px; } .step-wrap { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; margin-top:40px; } .step-wrap .item { display:flex; gap:16px; } .step { color:var(--blue); font-size:36px; font-weight:700; line-height:1.4; }
.footer-wrap { background:var(--pale); padding:48px 0 28px; } .footer-box { display:grid; grid-template-columns:repeat(4,1fr); gap:40px; } .footer-box>div>p { font-weight:700; margin-bottom:16px; } .footer-box a { display:block; color:var(--muted); margin-top:10px; } .link-wrap { display:flex; justify-content:space-between; align-items:center; margin-top:32px; padding-top:24px; border-top:1px solid var(--line); } .link-wrap a { margin-right:20px; } .link-wrap img { width:180px; } .copyright { text-align:center; padding:22px 0; font-size:14px; color:var(--muted); }
.sidebar-warp { position:fixed; right:20px; bottom:20px; z-index:10; display:flex; gap:8px; } .sidebar-warp a { display:block; background:#fff; border:1px solid var(--line); box-shadow:0 4px 18px #203a6614; border-radius:8px; padding:12px; font-size:12px; text-align:center; } .sidebar-warp .img { width:24px; display:block; margin:auto; }
.qr-shade { position:fixed; inset:0; z-index:100; background:#102038aa; display:grid; place-items:center; padding:16px; } .qr-dialog { position:relative; max-width:560px; width:100%; border:0; border-radius:18px; background:#fff; padding:40px; color:var(--ink); text-align:center; max-height:calc(100dvh - 32px); overflow:auto; } dialog.qr-dialog::backdrop { background:#102038aa; } .qr-close { position:absolute; right:14px; top:10px; font-size:28px; line-height:1; border:0; background:transparent; } .qr-pair { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:28px; } .qr-pair img { width:190px; } .qr-pair p { margin-top:12px; }
.legal-content { width:min(1000px,calc(100% - 64px)); margin:64px auto; overflow-wrap:anywhere; } .legal-content .container { width:100%; } .legal-content .title { margin-bottom:28px; } .legal-content p { margin:14px 0; } .legal-content h2,.legal-content h3 { margin:26px 0 12px; }  .legal-content table { max-width:100%; }
.module-heading { display:flex; align-items:end; justify-content:space-between; gap:24px; } .module-heading .title { text-align:left; } .index-tabs { display:flex; gap:10px; flex-wrap:wrap; margin:36px 0 24px; } .index-tabs button { border:1px solid var(--line); border-radius:8px; background:#fff; color:var(--ink); padding:12px 18px; } .index-tabs button[aria-selected="true"] { background:var(--blue); color:#fff; border-color:var(--blue); }
.capability-detail { display:grid; grid-template-columns:100px 1fr; align-items:start; gap:32px; padding:40px; border:1px solid var(--line); border-radius:14px; background:#fff; } .capability-detail img { width:80px; } .capability-detail h3 { font-size:26px; margin-bottom:16px; } .capability-detail p { color:var(--muted); max-width:62ch; }
.capability-accordion { margin-top:40px; display:grid; grid-template-columns:1fr 1fr; gap:16px; align-items:start; } .capability-accordion details { border:1px solid var(--line); border-radius:12px; background:#fff; padding:24px; } .capability-accordion summary { cursor:pointer; font-size:21px; font-weight:650; display:flex; align-items:center; gap:16px; } .capability-accordion summary img { width:40px; } .capability-accordion details p { padding-top:18px; color:var(--muted); }
.slide-controls { display:flex; gap:10px; } .slide-controls button { border:1px solid var(--line); background:white; color:var(--blue); padding:8px 18px; border-radius:8px; } .slide-controls button:disabled { opacity:.4; cursor:default; } .case-track { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:24px; margin-top:36px; scrollbar-width:thin; } .case-track .case-card { flex:0 0 calc((100% - 48px)/3); scroll-snap-align:start; padding-bottom:12px; }
@media(max-width:1050px) { .header .logo { width:135px; } .nav-wrap { gap:16px; font-size:14px; } .header { gap:16px; } .reg-btn { padding-inline:16px; } .feature-row { gap:32px; } .capability-grid { grid-template-columns:1fr 1fr; } }
@media(max-width:720px) { html { scroll-padding-top:128px; } .container,.hero-shell,.advantage-inner { width:calc(100% - 40px); } .header { position:relative; min-height:112px; align-items:flex-start; padding-top:16px; padding-bottom:52px; } .header .logo { width:118px; } .header nav { position:absolute; bottom:0; left:0; right:0; overflow-x:auto; } .nav-wrap { gap:28px; font-size:14px; min-height:40px; } .nav-item>a { padding:6px 0 10px; } .dropdown { display:none!important; } .header .reg-btn { min-height:40px; font-size:14px; padding:8px 16px; } .hero-shell { padding-top:40px; gap:28px; } .hero h1 { font-size:34px; line-height:1.25; } .hero .sub-title { font-size:16px; margin-top:20px; } .btn-warp { gap:8px; margin-top:24px; } .btn-warp .btn { font-size:14px; padding:10px 16px; } .hero-media { height:230px; } .box { padding:56px 0; } .title,.local-title { font-size:28px; } .sub-title,.local-subtitle { font-size:16px; margin-top:16px; } .advantage-inner { grid-template-columns:1fr 1fr; gap:24px 16px; padding:28px 0; } .advantage-inner .num { font-size:23px; } .advantage-inner .txt { font-size:13px; } .ai-workspace { padding:24px 16px; } .workspace-nav { gap:4px; } .workspace-nav-item { font-size:13px; padding:6px 8px; } .workspace-content { flex-direction:column; gap:24px; } .workspace-avatar img { width:44px; } .workspace-message { font-size:17px; } .workspace-model img { width:44px; } .workspace-action { font-size:14px; } .workspace-actions { gap:12px; } .feature-section .content { gap:40px; } .feature-row,.voice-translation .content { display:flex; flex-direction:column; gap:24px; } .feature-row:nth-child(even) .feature-copy { order:0; } .feature-row .name,.voice-translation .name { font-size:26px; } .capability-grid,.capability-accordion { grid-template-columns:1fr; gap:16px; margin-top:28px; } .capability-card { padding:24px; } .case-grid { grid-template-columns:1fr; gap:32px; } .name { font-size:21px; } .services-section .title-warp>.img { width:30px; } .service-list { gap:16px; grid-template-columns:1fr; margin-top:28px; } .why-vip-content { display:block; padding-block:40px; } .why-vip-content .content-right { margin-top:40px; } .privilege-wrap { gap:12px; } .privilege-wrap .txt { font-size:13px; } .content-title { font-size:24px; } .local-pricing { padding:48px 0; } .local-price-card { flex-wrap:wrap; gap:16px; } .local-price-card>img { width:48px; } .local-price-card h3 { font-size:20px; } .local-price-card .local-consult { margin-left:64px; } .local-pay { font-size:13px; } .download-section .content-item>.flex { grid-template-columns:1fr; gap:16px; } .download-section .content-right { display:flex; align-items:center; text-align:left; gap:16px; padding:20px; } .download-section .content-right>.img { width:42px; } .download-section .content-right>.txt { font-size:21px; margin:0; } .download-section .content-right>a { margin-left:auto; } .step-wrap { grid-template-columns:1fr; gap:28px; } .footer-box { grid-template-columns:1fr 1fr; gap:32px 24px; } .link-wrap { display:block; font-size:13px; } .link-wrap>img { margin-top:20px; } .link-wrap a { margin-right:8px; } .trust-strip .advantage-wrap { grid-template-columns:1fr 1fr; font-size:14px; gap:24px; } .sidebar-warp { right:10px; bottom:10px; gap:6px; } .sidebar-warp a { padding:8px; } .sidebar-warp .img { width:20px; } .qr-dialog { padding:32px 20px; } .qr-dialog h2 { font-size:23px; } .qr-pair { gap:16px; margin-top:24px; } .qr-pair img { width:145px; max-width:33vw; } .legal-content { width:calc(100% - 40px); margin:36px auto; } .legal-content table { display:block; overflow-x:auto; }  .capability-detail { grid-template-columns:1fr; gap:20px; padding:24px; } .index-tabs { display:grid; grid-template-columns:1fr 1fr; gap:8px; } .index-tabs button { padding:10px; font-size:14px; } .case-track .case-card { flex-basis:86%; } .module-heading { display:block; } .slide-controls { margin-top:20px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

/* V15 geometry contract: original module order, measures, columns and mobile flow. */
.hero-shell {padding-top:72px;gap:40px;} .hero-copy{max-width:840px;} .hero .sub-title{max-width:36em;} .hero-media{height:360px;} .hero-media img{object-position:center;}
.capability-grid{grid-template-columns:repeat(3,1fr);gap:32px 56px;margin-top:48px;}
.capability-card{display:block;padding:24px 0;background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;}
.capability-card header{display:flex;align-items:center;gap:20px;}.capability-card img{width:64px;}.capability-card h3{font-size:24px;margin:0;line-height:1.5;}.capability-card p{margin-top:16px;}
.feature-section .content{display:grid;grid-template-columns:1fr 1fr;gap:40px;}.feature-row{display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:0;border:0;border-radius:0;background:transparent;}.feature-row:nth-child(even) .feature-copy{order:0;}.feature-row .txt{margin-top:16px;}.feature-row>img{margin-top:auto;}
.case-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:40px 28px;margin-top:40px;padding-bottom:24px;}.case-card{display:block;flex:0 0 340px;scroll-snap-align:start;padding:0;border:0;}.case-card>img{height:auto;grid-row:auto;}.case-card .name{margin-top:16px;}.case-card .txt{margin-top:12px;}
.voice-translation .content{grid-template-columns:1.25fr 1fr;}.voice-translation .img-wrap{grid-column:1;grid-row:1;}
.service-list{grid-template-columns:repeat(4,1fr);gap:32px;}.service-list>div{padding:0;border:0;}.service-list dt{font-size:24px;}.service-list dd{margin-top:16px;}
@media(max-width:720px){.hero-shell{padding-top:40px;gap:28px;}.hero-media{height:230px;}.hero-media img{object-position:80% center;}.capability-grid{grid-template-columns:1fr;gap:8px;margin-top:24px;}.capability-card{padding:24px 0;}.capability-card img{width:48px;}.capability-card h3{font-size:21px;}.feature-section .content{display:block;}.feature-row{gap:16px;margin-top:40px;}.feature-row:first-child{margin-top:0;}.feature-row .txt{margin-top:16px;}.case-card{flex-basis:280px;}.voice-translation .content{display:flex;flex-direction:column;gap:24px;}.service-list{grid-template-columns:1fr 1fr;gap:28px 20px;}.service-list dt{font-size:21px;}}

/* Native top-layer dialog stays anchored to the viewport at every trigger position. */
dialog.qr-dialog { position:fixed; inset:0; margin:auto; }