/* 闪连加速器 | 视觉主题与交互层
   01 品牌基础 02 冰川首屏 03 功能入口 04 内页 05 交互动效 06 响应式
   配置文件中的配色由 theme.css 提供，此处只维护该品牌独有的组合与视觉。
*/
:root {
  --line: #dceafb;
  --soft-line: #e5f0ff;
  --surface: #fff;
  --surface-2: #f3f9ff;
  --radius: 22px;
  --shadow: 0 19px 55px rgba(14,76,152,.08);
  --ocean: #0d51cb;
  --sky: #079ef7;
  --ice: #d5f6ff;
}
html { scroll-behavior: smooth; }
body { background: linear-gradient(180deg, #f4f9ff 0%, #fff 40%, #f8fbff 100%); color: var(--ink); }
:focus-visible { outline-color: #2499f5; }
.container { width: min(100% - 76px, 1260px); }
.kicker,.eyebrow { color: #1677ce; }
.btn { border-radius: 100px; }
.btn-primary { background: linear-gradient(115deg,#03c6f4,var(--mint) 58%,#1348c6); color: #fff; box-shadow: 0 12px 29px rgba(8,103,233,.2); }
.btn-primary:hover { background: linear-gradient(120deg,#21d5f4,#147cfc 60%,#144dd3); box-shadow: 0 16px 30px rgba(8,103,233,.28); }
.btn-outline { border-color:#afd3ff; background:#fff; color:#1468c9; }
.btn-outline:hover { background:#eaf5ff; border-color:#459df4; }
.btn-quiet { color:#155fbb; }
.btn-quiet:hover { color:#0e98da; }
.site-header { position:sticky; top:0; z-index:70; background:rgba(249,252,255,.88); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); border-bottom:1px solid #e4f1ff; }
.nav-wrap { min-height:77px; }
.brand { color:#0b3475; font-size:19px; }
.brand img { width:49px; height:49px; filter:drop-shadow(0 6px 8px rgba(19,108,245,.12)); }
.brand small { color:#1e8ce6; font-size:9px; letter-spacing:.21em; }
.nav-links a { color:#5c7294; }
.nav-links a:hover,.nav-links a.active { color:var(--mint); }
.nav-links a.active::after { background:#19a7f2; }
.nav-actions .btn { font-size:13px; padding:10px 23px; }
.nav-toggle { border-color:#cfe3ff; color:#1259ae; }
.site-footer { background:#ebf5ff; border-top:1px solid #dbeaff; }
.footer-copyright,.footer-links a { color:#5a779f; }
.footer-subtitle { color:#7c8fae; }
.footer-links a:hover { color:#136be9; }

/* 02 首页: 冰川天空、地球与设备为核心美工，前景文字仍是真实 DOM */
.sl-hero {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(ellipse 42% 70% at 79% 24%, rgba(32,140,254,.33), transparent 75%),
    radial-gradient(ellipse 45% 80% at 96% 40%, rgba(0,47,150,.35), transparent 80%),
    linear-gradient(106deg,#f9fcff 0%,#eaf5ff 44%,#85c5fa 77%,#0958bb 110%);
  box-shadow: inset 0 -1px 0 #d4eaff;
}
.sl-hero::before { content:"";position:absolute;inset:0;z-index:-1;opacity:.48;pointer-events:none;
  background-image:radial-gradient(#fff 1.5px,transparent 2px), radial-gradient(#b8e6ff 1px,transparent 1.5px);
  background-size:170px 150px,111px 133px;background-position:16px 54px,40px 15px;
  animation:sl-sky-drift 40s linear infinite; }
.sl-orb { position:absolute;border-radius:50%;border:1px solid rgba(227,252,255,.7);pointer-events:none;transform:rotate(-18deg); }
.sl-orb-a { width:720px;height:285px;right:-85px;top:90px;box-shadow:0 0 25px rgba(149,234,255,.5),inset 0 0 30px rgba(188,232,255,.16);animation:sl-orbit 16s ease-in-out infinite alternate; }
.sl-orb-b { width:960px;height:360px;right:-210px;top:46px;border-color:rgba(255,255,255,.45);animation:sl-orbit 21s ease-in-out infinite alternate-reverse; }
.sl-hero-grid { display:grid;grid-template-columns:45% 55%; align-items:center;min-height:610px;gap:12px;padding-top:45px;padding-bottom:90px;position:relative;z-index:2; }
.sl-intro { padding:12px 0 26px;position:relative;z-index:4; }
.sl-eyebrow { display:inline-flex;align-items:center;gap:10px;border:1px solid #c9e6ff;padding:9px 14px;border-radius:99px;background:#fff9;color:#1760aa;letter-spacing:.14em;font-size:10px;font-weight:900; }
.sl-live { background:var(--orange);width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 5px #d9f3ff; }
.sl-intro h1 { font-weight:900;letter-spacing:-.06em;line-height:1.13;font-size:clamp(43px,4.45vw,68px);margin:24px 0 19px; }
.sl-intro h1 span {display:block;margin-top:10px;font-size:.84em;}
.sl-intro h1 em {font-style:normal;color:var(--mint);text-shadow:0 8px 27px rgba(36,140,255,.09);}
.sl-lead {max-width:470px;font-size:16px;line-height:2;color:#4c6384;margin:0;}
.sl-actions {display:flex;flex-wrap:wrap;gap:13px;margin-top:33px;}
.sl-cta {min-height:60px;font-size:16px;padding:16px 30px;}
.sl-cta-ghost { min-height:60px;padding:15px 23px;background:#ffffffdb;border:1px solid #b5dcff;color:#1362c5;font-size:15px;box-shadow:0 8px 25px rgba(38,100,170,.04); }
.sl-cta-ghost:hover {background:#fff;box-shadow:0 12px 28px #2676c21b;}
.sl-platforms { display:flex;flex-wrap:wrap;gap:10px 22px;color:#4f759f;font-size:13px;margin-top:27px;letter-spacing:.02em; }
.sl-platforms span:before {content:"✓";color:#13a1d6;font-weight:900;margin-right:8px;}
.sl-scene {min-height:445px;position:relative;display:grid;align-items:center;overflow:visible;z-index:2;}
.sl-glow {position:absolute;left:10%;right:2%;top:19%;bottom:3%;border-radius:50%;filter:blur(28px);background:radial-gradient(ellipse,#4ab9ffd0 0%,#2a85fc60 38%,transparent 74%);}
.sl-hero-art { width:112%;max-width:none;position:relative;z-index:1;border-radius:25px;object-fit:contain;box-shadow:0 25px 80px rgba(7,59,151,.16);transform:translateX(-1%);animation:sl-float 6s ease-in-out infinite;mask-image:linear-gradient(90deg,transparent 0%,#000 6%,#000 97%,transparent 100%);}
.sl-floating {position:absolute;z-index:3;padding:12px 17px;display:flex;align-items:center;gap:12px;background:#ffffffdd;border:1px solid #dff6ff;box-shadow:0 13px 42px #063c8c24;backdrop-filter:blur(18px);border-radius:16px;color:#537596;font-size:11px;line-height:1.55;animation:sl-float 5s ease-in-out infinite;}
.sl-floating b {color:#12488b;font-size:13px;}
.sl-float-left {left:-2%;bottom:22%;}.sl-float-right {right:3%;top:10%;animation-delay:-2s;}
.sl-pin {display:grid;place-items:center;width:38px;height:38px;background:linear-gradient(140deg,#d6f7ff,#c6dfff);border-radius:12px;color:#086adb;font-size:22px;}
.sl-scene-caption {position:absolute;bottom:-6px;right:7%;color:#4472a2;z-index:2;font-size:10px;letter-spacing:.06em;background:#ecf8ffb8;border-radius:99px;padding:7px 12px;}
.sl-caption-dot {width:7px;height:7px;border-radius:50%;background:#149bdd;display:inline-block;margin-right:7px;}
.sl-mountain {position:absolute;bottom:-2px;left:0;width:100%;height:170px;z-index:1;pointer-events:none;}

/* 03 首屏下方采用三栏索引，不用数字堆砌或虚构评价 */
.sl-feature-section {position:relative;padding:68px 0 42px;}
.sl-section-heading {display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:26px;}
.sl-section-heading h2,.sl-paths h2 {font-size:clamp(25px,2.6vw,35px);margin:7px 0 0;letter-spacing:-.04em;}
.sl-caption {font-size:12px;font-weight:850;letter-spacing:.08em;color:#1684dd;}
.sl-text-link {font-size:13px;color:#136bcc;font-weight:750;white-space:nowrap;}
.sl-features {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.sl-feature {background:#fff;border:1px solid #deebf9;border-radius:22px;padding:27px 23px;box-shadow:0 12px 38px #115caf0a;min-width:0;display:flex;gap:16px;align-items:flex-start;transition:transform .24s, box-shadow .24s,border-color .24s;}
.sl-feature:hover {transform:translateY(-6px);box-shadow:0 18px 38px #195fbb1a;border-color:#a5d4ff;}
.sl-feature-icon {display:grid;place-items:center;flex:0 0 50px;width:50px;height:50px;border-radius:15px;background:linear-gradient(155deg,#e7faff,#d7e6ff);color:#147de2;font-size:25px;}
.sl-feature h3 {font-size:17px;margin:1px 0 9px;}
.sl-feature p {font-size:13px;color:#667d9b;margin:0;line-height:1.9;}
.sl-feature-arrow {color:var(--mint);align-self:flex-start;font-size:17px;}
.sl-paths {margin-top:20px;margin-bottom:73px;border-radius:25px;padding:35px 42px;background:linear-gradient(115deg,#e7f7ff,#f4f9ff 58%,#e7f1ff);border:1px solid #d1e9ff;display:grid;grid-template-columns:1fr 1.15fr;gap:35px;align-items:center;}
.sl-paths p {color:var(--muted);margin:12px 0 0;font-size:14px;line-height:1.8;}
.sl-paths-links {display:grid;grid-template-columns:1fr;gap:9px;}
.sl-paths-links a {display:flex;align-items:center;justify-content:space-between;border:1px solid #daeaff;background:#ffffffbc;padding:13px 19px;border-radius:12px;color:#135bb6;font-size:14px;font-weight:770;transition:background .2s, transform .2s;}
.sl-paths-links a:hover {background:#fff;transform:translateX(4px);}

/* 04 内页使用不同的阅读节奏与空间，不重复首页的主视觉 */
.page-head {position:relative;padding-top:70px;padding-bottom:50px;}
.page-head::before {content:"";position:absolute;left:-35px;top:15px;width:210px;height:170px;background:radial-gradient(circle,#d5eeff,transparent 68%);z-index:-1;}
.page-head h1 {color:#13386c;letter-spacing:-.04em;}
.page-head p {color:#617b9b;}
.section-block {border-color:#e2edfb;}
.soft-panel,.help-directory {background:#fff;border-color:#deebf9;box-shadow:0 12px 38px #09529b09;}
.info-card .symbol {background:linear-gradient(150deg,#d8f8ff,#e1e8ff);color:#1770cd;}
.info-card a,.help-directory-links a,.article-aside a {color:#1773c4;}
.info-card a:hover,.article-aside a:hover {color:#0959ae;}
.feature-row .art {background:#e5f4ff;box-shadow:0 15px 44px #2269b30d;}
.feature-row h2 {color:#0a3979;}
.feature-row ul {color:#5b7595;}
.cta-band {background:linear-gradient(110deg,#ddf4ff,#e5ecff);}
.cta-band p {color:#6782a2;}
.note-box {background:#edf6ff;color:#597898;}
.price-card {border-color:#d9e7fa;box-shadow:0 12px 38px #115caf0b;transition:transform .24s,box-shadow .24s;}
.price-card:hover {transform:translateY(-5px);box-shadow:0 22px 46px #1255a61c;}
.price-card.popular {border-color:#39aaff;background:linear-gradient(180deg,#f1faff,#fff);box-shadow:0 18px 50px #1075df20;}
.price-tag {background:#e4f5ff;color:#176ec0;}
.price-card li {color:#657c9b;}.price-card li::before {color:#0e9adc;}
.price-card ul {border-top-color:#e8eef7;}
.price-duration {color:#7790ad;}
.device-tabs button[aria-selected='true'] {background:#e4f5ff;border-color:#65bfff;color:#1065bc;}
.device-panel {background:linear-gradient(120deg,#fff,#f5faff);}
.device-panel ul,.device-panel p {color:#5f7b9d;}
.device-art {background:radial-gradient(circle at 65% 35%,#f9fdff,#d8f0ff 72%,#d9e7ff);border-color:#dceeff;}
.device-art .device-symbol {color:#0d7ad6;box-shadow:0 19px 44px #1464be16;}
.device-art .device-label {color:#4773a2;}
.help-search-wrap {box-shadow:0 12px 35px #134c9610;}
.help-search-wrap button {color:#fff;background:linear-gradient(110deg,#08b9f2,#0f6ce9);}
.help-input {border-color:#cfe3fa;}
.help-quick button {border-color:#d9ebfb;color:#236fac;}
.help-quick button:hover {background:#e8f5ff;}
.help-status {color:#647a98;}.help-result {border-color:#e1effb;}
.help-result:hover {border-color:#68b0f0;}.help-result small {color:#1c86d6;}
.help-directory {border-color:#e2edfb;}.article-section {border-color:#e1effb;}
.article-main .lead,.article-section p,.article-section ol {color:#617c9c;}
.article-aside {background:#f0f8ff;border-color:#dce9fb;}.article-aside a {border-color:#e0eaf6;}
.breadcrumb {color:#8ea5c1;}

/* 05 CSS 过渡 + 低功耗滚动渐入；系统设置为减少动画时全部停用 */
.sl-reveal {transition:opacity .7s ease,transform .75s cubic-bezier(.22,1,.36,1);}
.has-observer .sl-reveal:not(.in-view) {opacity:.04;transform:translateY(22px);}
.has-observer .sl-reveal.in-view {opacity:1;transform:none;}
@keyframes sl-float {0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes sl-orbit {0%{transform:rotate(-19deg) translateY(-10px)}100%{transform:rotate(-11deg) translateY(10px)}}
@keyframes sl-sky-drift {from{background-position:16px 54px,40px 15px}to{background-position:185px 85px,160px 43px}}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after {animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}
  .has-observer .sl-reveal:not(.in-view) {opacity:1;transform:none;}
}

/* 06 响应式 */
@media(max-width:1120px) {
  .sl-hero-grid {grid-template-columns:46% 54%;min-height:550px;}
  .sl-intro h1 {font-size:clamp(42px,4.5vw,60px);}
  .sl-hero-art {width:118%;}
}
@media(max-width:850px) {
  .container {width:min(100% - 44px,1260px);}
  .site-header {position:sticky;top:0;}
  .nav-links {background:rgba(255,255,255,.98);border-color:#cee6ff;box-shadow:0 18px 42px rgba(20,91,181,.14);}
  .nav-toggle {background:#fff;}
  .sl-hero-grid {grid-template-columns:1fr;gap:0;padding-top:33px;padding-bottom:85px;}
  .sl-intro {padding:15px 0;}
  .sl-intro h1 {font-size:clamp(40px,7vw,64px);}
  .sl-scene {min-height:0;max-width:680px;width:100%;margin:20px auto 0;}
  .sl-hero-art {width:100%;transform:none;animation:none;}
  .sl-float-left {left:1%;bottom:13%;}.sl-float-right {right:2%;top:2%;}
  .sl-mountain {height:120px;}
  .sl-features {grid-template-columns:1fr;gap:12px;}
  .sl-paths {grid-template-columns:1fr;gap:23px;}
}
@media(max-width:580px) {
  .container {width:min(100% - 34px,1260px);}
  .nav-wrap {min-height:66px;}
  .brand {font-size:15px;}.brand img {width:38px;height:38px;}.brand small {font-size:8px;letter-spacing:.15em;}
  .nav-actions .btn {display:none;}
  .sl-hero-grid {padding-top:30px;padding-bottom:68px;}
  .sl-eyebrow {font-size:9px;letter-spacing:.1em;}
  .sl-intro h1 {font-size:clamp(34px,9.3vw,52px);margin-top:20px;}
  .sl-intro h1 span {font-size:.91em;}
  .sl-lead {font-size:14px;line-height:1.9;}
  .sl-actions {display:grid;grid-template-columns:1fr;gap:10px;margin-top:24px;}
  .sl-actions .btn {width:100%;min-height:54px;}
  .sl-platforms {margin-top:20px;gap:10px 12px;font-size:11px;}
  .sl-scene {margin-top:25px;}
  .sl-hero-art {width:107%;max-width:none;margin-left:-3.5%;}
  .sl-floating {padding:7px 9px;border-radius:11px;gap:7px;font-size:9px;}
  .sl-floating b {font-size:10px;}
  .sl-pin {width:28px;height:28px;font-size:16px;border-radius:8px;}
  .sl-float-left {left:0;bottom:9%;}.sl-float-right {right:0;top:-9%;}
  .sl-scene-caption {display:none;}
  .sl-feature-section {padding-top:48px;padding-bottom:27px;}
  .sl-section-heading {align-items:flex-start;gap:10px;flex-direction:column;}
  .sl-features {gap:10px;}
  .sl-feature {padding:18px 14px;gap:12px;border-radius:16px;}
  .sl-feature-icon {flex-basis:42px;width:42px;height:42px;font-size:20px;}
  .sl-feature h3 {font-size:15px;}.sl-feature p {font-size:12px;}
  .sl-paths {padding:24px 21px;margin-bottom:40px;}
  .sl-paths-links a {font-size:13px;}
  .page-head {padding-top:43px;padding-bottom:33px;}
  .site-footer {margin-top:38px;}
}