/* Framework landing — self-contained; CeoMax-style immersive hero */
html{scroll-behavior:smooth}
.al-body{
  margin:0;min-height:100%;
  background:#F4F6F8;color:#0F172A;
  font-family:"IBM Plex Sans","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  line-height:1.6;-webkit-font-smoothing:antialiased;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation
}
.al-body *,.al-body *:before,.al-body *:after{box-sizing:border-box}
.al-skip{
  position:absolute;left:-999px;top:0;z-index:10000;padding:10px 14px;
  background:#006fff;color:#fff;text-decoration:none;border-radius:0 0 8px 0
}
.al-skip:focus{left:0}
.al-wrap{max-width:1200px;width:100%;margin:0 auto;padding:0 22px}

.al-page{
  --al-accent:#006fff;
  --al-ink:#0F172A;
  --al-muted:#64748B;
  --al-line:rgba(15,23,42,.08);
  position:relative
}

/* —— Immersive hero：首屏占满视口，滚动后离开该区块 —— */
.al-hero{
  position:relative;overflow:hidden;color:#fff;
  background:#006fff;
  isolation:isolate;
  min-height:100vh;
  min-height:100dvh;
  display:flex;flex-direction:column
}
.al-hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.al-hero-bg-img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;
  animation:al-hero-breathe 14s ease-in-out infinite alternate
}
.al-hero-circles{position:absolute;inset:0;overflow:hidden}
.al-hero-circles span{
  position:absolute;border-radius:50%;background:rgba(255,255,255,.12);
  will-change:transform,opacity;
  transform-origin:center center
}
.al-hero-circles .c1{
  width:2200px;height:2200px;top:-1100px;right:-1100px;
  animation:al-hero-pulse 18s ease-in-out infinite
}
.al-hero-circles .c2{
  width:1700px;height:1700px;top:-850px;right:-850px;
  animation:al-hero-pulse 15s ease-in-out infinite 1.2s
}
.al-hero-circles .c3{
  width:1200px;height:1200px;top:-600px;right:-600px;
  animation:al-hero-pulse 12s ease-in-out infinite 2.4s
}
.al-hero-circles .c4{
  width:700px;height:700px;top:-350px;right:-350px;
  animation:al-hero-pulse 9s ease-in-out infinite 3.2s
}

/* floating accents */
.al-hero-float{position:absolute;inset:0;overflow:hidden}
.al-hero-float > span{position:absolute;opacity:.55}
.al-hero-float .f-star{
  width:14px;height:14px;top:18%;left:46%;
  background:rgba(255,255,255,.55);
  clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);
  animation:al-hero-drift 22s linear infinite
}
.al-hero-float .f-ring{
  width:28px;height:28px;top:28%;left:12%;border-radius:50%;
  border:1.5px solid rgba(255,255,255,.4);background:transparent;
  animation:al-hero-float-y 11s ease-in-out infinite
}
.al-hero-float .f-box{
  width:16px;height:16px;top:62%;left:22%;
  border:1.5px solid rgba(255,255,255,.38);border-radius:3px;
  transform:rotate(18deg);
  animation:al-hero-spin-soft 26s linear infinite
}
.al-hero-float .f-tri{
  width:0;height:0;top:42%;left:68%;
  border-left:9px solid transparent;border-right:9px solid transparent;
  border-bottom:15px solid rgba(255,255,255,.35);
  animation:al-hero-float-y 13s ease-in-out infinite 1.5s
}
.al-hero-float .f-dot{
  width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.45)
}
.al-hero-float .f-dot.a{top:22%;left:78%;animation:al-hero-float-y 9s ease-in-out infinite .4s}
.al-hero-float .f-dot.b{top:70%;left:58%;animation:al-hero-float-y 12s ease-in-out infinite 1.8s}
.al-hero-float .f-dot.c{top:48%;left:36%;animation:al-hero-float-y 10s ease-in-out infinite 2.6s}

/* soft light sweep */
.al-hero-sheen{
  position:absolute;inset:-20% -40%;
  background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.12) 50%,transparent 65%);
  transform:translateX(-30%);
  animation:al-hero-sheen 16s ease-in-out infinite
}

@keyframes al-hero-breathe{
  from{transform:scale(1);opacity:.92}
  to{transform:scale(1.04);opacity:1}
}
@keyframes al-hero-pulse{
  0%,100%{transform:scale(1);opacity:.85}
  50%{transform:scale(1.06);opacity:1}
}
@keyframes al-hero-float-y{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-18px)}
}
@keyframes al-hero-drift{
  0%{transform:translate(0,0) rotate(0deg)}
  50%{transform:translate(36px,-28px) rotate(180deg)}
  100%{transform:translate(0,0) rotate(360deg)}
}
@keyframes al-hero-spin-soft{
  from{transform:rotate(18deg)}
  to{transform:rotate(378deg)}
}
@keyframes al-hero-sheen{
  0%,18%{transform:translateX(-35%);opacity:0}
  35%{opacity:.7}
  55%{transform:translateX(35%);opacity:0}
  100%{transform:translateX(35%);opacity:0}
}

