:root{--ink:#0b1220;--ink-soft:#334155;--muted:#64748b;--paper:#f4f6f8;--paper-deep:#e8eef3;--line:rgba(11,18,32,0.1);--line-strong:rgba(11,18,32,0.16);--teal:#0e7490;--teal-deep:#155e75;--steel:#1e3a5f;--accent:linear-gradient(115deg,#0e7490,#1e3a5f);--max:1280px;--wide:1520px;--gutter:clamp(20px,4vw,64px);--header-h:72px;--font-display:var(--font-display-loaded),"Noto Serif SC","Source Han Serif SC","Songti SC",Georgia,serif;--font-body:var(--font-body-loaded),"DM Sans","PingFang SC","Microsoft YaHei",sans-serif}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--font-body);background:var(--paper);line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(100% - (var(--gutter) * 2),var(--max));margin-inline:auto}.container-wide{width:min(100% - (var(--gutter) * 2),var(--wide));margin-inline:auto}.bleed{width:100%}.site-header{position:fixed;inset:0 0 auto;z-index:60;height:var(--header-h);transition:background .3s ease,border-color .3s ease,-webkit-backdrop-filter .3s ease;transition:background .3s ease,border-color .3s ease,backdrop-filter .3s ease;transition:background .3s ease,border-color .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease;border-bottom:1px solid transparent}.site-header.is-solid{background:var(--paper);border-bottom-color:var(--line)}.site-header:not(.is-solid){background:linear-gradient(180deg,rgba(11,18,32,.45),transparent)}.topnav{display:flex;align-items:center;gap:8px;min-height:72px;padding-block:12px}.site-header:not(.is-solid) .brand-tagline,.site-header:not(.is-solid) .brand-text,.site-header:not(.is-solid) .nav-links a{color:rgba(255,255,255,.92)}.site-header:not(.is-solid) .nav-links a:hover{color:#fff;background:rgba(255,255,255,.12)}.site-header:not(.is-solid) .menu-toggle{color:#fff;border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.1)}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand img{height:36px;width:36px}.brand-lockup{display:flex;flex-direction:column;gap:2px;line-height:1.1}.brand-text{font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:.08em;color:var(--ink)}.brand-tagline{font-size:11px;letter-spacing:.16em;color:var(--muted);font-weight:500}.nav-links{display:flex;align-items:center;gap:2px}.nav-links a{padding:9px 16px;border-radius:4px;font-size:14px;letter-spacing:.02em;color:var(--ink-soft);transition:background .2s ease,color .2s ease}.nav-links a:hover{color:var(--ink);background:rgba(11,18,32,.05)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:4px;border:0;font:inherit;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:var(--accent);box-shadow:0 12px 32px rgba(14,116,144,.28)}.btn-primary:hover{box-shadow:0 16px 36px rgba(14,116,144,.36)}.btn-ghost{color:var(--ink);background:transparent;border:1px solid var(--line-strong)}.btn-ghost-light{color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.35)}.nav-cta{margin-left:12px;padding:11px 20px;font-size:14px}.site-header:not(.is-solid) .btn-ghost{color:#fff;border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.08)}.menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:4px;background:rgba(255,255,255,.7);cursor:pointer}.hero{position:relative;margin-top:var(--header-h);max-width:100%;color:var(--ink);background:var(--paper-deep)}.hero,.hero-media{width:100%;overflow:clip}.hero-media{display:block;line-height:0}.hero-bg,.hero-media picture{display:block;width:100%}.hero-bg{max-width:100%;height:auto;object-fit:contain;object-position:center;transform-origin:center center;animation:hero-arrive 1.6s cubic-bezier(.16,.84,.32,1) both}.hero-content{position:absolute;left:0;bottom:0;z-index:2;width:min(100% - (var(--gutter) * 2),640px);margin:0 0 clamp(24px,4vh,56px);margin-left:max(var(--gutter),calc((100vw - min(100vw, var(--wide))) / 2 + var(--gutter)));padding:clamp(24px,3.2vw,36px) clamp(24px,3.6vw,40px);border-radius:18px;isolation:isolate;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.86)),linear-gradient(125deg,rgba(14,116,144,.07),transparent 58%),rgba(244,246,248,.82);border:1px solid rgba(255,255,255,.9);box-shadow:0 18px 44px rgba(11,18,32,.12);animation:fade-up .9s ease both}.hero-brand{margin:0 0 12px;font-size:clamp(1.05rem,1.8vw,1.25rem);letter-spacing:.28em;color:var(--teal)}.hero-brand,.hero-slogan{font-family:var(--font-display);font-weight:700}.hero-slogan{margin:0 0 10px;font-size:clamp(2.1rem,4.6vw,3.4rem);letter-spacing:.08em;line-height:1.22;color:var(--ink)}.hero-tagline{margin:0 0 16px;font-family:var(--font-display);font-size:clamp(1.05rem,1.8vw,1.25rem);font-weight:700;letter-spacing:.18em;color:var(--teal)}.hero-lead{margin:0 0 28px;max-width:28em;font-size:clamp(1rem,1.5vw,1.12rem);line-height:1.75;color:var(--ink-soft);font-weight:400}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.section{padding:clamp(72px,10vw,120px) 0}.section-ink{background:var(--ink);color:#fff}.section-paper{background:#fff}.section-mist{background:radial-gradient(900px 420px at 0 0,rgba(14,116,144,.08),transparent 55%),radial-gradient(800px 380px at 100% 20%,rgba(30,58,95,.07),transparent 50%),var(--paper)}.section-head{margin-bottom:clamp(40px,6vw,64px);max-width:720px}.section-head.is-center{margin-inline:auto;text-align:center}.section-kicker{display:inline-block;margin:0 0 14px;font-size:13px;letter-spacing:.18em;color:var(--teal);font-weight:600}.section-ink .section-kicker{color:#67e8f9}.section-title{margin:0 0 16px;font-family:var(--font-display);font-size:clamp(2rem,4vw,3.1rem);font-weight:700;letter-spacing:.04em;line-height:1.2}.section-desc{margin:0;color:var(--muted);font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.8}.section-ink .section-desc{color:rgba(255,255,255,.72)}.intro-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:clamp(28px,4vw,56px);gap:clamp(28px,4vw,56px);border-top:1px solid var(--line);padding-top:clamp(36px,5vw,56px)}.intro-item h3{margin:0 0 14px;font-family:var(--font-display);font-size:1.45rem;letter-spacing:.03em}.intro-item p{margin:0;color:var(--ink-soft);font-size:1.02rem;line-height:1.85}.intro-item{animation:fade-up .7s ease both}.intro-item:nth-child(2){animation-delay:.08s}.intro-item:nth-child(3){animation-delay:.16s}.feature-shell{display:grid;grid-gap:28px;gap:28px}.feature-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.feature-tab{flex:0 0 auto;padding:12px 18px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink-soft);font:inherit;font-size:14px;letter-spacing:.02em;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.feature-tab.is-active,.feature-tab:hover{color:#fff;border-color:transparent;background:var(--steel)}.feature-stage{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr) minmax(0,1fr);grid-gap:20px;gap:20px;align-items:center}.feature-copy{display:flex;flex-direction:column;justify-content:center;padding-right:12px}.feature-copy h3{margin:0 0 16px;font-family:var(--font-display);font-size:clamp(1.6rem,2.4vw,2.1rem)}.feature-copy p{margin:0;color:var(--ink-soft);line-height:1.9;white-space:pre-line;font-size:1.05rem}.feature-media{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);aspect-ratio:800/443;min-height:0}.feature-media img{object-fit:contain;opacity:0;transform:translateY(16px) scale(1.02);transition:opacity .5s ease,transform .55s ease}.feature-media img.is-shown{opacity:1;transform:none}.feature-media.is-loading:before{content:"";position:absolute;inset:auto 18% 18px 18%;height:3px;border-radius:999px;background:var(--accent);animation:load-bar 1.1s ease infinite;z-index:2}.product-band{display:grid;grid-template-columns:minmax(300px,.85fr) 1.15fr;min-height:min(70vh,640px)}.product-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,7vw,88px) var(--gutter);color:var(--ink);background:radial-gradient(900px 420px at 0 0,rgba(14,116,144,.08),transparent 55%),radial-gradient(800px 380px at 100% 20%,rgba(30,58,95,.07),transparent 50%),var(--paper)}.product-visual{position:relative;min-height:420px;overflow:hidden;background:var(--paper-deep)}.product-visual img{object-fit:contain;object-position:center}.product-copy .section-kicker{color:var(--teal)}.product-copy h2{margin:0 0 18px;font-family:var(--font-display);font-size:clamp(2rem,3.5vw,2.8rem);letter-spacing:.04em}.product-copy p{margin:0 0 28px;max-width:32em;color:var(--muted);font-size:1.08rem;line-height:1.85}.cta-band{position:relative;overflow:hidden;padding:clamp(80px,12vw,140px) var(--gutter);text-align:center;color:#fff;background:linear-gradient(120deg,rgba(11,18,32,.88),rgba(14,116,144,.78)),#155e75}.cta-kicker{display:inline-block;margin:0 0 14px;font-size:13px;letter-spacing:.2em;color:#a5f3fc;font-weight:600}.cta-band h2{margin:0 0 14px;font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);letter-spacing:.18em}.cta-band p{margin:0 auto 32px;max-width:30em;color:rgba(255,255,255,.82);font-size:1.1rem}.cta-band .btn-primary{background:#fff;color:var(--steel);box-shadow:none}.logo-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:8px 16px;gap:8px 16px}.logo-cell{display:flex;align-items:center;justify-content:center;min-height:125px;padding:26px 16px}.logo-cell img{width:auto;height:72px;max-width:94%;object-fit:contain}.site-footer{padding:56px 0 40px;background:#fff;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;grid-gap:32px;gap:32px}.footer-brand{font-family:var(--font-display);font-size:1.5rem;color:var(--ink);letter-spacing:.08em;margin-bottom:10px}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-heading{color:var(--ink);margin-bottom:4px}.demo-note{justify-content:space-between;gap:8px 20px;margin-top:36px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.demo-note,.footer-meta{display:flex;align-items:baseline;flex-wrap:wrap}.footer-meta{gap:6px 16px}.footer-beian:hover{color:var(--ink);text-decoration:underline}.footer-build{color:#94a3b8;font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.02em}.legal-page{padding:120px 0 80px;background:#fff;min-height:70vh}.legal-article h1{margin:0 0 8px;font-family:var(--font-display);font-size:clamp(2rem,4vw,2.8rem)}.legal-meta{margin:0 0 32px;color:var(--muted);font-size:14px}.legal-article h2{margin:32px 0 12px;font-family:var(--font-display);font-size:1.25rem}.legal-article h3{margin:22px 0 8px;font-family:var(--font-display);font-size:1.05rem}.legal-article li,.legal-article p{color:var(--ink-soft);line-height:1.85}.legal-article ol,.legal-article ul{padding-left:1.2em}.legal-article a{color:var(--teal);text-decoration:underline}.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin:28px 0 8px}.contact-card{display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid var(--line);border-radius:10px;text-decoration:none!important;color:inherit}.contact-card strong{font-family:var(--font-display);color:var(--ink)}.contact-card span{color:var(--teal)}@keyframes hero-arrive{0%{transform:scale(.86)}to{transform:scale(1)}}@keyframes fade-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes float-y{0%,to{transform:scale(1.02) translateY(0)}50%{transform:scale(1.02) translateY(-10px)}}@keyframes load-bar{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}50%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}to{-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%)}}@media (prefers-reduced-motion:reduce){.hero-bg,.hero-content,.intro-item{animation:none!important}}@media (max-width:1024px){.contact-cards,.feature-stage,.footer-grid,.intro-grid,.product-band{grid-template-columns:1fr}.feature-stage{min-height:auto}.logo-grid{grid-template-columns:repeat(4,1fr)}.product-band{min-height:auto}.product-visual{min-height:320px}.hero-content{margin-left:var(--gutter);margin-right:var(--gutter);width:auto}}@media (max-width:760px){.menu-toggle{display:inline-flex;align-items:center;justify-content:center}.nav-cta,.nav-links{display:none}.site-header.is-open .nav-links{display:flex;position:absolute;top:100%;left:var(--gutter);right:var(--gutter);flex-direction:column;padding:12px;border-radius:8px;background:rgba(255,255,255,.98);border:1px solid var(--line);box-shadow:0 18px 40px rgba(11,18,32,.1)}.site-header.is-open .nav-links a{color:var(--ink-soft)}.site-header.is-open .nav-cta{display:inline-flex;position:absolute;top:calc(100% + 328px);right:var(--gutter)}.logo-grid{grid-template-columns:repeat(3,1fr)}.logo-cell{min-height:106px;padding:19px 10px}.logo-cell img{height:64px}.hero-slogan{letter-spacing:.06em}.brand-tagline{letter-spacing:.08em}}.footer-links .text-btn{background:none;border:0;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer}.login-pop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px;background:rgba(11,18,32,.45)}.login-pop-frame{width:min(420px,100%);height:min(640px,calc(100vh - 48px));overflow:hidden;border:0;border-radius:16px;background:#fff;box-shadow:0 24px 60px rgba(15,23,32,.2)}.login-pop-close{position:absolute;z-index:1;top:16px;right:16px;width:36px;height:36px;border:0;border-radius:999px;background:#fff;color:var(--ink);font:inherit;cursor:pointer}.blog-list{margin:8px 0 0;padding:0;list-style:none}.blog-list a{display:flex;flex-direction:column;gap:6px;padding:18px 0;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}.blog-list strong{color:var(--ink);font-family:var(--font-display);font-size:1.15rem}.blog-list span,.blog-list time{color:var(--muted);font-size:14px;line-height:1.6}.blog-pager{display:flex;align-items:center;gap:16px;margin-top:28px}.blog-pager a{color:var(--teal);text-decoration:underline}.blog-pager span{color:var(--muted)}.blog-article pre{overflow:auto;padding:14px 16px;border-radius:8px;background:#f4f7f8}.blog-article code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}.blog-article blockquote{margin:20px 0;padding-left:14px;border-left:3px solid var(--teal);color:var(--ink-soft)}.blog-article table{width:100%;margin:20px 0 28px;border-collapse:collapse;font-size:15px}.blog-article td,.blog-article th{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.blog-article th{color:var(--ink);font-weight:600}