:root{font-family:Microsoft YaHei UI,PingFang SC,Arial,sans-serif;color:#e5eef9;background:#071018;line-height:1.5;font-weight:400}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,rgba(14,165,233,.18),transparent 28%),radial-gradient(circle at 85% 12%,rgba(59,130,246,.16),transparent 24%),linear-gradient(180deg,#08111b,#040b12);color:#e5eef9}a{color:inherit}.site-shell{position:relative;min-height:100vh;overflow:hidden}.site-noise{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(148,163,184,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.03) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 80%);mask-image:radial-gradient(circle at center,black,transparent 80%);opacity:.45}.topbar,.hero,.section{position:relative;z-index:1;width:min(1280px,calc(100% - 48px));margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0 0}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}.brand__mark{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#38bdf8,#2563eb);color:#041019;font-weight:800;letter-spacing:.08em}.brand__text{font-size:15px;font-weight:700;color:#f8fbff;letter-spacing:.04em}.topbar__nav{display:inline-flex;align-items:center;gap:8px;padding:6px;border:1px solid rgba(71,85,105,.45);border-radius:999px;background:#080f18bd;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar__link,.topbar__cta{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:999px;text-decoration:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.topbar__link{color:#b7c6d8;font-size:14px}.topbar__link:hover{background:#1e293bd9;color:#f8fbff}.topbar__cta{border:1px solid rgba(56,189,248,.45);background:#0c1927cc;color:#eaf6ff;font-size:14px}.topbar__cta:hover,.hero__button:hover{border-color:#7dd3fccc}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:36px;align-items:center;padding:82px 0 48px}.hero__eyebrow,.section-heading__eyebrow{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 14px;border:1px solid rgba(56,189,248,.35);border-radius:999px;background:#07121ccc;color:#8ddbff;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.hero__title{max-width:840px;margin:18px 0;color:#f8fbff;font-size:clamp(40px,6vw,68px);line-height:1.02;letter-spacing:-.04em}.hero__desc,.section__desc{max-width:760px;margin:0;color:#9fb3c9;font-size:17px;line-height:1.85}.hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.hero__button{display:inline-flex;align-items:center;justify-content:center;min-width:142px;min-height:48px;padding:0 22px;border:1px solid rgba(100,116,139,.48);border-radius:14px;background:#0a121db8;color:#ecf7ff;text-decoration:none;transition:transform .2s ease,border-color .2s ease,background-color .2s ease}.hero__button:hover{transform:translateY(-1px)}.hero__button--primary{border-color:transparent;background:linear-gradient(135deg,#38bdf8,#2563eb);color:#04131d;font-weight:700}.hero__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px}.metric-card{display:flex;flex-direction:column;gap:6px;padding:18px 18px 16px;border:1px solid rgba(71,85,105,.38);border-radius:18px;background:linear-gradient(180deg,#0f172abd,#060e16cc)}.metric-card__value{color:#f8fbff;font-size:26px;font-weight:700;letter-spacing:-.04em}.metric-card__label{color:#8ea4bc;font-size:13px}.hero__panel{display:flex;flex-direction:column;align-items:flex-end;gap:16px}.preview-card{width:min(100%,520px);padding:22px;border:1px solid rgba(56,189,248,.24);border-radius:28px;background:linear-gradient(180deg,#0f172ad6,#050b12e6);box-shadow:0 24px 80px #0208176b,inset 0 1px #ffffff0a}.hero__visual{width:min(100%,520px);border:1px solid rgba(56,189,248,.18);border-radius:28px;background:#07121cb8;box-shadow:0 20px 60px #02081747}.preview-card__header,.preview-card__footer,.preview-card__tabs{display:flex;align-items:center}.preview-card__header{justify-content:space-between;margin-bottom:18px}.preview-card__badge{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border-radius:999px;background:#22c55e29;color:#86efac;font-size:12px;font-weight:700;letter-spacing:.08em}.preview-card__status{color:#8ea4bc;font-size:13px}.preview-card__surface{padding:14px;border:1px solid rgba(71,85,105,.34);border-radius:22px;background:#030a10e0}.preview-card__tabs{gap:8px;margin-bottom:16px}.preview-card__tab{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;border:1px solid rgba(71,85,105,.4);border-radius:999px;color:#89a0b6;font-size:12px}.preview-card__tab.is-active{border-color:#38bdf88c;background:#0ea5e924;color:#dff5ff}.preview-card__stream{display:grid;gap:14px;min-height:228px;padding:8px 4px 4px}.preview-card__line{color:#d8e6f5;font-size:16px;line-height:1.8}.preview-card__line--accent{color:#fef08a}.preview-card__footer{flex-wrap:wrap;gap:12px;margin-top:16px;color:#6d8399;font-size:12px}.section{padding:44px 0 28px}.section-heading{max-width:860px;margin-bottom:22px}.section__title{margin:16px 0 12px;color:#f7fbff;font-size:clamp(28px,4vw,44px);line-height:1.1;letter-spacing:-.04em}.feature-grid,.overview-grid,.scene-grid,.case-grid,.workflow-grid,.trust-grid,.compare-grid,.faq-list,.pricing-grid{display:grid;gap:18px}.feature-grid,.overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.scene-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workflow-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.trust-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.compare-grid,.faq-list{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card,.overview-card,.scene-card,.case-card,.workflow-card,.trust-card,.compare-card,.faq-card,.pricing-card,.strip-panel,.cta-panel{border:1px solid rgba(71,85,105,.34);border-radius:24px;background:linear-gradient(180deg,#0f172ab8,#050b12d1);box-shadow:inset 0 1px #ffffff08}.feature-card,.overview-card,.scene-card,.case-card,.workflow-card,.trust-card,.compare-card,.faq-card,.pricing-card{padding:22px}.feature-card h3,.overview-card h3,.scene-card h3,.case-card h3,.workflow-card h3,.trust-card h3,.compare-card h3,.faq-card h3,.pricing-card h3{margin:0 0 10px;color:#f8fbff;font-size:20px}.feature-card p,.overview-card p,.scene-card p,.case-card p,.workflow-card p,.trust-card p,.compare-card li,.faq-card p,.pricing-card p{margin:0;color:#9db2c7;line-height:1.8}.feature-card__list,.compare-card__list{margin:16px 0 0;padding:0;list-style:none}.overview-card{position:relative;overflow:hidden}.overview-card:after{content:"";position:absolute;inset:auto -30px -30px auto;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.18),transparent 70%)}.feature-card__list li,.compare-card__list li{position:relative;padding-left:18px}.feature-card__list li+li,.compare-card__list li+li{margin-top:8px}.feature-card__list li:before,.compare-card__list li:before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:#38bdf8;box-shadow:0 0 12px #38bdf8cc}.strip-panel,.cta-panel{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:22px;padding:24px}.section-visual{display:grid;grid-template-columns:minmax(340px,.95fr) minmax(0,1.05fr);gap:22px;align-items:center;margin-top:22px;padding:22px;border:1px solid rgba(71,85,105,.34);border-radius:24px;background:linear-gradient(180deg,#0f172ab8,#050b12d1)}.section-visual--reverse{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr)}.section-visual__image{width:100%;border:1px solid rgba(56,189,248,.18);border-radius:24px;background:#07121cb8}.section-visual__content h3{margin:0 0 12px;color:#f8fbff;font-size:28px;letter-spacing:-.03em}.section-visual__content p{margin:0 0 18px;color:#9db2c7;line-height:1.85}.device-stack{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;align-items:end}.device-stack__screen{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid rgba(56,189,248,.26);border-radius:22px;background:#040a10eb}.device-stack__screen--wide{min-height:220px}.device-stack__screen--phone{min-height:180px}.device-stack__label{color:#6ecfff;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.device-stack__body{display:flex;flex:1;align-items:flex-end;color:#d8e6f5;font-size:18px;line-height:1.7}.workflow-card__step{margin-bottom:14px;color:#5cc8ff;font-size:28px;font-weight:800;letter-spacing:-.04em}.compare-card--accent{border-color:#38bdf861;background:linear-gradient(180deg,#0a1e2ed6,#050e16f0)}.case-card__meta,.pricing-card__badge,.contact-item__label,.qr-card__title{color:#7fd5ff;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.case-card__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.case-card__tag{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border:1px solid rgba(56,189,248,.2);border-radius:999px;background:#07121cbf;color:#cbe8ff;font-size:12px}.pricing-card{display:flex;flex-direction:column;gap:14px}.pricing-card--accent{border-color:#38bdf86b;background:linear-gradient(180deg,#0a1f30e6,#050e16fa);box-shadow:0 14px 40px #0208173d,inset 0 1px #ffffff0d}.pricing-card__list{margin:0;padding:0;list-style:none}.pricing-card__list li{position:relative;padding-left:18px;color:#c3d8ec;line-height:1.8}.pricing-card__list li+li{margin-top:8px}.pricing-card__list li:before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:#38bdf8}.contact-list{display:grid;gap:14px;margin-top:22px}.contact-item{padding:16px 18px;border:1px solid rgba(71,85,105,.34);border-radius:18px;background:#040c14b8}.contact-item__value{display:inline-flex;margin-top:6px;color:#f8fbff;font-size:20px;font-weight:700;letter-spacing:-.02em;text-decoration:none}.contact-item__hint,.qr-card__hint{margin-top:6px;color:#89a0b6;font-size:13px;line-height:1.7}.contact-panel{display:flex;flex-direction:column;justify-content:space-between;gap:18px}.qr-card{padding:18px;border:1px solid rgba(71,85,105,.34);border-radius:20px;background:#040c14c2}.qr-card__surface{display:flex;align-items:center;justify-content:center;aspect-ratio:1;max-width:220px;margin-bottom:16px;border:1px dashed rgba(125,211,252,.36);border-radius:22px;background:linear-gradient(135deg,#0ea5e914,#3b82f61f)}.qr-card__placeholder{display:inline-flex;align-items:center;justify-content:center;width:88px;height:88px;border-radius:20px;border:1px solid rgba(125,211,252,.4);color:#dff5ff;font-size:28px;font-weight:800;letter-spacing:.08em}.cta-panel__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:14px}.site-footer{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:22px;width:min(1280px,calc(100% - 48px));margin:26px auto 32px;padding:24px;border:1px solid rgba(71,85,105,.34);border-radius:24px;background:linear-gradient(180deg,#0f172ab8,#050b12d1)}.brand--footer{margin-bottom:14px}.site-footer__desc{max-width:760px;margin:0;color:#95aac0;line-height:1.85}.site-footer__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;align-content:start}.site-footer__link{color:#d8e6f5;text-decoration:none}.site-footer__link:hover{color:#7fd5ff}.site-footer__meta{display:flex;flex-wrap:wrap;gap:12px 18px;grid-column:1 / -1;padding-top:18px;border-top:1px solid rgba(71,85,105,.28);color:#7f95aa;font-size:13px}@media (max-width: 1100px){.hero,.strip-panel,.cta-panel{grid-template-columns:1fr}.feature-grid,.overview-grid,.workflow-grid,.case-grid,.trust-grid,.pricing-grid,.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer{grid-template-columns:1fr}}@media (max-width: 780px){.topbar,.hero,.section,.site-footer{width:min(100% - 28px,1280px)}.topbar{flex-wrap:wrap;padding-top:14px}.topbar__nav{order:3;width:100%;justify-content:space-between;overflow-x:auto}.hero{gap:24px;padding:54px 0 28px}.hero__stats,.feature-grid,.overview-grid,.scene-grid,.case-grid,.workflow-grid,.trust-grid,.compare-grid,.faq-list,.pricing-grid,.device-stack,.section-visual,.section-visual--reverse{grid-template-columns:1fr}.hero__title{font-size:38px}.hero__desc,.section__desc{font-size:15px;line-height:1.75}.preview-card{padding:16px;border-radius:22px}.preview-card__stream{min-height:180px}.section{padding:34px 0 18px}.site-footer__links{grid-template-columns:1fr}}