/* site bar on hero */
.al-site-bar--onhero{
  position:relative;z-index:5;flex:0 0 auto;
  background:transparent;border-bottom:1px solid rgba(255,255,255,.14);
  backdrop-filter:none;box-shadow:none
}
.al-site-bar-inner{
  min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px
}
.al-brand{display:flex;align-items:center;flex:0 0 auto;text-decoration:none}
.al-site-bar--onhero .al-brand img{
  display:block;height:34px;width:auto;object-fit:contain;
}
.al-site-end{display:flex;align-items:center;gap:8px;margin-left:auto;flex:0 1 auto;min-width:0}
.al-site-nav{display:flex;flex-wrap:wrap;gap:2px;justify-content:flex-end;min-width:0}
.al-site-bar--onhero .al-site-nav a{
  color:rgba(255,255,255,.88);text-decoration:none;font-size:14px;font-weight:500;
  padding:8px 12px;border-radius:8px;transition:background-color .15s ease,color .15s ease
}
.al-site-bar--onhero .al-site-nav a:hover{color:#fff;background:rgba(255,255,255,.12);text-decoration:none}

/* user avatar dropdown */
.al-user{position:relative;flex:0 0 auto;margin-left:6px}
.al-user-btn{
  display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;
  background:transparent;cursor:pointer;border-radius:50%;
  box-shadow:0 0 0 2px rgba(255,255,255,.55)
}
a.al-user-btn{text-decoration:none}
.al-user-btn:focus{outline:none}
.al-user-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
.al-user-avatar{
  display:block;width:36px;height:36px;border-radius:50%;object-fit:cover;background:#fff
}
.al-user-panel{
  position:absolute;top:100%;right:0;z-index:60;width:260px;
  padding:10px 0 0;/* 上留白仍可悬停，避免空隙断触 */
  background:transparent;border:0;box-shadow:none;color:#0F172A
}
.al-user-panel[hidden]{display:none!important}
.al-user-panel-inner{
  padding:14px;border-radius:14px;background:#fff;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 18px 48px rgba(8,30,80,.22)
}
.al-user-hd{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.al-user-hd img{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.al-user-hd strong{display:block;font-size:15px;line-height:1.3;color:#0F172A}
.al-user-hd span{display:block;margin-top:2px;font-size:12px;color:#64748B}
.al-user-meta{
  display:flex;flex-wrap:wrap;gap:8px 14px;margin:0 0 12px;padding:10px 12px;
  border-radius:10px;background:#F8FAFC;font-size:12px;color:#64748B
}
.al-user-meta b{color:#0F172A;font-weight:700}
.al-user-links{display:grid;gap:2px;margin:0 0 10px}
.al-user-links a{
  display:block;padding:9px 10px;border-radius:8px;color:#334155;text-decoration:none;font-size:13px;font-weight:500
}
.al-user-links a:hover{background:#EFF6FF;color:#006fff;text-decoration:none}
.al-user-logout{
  width:100%;min-height:38px;border:0;border-radius:8px;cursor:pointer;font:inherit;font-size:13px;font-weight:600;
  background:#F1F5F9;color:#0F172A
}
.al-user-logout:hover{background:#E2E8F0}
.al-user.is-open .al-user-btn{box-shadow:0 0 0 2px #fff}

/* stage：占满顶栏以下剩余高度并垂直居中 */
.al-stage{
  position:relative;z-index:2;flex:1 1 auto;
  display:flex;align-items:center;
  padding:28px 0 40px;min-height:0
}
.al-stage-grid{
  width:100%;
  display:grid;grid-template-columns:minmax(0,1fr) 580px;
  gap:40px;align-items:center
}
.al-hero-copy{
  min-width:0;scroll-margin-top:24px;
  display:flex;flex-direction:column;align-items:flex-start;gap:30px
}
.al-hero-head{display:grid;gap:12px;max-width:32em}
.al-title{
  margin:0;font-family:Sora,"IBM Plex Sans","PingFang SC",sans-serif;
  font-size:clamp(30px,3.6vw,44px);line-height:1.12;letter-spacing:-.03em;font-weight:800;
  text-wrap:balance;color:#fff
}
.al-sub{
  margin:0;font-size:16px;font-weight:500;line-height:2.6;
  color:rgba(255,255,255,.9);text-wrap:pretty
}
.al-price-row{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin:0
}
.al-price-label{font-size:15px;color:rgba(255,255,255,.85)}
.al-price{
  font-family:Sora,sans-serif;font-size:40px;font-weight:600;line-height:1;
  color:#FFE566;font-variant-numeric:tabular-nums;text-shadow:0 2px 12px rgba(0,0,0,.12)
}
.al-price em{font-style:normal;font-size:.48em;margin-right:2px;font-weight:700}
.al-price-meta{font-size:13px;color:rgba(255,255,255,.65)}

.al-buy-form{display:flex;flex-direction:column;align-items:flex-start;gap:18px;width:100%}
.al-editions--hero{
  display:flex;flex-wrap:nowrap;align-items:stretch;gap:12px;
  margin:0;width:100%;max-width:100%;overflow-x:auto;padding-bottom:2px;
  -webkit-overflow-scrolling:touch;scrollbar-width:thin
}
.al-ed{
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;
  flex:1 1 0;min-width:120px;max-width:200px;width:auto;
  padding:14px 16px;border-radius:12px;border: none;
  background:rgba(255,255,255,.1);color:#fff;cursor:pointer;font:inherit;text-align:left;
  transition:border-color .15s ease,background-color .15s ease
}
.al-ed:hover{border-color:rgba(255,255,255,.55);background:rgba(0,40,120,.28)}
.al-ed.is-on{
  border-color:#fff;background:rgba(255,255,255,.16);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)
}
.al-ed:focus-visible{outline:2px solid #fff;outline-offset:2px}
.al-ed-name{font-weight:600;font-size:14px;line-height:1.3}
.al-ed-price{color:#FFE566;font-weight:700;font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap}

.al-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:0}
.al-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:48px;padding:0 22px;border-radius:10px;font-size:15px;font-weight:700;
  text-decoration:none;border:1px solid transparent;cursor:pointer;font-family:inherit;
  transition:transform .15s ease,filter .15s ease,background-color .15s ease,border-color .15s ease,color .15s ease
}
.al-btn:active{transform:translateY(1px)}
.al-btn:focus{outline:none}
.al-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
.al-btn-buy{
  background:#FF6A00;color:#fff;min-width:148px;
  box-shadow:0 12px 28px rgba(255,106,0,.35)
}
.al-btn-buy:hover{filter:brightness(1.05);color:#fff;text-decoration:none}
.al-btn-demo{
  background:rgba(255,255,255,.14);color:#fff;min-width:148px
}
.al-btn-demo:hover{background:rgba(255,255,255,.22);color:#fff;text-decoration:none}
.al-btn-light{background:#fff;color:#0F172A}
.al-btn-light:hover{filter:brightness(.97);color:#0F172A;text-decoration:none}
.al-btn-outline{background:transparent;border-color:rgba(255,255,255,.55);color:#fff}
.al-btn-outline:hover{background:rgba(255,255,255,.12);text-decoration:none;color:#fff}
.al-buy-note,.al-owned-tip{margin:0;font-size:12px;color:rgba(255,255,255,.7)}

.al-glass-specs{
  list-style:none;margin:6px 0 0;padding:18px 20px;max-width:460px;width:100%;
  border-radius:14px;display:grid;gap:10px;
  background:rgba(255,255,255,.1);
  backdrop-filter:blur(10px)
}
.al-glass-specs li{
  display:flex;justify-content:space-between;gap:12px;font-size:13px;
  padding:6px 0;border-bottom:1px solid rgba(255,255,255,.1)
}
.al-glass-specs li:last-child{border-bottom:0}
.al-glass-specs span{color:rgba(255,255,255,.7)}
.al-glass-specs strong{color:#fff;font-weight:600;text-align:right}

/* right cover：图完整显示；透明框随图尺寸收缩，不留空 */
.al-stage-media{
  width:auto;max-width:min(580px,100%);justify-self:end;
  display:flex;align-items:center;justify-content:flex-end
}
.al-cover{
  position:relative;width:fit-content;max-width:100%;
  height:fit-content;flex:0 0 auto;line-height:0;
  border:5px solid rgba(255,255,255,.14);border-radius:12px;overflow:hidden;
  background:transparent;
  box-shadow:0 45px 80px -24px #006fff7a
}
.al-cover img{
  display:block;width:auto;height:auto;
  max-width:min(580px,100%);
  max-height:min(560px,68vh);
  object-fit:contain;object-position:center;vertical-align:top
}
.al-cover-ph{
  width:min(420px,100%);min-height:220px;max-height:560px;
  display:flex;align-items:center;justify-content:center;padding:40px;
  font-family:Sora,sans-serif;font-size:26px;font-weight:700;text-align:center;color:#94A3B8;line-height:1.3;
  background:linear-gradient(145deg,#F8FAFC,#EEF2FF)
}
.al-thumbs{display:flex;gap:10px;margin-top:14px;overflow-x:auto;padding-bottom:2px}
.al-thumb{
  flex:0 0 auto;width:68px;height:68px;padding:0;border:2px solid rgba(255,255,255,.35);
  border-radius:12px;overflow:hidden;background:rgba(255,255,255,.2);cursor:pointer
}
.al-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.al-thumb.is-on,.al-thumb:hover{border-color:#fff;box-shadow:0 0 0 1px #fff}
.al-thumb:focus-visible{outline:2px solid #fff;outline-offset:2px}

/* —— Sticky chapter bar —— */
.al-tabs{
  position:sticky;top:0;z-index:40;
  background:rgba(255,255,255,.96);backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(15,23,42,.06)
}
.al-tabs-inner{display:flex;flex-wrap:wrap;gap:2px;min-height:52px;align-items:center}
.al-tabs a{
  color:#64748B;text-decoration:none;font-size:13px;font-weight:600;letter-spacing:.02em;
  padding:8px 14px;border-radius:999px;transition:color .15s ease,background-color .15s ease
}
.al-tabs a:hover{color:#0F172A;background:rgba(15,23,42,.04);text-decoration:none}
.al-tabs a:focus-visible{outline:2px solid #006fff;outline-offset:2px}
.al-tabs-buy{margin-left:auto;color:#fff!important;background:#006fff}
.al-tabs-buy:hover{background:#0056d6;color:#fff!important}

/* —— Below-hero：Wanl 白底大留白节奏 —— */
.al-sec{padding:88px 0;scroll-margin-top:70px;background:#fff}
.al-sec-head{text-align:center;max-width:720px;margin:0 auto 48px}
.al-display{
  margin:0;font-family:Sora,"IBM Plex Sans","PingFang SC",sans-serif;
  font-size:clamp(26px,3.2vw,38px);line-height:1.22;letter-spacing:-.03em;font-weight:800;
  color:#1e293b;text-wrap:balance
}
.al-sec-sub{
  margin:16px auto 0;font-size:15px;line-height:1.8;color:#94A3B8;max-width:52ch
}
.al-prose{color:#475569;font-size:15px;line-height:1.75}
.al-prose p{margin:.75em 0}
.al-prose ul,.al-prose ol{padding-left:1.2em}
.al-prose a{color:#006fff}
.al-empty{color:#64748B;margin:0;text-align:center}

/* 价值区 · 杂志附注（文字链 + 窄栏，无卡片/宫格） */
.al-intro-note{
  margin:36px auto 0;max-width:640px;
  border-top:1px solid rgba(15,23,42,.08);padding-top:20px;text-align:center
}
.al-intro-note summary{
  cursor:pointer;list-style:none;display:inline-flex;outline:none
}
.al-intro-note summary::-webkit-details-marker{display:none}
.al-intro-note-link{
  display:inline-flex;align-items:center;gap:6px;
  font-size:14px;font-weight:500;color:#64748B;
  border-bottom:1px solid transparent;
  transition:color .15s ease,border-color .15s ease
}
.al-intro-note summary:hover .al-intro-note-link,
.al-intro-note[open] .al-intro-note-link{
  color:#0F172A;border-bottom-color:rgba(15,23,42,.22)
}
.al-intro-note summary:focus-visible .al-intro-note-link{
  outline:2px solid #006fff;outline-offset:4px;border-radius:2px
}
.al-intro-note-caret{
  display:inline-block;width:0;height:0;
  border-left:4px solid transparent;border-right:4px solid transparent;
  border-top:5px solid currentColor;opacity:.55;
  transition:transform .2s ease
}
.al-intro-note[open] .al-intro-note-caret{transform:rotate(180deg)}
.al-intro-note-body{
  margin:18px auto 0;text-align:left;max-width:560px
}
.al-prose--note{color:#475569;font-size:15px;line-height:1.85}
.al-prose--note > p{margin:0 0 1em}
.al-prose--note > p:first-of-type{color:#334155}
.al-prose--note h2,.al-prose--note h3,.al-prose--note h4{
  margin:1.4em 0 .55em;padding:0;
  font-size:13px;font-weight:700;letter-spacing:.04em;
  color:#94A3B8;border:0;line-height:1.4
}
.al-prose--note h2:first-child,
.al-prose--note h3:first-child,
.al-prose--note h4:first-child{margin-top:.2em}
/* 场景列表：细竖线 + 行文，不用方块卡 */
.al-prose--note ul{
  list-style:none;margin:.35em 0 1.1em;padding:2px 0 2px 14px;
  border-left:1px solid rgba(15,23,42,.12)
}
.al-prose--note ul li{
  position:relative;margin:0;padding:5px 0;
  font-size:14px;line-height:1.55;color:#475569;font-weight:400;
  background:none;border:0;border-radius:0;box-shadow:none
}
.al-prose--note ul li + li{margin-top:2px}
.al-prose--note ol{padding-left:1.2em}
/* 末段授权说明：脚注气质 */
.al-prose--note > p:last-child{
  margin:1.15em 0 0;padding-top:12px;
  border-top:1px dashed rgba(15,23,42,.12);
  font-size:12.5px;line-height:1.7;color:#94A3B8
}
.al-prose--note > p:last-child:first-child{
  margin:0;padding:0;border:0;font-size:15px;color:#334155
}

.al-feat-ico{
  flex:0 0 auto;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;
  color:#006fff
}
.al-feat-ico img{width:28px;height:28px;object-fit:contain;display:block}

/* 价值区：品牌核图标 + 四点短卖点 */
.al-value{background:#fff}
.al-orbit{
  position:relative;max-width:980px;margin:0 auto;
  min-height:420px;padding:12px 0 28px
}
.al-orbit-lines{
  position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:.9
}
.al-orbit-hub{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:168px;height:168px;display:flex;align-items:center;justify-content:center;z-index:2
}
.al-orbit-hub-ring{
  position:absolute;inset:0;border-radius:50%;
  border:2px solid rgba(0,111,255,.28);
  box-shadow:0 0 0 12px rgba(0,111,255,.06);
  animation:al-orbit-pulse 2.6s ease-in-out infinite
}
.al-orbit-hub-core{
  position:relative;width:112px;height:112px;border-radius:50%;
  background:linear-gradient(160deg,#fff 0%,#F0F7FF 100%);
  border:1px solid rgba(0,111,255,.12);
  box-shadow:0 16px 40px rgba(0,111,255,.14);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  color:#006fff
}
.al-orbit-hub-core em{
  font-style:normal;font-size:13px;font-weight:700;letter-spacing:.06em;color:#1e293b
}
.al-orbit-mini{
  position:absolute;width:34px;height:34px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  box-shadow:0 8px 18px rgba(15,23,42,.12)
}
.al-orbit-mini--a{top:-4px;left:50%;transform:translateX(-50%);background:#006fff}
.al-orbit-mini--b{bottom:18px;left:-2px;background:#0EA5E9}
.al-orbit-mini--c{bottom:18px;right:-2px;background:#2563EB}
.al-orbit-card{
  position:absolute;z-index:3;width:min(260px,40vw);
  display:flex;gap:12px;align-items:flex-start;text-align:left
}
.al-orbit-card h3{margin:0 0 6px;font-size:16px;font-weight:700;color:#1e293b}
.al-orbit-card p{margin:0;color:#94A3B8;font-size:13px;line-height:1.65;max-width:22ch}
.al-orbit-num{
  flex:0 0 auto;width:32px;height:32px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  font-family:Sora,sans-serif;font-weight:800;font-size:13px;color:#fff;
  background:#006fff;box-shadow:0 8px 18px rgba(0,111,255,.28)
}
.al-orbit-card--1{top:8%;left:2%}
.al-orbit-card--2{top:8%;right:2%}
.al-orbit-card--3{bottom:10%;left:2%}
.al-orbit-card--4{bottom:10%;right:2%}
@keyframes al-orbit-pulse{
  0%,100%{transform:scale(1);opacity:.95}
  50%{transform:scale(1.04);opacity:1}
}

/* 能力网格 */
.al-featgrid{background:#F7F9FC}
.al-feat-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px
}
.al-feat-card{
  display:flex;gap:14px;align-items:flex-start;
  padding:22px 20px;border-radius:12px;background:#fff;
  box-shadow:0 6px 24px rgba(15,23,42,.05);border:1px solid rgba(15,23,42,.04)
}
.al-feat-card h3{margin:0 0 6px;font-size:16px;font-weight:700;color:#1e293b}
.al-feat-card p{margin:0;font-size:13px;line-height:1.7;color:#94A3B8}

/* 保障 2×2 */
.al-support{background:#F7F9FC}
.al-support-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px;max-width:960px;margin:0 auto
}
.al-support-item{display:flex;gap:14px;align-items:flex-start}
.al-support-item h3{margin:0 0 8px;font-size:17px;font-weight:700;color:#1e293b}
.al-support-item p{margin:0;font-size:13px;line-height:1.75;color:#94A3B8}

/* 预览截图：杂志式横滑画廊 */
.al-preview{background:#fff}
.al-gallery{max-width:1080px;margin:0 auto}
.al-gallery-frame{
  position:relative;display:flex;align-items:center;gap:12px
}
.al-gallery-hero{
  margin:0;flex:1;min-width:0;
  border-radius:16px;overflow:hidden;
  background:#EEF2F7;
  border: none;
  box-shadow:0 18px 40px rgba(15,23,42,.07)
}
.al-gallery-hero-img{
  display:block;width:100%;height:auto;
  max-height:min(560px,64vh);
  object-fit:contain;object-position:center;
  background:#EEF2F7;
  transition:opacity .24s ease
}
.al-gallery-hero-img.is-swap{opacity:.28}
.al-gallery-meta{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin:0;padding:14px 18px;
  background:rgba(255,255,255,.96);
  border-top:1px solid rgba(15,23,42,.05)
}
.al-gallery-caption{font-size:15px;font-weight:700;color:#0F172A}
.al-gallery-index{
  font-family:Sora,sans-serif;font-size:12px;font-weight:600;
  color:#94A3B8;letter-spacing:.04em;white-space:nowrap
}
.al-gallery-nav{
  flex:0 0 auto;width:42px;height:42px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  appearance:none;border: none;
  background:#fff;color:#334155;cursor:pointer;
  box-shadow:0 4px 14px rgba(15,23,42,.06);
  transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease
}
.al-gallery-nav:hover{
  background:#006fff;color:#fff;border-color:#006fff;transform:translateY(-1px)
}
.al-gallery-nav:focus-visible{outline:2px solid #006fff;outline-offset:2px}
.al-gallery-strip{
  display:flex;gap:10px;margin:18px 0 0;padding:4px 2px 8px;
  overflow-x:auto;-webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity;scrollbar-width:thin
}
.al-gallery-strip::-webkit-scrollbar{height:6px}
.al-gallery-strip::-webkit-scrollbar-thumb{background:rgba(15,23,42,.15);border-radius:999px}
.al-gallery-thumb{
  appearance:none;padding:0;border:2px solid transparent;border-radius:10px;
  overflow:hidden;cursor:pointer;background:#fff;
  width:128px;height:76px;flex:0 0 auto;scroll-snap-align:start;
  box-shadow:0 2px 10px rgba(15,23,42,.05);
  transition:border-color .15s ease,box-shadow .15s ease,opacity .15s ease
}
.al-gallery-thumb img{
  display:block;width:100%;height:100%;object-fit:cover;object-position:center
}
.al-gallery-thumb:not(.is-on){opacity:.72}
.al-gallery-thumb.is-on{
  opacity:1;border-color:#006fff;
  box-shadow:0 0 0 1px #006fff,0 8px 18px rgba(0,111,255,.16)
}
.al-gallery-thumb:hover{opacity:1}
.al-gallery-thumb:focus-visible{outline:2px solid #006fff;outline-offset:2px}

/* 更新日志 */
.al-log{background:#F7F9FC}
.al-timeline{position:relative;max-width:820px;margin:0 auto;padding-left:28px}
.al-timeline:before{
  content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:#E2E8F0
}
.al-tl-item{position:relative;margin:0 0 20px}
.al-tl-dot{
  position:absolute;left:-28px;top:22px;width:14px;height:14px;border-radius:50%;
  background:#BFDBFE;border:3px solid #fff;box-shadow:0 0 0 1px #93C5FD
}
.al-tl-dot.is-latest{background:#006fff;box-shadow:0 0 0 3px rgba(0,111,255,.25)}
.al-tl-card{
  background:#fff;border-radius:12px;padding:20px 22px;
  box-shadow:0 6px 24px rgba(15,23,42,.05);border:1px solid rgba(15,23,42,.04)
}
.al-tl-hd{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px
}
.al-tl-ver{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.al-tl-ver strong{font-family:Sora,sans-serif;font-size:18px;color:#1e293b}
.al-tl-badge{
  display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;
  color:#006fff;background:#DBEAFE;max-width:36ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.al-tl-hd time{font-size:13px;color:#94A3B8}
.al-tl-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.al-tl-list li{font-size:14px;line-height:1.65;color:#475569;display:flex;gap:8px;align-items:flex-start}
.al-tl-tag{
  flex:0 0 auto;margin-top:2px;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:600
}
.al-tl-tag--added{background:#E8F8EF;color:#15803D}
.al-tl-tag--improved{background:#EEF0FF;color:#4338CA}
.al-tl-tag--fix{background:#FFF8E1;color:#A16207}
.al-tl-tag--other{background:#FFF1E8;color:#C2410C}
.al-tl-html{font-size:14px}
.al-timeline.is-collapsed .al-tl-item.is-extra,
.al-timeline.is-collapsed .al-tl-item:nth-child(n+6){display:none}
.al-log-more-wrap{display:flex;justify-content:center;margin:8px 0 0}
.al-log-more{
  appearance:none;border:1px solid transparent;background:#006fff;color:#fff;
  font:inherit;font-size:14px;font-weight:600;
  display:inline-flex;align-items:center;gap:8px;
  min-height:44px;padding:0 24px;border-radius:10px;cursor:pointer;
  box-shadow:0 8px 20px rgba(0,111,255,.22);
  transition:background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease
}
.al-log-more:hover{
  background:transparent;color:#006fff;border-color:#006fff;
  box-shadow:0 8px 22px rgba(0,111,255,.12)
}
.al-log-more:active{background:rgba(0,111,255,.06)}
.al-log-more:focus{outline:none}
.al-log-more:focus-visible{outline:2px solid #0052cc;outline-offset:3px}
.al-log-more-ico{transition:transform .28s cubic-bezier(.22,1,.36,1)}
.al-log-more.is-open .al-log-more-ico{transform:rotate(180deg)}

/* FAQ：顶栏居中 + 左右两列手风琴（列宽/错位不对称） */
.al-faqsec{background:#fff;padding-bottom:96px}
.al-faq-cols{
  display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  gap:14px 32px;align-items:start;max-width:1040px;margin:0 auto
}
.al-acc{display:grid;gap:12px;min-width:0}
.al-acc--right{margin-top:36px}
.al-acc-item{
  border-radius:12px;background:#FAFBFC;
  overflow:hidden;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease
}
.al-acc-item.is-open{
  background:#fff;;
  box-shadow:0 10px 28px rgba(15,23,42,.05)
}
.al-acc-btn{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin:0;padding:18px 18px 18px 20px;border:0;background:transparent;cursor:pointer;
  font:inherit;text-align:left;color:#0F172A
}
.al-acc-btn:focus{outline:none}
.al-acc-btn:focus-visible{outline:2px solid #006fff;outline-offset:-2px}
.al-acc-q{font-size:15px;font-weight:600;line-height:1.45}
.al-acc-ico{
  flex:0 0 auto;width:28px;height:28px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  color:#006fff;background:rgba(0,111,255,.08);
  transition:transform .32s cubic-bezier(.22,1,.36,1),background-color .2s ease
}
.al-acc-item.is-open .al-acc-ico{
  transform:rotate(180deg);background:rgba(0,111,255,.14)
}
.al-acc-panel{
  display:grid;grid-template-rows:0fr;
  transition:grid-template-rows .34s cubic-bezier(.22,1,.36,1)
}
.al-acc-item.is-open .al-acc-panel{grid-template-rows:1fr}
.al-acc-panel-inner{
  overflow:hidden;min-height:0;
  opacity:0;transform:translateY(-4px);
  transition:opacity .24s ease .04s,transform .34s cubic-bezier(.22,1,.36,1)
}
.al-acc-item.is-open .al-acc-panel-inner{
  opacity:1;transform:translateY(0)
}
.al-acc-a{
  padding:0 20px 18px;color:#64748B;font-size:14px;line-height:1.75;
  border-top:1px solid rgba(15,23,42,.06);margin:0 20px;padding-top:14px
}

/* 全站页脚版权区（bottom_foot；对齐 basic.css 深色底栏） */
.al-body .bottom{
  float:none;clear:both;width:100%;margin:0;
  background:#333;color:#b2b2b2;
  padding:50px 0;box-sizing:border-box
}
.al-body .bottom .main{
  width:min(1240px,100%);margin:0 auto;padding:0 20px;box-sizing:border-box;
  overflow:hidden
}
.al-body .bottom .left{float:left}
.al-body .bottom .right{float:right}
.al-body .bottom .footer{width:100%;overflow:hidden;padding:0 0 20px}
.al-body .bottom .footer-copy{
  width:280px;max-width:100%;padding:0 24px 0 0;margin:0;box-sizing:border-box;
  text-align:left
}
.al-body .bottom .footer-copy > a{
  color:#b2b2b2;text-decoration:none;font-size:12px;
  display:block;margin:10px 0 0;padding:0;line-height:1.5;text-align:left
}
.al-body .bottom .fedui-footer-logo{height:auto;margin:0;padding:0;text-align:left}
.al-body .bottom .fedui-footer-logo img{
  display:block;width:auto;max-width:182px;height:50px;object-fit:contain;
  margin:0;padding:0
}
.al-body .bottom .fedui-footer-copyright{
  display:block;font-size:12px;color:#b2b2b2;line-height:1.55;
  margin:10px 0 0;padding:0;text-align:left;word-break:break-word
}
.al-body .bottom .footer-nav{float:right;border:0;max-width:calc(100% - 300px)}
.al-body .bottom .footer-nav dl{
  float:left;width:120px;margin:0 12px 12px 0
}
.al-body .bottom .footer-nav dl:last-child{margin-right:0}
.al-body .bottom .footer-nav dl dt{
  line-height:20px;font-weight:400;font-size:14px;color:#fff;margin:0 0 4px
}
.al-body .bottom .footer-nav dl dd{margin:0;padding:0}
.al-body .bottom .footer-nav dl dd p{
  margin:0;padding:8px 0 0;font-size:12px;line-height:18px
}
.al-body .bottom .footer-nav dl dd p a{color:#fff;text-decoration:none}
.al-body .bottom .footer-nav dl dd p a:hover{color:#39f}
.al-body .bottom .footer-link{
  overflow:hidden;clear:both;color:#9c9c9c;width:100%;
  margin:0;padding:20px 0 0;border-top:1px solid rgba(255,255,255,.12);
  font-size:12px
}
.al-body .bottom .footer-link p{margin:0;line-height:1.7}
.al-body .bottom .footer-link a{color:#9c9c9c;padding-right:5px;text-decoration:none}
.al-body .bottom .footer-link a:hover{color:#f60}
.al-body .bottom .footer-link em{font-style:italic;color:#9c9c9c}
.al-body .bottom .footer-link cite{display:block;margin-top:10px;font-style:normal;color:#9c9c9c}
.al-body .bottom .footer-link cite a{color:#9c9c9c}
.al-body .bottom .footer-link-i{text-align:right}
.al-body .bottom .footer-link-i a{display:inline-block;vertical-align:middle;margin-left:6px}
.al-body .bottom .footer-link-i img{vertical-align:middle;height:40px;width:auto}

@media (max-width:960px){
  .al-stage-grid,.al-feat-grid,.al-support-grid{grid-template-columns:1fr}
  .al-body .bottom .footer-copy,
  .al-body .bottom .footer-nav,
  .al-body .bottom .footer-link-a,
  .al-body .bottom .footer-link-i{float:none;width:100%}
  .al-body .bottom .footer-nav dl{width:46%;margin:0 2% 16px 0}
  .al-body .bottom .footer-link-i{margin-top:14px}
  .al-site-nav{display:none}
  .al-site-end{margin-left:auto}
  .al-tabs-buy{margin-left:0}
  .al-hero{min-height:100vh;min-height:100dvh}
  .al-stage{align-items:flex-start;padding-top:20px;padding-bottom:36px}
  .al-hero-circles .c1{width:1400px;height:1400px;top:-700px;right:-700px}
  .al-hero-circles .c2{width:1000px;height:1000px;top:-500px;right:-500px}
  .al-hero-circles .c3{width:680px;height:680px;top:-340px;right:-340px}
  .al-hero-circles .c4{width:320px;height:320px;top:-160px;right:-160px}
  .al-glass-specs{max-width:none}
  .al-editions--hero{gap:10px}
  .al-ed{min-width:110px;max-width:160px;padding:12px 14px}
  .al-stage-media{width:auto;max-width:100%;justify-self:center;justify-content:center;margin:0 auto}
  .al-cover{width:fit-content;max-width:100%;margin:0 auto}
  .al-cover img{max-width:min(520px,100%);max-height:min(480px,58vh)}
  .al-orbit{min-height:0;display:grid;gap:18px;padding:0}
  .al-orbit-lines{display:none}
  .al-orbit-hub{position:relative;left:auto;top:auto;transform:none;margin:4px auto 8px;order:-1}
  .al-orbit-card{position:relative;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%}
  .al-orbit-card p{max-width:none}
  .al-faq-cols{grid-template-columns:1fr;gap:12px}
  .al-acc--right{margin-top:0}
}
@media (max-width:560px){
  .al-hero-actions .al-btn{flex:1 1 auto}
  .al-price{font-size:34px}
  .al-sec{padding:64px 0}
  .al-feat-grid{grid-template-columns:1fr}
  .al-intro-note-body{max-width:100%}
  .al-faqsec{padding-bottom:72px}
  .al-acc-btn{padding:16px}
  .al-acc-a{margin:0 16px;padding:12px 0 16px}
  .al-gallery-frame{gap:0}
  .al-gallery-nav{display:none}
  .al-gallery-hero-img{max-height:min(380px,54vh)}
  .al-gallery-thumb{width:96px;height:58px}
  .al-gallery-meta{padding:12px 14px}
}
@media (prefers-reduced-transparency:reduce){
  .al-tabs{backdrop-filter:none;background:#fff}
  .al-glass-specs{backdrop-filter:none;background:rgba(8,40,110,.45)}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .al-btn,.al-ed,.al-site-nav a,.al-tabs a,.al-gallery-nav,.al-gallery-thumb,
  .al-acc-panel,.al-acc-panel-inner,.al-acc-ico,.al-acc-item,
  .al-log-more,.al-log-more-ico{transition:none!important}
  .al-reveal{opacity:1!important;transform:none!important}
  .al-hero-bg-img,
  .al-hero-circles span,
  .al-hero-float > span,
  .al-hero-sheen,
  .al-orbit-hub-ring{animation:none!important}
}
