/* 隐藏全站与容器的内置右侧下拉/滚动条，保持自然顺畅平滑滚动 */
html, body, #la-landing, .la-lwrap, #app, .n-layout, .n-layout-scroll-container, .n-scrollbar-container {
  scrollbar-width: none!important;
  -ms-overflow-style: none!important;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar,
#la-landing::-webkit-scrollbar,
.la-lwrap::-webkit-scrollbar,
#app::-webkit-scrollbar,
.n-layout::-webkit-scrollbar,
.n-layout-scroll-container::-webkit-scrollbar,
.n-scrollbar-container::-webkit-scrollbar,
*::-webkit-scrollbar {
  display: none!important;
  width: 0!important;
  height: 0!important;
  background: transparent!important;
}

/* ============================================================
   Bullet cloud · 子弹
   ============================================================ */
:root{
  color-scheme:dark;
  --la-bg:#0a0b0d;
  --la-ink:#f2f4f6;
  --la-ink2:#a9aeb4;
  --la-ink3:#71767c;
  --la-glass:rgba(255,255,255,.055);
  --la-glass2:rgba(255,255,255,.095);
  --la-brd:rgba(255,255,255,.15);
  --la-brd2:rgba(255,255,255,.26);
  --la-spec:rgba(255,255,255,.7);
  --la-accent:#dfe6ee;
  --la-accent-ink:#0a0c10;
  --la-mono:ui-monospace,"SF Mono","JetBrains Mono",Consolas,monospace;
}
html,body{background:var(--la-bg)!important}

/* Stable viewport base */
html, body, #la-landing {
  font-size: 14px!important;
  text-size-adjust: 100%!important;
  -webkit-text-size-adjust: 100%!important;
  -moz-text-size-adjust: 100%!important;
  -ms-text-size-adjust: 100%!important;
  transform: none!important;
}

body{
  color:var(--la-ink)!important;
  font-family:"MiSans","HarmonyOS Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif!important;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

/* ---------- scene ---------- */
.la-scene{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:var(--la-bg)}
.la-goo{position:absolute;inset:-15%;filter:blur(48px) saturate(1.15);opacity:.7;mix-blend-mode:screen}
.la-goo i{position:absolute;border-radius:50%;display:block}
.la-goo i:nth-child(1){width:40%;height:40%;left:4%;top:6%;background:radial-gradient(circle at 36% 32%,#5b6d84,#14181e 68%);animation:laBlob1 23s ease-in-out infinite}
.la-goo i:nth-child(2){width:34%;height:34%;right:6%;top:14%;background:radial-gradient(circle at 40% 34%,#6d5f80,#16141c 68%);animation:laBlob2 29s ease-in-out infinite}
.la-goo i:nth-child(3){width:30%;height:30%;left:32%;bottom:8%;background:radial-gradient(circle at 38% 36%,#4e6f66,#121a18 68%);animation:laBlob3 26s ease-in-out infinite}
.la-goo i:nth-child(4){width:22%;height:22%;left:62%;bottom:26%;background:radial-gradient(circle at 40% 36%,#7a6a52,#1a1712 68%);animation:laBlob1 31s ease-in-out infinite reverse}
.la-sheen{position:absolute;inset:-25%;background:linear-gradient(118deg,transparent 36%,rgba(255,255,255,.075) 47%,rgba(255,255,255,.02) 53%,transparent 64%);filter:blur(26px);mix-blend-mode:screen;animation:laSheen 18s ease-in-out infinite}
.la-grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.032;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3'/%3E%3C/filter%3E%3Crect width='170' height='170' filter='url(%23n)'/%3E%3C/svg%3E")}
.la-vig{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% 6%,transparent 46%,rgba(0,0,0,.5) 100%)}
@keyframes laBlob1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(14%,18%) scale(1.16)}}
@keyframes laBlob2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-16%,14%) scale(1.1)}}
@keyframes laBlob3{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(18%,-14%) scale(1.2)}}
@keyframes laSheen{0%,100%{transform:translateX(-14%)}50%{transform:translateX(14%)}}
@media (prefers-reduced-motion:reduce){
  .la-goo i,.la-sheen{animation:none!important}
}

/* ---------- app shell ---------- */
#app{position:relative;z-index:2}
.n-layout,.n-layout-scroll-container,article,section,.n-scrollbar,.n-scrollbar-container,.n-scrollbar-content{background:transparent!important}
.n-layout-sider{background:transparent!important}
section.bg-hex-f5f6fb,.bg-hex-f5f6fb,.bg-white{background:transparent!important}

/* ---------- sidebar ---------- */
.n-layout-sider{
  --n-color:transparent!important;
  --n-text-color:var(--la-ink2)!important;
  --n-border-color:var(--la-brd)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.015))!important;
  backdrop-filter:blur(30px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(30px) saturate(150%)!important;
  border-right:1px solid var(--la-brd)!important;
}
.n-layout-sider__border{display:none!important}
.n-layout-sider .n-scrollbar{background:transparent!important}
.n-layout-sider .h-15::before{
  content:"";
  width:24px;height:24px;border-radius:8px;flex:none;
  display:block;
  background:
    radial-gradient(circle at 34% 28%,#ffffff 0%,#c8d2dc 22%,#6b7787 55%,#242a33 82%,#12161c 100%);
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.9),
    inset 0 -2px 3px rgba(0,0,0,.5),
    0 0 16px -5px rgba(200,215,230,.65);
  margin-right:9px;
}
.title-text,.color-primary{color:var(--la-ink)!important;font-weight:600!important;letter-spacing:.01em}

/* ---------- menu ---------- */
.n-menu{
  --n-item-text-color:var(--la-ink2)!important;
  --n-item-text-color-hover:var(--la-ink)!important;
  --n-item-text-color-active:var(--la-ink)!important;
  --n-item-text-color-active-hover:var(--la-ink)!important;
  --n-item-icon-color:var(--la-ink3)!important;
  --n-item-icon-color-hover:var(--la-ink2)!important;
  --n-item-icon-color-active:var(--la-ink)!important;
  --n-item-icon-color-active-hover:var(--la-ink)!important;
  --n-group-text-color:var(--la-ink3)!important;
  --n-item-color-hover:rgba(255,255,255,.06)!important;
  --n-item-color-active:rgba(255,255,255,.1)!important;
  --n-item-color-active-hover:rgba(255,255,255,.13)!important;
  --n-arrow-color:var(--la-ink3)!important;
  --n-arrow-color-hover:var(--la-ink2)!important;
  --n-arrow-color-active:var(--la-ink)!important;
  --n-border-radius:10px!important;
  background:transparent!important;
}
.n-menu-item-content{border-radius:10px!important;transition:background .18s ease!important}
.n-menu-item-group-title{color:var(--la-ink3)!important;font-size:11.5px!important;letter-spacing:.08em}
.la-hide{display:none!important}
/* 彻底杜绝侧边栏菜单闪烁：首帧纯 CSS 隐藏除仪表盘外的所有菜单项与菜单分组 (0ms 生效) */
.n-layout-sider .n-menu > .n-menu-item:not(:first-child),
.n-layout-sider .n-menu-item-group,
.n-layout-sider .n-menu-item-group-title,
.side-menu > .n-menu-item:not(:first-child),
.side-menu .n-menu-item-group {
  display: none !important;
}

/* ---------- header ---------- */
header.flex.items-center{
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015))!important;
  backdrop-filter:blur(26px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(150%)!important;
  border-bottom:1px solid var(--la-brd)!important;
}
header .n-icon{color:var(--la-ink2)!important}
header>div:first-child{display:none!important}
header [class*="MenuCollapse"],
header [class*="menu-collapse"],
header .cursor-pointer.opacity-85,
header>div i.cursor-pointer{display:none!important}
header .n-breadcrumb{display:none!important}
/* Top Header Layout: 恢复人像图标并设为最右，删除右侧单独登出按钮，其他元素靠右贴齐 */
header>div:last-child{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;
  margin-left:auto!important;
}
.la-hdr-sub-btn{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  height:38px!important;padding:0 26px!important;border:0!important;cursor:pointer!important;
  border-radius:999px!important;font-family:inherit!important;font-size:14px!important;font-weight:700!important;
  letter-spacing:.03em!important;color:#05070a!important;
  background:linear-gradient(135deg,#ffffff 0%,#f8fafc 35%,#e2e8f0 70%,#cbd5e1 100%)!important;
  box-shadow:0 0 28px rgba(255,255,255,.7),0 12px 26px -6px rgba(0,0,0,.95),inset 0 1px 0 #ffffff!important;
  transition:transform .18s ease,background .18s ease,box-shadow .18s ease!important;
  white-space:nowrap!important;
  margin-right:8px!important;
  z-index:10!important;
  flex:none!important;
}
.la-hdr-sub-btn:hover{
  transform:translateY(-1.5px) scale(1.02)!important;
  background:#ffffff!important;
  box-shadow:0 0 32px rgba(255,255,255,.85),0 14px 28px -6px rgba(0,0,0,1)!important;
}
.la-hdr-sub-btn:active{transform:translateY(0) scale(1)!important}
@media (max-width:768px){
  .la-hdr-sub-btn{height:32px!important;padding:0 15px!important;font-size:12px!important}
}
@media (max-width:480px){
  .la-hdr-sub-btn{height:28px!important;padding:0 12px!important;font-size:11px!important}
}
header>div:last-child [class*="UserAvatar"],
header>div:last-child [class*="user-avatar"],
header>div:last-child .n-avatar,
header>div:last-child .n-dropdown{
  display:inline-flex!important;cursor:pointer!important;
}

/* 顶部仪表盘切分栏：语言切换按钮本体与图标专门放大，下拉选项保持放大 */
header>div:last-child [class*="SwitchLang"],
header>div:last-child [class*="switch-lang"],
header>div:last-child .n-dropdown:has(button),
header>div:last-child button.n-button{
  font-size:15px!important;
  font-weight:600!important;
  color:#f8fafc!important;
  cursor:pointer!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:4px 8px!important;
}
header>div:last-child button.n-button .n-button__content,
header>div:last-child [class*="SwitchLang"] span,
header>div:last-child [class*="SwitchLang"] button{
  font-size:15px!important;
  font-weight:600!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
}
/* 重点：按钮显示的语言图标（地球/语言图标）放大至 28px，饱满醒目 */
header>div:last-child button.n-button .n-icon,
header>div:last-child [class*="SwitchLang"] .n-icon,
header>div:last-child [class*="SwitchLang"] i,
header>div:last-child [class*="SwitchLang"] svg,
header>div:last-child button.n-button svg{
  font-size:28px!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  color:#ffffff!important;
  filter:drop-shadow(0 0 8px rgba(255,255,255,.75))!important;
  transition:transform .2s ease, filter .2s ease!important;
}
header>div:last-child button.n-button:hover .n-icon,
header>div:last-child button.n-button:hover svg{
  transform:scale(1.1)!important;
  filter:drop-shadow(0 0 12px rgba(255,255,255,.95))!important;
}
.la-native-lang-select{
  font-size:15px!important;
  height:38px!important;
  padding:6px 36px 6px 16px!important;
  border-radius:12px!important;
}
#la-hdr-action-btn, .la-hdr-btn{display:none!important}
header>div:last-child>i.n-icon:not(.n-avatar *){display:none!important}
header>div:last-child span.hidden{display:none!important}

/* Naive UI Select 邮箱后缀选择器 & 下拉菜单液态极光质感重构 */
.v-binder-follower-container {
  z-index: 9999999 !important;
}
.n-base-select-menu,
.n-select-menu,
.v-binder-follower-content,
.n-dropdown-menu {
  z-index: 9999999 !important;
  pointer-events: auto !important;
}
.v-binder-follower-content {
  margin-top: 4px !important;
}
.n-base-select-menu {
  background: rgba(15, 18, 28, 0.94) !important;
  backdrop-filter: blur(28px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  box-shadow: 0 20px 48px -10px rgba(0,0,0,0.85), 0 0 24px -4px rgba(168,85,247,0.2), inset 0 1px 0 rgba(255,255,255,0.18) !important;
  border-radius: 12px !important;
  padding: 6px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
/* 彻底清除 Naive UI 内部注入的高亮灰白色伪元素背景 */
.n-base-select-menu .n-base-select-option::before {
  display: none !important;
}
.n-base-select-option {
  position: relative !important;
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  padding: 8px 12px !important;
  border-radius: 8px !important;
  margin: 2px 0 !important;
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer !important;
  background: transparent !important;
}
.n-base-select-option:hover,
.n-base-select-option.n-base-select-option--pending {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  transform: translateX(2px) !important;
}
.n-base-select-option.n-base-select-option--selected {
  background: linear-gradient(135deg, rgba(168, 85, 247, 0.32), rgba(99, 102, 241, 0.22)) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  box-shadow: inset 0 0 0 1px rgba(192, 132, 252, 0.45), 0 2px 8px -2px rgba(168, 85, 247, 0.3) !important;
}
.n-base-select-option .n-base-select-option__check {
  color: #c084fc !important;
}

/* 注册卡片内的邮箱后缀选择框：液态暗黑通透感，消除惨白底色 */
.n-card.mx-auto.max-w-md .n-select {
  --n-color: rgba(8, 10, 15, 0.75) !important;
  --n-color-active: rgba(14, 18, 28, 0.9) !important;
  --n-border: 1px solid rgba(255, 255, 255, 0.32) !important;
  --n-border-active: 1px solid rgba(192, 132, 252, 0.8) !important;
  --n-border-focus: 1px solid rgba(192, 132, 252, 0.8) !important;
  --n-border-hover: 1px solid rgba(255, 255, 255, 0.55) !important;
  --n-box-shadow-focus: none !important;
  --n-box-shadow-active: none !important;
  background: rgba(8, 10, 15, 0.75) !important;
  border: 1px solid rgba(255, 255, 255, 0.32) !important;
  border-left: none !important;
  border-radius: 0 12px 12px 0 !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.45) !important;
  transition: all 0.25s ease !important;
}
.n-card.mx-auto.max-w-md .n-select:hover {
  border-color: rgba(255, 255, 255, 0.55) !important;
  background: rgba(12, 15, 22, 0.82) !important;
}
.n-card.mx-auto.max-w-md .n-select.n-select--active,
.n-card.mx-auto.max-w-md .n-select:focus-within {
  background: rgba(6, 8, 13, 0.92) !important;
  border-color: rgba(192, 132, 252, 0.8) !important;
  box-shadow: 0 0 12px rgba(168, 85, 247, 0.3), inset 0 2px 4px rgba(0, 0, 0, 0.6) !important;
}
.n-card.mx-auto.max-w-md .n-select .n-base-selection {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  height: 38px !important;
  min-height: 38px !important;
}
.n-card.mx-auto.max-w-md .n-select .n-base-selection .n-base-selection-label {
  background: transparent !important;
  color: #ffffff !important;
  font-weight: 500 !important;
  font-size: 13.5px !important;
  padding-right: 28px !important;
}
.n-card.mx-auto.max-w-md .n-select .n-base-selection-input__content {
  color: #ffffff !important;
  font-weight: 500 !important;
}
.n-card.mx-auto.max-w-md .n-select .n-base-suffix__arrow {
  color: rgba(255, 255, 255, 0.7) !important;
  transition: transform 0.25s ease, color 0.2s ease !important;
}
.n-card.mx-auto.max-w-md .n-select:hover .n-base-suffix__arrow {
  color: #ffffff !important;
}

/* 顶部人像下拉菜单：首帧 0ms 纯 CSS 隐藏除最后一项（登出）以外的所有项及分割线，彻底杜绝任何 JS 延迟闪现 */
.n-dropdown-menu{
  z-index: 999999 !important;
  pointer-events: auto !important;
}
.n-dropdown-menu:not(.la-lang-dropdown) .n-dropdown-divider{
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  visibility: hidden !important;
}
.n-dropdown-option.la-hide-user-opt,
.n-dropdown-divider.la-hide-user-opt {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  visibility: hidden !important;
}

/* Sidebar Custom User Center Button (精准垂直居中于侧边栏中间) */
.n-layout-sider {
  position:relative!important;
}
.la-sider-profile-wrap{
  position:relative!important;
  margin:10px 8px!important;
  width:calc(100% - 16px)!important;
  padding:0 6px!important;
  z-index:10!important;
  pointer-events:auto!important;
  box-sizing:border-box!important;
}
.la-sider-profile-btn{
  width:100%!important;
  height:42px!important;
  padding:0 14px!important;
  border-radius:10px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  background:transparent!important;
  border:0!important;
  color:rgba(255,255,255,.85)!important;
  cursor:pointer!important;
  font-family:inherit!important;
  font-size:14px!important;
  font-weight:500!important;
  transition:background .18s ease, color .18s ease!important;
  box-shadow:none!important;
  text-align:left!important;
  box-sizing:border-box!important;
}
.la-sider-profile-btn:hover{
  background:rgba(255,255,255,.08)!important;
  color:#ffffff!important;
}
.la-sider-profile-icon{
  width:22px!important;
  height:22px!important;
  flex:none!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.la-sider-profile-icon svg{
  stroke:#ffffff!important;
  filter:drop-shadow(0 0 6px rgba(255,255,255,.85))!important;
}
.la-sider-profile-title{
  font-size:14px!important;
  font-weight:500!important;
  color:inherit!important;
  flex:1!important;
  letter-spacing:.01em!important;
}
.la-sider-profile-badge{
  display:none!important;
}

/* User Center Modal Dialog */
.la-profile-modal{
  position:fixed;inset:0;z-index:99999;
  display:none;align-items:center;justify-content:center;
  padding:20px;
}
.la-profile-modal.open{display:flex}
.la-profile-backdrop{
  position:absolute;inset:0;
  background:rgba(2,3,6,.78);
  backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
}
.la-profile-dialog{
  position:relative;z-index:2;width:100%;max-width:440px;
  background:linear-gradient(168deg,rgba(32,36,48,.92),rgba(14,17,24,.96));
  border:1px solid var(--la-brd);border-radius:24px;
  box-shadow:inset 0 1px 0 var(--la-spec),0 32px 64px -20px rgba(0,0,0,.92);
  padding:24px 24px 22px;overflow:hidden;
  animation:laPopIn .24s cubic-bezier(.16,1,.3,1);
}
@keyframes laPopIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}
.la-pmodal-head{
  display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;
}
.la-pmodal-brand{
  display:flex;align-items:center;gap:10px;
}
.la-pmodal-avatar{
  width:32px;height:32px;border-radius:10px;
  display:grid;place-items:center;
  background:radial-gradient(circle at 35% 30%,#38bdf8 0%,#2563eb 45%,#1e1b4b 100%);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.7),0 0 14px rgba(56,189,248,.4);
  color:#fff;flex:none;
}
.la-pmodal-title{font-size:16px;font-weight:650;color:#fff;letter-spacing:-.01em}
.la-pmodal-close{
  width:28px;height:28px;border-radius:50%;border:1px solid var(--la-brd);
  background:rgba(255,255,255,.05);color:var(--la-ink2);
  cursor:pointer;display:grid;place-items:center;transition:all .16s ease;
}
.la-pmodal-close:hover{color:#fff;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3)}
.la-pmodal-tabs{
  display:grid;grid-template-columns:repeat(3,1fr);gap:6px;
  background:rgba(0,0,0,.35);padding:4px;border-radius:12px;
  border:1px solid rgba(255,255,255,.08);margin-bottom:18px;
}
.la-ptab-btn{
  height:32px;border-radius:8px;border:0;background:transparent;
  font-size:12px;font-weight:550;color:var(--la-ink3);cursor:pointer;
  transition:all .18s ease;display:flex;align-items:center;justify-content:center;
}
.la-ptab-btn.active{
  background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.07));
  color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.4);
}
.la-ptab-panel{display:none}
.la-ptab-panel.active{display:block}
.la-pfield{margin-bottom:12px}
.la-pfield label{display:block;font-size:12px;color:var(--la-ink3);margin-bottom:6px;font-weight:500}
.la-pinput{
  width:100%;height:38px;padding:0 12px;box-sizing:border-box;
  background:rgba(255,255,255,.05);border:1px solid var(--la-brd);
  border-radius:10px;color:#fff;font-size:13px;outline:none;
  transition:border-color .18s ease,background .18s ease;
}
.la-pinput:focus{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.08)}
.la-pinput-row{display:flex;gap:8px}
.la-pinput-row .la-pinput{flex:1}

/* Card Redeem Modal Dialog */
.la-card-modal{
  position:fixed;inset:0;z-index:99999;
  display:none;align-items:center;justify-content:center;
  padding:20px;
}
.la-card-modal.open{display:flex}
.la-card-backdrop{
  position:absolute;inset:0;
  background:rgba(2,3,6,.78);
  backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
}
.la-card-dialog{
  position:relative;z-index:2;width:100%;max-width:440px;
  background:linear-gradient(168deg,rgba(32,36,48,.94),rgba(14,17,24,.98));
  border:1px solid rgba(245,158,11,.3);border-radius:24px;
  box-shadow:inset 0 1px 0 rgba(254,240,138,.3),0 32px 64px -20px rgba(0,0,0,.92);
  padding:24px 24px 22px;overflow:hidden;
  animation:laPopIn .24s cubic-bezier(.16,1,.3,1);
}
.la-card-notice{
  background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2);
  border-radius:12px;padding:12px 14px;margin-bottom:16px;
  font-size:12px;line-height:1.6;color:#fef3c7;
}
.la-card-shop-link{
  display:flex;align-items:center;justify-content:center;gap:6px;
  width:100%;height:38px;border-radius:10px;margin-top:10px;
  background:rgba(255,255,255,.06);border:1px dashed rgba(255,255,255,.2);
  color:var(--la-ink1);font-size:13px;font-weight:550;text-decoration:none;
  cursor:pointer;transition:all .18s ease;
}
.la-card-shop-link:hover{
  background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.4);color:#fff;
}
.la-plan-redeem-bar{
  width:100%;max-width:1120px;margin:28px auto 0;
  background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(234,179,8,.05));
  border:1px solid rgba(245,158,11,.25);border-radius:16px;padding:16px 22px;
  box-sizing:border-box;box-shadow:0 8px 24px -8px rgba(0,0,0,.5);
}
.la-pr-box{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  color:#fef08a;font-size:13px;font-weight:550;
}
.la-pr-btn{
  height:36px;padding:0 20px;border-radius:10px;border:0;cursor:pointer;
  background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-weight:600;font-size:13px;
  box-shadow:0 4px 14px rgba(245,158,11,.35);transition:all .18s ease;
}
.la-pr-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}

.la-pcode-btn{
  height:38px;padding:0 14px;border-radius:10px;border:1px solid var(--la-brd);
  background:rgba(255,255,255,.08);color:var(--la-ink);font-size:12px;font-weight:550;
  cursor:pointer;white-space:nowrap;transition:all .18s ease;
}
.la-pcode-btn:hover{background:rgba(255,255,255,.16);color:#fff;border-color:rgba(255,255,255,.3)}
.la-pcode-btn:disabled{opacity:.5;cursor:not-allowed}
.la-paction-btn{
  width:100%;height:40px;margin-top:14px;border-radius:11px;border:0;
  background:linear-gradient(145deg,#ffffff,#dbeafe);color:#0a0c10;
  font-size:13px;font-weight:650;cursor:pointer;transition:all .18s ease;
  box-shadow:0 8px 20px -6px rgba(255,255,255,.35);
}
.la-paction-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}
.la-paction-btn.danger{
  background:linear-gradient(145deg,#ef4444,#dc2626);color:#fff;
  box-shadow:0 8px 20px -6px rgba(239,68,68,.5);
}
.la-pdesc{font-size:12.5px;color:var(--la-ink2);line-height:1.65;margin:0 0 14px}
.la-pwarn-box{
  background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);
  border-radius:12px;padding:12px 14px;font-size:12px;color:#fca5a5;
  line-height:1.6;margin-bottom:14px;
}

/* ---------- generic card ---------- */
.n-card{
  --n-color:transparent!important;
  --n-color-modal:transparent!important;
  --n-color-popover:transparent!important;
  --n-color-embedded:rgba(255,255,255,.045)!important;
  --n-border-color:var(--la-brd)!important;
  --n-title-text-color:var(--la-ink)!important;
  --n-text-color:var(--la-ink2)!important;
  --n-action-color:transparent!important;
  --n-box-shadow:none!important;
  --n-border-radius:20px!important;
  background:linear-gradient(168deg,var(--la-glass2),var(--la-glass))!important;
  backdrop-filter:blur(24px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(150%)!important;
  border:1px solid var(--la-brd)!important;
  border-radius:20px!important;
  box-shadow:inset 0 1px 0 var(--la-spec),inset 0 -1px 0 rgba(255,255,255,.07),0 26px 54px -32px rgba(0,0,0,.85)!important;
  overflow:hidden;
}
.n-card-header{border-bottom:1px solid var(--la-brd)!important}
.n-card-header__main{color:var(--la-ink)!important;font-weight:600!important}

/* ---------- lists ---------- */
.n-list{--n-color:transparent!important;--n-border-color:var(--la-brd)!important;--n-text-color:var(--la-ink2)!important;background:transparent!important}
.n-list-item{background:transparent!important;border-color:var(--la-brd)!important}
.n-list-item:hover{background:rgba(255,255,255,.05)!important}
.n-list-item__main{color:var(--la-ink2)!important}

/* ---------- alerts / tags / dividers ---------- */
.n-alert{
  --n-color:rgba(255,255,255,.06)!important;
  --n-color-info:rgba(255,255,255,.06)!important;
  --n-color-success:rgba(143,227,180,.12)!important;
  --n-color-warning:rgba(232,180,106,.14)!important;
  --n-color-error:rgba(232,122,122,.14)!important;
  --n-text-color:var(--la-ink)!important;
  --n-title-text-color:var(--la-ink)!important;
  --n-icon-color:var(--la-ink2)!important;
  --n-icon-color-info:var(--la-ink2)!important;
  --n-border-radius:14px!important;
  --n-border:1px solid var(--la-brd)!important;
  background:linear-gradient(168deg,var(--la-glass2),var(--la-glass))!important;
  backdrop-filter:blur(20px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(150%)!important;
  border:1px solid var(--la-brd)!important;
  border-radius:14px!important;
}
.n-alert .n-alert-body__title,.n-alert .n-alert-body__content{color:var(--la-ink)!important}
.n-alert a{color:var(--la-ink)!important;text-decoration:underline}
.n-divider{--n-color:var(--la-brd)!important;background-color:var(--la-brd)!important}
.n-tag{
  --n-color:rgba(255,255,255,.08)!important;
  --n-text-color:var(--la-ink2)!important;
  --n-border:1px solid var(--la-brd)!important;
  --n-border-radius:7px!important;
}
.n-empty{--n-icon-color:var(--la-ink3)!important;--n-text-color:var(--la-ink3)!important}
.n-descriptions{--n-color:transparent!important;--n-th-color:rgba(255,255,255,.05)!important;--n-td-color:transparent!important;--n-border-color:var(--la-brd)!important;--n-text-color:var(--la-ink2)!important;--n-th-text-color:var(--la-ink3)!important}
.n-data-table{
  --n-td-color:transparent!important;--n-th-color:rgba(255,255,255,.05)!important;
  --n-td-color-hover:rgba(255,255,255,.05)!important;
  --n-border-color:var(--la-brd)!important;--n-text-color:var(--la-ink2)!important;
  --n-th-text-color:var(--la-ink3)!important;--n-td-text-color:var(--la-ink2)!important;
  background:transparent!important;
}
.n-data-table .n-data-table-th,.n-data-table .n-data-table-td{background:transparent!important;border-color:var(--la-brd)!important}

/* ---------- inputs ---------- */
::placeholder{color:rgba(255,255,255,.65)!important;-webkit-text-fill-color:rgba(255,255,255,.65)!important;opacity:1!important}
input::placeholder,textarea::placeholder{color:rgba(255,255,255,.65)!important;-webkit-text-fill-color:rgba(255,255,255,.65)!important;opacity:1!important}
.n-input .n-input__placeholder{color:rgba(255,255,255,.65)!important;opacity:1!important}
.n-input .n-input__input-el{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;font-weight:500!important}
.n-input{
  --n-color:rgba(0,0,0,.55)!important;
  --n-color-focus:rgba(0,0,0,.75)!important;
  --n-text-color:#ffffff!important;
  --n-placeholder-color:rgba(255,255,255,.65)!important;
  --n-border:1px solid rgba(255,255,255,.3)!important;
  --n-border-hover:1px solid var(--la-brd2)!important;
  --n-border-focus:1px solid rgba(255,255,255,.5)!important;
  --n-border-radius:12px!important;
  --n-box-shadow-focus:none!important;
  --n-caret-color:var(--la-ink)!important;
}

/* Auth card inputs specific enhancement */
.n-card.mx-auto.max-w-md .n-input{
  background:rgba(8,10,15,.75)!important;
  border:1px solid rgba(255,255,255,.32)!important;
  box-shadow:inset 0 2px 4px rgba(0,0,0,.45)!important;
}
.n-card.mx-auto.max-w-md .n-input:hover{
  border-color:rgba(255,255,255,.55)!important;
}
.n-card.mx-auto.max-w-md .n-input.n-input--focus{
  background:rgba(4,6,10,.88)!important;
  border-color:rgba(192,132,252,.8)!important;
  box-shadow:0 0 12px rgba(168,85,247,.3), inset 0 2px 4px rgba(0,0,0,.6)!important;
}
.n-card.mx-auto.max-w-md .n-input input{
  color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;font-weight:500!important;font-size:14px!important;
}
.n-input .n-input__border,.n-input .n-input__state-border{border-radius:12px!important}
.n-input-group .n-input:first-child .n-input__border{border-radius:12px 0 0 12px!important}

/* ---------- buttons ---------- */
.n-button{--n-border-radius:11px!important}
.n-button--primary-type{
  --n-color:rgba(223,230,238,.92)!important;
  --n-color-hover:#fff!important;
  --n-color-pressed:rgba(223,230,238,.8)!important;
  --n-color-focus:rgba(223,230,238,.92)!important;
  --n-text-color:var(--la-accent-ink)!important;
  --n-text-color-hover:var(--la-accent-ink)!important;
  --n-text-color-pressed:var(--la-accent-ink)!important;
  --n-text-color-focus:var(--la-accent-ink)!important;
  --n-border:1px solid rgba(255,255,255,.5)!important;
  --n-border-hover:1px solid #fff!important;
  --n-border-pressed:1px solid #fff!important;
  --n-border-focus:1px solid #fff!important;
}
.n-button--default-type{
  --n-color:rgba(255,255,255,.07)!important;
  --n-color-hover:rgba(255,255,255,.13)!important;
  --n-color-pressed:rgba(255,255,255,.17)!important;
  --n-text-color:var(--la-ink2)!important;
  --n-text-color-hover:var(--la-ink)!important;
  --n-text-color-pressed:var(--la-ink)!important;
  --n-border:1px solid var(--la-brd)!important;
  --n-border-hover:1px solid var(--la-brd2)!important;
  --n-border-pressed:1px solid var(--la-brd2)!important;
}
.n-button--error-type{
  --n-color:rgba(226,124,124,.14)!important;
  --n-color-hover:rgba(226,124,124,.22)!important;
  --n-color-pressed:rgba(226,124,124,.3)!important;
  --n-color-focus:rgba(226,124,124,.14)!important;
  --n-text-color:#e88c8c!important;
  --n-text-color-hover:#f2a0a0!important;
  --n-text-color-pressed:#f2a0a0!important;
  --n-border:1px solid rgba(226,124,124,.4)!important;
  --n-border-hover:1px solid rgba(226,124,124,.6)!important;
  --n-border-pressed:1px solid rgba(226,124,124,.6)!important;
}

/* ---------- switch / checkbox ---------- */
.n-switch{
  --n-rail-color:rgba(255,255,255,.14)!important;
  --n-rail-color-active:rgba(223,230,238,.85)!important;
  --n-button-color:rgba(255,255,255,.9)!important;
  --n-button-color-active:var(--la-accent-ink)!important;
  --n-box-shadow-focus:0 0 0 2px rgba(255,255,255,.18)!important;
}
.n-checkbox{
  --n-color-checked:rgba(223,230,238,.92)!important;
  --n-border:1px solid var(--la-brd2)!important;
  --n-border-checked:1px solid rgba(255,255,255,.5)!important;
  --n-check-mark-color:var(--la-accent-ink)!important;
  --n-text-color:var(--la-ink2)!important;
  --n-font-size:13px!important;
}
.n-radio{
  --n-color:transparent!important;
  --n-border:1px solid var(--la-brd2)!important;
  --n-box-shadow-focus:0 0 0 2px rgba(255,255,255,.18)!important;
  --n-text-color:var(--la-ink2)!important;
}
.n-form-item-label__text,.n-form-item-label{color:var(--la-ink2)!important}

/* ---------- radio group ---------- */
.n-radio-group{gap:8px!important}
.n-radio-group__splitor{display:none!important}
.n-radio-button{
  --n-color:transparent!important;
  --n-color-active:rgba(255,255,255,.92)!important;
  --n-text-color:var(--la-ink2)!important;
  --n-text-color-active:var(--la-accent-ink)!important;
  --n-text-color-hover:var(--la-ink)!important;
  --n-border:1px solid var(--la-brd)!important;
  --n-border-active:1px solid rgba(255,255,255,.5)!important;
  --n-border-radius:9px!important;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  margin-right:8px!important;
}

/* ---------- scrollbar ---------- */
.n-scrollbar{--n-scrollbar-color:rgba(255,255,255,.16)!important;--n-scrollbar-color-hover:rgba(255,255,255,.3)!important}
.text-gray-500{color:var(--la-ink3)!important}

/* ============================================================
   Plan cards
   ============================================================ */
.card-container,
.card-container[data-v-16d7c058]{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  max-width:1200px!important;
  margin:26px auto 0!important;
  padding:0!important;
  align-items:stretch!important;
}
.card-item,.card-item[data-v-16d7c058]{
  min-width:0!important;width:100%!important;max-width:100%!important;
  display:flex!important;flex-direction:column!important;height:100%!important;
}
.card-item .n-card{
  width:100%!important;max-width:100%!important;height:100%!important;
  display:flex!important;flex-direction:column!important;
  border-radius:22px!important;
  border:1px solid var(--la-brd)!important;
  background:linear-gradient(168deg,var(--la-glass2),var(--la-glass))!important;
  backdrop-filter:blur(28px) saturate(155%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(155%)!important;
  box-shadow:inset 0 1px 0 var(--la-spec),inset 0 -1px 0 rgba(255,255,255,.08),0 30px 62px -34px rgba(0,0,0,.9)!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
.card-item .n-card:hover{
  transform:translateY(-4px);
  border-color:var(--la-brd2)!important;
  box-shadow:inset 0 1px 0 var(--la-spec),0 40px 74px -34px rgba(0,0,0,.95)!important;
}
.card-item .n-card-header{
  padding:20px 20px 14px!important;
  border-bottom:1px solid var(--la-brd)!important;
  display:block!important;
}
.card-item .n-card-header__main{
  font-size:15px!important;font-weight:600!important;
  color:var(--la-ink)!important;letter-spacing:-.01em;line-height:1.35;
  white-space:normal!important;width:100%!important;
}
.card-item .n-card-header__extra{
  display:block!important;width:100%!important;
  margin-top:10px!important;text-align:left!important;
}
.card-item .n-card-header__extra .vertical-bottom{
  display:flex!important;align-items:baseline!important;gap:3px!important;
}
.card-item .text-3xl{
  font-family:var(--la-mono)!important;
  font-size:31px!important;font-weight:500!important;line-height:1!important;
  color:var(--la-ink)!important;letter-spacing:-.035em;
}
.card-item .n-card-header__extra .text-base{font-size:12.5px!important;color:var(--la-ink3)!important}
.card-item .n-card-header__extra .la-unit{
  display:block;margin-top:7px;
  font-family:var(--la-mono);font-size:11px;letter-spacing:-.01em;
  color:var(--la-ink3);white-space:nowrap;
}
.card-item .n-card__content{
  padding:14px 20px!important;
  flex:1 1 auto!important;
  display:flex!important;flex-direction:column!important;
  background:transparent!important;
}
.card-item .vertical-center{
  display:flex!important;align-items:baseline!important;justify-content:space-between!important;
  gap:12px!important;padding:9px 0!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  line-height:1.5!important;
}
.card-item .vertical-center:last-child{border-bottom:0!important}
.card-item .vertical-center .n-icon{display:none!important}
.card-item .vertical-center .la-k{
  font-size:12.5px;color:var(--la-ink3);flex:none;
}
.card-item .vertical-center .la-v{
  font-size:12.5px;color:var(--la-ink);
  font-family:var(--la-mono);font-variant-numeric:tabular-nums;
  letter-spacing:-.015em;text-align:right;
}
.card-item .n-card__action{padding:14px 20px 20px!important;background:transparent!important}
.card-item .n-card__action .n-button{
  width:100%!important;height:42px!important;
  border-radius:999px!important;
  --n-border-radius:999px!important;
  font-size:14px!important;font-weight:500!important;
  --n-color:rgba(223,230,238,.14)!important;
  --n-color-hover:rgba(223,230,238,.9)!important;
  --n-color-pressed:rgba(223,230,238,.78)!important;
  --n-color-focus:rgba(223,230,238,.14)!important;
  --n-text-color:var(--la-ink)!important;
  --n-text-color-hover:var(--la-accent-ink)!important;
  --n-text-color-pressed:var(--la-accent-ink)!important;
  --n-border:1px solid var(--la-brd2)!important;
  --n-border-hover:1px solid #fff!important;
  --n-border-pressed:1px solid #fff!important;
  transition:color .18s ease,background .18s ease,border-color .18s ease!important;
}

/* plan page heading */
h2.m-3.mb-1.mt-1{
  font-size:24px!important;font-weight:500!important;
  color:var(--la-ink)!important;letter-spacing:-.022em;
  margin:16px 0 14px!important;
}

@media (max-width:1150px){
  .card-container,.card-container[data-v-16d7c058]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:640px){
  .card-container,.card-container[data-v-16d7c058]{grid-template-columns:1fr!important}
}

/* ============================================================
   Login / register
   ============================================================ */
.wh-full.flex.items-center.justify-center{position:relative;z-index:2}
.n-card.mx-auto.max-w-md{
  max-width:432px!important;
  border-radius:24px!important;
  background:linear-gradient(168deg,rgba(255,255,255,.12),rgba(255,255,255,.05))!important;
  backdrop-filter:blur(34px) saturate(160%)!important;
  -webkit-backdrop-filter:blur(34px) saturate(160%)!important;
  border:1px solid var(--la-brd2)!important;
  box-shadow:inset 0 1px 0 var(--la-spec),0 44px 90px -40px rgba(0,0,0,.95)!important;
}
.n-card.mx-auto.max-w-md .p-6{padding:34px 30px 26px!important}


/* Native Language Selector Enhancement */
.la-native-lang-menu{
  position:absolute!important;
  bottom:calc(100% + 8px)!important;
  right:0!important;
  background:rgba(15,18,25,.95)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:10px!important;
  padding:6px!important;
  box-shadow:0 10px 30px rgba(0,0,0,.8), 0 0 15px rgba(168,85,247,.25)!important;
  z-index:999999!important;
  display:none;
  flex-direction:column;
  gap:4px;
  min-width:130px;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.la-native-lang-menu.open{
  display:flex!important;
}
.la-native-lang-item{
  padding:6px 12px!important;
  border-radius:6px!important;
  color:var(--la-ink2)!important;
  font-size:12.5px!important;
  font-weight:550!important;
  cursor:pointer!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  transition:all .18s ease!important;
  background:transparent!important;
  border:none!important;
  text-align:left!important;
}
.la-native-lang-item:hover{
  background:rgba(255,255,255,.12)!important;
  color:#ffffff!important;
}
.la-native-lang-item.active{
  background:rgba(192,132,252,.22)!important;
  color:#ffffff!important;
  border:1px solid rgba(192,132,252,.45)!important;
}


/* In-place Language Selector for Original Button Position */
.la-native-lang-select{
  display:inline-flex!important;
  align-items:center!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  background:rgba(255,255,255,.07) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23cbd5e1'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd'/%3E") no-repeat right 10px center/16px 16px !important;
  border:1px solid rgba(255,255,255,.2)!important;
  border-radius:10px!important;
  padding:6px 32px 6px 14px!important;
  color:#ffffff!important;
  font-size:13px!important;
  font-weight:600!important;
  cursor:pointer!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  transition:all .2s ease!important;
  outline:none!important;
  margin:10px auto 0!important;
}
.la-native-lang-select:hover{
  background-color:rgba(255,255,255,.14)!important;
  border-color:rgba(192,132,252,.6)!important;
  box-shadow:0 0 12px rgba(168,85,247,.25)!important;
}
.la-native-lang-select option{
  background:#12151e!important;
  color:#ffffff!important;
  font-size:13px!important;
  padding:8px 12px!important;
}


/* Dual Language Direct CSS Switching (Zero-Latency) */
.la-txt-en { display: none !important; }
.la-txt-zh { display: inline !important; }
div.la-txt-zh, p.la-txt-zh, section.la-txt-zh, h1.la-txt-zh, h2.la-txt-zh, h3.la-txt-zh { display: block !important; }
div.la-txt-en, p.la-txt-en, section.la-txt-en, h1.la-txt-en, h2.la-txt-en, h3.la-txt-en { display: none !important; }

html[data-la-lang]:not([data-la-lang="zh-CN"]) .la-txt-zh { display: none !important; }
html[data-la-lang]:not([data-la-lang="zh-CN"]) .la-txt-en { display: inline !important; }
html[data-la-lang="en-US"] div.la-txt-en, 
html[data-la-lang="en-US"] p.la-txt-en, 
html[data-la-lang="en-US"] section.la-txt-en,
html[data-la-lang="en-US"] h1.la-txt-en,
html[data-la-lang="en-US"] h2.la-txt-en,
html[data-la-lang="en-US"] h3.la-txt-en { display: block !important; }

#la-hero-cta[data-la-mode="in"] .la-hero-cta-in { display: inline !important; }
#la-hero-cta[data-la-mode="in"] .la-hero-cta-out { display: none !important; }
#la-hero-cta[data-la-mode="out"] .la-hero-cta-in { display: none !important; }
#la-hero-cta[data-la-mode="out"] .la-hero-cta-out { display: inline !important; }

html[data-la-lang="en-US"] .n-card.mx-auto.max-w-md h5::after {
  content: "High-Speed Acceleration · Global Access" !important;
}


html[data-la-lang="en-US"] .n-card.mx-auto.max-w-md h5::after {
  content: "High-Speed Acceleration · Global Access" !important;
}

.n-card.mx-auto.max-w-md h1{
  font-size:30px!important;font-weight:500!important;
  color:var(--la-ink)!important;letter-spacing:-.025em;
}
.n-card.mx-auto.max-w-md h5{color:var(--la-ink3)!important;letter-spacing:.01em}
.n-card.mx-auto.max-w-md .bg-\[--n-color-embedded\]{background:rgba(255,255,255,.03)!important;border-top:1px solid var(--la-brd)!important}
.n-card.mx-auto.max-w-md a.text-gray-500{color:var(--la-ink2)!important}
.n-card.mx-auto.max-w-md a.text-gray-500:hover{color:var(--la-ink)!important}

/* ============================================================
   Account strip (dashboard = plans home)
   ============================================================ */
.la-account{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:18px;
  margin:14px 0 4px;
}
@media (max-width:900px){.la-account{grid-template-columns:1fr}}
.la-acc-card{
  padding:20px 22px;
  border-radius:22px;
  border:1px solid var(--la-brd);
  background:linear-gradient(168deg,var(--la-glass2),var(--la-glass));
  backdrop-filter:blur(26px) saturate(155%);
  -webkit-backdrop-filter:blur(26px) saturate(155%);
  box-shadow:inset 0 1px 0 var(--la-spec),inset 0 -1px 0 rgba(255,255,255,.08),0 30px 62px -36px rgba(0,0,0,.9);
}
.la-acc-name{
  font-size:17px;font-weight:600;letter-spacing:-.015em;
  color:var(--la-ink);line-height:1.3;
  word-break:break-all;
}
.la-acc-meta{
  margin-top:9px;
  font-family:var(--la-mono);font-size:12px;
  color:var(--la-ink3);letter-spacing:-.01em;
}
.la-acc-meta b{color:var(--la-ink2);font-weight:500}
.la-acc-sub{
  margin-top:14px;padding-top:13px;
  border-top:1px solid rgba(255,255,255,.08);
  font-size:12.5px;color:var(--la-ink2);
}
.la-batt-head{
  display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  margin-bottom:14px;
}
.la-batt-label{font-size:12px;color:var(--la-ink3);letter-spacing:.02em}
.la-batt-pct{
  font-family:var(--la-mono);font-size:26px;font-weight:500;
  color:var(--la-ink);letter-spacing:-.04em;line-height:1;
}
.la-batt{
  position:relative;
  height:34px;border-radius:11px;
  border:1.5px solid var(--la-brd2);
  padding:4px;
  background:rgba(0,0,0,.28);
  box-shadow:inset 0 2px 6px rgba(0,0,0,.5);
}
.la-batt::after{
  content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);
  width:4px;height:13px;border-radius:0 3px 3px 0;
  background:var(--la-brd2);
}
.la-batt-fill{
  height:100%;border-radius:7px;
  background:linear-gradient(90deg,#8b98a8,#e8eef5 62%,#ffffff);
  box-shadow:0 0 16px -3px rgba(220,232,244,.6),inset 0 1px 0 rgba(255,255,255,.7);
  transition:width .8s cubic-bezier(.2,.8,.3,1);
  min-width:0;
}
.la-batt-fill.warn{background:linear-gradient(90deg,#a8814f,#e8b46a)}
.la-batt-fill.crit{background:linear-gradient(90deg,#8c4a4a,#e88c8c)}
.la-batt-legend{
  display:flex;justify-content:space-between;gap:12px;
  margin-top:11px;
  font-family:var(--la-mono);font-size:11.5px;
  color:var(--la-ink3);letter-spacing:-.01em;
}
.la-batt-legend b{color:var(--la-ink2);font-weight:500}

/* ============================================================
   Dashboard (仪表盘) : account / traffic / subscription
   ============================================================ */
section.cus-scroll-y.la-dash-on {
  padding-top: 14px !important;
}
.la-dash{
  display:flex;flex-direction:column;gap:14px;
  margin:-6px 0 4px;
}
.la-sub-btn{
  display:inline-flex!important;align-items:center;justify-content:center;gap:9px;
  align-self:flex-start;
  margin-top:0;margin-bottom:12px;
  height:44px;padding:0 32px;border:1px solid rgba(255,255,255,.2);cursor:pointer;
  border-radius:999px;font-family:inherit;font-size:15px;font-weight:700;
  letter-spacing:.03em;color:#ffffff;
  background:linear-gradient(135deg,rgba(16,185,129,.95) 0%,rgba(5,150,105,.95) 100%);
  box-shadow:0 0 24px rgba(16,185,129,.5),0 10px 24px -6px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.4);
  transition:transform .18s ease,background .18s ease,box-shadow .18s ease;
}
.la-sub-btn:hover{
  transform:translateY(-1.5px) scale(1.02);
  background:#ffffff;
  box-shadow:0 0 38px rgba(255,255,255,.8),0 16px 32px -6px rgba(0,0,0,1);
}
.la-sub-btn:active{transform:translateY(0) scale(1)}

/* 彻底隐藏主内容区域中在订阅按钮上方渲染的无用“仪表盘”字符、面包屑与原生页面大标题 */
.n-breadcrumb,
section.cus-scroll-y h1:not(.la-brand-main),
section.cus-scroll-y h2:not(.la-brand-main),
section.cus-scroll-y .text-2xl,
section.cus-scroll-y .n-page-header{display:none!important}
.la-dash-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}
@media (max-width:900px){.la-dash-grid{grid-template-columns:1fr}}
.la-dash-card{
  padding:20px 22px;border-radius:22px;
  border:1px solid var(--la-brd);
  background:linear-gradient(168deg,var(--la-glass2),var(--la-glass));
  backdrop-filter:blur(26px) saturate(155%);
  -webkit-backdrop-filter:blur(26px) saturate(155%);
  box-shadow:inset 0 1px 0 var(--la-spec),inset 0 -1px 0 rgba(255,255,255,.08),0 30px 62px -36px rgba(0,0,0,.9);
}
.la-dash-label{
  font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--la-ink3);margin-bottom:13px;
}
.la-kv{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.la-kv:last-child{border-bottom:0}
.la-kv .k{font-size:12.5px;color:var(--la-ink3);flex:none}
.la-kv .v{
  font-size:13px;color:var(--la-ink);text-align:right;
  font-family:var(--la-mono);font-variant-numeric:tabular-nums;letter-spacing:-.015em;
  word-break:break-all;
}
.la-kv .v.none{color:var(--la-ink3)}
.la-dash-meta{
  margin-top:11px;padding-top:11px;border-top:1px solid rgba(255,255,255,.08);
  font-family:var(--la-mono);font-size:11.5px;color:var(--la-ink3);letter-spacing:-.01em;
}
.la-dash-none{display:flex;flex-direction:column;gap:6px;padding:6px 0 2px}
.la-dash-none-t{font-family:var(--la-mono);font-size:26px;font-weight:500;color:var(--la-ink3);letter-spacing:-.04em;line-height:1}
.la-dash-none-s{font-size:12.5px;color:var(--la-ink3)}

/* ============================================================
   Connection Guide (添加连接与客户端指引)
   ============================================================ */
.la-guide{margin-top:2px}
.la-guide-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.la-guide-title{font-size:14px;font-weight:600;letter-spacing:.02em;color:var(--la-ink);display:flex;align-items:center;gap:8px}
.la-guide-dot{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 10px #10b981;display:inline-block;flex:none}
.la-guide-dot.warn{background:#f59e0b;box-shadow:0 0 10px #f59e0b}
.la-guide-sub{font-size:12px;color:var(--la-ink3);font-family:var(--la-mono)}
.la-sub-box{
  display:flex;align-items:center;gap:10px;padding:6px 6px 6px 14px;
  border-radius:14px;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.12);
  margin-bottom:14px;
}
.la-sub-input{
  flex:1;min-width:0;background:transparent;border:0;color:var(--la-ink);
  font-family:var(--la-mono);font-size:12px;letter-spacing:-.01em;outline:none;
}
.la-copy-btn{
  height:33px;padding:0 16px;border-radius:10px;border:1px solid rgba(255,255,255,.2);
  background:rgba(255,255,255,.09);color:#fff;font-family:inherit;font-size:12.5px;
  font-weight:550;cursor:pointer;white-space:nowrap;transition:all .18s ease;flex:none;
}
.la-copy-btn:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.36);transform:translateY(-1px)}
.la-copy-btn.copied{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 0 16px -2px #10b981}
.la-app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
@media (max-width:960px){.la-app-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:540px){.la-app-grid{grid-template-columns:1fr}}
.la-app-btn{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.04);color:var(--la-ink);text-decoration:none;
  cursor:pointer;transition:all .18s ease;font-family:inherit;
}
.la-app-btn:hover{
  background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.28);
  transform:translateY(-1px);box-shadow:0 8px 20px -6px rgba(0,0,0,.7);
}
.la-app-info{display:flex;flex-direction:column;gap:3px;text-align:left}
.la-app-name{font-size:13px;font-weight:600;color:#fff}
.la-app-tag{font-size:11px;color:var(--la-ink3);font-family:var(--la-mono)}
.la-app-arrow{font-size:13px;color:var(--la-ink3);transition:transform .18s ease}
.la-app-btn:hover .la-app-arrow{color:var(--la-ink);transform:translateX(2px)}
.la-tab-nav{
  display:flex;gap:8px;border-bottom:1px solid rgba(255,255,255,.1);
  padding-bottom:10px;margin-bottom:14px;overflow-x:auto;
}
.la-tab-btn{
  height:31px;padding:0 14px;border-radius:999px;border:1px solid transparent;
  background:transparent;color:var(--la-ink3);font-family:inherit;font-size:12px;
  font-weight:500;cursor:pointer;white-space:nowrap;transition:all .18s ease;
}
.la-tab-btn:hover{color:var(--la-ink2);background:rgba(255,255,255,.05)}
.la-tab-btn.active{
  color:#fff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
}
.la-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media (max-width:860px){.la-steps{grid-template-columns:1fr}}
.la-step-card{
  padding:14px 15px;border-radius:14px;background:rgba(0,0,0,.3);
  border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:6px;
}
.la-step-num{font-family:var(--la-mono);font-size:11px;font-weight:600;color:rgba(147,197,253,.9);letter-spacing:.06em}
.la-step-h{font-size:12.5px;font-weight:600;color:#fff}
.la-step-p{font-size:11.5px;color:var(--la-ink2);line-height:1.55;margin:0}
.la-guide-tips{
  margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;
}
@media (max-width:860px){.la-guide-tips{grid-template-columns:1fr}}
.la-tip-item{font-size:11.5px;color:var(--la-ink3);line-height:1.6}
.la-tip-item b{color:var(--la-ink2);font-weight:500}

/* Dashboard replaces the panel's own cards. */
section.la-dash-on > div > *:not(.la-dash), .la-dash-host > *:not(.la-dash){display:none!important}

/* ============================================================
   Guest landing (首页)
   ============================================================ */
#la-landing{
  position:fixed;inset:0;z-index:900;display:none;
  overflow-y:auto;overflow-x:hidden;
  width:100%!important;height:100%!important;box-sizing:border-box!important;
  background:var(--la-bg);color:var(--la-ink);
  -webkit-overflow-scrolling:touch;
  transform:none!important;
}
#la-landing.on{display:block}







#la-landing .la-lwrap{position:relative;z-index:2;width:100%!important;max-width:1260px;margin:0 auto;padding:0 24px 0px;box-sizing:border-box!important}
.la-lnav{
  position:relative!important;top:auto!important;left:auto!important;right:auto!important;
  width:calc(100% - 24px)!important;max-width:none!important;margin:8px auto 20px!important;
  padding:0!important;box-sizing:border-box!important;
  z-index:950!important;pointer-events:auto!important;
  display:block!important;
}
.la-lnav-in{
  width:100%!important;max-width:none!important;margin:0 auto;padding:0 36px;height:70px;box-sizing:border-box!important;
  display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:999px;
  background:linear-gradient(168deg,rgba(32,36,48,.86),rgba(16,19,26,.92));
  backdrop-filter:blur(36px) saturate(160%);-webkit-backdrop-filter:blur(36px) saturate(160%);
  border:1px solid var(--la-brd);
  box-shadow:inset 0 1px 0 var(--la-spec),0 24px 52px -20px rgba(0,0,0,.88),0 0 28px -10px rgba(168,85,247,.35);
  pointer-events:auto;
}
#la-landing .la-lbrand{display:flex;align-items:center;gap:9px;font-weight:600;font-size:15px;white-space:nowrap}
#la-landing .la-logo{
  width:26px;height:26px;border-radius:9px;display:grid;place-items:center;flex:none;
  font-size:11px;font-weight:700;color:var(--la-accent-ink);
  background:linear-gradient(150deg,var(--la-accent),rgba(255,255,255,.85));
  box-shadow:0 0 18px -4px var(--la-accent);
}
#la-landing .la-lnav-links{display:flex;gap:22px;margin-left:auto;font-size:13.5px;color:var(--la-ink2)}
#la-landing .la-lnav-links a{color:inherit;text-decoration:none;transition:color .18s}
#la-landing .la-lnav-links a:hover{color:var(--la-ink)}
#la-landing .la-lnav-acts{display:flex;align-items:center;gap:14px}


/* ===== Top Nav Centered Announcement Banner ===== */
.la-nav-announcement {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  flex: 1 1 auto !important;
  max-width: 580px !important;
  margin: 0 auto !important;
  padding: 5px 14px 5px 10px !important;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.12) 0%, rgba(30, 41, 59, 0.65) 45%, rgba(168, 85, 247, 0.15) 100%) !important;
  border: 1px solid rgba(245, 158, 11, 0.38) !important;
  border-radius: 999px !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  box-shadow: 0 4px 20px -4px rgba(245, 158, 11, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  pointer-events: auto !important;
  z-index: 10 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  transition: all 0.25s ease !important;
}
.la-nav-announcement:hover {
  border-color: rgba(245, 158, 11, 0.65) !important;
  box-shadow: 0 6px 24px -2px rgba(245, 158, 11, 0.38), 0 0 18px rgba(168, 85, 247, 0.3) !important;
}
.la-nav-anno-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 2px 8px !important;
  background: rgba(245, 158, 11, 0.2) !important;
  border: 1px solid rgba(245, 158, 11, 0.45) !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #fbbf24 !important;
  letter-spacing: 0.02em !important;
  flex-shrink: 0 !important;
}
.la-nav-anno-pulse {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #fbbf24 !important;
  box-shadow: 0 0 8px #fbbf24 !important;
  animation: navAnnoPulse 1.8s infinite !important;
}
@keyframes navAnnoPulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.4); opacity: 0.6; }
}
.la-nav-anno-text {
  font-size: 12.5px !important;
  color: #e2e8f0 !important;
  letter-spacing: -0.01em !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.la-glow-text {
  color: #f59e0b !important;
  text-shadow: 0 0 10px rgba(245, 158, 11, 0.6) !important;
  font-weight: 700 !important;
}
.la-price-highlight {
  color: #38bdf8 !important;
  text-shadow: 0 0 10px rgba(56, 189, 248, 0.6) !important;
  font-weight: 700 !important;
}
.la-top-coupon-tag {
  display: inline-block !important;
  padding: 1px 6px !important;
  background: rgba(0, 0, 0, 0.55) !important;
  border: 1px dashed rgba(245, 158, 11, 0.7) !important;
  border-radius: 4px !important;
  font-family: monospace !important;
  color: #fbbf24 !important;
  font-weight: 700 !important;
  font-size: 11.5px !important;
  letter-spacing: 0.5px !important;
}
.la-top-copy-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 3px 10px !important;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.25), rgba(217, 119, 6, 0.35)) !important;
  border: 1px solid rgba(245, 158, 11, 0.55) !important;
  border-radius: 999px !important;
  color: #fbbf24 !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  transition: all 0.2s ease !important;
}
.la-top-copy-btn:hover {
  background: linear-gradient(135deg, #f59e0b, #d97706) !important;
  color: #ffffff !important;
  border-color: #f59e0b !important;
  box-shadow: 0 0 12px rgba(245, 158, 11, 0.6) !important;
  transform: translateY(-1px) !important;
}
@media (max-width: 1080px) {
  .la-nav-announcement { max-width: 440px !important; }
  .la-nav-anno-text { font-size: 11.5px !important; }
}
@media (max-width: 860px) {
  .la-nav-announcement { display: none !important; }
}

/* Landing Header Language Switcher */
.la-lang-btn{
  position:relative;
  display:inline-flex;align-items:center;gap:6px;
  height:32px;padding:0 12px;border-radius:999px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.18);
  color:var(--la-ink);font-size:12px;font-weight:600;
  cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  transition:all .2s ease;
  z-index:5;
}
.la-lang-btn:hover{
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.35);
  box-shadow:0 0 12px rgba(255,255,255,.2);
}


/* Fix navbar button dimensions so English / Chinese text does not cause shifting */
.la-nav-cluster{
  position:relative;display:inline-flex;align-items:center;gap:12px;
  margin-left:auto;padding:4px 6px;border-radius:999px;
}
.la-lang-btn{
  width:64px!important;min-width:64px!important;box-sizing:border-box!important;
  text-align:center!important;justify-content:center!important;
}
.la-rbtn-login{
  width:72px!important;min-width:72px!important;box-sizing:border-box!important;
  text-align:center!important;justify-content:center!important;padding:0!important;
}
.la-rbtn-register{
  width:88px!important;min-width:88px!important;box-sizing:border-box!important;
  text-align:center!important;justify-content:center!important;padding:0!important;
}
.la-rbtn-dash{
  width:112px!important;min-width:112px!important;box-sizing:border-box!important;
  text-align:center!important;justify-content:center!important;padding:0!important;
}

.la-nav-cluster{
  position:relative;display:inline-flex;align-items:center;gap:15px;
  margin-left:auto;padding:6px 8px;border-radius:999px;
}
.la-nav-ribbon{
  position:absolute;left:10px;right:10px;top:50%;height:24px;
  transform:translateY(-50%);border-radius:999px;pointer-events:none;
  background:linear-gradient(90deg,
    rgba(168,85,247,.5) 0%,
    rgba(99,102,241,.65) 42%,
    rgba(59,130,246,.75) 76%,
    rgba(56,189,248,.85) 100%
  );
  filter:blur(10px);opacity:.9;mix-blend-mode:screen;
}
.la-nav-ribbon::after{
  content:"";position:absolute;left:2px;right:2px;top:50%;height:2px;
  transform:translateY(-50%);
  background:linear-gradient(90deg,
    rgba(216,180,254,.6) 0%,
    rgba(165,180,252,.9) 42%,
    rgba(191,219,254,1) 80%,
    #ffffff 100%
  );
  box-shadow:0 0 12px rgba(165,180,252,.95);
}
.la-rbtn{
  position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;
  border:0;cursor:pointer;border-radius:999px;font-family:inherit;text-decoration:none;
  white-space:nowrap;
  transition:transform .18s ease,filter .18s ease,background .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.la-rbtn:hover{transform:translateY(-1px)}
.la-rbtn:active{transform:translateY(0)}
.la-rbtn-login{
  height:38px;padding:0 18px;font-size:13.5px;font-weight:500;
  color:rgba(235,240,248,.85);background:rgba(255,255,255,.08);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 4px 14px -3px rgba(0,0,0,.6);
}
.la-rbtn-login:hover{
  color:#fff;background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.32);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 0 18px -2px rgba(168,85,247,.45);
}
.la-rbtn-register{
  height:44px;padding:0 24px;font-size:14.5px;font-weight:600;
  color:#ffffff;
  background:linear-gradient(145deg,rgba(147,130,255,.35),rgba(255,255,255,.16));
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,.36);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(0,0,0,.25),0 8px 24px -6px rgba(99,102,241,.5);
}
.la-rbtn-register:hover{
  background:linear-gradient(145deg,rgba(168,140,255,.48),rgba(255,255,255,.26));
  border-color:rgba(255,255,255,.55);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 0 28px -2px rgba(129,140,248,.7);
}
.la-rbtn-dash{
  height:52px;padding:0 32px;font-size:16.5px;font-weight:700;letter-spacing:.02em;
  color:#080a0e;
  background:linear-gradient(150deg,#ffffff 0%,#e5eef7 65%,#cdd9e6 100%);
  border:1px solid rgba(255,255,255,.95);
  box-shadow:inset 0 1px 1px #ffffff,0 0 32px -2px rgba(255,255,255,.9),0 0 44px -4px rgba(56,189,248,.65),0 14px 32px -8px rgba(0,0,0,.85);
}
.la-rbtn-dash:hover{
  filter:brightness(1.06);
  box-shadow:inset 0 1px 1px #ffffff,0 0 40px -2px rgba(255,255,255,.98),0 0 52px -4px rgba(56,189,248,.8),0 16px 36px -6px rgba(0,0,0,.92);
}
#la-landing .la-link{color:var(--la-ink2);font-size:13.5px;text-decoration:none;transition:color .18s;cursor:pointer}
#la-landing .la-link:hover{color:var(--la-ink)}
#la-landing .la-btn{
  border:0;cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:500;
  border-radius:999px;height:40px;padding:0 20px;
  transition:transform .18s,filter .18s,border-color .18s;
}
#la-landing .la-btn:hover{transform:translateY(-1px)}
#la-landing .la-btn-primary{
  background:linear-gradient(150deg,var(--la-accent),rgba(255,255,255,.9));
  color:var(--la-accent-ink);
  box-shadow:0 0 26px -6px var(--la-accent),inset 0 1px 0 rgba(255,255,255,.6);
}
#la-landing .la-btn-primary:hover{filter:brightness(1.07)}
#la-landing .la-btn-ghost{
  background:var(--la-glass2);color:var(--la-ink);
  border:1px solid var(--la-brd);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
}
#la-landing .la-btn-ghost:hover{border-color:var(--la-brd2)}
#la-landing .la-btn-lg{height:46px;padding:0 26px;font-size:14.5px}
#la-landing section{padding-block:64px}
#la-landing .la-hero{padding-block:52px 48px}
#la-landing .la-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:42px;align-items:center}
@media (max-width:920px){#la-landing .la-hero-grid{grid-template-columns:1fr;gap:38px}}
#la-landing h1{
  font-size:40px;font-weight:600;line-height:1.12;
  letter-spacing:-.03em;margin:0 0 18px;text-wrap:balance;
}
#la-landing h1 em{font-style:normal;color:var(--la-accent);text-shadow:0 0 30px rgba(223,230,238,.45)}
#la-landing .la-lede{font-size:15.5px;line-height:1.72;color:var(--la-ink2);max-width:33em;margin:0 0 16px}
#la-landing .la-facts{
  font-size:13px;color:var(--la-ink3);line-height:1.95;
  padding-top:15px;margin:0 0 26px;border-top:1px solid var(--la-brd);
}
#la-landing .la-facts b{color:var(--la-ink2);font-weight:500}
#la-landing .la-cta{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
#la-landing .la-panel{
  position:relative;overflow:hidden;
  padding:22px 20px 18px;border-radius:26px;
  background:linear-gradient(168deg,rgba(255,255,255,.09),rgba(255,255,255,.03))!important;
  backdrop-filter:blur(36px) saturate(180%)!important;
  -webkit-backdrop-filter:blur(36px) saturate(180%)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 34px 74px -28px rgba(0,0,0,.92),0 0 36px -10px rgba(168,85,247,.35)!important;
  min-height: 500px !important;
  display: flex !important;
  flex-direction: column !important;
}
#la-landing .la-panel-head{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  flex: none !important;
}
#la-landing #la-lines{
  flex: 1 1 auto !important;
  max-height: 430px !important;
  overflow-y: auto !important;
  padding-right: 4px !important;
  margin-top: 8px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}
#la-landing #la-lines::-webkit-scrollbar{ width: 5px !important; }
#la-landing #la-lines::-webkit-scrollbar-track{ background: rgba(255, 255, 255, 0.04) !important; border-radius: 4px !important; }
#la-landing #la-lines::-webkit-scrollbar-thumb{ background: rgba(255, 255, 255, 0.22) !important; border-radius: 4px !important; }
#la-landing #la-lines::-webkit-scrollbar-thumb:hover{ background: rgba(168, 85, 247, 0.65) !important; }
#la-landing .la-lrow{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:10px !important;
  padding:9px 12px !important;
  margin:2px 0 !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.02) !important;
  border:1px solid rgba(255,255,255,.05) !important;
  font-size:13px !important;
  transition:all .22s ease !important;
}
#la-landing .la-lrow .loc{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  min-width:0 !important;
}
#la-landing .la-line-flag{
  font-size:15px !important;
  line-height:1 !important;
  flex:none !important;
}
#la-landing .la-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--la-brd)}
#la-landing .la-panel-head .t{font-size:13px;font-weight:600}
#la-landing .la-panel-head .s{font-size:11.5px;color:var(--la-ink3)}
#la-landing .la-lrow{
  display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;
  padding:11px 0;border-bottom:1px solid var(--la-brd);font-size:13px;
}
#la-landing .la-lrow:last-of-type{border-bottom:0}
#la-landing .la-lrow .loc{display:flex;align-items:center;gap:9px;min-width:0}
#la-landing .la-dot{width:6px;height:6px;border-radius:50%;background:#8fe3b4;flex:none;box-shadow:0 0 10px #8fe3b4}
#la-landing .la-lrow .city{color:var(--la-ink)}
#la-landing .la-lrow .code{color:var(--la-ink3);font-size:11.5px}
#la-landing .la-lrow .ms{color:var(--la-ink2);font-size:12.5px;font-family:var(--la-mono)}
#la-landing .la-panel-act{display:flex;gap:10px;padding-top:16px;margin-top:6px;border-top:1px solid var(--la-brd)}
#la-landing .la-panel-act .la-btn{flex:1;height:38px;font-size:13px}
#la-landing .la-sec-head{margin-bottom:28px}
#la-landing .la-sec-head h2{font-size:24px;font-weight:600;letter-spacing:-.022em;margin:0 0 8px}
#la-landing .la-sec-head p{font-size:13.5px;color:var(--la-ink3);line-height:1.7;margin:0}
#la-landing .la-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
@media (max-width:1040px){#la-landing .la-plans{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){#la-landing .la-plans{grid-template-columns:1fr}}
#la-landing .la-plan{
  padding:24px 22px 20px;display:flex;flex-direction:column;border-radius:22px;
  background:linear-gradient(168deg,var(--la-glass2),var(--la-glass));
  backdrop-filter:blur(28px) saturate(155%);-webkit-backdrop-filter:blur(28px) saturate(155%);
  border:1px solid var(--la-brd);
  box-shadow:inset 0 1px 0 var(--la-spec),inset 0 -1px 0 rgba(255,255,255,.08),0 30px 62px -34px rgba(0,0,0,.9);
  transition:transform .22s ease,border-color .22s ease;
}
#la-landing .la-plan:hover{transform:translateY(-4px);border-color:var(--la-brd2)}
#la-landing .la-plan-name{font-size:14.5px;font-weight:600;margin-bottom:3px}
#la-landing .la-plan-use{font-size:12px;color:var(--la-ink3);margin-bottom:19px}
#la-landing .la-plan-price{display:flex;align-items:baseline;gap:3px;margin-bottom:5px}
#la-landing .la-plan-price .cur{font-size:14px;color:var(--la-ink2);font-weight:500}
#la-landing .la-plan-price .amt{font-size:35px;font-weight:500;line-height:1;font-family:var(--la-mono);letter-spacing:-.04em}
#la-landing .la-plan-price .per{font-size:12.5px;color:var(--la-ink3);margin-left:2px}
#la-landing .la-plan-unit{
  font-size:11.5px;color:var(--la-ink3);margin-bottom:19px;
  padding-bottom:17px;border-bottom:1px solid var(--la-brd);font-family:var(--la-mono);
}
#la-landing .la-specs{display:flex;flex-direction:column;flex:1;margin-bottom:20px}
#la-landing .la-spec{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:8px 0;font-size:13px}
#la-landing .la-spec .k{color:var(--la-ink3)}
#la-landing .la-spec .v{color:var(--la-ink);font-size:12.5px;font-family:var(--la-mono);text-align:right}
#la-landing .la-plan .la-btn{width:100%}
#la-landing .la-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
@media (max-width:900px){#la-landing .la-groups{grid-template-columns:1fr;gap:20px}}
#la-landing .la-grp{
  font-size:11.5px;font-weight:600;letter-spacing:.11em;color:var(--la-ink3);
  text-transform:uppercase;padding-bottom:10px;border-bottom:1px solid var(--la-brd);
}
#la-landing .la-nrow{
  display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;
  padding:11px 0;border-bottom:1px solid var(--la-brd);font-size:13px;
}
#la-landing .la-nrow .loc{display:flex;align-items:center;gap:9px;min-width:0}
#la-landing .la-nrow .city{color:var(--la-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#la-landing .la-nrow .proto{font-size:11px;color:var(--la-ink3);border:1px solid var(--la-brd);border-radius:5px;padding:1px 5px}
#la-landing .la-nrow .ms{color:var(--la-ink2);font-size:12.5px;font-family:var(--la-mono);min-width:52px;text-align:right}
#la-landing .la-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:820px){#la-landing .la-trust{grid-template-columns:1fr}}
#la-landing .la-trust-item{padding:20px 20px 18px;border-radius:22px;border:1px solid var(--la-brd);background:linear-gradient(168deg,var(--la-glass2),var(--la-glass));backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}
#la-landing .la-trust-item h3{font-size:13.5px;font-weight:600;margin:0 0 8px}
#la-landing .la-trust-item p{font-size:13px;color:var(--la-ink2);line-height:1.75;margin:0}
#la-landing .la-lfoot{
  position:relative;z-index:2;border-top:1px solid var(--la-brd);
  padding:44px 0 60px;margin-top:60px;
}
#la-landing .la-lfoot-in{max-width:1180px;margin:0 auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
#la-landing .la-lfoot-brand{font-size:14px;font-weight:600}
#la-landing .la-lfoot-desc{font-size:12.5px;color:var(--la-ink3);margin-top:6px}
#la-landing .la-lfoot-links{display:flex;gap:20px;font-size:13px}
#la-landing .la-lfoot-links a{color:var(--la-ink2);text-decoration:none;cursor:pointer}
#la-landing .la-lfoot-links a:hover{color:var(--la-ink)}

/* ---------- responsive & mobile layout hardening ---------- */
@media (max-width:768px){
  .la-lnav{margin:4px auto 14px!important;padding:0 8px!important}
  .la-lnav-in{height:58px;padding:0 12px;gap:6px}
  .la-brand-main{font-size:16px;letter-spacing:0.01em}
  .la-brand-sub{font-size:11px;letter-spacing:0.25em}
  .la-brand-title-wrap{padding:2px 14px 2px 4px}
  .la-nav-cluster{gap:6px;padding:2px 4px}
  .la-lang-btn{width:54px!important;min-width:54px!important;height:28px;font-size:11px;padding:0 6px}
  .la-rbtn-login{width:56px!important;min-width:56px!important;height:32px;font-size:12px;padding:0!important}
  .la-rbtn-register{width:64px!important;min-width:64px!important;height:34px;font-size:12px;padding:0!important}
  .la-rbtn-dash{width:76px!important;min-width:76px!important;height:38px;font-size:12.5px;padding:0!important}
}
@media (max-width:480px){
  .la-lnav{margin:2px auto 10px!important;padding:0 4px!important}
  .la-lnav-in{height:52px;padding:0 8px;gap:4px}
  .la-brand-main{font-size:14px}
  .la-brand-sub{display:none}
  .la-bullet-streak{display:none}
  .la-nav-cluster{gap:4px;padding:0}
  .la-lang-btn{width:46px!important;min-width:46px!important;height:26px;font-size:10px}
  .la-rbtn-login{width:48px!important;min-width:48px!important;height:28px;font-size:11px}
  .la-rbtn-register{width:54px!important;min-width:54px!important;height:30px;font-size:11.5px}
  .la-rbtn-dash{width:68px!important;min-width:68px!important;height:32px;font-size:11.5px}
}
@media (max-width:640px){
  #la-landing .la-lnav-links{display:none}
  #la-landing .la-btn{height:36px;padding:0 15px;font-size:13px}
  #la-landing .la-btn-lg{height:44px;padding:0 22px;font-size:14px}
  #la-landing .la-lwrap{padding:0 16px}
  #la-landing .la-panel{padding:16px 16px 14px;border-radius:20px}
  #la-landing .la-plan{padding:20px 18px 18px}
  #la-landing .la-plan-price .amt{font-size:31px}
  #la-landing .la-lfoot-in{padding:0 16px}
  #la-landing .la-lfoot-links{gap:16px}
  .la-dash-card{padding:17px 18px}
  .la-sub-btn{height:42px;padding:0 24px;font-size:14px}
  .la-account,.la-dash-grid{gap:14px}
}

/* QR Button in sub box */
.la-qr-btn{
  height:33px;padding:0 14px;border-radius:10px;border:1px solid rgba(255,255,255,.2);
  background:linear-gradient(135deg,rgba(147,51,234,.16),rgba(59,130,246,.16));
  color:#fff;font-family:inherit;font-size:12.5px;
  font-weight:550;cursor:pointer;white-space:nowrap;transition:all .18s ease;flex:none;
  display:inline-flex;align-items:center;gap:5px;
}
.la-qr-btn:hover{
  background:linear-gradient(135deg,rgba(147,51,234,.32),rgba(59,130,246,.32));
  border-color:rgba(192,132,252,.5);transform:translateY(-1px);
  box-shadow:0 0 16px -2px rgba(168,85,247,.4);
}

/* QR Modal - Liquid Mercury Aurora Frosted Glass */
.la-qr-modal{
  position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;
  opacity:0;transition:opacity .22s ease;
}
.la-qr-modal.open{display:flex;opacity:1}
.la-qr-backdrop{
  position:absolute;inset:0;background:rgba(8,10,15,.78);
  backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);
}
.la-qr-dialog{
  position:relative;z-index:1;width:92%;max-width:410px;border-radius:24px;
  background:linear-gradient(135deg,rgba(24,28,38,.94),rgba(14,17,24,.98));
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 30px 70px rgba(0,0,0,.85), 0 0 40px -10px rgba(147,51,234,.35), inset 0 1px 0 rgba(255,255,255,.25);
  padding:22px 24px 24px;display:flex;flex-direction:column;gap:15px;text-align:center;
  transform:scale(.94) translateY(8px);transition:transform .22s cubic-bezier(.16,1,.3,1);
}
.la-qr-modal.open .la-qr-dialog{transform:scale(1) translateY(0)}
.la-qr-head{display:flex;align-items:center;justify-content:space-between}
.la-qr-head-title{
  font-size:15px;font-weight:600;color:#fff;display:flex;align-items:center;gap:8px;
  letter-spacing:-.01em;
}
.la-qr-close{
  width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);color:var(--la-ink2);font-size:18px;line-height:1;
  display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .16s ease;
}
.la-qr-close:hover{background:rgba(255,255,255,.16);color:#fff;transform:rotate(90deg)}
.la-qr-core{display:flex;flex-direction:column;align-items:center;gap:12px}
.la-qr-white-card{
  background:#ffffff;padding:12px;border-radius:18px;
  box-shadow:0 12px 32px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.2);
  display:inline-flex;align-items:center;justify-content:center;
  width:214px;height:214px;
}
.la-qr-white-card canvas, .la-qr-white-card img{
  width:190px!important;height:190px!important;display:block;border-radius:4px;
}
.la-qr-badge{
  font-size:11px;font-weight:600;letter-spacing:.02em;padding:4px 12px;border-radius:999px;
  background:linear-gradient(135deg,rgba(147,51,234,.2),rgba(59,130,246,.2));
  border:1px solid rgba(192,132,252,.35);color:#d8b4fe;font-family:var(--la-mono);
  white-space:nowrap;
}
.la-qr-desc{
  font-size:12px;color:var(--la-ink2);line-height:1.55;max-width:300px;margin:0 auto;
}
.la-qr-desc b{color:#fff;font-weight:600}
.la-qr-link-box{
  width:100%;display:flex;align-items:center;gap:8px;padding:4px 4px 4px 12px;
  border-radius:12px;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.1);
}
.la-qr-link-input{
  flex:1;min-width:0;background:transparent;border:0;color:var(--la-ink3);
  font-family:var(--la-mono);font-size:11px;outline:none;
}
.la-qr-link-copy{
  height:28px;padding:0 12px;border-radius:8px;border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.09);color:#fff;font-family:inherit;font-size:11.5px;
  font-weight:550;cursor:pointer;white-space:nowrap;transition:all .16s ease;flex:none;
}
.la-qr-link-copy:hover{background:rgba(255,255,255,.18);color:#fff}
.la-qr-link-copy.copied{background:#10b981;border-color:#10b981}


/* Back to top floating button */
.la-back-top{
  position:fixed;right:28px;bottom:28px;z-index:990;
  width:46px;height:46px;border-radius:50%;
  border:1px solid rgba(255,255,255,.22);
  background:linear-gradient(135deg,rgba(28,32,44,.88),rgba(14,17,25,.96));
  backdrop-filter:blur(22px) saturate(1.5);-webkit-backdrop-filter:blur(22px) saturate(1.5);
  color:#fff;display:flex;align-items:center;justify-content:center;
  cursor:pointer;box-shadow:0 14px 34px rgba(0,0,0,.7),0 0 22px -4px rgba(147,51,234,.45);
  opacity:0;visibility:hidden;transform:translateY(14px) scale(.9);
  transition:all .24s cubic-bezier(.16,1,.3,1);
}
.la-back-top.show{
  opacity:1;visibility:visible;transform:translateY(0) scale(1);
}
.la-back-top:hover{
  background:linear-gradient(135deg,rgba(40,46,65,.96),rgba(20,24,36,1));
  border-color:rgba(192,132,252,.7);
  box-shadow:0 18px 40px rgba(0,0,0,.8),0 0 28px 0 rgba(168,85,247,.65);
  transform:translateY(-3px) scale(1.06);
}
.la-back-top:active{
  transform:translateY(0) scale(.95);
}

/* Translucent layout backgrounds so the cosmic black hole canvas shines through */
body{background:#030407!important}
.n-layout, .n-layout-content, section.cus-scroll-y{
  background:transparent!important;
}
#la-landing{
  background:radial-gradient(circle at 50% 45%, rgba(6,7,12,.76) 0%, rgba(2,3,6,.92) 80%)!important;
}

#la-blackhole-canvas{
  position:fixed;inset:0;width:100%;height:100%;
  pointer-events:none;z-index:1;opacity:0.65;mix-blend-mode:screen;
}
/* Background cosmic synergy */
#la-landing{background:transparent!important}

.la-scene{display:block!important;z-index:0;opacity:1}
.la-goo, .la-sheen{display:block!important}


/* Bullet cloud Brand Emblem & Piercing Visual */
.la-lbrand{
  display:inline-flex;align-items:center;position:relative;text-decoration:none;
}
.la-brand-title-wrap{
  position:relative;display:inline-flex;flex-direction:column;align-items:flex-start;
  padding:6px 26px 6px 8px;cursor:pointer;
}
.la-brand-main{
  font-size:22px;font-weight:800;letter-spacing:.02em;color:#ffffff;line-height:1.15;
  text-shadow:0 0 18px rgba(255,255,255,.35);white-space:nowrap;
  text-transform:uppercase;
  background:linear-gradient(135deg,#ffffff 0%,#f1f5f9 55%,#c084fc 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
}
.la-brand-sub{
  font-size:13px;font-weight:700;letter-spacing:.42em;color:rgba(216,180,254,.95);
  line-height:1;margin-top:4px;padding-left:1px;
  text-shadow:0 0 12px rgba(168,85,247,.6);
}
.la-bullet-streak{
  position:absolute;left:-4px;top:-4px;width:calc(100% + 20px);height:calc(100% + 12px);
  pointer-events:none;z-index:2;overflow:visible;
}


#la-landing.on ~ #app,
#la-landing.on ~ #root,
#la-landing.on ~ .n-layout,
#la-landing.on ~ .n-modal-container,
body:has(#la-landing.on) #app,
body:has(#la-landing.on) .n-layout,
body:has(#la-landing.on) #la-sider-profile-wrap {
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
#la-landing{
  background:transparent!important;
}

#la-landing .la-lwrap{
  position:relative;z-index:2;width:100%!important;max-width:1260px;margin:0 auto;padding:0 24px 0px;box-sizing:border-box!important;
}
@media (max-width:640px){
  #la-landing .la-lwrap{padding:10px 14px 40px}
}


/* Speed Lightning Graffiti Cyber Badge */
.la-hero-content{
  position:relative;display:flex;align-items:flex-start;gap:22px;
}
.la-speed-lightning-col{
  flex:none;display:flex;flex-direction:column;align-items:center;padding-top:6px;
  user-select:none;pointer-events:none;
}
.la-speed-bolt-svg{
  width:32px;height:48px;filter:drop-shadow(0 0 12px #38bdf8) drop-shadow(0 0 24px #a855f7);
  animation:laBoltPulse 2.8s ease-in-out infinite;
}
@keyframes laBoltPulse{
  0%,100%{filter:drop-shadow(0 0 10px #38bdf8) drop-shadow(0 0 20px #a855f7)}
  50%{filter:drop-shadow(0 0 18px #f43f5e) drop-shadow(0 0 32px #38bdf8)}
}
.la-speed-vert-txt{
  writing-mode:vertical-rl;text-orientation:upright;
  font-family:"Arial Black",Impact,sans-serif;
  font-size:26px;font-weight:900;letter-spacing:.28em;
  background:linear-gradient(180deg,#38bdf8 0%,#818cf8 30%,#c084fc 65%,#f43f5e 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 2px 8px rgba(168,85,247,.6));
  margin-top:10px;text-transform:uppercase;line-height:1;
}
.la-speed-sub-tag{
  font-family:var(--la-mono);font-size:9px;font-weight:800;letter-spacing:.2em;
  color:rgba(56,189,248,.85);margin-top:8px;padding:2px 4px;border-radius:4px;
  background:rgba(56,189,248,.12);border:1px solid rgba(56,189,248,.3);
  writing-mode:vertical-rl;text-orientation:mixed;
}
@media (max-width:768px){
  .la-speed-lightning-col{display:none}
}

/* Prismatic Aurora Glass Panel Styling (幻彩极光流光面板) */
#la-landing .la-panel{
  position:relative;overflow:hidden;
  padding:24px 22px 20px;border-radius:26px;
  background:linear-gradient(168deg,rgba(255,255,255,.09),rgba(255,255,255,.03))!important;
  backdrop-filter:blur(36px) saturate(180%)!important;
  -webkit-backdrop-filter:blur(36px) saturate(180%)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 34px 74px -28px rgba(0,0,0,.92),0 0 36px -10px rgba(168,85,247,.35)!important;
}
#la-landing .la-panel::before{
  content:"";position:absolute;inset:-50%;
  background:radial-gradient(circle at 75% 25%,rgba(56,189,248,.22) 0%,rgba(168,85,247,.18) 32%,rgba(244,63,94,.12) 58%,transparent 75%);
  filter:blur(32px);pointer-events:none;z-index:0;
  animation:laPanelAurora 12s ease-in-out infinite alternate;
}
@keyframes laPanelAurora{
  0%{transform:rotate(0deg) scale(1)}
  100%{transform:rotate(28deg) scale(1.15) translate(-10px,15px)}
}
#la-landing .la-panel > *{position:relative;z-index:1}
#la-landing .la-lrow{
  display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;
  padding:10px 10px;margin:2px 0;border-radius:12px;
  border-bottom:1px solid rgba(255,255,255,.06);font-size:13px;
  transition:all .22s ease;
}
#la-landing .la-lrow:hover{
  background:linear-gradient(90deg,rgba(56,189,248,.12),rgba(168,85,247,.12));
  border-color:rgba(255,255,255,.2);
  transform:translateX(3px);
}
#la-landing .la-lrow:last-of-type{border-bottom:0}
#la-landing .la-dot{
  width:7px;height:7px;border-radius:50%;flex:none;
  background:#10b981;box-shadow:0 0 10px #10b981;
  transition:all .3s ease;
}
#la-landing .la-dot.dot-fast{background:#38bdf8;box-shadow:0 0 12px #38bdf8}
#la-landing .la-dot.dot-mid{background:#10b981;box-shadow:0 0 10px #10b981}
#la-landing .la-dot.dot-normal{background:#f59e0b;box-shadow:0 0 10px #f59e0b}
#la-landing .la-lrow .city{color:#ffffff;font-weight:550;letter-spacing:-.01em}

/* Real-time Dynamic Latency Badge */
.la-ping-badge{
  font-family:var(--la-mono);font-size:12px;font-weight:650;
  padding:2.5px 9px;border-radius:999px;display:inline-flex;align-items:center;gap:5px;
  transition:all .35s ease;
}
.la-ping-badge.fast{
  color:#38bdf8;background:rgba(56,189,248,.14);border:1px solid rgba(56,189,248,.35);
  box-shadow:0 0 10px -2px rgba(56,189,248,.4);
}
.la-ping-badge.good{
  color:#34d399;background:rgba(16,185,129,.14);border:1px solid rgba(52,211,153,.35);
  box-shadow:0 0 10px -2px rgba(52,211,153,.4);
}
.la-ping-badge.mid{
  color:#fbbf24;background:rgba(245,158,11,.14);border:1px solid rgba(251,191,36,.35);
  box-shadow:0 0 10px -2px rgba(251,191,36,.4);
}
.la-ping-sig{
  width:6px;height:6px;border-radius:50%;background:currentColor;
  box-shadow:0 0 6px currentColor;display:inline-block;
}


/* ============================================================
   Bullet cloud Card Header & Global Auth Navbar Integration
   ============================================================ */
.n-card.mx-auto.max-w-md h1{
  font-size:0!important;line-height:1.2!important;text-align:center!important;margin:0 auto 6px!important;
}
.n-card.mx-auto.max-w-md h1::before{
  content:"BULLET CLOUD"!important;
  display:block!important;
  font-size:26px!important;
  font-weight:800!important;
  letter-spacing:.03em!important;
  background:linear-gradient(135deg,#ffffff 0%,#f1f5f9 55%,#c084fc 100%)!important;
  -webkit-background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:0 0 20px rgba(255,255,255,.35)!important;
}
.n-card.mx-auto.max-w-md h1::after{
  content:"子 弹"!important;
  display:block!important;
  font-size:12.5px!important;
  font-weight:700!important;
  letter-spacing:.48em!important;
  color:rgba(216,180,254,.95)!important;
  -webkit-text-fill-color:rgba(216,180,254,.95)!important;
  margin-top:4px!important;
  text-shadow:0 0 12px rgba(168,85,247,.6)!important;
}
.n-card.mx-auto.max-w-md h5{
  font-size:0!important;line-height:1!important;margin:0!important;text-align:center!important;
}
.n-card.mx-auto.max-w-md h5::after{
  content:"极速网络加速服务 · 尊享全平台订阅"!important;
  display:block!important;
  font-size:12.5px!important;
  color:var(--la-ink3)!important;
  letter-spacing:.02em!important;
  margin-top:6px!important;
}

body.la-in-auth #la-landing{
  display:block!important;
  background:transparent!important;
  pointer-events:none!important;
  z-index:20000!important;
}
body.la-in-auth #la-landing .la-lnav{
  pointer-events:auto!important;
  position:relative!important;
  z-index:99999!important;
}
body.la-in-auth #la-landing .la-lwrap,
body.la-in-auth #la-landing .la-hero,
body.la-in-auth #la-landing #la-plans-sec,
body.la-in-auth #la-landing #la-trust-sec,
body.la-in-auth #la-landing .la-plans-anchor,
body.la-in-auth #la-landing .la-lfoot,
body.la-in-auth #la-landing .la-dash-shell{
  display:none!important;
}
body.la-in-auth {
  overflow: hidden !important;
}
/* Login continuity: reuse the landing cosmic background so the auth card
   feels like the same site, not a degraded legacy page after logout. */
body.la-in-auth {
  background: #06080f !important;
  min-height: 100vh !important;
}
body.la-in-auth::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(ellipse 60% 45% at 75% 30%, rgba(99,102,241,.18), transparent 60%),
    radial-gradient(ellipse 50% 40% at 20% 75%, rgba(168,85,247,.14), transparent 65%),
    radial-gradient(ellipse 80% 60% at 50% 50%, rgba(30,41,59,.35), transparent 70%),
    #06080f !important;
}
body.la-in-auth #app {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  max-width: 100vw !important;
  max-height: 100vh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 10000 !important;
  pointer-events: auto !important;
  padding: 72px 16px 20px !important;
  box-sizing: border-box !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
body.la-in-auth #app > .n-config-provider,
body.la-in-auth #app .wh-full.flex.items-center.justify-center {
  width: 100% !important;
  height: auto !important;
  min-height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  z-index: 10001 !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md {
  position: relative !important;
  z-index: 10002 !important;
  background: rgba(15,18,32,.88) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  pointer-events: auto !important;
  margin: auto !important;
  max-height: calc(100vh - 96px) !important;
  overflow-y: auto !important;
  box-shadow: 0 0 50px rgba(168,85,247,.3), 0 20px 40px rgba(0,0,0,.8) !important;
}

  /* 注册与登录页语言切换菜单：仅保留中文和英文，彻底隐藏其他语言 */
  .n-dropdown-menu .n-dropdown-option:nth-child(n+7) {
    display: none !important;
  }


/* Hide register button on header navbar when user is authenticated */
body.la-authed #la-nav-register,
body.la-authed .la-rbtn-register {
  display: none !important;
}

/* Sidebar Custom User Center Button (centered vertically in sidebar, avatar only, no text) */
.n-layout-sider {
  position: relative !important;
}
.la-sider-profile-wrap {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 99 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: auto !important;
}
.la-sider-profile-btn {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 auto !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
  cursor: pointer !important;
  transition: all 0.24s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.la-sider-profile-btn:hover {
  background: rgba(255, 255, 255, 0.18) !important;
  border-color: rgba(255, 255, 255, 0.45) !important;
  transform: scale(1.1) !important;
  box-shadow: 0 0 24px rgba(168, 85, 247, 0.65), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}
.la-sider-profile-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
}
.la-sider-profile-title {
  display: none !important;
}


/* Auth Card Top-Right Close Button (X) */
.la-auth-close-x {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  color: rgba(235, 240, 248, 0.75) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  cursor: pointer !important;
  z-index: 10005 !important;
  padding: 0 !important;
  line-height: 1 !important;
  outline: none !important;
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
}
.la-auth-close-x:hover {
  background: rgba(239, 68, 68, 0.25) !important;
  border-color: rgba(239, 68, 68, 0.55) !important;
  color: #ffffff !important;
  transform: scale(1.08) !important;
  box-shadow: 0 0 16px rgba(239, 68, 68, 0.45) !important;
}
.la-auth-close-x:active {
  transform: scale(0.95) !important;
}


/* Instant Auth Skeleton Card (0ms Perceived Latency Feedback) */
.la-auth-instant-card {
  width: 440px;
  max-width: 92vw;
  margin: auto;
  border-radius: 16px;
  padding: 36px 30px;
  background: rgba(14, 18, 28, 0.85);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 0 50px rgba(168, 85, 247, 0.28), 0 20px 40px rgba(0, 0, 0, 0.8);
  position: relative;
  z-index: 10000;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  animation: laCardIn 0.15s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@keyframes laCardIn {
  from { opacity: 0; transform: scale(0.96) translateY(6px); }
  to { opacity: 1; transform: scale(1) translateY(0); }
}
.la-instant-brand {
  font-size: 24px;
  font-weight: 800;
  letter-spacing: 0.04em;
  color: #ffffff;
  text-align: center;
  margin-bottom: 2px;
  text-shadow: 0 0 20px rgba(168, 85, 247, 0.5);
}
.la-instant-brand .sub {
  font-size: 13px;
  font-weight: 700;
  color: #c084fc;
  letter-spacing: 0.3em;
  margin-left: 6px;
}
.la-instant-sub {
  font-size: 12.5px;
  color: rgba(235, 240, 248, 0.65);
  margin-top: 6px;
  margin-bottom: 24px;
  text-align: center;
}
.la-instant-skeleton-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.la-instant-skel-line {
  width: 100%;
  height: 40px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  animation: laPulse 1.2s ease-in-out infinite alternate;
}
.la-instant-skel-btn {
  width: 100%;
  height: 42px;
  border-radius: 6px;
  background: linear-gradient(135deg, rgba(168, 85, 247, 0.3), rgba(99, 102, 241, 0.3));
  border: 1px solid rgba(168, 85, 247, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 13.5px;
  font-weight: 600;
  color: #f3e8ff;
}
.la-instant-spin {
  width: 14px;
  height: 14px;
  border: 2px solid rgba(243, 232, 255, 0.3);
  border-top-color: #f3e8ff;
  border-radius: 50%;
  animation: laSpin 0.7s linear infinite;
}
@keyframes laSpin { to { transform: rotate(360deg); } }
@keyframes laPulse {
  from { opacity: 0.5; background: rgba(255, 255, 255, 0.04); }
  to { opacity: 1; background: rgba(255, 255, 255, 0.08); }
}

/* Hide instant skeleton card when real .n-card is present or when not in auth */
#app:has(.n-card) .la-auth-instant-card,
body:not(.la-in-auth) .la-auth-instant-card {
  display: none !important;
}


/* ===== Real Slide Jigsaw Puzzle Verification Modal (Dark Liquid Aurora Style) ===== */
.la-puzzle-trigger-wrap {
  width: 100%;
  margin: 12px 0 16px 0;
  user-select: none;
  -webkit-user-select: none;
  box-sizing: border-box;
}
.la-puzzle-trigger-btn {
  width: 100%;
  height: 42px;
  background: rgba(18, 22, 34, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 14px;
  cursor: pointer;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);
  transition: all 0.25s ease;
  box-sizing: border-box;
}
.la-puzzle-trigger-btn:hover {
  background: rgba(28, 33, 48, 0.9);
  border-color: rgba(56, 189, 248, 0.45);
  box-shadow: 0 0 14px rgba(56, 189, 248, 0.2);
}
.la-puzzle-trigger-btn.verified {
  cursor: default;
  background: rgba(16, 185, 129, 0.12) !important;
  border-color: rgba(16, 185, 129, 0.6) !important;
  box-shadow: 0 0 14px rgba(16, 185, 129, 0.25) !important;
}
.la-puzzle-trigger-btn.shake {
  animation: puzzleShake 0.4s ease-in-out;
  border-color: rgba(239, 68, 68, 0.8) !important;
  box-shadow: 0 0 12px rgba(239, 68, 68, 0.35) !important;
}
@keyframes puzzleShake {
  0%, 100% { transform: translateX(0); }
  20%, 60% { transform: translateX(-6px); }
  40%, 80% { transform: translateX(6px); }
}
.la-puzzle-trigger-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #38bdf8;
}
.la-puzzle-trigger-btn.verified .la-puzzle-trigger-icon {
  color: #10b981;
}
.la-puzzle-trigger-text {
  flex: 1;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.82);
  letter-spacing: 0.3px;
}
.la-puzzle-trigger-btn.verified .la-puzzle-trigger-text {
  color: #10b981;
  font-weight: 600;
}
.la-puzzle-trigger-badge {
  display: flex;
  align-items: center;
}
.la-puzzle-trigger-badge .badge-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #38bdf8;
  box-shadow: 0 0 6px #38bdf8;
  transition: all 0.3s;
}
.la-puzzle-trigger-btn.verified .badge-dot {
  background: #10b981;
  box-shadow: 0 0 8px #10b981;
}

/* Modal Popup Mask & Card */
.la-puzzle-modal-mask {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.72);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: puzzleFadeIn 0.25s ease-out;
}
@keyframes puzzleFadeIn {
  from { opacity: 0; transform: scale(0.96); }
  to { opacity: 1; transform: scale(1); }
}
.la-puzzle-modal-card {
  width: 340px;
  background: rgba(18, 22, 34, 0.95);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 14px;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.8), 0 0 30px rgba(56, 189, 248, 0.15);
  padding: 16px;
  box-sizing: border-box;
  user-select: none;
  -webkit-user-select: none;
}
.la-puzzle-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.la-puzzle-title {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.4px;
}
.la-puzzle-title svg {
  color: #38bdf8;
}
.la-puzzle-tools {
  display: flex;
  align-items: center;
  gap: 8px;
}
.la-puzzle-btn-refresh,
.la-puzzle-btn-close {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 6px;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
  transition: all 0.2s;
}
.la-puzzle-btn-refresh:hover,
.la-puzzle-btn-close:hover {
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.35);
}

/* Puzzle Stage */
.la-puzzle-stage {
  position: relative;
  width: 308px;
  height: 160px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.6);
  background: #090c15;
}
#la-puzzle-bg-canvas {
  position: absolute;
  left: 0;
  top: 0;
  width: 308px;
  height: 160px;
  display: block;
}
#la-puzzle-piece-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  z-index: 10;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.7));
  cursor: grab;
  transition: transform 0.1s;
}
#la-puzzle-piece-canvas:active {
  cursor: grabbing;
}
.la-puzzle-success-banner {
  position: absolute;
  inset: 0;
  background: rgba(10, 14, 24, 0.85);
  backdrop-filter: blur(4px);
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  z-index: 20;
  animation: puzzleFadeIn 0.2s ease-out;
}
.la-puzzle-success-banner span {
  font-size: 14px;
  font-weight: 600;
  color: #10b981;
  letter-spacing: 0.5px;
}

/* Slider Track */
.la-puzzle-slider-track {
  position: relative;
  width: 308px;
  height: 42px;
  background: rgba(12, 16, 26, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  margin-top: 14px;
  display: flex;
  align-items: center;
  overflow: hidden;
  box-sizing: border-box;
}
.la-puzzle-slider-fill {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0%;
  background: linear-gradient(90deg, rgba(56, 189, 248, 0.25), rgba(168, 85, 247, 0.35));
  pointer-events: none;
}
.la-puzzle-slider-text {
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.55);
  pointer-events: none;
  letter-spacing: 0.3px;
  z-index: 1;
}
.la-puzzle-slider-thumb {
  position: absolute;
  left: 3px;
  top: 3px;
  width: 44px;
  height: 34px;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: grab;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
  color: #38bdf8;
  z-index: 2;
  transition: background 0.15s, border-color 0.15s;
}
.la-puzzle-slider-thumb:hover {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(56, 189, 248, 0.5);
  box-shadow: 0 0 10px rgba(56, 189, 248, 0.3);
}
.la-puzzle-slider-thumb:active {
  cursor: grabbing;
}
.la-puzzle-status-msg {
  font-size: 12px;
  margin-top: 8px;
  min-height: 16px;
  text-align: center;
  color: #f87171;
  display: none;
}


/* ===== Announcement Section & 50% Off Styles ===== */
.la-announce-sec {
  margin: 28px 0 24px;
  position: relative;
  z-index: 2;
}
.la-announce-box {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.08) 0%, rgba(30, 41, 59, 0.45) 50%, rgba(168, 85, 247, 0.08) 100%);
  border: 1px solid rgba(245, 158, 11, 0.35);
  border-radius: 16px;
  padding: 20px 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  backdrop-filter: blur(16px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
}
.la-announce-box::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, #f59e0b, #ec4899, #8b5cf6);
}
.la-announce-left {
  flex: 1;
}
.la-announce-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.35);
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 700;
  color: #fbbf24;
  margin-bottom: 8px;
  letter-spacing: 0.02em;
}
.la-announce-pulse {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: #fbbf24;
  box-shadow: 0 0 8px #fbbf24;
  animation: announcePulse 1.8s infinite;
}
@keyframes announcePulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.4); opacity: 0.6; }
}
.la-announce-title {
  font-size: 17px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 6px;
  letter-spacing: -0.01em;
}
.la-announce-desc {
  font-size: 13px;
  line-height: 1.55;
  color: #94a3b8;
}
.la-announce-desc b {
  color: #f1f5f9;
}
.la-announce-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  flex-shrink: 0;
}
.la-coupon-card {
  display: flex;
  align-items: center;
  background: rgba(15, 23, 42, 0.7);
  border: 1px dashed rgba(245, 158, 11, 0.5);
  border-radius: 10px;
  padding: 4px 6px 4px 14px;
  gap: 12px;
}
.la-coupon-code-badge {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: monospace;
}
.la-coupon-prefix {
  font-size: 12px;
  color: #94a3b8;
}
.la-coupon-val {
  font-size: 18px;
  font-weight: 800;
  color: #f59e0b;
  letter-spacing: 1.5px;
}
.la-btn-copy-code {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border-radius: 8px;
  background: linear-gradient(135deg, #f59e0b, #d97706);
  color: #ffffff;
  font-size: 12.5px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 10px rgba(245, 158, 11, 0.3);
}
.la-btn-copy-code:hover {
  filter: brightness(1.1);
  transform: translateY(-1px);
}
.la-btn-copy-code:active {
  transform: translateY(0);
}
.la-coupon-meta {
  font-size: 11.5px;
  color: #94a3b8;
}
.la-coupon-meta b {
  color: #f59e0b;
}
@media (max-width: 768px) {
  .la-announce-box {
    flex-direction: column;
    align-items: flex-start;
    padding: 18px;
  }
  .la-announce-right {
    align-items: flex-start;
    width: 100%;
  }
  .la-coupon-card {
    width: 100%;
    justify-content: space-between;
  }
}


/* ===== Modern E-commerce Plan Price Hierarchy (Discount Big on Top, Original Small Below) ===== */
.la-plan-main-price {
  margin: 10px 0 6px;
}
.la-plan-tag-strip {
  margin-bottom: 6px;
}
.la-disc-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  color: #fbbf24;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(236, 72, 153, 0.18));
  border: 1px solid rgba(245, 158, 11, 0.45);
  letter-spacing: 0.02em;
  box-shadow: 0 0 10px -2px rgba(245, 158, 11, 0.3);
}
.la-price-hero {
  display: flex;
  align-items: baseline;
  gap: 4px;
}
.la-price-hero .cur {
  font-size: 18px;
  font-weight: 700;
  color: #f59e0b;
  text-shadow: 0 0 12px rgba(245, 158, 11, 0.5);
}
.la-price-hero .amt {
  font-size: 38px;
  font-weight: 800;
  line-height: 1;
  font-family: var(--la-mono);
  letter-spacing: -0.04em;
  color: #ffffff;
  text-shadow: 0 0 24px rgba(245, 158, 11, 0.35);
}
.la-plan[data-plan-id="3"] .la-price-hero .amt {
  font-size: 40px;
  color: #fde047;
  text-shadow: 0 0 26px rgba(253, 224, 71, 0.45);
}
.la-price-hero .per {
  font-size: 13px;
  color: var(--la-ink2);
  margin-left: 2px;
}
.la-plan-sub-price {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  margin: 6px 0 12px;
}
.la-orig-wrap {
  color: rgba(148, 163, 184, 0.7);
}
.la-orig-amt {
  text-decoration: line-through;
  margin-left: 3px;
  font-family: var(--la-mono);
  color: rgba(148, 163, 184, 0.75);
}
.la-save-tag {
  display: inline-flex;
  align-items: center;
  padding: 1px 6px;
  border-radius: 4px;
  font-size: 10.5px;
  font-weight: 600;
  color: #34d399;
  background: rgba(16, 185, 129, 0.12);
  border: 1px solid rgba(16, 185, 129, 0.28);
}
/* Discount Badge in Plan Card */
.la-plan-discount-wrap {
  margin: 6px 0 10px;
}
.la-plan-disc-badge {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.25);
  border-radius: 6px;
  padding: 4px 8px;
  font-size: 11.5px;
}
.la-disc-icon {
  font-weight: 700;
  color: #fbbf24;
}
.la-disc-val {
  color: #e2e8f0;
}
.la-disc-val b {
  color: #38bdf8;
  font-size: 13.5px;
}


/* =========================================================
   BULLET CLOUD 极速收银 / 订阅结算模态框样式
   ========================================================= */
.bcm-overlay {
  position: fixed;
  inset: 0;
  z-index: 999999;
  background: rgba(4, 6, 12, 0.82);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  overflow-y: auto;
  animation: bcmFadeIn 0.22s ease-out;
}
@keyframes bcmFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
.bcm-card {
  width: 100%;
  max-width: 460px;
  max-height: 92vh;
  overflow-y: auto;
  background: linear-gradient(145deg, rgba(22, 27, 44, 0.98), rgba(12, 15, 24, 0.99));
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 20px;
  box-shadow: 0 25px 70px rgba(0, 0, 0, 0.85), 0 0 35px rgba(56, 189, 248, 0.12);
  padding: 24px;
  position: relative;
  color: #e2e8f0;
  box-sizing: border-box;
  animation: bcmSlideUp 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes bcmSlideUp {
  from { transform: translateY(16px) scale(0.97); opacity: 0; }
  to { transform: translateY(0) scale(1); opacity: 1; }
}
.bcm-close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 32px;
  height: 32px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  color: #94a3b8;
  font-size: 20px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
}
.bcm-close:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  transform: rotate(90deg);
}
.bcm-header {
  text-align: center;
  margin-bottom: 18px;
}
.bcm-badge {
  display: inline-block;
  background: linear-gradient(135deg, rgba(56, 189, 248, 0.18), rgba(168, 85, 247, 0.18));
  border: 1px solid rgba(56, 189, 248, 0.35);
  border-radius: 20px;
  padding: 4px 12px;
  font-size: 11.5px;
  font-weight: 600;
  color: #38bdf8;
  margin-bottom: 8px;
}
.bcm-title {
  font-size: 19px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 4px 0;
  letter-spacing: -0.3px;
}
.bcm-subtitle {
  font-size: 12.5px;
  color: #94a3b8;
  margin: 0;
}
.bcm-section {
  margin-bottom: 14px;
}
.bcm-label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #cbd5e1;
  margin-bottom: 6px;
}
.bcm-duration-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
.bcm-dur-btn {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  padding: 8px 4px;
  text-align: center;
  cursor: pointer;
  color: #94a3b8;
  transition: all 0.2s;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.bcm-dur-btn:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(56, 189, 248, 0.4);
  color: #fff;
}
.bcm-dur-btn.active {
  background: linear-gradient(135deg, rgba(56, 189, 248, 0.18), rgba(168, 85, 247, 0.18));
  border-color: #38bdf8;
  color: #38bdf8;
  box-shadow: 0 0 16px rgba(56, 189, 248, 0.2);
}
.bcm-dur-name {
  font-size: 13px;
  font-weight: 700;
}
.bcm-dur-tag {
  font-size: 10.5px;
  opacity: 0.8;
}
.bcm-coupon-box {
  display: flex;
  gap: 8px;
}
.bcm-input {
  flex: 1;
  background: rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  padding: 8px 12px;
  color: #fff;
  font-size: 13px;
  outline: none;
  transition: border-color 0.2s;
}
.bcm-input:focus {
  border-color: #38bdf8;
  box-shadow: 0 0 0 2px rgba(56, 189, 248, 0.2);
}
.bcm-btn-secondary {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 10px;
  padding: 8px 16px;
  color: #e2e8f0;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
}
.bcm-btn-secondary:hover {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
}
.bcm-tip {
  font-size: 11.5px;
  color: #10b981;
  margin-top: 5px;
  font-weight: 500;
}
.bcm-summary-card {
  background: rgba(0, 0, 0, 0.28);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 12px 14px;
  margin-bottom: 14px;
}
.bcm-sum-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12.5px;
  color: #94a3b8;
  margin-bottom: 6px;
}
.bcm-text-discount {
  color: #fbbf24;
}
.bcm-text-free {
  color: #10b981;
  font-size: 11.5px;
}
.bcm-divider {
  height: 1px;
  background: rgba(255, 255, 255, 0.08);
  margin: 8px 0;
}
.bcm-sum-total {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0;
}
.bcm-final-price {
  font-size: 21px;
  font-weight: 800;
  color: #38bdf8;
  text-shadow: 0 0 16px rgba(56, 189, 248, 0.35);
}
.bcm-amount-box {
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.45);
  border: 1px solid rgba(56, 189, 248, 0.35);
  border-radius: 10px;
  padding: 6px 12px;
}
.bcm-currency {
  font-size: 16px;
  font-weight: 700;
  color: #38bdf8;
  margin-right: 6px;
}
.bcm-amount-input {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.bcm-btn-primary {
  width: 100%;
  background: linear-gradient(135deg, #0284c7, #2563eb);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  padding: 12px;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  transition: all 0.2s;
  box-shadow: 0 8px 24px rgba(2, 132, 199, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.bcm-btn-primary:hover {
  background: linear-gradient(135deg, #0369a1, #1d4ed8);
  box-shadow: 0 10px 28px rgba(2, 132, 199, 0.5);
  transform: translateY(-1px);
}
.bcm-btn-primary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}
.bcm-qr-card {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  padding: 18px 14px;
  text-align: center;
  margin-bottom: 16px;
}
.bcm-qr-wrapper {
  display: inline-block;
  background: #ffffff;
  padding: 10px;
  border-radius: 12px;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.5);
  margin-bottom: 12px;
}
.bcm-qr-image {
  width: 180px;
  height: 180px;
  display: block;
}
.bcm-pay-amount {
  font-size: 13px;
  color: #94a3b8;
  margin-bottom: 4px;
}
.bcm-pay-amount .amount {
  font-size: 22px;
  font-weight: 800;
  color: #38bdf8;
  margin-left: 6px;
}
.bcm-order-no {
  font-size: 11.5px;
  color: #64748b;
  margin-bottom: 10px;
  font-family: monospace;
}
.bcm-polling-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #10b981;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.25);
  border-radius: 20px;
  padding: 3px 12px;
}
.bcm-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #10b981;
  box-shadow: 0 0 8px #10b981;
  animation: bcmPulse 1.4s infinite;
}
@keyframes bcmPulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(0.85); }
}
.bcm-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.bcm-btn-text {
  background: transparent;
  border: none;
  color: #94a3b8;
  font-size: 12px;
  cursor: pointer;
  padding: 6px;
  transition: color 0.2s;
}
.bcm-btn-text:hover {
  color: #fff;
}
.bcm-success-icon {
  font-size: 48px;
  text-align: center;
  margin-bottom: 8px;
  animation: bcmPop 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes bcmPop {
  0% { transform: scale(0.4); opacity: 0; }
  70% { transform: scale(1.15); }
  100% { transform: scale(1); opacity: 1; }
}
.bcm-success-details {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(16, 185, 129, 0.25);
  border-radius: 12px;
  padding: 14px;
  margin: 16px 0;
  font-size: 13px;
  color: #cbd5e1;
  line-height: 1.7;
}
.bcm-success-details .row {
  display: flex;
  justify-content: space-between;
}
.bcm-success-details .val {
  font-weight: 700;
  color: #fff;
}

#la-hdr-card-btn, .la-card-modal, .la-sub-btn, button.la-sub-btn { display: none !important; visibility: hidden !important; pointer-events: none !important; }

\n
.bcm-period-badge {
  background: linear-gradient(135deg, rgba(56, 189, 248, 0.12), rgba(168, 85, 247, 0.12));
  border: 1px solid rgba(56, 189, 248, 0.3);
  border-radius: 10px;
  padding: 10px 14px;
  color: #38bdf8;
  font-size: 13.5px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
}
.bcm-period-icon {
  font-size: 16px;
}
.bcm-text-fee {
  color: #38bdf8;
  font-weight: 500;
}


/* ==================== 留言反馈区 (液态水银极光质感) ==================== */
.la-feedback-entry-btn {
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
  background: rgba(56, 189, 248, 0.1);
  border: 1px solid rgba(56, 189, 248, 0.35);
  border-radius: 20px;
  color: #38bdf8;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  backdrop-filter: blur(8px);
}
.la-feedback-entry-btn:hover {
  background: rgba(56, 189, 248, 0.2);
  border-color: #38bdf8;
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(56, 189, 248, 0.25);
}

.la-float-actions {
  position: fixed;
  right: 28px;
  bottom: 28px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 99999;
}
.la-float-btn {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(15, 23, 42, 0.75);
  backdrop-filter: blur(12px);
  color: #94a3b8;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.25s ease;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}
.la-float-btn:hover {
  color: #38bdf8;
  border-color: rgba(56, 189, 248, 0.5);
  background: rgba(15, 23, 42, 0.9);
  transform: translateY(-2px);
  box-shadow: 0 6px 24px rgba(56, 189, 248, 0.3);
}

/* 弹窗层 */
.bfm-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  z-index: 9999999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  animation: bfmFadeIn 0.25s ease-out;
}
@keyframes bfmFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
.bfm-card {
  position: relative;
  width: 100%;
  max-width: 540px;
  max-height: 90vh;
  overflow-y: auto;
  background: radial-gradient(120% 120% at 50% 0%, rgba(30, 41, 59, 0.95) 0%, rgba(15, 23, 42, 0.98) 100%);
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6), 0 0 40px rgba(56, 189, 248, 0.15);
  border-radius: 20px;
  padding: 28px 24px;
  color: #f8fafc;
  box-sizing: border-box;
}
.bfm-card::-webkit-scrollbar {
  width: 5px;
}
.bfm-card::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
}

.bfm-close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
  color: #94a3b8;
  font-size: 20px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
}
.bfm-close:hover {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.15);
  transform: rotate(90deg);
}

.bfm-header {
  text-align: center;
  margin-bottom: 20px;
}
.bfm-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  border-radius: 12px;
  background: rgba(56, 189, 248, 0.12);
  border: 1px solid rgba(56, 189, 248, 0.3);
  color: #38bdf8;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.05em;
  margin-bottom: 8px;
}
.bfm-title {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 6px 0;
  background: linear-gradient(135deg, #fff 0%, #cbd5e1 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bfm-subtitle {
  font-size: 12.5px;
  color: #94a3b8;
  margin: 0;
  line-height: 1.5;
}

.bfm-group {
  margin-bottom: 14px;
}
.bfm-label {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: #cbd5e1;
  margin-bottom: 6px;
}
.bfm-input, .bfm-select, .bfm-textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 14px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: #fff;
  font-size: 13.5px;
  transition: all 0.2s ease;
  font-family: inherit;
}
.bfm-select {
  cursor: pointer;
}
.bfm-select option {
  background: #0f172a;
  color: #f8fafc;
}
.bfm-textarea {
  resize: vertical;
  min-height: 80px;
  line-height: 1.5;
}
.bfm-input:focus, .bfm-select:focus, .bfm-textarea:focus {
  outline: none;
  border-color: #38bdf8;
  box-shadow: 0 0 12px rgba(56, 189, 248, 0.25);
  background: rgba(0, 0, 0, 0.5);
}

.bfm-actions {
  margin-top: 16px;
}
.bfm-btn-primary {
  width: 100%;
  padding: 11px 18px;
  border-radius: 10px;
  border: none;
  background: linear-gradient(135deg, #0284c7 0%, #38bdf8 100%);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.25s ease;
  box-shadow: 0 4px 16px rgba(14, 165, 233, 0.35);
}
.bfm-btn-primary:hover {
  background: linear-gradient(135deg, #0369a1 0%, #0ea5e9 100%);
  box-shadow: 0 6px 20px rgba(14, 165, 233, 0.5);
  transform: translateY(-1px);
}
.bfm-btn-primary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.bfm-alert {
  padding: 10px 14px;
  border-radius: 8px;
  font-size: 12.5px;
  margin-bottom: 12px;
  line-height: 1.5;
}
.bfm-alert-success {
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.4);
  color: #34d399;
}
.bfm-alert-error {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
  color: #f87171;
}

.bfm-recent-section {
  margin-top: 22px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.bfm-recent-title {
  font-size: 12px;
  font-weight: 600;
  color: #94a3b8;
  margin-bottom: 10px;
}
.bfm-recent-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 180px;
  overflow-y: auto;
}
.bfm-recent-item {
  padding: 8px 12px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
  font-size: 12px;
}
.bfm-recent-item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
}
.bfm-tag {
  display: inline-block;
  padding: 1px 6px;
  border-radius: 4px;
  font-size: 10.5px;
  font-weight: 500;
}
.bfm-tag-pending {
  background: rgba(234, 179, 8, 0.15);
  color: #facc15;
}
.bfm-tag-done {
  background: rgba(16, 185, 129, 0.15);
  color: #34d399;
}
.bfm-reply-box {
  margin-top: 6px;
  padding: 6px 10px;
  background: rgba(56, 189, 248, 0.08);
  border-left: 2px solid #38bdf8;
  border-radius: 4px;
  color: #bae6fd;
  font-size: 11.5px;
}

/* ==================== 顶部通知与消息中心 (液态水银极光质感) ==================== */
.mr-5.n-button {
  margin-right: 12px !important;
}
.la-dash-notice-btn {
  margin-right: 16px !important;
  background-color: rgba(255, 255, 255, 0.07) !important;
  color: rgb(248, 250, 252) !important;
  border-radius: 11px !important;
  border: 0px none !important;
  height: 26px !important;
  width: 34px !important;
  padding: 4px 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative !important;
}
.la-dash-notice-btn:hover {
  background-color: rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
}
.la-notice-dot {
  position: absolute;
  top: -2px;
  right: -3px;
  width: 7px;
  height: 7px;
  background: #38bdf8;
  border-radius: 50%;
  box-shadow: 0 0 6px #38bdf8;
}

/* 通知中心弹窗 */
.bnm-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.72);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  z-index: 99999999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  animation: bfmFadeIn 0.2s ease-out;
}
.bnm-card {
  position: relative;
  width: 100%;
  max-width: 520px;
  max-height: 85vh;
  overflow-y: auto;
  background: radial-gradient(120% 120% at 50% 0%, rgba(30, 41, 59, 0.95) 0%, rgba(15, 23, 42, 0.98) 100%);
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6), 0 0 35px rgba(56, 189, 248, 0.12);
  border-radius: 18px;
  padding: 24px;
  color: #f8fafc;
  box-sizing: border-box;
}
.bnm-card::-webkit-scrollbar { width: 4px; }
.bnm-card::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.2); border-radius: 4px; }

.bnm-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.bnm-header h3 {
  font-size: 17px;
  font-weight: 700;
  background: linear-gradient(135deg, #fff 0%, #cbd5e1 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: flex;
  align-items: center;
  gap: 8px;
}
.bnm-close {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
  color: #94a3b8;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
}
.bnm-close:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.15);
  transform: rotate(90deg);
}

.bnm-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.bnm-item {
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 12px;
  padding: 14px 16px;
  transition: all 0.2s;
}
.bnm-item:hover {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(56, 189, 248, 0.25);
}
.bnm-item-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.bnm-tag {
  font-size: 11px;
  font-weight: 600;
  padding: 2px 7px;
  border-radius: 4px;
}
.bnm-time {
  font-size: 11.5px;
  color: #64748b;
}
.bnm-item-title {
  font-size: 14px;
  font-weight: 600;
  color: #f1f5f9;
  margin-bottom: 6px;
}
.bnm-item-content {
  font-size: 13px;
  color: #94a3b8;
  line-height: 1.55;
}


/* ==================== 极速结算弹窗左右双栏自适应网格 ==================== */
.bcm-card-unified {
  max-width: 820px !important;
  width: 95% !important;
  padding: 26px 28px !important;
}
.bcm-grid-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  align-items: start;
}
@media (max-width: 768px) {
  .bcm-card-unified {
    max-width: 480px !important;
    padding: 20px 16px !important;
  }
  .bcm-grid-layout {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.bcm-grid-left {
  display: flex;
  flex-direction: column;
}
.bcm-grid-right {
  display: flex;
  flex-direction: column;
}


/* 彻底裁剪裁掉首页底部多余留白 */
#la-trust-sec, .la-trust {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  visibility: hidden !important;
}
#la-landing .la-lwrap {
  padding-bottom: 0px !important;
}
#la-landing #la-plans {
  margin-bottom: 0px !important;
}


/* 彻底隐藏仪表盘底部多余的平台步骤与提示占位 */
.la-tab-nav, .la-steps, .la-step-card, .la-guide-tips, .la-tip-item {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  visibility: hidden !important;
}
.la-guide-card {
  padding-bottom: 18px !important;
  margin-bottom: 24px !important;
}


/* ============================================================
   BULLET CLOUD 科幻风格 + 金属玻璃质感 + 现有色彩材质原生增强体系
   ============================================================ */

/* 1. 科幻金属流光 Hero 增强 */
.la-hero-main-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.la-hero-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  padding: 5px 14px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(56, 189, 248, 0.16), rgba(168, 85, 247, 0.14));
  border: 1px solid rgba(56, 189, 248, 0.45);
  box-shadow: 0 0 18px -2px rgba(56, 189, 248, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  font-size: 12px;
  font-weight: 700;
  color: #7dd3fc;
  letter-spacing: 0.05em;
  margin-bottom: 8px;
}
.la-kicker-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #38bdf8;
  box-shadow: 0 0 10px #38bdf8;
  animation: laKickerPulse 2s ease-in-out infinite alternate;
}
@keyframes laKickerPulse {
  0% { transform: scale(0.85); opacity: 0.6; }
  100% { transform: scale(1.25); opacity: 1; }
}

#la-landing h1 {
  font-size: 38px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.025em !important;
  margin: 0 0 12px !important;
  color: #f8fafc !important;
}
.la-h1-glow {
  font-size: 44px !important;
  font-weight: 900 !important;
  font-family: var(--la-mono) !important;
  background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 40%, #ffffff 85%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  filter: drop-shadow(0 0 24px rgba(245, 158, 11, 0.65)) !important;
  padding: 0 4px;
}
.la-h1-sub {
  font-size: 26px !important;
  font-weight: 700 !important;
  background: linear-gradient(135deg, #ffffff 0%, #cbd5e1 50%, #94a3b8 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  letter-spacing: -0.01em !important;
}
#la-landing .la-lede {
  font-size: 15px !important;
  line-height: 1.7 !important;
  color: #94a3b8 !important;
  margin: 0 0 16px !important;
  max-width: 36em !important;
}

/* 2. 金属玻璃胶囊徽章 (Metallic Glass Badges) */
.la-hero-badges {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.la-hbadge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: 10px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.02) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 4px 14px rgba(0, 0, 0, 0.4) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  font-size: 12px;
  font-weight: 600;
  color: #e2e8f0;
}
.la-hbadge-icon {
  font-size: 13px;
}

/* 3. SPEED 闪电矩阵 金属拉丝光效 */
.la-speed-lightning-col {
  filter: drop-shadow(0 0 16px rgba(56, 189, 248, 0.5));
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.la-speed-bolt-svg {
  width: 32px;
  height: 48px;
  filter: drop-shadow(0 0 16px rgba(56, 189, 248, 0.85)) drop-shadow(0 0 30px rgba(168, 85, 247, 0.75));
  animation: laBoltPulse 3.2s ease-in-out infinite;
}
.la-speed-vert-txt {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Arial Black", Impact, sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: 0.3em !important;
  font-size: 27px !important;
  background: linear-gradient(180deg, #ffffff 0%, #38bdf8 25%, #818cf8 55%, #c084fc 80%, #f43f5e 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  filter: drop-shadow(0 0 12px rgba(129, 140, 248, 0.55)) drop-shadow(0 0 24px rgba(192, 132, 252, 0.4)) !important;
}
.la-speed-sub-tag {
  background: linear-gradient(135deg, rgba(56, 189, 248, 0.22), rgba(168, 85, 247, 0.18)) !important;
  border: 1px solid rgba(56, 189, 248, 0.5) !important;
  box-shadow: 0 0 14px -2px rgba(56, 189, 248, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
  color: #7dd3fc !important;
}

/* 4. 可用线路看板：重度磨砂高反射金属玻璃面板 (Heavy Metallic Frosted Glass) */
#la-landing .la-panel {
  background: linear-gradient(155deg, rgba(255, 255, 255, 0.11) 0%, rgba(255, 255, 255, 0.03) 40%, rgba(168, 85, 247, 0.04) 100%) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.26) !important;
  box-shadow: inset 0 1.5px 0 rgba(255, 255, 255, 0.8), inset 0 -1px 0 rgba(255, 255, 255, 0.12), 0 32px 64px -20px rgba(0, 0, 0, 0.88), 0 0 45px -12px rgba(168, 85, 247, 0.35) !important;
  backdrop-filter: blur(44px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(44px) saturate(190%) !important;
}
#la-landing .la-panel-head {
  border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
  padding-bottom: 14px !important;
}
#la-landing .la-lrow {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  transition: all 0.24s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
#la-landing .la-lrow:hover {
  background: linear-gradient(90deg, rgba(56, 189, 248, 0.15), rgba(168, 85, 247, 0.15)) !important;
  border-color: rgba(255, 255, 255, 0.24) !important;
  transform: translateX(4px) !important;
  box-shadow: 0 4px 16px -2px rgba(0, 0, 0, 0.4) !important;
}

/* 5. 套餐卡片：金属拉丝包边 + 玻璃深层折射 (Metallic Sheen & Deep Glass Refraction) */
#la-landing .la-plan {
  position: relative;
  border-radius: 24px;
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 45%, rgba(15, 23, 42, 0.45) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  box-shadow: inset 0 1.2px 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 rgba(0, 0, 0, 0.3), 0 24px 48px -20px rgba(0, 0, 0, 0.88) !important;
  backdrop-filter: blur(32px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(32px) saturate(160%) !important;
  transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.28s ease, box-shadow 0.28s ease !important;
}
#la-landing .la-plan:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(255, 255, 255, 0.32) !important;
  box-shadow: inset 0 1.5px 0 rgba(255, 255, 255, 0.75), 0 32px 64px -20px rgba(0, 0, 0, 0.95), 0 0 36px -8px rgba(168, 85, 247, 0.38) !important;
}

/* 镇店爆款 (Card 3: 黄金战甲金芒流光) */
#la-landing .la-plan-featured {
  border: 1.5px solid rgba(253, 224, 71, 0.55) !important;
  background: linear-gradient(165deg, rgba(253, 224, 71, 0.12) 0%, rgba(245, 158, 11, 0.04) 30%, rgba(15, 23, 42, 0.5) 100%) !important;
  box-shadow: inset 0 1.8px 0 rgba(253, 224, 71, 0.9), 0 28px 56px -18px rgba(0, 0, 0, 0.92), 0 0 42px -10px rgba(245, 158, 11, 0.4) !important;
}
#la-landing .la-plan-featured:hover {
  transform: translateY(-7px) !important;
  border-color: rgba(253, 224, 71, 0.9) !important;
  box-shadow: inset 0 2px 0 #ffffff, 0 36px 72px -16px rgba(0, 0, 0, 0.95), 0 0 52px -5px rgba(245, 158, 11, 0.6) !important;
}
#la-landing .la-plan-featured .la-plan-name {
  color: #fef08a !important;
  text-shadow: 0 0 14px rgba(253, 224, 71, 0.5);
}

/* 季付专线 (Card 5: 琥珀金钛微芒) */
#la-landing .la-plan-quarter {
  border: 1.2px solid rgba(245, 158, 11, 0.42) !important;
  background: linear-gradient(165deg, rgba(245, 158, 11, 0.09) 0%, rgba(168, 85, 247, 0.04) 40%, rgba(15, 23, 42, 0.48) 100%) !important;
  box-shadow: inset 0 1.2px 0 rgba(245, 158, 11, 0.6), 0 24px 48px -20px rgba(0, 0, 0, 0.88) !important;
}
#la-landing .la-plan-quarter:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(245, 158, 11, 0.8) !important;
  box-shadow: inset 0 1.5px 0 rgba(245, 158, 11, 0.9), 0 32px 64px -18px rgba(0, 0, 0, 0.95), 0 0 42px -8px rgba(245, 158, 11, 0.45) !important;
}

/* 年付至尊 (Card 6: 极光冰蓝金属冷芒) */
#la-landing .la-plan-annual {
  border: 1.5px solid rgba(56, 189, 248, 0.58) !important;
  background: linear-gradient(165deg, rgba(56, 189, 248, 0.12) 0%, rgba(168, 85, 247, 0.08) 35%, rgba(15, 23, 42, 0.5) 100%) !important;
  box-shadow: inset 0 1.8px 0 rgba(56, 189, 248, 0.85), 0 28px 56px -18px rgba(0, 0, 0, 0.92), 0 0 48px -10px rgba(56, 189, 248, 0.42) !important;
}
#la-landing .la-plan-annual:hover {
  transform: translateY(-7px) !important;
  border-color: rgba(56, 189, 248, 0.95) !important;
  box-shadow: inset 0 2px 0 #ffffff, 0 36px 72px -16px rgba(0, 0, 0, 0.95), 0 0 58px -5px rgba(56, 189, 248, 0.65) !important;
}
#la-landing .la-plan-annual .la-plan-name {
  color: #bae6fd !important;
  text-shadow: 0 0 14px rgba(56, 189, 248, 0.55);
}

/* 尊享海量包 (Card 4: 团队沉浸跨列紫晶光芒) */
#la-landing .la-plan-corp {
  grid-column: 1 / 3 !important;
  max-width: 680px !important;
  border: 1.5px solid rgba(168, 85, 247, 0.48) !important;
  background: linear-gradient(165deg, rgba(168, 85, 247, 0.11) 0%, rgba(56, 189, 248, 0.06) 45%, rgba(15, 23, 42, 0.52) 100%) !important;
  box-shadow: inset 0 1.8px 0 rgba(168, 85, 247, 0.8), 0 28px 56px -18px rgba(0, 0, 0, 0.92), 0 0 45px -10px rgba(168, 85, 247, 0.38) !important;
}
#la-landing .la-plan-corp:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(168, 85, 247, 0.9) !important;
  box-shadow: inset 0 2px 0 #ffffff, 0 36px 72px -16px rgba(0, 0, 0, 0.95), 0 0 56px -6px rgba(168, 85, 247, 0.6) !important;
}
#la-landing .la-plan-corp .la-plan-name {
  color: #e9d5ff !important;
  text-shadow: 0 0 14px rgba(168, 85, 247, 0.5);
}
@media (max-width: 1040px) {
  #la-landing .la-plan-corp {
    grid-column: 1 / -1 !important;
    max-width: 100% !important;
  }
}

/* 6. 套餐参数条目 (Specs) 精准金属虚线与高对比数值 */
#la-landing .la-specs {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 10px;
  margin-top: 8px;
}
#la-landing .la-spec {
  padding: 6px 0;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.05);
}
#la-landing .la-spec:last-child {
  border-bottom: none;
}
#la-landing .la-spec .k {
  color: #94a3b8;
  font-size: 12.5px;
}
#la-landing .la-spec .v {
  color: #f8fafc;
  font-weight: 600;
  font-size: 12.5px;
}

/* 7. 保留原汁原味色彩材质的按键交互微反光提升 */
#la-hero-cta {
  height: 52px !important;
  padding: 0 34px !important;
  font-size: 16.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  color: #080a0e !important;
  background: linear-gradient(150deg, #ffffff 0%, #e5eef7 65%, #cdd9e6 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.95) !important;
  border-radius: 999px !important;
  box-shadow: inset 0 1px 1px #ffffff, 0 0 32px -2px rgba(255, 255, 255, 0.9), 0 0 42px -4px rgba(56, 189, 248, 0.65), 0 12px 28px -6px rgba(0, 0, 0, 0.85) !important;
  transition: all 0.24s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
#la-hero-cta:hover {
  transform: translateY(-2px) scale(1.02) !important;
  filter: brightness(1.06) !important;
  box-shadow: inset 0 1px 1px #ffffff, 0 0 40px -2px rgba(255, 255, 255, 0.98), 0 0 52px -4px rgba(56, 189, 248, 0.8), 0 16px 36px -6px rgba(0, 0, 0, 0.92) !important;
}
.la-cta-explore {
  font-size: 13.5px !important;
  color: #94a3b8 !important;
  cursor: pointer !important;
  padding: 8px 16px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.04);
  transition: all 0.22s ease !important;
}
.la-cta-explore:hover {
  color: #38bdf8 !important;
  border-color: rgba(56, 189, 248, 0.45) !important;
  background: rgba(56, 189, 248, 0.1) !important;
}


/* 8. 套餐卡片选购按钮：深度继承现有登录/注册顶级金属玻璃色彩与材质 */
#la-landing .la-plan .la-btn-ghost.la-plan-btn {
  height: 42px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border-radius: 999px !important;
  color: rgba(235, 240, 248, 0.9) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 4px 14px -3px rgba(0, 0, 0, 0.6) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
#la-landing .la-plan .la-btn-ghost.la-plan-btn:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.16) !important;
  border-color: rgba(255, 255, 255, 0.45) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 0 20px -2px rgba(168, 85, 247, 0.5) !important;
  transform: translateY(-2px) !important;
}
#la-landing .la-plan .la-btn-primary.la-plan-btn {
  height: 44px !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: linear-gradient(145deg, rgba(147, 130, 255, 0.45), rgba(255, 255, 255, 0.2)) !important;
  border: 1px solid rgba(255, 255, 255, 0.45) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 0 rgba(0, 0, 0, 0.25), 0 8px 24px -6px rgba(99, 102, 241, 0.65) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
#la-landing .la-plan .la-btn-primary.la-plan-btn:hover {
  background: linear-gradient(145deg, rgba(168, 140, 255, 0.6), rgba(255, 255, 255, 0.32)) !important;
  border-color: rgba(255, 255, 255, 0.68) !important;
  box-shadow: inset 0 1.5px 0 #ffffff, 0 0 28px rgba(168, 85, 247, 0.75), 0 10px 28px -4px rgba(99, 102, 241, 0.8) !important;
  transform: translateY(-2px) !important;
}




/* ---------- tokens ---------- */
html{
  --bc-w:255,255,255; --bc-acc:95,227,242; --bc-amb:245,185,74;
  --bc-ink:#f3f6fa; --bc-ink2:rgba(231,238,246,.74); --bc-ink3:rgba(210,222,236,.5);
  --bc-line:rgba(255,255,255,.14); --bc-line2:rgba(255,255,255,.08);
  --bc-btn:rgba(255,255,255,.07);--bc-btn-hi:rgba(255,255,255,.14);--bc-glass:rgba(14,18,24,.5); --bc-glass-hi:rgba(24,30,40,.62);
  --bc-nav-a:rgba(30,38,48,.58); --bc-nav-b:rgba(12,16,22,.52);
  --bc-solid:linear-gradient(180deg,#ffffff,#d9e3ee); --bc-solid-ink:#0a0e13;
  --bc-price:linear-gradient(180deg,#ffffff 8%,#d5dde8 55%,#8b97a6 100%);
  --bc-bar:linear-gradient(90deg,rgba(255,255,255,.55),rgba(255,255,255,.95));
  --bc-veil-l:rgba(3,5,8,.62); --bc-veil-b:rgba(3,5,8,.55); --bc-veil-v:rgba(0,0,0,.45);
  --bc-cta-a:rgba(60,78,96,.55); --bc-cta-b:rgba(14,20,28,.62); --bc-cta-edge:rgba(190,225,245,.38);
  --bc-shadow:0 30px 60px -30px rgba(0,0,0,.7);
  --bc-bgcolor:#05070a;
  --bc-sans:"Inter","Noto Sans SC","PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;
}
html[data-bc="day"]{
  --bc-w:20,36,56; --bc-acc:44,102,170; --bc-amb:176,112,30;
  --bc-ink:#101a26; --bc-ink2:rgba(16,28,44,.76); --bc-ink3:rgba(16,28,44,.54);
  --bc-line:rgba(20,36,56,.16); --bc-line2:rgba(20,36,56,.09);
  --bc-btn:rgba(255,255,255,.72);--bc-btn-hi:rgba(255,255,255,.95);--bc-glass:rgba(255,255,255,.68); --bc-glass-hi:rgba(255,255,255,.82);
  --bc-nav-a:rgba(255,255,255,.78); --bc-nav-b:rgba(255,255,255,.56);
  --bc-solid:linear-gradient(180deg,#22344a,#0f1a28); --bc-solid-ink:#f4f8fc;
  --bc-price:linear-gradient(180deg,#14243a 8%,#2f4a6a 60%,#6d86a6 100%);
  --bc-bar:linear-gradient(90deg,rgba(20,36,56,.55),rgba(20,36,56,.9));
  --bc-veil-l:rgba(238,244,250,.66); --bc-veil-b:rgba(238,244,250,.3); --bc-veil-v:rgba(238,244,250,0);
  --bc-cta-a:rgba(255,255,255,.85); --bc-cta-b:rgba(226,236,246,.72); --bc-cta-edge:rgba(44,102,170,.4);
  --bc-shadow:0 30px 60px -34px rgba(30,50,80,.45);
  --bc-bgcolor:#dfe7ee;
}

/* ---------- background layers ---------- */
.bc-bg{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .5s}
body.la-show-landing .bc-bg{opacity:1;visibility:visible}
body:not(.la-show-landing) .bc-bg{display:none!important}
.bc-bg i{position:absolute;inset:0;background:center/cover no-repeat;opacity:0;transition:opacity .7s var(--ease,ease)}
.bc-bg .n{background-image:url('/theme/Xboard/assets/images/bc_night.webp')}
.bc-bg .d{background-image:url('/theme/Xboard/assets/images/bc_day.webp')}
html[data-bc="night"] .bc-bg .n,html[data-bc="day"] .bc-bg .d{opacity:1}
.bc-bg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,var(--bc-veil-l) 0%,transparent 62%),linear-gradient(0deg,var(--bc-veil-b) 0%,transparent 34%),radial-gradient(120% 90% at 50% 40%,transparent 55%,var(--bc-veil-v) 100%)}
@media (max-width:760px){
  html[data-bc="night"]{--bc-veil-l:rgba(3,5,8,.72);--bc-veil-b:rgba(3,5,8,.6)}
  .bc-bg .n{background-image:url('/theme/Xboard/assets/images/bc_night_m.webp')}
  .bc-bg .d{background-image:url('/theme/Xboard/assets/images/bc_day_m.webp')}
}
body.la-show-landing .la-scene,body.la-show-landing .la-grain,body.la-show-landing .la-vig,body.la-show-landing #la-blackhole-canvas{display:none!important}
html[data-bc] #la-landing{background:transparent!important;color:var(--bc-ink);font-family:var(--bc-sans)}

/* ---------- nav ---------- */
html[data-bc] #la-landing .la-lnav{margin:14px auto 0!important;padding:0 20px!important;max-width:1260px!important}
html[data-bc] #la-landing .la-lnav-in{height:62px!important;border-radius:999px!important;padding:0 14px 0 24px!important;gap:14px!important;
  background:linear-gradient(180deg,var(--bc-nav-a),var(--bc-nav-b))!important;border:1px solid var(--bc-line)!important;
  box-shadow:inset 0 1px 0 rgba(var(--bc-w),.12),0 18px 40px -22px rgba(0,0,0,.55)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.3)!important;backdrop-filter:blur(22px) saturate(1.3)!important}
html[data-bc] #la-landing .la-brand-main{font-family:var(--bc-sans)!important;font-weight:600!important;font-size:15px!important;letter-spacing:.18em!important;color:var(--bc-ink)!important;-webkit-text-fill-color:var(--bc-ink)!important;background:none!important;text-shadow:none!important;filter:none!important}
html[data-bc] #la-landing .la-brand-sub{color:var(--bc-ink2)!important;-webkit-text-fill-color:var(--bc-ink2)!important;background:none!important;font-size:11px!important;letter-spacing:.2em!important;text-shadow:none!important}
html[data-bc] #la-landing .la-brand-title-wrap{padding:2px 16px 2px 4px!important}
html[data-bc] #la-landing .la-bullet-streak{opacity:.9}
html[data-bc="day"] #la-landing .la-bullet-streak{filter:invert(.85) hue-rotate(180deg)}
html[data-bc] #la-landing .la-nav-announcement{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;gap:10px!important;flex:1 1 auto!important;height:auto!important;min-height:36px!important;max-width:620px;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;position:static!important;transform:none!important;margin:0 auto!important}
html[data-bc] #la-landing .la-nav-anno-pulse{display:none!important}
html[data-bc] #la-landing .la-nav-anno-badge{height:auto!important;padding:4px 11px!important;white-space:nowrap}
html[data-bc] #la-landing .la-nav-anno-text{height:auto!important;overflow:visible!important;white-space:nowrap;width:auto!important;display:block!important}
html[data-bc] #la-landing .la-nav-anno-text .la-txt-zh,html[data-bc] #la-landing .la-nav-anno-text .la-txt-en{white-space:nowrap}
html[data-bc] #la-landing .la-top-copy-btn{height:30px!important;padding:0 12px!important;display:inline-flex!important;align-items:center;gap:6px;white-space:nowrap}
html[data-bc] #la-landing .la-nav-anno-badge{background:rgba(var(--bc-amb),.14)!important;border:1px solid rgba(var(--bc-amb),.4)!important;color:rgb(var(--bc-amb))!important;border-radius:999px!important;font-weight:500!important}
html[data-bc] #la-landing .la-nav-anno-text{color:var(--bc-ink2)!important;font-size:12.5px!important}
html[data-bc] #la-landing .la-nav-anno-text b,html[data-bc] #la-landing .la-glow-text,html[data-bc] #la-landing .la-price-highlight{color:rgb(var(--bc-amb))!important;-webkit-text-fill-color:rgb(var(--bc-amb))!important;background:none!important;text-shadow:none!important;font-weight:600!important}
html[data-bc] #la-landing .la-top-coupon-tag{color:var(--bc-ink)!important;border-bottom:1px dashed var(--bc-ink3)!important;background:none!important}
html[data-bc] #la-landing .la-top-copy-btn{background:rgba(var(--bc-amb),.12)!important;border:1px solid rgba(var(--bc-amb),.45)!important;color:rgb(var(--bc-amb))!important;border-radius:999px!important;box-shadow:none!important}
html[data-bc] #la-landing .la-nav-ribbon{display:none!important}
html[data-bc] #la-landing .la-nav-cluster{background:none!important;border:0!important;box-shadow:none!important;gap:8px!important;display:flex!important;align-items:center}
html[data-bc] #la-landing .la-lang-btn,html[data-bc] #la-landing .la-rbtn{height:38px!important;border-radius:999px!important;padding:0 16px!important;font-size:13px!important;font-weight:500!important;
  color:var(--bc-ink)!important;-webkit-text-fill-color:var(--bc-ink)!important;background:var(--bc-btn)!important;background-image:none!important;border:1px solid var(--bc-line)!important;box-shadow:none!important;transform:none!important;text-shadow:none!important;min-width:0!important}
html[data-bc] #la-landing .la-lang-btn:hover,html[data-bc] #la-landing .la-rbtn:hover{background:var(--bc-btn-hi)!important}
html[data-bc] #la-landing .la-rbtn-dash{background:var(--bc-solid)!important;color:var(--bc-solid-ink)!important;-webkit-text-fill-color:var(--bc-solid-ink)!important;border-color:transparent!important;font-weight:600!important}
html[data-bc] #la-landing .la-rbtn-dash:hover{filter:brightness(1.06)}
.bc-mode-btn{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;height:38px;padding:0 4px;border-radius:999px}
.bc-mode-track{position:relative;display:inline-flex;align-items:center;justify-content:space-between;width:62px;height:34px;padding:0 9px;border-radius:999px;
  background:rgba(var(--bc-w),.09);border:1px solid var(--bc-line);color:var(--bc-ink2);transition:background .3s}
.bc-mode-track svg{width:15px;height:15px;position:relative;z-index:2;transition:color .3s,opacity .3s}
.bc-mode-knob{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:var(--bc-solid);box-shadow:0 2px 8px rgba(0,0,0,.35);transition:transform .35s cubic-bezier(.22,.7,.2,1);transform:translateX(28px)}
html[data-bc="day"] .bc-mode-knob{transform:none}
html[data-bc="night"] .bc-ic-moon{color:#0a0e13}
html[data-bc="night"] .bc-ic-sun{opacity:.75}
html[data-bc="day"] .bc-ic-sun{color:#f4f8fc}
html[data-bc="day"] .bc-ic-moon{opacity:.75}
.bc-mode-btn:focus-visible{outline:2px solid rgb(var(--bc-acc));outline-offset:2px}

/* ---------- hero ---------- */
html[data-bc] #la-landing .la-lwrap{max-width:1240px!important;padding:0 24px!important}
html[data-bc] #la-landing .la-hero{padding:0!important;margin:0!important;min-height:calc(100vh - 92px);display:flex;align-items:center}
.bc-stage{width:100%;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:28px;align-items:center;padding:34px 0 30px}
.bc-hero-main{min-width:0}
.bc-eyebrow{display:flex;align-items:center;gap:12px;font-size:11.5px;letter-spacing:.34em;color:var(--bc-ink3);margin-bottom:12px}
.bc-eyebrow::before{content:"";width:22px;height:1px;background:var(--bc-ink3)}
.bc-price{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.bc-num{font-family:var(--bc-sans);font-weight:300;font-size:clamp(64px,min(9vw,14vh),136px);line-height:.98;letter-spacing:-.03em;
  background:var(--bc-price);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.bc-num i{font-style:normal;font-weight:200;margin-right:.04em}
.bc-unit{font-size:clamp(18px,2vw,28px);font-weight:300;color:var(--bc-ink2);letter-spacing:.06em}
html[data-bc] #la-landing .bc-tagline,html[data-bc] #la-landing .bc-tagline *{font-size:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important;color:inherit!important;text-shadow:none!important;background:none!important;-webkit-text-fill-color:currentColor!important}
html[data-bc] #la-landing .bc-tagline{margin:14px 0 0!important;font-size:clamp(17px,1.7vw,22px)!important;font-weight:500!important;letter-spacing:.04em!important;color:var(--bc-ink)!important;line-height:1.4!important;text-shadow:none!important}
html[data-bc] #la-landing .bc-tagline s{color:var(--bc-ink3)!important;opacity:.9;text-decoration-thickness:1px;font-weight:400!important}
html[data-bc] #la-landing .bc-desc{margin:10px 0 0!important;max-width:540px;color:var(--bc-ink2)!important;font-size:14.5px!important;line-height:1.75!important}
.bc-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:26px}
html[data-bc] #la-landing .bc-cta{all:unset!important;box-sizing:border-box!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;gap:0;height:62px!important;padding:6px 26px 6px 6px!important;border-radius:999px!important;
  border:1px solid var(--bc-cta-edge)!important;background:linear-gradient(180deg,var(--bc-cta-a),var(--bc-cta-b))!important;color:var(--bc-ink)!important;font-size:15.5px!important;font-weight:600!important;letter-spacing:.03em;
  box-shadow:inset 0 1px 0 rgba(var(--bc-w),.2),0 20px 36px -22px rgba(0,0,0,.6)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  transition:transform .25s,box-shadow .25s,border-color .25s}
html[data-bc] #la-landing .bc-cta:hover{background:linear-gradient(180deg,var(--bc-cta-a),var(--bc-cta-b))!important;color:var(--bc-ink)!important;filter:none!important;transform:translateY(-2px);border-color:rgba(var(--bc-acc),.75);box-shadow:inset 0 1px 0 rgba(var(--bc-w),.26),0 0 0 1px rgba(var(--bc-acc),.18),0 22px 40px -16px rgba(var(--bc-acc),.5)}
.bc-cta-ic{color:var(--bc-ink);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;margin-right:14px;background:rgba(var(--bc-w),.1);border:1px solid var(--bc-line);position:relative}
.bc-cta-ic svg{width:22px;height:22px}
.bc-cta-tx{white-space:nowrap}
html[data-bc] #la-landing .bc-explore{display:inline-flex!important;align-items:center;gap:8px;color:var(--bc-ink2)!important;font-size:14px!important;padding:0 0 4px!important;border:0!important;border-bottom:1px solid var(--bc-line)!important;background:none!important;border-radius:0!important;transition:color .2s,gap .2s}
html[data-bc] #la-landing .bc-explore:hover{color:var(--bc-ink)!important;gap:12px}

/* 修复：中英文按钮文字在“注册/选购”两种模式下同时出现 */
html[data-la-lang="zh-CN"] #la-landing #la-hero-cta.bc-cta .la-txt-en{display:none!important}
html[data-la-lang]:not([data-la-lang="zh-CN"]) #la-landing #la-hero-cta.bc-cta .la-txt-zh{display:none!important}

/* ---------- nodes card ---------- */
html[data-bc] #la-landing .bc-nodes{box-sizing:border-box!important;min-width:0!important;background:var(--bc-glass)!important;border:1px solid var(--bc-line)!important;border-radius:20px!important;padding:6px 8px 8px!important;
  box-shadow:inset 0 1px 0 rgba(var(--bc-w),.1),var(--bc-shadow)!important;-webkit-backdrop-filter:blur(20px) saturate(1.2)!important;backdrop-filter:blur(20px) saturate(1.2)!important;
  max-height:none!important;height:auto!important;margin:0!important;width:100%!important;max-width:none!important;overflow:hidden!important}
html[data-bc] #la-landing .bc-nodes-head{display:flex!important;align-items:center;gap:12px;padding:12px 12px 10px!important;border:0!important;background:none!important}
.bc-ic{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(var(--bc-w),.08);border:1px solid var(--bc-line);flex:none;color:var(--bc-ink)}
.bc-ic svg{width:17px;height:17px}
.bc-nodes-title{display:flex;flex-direction:column;line-height:1.2;flex:1;min-width:0}
html[data-bc] #la-landing .bc-nodes-title .t{font-size:15px!important;font-weight:600!important;color:var(--bc-ink)!important}
.bc-nodes-title small{font-size:10px;letter-spacing:.2em;color:var(--bc-ink3);margin-top:2px}
html[data-bc] #la-landing .bc-nodes-head .s{font-size:11px!important;color:var(--bc-ink3)!important;white-space:nowrap}
html[data-bc] #la-lines{display:flex!important;flex-direction:column!important;gap:0!important;padding:0 6px 4px!important;max-height:none!important;overflow:visible!important}
html[data-bc] #la-lines .la-lrow{display:flex!important;align-items:center;justify-content:space-between;gap:10px;padding:8px 6px!important;margin:0!important;background:none!important;border:0!important;border-top:1px solid var(--bc-line2)!important;border-radius:0!important;box-shadow:none!important;min-height:0!important;transform:none!important}
html[data-bc] #la-lines .la-lrow:first-child{border-top:0!important}
html[data-bc] #la-lines .loc{display:flex;align-items:center;gap:10px;min-width:0;color:var(--bc-ink)!important}
html[data-bc] #la-lines .la-dot{display:none!important}
html[data-bc] #la-lines .city{font-size:13px!important;font-weight:500!important;color:var(--bc-ink)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-flag{width:26px;height:26px;border-radius:50%;overflow:hidden;flex:none;display:inline-block;box-shadow:0 0 0 1px var(--bc-line)}
.bc-flag svg{width:100%;height:100%;display:block}
html[data-bc] #la-lines .la-line-flag{font-size:0!important;line-height:0;width:26px;height:26px;flex:none;display:inline-block}
html[data-bc] #la-landing .la-ping-badge{display:inline-flex!important;align-items:center;gap:6px;padding:3px 10px!important;border-radius:999px!important;font-family:var(--bc-sans)!important;font-size:11px!important;font-weight:500!important;font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:none!important;text-shadow:none!important;
  background:rgba(var(--bc-acc),.12)!important;border:1px solid rgba(var(--bc-acc),.35)!important;color:rgb(var(--bc-acc))!important}
html[data-bc] #la-landing .la-ping-badge.mid{background:rgba(var(--bc-amb),.12)!important;border-color:rgba(var(--bc-amb),.4)!important;color:rgb(var(--bc-amb))!important}
html[data-bc] #la-landing .la-ping-sig{background:currentColor!important;box-shadow:none!important}
html[data-bc="day"] #la-landing .la-ping-badge{background:rgba(var(--bc-acc),.1)!important}

html[data-bc] #la-landing .bc-nodes::before,html[data-bc] #la-landing .bc-nodes::after{display:none!important}
html[data-bc] #la-landing .bc-nodes-head .s{background:none!important;border:0!important}

/* ---------- plans ---------- */
html[data-bc] #la-plans-sec{padding:34px 0 20px!important}
html[data-bc] #la-landing .la-sec-head h2{font-family:var(--bc-sans)!important;font-weight:500!important;font-size:clamp(24px,2.6vw,32px)!important;color:var(--bc-ink)!important;letter-spacing:.02em!important;text-shadow:none!important;-webkit-text-fill-color:var(--bc-ink)!important;background:none!important}
html[data-bc] #la-landing .la-sec-head p{color:var(--bc-ink2)!important;font-size:13.5px!important}
html[data-bc] #la-plans{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
html[data-bc] #la-landing #la-plans .la-plan{background:var(--bc-glass)!important;border:1px solid var(--bc-line)!important;border-radius:20px!important;padding:22px 22px 20px!important;color:var(--bc-ink)!important;
  box-shadow:inset 0 1px 0 rgba(var(--bc-w),.1),var(--bc-shadow)!important;-webkit-backdrop-filter:blur(18px) saturate(1.2)!important;backdrop-filter:blur(18px) saturate(1.2)!important;transition:transform .3s,border-color .3s,box-shadow .3s!important;animation:none!important}
html[data-bc] #la-landing #la-plans .la-plan::before,html[data-bc] #la-landing #la-plans .la-plan::after{display:none!important}
html[data-bc] #la-landing #la-plans .la-plan:hover{transform:translateY(-3px)!important;border-color:rgba(var(--bc-acc),.55)!important;box-shadow:inset 0 1px 0 rgba(var(--bc-w),.14),0 0 0 1px rgba(var(--bc-acc),.14),0 26px 50px -26px rgba(var(--bc-acc),.45)!important}
html[data-bc] #la-landing #la-plans .la-plan-name{font-size:17px!important;font-weight:600!important;color:var(--bc-ink)!important;-webkit-text-fill-color:var(--bc-ink)!important;background:none!important;text-shadow:none!important;font-family:var(--bc-sans)!important}
html[data-bc] #la-landing #la-plans .la-plan-use{color:var(--bc-ink2)!important;font-size:12.5px!important;font-family:var(--bc-sans)!important}
html[data-bc] #la-landing #la-plans .la-disc-pill{background:rgba(var(--bc-acc),.12)!important;border:1px solid rgba(var(--bc-acc),.4)!important;color:rgb(var(--bc-acc))!important;border-radius:999px!important;font-weight:500!important;font-size:11px!important;box-shadow:none!important;text-shadow:none!important;-webkit-text-fill-color:currentColor!important}
html[data-bc] #la-landing #la-plans .la-price-hero{display:flex;align-items:baseline;gap:6px;font-family:var(--bc-sans)!important}
html[data-bc] #la-landing #la-plans .la-price-hero .cur{font-weight:200!important;font-size:22px!important;color:var(--bc-ink2)!important;-webkit-text-fill-color:var(--bc-ink2)!important;font-family:var(--bc-sans)!important;text-shadow:none!important}
html[data-bc] #la-landing #la-plans .la-price-hero .amt{font-family:var(--bc-sans)!important;font-weight:300!important;font-size:clamp(38px,3.6vw,52px)!important;letter-spacing:-.02em!important;line-height:1.02!important;
  background:var(--bc-price)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;text-shadow:none!important;filter:none!important}
html[data-bc] #la-landing #la-plans .la-price-hero .per{color:var(--bc-ink2)!important;font-size:13px!important;-webkit-text-fill-color:var(--bc-ink2)!important}
html[data-bc] #la-landing #la-plans .la-orig-lbl,html[data-bc] #la-landing .la-plan-unit{color:var(--bc-ink3)!important;font-family:var(--bc-sans)!important}
html[data-bc] #la-landing #la-plans .la-orig-amt{color:var(--bc-ink3)!important;font-family:var(--bc-sans)!important}
html[data-bc] #la-landing #la-plans .la-save-tag{background:rgba(var(--bc-amb),.12)!important;border:1px solid rgba(var(--bc-amb),.4)!important;color:rgb(var(--bc-amb))!important;border-radius:999px!important;font-family:var(--bc-sans)!important;font-weight:500!important;-webkit-text-fill-color:currentColor!important}
html[data-bc] #la-landing #la-plans .la-specs{border-top:1px solid var(--bc-line2)!important;margin-top:12px}
html[data-bc] #la-landing #la-plans .la-spec{border-bottom:1px solid var(--bc-line2)!important;font-family:var(--bc-sans)!important}
html[data-bc] #la-landing #la-plans .la-spec .k{color:var(--bc-ink3)!important;font-family:var(--bc-sans)!important}
html[data-bc] #la-landing #la-plans .la-spec .v{color:var(--bc-ink)!important;font-family:var(--bc-sans)!important;font-weight:500!important}
html[data-bc] #la-landing #la-plans .la-plan .la-plan-btn{box-shadow:none!important;border-radius:999px!important;height:46px!important;background:var(--bc-btn)!important;background-image:none!important;border:1px solid var(--bc-line)!important;color:var(--bc-ink)!important;-webkit-text-fill-color:var(--bc-ink)!important;font-weight:600!important;box-shadow:none!important;text-shadow:none!important}
html[data-bc] #la-landing #la-plans .la-plan .la-plan-btn:hover{background:var(--bc-solid)!important;background-image:var(--bc-solid)!important;color:var(--bc-solid-ink)!important;-webkit-text-fill-color:var(--bc-solid-ink)!important;border-color:transparent!important}

html[data-bc] #la-landing #la-plans .la-plan:last-child{grid-column:1/-1!important;max-width:none!important;width:auto!important;justify-self:stretch!important}
html[data-bc] #la-landing #la-plans .la-plan:last-child .la-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px}
.bc-tg2{white-space:nowrap}

/* ---------- footer ---------- */
html[data-bc] #la-landing .la-lfoot{background:none!important;border-top:1px solid var(--bc-line2)!important;margin-top:20px}
html[data-bc] #la-landing .la-lfoot-brand,html[data-bc] #la-landing .la-lfoot-brand span{color:var(--bc-ink)!important}
html[data-bc] #la-landing .la-lfoot-desc{color:var(--bc-ink3)!important}
html[data-bc] #la-landing .la-feedback-entry-btn,html[data-bc] #la-landing .la-float-btn,html[data-bc] #la-landing .la-back-top{background:var(--bc-glass-hi)!important;border:1px solid var(--bc-line)!important;color:var(--bc-ink)!important;box-shadow:none!important}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  html[data-bc] #la-landing .la-nav-anno-text{display:none!important}
  .bc-stage{grid-template-columns:minmax(0,1fr);gap:24px}
  html[data-bc] #la-landing .la-hero{min-height:0}
  html[data-bc] #la-plans{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:760px){
  html[data-bc] #la-landing .bc-dot{display:none}
  .bc-tg2{display:block}
  html[data-bc] #la-landing .la-lnav{padding:0 10px!important;margin-top:8px!important}
  html[data-bc] #la-landing .la-lnav-in{height:auto!important;min-height:56px;border-radius:26px!important;padding:8px 10px 8px 14px!important;flex-wrap:wrap}
  html[data-bc] #la-landing .la-nav-announcement{order:3;flex:1 1 100%!important;max-width:none!important;justify-content:flex-end!important;margin:0!important;min-height:0!important}
  html[data-bc] #la-landing .la-nav-anno-badge{display:none!important}
  html[data-bc] #la-landing .la-nav-cluster{flex-wrap:wrap;justify-content:flex-end;margin-left:auto}
  html[data-bc] #la-landing .la-lang-btn,html[data-bc] #la-landing .la-rbtn{height:34px!important;padding:0 12px!important;font-size:12px!important}
  html[data-bc] #la-landing .la-lwrap{padding:0 14px!important}
  .bc-stage{padding:22px 0 18px}
  html[data-bc] #la-plans{grid-template-columns:1fr!important}
  html[data-bc] #la-landing .bc-cta{height:56px}
}
@media (prefers-reduced-motion:reduce){.bc-bg i,.bc-mode-knob{transition:none}}



/* ==========================================================================
   全新终极定稿：白天自然木纹沉木装甲 + 夜间尊享海量碳纤维装甲体系
   ========================================================================== */

/* --------------------------------------------------------------------------
   一、按钮风格彻底对调（严格保持：一黑一亮，对调一目了然）
   1. “开始免费注册” -> 原“仪表盘”纯黑高反差实体高亮大药丸 (Solid Black Pill)
   2. “仪表盘” -> 原“开始免费注册” B2 航天亮银/钛金机械拉丝药丸 (Bright Titanium Pill)
   -------------------------------------------------------------------------- */

/* 1. “开始免费注册” (#la-hero-cta)：纯黑高亮实体胶囊 */
#la-landing #la-hero-cta{
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  text-decoration: none !important;
  height: 58px !important;
  padding: 0 36px !important;
  font-size: 16.5px !important;
  letter-spacing: .03em !important;
  font-weight: 700 !important;
  transition: transform .12s cubic-bezier(.2,.8,.2,1), box-shadow .12s, filter .12s !important;
  background: linear-gradient(180deg, #18181b 0%, #09090b 48%, #000000 52%, #09090b 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  box-shadow: 
    0 0 0 1px #000000,
    0 1px 0 1px rgba(255, 255, 255, 0.4),
    0 4px 0 1px #000000,
    0 16px 32px -4px rgba(0, 0, 0, 0.95),
    inset 0 1.5px 1px 0 rgba(255, 255, 255, 0.7),
    inset 0 -1.5px 1px 0 rgba(0, 0, 0, 0.8) !important;
  color: #ffffff !important;
}
#la-landing #la-hero-cta > *{
  position: relative !important;
  z-index: 4 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9), 0 0 10px rgba(255, 255, 255, 0.35) !important;
}
#la-landing #la-hero-cta::before{
  content: "" !important;
  position: absolute !important;
  inset: 2px !important;
  border-radius: 999px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, #27272a 0%, #09090b 48%, #000000 52%, #18181b 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 1px rgba(255, 255, 255, 0.2) !important;
}
#la-landing #la-hero-cta::after{
  content: "" !important;
  position: absolute !important;
  inset: 2px !important;
  border-radius: 999px !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background: linear-gradient(105deg, transparent 15%, rgba(255, 255, 255, 0.25) 18%, transparent 22%) !important;
}
#la-landing #la-hero-cta:hover{
  transform: translateY(-2px) scale(1.02) !important;
  box-shadow: 0 0 0 1px #000, 0 1px 0 1px #ffffff, 0 5px 0 1px #000, 0 20px 38px -6px rgba(0, 0, 0, 0.98), inset 0 2px 1.5px 0 #ffffff !important;
  filter: brightness(1.1) !important;
}

/* 2. 导航栏“仪表盘”按钮 (#la-nav-dash)：亮银/钛金机械拉丝药丸按键 */
#la-landing .la-rbtn-dash,
#la-landing #la-nav-dash{
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  text-decoration: none !important;
  height: 40px !important;
  padding: 0 22px !important;
  font-size: 13.5px !important;
  letter-spacing: .02em !important;
  font-weight: 700 !important;
  transition: transform .12s cubic-bezier(.2,.8,.2,1), box-shadow .12s, filter .12s !important;
  background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 12%, #cbd5e1 45%, #94a3b8 52%, #e2e8f0 78%, #ffffff 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.95) !important;
  box-shadow: 0 0 0 1px #475569, 0 1px 0 1px #ffffff, 0 3px 0 1px #334155, 0 8px 18px -4px rgba(15, 23, 42, 0.45) !important;
  color: #0f172a !important;
}
#la-landing .la-rbtn-dash > *,
#la-landing #la-nav-dash > *{
  position: relative !important;
  z-index: 4 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}
#la-landing .la-rbtn-dash::before,
#la-landing #la-nav-dash::before{
  content: "" !important;
  position: absolute !important;
  inset: 2px !important;
  border-radius: 999px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 44%, #cbd5e1 48%, #e2e8f0 52%, #ffffff 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(71, 85, 105, 0.4), inset 0 1px 0 1px #ffffff !important;
}
#la-landing .la-rbtn-dash::after,
#la-landing #la-nav-dash::after{
  content: "" !important;
  position: absolute !important;
  inset: 2px !important;
  border-radius: 999px !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background: linear-gradient(105deg, transparent 15%, rgba(255, 255, 255, 0.9) 17%, rgba(255, 255, 255, 0.9) 21%, transparent 23%) !important;
}
#la-landing .la-rbtn-dash:hover,
#la-landing #la-nav-dash:hover{
  transform: translateY(-1.5px) !important;
  filter: brightness(1.06) !important;
  box-shadow: 0 0 0 1px #334155, 0 1px 0 1px #fff, 0 4px 0 1px #1e293b, 0 10px 22px -4px rgba(15, 23, 42, 0.55) !important;
}

/* --------------------------------------------------------------------------
   二、白天模式：全球节点看板（高对比度，彻底解决文字模糊）
   -------------------------------------------------------------------------- */
html:not([data-bc="night"]) #la-landing .bc-nodes[class]{
  background: linear-gradient(160deg, #f8fafc 0%, #e2e8f0 35%, #cbd5e1 100%) !important;
  border: 1.5px solid #ffffff !important;
  box-shadow: 0 1px 0 0 #ffffff, 0 2px 0 0 #94a3b8, 0 4px 0 0 #64748b, 0 16px 36px -4px rgba(0,0,0,0.7) !important;
}
html:not([data-bc="night"]) #la-landing .bc-nodes[class] .bc-nodes-title .t{
  color: #0f172a !important; -webkit-text-fill-color: #0f172a !important; font-weight: 800 !important; text-shadow: 0 1px 0 #ffffff !important;
}
html:not([data-bc="night"]) #la-landing .bc-nodes[class] .bc-nodes-title small{
  color: #475569 !important; -webkit-text-fill-color: #475569 !important; font-weight: 700 !important;
}
html:not([data-bc="night"]) #la-landing .bc-nodes[class] .la-lrow{
  background: rgba(255, 255, 255, 0.75) !important;
  border: 1px solid rgba(148, 163, 184, 0.45) !important;
  color: #020617 !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.06) !important;
}
html:not([data-bc="night"]) #la-landing .bc-nodes[class] .city{
  color: #020617 !important; -webkit-text-fill-color: #020617 !important; font-weight: 800 !important; font-size: 13.5px !important;
}
html:not([data-bc="night"]) #la-landing .bc-nodes[class] .la-ping-badge{
  font-weight: 800 !important;
  border-width: 1.5px !important;
}

/* --------------------------------------------------------------------------
   三、白天模式套餐面板：自然木纹质地与沉木灰斑肌理 (彻底禁止高饱和)
   有机木纹年轮拉丝 + 灰黑自然木斑 + 风化边缘倒角，7个卡片保持木质自然微差异化
   -------------------------------------------------------------------------- */
html:not([data-bc="night"]) #la-landing #la-plans .la-plan{
  position: relative !important;
  isolation: isolate !important;
  border-radius: 34px !important;
  overflow: hidden !important;
  padding: 26px 24px 24px !important;
  opacity: 1 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  /* 基础木板色泽：微暖老杉木/风化沉木，融合纵向年轮拉丝纹路与微细木纹纤维 */
  background:
    repeating-linear-gradient(90deg, 
      rgba(60,45,30,0.04) 0px, 
      rgba(60,45,30,0.04) 1px, 
      transparent 1px, 
      transparent 3px, 
      rgba(40,25,15,0.06) 3px, 
      rgba(40,25,15,0.06) 5px, 
      transparent 5px, 
      transparent 9px
    ),
    linear-gradient(175deg, #ede5d8 0%, #dfd3c0 22%, #c7b59e 48%, #8e7c65 52%, #baa790 78%, #7a6851 100%) !important;
  border: 0 !important;
  box-shadow: 
    0 0 0 1px #4a3d2b, 
    0 1px 0 1px rgba(255,255,255,.75), 
    0 3px 0 1px #2e2417, 
    0 16px 32px -4px rgba(0,0,0,.85),
    inset 0 1.5px 0 0 #ffffff,
    inset 0 -2px 4px 0 rgba(40,30,20,.35) !important;
}

/* 白天木板内嵌面：木纹与灰黑色风化斑块、自然节疤暗沉点 */
html:not([data-bc="night"]) #la-landing #la-plans .la-plan::before{
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  border-radius: 30px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: 
    /* 灰黑自然木斑与结疤暗斑 */
    radial-gradient(ellipse at 82% 22%, rgba(35,22,12,0.12) 0%, rgba(35,22,12,0.03) 30%, transparent 60%),
    radial-gradient(ellipse at 22% 78%, rgba(40,28,18,0.1) 0%, rgba(40,28,18,0.03) 25%, transparent 50%),
    radial-gradient(circle at 62% 62%, rgba(25,16,10,0.08) 0%, transparent 22%),
    /* 纵向木纹纤维 */
    repeating-linear-gradient(90deg, rgba(80,55,30,0.03) 0px, rgba(80,55,30,0.03) 1px, transparent 1px, transparent 4px),
    linear-gradient(180deg, #f6f0e6 0%, #ebdcc9 44%, #ccbaa6 48%, #ded0be 52%, #f4eee2 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(85,68,48,.4), inset 0 1.5px 0 1px #ffffff, inset 0 -1px 0 rgba(70,55,40,.25) !important;
}

/* 白天木板各向异性光影 */
html:not([data-bc="night"]) #la-landing #la-plans .la-plan::after{
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  border-radius: 30px !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(50,40,30,.25) 0%, transparent 12%, transparent 88%, rgba(50,40,30,.25) 100%),
    linear-gradient(105deg, transparent 8%, rgba(255,255,255,.85) 12%, rgba(255,255,255,.85) 16%, transparent 19%),
    repeating-linear-gradient(180deg, rgba(255,255,255,0) 0 1px, rgba(70,55,40,.025) 1px 2px) !important;
}

/* 白天木板上的深炭黑激光雕刻字 (对比度极高，绝不发虚) */
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-plan-name{
  color: #1a140d !important; -webkit-text-fill-color: #1a140d !important; font-weight: 800 !important; text-shadow: 0 1px 0 rgba(255,255,255,0.85) !important;
}
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-plan-use,
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-plan-use *{
  color: #4a3c2b !important; -webkit-text-fill-color: #4a3c2b !important; font-weight: 600 !important;
}
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .amt{
  color: #120d07 !important; -webkit-text-fill-color: #120d07 !important; text-shadow: 0 1px 0 #ffffff !important; font-weight: 800 !important;
}
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .cur{
  color: #4a3c2b !important; -webkit-text-fill-color: #4a3c2b !important; font-weight: 800 !important;
}
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-specs{
  background: rgba(40,30,20,0.06) !important;
  border: 1px solid rgba(80,60,40,0.25) !important;
  box-shadow: inset 0 1.5px 3px rgba(0,0,0,0.1), 0 1px 0 #ffffff !important;
}
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-spec{ border-bottom: 1px solid rgba(80,60,40,0.15) !important; }
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-spec .k{ color: #5a4935 !important; font-weight: 600 !important; }
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-spec .v{ color: #1a140d !important; font-weight: 700 !important; }

/* 白天选购按钮统一为深色黑钢药丸 */
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-plan-btn{
  background: linear-gradient(180deg, #33261a 0%, #1f1710 46%, #0f0b07 50%, #1f1710 54%, #33261a 100%) !important;
  color: #ffffff !important; -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 0 0 1px #0f0b07, 0 1px 0 1px rgba(255,255,255,.35), 0 3px 0 1px #0f0b07, 0 8px 18px -2px rgba(0,0,0,.7) !important;
  border: 0 !important;
}

/* 白天 7 个木质卡片的细微差异化 */
/* Card 7 体验包：微白椴木 */
html:not([data-bc="night"]) #la-landing #la-plans .la-plan.la-mat-chrome{
  background: repeating-linear-gradient(90deg, rgba(50,40,30,0.03) 0px, rgba(50,40,30,0.03) 1px, transparent 1px, transparent 4px), linear-gradient(175deg, #f4efe7 0%, #e6ddce 22%, #cfc1ad 48%, #968672 52%, #c3b4a0 78%, #857460 100%) !important;
}
/* Card 1 轻量包：经典暖杉木 */
html:not([data-bc="night"]) #la-landing #la-plans .la-plan.la-mat-silver{
  background: repeating-linear-gradient(90deg, rgba(60,45,30,0.04) 0px, rgba(60,45,30,0.04) 1px, transparent 1px, transparent 3px), linear-gradient(175deg, #ede5d8 0%, #dfd3c0 22%, #c7b59e 48%, #8e7c65 52%, #baa790 78%, #7a6851 100%) !important;
}
/* Card 2 畅游包：沉水灰檀木 (微冷木色，绝无鲜蓝) */
html:not([data-bc="night"]) #la-landing #la-plans .la-plan.la-mat-cobalt{
  background: repeating-linear-gradient(90deg, rgba(40,45,55,0.04) 0px, rgba(40,45,55,0.04) 1px, transparent 1px, transparent 4px), linear-gradient(175deg, #e7e5e3 0%, #d8d4d0 22%, #b5b0aa 48%, #78736d 52%, #a8a39c 78%, #6a645d 100%) !important;
}
/* Card 3 旗舰爆款 C 位：老风化金丝古楠木 (微金古木色，全场微浮雕) */
html:not([data-bc="night"]) #la-landing #la-plans .la-plan.la-mat-gold{
  transform: translateY(-5px) scale(1.028) !important;
  background: repeating-linear-gradient(90deg, rgba(70,50,25,0.05) 0px, rgba(70,50,25,0.05) 1px, transparent 1px, transparent 3px), linear-gradient(175deg, #f8f1e2 0%, #ebdcc2 20%, #cbb794 48%, #8f7954 52%, #bea780 78%, #7d6743 100%) !important;
  box-shadow: 0 0 0 1px #4d3d25, 0 1px 0 1px #fff, 0 4px 0 1px #2b2112, 0 20px 40px -4px rgba(0,0,0,.9), 0 0 22px rgba(190,165,125,0.3) !important;
}
/* Card 5 季度专线：深色沉香古木 */
html:not([data-bc="night"]) #la-landing #la-plans .la-plan.la-mat-violet{
  background: repeating-linear-gradient(90deg, rgba(45,40,48,0.04) 0px, rgba(45,40,48,0.04) 1px, transparent 1px, transparent 4px), linear-gradient(175deg, #e4e1e3 0%, #d3cfd2 22%, #ada8ac 48%, #726d71 52%, #9f9a9e 78%, #625c61 100%) !important;
}
/* Card 6 年度至尊：黑檀木金丝包边 */
html:not([data-bc="night"]) #la-landing #la-plans .la-plan.la-mat-blackgold{
  background: repeating-linear-gradient(90deg, rgba(30,30,35,0.05) 0px, rgba(30,30,35,0.05) 1px, transparent 1px, transparent 3px), linear-gradient(175deg, #dedcdf 0%, #cdc9cd 22%, #a5a0a5 48%, #676167 52%, #948e94 78%, #575057 100%) !important;
  box-shadow: 0 0 0 1px #332d33, 0 1px 0 1px #fff, 0 3px 0 1px #1a171a, 0 16px 32px -4px rgba(0,0,0,.85) !important;
}
/* Card 4 海量巨舰：重装原木大板 (宽幅风化重木) */
html:not([data-bc="night"]) #la-landing #la-plans .la-plan.la-mat-carbon{
  background: repeating-linear-gradient(90deg, rgba(50,45,40,0.04) 0px, rgba(50,45,40,0.04) 1px, transparent 1px, transparent 4px), linear-gradient(175deg, #e8e3dc 0%, #dbd4cb 22%, #b8ada2 48%, #7d7266 52%, #a89d91 78%, #6d6256 100%) !important;
}

/* ==========================================================================
   四、【夜间模式】终极重塑：尊享海量包“45°立体编织碳纤维装甲”差异化贯穿全场
   彻底消除 Card 3 分层隔断 + 消除高饱和与过曝眩光
   ========================================================================== */

/* 夜间全局节点看板：深空暗钛冷钢仪表盘 */
html[data-bc="night"] #la-landing .bc-nodes[class]{
  background: 
    repeating-linear-gradient(45deg, rgba(0,0,0,0.4) 0px, rgba(0,0,0,0.4) 3px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.04) 6px),
    linear-gradient(155deg, #242427 0%, #151517 40%, #08080a 100%) !important;
  border: 0 !important;
  box-shadow: 0 0 0 1px #08080a, 0 1px 0 1px rgba(255,255,255,.25), 0 3px 0 1px #08080a, 0 16px 36px -4px rgba(0,0,0,.95) !important;
}
html[data-bc="night"] #la-landing .bc-nodes[class] .bc-nodes-title .t{ color: #f1f5f9 !important; -webkit-text-fill-color: #f1f5f9 !important; font-weight: 800 !important; }
html[data-bc="night"] #la-landing .bc-nodes[class] .city{ color: #ffffff !important; font-weight: 700 !important; }

/* 夜间通用卡片：继承海量包 45°立体编织碳纤维与冷轧重钢基底 */
html[data-bc="night"] #la-landing #la-plans .la-plan{
  position: relative !important;
  isolation: isolate !important;
  border-radius: 32px !important;
  overflow: hidden !important;
  padding: 26px 24px 24px !important;
  opacity: 1 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: 
    repeating-linear-gradient(45deg, rgba(0,0,0,0.45) 0px, rgba(0,0,0,0.45) 3px, rgba(255,255,255,0.04) 3px, rgba(255,255,255,0.04) 6px),
    linear-gradient(155deg, #27272a 0%, #18181b 40%, #09090b 100%) !important;
  border: 0 !important;
  box-shadow: 0 0 0 1px #09090b, 0 1px 0 1px rgba(255,255,255,.3), 0 3px 0 1px #18181b, 0 16px 32px -4px rgba(0,0,0,.95) !important;
}
html[data-bc="night"] #la-landing #la-plans .la-plan::before{
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  border-radius: 28px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: 
    repeating-linear-gradient(-45deg, rgba(0,0,0,0.4) 0px, rgba(0,0,0,0.4) 3px, rgba(255,255,255,0.03) 3px, rgba(255,255,255,0.03) 6px),
    linear-gradient(180deg, #18181b 0%, #09090b 50%, #18181b 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.95), inset 0 1.5px 0 1px rgba(255,255,255,.25) !important;
}
html[data-bc="night"] #la-landing #la-plans .la-plan::after{
  content: "" !important;
  position: absolute !important;
  inset: 4px !important;
  border-radius: 28px !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(0,0,0,.55) 0%, transparent 14%, transparent 86%, rgba(0,0,0,.55) 100%),
    linear-gradient(105deg, transparent 9%, rgba(255,255,255,.35) 12%, rgba(255,255,255,.35) 16%, transparent 19%) !important;
}

/* 夜间通用文字高反差纯白与浅灰 (WCAG AAA 级清晰度) */
html[data-bc="night"] #la-landing #la-plans .la-plan .la-plan-name{ color: #f4f4f5 !important; -webkit-text-fill-color: #f4f4f5 !important; font-weight: 800 !important; text-shadow: 0 1px 2px #000 !important; }
html[data-bc="night"] #la-landing #la-plans .la-plan .la-plan-use,
html[data-bc="night"] #la-landing #la-plans .la-plan .la-plan-use *{ color: #a1a1aa !important; -webkit-text-fill-color: #a1a1aa !important; font-weight: 600 !important; }
html[data-bc="night"] #la-landing #la-plans .la-plan .amt{ color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; text-shadow: 0 0 16px rgba(255,255,255,.45) !important; font-weight: 800 !important; }
html[data-bc="night"] #la-landing #la-plans .la-plan .cur{ color: #cbd5e1 !important; -webkit-text-fill-color: #cbd5e1 !important; }
html[data-bc="night"] #la-landing #la-plans .la-plan .la-specs{ background: rgba(0,0,0,0.55) !important; border: 1px solid rgba(161,161,170,0.25) !important; box-shadow: inset 0 1.5px 3px rgba(0,0,0,0.6), 0 1px 0 rgba(255,255,255,0.15) !important; }
html[data-bc="night"] #la-landing #la-plans .la-plan .la-spec{ border-bottom: 1px solid rgba(161,161,170,0.15) !important; }
html[data-bc="night"] #la-landing #la-plans .la-plan .la-spec .k{ color: #a1a1aa !important; }
html[data-bc="night"] #la-landing #la-plans .la-plan .la-spec .v{ color: #f4f4f5 !important; font-weight: 700 !important; }
html[data-bc="night"] #la-landing #la-plans .la-plan .la-plan-btn{
  background: linear-gradient(180deg, #3f3f46 0%, #27272a 46%, #18181b 50%, #27272a 54%, #3f3f46 100%) !important;
  color: #ffffff !important; -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 0 0 1px #09090b, 0 1px 0 1px rgba(255,255,255,.4), 0 3px 0 1px #18181b, 0 6px 14px -2px rgba(0,0,0,.7) !important;
  border: 0 !important;
}

/* 夜间 7 个碳纤维装甲卡片的专属微差异化与 Card 3 分层修复 */
/* Card 7 体验包：纯白钢切角碳纤维 */
html[data-bc="night"] #la-landing #la-plans .la-plan.la-mat-chrome{
  box-shadow: 0 0 0 1px #1e293b, 0 1px 0 1px rgba(255,255,255,.5), 0 3px 0 1px #0f172a, 0 16px 32px -4px rgba(0,0,0,.95) !important;
}
/* Card 1 轻量包：冷银钛切角碳纤维 */
html[data-bc="night"] #la-landing #la-plans .la-plan.la-mat-silver{
  box-shadow: 0 0 0 1px #0c0d0f, 0 1px 0 1px rgba(255,255,255,.35), 0 3px 0 1px #0c0d0f, 0 16px 32px -4px rgba(0,0,0,.95) !important;
}
/* Card 2 畅游包：微冷蓝钛切角碳纤维 */
html[data-bc="night"] #la-landing #la-plans .la-plan.la-mat-cobalt{
  box-shadow: 0 0 0 1px #09101a, 0 1px 0 1px rgba(147,197,253,.35), 0 3px 0 1px #09101a, 0 16px 32px -4px rgba(0,0,0,.95) !important;
}
/* 核心修复：Card 3 旗舰极速包 (镇店 C 位) 彻底解决分层隔断！碳纤维黑金战甲，浑然一体微浮雕 */
html[data-bc="night"] #la-landing #la-plans .la-plan.la-mat-gold{
  transform: translateY(-6px) scale(1.03) !important;
  background: 
    repeating-linear-gradient(45deg, rgba(30,20,10,0.5) 0px, rgba(30,20,10,0.5) 3px, rgba(212,196,172,0.06) 3px, rgba(212,196,172,0.06) 6px),
    linear-gradient(155deg, #2a2016 0%, #1a140d 40%, #0d0a06 100%) !important;
  box-shadow: 0 0 0 1px #0d0a06, 0 1px 0 1px #d4c4ac, 0 4px 0 1px #000000, 0 22px 45px -4px rgba(0,0,0,.98), 0 0 24px rgba(212,196,172,0.2) !important;
}
html[data-bc="night"] #la-landing #la-plans .la-plan.la-mat-gold::before{
  background: 
    repeating-linear-gradient(-45deg, rgba(20,14,8,0.45) 0px, rgba(20,14,8,0.45) 3px, rgba(212,196,172,0.05) 3px, rgba(212,196,172,0.05) 6px),
    linear-gradient(180deg, #1f1710 0%, #0f0b07 50%, #1a130c 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.95), inset 0 1.5px 0 1px rgba(212,196,172,.45) !important;
}
html[data-bc="night"] #la-landing #la-plans .la-plan.la-mat-gold .la-plan-name{ color: #fef08a !important; -webkit-text-fill-color: #fef08a !important; font-weight: 800 !important; }
html[data-bc="night"] #la-landing #la-plans .la-plan.la-mat-gold .la-plan-use,
html[data-bc="night"] #la-landing #la-plans .la-plan.la-mat-gold .la-plan-use *{ color: #d4c4ac !important; -webkit-text-fill-color: #d4c4ac !important; }
html[data-bc="night"] #la-landing #la-plans .la-plan.la-mat-gold .amt{ color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; text-shadow: 0 0 20px rgba(254,240,138,.65) !important; font-weight: 800 !important; }
html[data-bc="night"] #la-landing #la-plans .la-plan.la-mat-gold .cur{ color: #fef08a !important; }
html[data-bc="night"] #la-landing #la-plans .la-plan.la-mat-gold .la-plan-btn{
  background: linear-gradient(180deg, #33261a 0%, #1f1710 46%, #0f0b07 50%, #1f1710 54%, #33261a 100%) !important;
  color: #fef08a !important; -webkit-text-fill-color: #fef08a !important; font-weight: 800 !important;
  box-shadow: 0 0 0 1px #0f0b07, 0 1px 0 1px rgba(212,196,172,.6), 0 3px 0 1px #000, 0 8px 18px -2px rgba(0,0,0,.8) !important;
}
/* Card 5 季度专线：微冷紫切角碳纤维 */
html[data-bc="night"] #la-landing #la-plans .la-plan.la-mat-violet{
  box-shadow: 0 0 0 1px #140522, 0 1px 0 1px rgba(233,213,255,.4), 0 3px 0 1px #2e0f4c, 0 16px 32px -4px rgba(0,0,0,.95) !important;
}
/* Card 6 年度至尊：纯黑金切角碳纤维 */
html[data-bc="night"] #la-landing #la-plans .la-plan.la-mat-blackgold{
  box-shadow: 0 0 0 1px #000, 0 1px 0 1px rgba(254,240,138,.65), 0 3px 0 1px #78350f, 0 18px 36px -4px rgba(0,0,0,.98), 0 0 20px rgba(217,119,6,0.2) !important;
}
html[data-bc="night"] #la-landing #la-plans .la-plan.la-mat-blackgold .la-plan-name{ color: #fef08a !important; -webkit-text-fill-color: #fef08a !important; }
html[data-bc="night"] #la-landing #la-plans .la-plan.la-mat-blackgold .cur{ color: #fef08a !important; }
/* Card 4 海量巨舰：经典重装战术碳纤维 */
html[data-bc="night"] #la-landing #la-plans .la-plan.la-mat-carbon{
  box-shadow: 0 0 0 1px #09090b, 0 1px 0 1px rgba(255,255,255,.35), 0 4px 0 1px #27272a, 0 18px 36px -4px rgba(0,0,0,.95) !important;
}

/* 悬停动效 */
html[data-bc] #la-landing #la-plans .la-plan:hover{
  transform: translateY(-5px) scale(1.015) !important;
  filter: brightness(1.04) !important;
}
html[data-bc] #la-landing #la-plans .la-plan.la-mat-gold:hover{
  transform: translateY(-8px) scale(1.035) !important;
  filter: brightness(1.07) !important;
}

/* ==========================================================================
   终极抗高曝光·刀刻级文字清晰度引擎 (Anti-Overexposure & Razor-Sharp Typography)
   彻底根治高曝光眩光、清除虚焦光雾阴影、废除文字背景裁剪，建立 100% 刀刻般锐利对比度
   ========================================================================== */

/* 1. 全局字体平滑渲染强化 */
#la-landing,
#la-landing #la-plans,
#la-landing .la-plan,
#la-landing .bc-nodes{
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}

/* 2. 彻底压制所有金属面板的反光层曝光，杜绝白光洗白文字 */
#la-landing .bc-nodes[class]::after,
#la-landing #la-plans .la-plan[class]::after{
  opacity: 0.35 !important; /* 彻底抑制曝光，仅保留 35% 细腻各向异性暗反光 */
}

/* 3. 彻底废除所有文字上的背景剪裁与模糊渐变，恢复 100% 实心不透明锐利渲染 */
#la-landing #la-plans .la-plan .amt,
#la-landing #la-plans .la-plan .cur,
#la-landing #la-plans .la-plan .la-price-hero .amt,
#la-landing #la-plans .la-plan .la-price-hero .cur,
#la-landing #la-plans .la-plan-name,
#la-landing #la-plans .la-plan-use,
#la-landing #la-plans .la-spec .k,
#la-landing #la-plans .la-spec .v{
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  background: none !important;
  background-image: none !important;
  filter: none !important;
}

/* 4. 彻底消除发散光雾 (text-shadow: 0 0 20px 等全清除)，统一为 1px 极硬物理反衬切线 */
#la-landing #la-plans .la-plan .la-plan-name{
  font-size: 19px !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  line-height: 1.25 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.95), 0 0 1px #000000 !important; /* 刀刻般清晰边缘 */
}

/* 大字价格：实心纯白，黑底高反差，绝无任何毛刺与模糊 */
#la-landing #la-plans .la-plan .amt,
#la-landing #la-plans .la-plan .la-price-hero .amt{
  font-size: 40px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Segoe UI", Roboto, sans-serif !important;
  letter-spacing: -0.02em !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.95), 0 0 1px #000000 !important;
}

/* 货币符号与周期单位：高对比清晰冷灰 */
#la-landing #la-plans .la-plan .cur,
#la-landing #la-plans .la-plan .la-price-hero .cur{
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
  text-shadow: 0 1px 2px #000000 !important;
  margin-right: 2px !important;
}
#la-landing #la-plans .la-plan .la-price-hero .per{
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
  text-shadow: 0 1px 2px #000000 !important;
}

/* 副标题与额度描述：清晰浅钛灰，绝不发虚 */
#la-landing #la-plans .la-plan .la-plan-use,
#la-landing #la-plans .la-plan .la-plan-use *{
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9) !important;
  margin-top: 4px !important;
}

/* 原价与省钱标签：分明可辨 */
#la-landing #la-plans .la-plan .la-orig-wrap,
#la-landing #la-plans .la-plan .la-orig-wrap *{
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
  font-weight: 500 !important;
}
#la-landing #la-plans .la-plan .la-save-tag,
#la-landing #la-plans .la-plan .la-disc-pill{
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) !important;
}

/* 规格栏内部条目：左灰右白，对比极其鲜明 */
#la-landing #la-plans .la-plan .la-spec .k{
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  text-shadow: 0 1px 2px #000000 !important;
}
#la-landing #la-plans .la-plan .la-spec .v{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  text-shadow: 0 1px 2px #000000 !important;
}

/* 选购按钮文字：实体纯白高光，纯黑底色，立体硬朗 */
#la-landing #la-plans .la-plan .la-plan-btn > *,
#la-landing #la-plans .la-plan button.la-btn > *{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: .04em !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.95), 0 1px 0 rgba(255, 255, 255, 0.15) !important;
}

/* 5. 针对 Card 3 (爆款金钛) 的专属高反差雕刻字强化 */
html[data-bc] #la-landing #la-plans .la-plan.la-mat-gold .la-plan-name{
  color: #fef08a !important;
  -webkit-text-fill-color: #fef08a !important;
  text-shadow: 0 1px 2px #000000, 0 0 1px #000000 !important;
}
html[data-bc] #la-landing #la-plans .la-plan.la-mat-gold .amt{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 2px 4px #000000, 0 0 1px #000000 !important;
}
html[data-bc] #la-landing #la-plans .la-plan.la-mat-gold .cur{
  color: #fef08a !important;
  -webkit-text-fill-color: #fef08a !important;
}

/* 6. 全球节点看板文字极致清晰化 */
#la-landing .bc-nodes[class] .bc-nodes-title .t{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 800 !important;
  text-shadow: 0 1px 2px #000000 !important;
}
#la-landing .bc-nodes[class] .bc-nodes-title small{
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
}
#la-landing .bc-nodes[class] .city{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
  text-shadow: 0 1px 2px #000000 !important;
}
#la-landing .bc-nodes[class] .la-ping-badge{
  font-weight: 700 !important;
  text-shadow: none !important;
}





/* ==========================================================================
   全新真实背景引擎：彻底消灭旧黑洞场景，激活真·昼夜背景 (bc_day / bc_night)
   ========================================================================== */

/* 1. 彻底销毁所有旧黑洞、流体波浪、暗色场景 */
.la-scene,
.la-goo,
.la-sheen,
.la-grain,
.la-vig,
#la-blackhole-canvas,
#la-landing-bg,
canvas[id*="blackhole"],
div[class*="blackhole"]{
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* 2. 宿主容器全部 100% 透明，让真实壁纸无阻穿透 */
html, body, #la-landing, .la-lwrap{
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* 3. 真实昼夜背景层 (.bc-bg)：常驻最底层 z-index: 0 */
.bc-bg{
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  overflow: hidden !important;
}

/* 内部白天与黑夜图片层 */
.bc-bg i,
.bc-bg div.n,
.bc-bg div.d{
  position: absolute !important;
  inset: 0 !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  transition: opacity 0.6s cubic-bezier(.16,1,.3,1) !important;
  display: block !important;
}

/* 统一本地与线上路径 (同时兼顾相对路径与绝对路径) */
.bc-bg .d,
.bc-bg i.d,
.bc-bg div.d{
  background-image: url('/theme/Xboard/assets/images/bc_day.webp'), url('/theme/Xboard/assets/images/bc_day.webp') !important;
  opacity: 0 !important;
  z-index: 1 !important;
}

.bc-bg .n,
.bc-bg i.n,
.bc-bg div.n{
  background-image: url('/theme/Xboard/assets/images/bc_night.webp'), url('/theme/Xboard/assets/images/bc_night.webp') !important;
  opacity: 0 !important;
  z-index: 1 !important;
}

/* 移动端高清自适应 */
@media (max-width: 820px) {
  .bc-bg .d, .bc-bg i.d, .bc-bg div.d{
    background-image: url('/theme/Xboard/assets/images/bc_day_m.webp'), url('/theme/Xboard/assets/images/bc_day_m.webp') !important;
  }
  .bc-bg .n, .bc-bg i.n, .bc-bg div.n{
    background-image: url('/theme/Xboard/assets/images/bc_night_m.webp'), url('/theme/Xboard/assets/images/bc_night_m.webp') !important;
  }
}

/* 核心：白天模式下强制显示 bc_day，隐藏 bc_night */
html[data-bc="day"] .bc-bg .d,
html[data-bc="day"] .bc-bg i.d,
html[data-bc="day"] .bc-bg div.d,
html:not([data-bc="night"]) .bc-bg .d,
html:not([data-bc="night"]) .bc-bg i.d,
html:not([data-bc="night"]) .bc-bg div.d{
  opacity: 1 !important;
  visibility: visible !important;
}

html[data-bc="day"] .bc-bg .n,
html[data-bc="day"] .bc-bg i.n,
html[data-bc="day"] .bc-bg div.n,
html:not([data-bc="night"]) .bc-bg .n,
html:not([data-bc="night"]) .bc-bg i.n,
html:not([data-bc="night"]) .bc-bg div.n{
  opacity: 0 !important;
  visibility: hidden !important;
}

/* 核心：黑夜模式下强制显示 bc_night，隐藏 bc_day */
html[data-bc="night"] .bc-bg .n,
html[data-bc="night"] .bc-bg i.n,
html[data-bc="night"] .bc-bg div.n{
  opacity: 1 !important;
  visibility: visible !important;
}

html[data-bc="night"] .bc-bg .d,
html[data-bc="night"] .bc-bg i.d,
html[data-bc="night"] .bc-bg div.d{
  opacity: 0 !important;
  visibility: hidden !important;
}



/* Guaranteed Day/Night Background Rules for Production */
.bc-bg {
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  overflow: hidden !important;
}

.bc-bg i, .bc-bg div, .bc-bg .n, .bc-bg .d {
  position: absolute !important;
  inset: 0 !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: block !important;
}

.bc-bg .d, .bc-bg i.d {
  background-image: url('/theme/Xboard/assets/images/bc_day.webp') !important;
  opacity: 0 !important;
  z-index: 1 !important;
}

.bc-bg .n, .bc-bg i.n {
  background-image: url('/theme/Xboard/assets/images/bc_night.webp') !important;
  opacity: 0 !important;
  z-index: 1 !important;
}

@media (max-width: 820px) {
  .bc-bg .d, .bc-bg i.d {
    background-image: url('/theme/Xboard/assets/images/bc_day_m.webp') !important;
  }
  .bc-bg .n, .bc-bg i.n {
    background-image: url('/theme/Xboard/assets/images/bc_night_m.webp') !important;
  }
}

html[data-bc="day"] .bc-bg .d,
html[data-bc="day"] .bc-bg i.d,
html:not([data-bc="night"]) .bc-bg .d,
html:not([data-bc="night"]) .bc-bg i.d {
  opacity: 1 !important;
  visibility: visible !important;
}

html[data-bc="day"] .bc-bg .n,
html[data-bc="day"] .bc-bg i.n,
html:not([data-bc="night"]) .bc-bg .n,
html:not([data-bc="night"]) .bc-bg i.n {
  opacity: 0 !important;
  visibility: hidden !important;
}

html[data-bc="night"] .bc-bg .n,
html[data-bc="night"] .bc-bg i.n {
  opacity: 1 !important;
  visibility: visible !important;
}

html[data-bc="night"] .bc-bg .d,
html[data-bc="night"] .bc-bg i.d {
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Ensure completely transparent wrappers */
html, body, #la-landing, .la-lwrap {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

.la-scene, .la-grain, .la-vig, #la-blackhole-canvas, .la-sheen, #bc-version-bar {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}














/* ==== DAY PANEL CLARITY PATCH ==== */
/* ============================================================
   白天版展示面板 · 文字清晰度专项修复
   根因：.la-plan::before / ::after 木质光影层 z-index 1 / 2 覆盖在文字之上，
        其中 rgba(255,255,255,.85) 斜向高光带 + 横向 1px 细线纹理直接压在
        规格表与副标题文字上，形成白色雾化 → 肉眼判定为“字体模糊”。
   处理：内容层提到 z-index 3；光影层只保留左右边缘暗角；
        规格表换成近实底浅纸色 + 纯黑字；取消金卡非整数 scale。
   ============================================================ */

/* 1. 内容层浮到光影层之上 */
html:not([data-bc="night"]) #la-landing #la-plans .la-plan > *{
  position: relative !important;
  z-index: 3 !important;
}

/* 2. 光影层：只保留左右边缘暗角，不再有覆盖文字的白光带与横向细线 */
html:not([data-bc="night"]) #la-landing #la-plans .la-plan::after{
  inset: 4px !important;
  background:
    linear-gradient(90deg,
      rgba(58,44,28,.18) 0%,
      transparent 9%,
      transparent 91%,
      rgba(58,44,28,.18) 100%) !important;
}

/* 3. 木纹底：去掉横向重复细线（与文字产生摩尔纹），保留纵向纤维 */
html:not([data-bc="night"]) #la-landing #la-plans .la-plan::before{
  background:
    radial-gradient(ellipse at 82% 22%, rgba(35,22,12,.09) 0%, rgba(35,22,12,.02) 30%, transparent 60%),
    radial-gradient(ellipse at 22% 78%, rgba(40,28,18,.07) 0%, rgba(40,28,18,.02) 25%, transparent 50%),
    repeating-linear-gradient(90deg,
      rgba(80,55,30,.022) 0px, rgba(80,55,30,.022) 1px,
      transparent 1px, transparent 4px),
    linear-gradient(180deg, #f6f0e6 0%, #ebdcc9 44%, #ccbaa6 48%, #ded0be 52%, #f4eee2 100%) !important;
}

/* 4. 标题 / 副标题 / 单位说明：加深到接近纯黑 */
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-plan-name{
  color:#140f09 !important;
  -webkit-text-fill-color:#140f09 !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
  text-shadow:0 1px 0 rgba(255,255,255,.55) !important;
}
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-plan-use,
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-plan-use *{
  color:#33291d !important;
  -webkit-text-fill-color:#33291d !important;
  font-weight:700 !important;
}
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-plan-unit,
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-plan-unit *{
  color:#40342a !important;
  -webkit-text-fill-color:#40342a !important;
  font-weight:600 !important;
}
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-orig-lbl,
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-orig-amt{
  color:#4a3d2f !important;
  -webkit-text-fill-color:#4a3d2f !important;
  font-weight:600 !important;
}

/* 5. 价格：实心炭黑，剥离 background-clip:text 渐变裁切（渐边即虚边） */
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .amt{
  background:none !important;
  background-image:none !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  color:#0d0906 !important;
  -webkit-text-fill-color:#0d0906 !important;
  font-weight:800 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.7) !important;
  filter:none !important;
}
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .cur,
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .per{
  color:#3a2f22 !important;
  -webkit-text-fill-color:#3a2f22 !important;
  font-weight:700 !important;
}

/* 6. 规格表：近实底浅纸色 + 纯黑字，彻底断开背景穿透 */
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-specs{
  background:rgba(255,252,246,.86) !important;
  border:1px solid rgba(88,66,44,.30) !important;
  border-radius:14px !important;
  padding:4px 14px !important;
  box-shadow:inset 0 1px 0 #ffffff, 0 1px 2px rgba(60,44,28,.10) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-spec{
  border-bottom:1px solid rgba(88,66,44,.16) !important;
}
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-spec .k{
  color:#3b3024 !important;
  -webkit-text-fill-color:#3b3024 !important;
  font-weight:700 !important;
  font-size:13px !important;
  text-shadow:none !important;
}
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-spec .v{
  color:#0a0704 !important;
  -webkit-text-fill-color:#0a0704 !important;
  font-weight:800 !important;
  font-size:13px !important;
  text-shadow:none !important;
}

/* 7. 金卡：取消非整数 scale（亚像素缩放会让整卡文字发虚） */
html:not([data-bc="night"]) #la-landing #la-plans .la-plan.la-mat-gold{
  transform:translateY(-5px) !important;
  box-shadow:
    0 0 0 1px #4d3d25,
    0 1px 0 1px #ffffff,
    0 4px 0 1px #2b2112,
    0 20px 40px -4px rgba(0,0,0,.55),
    0 0 0 3px rgba(214,186,140,.35) !important;
}

/* 8. 全球节点看板：小字与城市名加深 */
html:not([data-bc="night"]) #la-landing .bc-nodes[class] .bc-nodes-title small{
  color:#3f4652 !important;
  -webkit-text-fill-color:#3f4652 !important;
  font-weight:700 !important;
}
html:not([data-bc="night"]) #la-landing .bc-nodes[class] .bc-nodes-head .s{
  color:#3f4652 !important;
  -webkit-text-fill-color:#3f4652 !important;
  font-weight:700 !important;
}
html:not([data-bc="night"]) #la-landing .bc-nodes[class] .city{
  color:#060a12 !important;
  -webkit-text-fill-color:#060a12 !important;
  font-weight:800 !important;
}

/* ============================================================
   9. 白天 Hero 区：大字价 / 标题 / 描述 在明亮雪山背景上也必须实心锐利
   ============================================================ */

/* 9.1 大号价格：取消 background-clip:text 渐变（渐变边=虚边），改实心深炭蓝 */
html:not([data-bc="night"]) #la-landing .bc-num{
  background:none !important;
  background-image:none !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  color:#0d1a2b !important;
  -webkit-text-fill-color:#0d1a2b !important;
  font-weight:400 !important;
  text-shadow:0 1px 2px rgba(255,255,255,.75), 0 0 20px rgba(255,255,255,.35) !important;
}
html:not([data-bc="night"]) #la-landing .bc-num i{
  color:#1b2c42 !important;
  -webkit-text-fill-color:#1b2c42 !important;
}
html:not([data-bc="night"]) #la-landing .bc-unit{
  color:#16283c !important;
  -webkit-text-fill-color:#16283c !important;
  font-weight:500 !important;
  text-shadow:0 1px 2px rgba(255,255,255,.7) !important;
}

/* 9.2 eyebrow 小字 */
html:not([data-bc="night"]) #la-landing .bc-eyebrow{
  color:#243a52 !important;
  -webkit-text-fill-color:#243a52 !important;
  font-weight:700 !important;
}
html:not([data-bc="night"]) #la-landing .bc-eyebrow::before{
  background:#243a52 !important;
}

/* 9.3 标语与副标题 */
html:not([data-bc="night"]) #la-landing .bc-tagline{
  color:#08131f !important;
  -webkit-text-fill-color:#08131f !important;
  font-weight:700 !important;
  text-shadow:0 1px 2px rgba(255,255,255,.8) !important;
}
html:not([data-bc="night"]) #la-landing .bc-tagline s{
  color:#2c3e52 !important;
  -webkit-text-fill-color:#2c3e52 !important;
}

/* 9.4 主描述段落 */
html:not([data-bc="night"]) #la-landing .bc-desc{
  color:#101f2e !important;
  -webkit-text-fill-color:#101f2e !important;
  font-weight:600 !important;
  text-shadow:0 1px 2px rgba(255,255,255,.8) !important;
}

/* 9.5 探索链接 */
html:not([data-bc="night"]) #la-landing .bc-explore{
  color:#14283c !important;
  -webkit-text-fill-color:#14283c !important;
  font-weight:700 !important;
  border-bottom-color:rgba(20,40,60,.45) !important;
  text-shadow:0 1px 2px rgba(255,255,255,.7) !important;
}

/* ============================================================
   10. 终极根因修正（白天版中文发虚的两个真源）
   (a) font-weight:800/900 —— 中文字体 Microsoft YaHei / PingFang 只有 400/700，
       浏览器合成加粗会把笔画“糊开”一像素，视觉即模糊。全部压回 700 以内。
   (b) 卡片底色含 1px / 3~4px 周期纵向木纹 —— 高频纹理紧贴 12~13px 汉字，
       形成局部对比噪声，眼睛判定为“字体抖动/发虚”。高频层移除，
       仅保留低频大色块 + 柔和纸面衬底。
   ============================================================ */

/* 10.1 中文一律不超过真实 Bold(700)，避免合成加粗 */
html:not([data-bc="night"]) #la-landing #la-plans .la-plan,
html:not([data-bc="night"]) #la-landing #la-plans .la-plan *{
  font-synthesis-weight:none !important;
  -webkit-font-smoothing:auto !important;
}
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-plan-name,
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .amt,
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-spec .v{
  font-weight:700 !important;
}
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-plan-use,
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-plan-use *,
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-plan-unit,
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-plan-unit *,
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-orig-lbl,
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-orig-amt,
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-spec .k{
  font-weight:700 !important;
}

/* 10.2 去掉加粗白晕（白描边=雾化） */
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-plan-name,
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .amt,
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-plan-use,
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-plan-use *{
  text-shadow:none !important;
}

/* 10.3 卡片本体：移除 1px 高频纵向纹，只留低频木色 */
html:not([data-bc="night"]) #la-landing #la-plans .la-plan.la-mat-chrome{
  background:linear-gradient(175deg,#f6f1e9 0%,#ece2d4 26%,#d8c9b5 52%,#c3b19a 74%,#a99883 100%) !important;
}
html:not([data-bc="night"]) #la-landing #la-plans .la-plan.la-mat-silver{
  background:linear-gradient(175deg,#f2eadd 0%,#e7dcc9 26%,#d2c2aa 52%,#b7a48b 76%,#9d8b73 100%) !important;
}
html:not([data-bc="night"]) #la-landing #la-plans .la-plan.la-mat-cobalt{
  background:linear-gradient(175deg,#eeece9 0%,#e2ded9 26%,#cdc7c0 52%,#b0a9a1 76%,#958d85 100%) !important;
}
html:not([data-bc="night"]) #la-landing #la-plans .la-plan.la-mat-gold{
  background:linear-gradient(175deg,#f9f2e3 0%,#efe0c6 24%,#d8c2a0 52%,#bfa582 74%,#a68c68 100%) !important;
}
html:not([data-bc="night"]) #la-landing #la-plans .la-plan.la-mat-violet{
  background:linear-gradient(175deg,#eeebec 0%,#e0dcde 26%,#c9c4c8 52%,#a9a3a8 76%,#8e888d 100%) !important;
}
html:not([data-bc="night"]) #la-landing #la-plans .la-plan.la-mat-blackgold{
  background:linear-gradient(175deg,#eae7ea 0%,#dbd6da 26%,#c3bdc3 52%,#a29ba1 76%,#878087 100%) !important;
}
html:not([data-bc="night"]) #la-landing #la-plans .la-plan.la-mat-carbon{
  background:linear-gradient(175deg,#f0ebe4 0%,#e3dbd1 26%,#cdc2b5 52%,#b0a394 76%,#948775 100%) !important;
}

/* 10.4 内层：柔和纸面衬底（无边框、无硬边，只在文字区域提亮压平纹理） */
html:not([data-bc="night"]) #la-landing #la-plans .la-plan::before{
  inset:0 !important;
  border-radius:32px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9), inset 0 -1px 0 rgba(90,70,50,.18) !important;
  background:
    radial-gradient(120% 62% at 50% 26%,
      rgba(255,253,248,.94) 0%,
      rgba(255,252,245,.86) 42%,
      rgba(255,251,243,.42) 68%,
      rgba(255,251,243,0) 86%),
    radial-gradient(ellipse at 84% 76%, rgba(88,64,40,.10) 0%, transparent 55%),
    radial-gradient(ellipse at 14% 88%, rgba(88,64,40,.08) 0%, transparent 52%),
    linear-gradient(180deg, rgba(255,253,249,.30) 0%, rgba(255,250,242,0) 100%) !important;
}

/* 10.5 规格表：纯白纸面，彻底断开木纹穿透 */
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-specs{
  background:#fffdf9 !important;
  border:1px solid rgba(96,74,52,.28) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.95), inset 0 1px 2px rgba(90,70,50,.06) !important;
}

/* ============================================================
   11. Hero 区文字：去掉白色描边光晕（光晕=边缘雾化），
       改为在文字块下方铺一层柔和浅色底衬（无硬边、无边框），
       让文字落在接近纯色的平底上，笔画边缘才会真正锐利。
   ============================================================ */

/* 11.1 取消所有文字光晕 */
html:not([data-bc="night"]) #la-landing .bc-num,
html:not([data-bc="night"]) #la-landing .bc-unit,
html:not([data-bc="night"]) #la-landing .bc-tagline,
html:not([data-bc="night"]) #la-landing .bc-desc,
html:not([data-bc="night"]) #la-landing .bc-eyebrow,
html:not([data-bc="night"]) #la-landing .bc-explore{
  text-shadow:none !important;
}

/* 11.2 Hero 主文字块：柔光底衬（径向渐隐，边缘完全看不出边界） */
html:not([data-bc="night"]) #la-landing .bc-hero-main{
  position:relative !important;
  isolation:isolate !important;
}
html:not([data-bc="night"]) #la-landing .bc-hero-main::before{
  content:"" !important;
  position:absolute !important;
  inset:-38px -70px -34px -56px !important;
  z-index:-1 !important;
  pointer-events:none !important;
  border-radius:44px !important;
  background:
    radial-gradient(72% 78% at 34% 46%,
      rgba(255,254,251,.92) 0%,
      rgba(255,253,249,.86) 34%,
      rgba(255,252,246,.58) 58%,
      rgba(255,251,244,.22) 78%,
      rgba(255,251,244,0) 100%) !important;
}

/* 11.3 价格数字：再加深一档，并锁定光学字重 */
html:not([data-bc="night"]) #la-landing .bc-num{
  color:#0a1522 !important;
  -webkit-text-fill-color:#0a1522 !important;
  font-weight:500 !important;
}
html:not([data-bc="night"]) #la-landing .bc-num i{
  color:#12253a !important;
  -webkit-text-fill-color:#12253a !important;
  font-weight:400 !important;
}
html:not([data-bc="night"]) #la-landing .bc-tagline{
  color:#050d16 !important;
  -webkit-text-fill-color:#050d16 !important;
}
html:not([data-bc="night"]) #la-landing .bc-desc{
  color:#0b1a28 !important;
  -webkit-text-fill-color:#0b1a28 !important;
  font-weight:500 !important;
}

/* ============================================================
   12. 亚像素根因（真正让整块面板“发虚”的最后一层）
   栅格三列算成 386.656px / 386.672px，卡片 x 落在 44 / 443.76 / 849.33，
   文字全部按小数坐标做亚像素抗锯齿 → 笔画边缘发灰。
   处理：列宽取整 + 卡片吸附到整像素 + 禁用会导致重新栅格化的
        hover 位移/缩放/过渡（位移会把文字再次推到小数坐标）。
   ============================================================ */

/* 12.1 栅格列宽取整：容器 1192 - 2×16 = 1160，1160/3 除不尽 ⇒
       用 auto-fit + 384px 固定整数列 + 容器居中，宽度不再产生小数尾差。 */
html:not([data-bc="night"]) #la-landing #la-plans{
  grid-template-columns:repeat(3,384px) !important;
  justify-content:center !important;
  column-gap:16px !important;
  row-gap:16px !important;
}
@media (max-width:1180px){
  html:not([data-bc="night"]) #la-landing #la-plans{
    grid-template-columns:repeat(2,384px) !important;
  }
}
@media (max-width:840px){
  html:not([data-bc="night"]) #la-landing #la-plans{
    grid-template-columns:minmax(0,1fr) !important;
  }
}

/* 12.2 卡片整像素落位，且自身不做任何非线性变换 */
html:not([data-bc="night"]) #la-landing #la-plans .la-plan{
  transform:none !important;
  will-change:auto !important;
  contain:paint !important;
  -webkit-font-smoothing:antialiased !important;
  text-rendering:geometricPrecision !important;
  backface-visibility:hidden !important;
}

/* 12.3 hover 只改描边与阴影，不再位移/缩放（避免文字重新落在小数坐标） */
html:not([data-bc="night"]) #la-landing #la-plans .la-plan:hover{
  transform:none !important;
}
html:not([data-bc="night"]) #la-landing #la-plans .la-plan.la-plan-featured,
html:not([data-bc="night"]) #la-landing #la-plans .la-plan.la-plan-featured:hover{
  transform:none !important;
}

/* 12.4 中文小字：切回真实 Bold 并用整像素字号，消除 13px 半像素基线抖动 */
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-plan-name,
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-plan-use,
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-plan-use *,
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-plan-unit,
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-plan-unit *,
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-orig-lbl,
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-orig-amt,
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-spec .k,
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-spec .v{
  font-size:14px !important;
  line-height:1.5 !important;
}

/* 12.5 规格表：行高落在整数像素，但不裁切换行内容 */
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-spec{
  min-height:36px !important;
  height:auto !important;
  padding:7px 0 !important;
  align-items:center !important;
  gap:14px !important;
}
/* 键名不换行（避免“节点权限”被折断成两行） */
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-spec .k{
  flex:0 0 auto !important;
  white-space:nowrap !important;
}
/* 值：允许换行但左右对齐，长文本不再被挤成窄条 */
html:not([data-bc="night"]) #la-landing #la-plans .la-plan .la-spec .v{
  flex:1 1 auto !important;
  min-width:0 !important;
  text-align:right !important;
  line-height:1.45 !important;
}

/* 12.6 海量包（通栏卡片）：规格区已由原样式设成两列栅格，
       这里补回列间距并让两列都留足宽度，避免“物理千兆直通…”被压成三行 */
html:not([data-bc="night"]) #la-landing #la-plans .la-plan:last-child .la-specs{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  column-gap:48px !important;
  row-gap:0 !important;
  padding:6px 22px !important;
}
html:not([data-bc="night"]) #la-landing #la-plans .la-plan:last-child .la-spec{
  min-height:38px !important;
  padding:8px 0 !important;
}

/* ============================================================
   13. 页脚与浮层：白天版直接压在雪山纹理上，半透明灰字同样发虚
   ============================================================ */
html:not([data-bc="night"]) #la-landing .la-lfoot{
  position:relative !important;
  isolation:isolate !important;
}
html:not([data-bc="night"]) #la-landing .la-lfoot::before{
  content:"" !important;
  position:absolute !important;
  inset:-26px -60px -30px -60px !important;
  z-index:-1 !important;
  pointer-events:none !important;
  background:radial-gradient(70% 82% at 20% 60%,
    rgba(255,254,251,.86) 0%,
    rgba(255,253,249,.60) 46%,
    rgba(255,251,244,.18) 76%,
    rgba(255,251,244,0) 100%) !important;
}
html:not([data-bc="night"]) #la-landing .la-lfoot-brand,
html:not([data-bc="night"]) #la-landing .la-lfoot-brand span{
  color:#08131f !important;
  -webkit-text-fill-color:#08131f !important;
  font-weight:700 !important;
  text-shadow:none !important;
}
html:not([data-bc="night"]) #la-landing .la-lfoot-desc{
  color:#16283c !important;
  -webkit-text-fill-color:#16283c !important;
  font-weight:600 !important;
  opacity:1 !important;
  text-shadow:none !important;
}
html:not([data-bc="night"]) #la-landing .la-feedback-entry-btn,
html:not([data-bc="night"]) #la-landing .la-back-top,
html:not([data-bc="night"]) #la-landing .la-float-btn{
  background:rgba(255,255,255,.92) !important;
  border:1px solid rgba(20,40,60,.30) !important;
  color:#0b1a28 !important;
  -webkit-text-fill-color:#0b1a28 !important;
  font-weight:700 !important;
  box-shadow:0 6px 18px -8px rgba(20,40,60,.45) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}


/* ==== NODES CLARITY PATCH ==== */
/* ============================================================
   全球节点面板 · 白天版文字模糊专项修复
   与套餐卡（木质卡）不同源，这五条是独立根因，全部经浏览器计算样式实测：
   1) .bc-nodes 的 backdrop-filter:blur(20px) saturate(1.2) —— 整面板升为合成层，
      文字先被栅格化成位图再与背景合成，笔画边缘永久发虚（缩放/滚动都会糊）。
   2) .city / .la-ping-badge 的 font-weight:800 —— 中文 Microsoft YaHei 只有 400/700，
      800 触发浏览器合成加粗，笔画被横向糊开一像素。
   3) .city 的 letter-spacing:-0.135px —— 负小数间距，每个汉字落在非整数 x 坐标。
   4) 行高 36.92 / 36.91px 与字号 13.5px / line-height 21.6px 全是小数 ——
      每行 y 偏移累积小数（实测 -42.83 / -3.91 / 35），整列文字亚像素抗锯齿。
   5) .city 带深色投影 rgba(0,0,0) 0 1px 2px —— 深字配深影，边缘二次发灰。
   ============================================================ */

/* ---------- 1. 干掉合成层：白天版不使用 backdrop-filter ---------- */
html:not([data-bc="night"]) #la-landing .bc-nodes{
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  filter:none !important;
  transform:none !important;
  will-change:auto !important;
  /* 面板自身底色改成不透明实色，不再依赖背景模糊来"压噪" */
  background:linear-gradient(160deg,#ffffff 0%,#f4f7fa 38%,#e6ecf3 100%) !important;
}

/* 彩光团（蓝/紫/红径向渐变）在浅底上只会给文字添色噪，白天移除 */
html:not([data-bc="night"]) #la-landing .bc-nodes::before,
html:not([data-bc="night"]) #la-landing .bc-nodes::after{
  display:none !important;
}

/* ---------- 2. 合成加粗：关掉，权重压回真实 Bold ---------- */
html:not([data-bc="night"]) #la-landing .bc-nodes,
html:not([data-bc="night"]) #la-landing .bc-nodes *{
  font-synthesis-weight:none !important;
  font-synthesis-style:none !important;
  -webkit-font-smoothing:auto !important;
  text-rendering:optimizeLegibility !important;
}

/* ---------- 3. 字号 / 行高 / 字距全部取整，消除亚像素落位 ---------- */
html:not([data-bc="night"]) #la-landing .bc-nodes-head .bc-nodes-title .t{
  font-size:16px !important;
  line-height:22px !important;
  font-weight:700 !important;
  letter-spacing:normal !important;
  color:#0a1119 !important;
  -webkit-text-fill-color:#0a1119 !important;
  text-shadow:none !important;
}
html:not([data-bc="night"]) #la-landing .bc-nodes-head .bc-nodes-title small{
  font-size:10px !important;
  line-height:14px !important;
  font-weight:700 !important;
  letter-spacing:1.6px !important;
  color:#3f4652 !important;
  -webkit-text-fill-color:#3f4652 !important;
  text-shadow:none !important;
}
html:not([data-bc="night"]) #la-landing .bc-nodes-head .s{
  font-size:12px !important;
  line-height:16px !important;
  font-weight:700 !important;
  letter-spacing:normal !important;
  color:#2f3742 !important;
  -webkit-text-fill-color:#2f3742 !important;
  text-shadow:none !important;
}

html:not([data-bc="night"]) #la-landing #la-lines .city{
  font-size:14px !important;
  line-height:18px !important;
  font-weight:700 !important;
  letter-spacing:normal !important;
  color:#04080f !important;
  -webkit-text-fill-color:#04080f !important;
  text-shadow:none !important;
}

/* 延迟徽标：整数字号 + 真实 Bold，去掉合成加粗 */
html:not([data-bc="night"]) #la-landing .bc-nodes[class] .la-ping-badge,
html:not([data-bc="night"]) #la-landing .bc-nodes[class] .la-ping-badge *{
  font-synthesis-weight:none !important;
  font-weight:700 !important;
  font-size:12px !important;
  line-height:16px !important;
  letter-spacing:normal !important;
  text-shadow:none !important;
  font-variant-numeric:tabular-nums !important;
}

/* ---------- 4. 行高取整 + 实底白行，彻底断开面板底色穿透 ---------- */
html:not([data-bc="night"]) #la-landing #la-lines .la-lrow{
  min-height:40px !important;
  height:40px !important;
  padding:0 10px !important;
  margin:0 !important;
  box-sizing:border-box !important;
  background:#ffffff !important;
  border:1px solid rgba(148,163,184,.42) !important;
  border-radius:12px !important;
  box-shadow:none !important;
  transform:none !important;
  gap:12px !important;
}
html:not([data-bc="night"]) #la-landing #la-lines .la-lrow + .la-lrow{
  margin-top:6px !important;
}
html:not([data-bc="night"]) #la-landing #la-lines .la-lrow:first-child{
  border-top:1px solid rgba(148,163,184,.42) !important;
}

/* 容器：取消可能产生小数偏移的内边距/间隙 */
html:not([data-bc="night"]) #la-landing #la-lines{
  padding:0 12px 12px !important;
  gap:0 !important;
}
html:not([data-bc="night"]) #la-landing .bc-nodes-head{
  padding:14px 14px 10px !important;
  min-height:58px !important;
  box-sizing:border-box !important;
}

/* ---------- 5. 国旗与城市名基线对齐，避免小图标挤压文字行盒 ---------- */
html:not([data-bc="night"]) #la-landing #la-lines .loc{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  min-width:0 !important;
  line-height:18px !important;
}
html:not([data-bc="night"]) #la-landing #la-lines .la-line-flag,
html:not([data-bc="night"]) #la-landing #la-lines .bc-flag{
  width:24px !important;
  height:24px !important;
  flex:0 0 24px !important;
  line-height:0 !important;
  font-size:0 !important;
}

/* ============================================================
   6. 整块面板的 y 起点纠偏（这是"整列都发虚"的最后一层）
   导航栏 .la-lbrand 实测高 36.25px，把 .la-lnav-in 撑到 152.25px，
   进而把 .la-hero 推到 y=160.25、.bc-nodes 推到 y=558.17；
   所有行 y 命中 .17 小数 → 每行文字整体亚像素抗锯齿。
   处理：把导航栏高度锁到整数像素，整条链路上的 y 就都落在整数上。
   ============================================================ */
/* 仅桌面宽度锁定导航栏为整数高度；移动端本就折行，加锁会挤压公告 */
@media (min-width:1000px){
  html:not([data-bc="night"]) #la-landing .la-lnav-in{
    height:64px !important;
    min-height:64px !important;
    max-height:64px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    box-sizing:border-box !important;
    align-items:center !important;
  }
  html:not([data-bc="night"]) #la-landing .la-lbrand{
    height:36px !important;
    min-height:36px !important;
    max-height:36px !important;
    align-items:center !important;
    overflow:visible !important;
  }
  html:not([data-bc="night"]) #la-landing .la-nav-cluster{
    height:40px !important;
    align-items:center !important;
  }
}

/* Hero 与节点面板：容器自身尺寸取整，避免把小数继续往下传递 */
html:not([data-bc="night"]) #la-landing .bc-stage{
  padding:20px 0 18px !important;
  gap:24px !important;
  align-items:start !important;
}
html:not([data-bc="night"]) #la-landing .bc-nodes{
  padding:8px 8px 12px !important;
  box-sizing:border-box !important;
}
html:not([data-bc="night"]) #la-landing .bc-nodes-head{
  height:56px !important;
  min-height:56px !important;
  padding:0 8px !important;
  box-sizing:border-box !important;
  align-items:center !important;
}

/* ============================================================
   7. Hero 列的小数行高链（最终 .922 偏移的真源）
   实测每个元素高度：
     .bc-eyebrow 18.391  (11.5px × 1.6)
     .bc-price   65.797  (bc-num 62.72 + bc-unit 28.8 交叠)
     .bc-tagline 47.594  (17px × 1.4 × 2行)
     .bc-desc    50.75   (14.5px × 1.75 × 2行)
     .bc-actions 107.391 (58 + 22 gap + 27.391)
   合计 351.922 → 节点面板 y=467.922 → 每一行文字都落在小数 y 上。
   处理：Hero 全部字号/行高换成整数，链条自然收敛到整数像素。
   ============================================================ */
html:not([data-bc="night"]) #la-landing .bc-eyebrow{
  font-size:12px !important;
  line-height:18px !important;
  margin-bottom:12px !important;
}
html:not([data-bc="night"]) #la-landing .bc-price{
  line-height:64px !important;
  align-items:baseline !important;
}
html:not([data-bc="night"]) #la-landing .bc-num{
  font-size:64px !important;
  line-height:64px !important;
}
html:not([data-bc="night"]) #la-landing .bc-unit{
  font-size:18px !important;
  line-height:28px !important;
}
html:not([data-bc="night"]) #la-landing .bc-tagline{
  font-size:17px !important;
  line-height:24px !important;
  margin-top:14px !important;
}
html:not([data-bc="night"]) #la-landing .bc-desc{
  font-size:15px !important;
  line-height:26px !important;
  margin-top:10px !important;
}
html:not([data-bc="night"]) #la-landing .bc-actions{
  margin-top:26px !important;
  gap:22px !important;
  row-gap:22px !important;
  align-items:center !important;
}
html:not([data-bc="night"]) #la-landing .bc-explore{
  font-size:14px !important;
  line-height:22px !important;
  padding-bottom:4px !important;
}


/* ============================================================
   8. 移动端（窄屏）也要整像素：白天窄屏下 Hero 与节点行同样有小数
   ============================================================ */
@media (max-width:999px){
  html:not([data-bc="night"]) #la-landing .la-lnav-in{
    box-sizing:border-box !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
  }
  /* .la-lbrand 实测 36.25px：品牌字 15px×1.6=24 + 副标 11px×1.1≈12.25
     把副标行高取整，整块就回落成 36px，导航栏随之整数化 */
  html:not([data-bc="night"]) #la-landing .la-lbrand{
    min-height:36px !important;
    height:36px !important;
    max-height:36px !important;
    align-items:center !important;
  }
  html:not([data-bc="night"]) #la-landing .la-brand-title-wrap{
    height:36px !important;
    min-height:36px !important;
    max-height:36px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    box-sizing:border-box !important;
  }
  html:not([data-bc="night"]) #la-landing .la-brand-main{
    font-size:15px !important;
    line-height:20px !important;
  }
  html:not([data-bc="night"]) #la-landing .la-brand-sub{
    font-size:11px !important;
    line-height:14px !important;
  }
  html:not([data-bc="night"]) #la-landing .bc-eyebrow{
    font-size:12px !important;
    line-height:18px !important;
  }
  html:not([data-bc="night"]) #la-landing .bc-num{
    font-size:56px !important;
    line-height:56px !important;
  }
  html:not([data-bc="night"]) #la-landing .bc-unit{
    font-size:16px !important;
    line-height:24px !important;
  }
  html:not([data-bc="night"]) #la-landing .bc-tagline{
    font-size:16px !important;
    line-height:24px !important;
  }
  html:not([data-bc="night"]) #la-landing .bc-desc{
    font-size:14px !important;
    line-height:24px !important;
  }
}


/* ==== MOBILE POLISH PATCH ==== */
/* ============================================================
   手机端（≤760px）布局适配
   实测问题（420×672 视口）：
   1) 导航栏两行堆叠后高 152px，吃掉近 1/4 屏；公告单独占一整行。
   2) 品牌字 15px / 按钮 34~40px，在窄屏显得拥挤。
   3) Hero 大价格 64px，横向占 145px，与单位挤在一行容易顶边。
   4) 节点行 40px 固定高 + 24px 旗子，小屏密度偏低且右侧徽标贴边。
   5) 套餐卡 padding 26px，窄屏内容区偏窄；规格表 14px 偏大。
   6) 页脚与浮动按钮在小屏遮挡内容。
   ============================================================ */

@media (max-width:760px){

  /* ---------- 1. 导航栏：单行紧凑布局 ---------- */
  html[data-bc] #la-landing .la-lnav{
    margin:8px auto 0 !important;
    padding:0 10px !important;
    max-width:none !important;
  }
  html[data-bc] #la-landing .la-lnav-in{
    height:auto !important;
    min-height:56px !important;
    max-height:none !important;
    border-radius:26px !important;
    padding:6px 10px 24px !important;
    gap:8px !important;
    flex-wrap:nowrap !important;
    position:relative !important;
    align-items:center !important;
    -webkit-backdrop-filter:blur(14px) saturate(1.15) !important;
    backdrop-filter:blur(14px) saturate(1.15) !important;
  }

  /* 品牌区收紧 */
  html[data-bc] #la-landing .la-lbrand{
    width:auto !important;
    flex:0 1 auto !important;
    min-height:32px !important;
    height:32px !important;
    min-width:0 !important;
    overflow:hidden !important;
  }
  html[data-bc] #la-landing .la-brand-title-wrap{
    padding:0 8px 0 2px !important;
    height:32px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
  }
  html[data-bc] #la-landing .la-brand-main{
    font-size:11.5px !important;
    letter-spacing:.10em !important;
    line-height:16px !important;
    white-space:nowrap !important;
  }
  html[data-bc] #la-landing .la-brand-sub{
    font-size:9px !important;
    letter-spacing:.12em !important;
    line-height:13px !important;
    margin-top:1px !important;
  }
  html[data-bc] #la-landing .la-bullet-streak{
    width:80px !important;
    height:28px !important;
    opacity:.85 !important;
  }

  /* 公告：缩小并允许单行省略，不再吃掉一整行高度 */
  html[data-bc] #la-landing .la-nav-announcement{
    order:2 !important;
    position:absolute !important;
    left:10px !important;
    right:10px !important;
    bottom:4px !important;
    flex:0 0 auto !important;
    max-width:none !important;
    min-height:0 !important;
    height:18px !important;
    margin:0 !important;
    padding:0 !important;
    gap:6px !important;
    justify-content:flex-start !important;
    overflow:hidden !important;
    background:none !important;
    border:0 !important;
    box-shadow:none !important;
  }
  html[data-bc] #la-landing .la-nav-anno-badge{
    display:none !important;
  }
  html[data-bc] #la-landing .la-nav-anno-text{
    font-size:10px !important;
    line-height:13px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    display:block !important;
    opacity:.9 !important;
  }
  html[data-bc] #la-landing .la-top-copy-btn{
    height:18px !important;
    padding:0 6px !important;
    font-size:9.5px !important;
    flex:0 0 auto !important;
  }
  html[data-bc] #la-landing .la-top-copy-btn .la-copy-txt{
    display:none !important;
  }

  /* 右侧按钮簇：一行排布，等距不换行 */
  html[data-bc] #la-landing .la-nav-cluster{
    margin-left:auto !important;
    gap:4px !important;
    padding:0 !important;
    flex-wrap:nowrap !important;
    height:32px !important;
    align-items:center !important;
    flex:0 0 auto !important;
    min-width:0 !important;
  }
  html[data-bc] #la-landing .la-lang-btn{
    width:42px !important; min-width:42px !important; flex:0 0 42px !important;
    height:28px !important; font-size:9.5px !important;
    padding:0 !important;
  }
  html[data-bc] #la-landing .la-rbtn{
    height:28px !important;
    font-size:11px !important;
    padding:0 !important;
    flex:0 0 auto !important;
  }
  html[data-bc] #la-landing .la-rbtn-login{ width:40px !important; min-width:40px !important; flex:0 0 40px !important; }
  html[data-bc] #la-landing .la-rbtn-register{ width:44px !important; min-width:44px !important; flex:0 0 44px !important; }
  html[data-bc] #la-landing .la-rbtn-dash{ width:54px !important; min-width:54px !important; flex:0 0 54px !important; }
  html[data-bc] #la-landing .bc-mode-btn{ height:28px !important; padding:0 1px !important; flex:0 0 auto !important; }
  html[data-bc] #la-landing .bc-mode-track{ width:42px !important; height:24px !important; padding:0 5px !important; }
  html[data-bc] #la-landing .bc-mode-knob{ width:18px !important; height:18px !important; top:3px !important; }
  html[data-bc] #la-landing .bc-mode-track svg{ width:12px !important; height:12px !important; }

  /* ---------- 2. Hero：字号与间距降一档 ---------- */
  html[data-bc] #la-landing .la-lwrap{ padding:0 14px !important; }
  html[data-bc] #la-landing .bc-stage{ padding:16px 0 14px !important; gap:18px !important; }
  html[data-bc] #la-landing .bc-eyebrow{
    font-size:10.5px !important; line-height:16px !important;
    letter-spacing:.26em !important; margin-bottom:8px !important;
  }
  html[data-bc] #la-landing .bc-num{
    font-size:52px !important; line-height:52px !important;
    letter-spacing:-.02em !important;
  }
  html[data-bc] #la-landing .bc-unit{ font-size:15px !important; line-height:22px !important; }
  html[data-bc] #la-landing .bc-tagline{
    font-size:15px !important; line-height:22px !important; margin-top:10px !important;
  }
  html[data-bc] #la-landing .bc-desc{
    font-size:13px !important; line-height:22px !important; margin-top:8px !important;
    max-width:none !important;
  }
  html[data-bc] #la-landing .bc-actions{
    margin-top:18px !important; gap:12px !important; row-gap:12px !important;
  }
  html[data-bc] #la-landing .bc-cta{
    height:50px !important; padding:4px 18px 4px 4px !important; font-size:14px !important;
  }
  html[data-bc] #la-landing .bc-cta-ic{ width:40px !important; height:40px !important; margin-right:10px !important; }
  html[data-bc] #la-landing .bc-explore{ font-size:12.5px !important; }

  /* ---------- 3. 节点面板：密度提高、触控友好 ---------- */
  html[data-bc] #la-landing .bc-nodes{
    border-radius:16px !important;
    padding:6px 6px 8px !important;
  }
  html[data-bc] #la-landing .bc-nodes-head{
    height:auto !important; min-height:48px !important;
    padding:8px 8px 6px !important;
  }
  html[data-bc] #la-landing .bc-nodes-head .bc-nodes-title .t{ font-size:14px !important; line-height:18px !important; }
  html[data-bc] #la-landing .bc-nodes-head .bc-nodes-title small{ font-size:9px !important; line-height:12px !important; letter-spacing:1.4px !important; }
  html[data-bc] #la-landing .bc-nodes-head .s{ font-size:10.5px !important; line-height:14px !important; }

  html[data-bc] #la-landing #la-lines{ padding:0 6px 6px !important; }
  html[data-bc] #la-landing #la-lines .la-lrow{
    min-height:36px !important; height:36px !important;
    padding:0 8px !important;
    border-radius:10px !important;
    gap:8px !important;
  }
  html[data-bc] #la-landing #la-lines .la-lrow + .la-lrow{ margin-top:5px !important; }
  html[data-bc] #la-landing #la-lines .loc{ gap:8px !important; line-height:16px !important; }
  html[data-bc] #la-landing #la-lines .la-line-flag,
  html[data-bc] #la-landing #la-lines .bc-flag{
    width:20px !important; height:20px !important; flex:0 0 20px !important;
  }
  html[data-bc] #la-landing #la-lines .city{ font-size:12.5px !important; line-height:16px !important; }
  html[data-bc] #la-landing .la-ping-badge{
    font-size:10.5px !important; line-height:14px !important;
    padding:2px 8px !important;
  }

  /* ---------- 4. 套餐卡：窄屏收紧 ---------- */
  html[data-bc] #la-landing #la-plans-sec{ padding:20px 0 14px !important; }
  html[data-bc] #la-landing .la-sec-head h2{ font-size:22px !important; line-height:28px !important; }
  html[data-bc] #la-landing .la-sec-head p{ font-size:11.5px !important; line-height:18px !important; }
  html[data-bc] #la-landing #la-plans{
    grid-template-columns:minmax(0,1fr) !important;
    gap:12px !important;
  }
  html[data-bc] #la-landing #la-plans .la-plan{
    padding:18px 16px 16px !important;
    border-radius:22px !important;
  }
  html[data-bc] #la-landing #la-plans .la-plan .la-plan-name{ font-size:15px !important; line-height:22px !important; }
  html[data-bc] #la-landing #la-plans .la-plan .la-plan-use{ font-size:12px !important; line-height:18px !important; }
  html[data-bc] #la-landing #la-plans .la-plan .amt{ font-size:34px !important; line-height:38px !important; }
  html[data-bc] #la-landing #la-plans .la-plan .cur{ font-size:17px !important; }
  html[data-bc] #la-landing #la-plans .la-plan .per{ font-size:11.5px !important; }
  html[data-bc] #la-landing #la-plans .la-plan .la-specs{
    padding:2px 10px !important;
    border-radius:12px !important;
  }
  html[data-bc] #la-landing #la-plans .la-plan .la-spec{
    min-height:32px !important; padding:6px 0 !important; gap:10px !important;
  }
  html[data-bc] #la-landing #la-plans .la-plan .la-spec .k,
  html[data-bc] #la-landing #la-plans .la-plan .la-spec .v{
    font-size:12.5px !important; line-height:18px !important;
  }
  html[data-bc] #la-landing #la-plans .la-plan .la-plan-btn{
    height:42px !important; font-size:14px !important; border-radius:999px !important;
  }
  /* 通栏海量包在窄屏回到单列规格 */
  html[data-bc] #la-landing #la-plans .la-plan:last-child .la-specs{
    grid-template-columns:minmax(0,1fr) !important;
    column-gap:0 !important;
    padding:2px 10px !important;
  }

  /* ---------- 5. 页脚与浮动按钮 ---------- */
  html[data-bc] #la-landing .la-lfoot-in{ padding:0 14px !important; }
  html[data-bc] #la-landing .la-lfoot-brand{ font-size:13px !important; }
  html[data-bc] #la-landing .la-lfoot-desc{ font-size:11.5px !important; line-height:18px !important; }
  html[data-bc] #la-landing .la-feedback-entry-btn{ height:34px !important; font-size:12px !important; }
  html[data-bc] #la-landing .la-float-feedback-btn,
  html[data-bc] #la-landing .la-float-btn,
  html[data-bc] #la-landing .la-back-top{
    width:40px !important; height:40px !important; right:14px !important; bottom:16px !important;
  }
}

/* 超窄屏（≤380px）：再降一档，避免任何横向溢出 */
@media (max-width:380px){
  /* 超窄屏一行放不下品牌 + 5 个控件：改为两行，
     品牌与昼夜开关在第一行，登录/注册/仪表盘整行右对齐，绝不横向溢出 */
  html[data-bc] #la-landing .la-lnav-in{
    flex-wrap:wrap !important;
    padding:6px 10px !important;
    min-height:0 !important;
    row-gap:6px !important;
  }
  html[data-bc] #la-landing .la-lbrand{
    flex:1 1 auto !important;
    min-width:0 !important;
    order:1 !important;
  }
  html[data-bc] #la-landing .la-brand-main{ font-size:11px !important; letter-spacing:.09em !important; }
  html[data-bc] #la-landing .la-bullet-streak{ width:70px !important; }
  html[data-bc] #la-landing .la-nav-cluster{
    order:3 !important;
    flex:1 1 100% !important;
    width:100% !important;
    justify-content:flex-end !important;
    margin-left:0 !important;
    height:30px !important;
    gap:4px !important;
  }
  /* 公告在超窄屏直接收起：促销信息在套餐区已有完整呈现 */
  html[data-bc] #la-landing .la-nav-announcement{ display:none !important; }

  html[data-bc] #la-landing .bc-num{ font-size:44px !important; line-height:44px !important; }
  html[data-bc] #la-landing #la-plans .la-plan .amt{ font-size:30px !important; line-height:34px !important; }
  html[data-bc] #la-landing #la-lines .city{ font-size:12px !important; }
}
/* ==========================================================================
   白天版 · 套餐价格修复（第二轮：压过真正生效的那条规则）

   第一轮失败原因（用 getMatchedCSSRules 遍历实测）：
     真正生效的是
       html[data-bc] #la-landing #la-plans .la-price-hero .amt
         { font-size: clamp(38px,3.6vw,52px); color: transparent; }
     它带 !important 且选择器比我写的更长（多了 #la-plans 那一级），
     所以我的 30px / 深色被压在后面。
     另外 .amt 颜色是 transparent + background-clip:text 的渐变字，
     所以必须同时清掉 background 与 -webkit-text-fill-color。

   这一轮：把选择器写到同样长甚至更长，并把 #la-plans 补进去。
   ========================================================================== */

/* ---------- 价格数字 ---------- */
html[data-bc="day"] #la-landing #la-plans .la-plan .la-price-hero .amt,
html[data-bc="day"] #la-landing #la-plans .la-plan .la-plan-price .amt,
html[data-bc="day"] #la-landing #la-plans .la-price-hero .amt {
  font-size: 30px !important;
  color: #14263d !important;
  -webkit-text-fill-color: #14263d !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  text-shadow: none !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
}

/* 旗舰包（原来金色渐变）保持一点差别，但同样实色无发光 */
html[data-bc="day"] #la-landing #la-plans .la-plan[data-plan-id="3"] .la-price-hero .amt,
html[data-bc="day"] #la-landing #la-plans .la-plan.la-mat-gold .la-price-hero .amt {
  color: #8a5310 !important;
  -webkit-text-fill-color: #8a5310 !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  text-shadow: none !important;
  font-size: 32px !important;
}

/* ---------- 货币符号 ---------- */
html[data-bc="day"] #la-landing #la-plans .la-plan .la-price-hero .cur {
  color: #9a6410 !important;
  -webkit-text-fill-color: #9a6410 !important;
  background: none !important;
  text-shadow: none !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

/* ---------- 单位文字：/ 次 (测试)、/ 月 (券后) ---------- */
html[data-bc="day"] #la-landing #la-plans .la-plan .la-price-hero .per,
html[data-bc="day"] #la-landing #la-plans .la-plan .la-price-hero .la-price-per {
  color: #2c3e56 !important;
  -webkit-text-fill-color: #2c3e56 !important;
  background: none !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  opacity: 1 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

/* ---------- 原价与折扣 ---------- */
html[data-bc="day"] #la-landing #la-plans .la-plan .la-orig-wrap,
html[data-bc="day"] #la-landing #la-plans .la-plan .la-orig-amt {
  color: rgba(24, 40, 62, .62) !important;
  -webkit-text-fill-color: rgba(24, 40, 62, .62) !important;
}
html[data-bc="day"] #la-landing #la-plans .la-plan .la-save-tag {
  color: #0c6b45 !important;
  -webkit-text-fill-color: #0c6b45 !important;
  font-weight: 700 !important;
}
html[data-bc="day"] #la-landing #la-plans .la-plan .la-disc-pill {
  color: #8a5310 !important;
  -webkit-text-fill-color: #8a5310 !important;
  box-shadow: none !important;
  font-weight: 700 !important;
}

/* ---------- 套餐名 ---------- */
html[data-bc="day"] #la-landing #la-plans .la-plan .la-plan-name {
  color: #13233a !important;
  -webkit-text-fill-color: #13233a !important;
}
html[data-bc="day"] #la-landing #la-plans .la-plan .la-plan-use {
  color: rgba(24, 40, 62, .68) !important;
}

/* ---------- 窄屏 ---------- */
@media (max-width:600px){
  html[data-bc="day"] #la-landing #la-plans .la-plan .la-price-hero .amt {
    font-size: 27px !important;
  }
  html[data-bc="day"] #la-landing #la-plans .la-plan[data-plan-id="3"] .la-price-hero .amt {
    font-size: 28px !important;
  }
}

/* ==========================================================================
   仪表盘：演示区 + 客户端连接 并排双栏
   --------------------------------------------------------------------------
   症状（线上实测）：.bc-guide 被塞进 .la-dash 里单列纵向排列，
      .bc-guide 宽度 1308px、内部 .gf-steps-txt 被 1fr 撑到 1030px，
      文字只占左边 ~180px，右边 850px 全空 —— 视觉上就是一大块黑。
   原因：演示组件和连接面板都直接 appendChild 到 .la-dash，
      而 .la-dash 是单列流式布局。
   修复：包一层 .la-dash-cols，双栏并排；手机列固定 260px 由组件内部管理。
   与本地预览 dash-v2.html 的 .cols 结构对齐。
   ========================================================================== */
.la-dash-cols{
  display:grid;
  /* 演示区多分一点：步骤列要放得下一行中文，265px 是下限 */
  grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);
  gap:16px;
  align-items:start;
  margin-top:2px;
  /* 上限 1200px：再宽两栏内容会被摊薄，再窄步骤列读不动 */
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
  width:100%;
}
.la-dash-cols > .la-dash-demowrap{min-width:0}
.la-dash-cols > .la-guide{min-width:0}

/* 连接面板在 1fr（约 530px）栏里，原 4 列会把按钮压成窄条，改 2 列铺满 */
.la-dash-cols .la-app-grid{grid-template-columns:repeat(2,1fr)}
/* 让连接面板与演示区同高；卡片内部纵向排布，内容顶端对齐 */
.la-dash-cols .la-guide{
  display:flex;
  flex-direction:column;
}
/* 按钮保持自然高度与自然间距；右栏卡片按内容收高，不留内部空洞 */
.la-dash-cols .la-guide .la-app-grid{
  margin-bottom:0;
  gap:12px;
}
@media (max-width:980px){
  .la-dash-cols{grid-template-columns:1fr}
}

.la-dash-cols .bc-guide{margin:0}

/* 注意：.demo-stage / .demo-left / .demo-right / .gf-steps-txt / #gfOuter
   全部在 Shadow DOM 内部，主题 CSS 无法穿透。它们的栅格与窄屏回退
   写在 bullet-guide.js 的 GUIDE_CSS 里。 */

/* ==========================================================================
   仪表盘首屏：超大配额 + 商标呼吸带 + 底部状态条 + 工具下载
   --------------------------------------------------------------------------
   移植自本地预览 work/ui_preview/dash-v2.html 的 .quota / .brandgap / .bmark
   / .foot / .dlbox。前缀加 la- 以免和 Xboard 原生类冲突。
   ========================================================================== */

/* ---- 超大配额 ---- */
.la-q{text-align:center;padding:14px 0 0}
.la-q-num{
  font-family:var(--la-sans,inherit);
  font-size:clamp(72px,10.6vw,140px);
  font-weight:200;letter-spacing:-.052em;line-height:.84;
  color:#f4f3f0;text-shadow:0 2px 26px rgba(0,0,0,.5);
  display:inline-flex;align-items:baseline;gap:.05em;
}
.la-q-num small{
  font-size:.235em;font-weight:250;color:#d6d3cd;opacity:.86;
  transform:translateY(-.28em);
}
.la-q-used{
  margin-top:14px;font-size:13px;letter-spacing:.07em;color:#9d9a94;
}
.la-q-used b{color:#e8e5df;font-weight:500}
.la-q-bar{
  margin:16px auto 0;width:min(600px,70%);height:3px;border-radius:99px;
  background:rgba(255,255,255,.11);position:relative;overflow:visible;
}
.la-q-bar i{
  display:block;height:100%;border-radius:99px;
  background:linear-gradient(90deg,#b98f4f,#d8b378 45%,#f0dcb4);
  box-shadow:0 0 12px 1px rgba(216,179,120,.55);
  position:relative;
}
.la-q-bar i.warn{background:linear-gradient(90deg,#a9762f,#d9a24f 45%,#f3cd8a)}
.la-q-bar i.crit{background:linear-gradient(90deg,#8d3a2e,#c25a3c 45%,#e88a67)}

/* ---- 商标呼吸带 ---- */
.la-brandgap{
  display:flex;align-items:center;justify-content:center;
  padding:26px 0 30px;
}
.la-bmark{
  display:flex;flex-direction:column;align-items:center;gap:7px;
  position:relative;padding:0 30px;
  animation:la-breathe 5.5s ease-in-out infinite;
}
@keyframes la-breathe{
  0%,100%{opacity:.82;transform:translateY(0)}
  50%{opacity:1;transform:translateY(-3px)}
}
.la-bmark .la-ben{
  font-size:clamp(15px,1.55vw,20px);font-weight:600;
  letter-spacing:.42em;text-indent:.42em;color:#efece5;
  text-shadow:0 0 26px rgba(255,240,210,.28),0 1px 2px rgba(0,0,0,.6);
  white-space:nowrap;
}
.la-bmark .la-bzh{
  font-size:clamp(10px,1vw,12.5px);font-weight:400;
  letter-spacing:.62em;text-indent:.62em;color:rgba(233,229,220,.55);
  white-space:nowrap;
}
.la-bmark::before,.la-bmark::after{
  content:"";position:absolute;top:50%;width:34px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22));
}
.la-bmark::before{left:-14px}
.la-bmark::after{right:-14px;transform:scaleX(-1)}

/* ---- 底部状态条 ---- */
.la-dash-foot{
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;flex-wrap:wrap;
  padding:12px 4px 0;margin-top:4px;
  border-top:1px solid rgba(255,255,255,.08);
  font-size:11px;letter-spacing:.05em;color:#7a7873;
}
.la-dash-foot .l{display:flex;align-items:center;gap:7px}
.la-dash-foot .dot{
  width:6px;height:6px;border-radius:50%;background:#79c9a4;
  box-shadow:0 0 8px #79c9a4;flex:none;
}
.la-dash-foot .dot.off{background:#7a7873;box-shadow:none}
.la-dash-foot .r b{color:#b8b4ac;font-weight:500;font-family:var(--la-mono,monospace)}

/* ---- 本站工具下载 ---- */
.la-dlbox{
  display:flex;flex-direction:column;align-items:flex-end;gap:7px;
  padding:14px 2px 0;
}
.la-dl-t{font-size:9.5px;letter-spacing:.14em;color:#5d5b56}
.la-dl-row{display:flex;gap:8px}
.la-dl-item{
  display:flex;align-items:center;justify-content:center;gap:6px;
  height:28px;padding:0 12px;border-radius:8px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.045);
  color:#9a9891;text-decoration:none;
  font-size:11px;letter-spacing:.03em;
  transition:all .18s ease;
}
.la-dl-item:hover{
  border-color:rgba(255,255,255,.26);
  background:rgba(255,255,255,.10);
  color:#e8e6e0;
}

/* 窄屏收口 */
@media (max-width:760px){
  .la-brandgap{padding:18px 0 22px}
  .la-q-bar{width:84%}
  .la-dlbox{align-items:flex-start;padding-left:4px}
  .la-dash-foot{font-size:10.5px}
}


/* ==========================================================================
   仪表盘外壳：删掉左侧边栏 + 顶栏改造为预览样式
   --------------------------------------------------------------------------
   线上（Xboard 原生）：
     .n-layout-sider  220px 侧栏（Bullet cloud / 仪表盘）
     header.bg-white  60px 顶栏（订阅胶囊 + 3 个图标）
   预览（work/ui_preview/dash-v2.html）：
     无侧栏；顶栏左侧是 BULLET CLOUD 品牌按钮，右侧 3 个圆形图标
     （语言 / 通知 / 头像），没有订阅胶囊。
   本段把线上拉到预览形态。
   ========================================================================== */

/* ---------- 1. 侧栏整条删除 ---------- */
.n-layout-sider{
  display:none !important;
  width:0 !important;
  min-width:0 !important;
  max-width:0 !important;
  flex:0 0 0 !important;
  overflow:hidden !important;
  border:0 !important;
}
/* n-layout-has-sider 会为侧栏预留 padding-left，一并清零 */
.n-layout-has-sider{
  padding-left:0 !important;
  margin-left:0 !important;
}
.n-layout-has-sider > .n-layout,
.n-layout-has-sider > .n-layout-scroll-container{
  margin-left:0 !important;
  padding-left:0 !important;
}

/* ---------- 2. 顶栏：改成预览的形态 ---------- */
/* 原本 bg-white 在深色页面上是一块白条，预览里顶栏是透明浮在背景上 */
header.flex.items-center.bg-white{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  height:58px !important;
  padding:0 22px !important;
}

/* 去掉顶栏里的「订阅」大胶囊（预览右侧只有 3 个圆图标） */
.la-hdr-sub-btn{
  display:none !important;
}

/* 右侧 3 个圆形图标：统一成预览的 34px 圆钮 */
header.flex.items-center.bg-white .n-button{
  width:34px !important;
  min-width:34px !important;
  height:34px !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  margin-right:10px !important;
  color:#b9c0c9 !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:rgba(255,255,255,.05) !important;
  transition:.16s !important;
}
header.flex.items-center.bg-white .n-button:hover{
  background:rgba(255,255,255,.13) !important;
  color:#fff !important;
}
header.flex.items-center.bg-white .n-button:last-child{
  border-color:rgba(255,255,255,.18) !important;
  background:linear-gradient(140deg,rgba(255,255,255,.16),rgba(255,255,255,.05)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22) !important;
  margin-right:0 !important;
}
/* 通知红点位置对齐圆钮右上 */
header.flex.items-center.bg-white .la-dash-notice-badge,
header.flex.items-center.bg-white .n-badge{
  transform:translate(2px,-2px) !important;
}

/* ---------- 3. 左侧品牌按钮（预览的 .brand-btn）---------- */
/* 线上顶栏左侧是侧栏里的 "Bullet cloud"；侧栏删掉后这里空了，
   由 bullet-main.js 注入 .la-brandbtn（见 buildBrandBtn） */
.la-brandbtn{
  all:unset;
  cursor:pointer;
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:8px 15px 8px 11px;
  border-radius:999px;
  font-size:12px;
  letter-spacing:.24em;
  color:#d6dae0;
  font-weight:500;
  border:1px solid rgba(255,255,255,.1);
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
  transition:.2s cubic-bezier(.2,.7,.2,1);
}
.la-brandbtn svg{width:13px;height:13px;opacity:.85;transition:.2s}
.la-brandbtn:hover{
  color:#fff;
  border-color:rgba(255,255,255,.26);
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.04));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 8px 22px -10px rgba(0,0,0,.9);
  transform:translateY(-1px);
}
.la-brandbtn:hover svg{opacity:1;transform:scale(1.06)}

/* ---------- 4. 内容区：预览是单列居中 ---------- */
section.cus-scroll-y{
  padding-left:0 !important;
}

/* ---------- 5. 侧栏里的个人中心按钮：功能保留，挂到顶栏 ---------- */
.la-sider-profile-wrap{display:none !important}

/* ==========================================================================
   顶栏收尾：去掉原生折叠按钮 + 底部状态条上移
   ========================================================================== */

/* 侧栏已删，Xboard 顶栏中间那个 20x20 的"折叠/展开侧栏"图标失去意义。
   它是 header 的第二个子元素（div，无 class，里面 2 个 svg）。
   预览里顶栏只有：品牌按钮 + 右侧三图标。 */
header.flex.items-center > div:not([class]):has(svg),
header.flex.items-center > div:nth-child(2):not([class]){
  display:none !important;
}

/* 底部状态条与下载区：原来排在演示区之后，被 614px 高的演示区顶出首屏。
   把它们压到演示区右下方的空档里，首屏可见。 */
.la-dash-foot{
  margin-top:-18px !important;
}
.la-dlbox{
  padding-top:6px !important;
}



/* ==========================================================================
   外框：与预览的 .shell 对齐（max-width:1120px，居中，圆角描边）
   --------------------------------------------------------------------------
   预览 dash-v2.html:
     .shell{max-width:1120px; border-radius:18px; border:1px solid rgba(255,255,255,.11);
            box-shadow:0 44px 100px -44px rgba(0,0,0,1)}
   线上原来是 1560px 全宽铺满 —— 这是"看起来不像预览"最直观的原因：
   大数字被拉得很开、三栏稀疏。
   ========================================================================== */

section.cus-scroll-y.la-dash-on > div{
  max-width:1120px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* 顶栏也收进同一个宽度，保证左边缘与内容左边缘对齐 */
header.flex.items-center.bg-white{
  max-width:1120px !important;
  margin:0 auto !important;
  padding:0 4px !important;
}

/* 演示 + 连接 双栏：预览里在 1120 里可用约 1076，两栏各占一半 */
.la-dash-cols{
  max-width:100% !important;
}

/* 大数字在 1120 宽度下不要顶到 140px，略收，和预览的视觉重量一致 */
.la-q-num{
  font-size:clamp(72px,9.6vw,124px) !important;
}


/* ==========================================================================
   顶栏修正：只隐藏"折叠侧栏"图标，不要误伤右侧按钮组
   --------------------------------------------------------------------------
   上一条 div:nth-child(2):not([class]) 写得太宽，把右侧图标组一起隐藏了
   （实测 headerKids 第 3 项 w=0）。改成按内容精准匹配：
   折叠图标是 header 里唯一既有 svg、又没有「订阅 / @」文字的那个 div，
   且宽度约 20px。
   ========================================================================== */

/* 先撤销过宽的旧规则 */
header.flex.items-center > div:nth-child(2):not([class]){
  display:revert !important;
}

/* 折叠图标由 JS 精确移除（见 bullet-main.js 的 dropCollapseBtn），
   CSS 选择器无法区分"无 class 的折叠图标"与"无 class 的按钮组"。 */

/* 品牌按钮撑开左侧空间，右侧按钮组自然靠右 */
header.flex.items-center > .la-brandbtn{
  margin-right:auto !important;
}

/* 顶栏整体：左右各留一点，内部两端对齐 */
header.flex.items-center.bg-white{
  max-width:1120px !important;
  margin:0 auto !important;
  padding:0 22px !important;
  justify-content:space-between !important;
  gap:12px !important;
}

/* 右侧图标组：确认可见、横向排列、不被压缩 */
header.flex.items-center.bg-white > div:last-child{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex:0 0 auto !important;
  width:auto !important;
  visibility:visible !important;
  opacity:1 !important;
}


/* ==========================================================================
   顶栏最终收口：两端对齐 + 隐藏折叠图标
   --------------------------------------------------------------------------
   实测 header 是 display:flex 但没 justify-content:space-between，
   插进来的品牌按钮被挤在中间（x=601），右侧图标组（x=817）也跟着漂。
   JS 的 remove 又因为 SPA 重渲染而失效（折叠图标 x=785 仍在）。
   用 CSS 兜底：直接按几何位置隐藏折叠图标 + 强制两端对齐。
   ========================================================================== */

header.flex.items-center.bg-white{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  max-width:1120px !important;
  margin:0 auto !important;
  padding:0 22px !important;
  gap:12px !important;
  height:58px !important;
}

/* 折叠图标：header 里那个没有 class、只有 2 个 svg、宽约 20px 的 div。
   它一定排在按钮组之前，且比按钮组窄得多。用 :nth-child 锁死第 2 个。 */
header.flex.items-center.bg-white > div:not([class]):nth-child(2){
  display:none !important;
}

/* 品牌按钮：固定在最左，不参与居中 */
header.flex.items-center.bg-white > .la-brandbtn{
  order:-1 !important;
  margin-right:auto !important;
  flex:0 0 auto !important;
}

/* 右侧图标组：固定在最右 */
header.flex.items-center.bg-white > div:last-child{
  order:99 !important;
  margin-left:auto !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex:0 0 auto !important;
}

/* 底部状态条：演示区 614px 把它顶出首屏，收一点间距让首屏能看到 */
.la-dash-foot{
  margin-top:-10px !important;
}


/* ==========================================================================
   顶栏几何修正（最后一次）
   --------------------------------------------------------------------------
   实测链路：
     header  x=595 w=370   flex:0 1 auto   margin:0 594.97px  ← 病根
     article x=0   w=1560  flex:1 1 0%
   header 是 article 的 flex 子项，我给了 max-width:1120 + margin:0 auto，
   于是它按 flex 规则缩到内容宽度 370px，再被 auto margin 居中，
   结果品牌按钮和图标组都挤在中右部。
   正确做法：header 撑满父级宽度（align-self:stretch + width:100%），
   只在内部用 padding 留边；max-width 交给内层内容去限。
   ========================================================================== */

header.flex.items-center.bg-white{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 22px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  flex:0 0 auto !important;
  align-self:stretch !important;
  height:58px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* 顶栏内部内容居中收口到 1120，与下方主体同宽 */
header.flex.items-center.bg-white > .la-brandbtn{
  order:-1 !important;
  flex:0 0 auto !important;
  margin-right:auto !important;
}
header.flex.items-center.bg-white > div:last-child{
  order:99 !important;
  flex:0 0 auto !important;
  margin-left:auto !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}
/* 折叠图标已由 JS 移除；若 SPA 重建则再兜一次 */
header.flex.items-center.bg-white > div:not([class]):nth-child(2){
  display:none !important;
}


/* ==========================================================================
   一屏放下：抑制滚动，压缩各区块垂直间距
   --------------------------------------------------------------------------
   实测（1560x1000 视口，顶栏 58px）：
     section 可用高 = 942px
     实际内容高   = 1054px   ← 溢出 112px
   分布：
     quota 172 / brandgap 115 / cols 632 / foot 32 / dlbox 56
   压缩策略（保留预览的呼吸感，只削空白，不削内容）：
     quota     172 → 142   （大数字 124→104，上下留白收紧）
     brandgap  115 →  62   （26/30 内边距 → 10/8）
     cols      632 → 600   （手机框 372→330，步骤框 max-height 同步）
     foot+dl   88  →  76   （合并到一行）
   合计 ≈ 880，留 60px 余量。
   同时给 section 加 overflow:hidden，彻底杜绝上下拖动。
   ========================================================================== */

/* ---- 1. 容器不再可滚动 ---- */
section.cus-scroll-y.la-dash-on{
  overflow:hidden !important;
  height:calc(100vh - 58px) !important;
  max-height:calc(100vh - 58px) !important;
}

/* ---- 2. 大数字：缩小 + 收紧上下 ---- */
.la-q{
  padding:2px 0 0 !important;
}
.la-q-num{
  font-size:clamp(64px,8.4vw,104px) !important;
  line-height:.82 !important;
}
.la-q-used{
  margin-top:9px !important;
  font-size:12px !important;
}
.la-q-bar{
  margin-top:11px !important;
  height:3px !important;
}

/* ---- 3. 商标呼吸带：呼吸感保留，留白压缩 ---- */
.la-brandgap{
  padding:10px 0 12px !important;
}
.la-bmark{
  gap:5px !important;
}
.la-bmark .la-ben{
  font-size:clamp(13px,1.3vw,17px) !important;
}
.la-bmark .la-bzh{
  font-size:clamp(9px,.85vw,11px) !important;
}

/* ---- 4. 底部：状态条 + 下载合并成一行，不再各占一块 ---- */
.la-dash-foot{
  margin-top:8px !important;
  padding:9px 4px 0 !important;
}
.la-dlbox{
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  padding:6px 2px 0 !important;
}
.la-dl-t{
  font-size:9px !important;
  white-space:nowrap !important;
}
.la-dl-item{
  height:26px !important;
  padding:0 10px !important;
  font-size:10.5px !important;
}

/* ---- 5. 双栏内部 ---- */
.la-dash-cols{
  margin-top:0 !important;
}

/* 注意：.gflash / .gf-cam / .gf-steps-txt / .gf-outer / .gf-steps 在 Shadow DOM 内，
   主题 CSS 无法穿透，它们的收高写在 bullet-guide.js 的 GUIDE_CSS 里
   （通过 @media (max-height:...) 在 Shadow 内部生效）。 */

/* 连接面板：按钮行距略收，整体高度贴近左侧 */
.la-dash-cols .la-guide .la-app-grid{
  gap:10px !important;
}
.la-dash-cols .la-guide .la-app-btn{
  min-height:52px !important;
}

/* ---- 6. 更矮的视口（笔记本 768/800）进一步收紧 ---- */
@media (max-height:820px){
  .la-q-num{font-size:clamp(56px,7.2vw,88px) !important}
  .la-brandgap{padding:6px 0 8px !important}
  .la-dash-cols .la-guide .la-app-btn{min-height:46px !important}
}

@media (max-height:700px){
  .la-q-num{font-size:clamp(48px,6vw,72px) !important}
  .la-brandgap{padding:4px 0 6px !important}
}


/* ==========================================================================
   一屏放下 · 收尾（第二版）
   --------------------------------------------------------------------------
   实测 1560×1000：section 可用 942px，内容 957px，溢出 15px。
   分布（已压缩后）：
     quota 129 / brandgap 72 / cols 632 / foot 29 / dlbox 32  + 间距 = 957
   cols 632 里手机 520 + 控制条 63 是硬需求，能动的只有外边距：
     la-dash 上边距 8 → 2   (-6)
     cols 与框之间 2px     (-2)
     brandgap 72 → 62      (-10)
   合计 -18，正好压进 942。
   同时给 section 兜底 overflow:hidden，任何机型都不会出现滚动条。
   ========================================================================== */

section.cus-scroll-y.la-dash-on{
  overflow:hidden !important;
  padding-top:0 !important;
}

.la-dash{
  margin:2px 0 0 !important;
  gap:10px !important;
}

.la-q{
  padding:0 !important;
}

.la-brandgap{
  padding:6px 0 8px !important;
}

/* 演示区与状态条之间不再额外留白 */
.la-dash-cols{
  margin:0 !important;
}

.la-dash-foot{
  margin-top:6px !important;
  padding-top:8px !important;
}

.la-dlbox{
  padding-top:4px !important;
}

/* 极矮视口（<900）进一步压：手机框等比缩小，但不裁画面（宽高同比） */
@media (max-height:900px){
  .la-q-num{font-size:clamp(56px,7vw,88px) !important}
  .la-brandgap{padding:4px 0 6px !important}
}


/* ==========================================================================
   顶栏右侧三个图标：改成预览的 16px 描边风格
   --------------------------------------------------------------------------
   线上实测：图标是 28×28 的实心图形（Naive UI 自带 svg，viewBox 0 0 24 24 /
   0 0 32 32，path 长度 100~1200），视觉上偏"粗、满、实心"。
   预览 dash-v2.html：
     .hbtn svg{width:16px;height:16px}
     统一 stroke-width:1.9，无 fill，圆形 34px 容器
   这里把线上图标压到 16px，并统一成描边观感。
   ========================================================================== */

header.flex.items-center.bg-white .n-button svg{
  width:16px !important;
  height:16px !important;
  min-width:16px !important;
  min-height:16px !important;
  max-width:16px !important;
  max-height:16px !important;
  flex:none !important;
}

/* Naive UI 的图标容器默认会撑满按钮，一并收住 */
header.flex.items-center.bg-white .n-button .n-icon-slot,
header.flex.items-center.bg-white .n-button .n-button__content{
  display:grid !important;
  place-items:center !important;
  width:16px !important;
  height:16px !important;
  min-width:0 !important;
  flex:none !important;
}

/* 描边化：去掉实心填充，统一 1.9 描边（与预览一致） */
header.flex.items-center.bg-white .n-button svg path,
header.flex.items-center.bg-white .n-button svg circle,
header.flex.items-center.bg-white .n-button svg rect,
header.flex.items-center.bg-white .n-button svg polygon,
header.flex.items-center.bg-white .n-button svg line{
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.9 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

/* 头像按钮里的第二张图（0×0 的备用 svg）直接隐藏，避免叠加 */
header.flex.items-center.bg-white .n-button svg[width="0"],
header.flex.items-center.bg-white .n-button svg[height="0"]{
  display:none !important;
}

/* 按钮本体：与预览的 .hbtn 完全一致 */
header.flex.items-center.bg-white .n-button{
  width:34px !important;
  min-width:34px !important;
  height:34px !important;
  padding:0 !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  color:#b9c0c9 !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:rgba(255,255,255,.05) !important;
  box-shadow:none !important;
  transition:background .16s, color .16s, border-color .16s !important;
}
header.flex.items-center.bg-white .n-button:hover{
  background:rgba(255,255,255,.13) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.24) !important;
}

/* 最后一个（头像）保留略强的玻璃高光，与预览 .avatar 一致 */
header.flex.items-center.bg-white .n-button:last-child{
  border-color:rgba(255,255,255,.18) !important;
  background:linear-gradient(140deg,rgba(255,255,255,.16),rgba(255,255,255,.05)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22) !important;
  color:#c8cfd8 !important;
}
header.flex.items-center.bg-white .n-button:last-child:hover{
  border-color:rgba(255,255,255,.34) !important;
  background:linear-gradient(140deg,rgba(255,255,255,.26),rgba(255,255,255,.09)) !important;
  color:#fff !important;
}

/* 通知红点：贴右上角内侧，与预览 .hbtn .dot 位置一致 */
header.flex.items-center.bg-white .la-dash-notice-badge,
header.flex.items-center.bg-white .n-badge{
  top:6px !important;
  right:6px !important;
  transform:none !important;
}
header.flex.items-center.bg-white .n-badge-sup{
  min-width:14px !important;
  height:14px !important;
  line-height:14px !important;
  font-size:9px !important;
  padding:0 4px !important;
  border-radius:999px !important;
  background:#e2685f !important;
  box-shadow:0 0 7px rgba(226,104,95,.8) !important;
  border:0 !important;
}


/* ==========================================================================
   底部状态条：下载按钮并入左侧（套餐到期之前）并放大
   --------------------------------------------------------------------------
   改前结构：  [● Active · 套餐]  ……  [套餐到期 2026-11-20]
                另起一行：[本站提供的工具] [Windows x64] [Android APK]
   改后结构（同一行）：
                左：● Active · 套餐   中左：本站工具 Windows x64 / Android APK
                右：套餐到期 2026-11-20
   按钮高度 26 → 32，字号 10.5 → 12，左右内边距 10 → 14（"稍微放大"）。
   ========================================================================== */

.la-dash-foot{
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  flex-wrap:nowrap !important;
}

/* 左侧状态：不再吃掉剩余空间，按内容宽度排 */
.la-dash-foot > .l{
  flex:0 0 auto !important;
  white-space:nowrap !important;
}

/* 下载组：贴在状态后面，与右侧到期日之间用 auto 撑开 */
.la-dl-inline{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex:0 0 auto !important;
  margin-left:4px !important;
}
.la-dl-inline .la-dl-t{
  font-size:10px !important;
  letter-spacing:.1em !important;
  color:#5d5b56 !important;
  white-space:nowrap !important;
  margin-right:2px !important;
}

/* 按钮：比原来"稍微放大" */
.la-dl-inline .la-dl-item{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:32px !important;
  padding:0 14px !important;
  border-radius:9px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:rgba(255,255,255,.055) !important;
  color:#a8a59d !important;
  text-decoration:none !important;
  font-size:12px !important;
  letter-spacing:.02em !important;
  white-space:nowrap !important;
  transition:all .18s ease !important;
}
.la-dl-inline .la-dl-item:hover{
  border-color:rgba(255,255,255,.30) !important;
  background:rgba(255,255,255,.12) !important;
  color:#eae7e1 !important;
  transform:translateY(-1px) !important;
}

/* 右侧到期日：靠右 */
.la-dash-foot > .r{
  flex:0 0 auto !important;
  margin-left:auto !important;
  white-space:nowrap !important;
}

/* 白天版：浅底深字 */
html[data-bc="day"] .la-dl-inline .la-dl-item{
  border-color:rgba(20,36,56,.16) !important;
  background:rgba(255,255,255,.72) !important;
  color:#41546c !important;
}
html[data-bc="day"] .la-dl-inline .la-dl-item:hover{
  border-color:rgba(20,36,56,.34) !important;
  background:#fff !important;
  color:#12243c !important;
}
html[data-bc="day"] .la-dl-inline .la-dl-t{
  color:#71808f !important;
}

/* 窄屏：允许换行，按钮缩小一点，避免挤出屏幕 */
@media (max-width:820px){
  .la-dash-foot{
    flex-wrap:wrap !important;
    gap:10px !important;
  }
  .la-dash-foot > .r{margin-left:0 !important}
  .la-dl-inline .la-dl-item{
    height:28px !important;
    padding:0 11px !important;
    font-size:11px !important;
  }
}

/* 旧的独立下载区（已并入状态条）：若布局缓存里还在，一并隐藏 */
.la-dlbox{display:none !important}


/* ==========================================================================
   通知中心：分类标签 + 可点击条目 + 邮件式详情面板
   ========================================================================== */

/* ---- 分类标签 ---- */
.bnm-tabs{
  display:flex;
  gap:6px;
  padding:0 20px 12px;
  border-bottom:1px solid rgba(255,255,255,.07);
  flex-wrap:wrap;
}
.bnm-tab{
  appearance:none;
  cursor:pointer;
  height:30px;
  padding:0 14px;
  border-radius:999px;
  font:inherit;
  font-size:12px;
  letter-spacing:.03em;
  color:#8b97a8;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.10);
  transition:all .16s ease;
}
.bnm-tab:hover{
  color:#dfe6f0;
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.22);
}
.bnm-tab.active{
  color:#eaf1ff;
  background:rgba(58,92,192,.26);
  border-color:rgba(120,150,225,.55);
}

/* ---- 可点击条目 ---- */
.bnm-item--click{
  cursor:pointer;
  position:relative;
  transition:background .16s ease, border-color .16s ease, transform .16s ease;
}
.bnm-item--click:hover{
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.20);
}
.bnm-item--click:active{transform:scale(.995)}
.bnm-arrow{
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  font-size:18px;
  line-height:1;
  color:rgba(255,255,255,.22);
  pointer-events:none;
  transition:color .16s ease, transform .16s ease;
}
.bnm-item--click:hover .bnm-arrow{
  color:rgba(255,255,255,.6);
  transform:translateY(-50%) translateX(2px);
}
.bnm-hint{color:#64748b}
.bnm-empty{
  text-align:center;
  color:#64748b;
  padding:28px 0;
  font-size:13px;
}

/* ---- 邮件式详情面板（屏幕中央） ---- */
.bc-mail-overlay{
  position:fixed;
  inset:0;
  z-index:100000000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(4,6,10,.72);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.bc-mail-overlay.open{display:flex}

.bc-mail-card{
  width:min(680px, 92vw);
  max-height:min(76vh, 720px);
  display:flex;
  flex-direction:column;
  border-radius:18px;
  overflow:hidden;
  background:linear-gradient(168deg,#181b22,#101319);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 40px 90px -30px rgba(0,0,0,.95), inset 0 1px 0 rgba(255,255,255,.09);
  animation:bcMailIn .22s cubic-bezier(.2,.7,.2,1);
}
@keyframes bcMailIn{
  from{opacity:0;transform:translateY(10px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

.bc-mail-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:20px 22px 14px;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.bc-mail-head-l{min-width:0}
.bc-mail-badge{
  display:inline-block;
  font-size:11px;
  letter-spacing:.04em;
  padding:3px 10px;
  border-radius:999px;
  border:1px solid currentColor;
  margin-bottom:9px;
}
.bc-mail-head h4{
  margin:0;
  font-size:16px;
  font-weight:600;
  line-height:1.4;
  color:#eef2f8;
  word-break:break-word;
}
.bc-mail-close{
  appearance:none;
  cursor:pointer;
  flex:none;
  width:30px;
  height:30px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.05);
  color:#b9c0c9;
  font-size:17px;
  line-height:1;
  display:grid;
  place-items:center;
  transition:.16s;
}
.bc-mail-close:hover{background:rgba(255,255,255,.13);color:#fff}

.bc-mail-meta{
  padding:10px 22px;
  font-size:11.5px;
  letter-spacing:.04em;
  color:#6f7d8f;
  border-bottom:1px solid rgba(255,255,255,.05);
}

.bc-mail-body{
  flex:1 1 auto;
  overflow-y:auto;
  padding:18px 22px;
  font-size:13.5px;
  line-height:1.75;
  color:#b9c3d0;
}
.bc-mail-text{white-space:pre-wrap;word-break:break-word}
.bc-mail-loading{color:#64748b;text-align:center;padding:24px 0}

/* 键值表（订单详情） */
.bc-mail-kv{display:flex;flex-direction:column;gap:2px}
.bc-mail-kv-row{
  display:flex;
  gap:16px;
  padding:10px 0;
  border-bottom:1px solid rgba(255,255,255,.055);
}
.bc-mail-kv-row:last-child{border-bottom:0}
.bc-mail-kv-row .k{flex:0 0 96px;color:#6f7d8f}
.bc-mail-kv-row .v{
  flex:1 1 auto;
  text-align:right;
  color:#dfe6f0;
  font-variant-numeric:tabular-nums;
  word-break:break-all;
}

/* 工单对话气泡 */
.bc-mail-msg{
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  padding:12px 14px;
  margin-bottom:10px;
  background:rgba(255,255,255,.03);
}
.bc-mail-msg.me{
  border-color:rgba(58,92,192,.4);
  background:rgba(58,92,192,.12);
}
.bc-mail-msg-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font-size:11.5px;
  color:#8b97a8;
  margin-bottom:7px;
}
.bc-mail-msg-time{color:#5d6a7c;font-variant-numeric:tabular-nums}
.bc-mail-msg-body{color:#c9d3e0;word-break:break-word}

.bc-mail-foot{
  padding:14px 22px 18px;
  border-top:1px solid rgba(255,255,255,.07);
  display:flex;
  justify-content:flex-end;
}
.bc-mail-btn{
  appearance:none;
  cursor:pointer;
  height:36px;
  padding:0 22px;
  border-radius:9px;
  font:inherit;
  font-size:13px;
  color:#dfe6f0;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.16);
  transition:.16s;
}
.bc-mail-btn:hover{background:rgba(255,255,255,.14);color:#fff}

/* ---- 白天版 ---- */
html[data-bc="day"] .bc-mail-overlay{background:rgba(240,243,247,.78)}
html[data-bc="day"] .bc-mail-card{
  background:linear-gradient(168deg,#ffffff,#f6f8fb);
  border-color:rgba(20,36,56,.14);
  box-shadow:0 40px 90px -34px rgba(20,36,56,.45), inset 0 1px 0 #fff;
}
html[data-bc="day"] .bc-mail-head{border-bottom-color:rgba(20,36,56,.10)}
html[data-bc="day"] .bc-mail-head h4{color:#14263d}
html[data-bc="day"] .bc-mail-meta{color:#6b7a8d;border-bottom-color:rgba(20,36,56,.07)}
html[data-bc="day"] .bc-mail-body{color:#41546c}
html[data-bc="day"] .bc-mail-kv-row{border-bottom-color:rgba(20,36,56,.08)}
html[data-bc="day"] .bc-mail-kv-row .k{color:#71808f}
html[data-bc="day"] .bc-mail-kv-row .v{color:#14263d}
html[data-bc="day"] .bc-mail-msg{
  background:rgba(20,36,56,.035);
  border-color:rgba(20,36,56,.10);
}
html[data-bc="day"] .bc-mail-msg.me{
  background:rgba(58,92,192,.10);
  border-color:rgba(58,92,192,.35);
}
html[data-bc="day"] .bc-mail-msg-body{color:#2c3f57}
html[data-bc="day"] .bc-mail-btn{
  background:#fff;
  border-color:rgba(20,36,56,.18);
  color:#1d2b3e;
}
html[data-bc="day"] .bc-mail-btn:hover{background:#eef3fa;border-color:rgba(20,36,56,.32)}
html[data-bc="day"] .bnm-tab{
  background:rgba(20,36,56,.05);
  border-color:rgba(20,36,56,.12);
  color:#5a6b80;
}
html[data-bc="day"] .bnm-tab.active{
  background:rgba(58,92,192,.14);
  border-color:rgba(58,92,192,.45);
  color:#1b3a7a;
}

/* ---- 窄屏 ---- */
@media (max-width:640px){
  .bc-mail-overlay{padding:12px}
  .bc-mail-card{width:100%;max-height:82vh;border-radius:14px}
  .bc-mail-head{padding:16px 16px 12px}
  .bc-mail-body{padding:14px 16px;font-size:13px}
  .bc-mail-kv-row .k{flex:0 0 72px}
}


/* ==========================================================================
   底部状态条重排：Active 移到右侧，紧邻「套餐到期」左侧
   --------------------------------------------------------------------------
   改前： [● Active · 套餐] [本站工具 Win APK] ................ [套餐到期 ...]
   改后： [本站工具 Win APK] ................ [● Active · 套餐] [套餐到期 ...]
   用 flex order 调整，不改 DOM 结构。
   ========================================================================== */

.la-dash-foot > .la-dl-inline{
  order:1 !important;
  margin-left:0 !important;
  margin-right:auto !important;
}

.la-dash-foot > .l{
  order:2 !important;
  margin-left:0 !important;
  margin-right:16px !important;
}

.la-dash-foot > .r{
  order:3 !important;
  margin-left:0 !important;
}

/* 窄屏换行后仍然保持"Active 紧邻到期日"的成组关系 */
@media (max-width:820px){
  .la-dash-foot > .la-dl-inline{
    order:1 !important;
    margin-right:0 !important;
    width:100% !important;
  }
  .la-dash-foot > .l{
    order:2 !important;
    margin-right:12px !important;
  }
  .la-dash-foot > .r{
    order:3 !important;
    margin-left:auto !important;
  }
}


/* ==========================================================================
   1) 左右面板拉开间距（5 档，由 JS/CSS 变量切换）
   2) 状态条 + 下载并入右栏下方空白
   3) 删除最底部分割线
   --------------------------------------------------------------------------
   实测现状（1560×1000）：
     左 演示 x=212 w=628 → right=840
     右 连接 x=856 w=476        gap = 16px（太挤）
     右栏底 649，cols 底 869  → 右栏下方空 220px
     底部状态条 y=885 另起一行，带 1px 上边框
   ========================================================================== */

/* ---------- 间距：默认第 3 档（medium） ---------- */
:root{ --bc-col-gap: 56px; }

.la-dash-cols{
  grid-template-columns: minmax(0,1fr) 476px !important;
  column-gap: var(--bc-col-gap) !important;
}

/* 档位 1：紧凑 32 */
html[data-bc-gap="1"]{ --bc-col-gap: 32px; }
/* 档位 2：偏紧 44 */
html[data-bc-gap="2"]{ --bc-col-gap: 44px; }
/* 档位 3：中等 56（默认） */
html[data-bc-gap="3"]{ --bc-col-gap: 56px; }
/* 档位 4：宽松 72 */
html[data-bc-gap="4"]{ --bc-col-gap: 72px; }
/* 档位 5：最宽 92 */
html[data-bc-gap="5"]{ --bc-col-gap: 92px; }

/* 窄屏回到单列（间距失效） */
@media (max-width:1100px){
  .la-dash-cols{
    grid-template-columns: 1fr !important;
    column-gap: 0 !important;
    row-gap: 18px !important;
  }
}

/* ---------- 右栏：连接面板 + 下方补充区 ---------- */
.la-dash-cols > .la-guide{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
}

/* 补充区：贴到右栏底部，与连接面板保持呼吸 */
.la-guide-tail{
  margin-top:auto;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.07);
  display:flex;
  flex-direction:column;
  gap:12px;
}

/* ---------- 状态条改成右栏内的纵向两块 ---------- */
.la-dash-foot{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:6px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;          /* 彻底去掉分割线 */
  border-top:0 !important;
  box-shadow:none !important;
  background:none !important;
}

/* Active 行 */
.la-dash-foot > .l{
  order:1 !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  font-size:12px !important;
  color:#8b97a8 !important;
  margin:0 !important;
  white-space:nowrap !important;
}

/* 套餐到期行 */
.la-dash-foot > .r{
  order:2 !important;
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  font-size:12px !important;
  color:#8b97a8 !important;
  margin:0 !important;
  white-space:nowrap !important;
}
.la-dash-foot > .r b{
  color:#dfe6f0 !important;
  font-variant-numeric:tabular-nums;
}

/* 状态点 */
.la-dash-foot .dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#79c9a4;
  box-shadow:0 0 8px #79c9a4;
  flex:none;
}
.la-dash-foot .dot.off{background:#7a7873;box-shadow:none}

/* ---------- 下载组：右栏内纵向排列 ---------- */
.la-dl-inline{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:8px !important;
  margin:0 !important;
}
.la-dl-inline .la-dl-t{
  font-size:10px !important;
  letter-spacing:.12em !important;
  color:#5d5b56 !important;
  margin:0 0 2px !important;
}
.la-dl-inline .la-dl-item{
  width:100% !important;
  justify-content:center !important;
  height:32px !important;
  padding:0 14px !important;
  border-radius:9px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:rgba(255,255,255,.055) !important;
  color:#a8a59d !important;
  font-size:12px !important;
  text-decoration:none !important;
  transition:all .18s ease !important;
}
.la-dl-inline .la-dl-item:hover{
  border-color:rgba(255,255,255,.30) !important;
  background:rgba(255,255,255,.12) !important;
  color:#eae7e1 !important;
}

/* ---------- 白天版 ---------- */
html[data-bc="day"] .la-guide-tail{
  border-top-color:rgba(20,36,56,.12);
}
html[data-bc="day"] .la-dash-foot > .l,
html[data-bc="day"] .la-dash-foot > .r{
  color:#5a6b80 !important;
}
html[data-bc="day"] .la-dash-foot > .r b{
  color:#14263d !important;
}
html[data-bc="day"] .la-dl-inline .la-dl-t{
  color:#71808f !important;
}
html[data-bc="day"] .la-dl-inline .la-dl-item{
  border-color:rgba(20,36,56,.16) !important;
  background:#fff !important;
  color:#41546c !important;
}
html[data-bc="day"] .la-dl-inline .la-dl-item:hover{
  border-color:rgba(20,36,56,.34) !important;
  background:#f2f6fb !important;
  color:#12243c !important;
}


/* ==========================================================================
   最终布局：三栏（左＝下载贴屏幕边缘 | 中＝演示 | 右＝连接面板固定宽）
   --------------------------------------------------------------------------
   本轮要求：
     1) 左右间距要更大，充分利用屏幕空白
     2) 右侧「客户端连接与快捷导入」不放大，保持原尺寸（476px）
     3) 套餐 / 到期时间 → 屏幕左下角（不在连接面板内）
     4) 两个下载按钮 → 实机演示面板左侧，**贴屏幕左边缘**
        （是屏幕边缘，不是内容对齐边缘）
   做法：
     · 解除内容区 1120px 上限，铺满可用宽度
     · .la-dash-cols 改成 auto | minmax | 1fr | 476px 四段
       左 rail(auto) + 演示(自适应) + 弹性空隙(1fr) + 连接(476 固定)
     · 弹性空隙吃掉全部剩余宽度 → 间距自然变大，且连接面板不被拉宽
   ========================================================================== */

/* ---------- 1. 解除 1120 上限，铺满屏幕 ---------- */
section.cus-scroll-y.la-dash-on > div{
  max-width:none !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

/* 顶栏内容仍保持居中收口，不被拉得太散 */
header.flex.items-center.bg-white{
  padding:0 28px !important;
}

/* ---------- 2. 三栏栅格 ---------- */
.la-dash-cols{
  display:grid !important;
  grid-template-columns: 148px minmax(0, 1fr) minmax(48px, 1fr) 476px !important;
  column-gap: 0 !important;      /* 间距交给 spacer，避免双重叠加 */
  align-items: start !important;
  width:100% !important;
  max-width:none !important;
  padding:0 !important;
  margin:0 !important;
}

/* 左栏：下载按钮，贴屏幕左边缘 */
.la-rail{
  grid-column: 1;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:stretch;
  gap:9px;
  padding: 8px 0 0 0;
  position:relative;
}

/* 演示区 */
.la-dash-demowrap{
  grid-column: 2;
  min-width:0;
}

/* 弹性空隙：吃掉所有剩余宽度，实现"间距尽可能大" */
.la-col-spacer{
  grid-column: 3;
  min-width:48px;
}

/* 连接面板：固定 476px，不放大 */
.la-dash-cols > .la-guide{
  grid-column: 4;
  width:476px !important;
  max-width:476px !important;
  min-width:0;
}

/* 连接面板内部不再纵向撑满（状态条已移出） */
.la-dash-cols > .la-guide{
  height:auto !important;
}
.la-guide-tail{display:none !important}

/* ---------- 3. 下载按钮：贴屏幕左边缘的竖向胶囊 ---------- */
.la-rail .la-dl-inline{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:8px !important;
  margin:0 !important;
  padding:0 !important;
}
.la-rail .la-dl-t{
  font-size:9.5px !important;
  letter-spacing:.14em !important;
  color:#5d5b56 !important;
  margin:0 0 2px 2px !important;
  white-space:nowrap !important;
}
.la-rail .la-dl-item{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  width:132px !important;
  height:40px !important;
  padding:0 12px !important;
  border-radius:0 10px 10px 0 !important;   /* 左侧贴边，圆角只在右边 */
  border:1px solid rgba(255,255,255,.12) !important;
  border-left:0 !important;
  background:rgba(255,255,255,.05) !important;
  color:#9a9891 !important;
  font-size:11.5px !important;
  text-decoration:none !important;
  transition:all .18s ease !important;
}
.la-rail .la-dl-item:hover{
  background:rgba(255,255,255,.12) !important;
  border-color:rgba(255,255,255,.28) !important;
  color:#eae7e1 !important;
  transform:translateX(3px) !important;
}
.la-rail .la-dl-item::before{
  content:"";
  width:13px;height:13px;flex:none;
  background:currentColor;
  opacity:.75;
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'><path d='M12 3v13M7 11l5 5 5-5M5 21h14'/></svg>");
  -webkit-mask-size:contain;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'><path d='M12 3v13M7 11l5 5 5-5M5 21h14'/></svg>");
  mask-size:contain;
  mask-repeat:no-repeat;
  mask-position:center;
}

/* ---------- 4. 状态条：屏幕左下角 ---------- */
.la-dash-foot{
  position:fixed !important;
  left:0 !important;
  bottom:16px !important;
  z-index:30 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:5px !important;
  padding:10px 16px 10px 14px !important;
  margin:0 !important;
  border:0 !important;
  border-left:2px solid rgba(121,201,164,.55) !important;
  border-radius:0 10px 10px 0 !important;
  background:rgba(12,15,20,.72) !important;
  backdrop-filter:blur(14px) saturate(140%) !important;
  -webkit-backdrop-filter:blur(14px) saturate(140%) !important;
  box-shadow:0 14px 34px -18px rgba(0,0,0,.9) !important;
}
.la-dash-foot > .l,
.la-dash-foot > .r{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  margin:0 !important;
  font-size:11.5px !important;
  white-space:nowrap !important;
  color:#8b97a8 !important;
}
.la-dash-foot > .r{
  font-size:11px !important;
  color:#6f7d8f !important;
}
.la-dash-foot > .r b{
  color:#c9d3e0 !important;
  font-variant-numeric:tabular-nums;
}
.la-dash-foot .dot{
  width:7px;height:7px;border-radius:50%;
  background:#79c9a4;box-shadow:0 0 8px #79c9a4;flex:none;
}
.la-dash-foot .dot.off{background:#7a7873;box-shadow:none}

/* ---------- 5. 白天版 ---------- */
html[data-bc="day"] .la-dash-foot{
  background:rgba(255,255,255,.86) !important;
  border-left-color:rgba(16,150,110,.6) !important;
  box-shadow:0 14px 34px -20px rgba(20,36,56,.35) !important;
}
html[data-bc="day"] .la-dash-foot > .l{color:#41546c !important}
html[data-bc="day"] .la-dash-foot > .r{color:#6b7a8d !important}
html[data-bc="day"] .la-dash-foot > .r b{color:#14263d !important}
html[data-bc="day"] .la-rail .la-dl-item{
  border-color:rgba(20,36,56,.14) !important;
  border-left:0 !important;
  background:rgba(255,255,255,.78) !important;
  color:#41546c !important;
}
html[data-bc="day"] .la-rail .la-dl-t{color:#71808f !important}

/* ---------- 6. 中等屏幕：收窄左栏，保持间距 ---------- */
@media (max-width:1420px){
  .la-dash-cols{
    grid-template-columns: 132px minmax(0,1fr) minmax(32px,.6fr) 476px !important;
  }
  .la-rail .la-dl-item{width:118px !important}
}

/* ---------- 7. 窄屏：回到单列，rail 变横排 ---------- */
@media (max-width:1100px){
  .la-dash-cols{
    grid-template-columns: 1fr !important;
    row-gap:16px !important;
  }
  .la-rail{grid-column:1;order:2;flex-direction:row;padding:0 16px}
  .la-dash-demowrap{grid-column:1;order:1}
  .la-col-spacer{display:none}
  .la-dash-cols > .la-guide{
    grid-column:1;order:3;
    width:100% !important;max-width:100% !important;
  }
  .la-rail .la-dl-inline{flex-direction:row !important;flex-wrap:wrap !important}
  .la-rail .la-dl-item{width:auto !important;border-radius:9px !important;border-left:1px solid rgba(255,255,255,.12) !important}
  .la-dash-foot{position:static !important;border-radius:10px !important;border-left-width:1px !important}
}


/* ==========================================================================
   最终布局：三栏（左＝下载贴屏幕边缘 | 中＝演示 | 右＝连接面板固定宽）
   --------------------------------------------------------------------------
   本轮要求：
     1) 左右间距要更大，充分利用屏幕空白
     2) 右侧「客户端连接与快捷导入」不放大，保持原尺寸（476px）
     3) 套餐 / 到期时间 → 屏幕左下角（不在连接面板内）
     4) 两个下载按钮 → 实机演示面板左侧，**贴屏幕左边缘**
        （是屏幕边缘，不是内容对齐边缘）
   做法：
     · 解除内容区 1120px 上限，铺满可用宽度
     · .la-dash-cols 改成 auto | minmax | 1fr | 476px 四段
       左 rail(auto) + 演示(自适应) + 弹性空隙(1fr) + 连接(476 固定)
     · 弹性空隙吃掉全部剩余宽度 → 间距自然变大，且连接面板不被拉宽
   ========================================================================== */

/* ---------- 1. 解除 1120 上限，铺满屏幕 ---------- */
section.cus-scroll-y.la-dash-on > div{
  max-width:none !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

/* 顶栏内容仍保持居中收口，不被拉得太散 */
header.flex.items-center.bg-white{
  padding:0 28px !important;
}

/* ---------- 2. 三栏栅格 ---------- */
/* 演示区需要至少 620px 才放得下「步骤 350 + 手机 260」，
   低于这个宽度步骤文字会换行成两行（实测 1560 屏时被压到 460px）。
   间距用 minmax 给下限、用 1fr 吃掉剩余 —— 宽屏时间距自然变大。 */
.la-dash-cols{
  display:grid !important;
  grid-template-columns: 148px minmax(620px, 660px) minmax(40px, 1fr) 476px !important;
  column-gap: 0 !important;      /* 间距交给 spacer，避免双重叠加 */
  align-items: start !important;
  width:100% !important;
  max-width:none !important;
  padding:0 !important;
  margin:0 !important;
}

/* 左栏：下载按钮，贴屏幕左边缘 */
.la-rail{
  grid-column: 1;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:stretch;
  gap:9px;
  padding: 8px 0 0 0;
  position:relative;
}

/* 演示区 */
.la-dash-demowrap{
  grid-column: 2;
  min-width:0;
}

/* 弹性空隙：吃掉所有剩余宽度，实现"间距尽可能大" */
.la-col-spacer{
  grid-column: 3;
  min-width:48px;
}

/* 连接面板：固定 476px，不放大 */
.la-dash-cols > .la-guide{
  grid-column: 4;
  width:476px !important;
  max-width:476px !important;
  min-width:0;
}

/* 连接面板内部不再纵向撑满（状态条已移出） */
.la-dash-cols > .la-guide{
  height:auto !important;
}
.la-guide-tail{display:none !important}

/* ---------- 3. 下载按钮：贴屏幕左边缘的竖向胶囊 ---------- */
.la-rail .la-dl-inline{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:8px !important;
  margin:0 !important;
  padding:0 !important;
}
.la-rail .la-dl-t{
  font-size:9.5px !important;
  letter-spacing:.14em !important;
  color:#5d5b56 !important;
  margin:0 0 2px 2px !important;
  white-space:nowrap !important;
}
.la-rail .la-dl-item{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  width:132px !important;
  height:40px !important;
  padding:0 12px !important;
  border-radius:0 10px 10px 0 !important;   /* 左侧贴边，圆角只在右边 */
  border:1px solid rgba(255,255,255,.12) !important;
  border-left:0 !important;
  background:rgba(255,255,255,.05) !important;
  color:#9a9891 !important;
  font-size:11.5px !important;
  text-decoration:none !important;
  transition:all .18s ease !important;
}
.la-rail .la-dl-item:hover{
  background:rgba(255,255,255,.12) !important;
  border-color:rgba(255,255,255,.28) !important;
  color:#eae7e1 !important;
  transform:translateX(3px) !important;
}
.la-rail .la-dl-item::before{
  content:"";
  width:13px;height:13px;flex:none;
  background:currentColor;
  opacity:.75;
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'><path d='M12 3v13M7 11l5 5 5-5M5 21h14'/></svg>");
  -webkit-mask-size:contain;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'><path d='M12 3v13M7 11l5 5 5-5M5 21h14'/></svg>");
  mask-size:contain;
  mask-repeat:no-repeat;
  mask-position:center;
}

/* ---------- 4. 状态条：屏幕左下角 ---------- */
.la-dash-foot{
  position:fixed !important;
  left:0 !important;
  bottom:16px !important;
  z-index:30 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:5px !important;
  padding:10px 16px 10px 14px !important;
  margin:0 !important;
  border:0 !important;
  border-left:2px solid rgba(121,201,164,.55) !important;
  border-radius:0 10px 10px 0 !important;
  background:rgba(12,15,20,.72) !important;
  backdrop-filter:blur(14px) saturate(140%) !important;
  -webkit-backdrop-filter:blur(14px) saturate(140%) !important;
  box-shadow:0 14px 34px -18px rgba(0,0,0,.9) !important;
}
.la-dash-foot > .l,
.la-dash-foot > .r{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  margin:0 !important;
  font-size:11.5px !important;
  white-space:nowrap !important;
  color:#8b97a8 !important;
}
.la-dash-foot > .r{
  font-size:11px !important;
  color:#6f7d8f !important;
}
.la-dash-foot > .r b{
  color:#c9d3e0 !important;
  font-variant-numeric:tabular-nums;
}
.la-dash-foot .dot{
  width:7px;height:7px;border-radius:50%;
  background:#79c9a4;box-shadow:0 0 8px #79c9a4;flex:none;
}
.la-dash-foot .dot.off{background:#7a7873;box-shadow:none}

/* ---------- 5. 白天版 ---------- */
html[data-bc="day"] .la-dash-foot{
  background:rgba(255,255,255,.86) !important;
  border-left-color:rgba(16,150,110,.6) !important;
  box-shadow:0 14px 34px -20px rgba(20,36,56,.35) !important;
}
html[data-bc="day"] .la-dash-foot > .l{color:#41546c !important}
html[data-bc="day"] .la-dash-foot > .r{color:#6b7a8d !important}
html[data-bc="day"] .la-dash-foot > .r b{color:#14263d !important}
html[data-bc="day"] .la-rail .la-dl-item{
  border-color:rgba(20,36,56,.14) !important;
  border-left:0 !important;
  background:rgba(255,255,255,.78) !important;
  color:#41546c !important;
}
html[data-bc="day"] .la-rail .la-dl-t{color:#71808f !important}

/* ---------- 6. 中等屏幕：收窄左栏，保持间距 ---------- */
@media (max-width:1420px){
  .la-dash-cols{
    grid-template-columns: 132px minmax(560px, 600px) minmax(24px, 1fr) 476px !important;
  }
  .la-rail .la-dl-item{width:118px !important}
}

/* ---------- 7. 窄屏：回到单列，rail 变横排 ---------- */
@media (max-width:1100px){
  .la-dash-cols{
    grid-template-columns: 1fr !important;
    row-gap:16px !important;
  }
  .la-rail{grid-column:1;order:2;flex-direction:row;padding:0 16px}
  .la-dash-demowrap{grid-column:1;order:1}
  .la-col-spacer{display:none}
  .la-dash-cols > .la-guide{
    grid-column:1;order:3;
    width:100% !important;max-width:100% !important;
  }
  .la-rail .la-dl-inline{flex-direction:row !important;flex-wrap:wrap !important}
  .la-rail .la-dl-item{width:auto !important;border-radius:9px !important;border-left:1px solid rgba(255,255,255,.12) !important}
  .la-dash-foot{position:static !important;border-radius:10px !important;border-left-width:1px !important}
}


/* ==========================================================================
   最终布局：三栏（左＝下载贴屏幕边缘 | 中＝演示 | 右＝连接面板固定宽）
   --------------------------------------------------------------------------
   本轮要求：
     1) 左右间距要更大，充分利用屏幕空白
     2) 右侧「客户端连接与快捷导入」不放大，保持原尺寸（476px）
     3) 套餐 / 到期时间 → 屏幕左下角（不在连接面板内）
     4) 两个下载按钮 → 实机演示面板左侧，**贴屏幕左边缘**
        （是屏幕边缘，不是内容对齐边缘）
   做法：
     · 解除内容区 1120px 上限，铺满可用宽度
     · .la-dash-cols 改成 auto | minmax | 1fr | 476px 四段
       左 rail(auto) + 演示(自适应) + 弹性空隙(1fr) + 连接(476 固定)
     · 弹性空隙吃掉全部剩余宽度 → 间距自然变大，且连接面板不被拉宽
   ========================================================================== */

/* ---------- 1. 解除所有宽度/居中约束，铺满屏幕 ----------
   实测链路（1920 屏）：
     .la-dash-host  x=286  w=1332  margin:286px / 286px   ← 病根
     section         x=0    w=1920  padding:0 / 16px
   .la-dash-host 带了等宽的 auto 外边距（Xboard 原生 .mb-1.md:mb-10 里的居中），
   它把内容锁在 1332px，导致 rail 永远贴不到屏幕左边缘。
   必须把这条 margin 和 Xboard 自带的容器内边距一起清零。 */
section.cus-scroll-y.la-dash-on{
  padding-left:0 !important;
  padding-right:0 !important;
}
section.cus-scroll-y.la-dash-on > div,
.la-dash-host,
.la-dash-host.mb-1,
.mb-1.md\:mb-10{
  max-width:none !important;
  width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

/* 顶栏内容仍保持居中收口，不被拉得太散 */
header.flex.items-center.bg-white{
  padding:0 28px !important;
}

/* ---------- 2. 三栏栅格 ---------- */
/* 四段：rail(固定) | 演示(自适应，下限 620 保证步骤不换行) | 空隙(吃剩余) | 连接(476 固定)
   容器铺满屏幕后，1fr 会自动吸收窗口变宽带来的增量 → 间距随屏幕变大而变大。 */
.la-dash-cols{
  display:grid !important;
  grid-template-columns: 148px minmax(620px, 1.05fr) minmax(40px, 1fr) 476px !important;
  column-gap: 0 !important;      /* 间距交给 spacer，避免双重叠加 */
  align-items: start !important;
  width:100% !important;
  max-width:none !important;
  padding:0 !important;
  margin:0 !important;
}

/* 左栏：下载按钮，贴屏幕左边缘 */
.la-rail{
  grid-column: 1;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:stretch;
  gap:9px;
  padding: 8px 0 0 0;
  position:relative;
}

/* 演示区 */
.la-dash-demowrap{
  grid-column: 2;
  min-width:0;
}

/* 弹性空隙：吃掉所有剩余宽度，实现"间距尽可能大" */
.la-col-spacer{
  grid-column: 3;
  min-width:48px;
}

/* 连接面板：固定 476px，不放大 */
.la-dash-cols > .la-guide{
  grid-column: 4;
  width:476px !important;
  max-width:476px !important;
  min-width:0;
}

/* 连接面板内部不再纵向撑满（状态条已移出） */
.la-dash-cols > .la-guide{
  height:auto !important;
}
.la-guide-tail{display:none !important}

/* ---------- 3. 下载按钮：贴屏幕左边缘的竖向胶囊 ---------- */
.la-rail .la-dl-inline{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:8px !important;
  margin:0 !important;
  padding:0 !important;
}
.la-rail .la-dl-t{
  font-size:9.5px !important;
  letter-spacing:.14em !important;
  color:#5d5b56 !important;
  margin:0 0 2px 2px !important;
  white-space:nowrap !important;
}
.la-rail .la-dl-item{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  width:132px !important;
  height:40px !important;
  padding:0 12px !important;
  border-radius:0 10px 10px 0 !important;   /* 左侧贴边，圆角只在右边 */
  border:1px solid rgba(255,255,255,.12) !important;
  border-left:0 !important;
  background:rgba(255,255,255,.05) !important;
  color:#9a9891 !important;
  font-size:11.5px !important;
  text-decoration:none !important;
  transition:all .18s ease !important;
}
.la-rail .la-dl-item:hover{
  background:rgba(255,255,255,.12) !important;
  border-color:rgba(255,255,255,.28) !important;
  color:#eae7e1 !important;
  transform:translateX(3px) !important;
}
.la-rail .la-dl-item::before{
  content:"";
  width:13px;height:13px;flex:none;
  background:currentColor;
  opacity:.75;
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'><path d='M12 3v13M7 11l5 5 5-5M5 21h14'/></svg>");
  -webkit-mask-size:contain;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'><path d='M12 3v13M7 11l5 5 5-5M5 21h14'/></svg>");
  mask-size:contain;
  mask-repeat:no-repeat;
  mask-position:center;
}

/* ---------- 4. 状态条：屏幕左下角 ---------- */
.la-dash-foot{
  position:fixed !important;
  left:0 !important;
  bottom:16px !important;
  z-index:30 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:5px !important;
  padding:10px 16px 10px 14px !important;
  margin:0 !important;
  border:0 !important;
  border-left:2px solid rgba(121,201,164,.55) !important;
  border-radius:0 10px 10px 0 !important;
  background:rgba(12,15,20,.72) !important;
  backdrop-filter:blur(14px) saturate(140%) !important;
  -webkit-backdrop-filter:blur(14px) saturate(140%) !important;
  box-shadow:0 14px 34px -18px rgba(0,0,0,.9) !important;
}
.la-dash-foot > .l,
.la-dash-foot > .r{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  margin:0 !important;
  font-size:11.5px !important;
  white-space:nowrap !important;
  color:#8b97a8 !important;
}
.la-dash-foot > .r{
  font-size:11px !important;
  color:#6f7d8f !important;
}
.la-dash-foot > .r b{
  color:#c9d3e0 !important;
  font-variant-numeric:tabular-nums;
}
.la-dash-foot .dot{
  width:7px;height:7px;border-radius:50%;
  background:#79c9a4;box-shadow:0 0 8px #79c9a4;flex:none;
}
.la-dash-foot .dot.off{background:#7a7873;box-shadow:none}

/* ---------- 5. 白天版 ---------- */
html[data-bc="day"] .la-dash-foot{
  background:rgba(255,255,255,.86) !important;
  border-left-color:rgba(16,150,110,.6) !important;
  box-shadow:0 14px 34px -20px rgba(20,36,56,.35) !important;
}
html[data-bc="day"] .la-dash-foot > .l{color:#41546c !important}
html[data-bc="day"] .la-dash-foot > .r{color:#6b7a8d !important}
html[data-bc="day"] .la-dash-foot > .r b{color:#14263d !important}
html[data-bc="day"] .la-rail .la-dl-item{
  border-color:rgba(20,36,56,.14) !important;
  border-left:0 !important;
  background:rgba(255,255,255,.78) !important;
  color:#41546c !important;
}
html[data-bc="day"] .la-rail .la-dl-t{color:#71808f !important}

/* ---------- 6. 中等屏幕：收窄左栏，保持间距 ---------- */
@media (max-width:1420px){
  .la-dash-cols{
    grid-template-columns: 132px minmax(560px, 1.05fr) minmax(24px, 1fr) 476px !important;
  }
  .la-rail .la-dl-item{width:118px !important}
}

/* ---------- 7. 窄屏：回到单列，rail 变横排 ---------- */
@media (max-width:1100px){
  .la-dash-cols{
    grid-template-columns: 1fr !important;
    row-gap:16px !important;
  }
  .la-rail{grid-column:1;order:2;flex-direction:row;padding:0 16px}
  .la-dash-demowrap{grid-column:1;order:1}
  .la-col-spacer{display:none}
  .la-dash-cols > .la-guide{
    grid-column:1;order:3;
    width:100% !important;max-width:100% !important;
  }
  .la-rail .la-dl-inline{flex-direction:row !important;flex-wrap:wrap !important}
  .la-rail .la-dl-item{width:auto !important;border-radius:9px !important;border-left:1px solid rgba(255,255,255,.12) !important}
  .la-dash-foot{position:static !important;border-radius:10px !important;border-left-width:1px !important}
}


/* ==========================================================================
   两个角落：下载按钮 → 屏幕左下角；套餐/到期 → 屏幕右下角
   --------------------------------------------------------------------------
   之前放错了：
     · 下载栏 .la-rail 被 align-self:center 放在演示区左侧中段（中间）
     · 状态条 .la-dash-foot 被放在 left:0（左下）
   按指示改为：
     · .la-rail       → position:fixed; left:0;  bottom:20px   （屏幕左下角）
     · .la-dash-foot  → position:fixed; right:0; bottom:20px   （屏幕右下角）
   ========================================================================== */

/* ---------- 左下角：两个下载按钮 ---------- */
.la-rail{
  position: fixed !important;
  left: 0 !important;
  bottom: 20px !important;
  top: auto !important;
  right: auto !important;
  z-index: 40 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-end !important;
  gap: 0 !important;

  width: 150px !important;
  margin: 0 !important;
  padding: 0 !important;

  align-self: auto !important;
  grid-column: auto !important;
}

.la-rail .la-dl-inline{
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 9px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.la-rail .la-dl-t{
  font-size: 10px !important;
  letter-spacing: .16em !important;
  color: #6b7889 !important;
  padding-left: 16px !important;
  margin: 0 0 1px 0 !important;
  white-space: nowrap !important;
}

.la-rail .la-dl-item{
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 140px !important;
  height: 42px !important;
  padding: 0 14px !important;
  border-radius: 0 12px 12px 0 !important;   /* 左侧贴边平齐 */
  border: 1px solid rgba(255,255,255,.14) !important;
  border-left: 0 !important;
  background: rgba(255,255,255,.06) !important;
  color: #b3b0a8 !important;
  font-size: 12px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: all .18s ease !important;
}
.la-rail .la-dl-item:hover{
  background: rgba(255,255,255,.14) !important;
  border-color: rgba(255,255,255,.32) !important;
  color: #fff !important;
  transform: translateX(4px) !important;
}

/* 下载图标 */
.la-rail .la-dl-item::before{
  content: "";
  width: 13px;
  height: 13px;
  flex: none;
  background: currentColor;
  opacity: .8;
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'><path d='M12 3v13M7 11l5 5 5-5M5 21h14'/></svg>");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'><path d='M12 3v13M7 11l5 5 5-5M5 21h14'/></svg>");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
}

/* 下载栏脱流后不再占栅格列，栅格改为「演示 | 空隙 | 连接」三栏 */
.la-dash-cols{
  grid-template-columns: minmax(620px, 1.05fr) minmax(92px, 1fr) 476px !important;
  padding-left: 24px !important;   /* 给左侧下载栏留出视觉呼吸，不压住步骤文字 */
}

/* 演示区回到第 1 列 */
.la-dash-demowrap{ grid-column: 1 !important; }
.la-col-spacer   { grid-column: 2 !important; }
.la-dash-cols > .la-guide{ grid-column: 3 !important; }

/* ---------- 右下角：Active · 套餐 / 套餐到期 ---------- */
.la-dash-foot{
  position: fixed !important;
  right: 0 !important;
  bottom: 20px !important;
  left: auto !important;
  top: auto !important;
  z-index: 40 !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;   /* 右对齐 */
  gap: 6px !important;

  width: auto !important;
  margin: 0 !important;
  padding: 0 16px 0 0 !important;

  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.la-dash-foot > .l{
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 12.5px !important;
  color: #9aa6b5 !important;
  white-space: nowrap !important;
}

.la-dash-foot > .r{
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 11.5px !important;
  color: #6f7d8f !important;
  white-space: nowrap !important;
}
.la-dash-foot > .r b{
  color: #c2ccd8 !important;
  font-weight: 500 !important;
  font-variant-numeric: tabular-nums;
}

.la-dash-foot .dot{
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #79c9a4 !important;
  box-shadow: 0 0 9px rgba(121,201,164,.9) !important;
  flex: none !important;
}
.la-dash-foot .dot.off{
  background: #7a7873 !important;
  box-shadow: none !important;
}

/* ---------- 白天版 ---------- */
html[data-bc="day"] .la-rail .la-dl-t{ color: #7a8898 !important; }
html[data-bc="day"] .la-rail .la-dl-item{
  background: rgba(255,255,255,.85) !important;
  border-color: rgba(20,36,56,.16) !important;
  border-left: 0 !important;
  color: #41546c !important;
}
html[data-bc="day"] .la-rail .la-dl-item:hover{
  background: #fff !important;
  border-color: rgba(20,36,56,.34) !important;
  color: #12243c !important;
}
html[data-bc="day"] .la-dash-foot > .l{ color: #43566e !important; }
html[data-bc="day"] .la-dash-foot > .r{ color: #6b7a8d !important; }
html[data-bc="day"] .la-dash-foot > .r b{ color: #14263d !important; }

/* ---------- 窄屏：两者都回到文档流，横向排列在底部 ---------- */
@media (max-width:1100px){
  .la-rail{
    position: static !important;
    width: 100% !important;
    padding: 12px 16px 0 !important;
  }
  .la-dash-cols{
    grid-template-columns: 1fr !important;
    padding-left: 0 !important;
  }
  .la-dash-demowrap{ grid-column: 1 !important; }
  .la-col-spacer   { display: none !important; }
  .la-dash-cols > .la-guide{ grid-column: 1 !important; width: 100% !important; }
  .la-rail .la-dl-inline{
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
  }
  .la-rail .la-dl-item{
    width: auto !important;
    border-radius: 9px !important;
    border-left: 1px solid rgba(255,255,255,.14) !important;
  }

  .la-dash-foot{
    position: static !important;
    align-items: flex-start !important;
    padding: 14px 16px 0 !important;
  }
}


/* ==========================================================================
   收尾三改
   --------------------------------------------------------------------------
   1) 左下角下载按钮 → 水平排列
   2) 演示面板左下角「10 / 12」页码 → 删除（组件内已改，这里兜底隐藏）
   3) 演示面板继续左移（横排按钮更矮，不再需要 170px 让位）
   ========================================================================== */

/* ---- 1. 下载按钮水平排列 ---- */
.la-rail{
  width: auto !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
}
.la-rail .la-dl-inline{
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  width: auto !important;
}
.la-rail .la-dl-t{
  padding-left: 16px !important;
  margin: 0 2px 0 0 !important;
  white-space: nowrap !important;
}
.la-rail .la-dl-item{
  width: auto !important;
  min-width: 136px !important;
  height: 40px !important;
  padding: 0 16px !important;
  border-radius: 0 11px 11px 0 !important;
  border-left: 0 !important;
}

/* 横排时第二个按钮四周都要圆角 */
.la-rail .la-dl-item:last-child{
  border-radius: 11px !important;
  border-left: 1px solid rgba(255,255,255,.14) !important;
}

/* 横排 hover 向上浮，不再右推（右推会撞旁边的按钮） */
.la-rail .la-dl-item:hover{
  transform: translateY(-2px) !important;
}

/* ---- 2. 页码兜底隐藏（组件内部已清空，双保险） ---- */
.la-dash-cols .bc-guide #gfOuter{
  display: none !important;
}

/* ---- 3. 演示面板左移 ---- */
.la-dash-cols{
  padding-left: 40px !important;
}

/* ---- 窄屏 ---- */
@media (max-width:1100px){
  .la-dash-cols{ padding-left: 0 !important; }
  .la-rail{
    position: static !important;
    width: 100% !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 12px 16px 0 !important;
  }
  .la-rail .la-dl-inline{ flex-wrap: wrap !important; }
  .la-rail .la-dl-item{
    border-radius: 9px !important;
    border-left: 1px solid rgba(255,255,255,.14) !important;
  }
}


/* ==========================================================================
   缩小下载按钮 + 缩小 Active/到期字号 + 右侧面板内缩（5 档）
   --------------------------------------------------------------------------
   1) 下载按钮：136×40 → 108×32，字号 12 → 10.5
   2) Active 行：12.5 → 11px；到期行：11.5 → 10.5px
   3) 右侧「客户端连接」面板左移，不再贴屏幕右边缘：
      用 .la-dash-cols 的 padding-right 控制，5 档由 data-bc-gapright 切换：
        1 = 24px   2 = 44px   3 = 64px(默认)   4 = 88px   5 = 116px
   ========================================================================== */

/* ---------- 1. 下载按钮缩小 ---------- */
.la-rail{
  gap: 8px !important;
}
.la-rail .la-dl-inline{
  gap: 8px !important;
}
.la-rail .la-dl-t{
  font-size: 9px !important;
  letter-spacing: .13em !important;
  padding-left: 14px !important;
}
.la-rail .la-dl-item{
  min-width: 108px !important;
  height: 32px !important;
  padding: 0 12px !important;
  gap: 6px !important;
  font-size: 10.5px !important;
  border-radius: 0 9px 9px 0 !important;
}
.la-rail .la-dl-item:last-child{
  border-radius: 9px !important;
}
.la-rail .la-dl-item::before{
  width: 11px !important;
  height: 11px !important;
}

/* ---------- 2. Active / 到期 字号缩小 ---------- */
.la-dash-foot{
  gap: 4px !important;
  bottom: 18px !important;
}
.la-dash-foot > .l{
  font-size: 11px !important;
  gap: 6px !important;
}
.la-dash-foot > .r{
  font-size: 10.5px !important;
  gap: 5px !important;
}
.la-dash-foot .dot{
  width: 6px !important;
  height: 6px !important;
}

/* ---------- 3. 右侧面板内缩：5 档 ---------- */
.la-dash-cols{
  padding-right: 64px !important;   /* 默认第 3 档 */
}
html[data-bc-gapright="1"] .la-dash-cols{ padding-right: 24px !important; }
html[data-bc-gapright="2"] .la-dash-cols{ padding-right: 44px !important; }
html[data-bc-gapright="3"] .la-dash-cols{ padding-right: 64px !important; }
html[data-bc-gapright="4"] .la-dash-cols{ padding-right: 88px !important; }
html[data-bc-gapright="5"] .la-dash-cols{ padding-right: 116px !important; }

/* 右下角的 Active/到期 也跟着让同样距离，保持与面板右边缘对齐 */
.la-dash-foot{
  padding-right: 64px !important;
}
html[data-bc-gapright="1"] .la-dash-foot{ padding-right: 24px !important; }
html[data-bc-gapright="2"] .la-dash-foot{ padding-right: 44px !important; }
html[data-bc-gapright="3"] .la-dash-foot{ padding-right: 64px !important; }
html[data-bc-gapright="4"] .la-dash-foot{ padding-right: 88px !important; }
html[data-bc-gapright="5"] .la-dash-foot{ padding-right: 116px !important; }

/* ---------- 窄屏 ---------- */
@media (max-width:1100px){
  .la-dash-cols{ padding-right: 0 !important; }
  .la-dash-foot{ padding-right: 16px !important; }
  .la-rail .la-dl-item{
    min-width: 0 !important;
    height: 34px !important;
    font-size: 11px !important;
  }
}


/* ==========================================================================
   演示列宽贴合内容 + 间距 5 档方案
   --------------------------------------------------------------------------
   实测问题：栅格第一列写死 minmax(620px,1.05fr)，但演示区内部真实宽度是
     步骤框 222 + 列间距 18 + 手机 260 = 500px
   多出的 120px 是列内空白，视觉上会混进"间距"，让左右两块看起来离得更远。
   改成 max-content 后，演示列刚好 500px，间距才是真正的间距。
   ========================================================================== */

.la-dash-cols{
  /* 演示列贴合内容；最后一列连接面板固定 476 */
  grid-template-columns: max-content minmax(92px, 1fr) 476px !important;
  align-items: start !important;
}

/* 演示区自身也不要有额外宽度 */
.la-dash-demowrap{
  width: max-content !important;
  max-width: none !important;
}

/* ==========================================================================
   5 档间距方案（由 html[data-bc-gap] 切换，默认 3）
   --------------------------------------------------------------------------
   间距 = 第二列 minmax 的下限值。
   上限都用 1fr，屏幕更宽时自动继续变大 —— 所以这 5 档是"下限档位"。
   ========================================================================== */
html[data-bc-gap="1"] .la-dash-cols{ grid-template-columns: max-content minmax(92px, 1fr)  476px !important; }
html[data-bc-gap="2"] .la-dash-cols{ grid-template-columns: max-content minmax(160px, 1fr) 476px !important; }
html[data-bc-gap="3"] .la-dash-cols{ grid-template-columns: max-content minmax(240px, 1fr) 476px !important; }
html[data-bc-gap="4"] .la-dash-cols{ grid-template-columns: max-content minmax(340px, 1fr) 476px !important; }
html[data-bc-gap="5"] .la-dash-cols{ grid-template-columns: max-content minmax(460px, 1fr) 476px !important; }

/* 窄屏回单列 */
@media (max-width:1100px){
  .la-dash-cols,
  html[data-bc-gap="1"] .la-dash-cols,
  html[data-bc-gap="2"] .la-dash-cols,
  html[data-bc-gap="3"] .la-dash-cols,
  html[data-bc-gap="4"] .la-dash-cols,
  html[data-bc-gap="5"] .la-dash-cols{
    grid-template-columns: 1fr !important;
  }
  .la-dash-demowrap{ width: 100% !important; }
}


/* ==========================================================================
   间距 5 档：改成固定值，保证各档真的不同
   --------------------------------------------------------------------------
   上一版用 minmax(92px,1fr) 之类，1fr 会把全部剩余空间吸走，
   结果 5 档实测都是 480px —— 等于没区分。
   这里改成：演示列 max-content | 间距(固定) | 连接面板 476
   并把多出来的空间交给左侧 padding 吸收（保持整体居中感）。
   ========================================================================== */

.la-dash-cols{
  grid-template-columns: max-content 92px 476px !important;   /* 默认 L1 */
  justify-content: center !important;                          /* 整体居中 */
}

html[data-bc-gap="1"] .la-dash-cols{ grid-template-columns: max-content 152px 476px !important; }
html[data-bc-gap="2"] .la-dash-cols{ grid-template-columns: max-content 220px 476px !important; }
html[data-bc-gap="3"] .la-dash-cols{ grid-template-columns: max-content 300px 476px !important; }
html[data-bc-gap="4"] .la-dash-cols{ grid-template-columns: max-content 400px 476px !important; }
html[data-bc-gap="5"] .la-dash-cols{ grid-template-columns: max-content 460px 476px !important; }

/* 左右内边距清零，让 justify-content:center 真正居中 */
.la-dash-cols{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 窄屏回单列 */
@media (max-width:1100px){
  .la-dash-cols,
  html[data-bc-gap="1"] .la-dash-cols,
  html[data-bc-gap="2"] .la-dash-cols,
  html[data-bc-gap="3"] .la-dash-cols,
  html[data-bc-gap="4"] .la-dash-cols,
  html[data-bc-gap="5"] .la-dash-cols{
    grid-template-columns: 1fr !important;
    justify-content: stretch !important;
  }
}


/* ==========================================================================
   L5 间距定稿 + 中间空隙的火箭图标
   --------------------------------------------------------------------------
   用户选定 L5；默认空隙加宽至 500–560px。
   火箭放在第二列（.la-col-spacer）里水平+垂直居中，
   纯装饰：aria-hidden，不响应鼠标，不挡点击。
   ========================================================================== */

/* ---------- L5 设为默认 ---------- */
.la-dash-cols{
  grid-template-columns: max-content clamp(520px, calc(100vw - 1160px), 620px) 476px !important;
  justify-content: center !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
html[data-bc-gap="1"] .la-dash-cols{ grid-template-columns: max-content 152px 476px !important; }
html[data-bc-gap="2"] .la-dash-cols{ grid-template-columns: max-content 220px 476px !important; }
html[data-bc-gap="3"] .la-dash-cols{ grid-template-columns: max-content 300px 476px !important; }
html[data-bc-gap="4"] .la-dash-cols{ grid-template-columns: max-content 400px 476px !important; }
html[data-bc-gap="5"] .la-dash-cols{ grid-template-columns: max-content clamp(520px, calc(100vw - 1160px), 620px) 476px !important; }

/* ---------- 空隙容器：居中放火箭 ---------- */
.la-col-spacer{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
  min-height: 520px;
  align-self: stretch !important;
  pointer-events: none !important;
  user-select: none;
  position: relative;
}

/* ---------- 火箭 ---------- */
.la-rocket{
  width: 76px;
  height: 76px;
  display: grid;
  place-items: center;
  position: relative;
  color: rgba(216, 179, 120, .55);
  pointer-events: none;
  opacity: .85;
  /* 轻微浮动，像悬停在空中 */
  animation: laRocketFloat 6.5s ease-in-out infinite;
}
.la-rocket svg{
  width: 100%;
  height: 100%;
  display: block;
  filter: drop-shadow(0 0 14px rgba(216,179,120,.28));
}

@keyframes laRocketFloat{
  0%, 100% { transform: translateY(0)     rotate(-2deg); }
  50%      { transform: translateY(-11px) rotate(2deg); }
}

/* 柔和光晕挂在 spacer 上，避免和火箭自身的 float 动画抢 transform */
.la-col-spacer::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 190px;
  height: 190px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(216,179,120,.09) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}
.la-rocket{ z-index: 1; }

/* ---------- 白天版：颜色加深，避免金色在浅底上发灰 ---------- */
html[data-bc="day"] .la-rocket{
  color: rgba(160, 118, 52, .62);
}
html[data-bc="day"] .la-rocket svg{
  filter: drop-shadow(0 0 12px rgba(160,118,52,.22));
}
html[data-bc="day"] .la-rocket::after{
  background: radial-gradient(circle, rgba(160,118,52,.09) 0%, transparent 68%);
}
html[data-bc="day"] .la-col-spacer::before{
  background: radial-gradient(circle, rgba(160,118,52,.08) 0%, transparent 70%);
}

/* ---------- 窄屏：间隔消失，火箭一并隐藏 ---------- */
@media (max-width:1100px){
  .la-dash-cols,
  html[data-bc-gap="1"] .la-dash-cols,
  html[data-bc-gap="2"] .la-dash-cols,
  html[data-bc-gap="3"] .la-dash-cols,
  html[data-bc-gap="4"] .la-dash-cols,
  html[data-bc-gap="5"] .la-dash-cols{
    grid-template-columns: 1fr !important;
    justify-content: stretch !important;
  }
  .la-col-spacer{ display: none !important; }
}

/* ---------- 尊重系统的"减少动效"设置 ---------- */
@media (prefers-reduced-motion: reduce){
  .la-rocket{ animation: none; }
}

/* Central artwork occupies only the existing whitespace between the two dashboard panels. */
.la-rocket{
  width: min(340px, 100%) !important;
  height: min(480px, 78vh) !important;
  opacity: 1 !important;
  animation: none !important;
}
.la-rocket-atmosphere{ background: transparent !important; }
.la-rocket-atmosphere svg{
  width: auto !important;
  height: min(480px, 78vh) !important;
  max-width: 100%;
  display: block;
  filter: none !important;
  overflow: visible;
}
/* Keep each selected image inside the centered gap artwork box. */
.la-rocket img{
  display:block !important;
  width:auto !important;
  height:min(480px, 78vh) !important;
  max-width:100% !important;
  max-height:100% !important;
  justify-self:center !important;
  align-self:center !important;
  object-fit:contain !important;
  object-position:50% 50% !important;
}
.la-col-spacer.la-rocket-photo::before{ opacity: 0 !important; }

/* Panorama variants use generated edge extensions that meet the page canvas color. */
.la-col-spacer.la-rocket-photo .la-rocket{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  background:transparent !important;
}
.la-col-spacer.la-rocket-photo .la-rocket img{
  display:block !important;
  width:auto !important;
  height:min(540px, 78vh) !important;
  max-width:min(100%, 520px) !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:50% 50% !important;
  filter:none !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 14%, #000 86%, transparent 100%), linear-gradient(180deg, transparent 0%, #000 13%, #000 87%, transparent 100%) !important;
  -webkit-mask-composite:source-in !important;
  mask-image:linear-gradient(90deg, transparent 0%, #000 14%, #000 86%, transparent 100%), linear-gradient(180deg, transparent 0%, #000 13%, #000 87%, transparent 100%) !important;
  mask-composite:intersect !important;
}

/* The outpainted artwork bleeds beneath both adjacent panels so the image edge stays out of view. */
.la-col-spacer.la-rocket-panorama{ overflow:visible !important; z-index:0 !important; }
.la-col-spacer.la-rocket-panorama .la-rocket{
  flex:0 0 auto !important;
  width:min(920px, calc(100% + 320px)) !important;
  height:min(520px, 82vh) !important;
  max-width:none !important;
  position:relative !important;
  z-index:0 !important;
}
.la-col-spacer.la-rocket-panorama .la-rocket img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:50% 50% !important;
  mix-blend-mode:normal !important;
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 14%, #000 86%, transparent 100%), linear-gradient(180deg, transparent 0%, #000 13%, #000 87%, transparent 100%) !important;
  -webkit-mask-composite:source-in !important;
  mask-image:linear-gradient(90deg, transparent 0%, #000 14%, #000 86%, transparent 100%), linear-gradient(180deg, transparent 0%, #000 13%, #000 87%, transparent 100%) !important;
  mask-composite:intersect !important;
}
.la-dash-cols > .la-rail,
.la-dash-cols > .la-dash-demowrap,
.la-dash-cols > .la-guide{ position:relative !important; z-index:2 !important; }


/* BC notice dropdown: anchored, in-place first step */
.bc-notice-dropdown{
  position:fixed; z-index:100000001; display:flex; flex-direction:column;
  width:min(390px,calc(100vw - 24px)); max-height:min(540px,calc(100dvh - 24px));
  overflow:hidden; border:1px solid rgba(255,255,255,.14); border-radius:16px;
  color:#e8edf5; background:linear-gradient(160deg,rgba(28,32,40,.98),rgba(14,17,23,.985));
  box-shadow:0 24px 70px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
  opacity:0; visibility:hidden; pointer-events:none; transform:translateY(-8px) scale(.985);
  transform-origin:top right;
  transition:opacity .18s ease,transform .22s cubic-bezier(.2,.75,.25,1),visibility 0s linear .22s;
}
.bc-notice-dropdown.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .18s ease,transform .22s cubic-bezier(.2,.75,.25,1),visibility 0s}
.bc-notice-dropdown-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 16px 12px;border-bottom:1px solid rgba(255,255,255,.075)}
.bc-notice-dropdown-title{display:block;font-size:14px;font-weight:650;letter-spacing:.02em;color:#f3f6fb}
.bc-notice-dropdown-subtitle{display:block;margin-top:4px;font-size:11px;color:#8490a0}
.bc-notice-dropdown-close{flex:none;width:29px;height:29px;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:rgba(255,255,255,.045);color:#aab4c1;font-size:20px;line-height:1;cursor:pointer;transition:background .16s,color .16s,transform .16s}
.bc-notice-dropdown-close:hover{background:rgba(255,255,255,.12);color:#fff;transform:rotate(90deg)}
.bc-notice-dropdown-list{display:flex;flex-direction:column;gap:7px;overflow:auto;padding:9px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}
.bc-notice-row{appearance:none;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;width:100%;padding:11px 10px;text-align:left;color:inherit;border:1px solid rgba(255,255,255,.065);border-radius:11px;background:rgba(255,255,255,.025);cursor:pointer;transition:background .16s,border-color .16s,transform .16s}
.bc-notice-row:hover,.bc-notice-row:focus-visible{background:rgba(255,255,255,.065);border-color:rgba(102,190,230,.3);transform:translateY(-1px);outline:none}
.bc-notice-row-badge{align-self:start;max-width:100px;padding:3px 7px;border:1px solid currentColor;border-radius:999px;font-size:10px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-notice-row-content{display:flex;min-width:0;flex-direction:column;gap:4px}
.bc-notice-row-title{font-size:12.5px;font-weight:600;line-height:1.4;color:#edf2f8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-notice-row-preview{font-size:11px;line-height:1.5;color:#8994a3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bc-notice-row-time{padding-top:2px;font-size:10px;color:#778394;white-space:nowrap;font-variant-numeric:tabular-nums}
.bc-notice-dropdown-empty{padding:28px 12px;text-align:center;color:#8792a1;font-size:12px}
.bc-notice-dropdown-foot{padding:9px 15px 11px;border-top:1px solid rgba(255,255,255,.06);font-size:10.5px;color:#707d8d;text-align:center}
html[data-bc="day"] .bc-notice-dropdown{color:#243143;background:linear-gradient(160deg,rgba(255,255,255,.985),rgba(244,247,251,.99));border-color:rgba(25,45,67,.14);box-shadow:0 24px 65px rgba(30,50,75,.18),inset 0 1px 0 rgba(255,255,255,.9)}
html[data-bc="day"] .bc-notice-dropdown-head,html[data-bc="day"] .bc-notice-dropdown-foot{border-color:rgba(25,45,67,.09)}
html[data-bc="day"] .bc-notice-dropdown-title,html[data-bc="day"] .bc-notice-row-title{color:#1d2b3d}
html[data-bc="day"] .bc-notice-dropdown-subtitle,html[data-bc="day"] .bc-notice-row-preview,html[data-bc="day"] .bc-notice-row-time,html[data-bc="day"] .bc-notice-dropdown-foot{color:#6d7a8a}
html[data-bc="day"] .bc-notice-row{border-color:rgba(25,45,67,.08);background:rgba(20,45,70,.025)}
html[data-bc="day"] .bc-notice-row:hover,html[data-bc="day"] .bc-notice-row:focus-visible{background:rgba(20,45,70,.06);border-color:rgba(20,120,170,.24)}
html[data-bc="day"] .bc-notice-dropdown-close{color:#607083;border-color:rgba(25,45,67,.12);background:rgba(20,45,70,.035)}
/* Detail opens only after an item is selected; both entry and exit are eased. */
.bc-mail-overlay{display:flex!important;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .2s ease,visibility 0s linear .22s;background:rgba(4,6,10,.72)}
.bc-mail-overlay.open{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .2s ease,visibility 0s}
.bc-mail-overlay.closing{visibility:visible;opacity:0;pointer-events:none}
.bc-mail-card{animation:bcMailIn .24s cubic-bezier(.2,.75,.25,1)}
@media(max-width:560px){.bc-notice-dropdown{max-height:calc(100dvh - 24px);border-radius:14px}.bc-notice-row{grid-template-columns:auto minmax(0,1fr);gap:8px}.bc-notice-row-time{grid-column:2;grid-row:2;padding:0}}
@media(prefers-reduced-motion:reduce){.bc-notice-dropdown,.bc-notice-row,.bc-notice-dropdown-close,.bc-mail-overlay,.bc-mail-card{transition:none!important;animation:none!important}}


/* Corrective pass: calm, legible notice palette and a clearly grouped subscription footer. */
.bc-notice-dropdown{
  color:#eceef0 !important;background:rgba(19,21,25,.985) !important;border-color:rgba(255,255,255,.12) !important;
  box-shadow:0 22px 58px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.035) !important;
  backdrop-filter:blur(14px) !important;-webkit-backdrop-filter:blur(14px) !important;
}
.bc-notice-dropdown-head,.bc-notice-dropdown-foot{border-color:rgba(255,255,255,.075) !important}
.bc-notice-dropdown-title{color:#f0f1f2 !important}
.bc-notice-dropdown-subtitle,.bc-notice-row-preview{color:#a0a5ab !important}
.bc-notice-row{background:rgba(255,255,255,.025) !important;border-color:rgba(255,255,255,.075) !important}
.bc-notice-row:hover,.bc-notice-row:focus-visible{background:rgba(255,255,255,.06) !important;border-color:rgba(255,255,255,.16) !important;transform:none !important}
.bc-notice-row-badge,.bc-mail-badge{color:#b7bdc3 !important;background:rgba(255,255,255,.045) !important;border-color:rgba(255,255,255,.13) !important}
.bc-notice-row-title,.bc-mail-head h4{color:#f0f1f2 !important}
.bc-notice-row-time,.bc-notice-dropdown-foot{color:#858b92 !important}
.bc-notice-dropdown-close,.bc-mail-close,.bc-mail-btn{color:#c7cbd0 !important;background:rgba(255,255,255,.045) !important;border-color:rgba(255,255,255,.12) !important}
.bc-notice-dropdown-close:hover,.bc-mail-close:hover,.bc-mail-btn:hover{color:#fff !important;background:rgba(255,255,255,.095) !important;border-color:rgba(255,255,255,.2) !important}
html[data-bc="day"] .bc-notice-dropdown{color:#27313b !important;background:rgba(248,249,250,.99) !important;border-color:rgba(22,30,38,.13) !important;box-shadow:0 20px 52px rgba(25,35,45,.16) !important}
html[data-bc="day"] .bc-notice-dropdown-title,html[data-bc="day"] .bc-notice-row-title,html[data-bc="day"] .bc-mail-head h4{color:#202930 !important}
html[data-bc="day"] .bc-notice-dropdown-subtitle,html[data-bc="day"] .bc-notice-row-preview,html[data-bc="day"] .bc-notice-row-time,html[data-bc="day"] .bc-notice-dropdown-foot{color:#68727b !important}
html[data-bc="day"] .bc-notice-row{background:rgba(20,30,40,.018) !important;border-color:rgba(20,30,40,.09) !important}
html[data-bc="day"] .bc-notice-row:hover,html[data-bc="day"] .bc-notice-row:focus-visible{background:rgba(20,30,40,.045) !important;border-color:rgba(20,30,40,.15) !important}
html[data-bc="day"] .bc-notice-row-badge,html[data-bc="day"] .bc-mail-badge{color:#53606a !important;background:rgba(20,30,40,.04) !important;border-color:rgba(20,30,40,.12) !important}
html[data-bc="day"] .bc-notice-dropdown-head,html[data-bc="day"] .bc-notice-dropdown-foot{border-color:rgba(20,30,40,.09) !important}
html[data-bc="day"] .bc-notice-dropdown-close,html[data-bc="day"] .bc-mail-close,html[data-bc="day"] .bc-mail-btn{color:#4f5b65 !important;background:rgba(20,30,40,.035) !important;border-color:rgba(20,30,40,.12) !important}

/* Footer hierarchy: status first, plan as a quiet tag, expiry on its own baseline. */
.la-dash-foot{
  display:flex !important;flex-direction:column !important;align-items:flex-end !important;gap:5px !important;
  max-width:min(420px,calc(100vw - 32px)) !important;padding:0 64px 0 0 !important;margin:0 !important;
  color:#9aa2aa !important;letter-spacing:.01em !important;
}
.la-dash-foot > .l{display:flex !important;align-items:center !important;justify-content:flex-end !important;gap:7px !important;max-width:100% !important;white-space:nowrap !important;font-size:11.5px !important;color:#aeb4ba !important}
.la-dash-foot .la-status-active{font-size:10.5px !important;letter-spacing:.06em !important;color:#aeb7b0 !important}
.la-dash-foot .la-status-sep{color:#687078 !important}
.la-dash-foot .la-status-plan{display:inline-block !important;max-width:min(230px,50vw) !important;overflow:hidden !important;text-overflow:ellipsis !important;padding:2px 7px !important;border:1px solid rgba(255,255,255,.1) !important;border-radius:999px !important;background:rgba(255,255,255,.045) !important;color:#c7ccd0 !important;font-size:10.5px !important;line-height:1.4 !important}
.la-dash-foot > .r{display:flex !important;align-items:baseline !important;justify-content:flex-end !important;gap:6px !important;white-space:nowrap !important;font-size:10.5px !important;color:#858d95 !important}
.la-dash-foot > .r b{font-size:10.5px !important;color:#c2c7cc !important;font-weight:500 !important;font-variant-numeric:tabular-nums !important}
.la-dash-foot .dot{width:6px !important;height:6px !important;background:#82b69b !important;box-shadow:0 0 6px rgba(130,182,155,.55) !important}
html[data-bc="day"] .la-dash-foot > .l{color:#4d5963 !important}
html[data-bc="day"] .la-dash-foot .la-status-active{color:#50665a !important}
html[data-bc="day"] .la-dash-foot .la-status-plan{color:#43505a !important;background:rgba(20,30,40,.035) !important;border-color:rgba(20,30,40,.12) !important}
html[data-bc="day"] .la-dash-foot > .r{color:#6f7981 !important}
html[data-bc="day"] .la-dash-foot > .r b{color:#38434c !important}
@media(max-width:1100px){.la-dash-foot{position:static !important;align-items:flex-end !important;max-width:none !important;padding:14px 16px 0 !important}.la-dash-foot > .l{max-width:calc(100vw - 32px) !important;white-space:normal !important;flex-wrap:wrap !important}.la-dash-foot .la-status-plan{max-width:calc(100vw - 110px) !important}}

/* Final placement + finish: match the site's restrained charcoal / warm-metal UI. */
.la-dash-cols > .la-rail,
.la-rail{
  position:fixed !important;left:16px !important;right:auto !important;top:auto !important;bottom:16px !important;
  z-index:50 !important;display:flex !important;flex-direction:row !important;align-items:center !important;
  justify-content:flex-start !important;gap:8px !important;width:auto !important;max-width:calc(100vw - 32px) !important;
  margin:0 !important;padding:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;
}
.la-rail .la-dl-inline{
  display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:flex-start !important;
  flex-wrap:nowrap !important;gap:8px !important;width:auto !important;margin:0 !important;padding:0 !important;
}
.la-rail .la-dl-t{
  padding:0 !important;margin:0 3px 0 0 !important;color:#77736b !important;font-size:9px !important;
  letter-spacing:.11em !important;white-space:nowrap !important;
}
.la-rail .la-dl-item{
  display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:7px !important;
  width:auto !important;min-width:0 !important;height:32px !important;padding:0 12px !important;
  border:1px solid rgba(235,229,216,.13) !important;border-left:1px solid rgba(235,229,216,.13) !important;
  border-radius:8px !important;background:rgba(22,23,25,.88) !important;color:#b8b3a9 !important;
  font-size:10.5px !important;letter-spacing:.015em !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
  transform:none !important;transition:background .16s ease,border-color .16s ease,color .16s ease !important;
}
.la-rail .la-dl-item:last-child{border-radius:8px !important;border-left:1px solid rgba(235,229,216,.13) !important}
.la-rail .la-dl-item:hover{
  background:rgba(197,166,111,.075) !important;border-color:rgba(197,166,111,.3) !important;
  color:#e0d7c6 !important;transform:translateY(-1px) !important;
}

.la-dash-foot{
  position:fixed !important;left:auto !important;top:auto !important;right:16px !important;bottom:15px !important;
  z-index:50 !important;display:flex !important;flex-direction:column !important;align-items:flex-end !important;
  justify-content:flex-end !important;gap:3px !important;width:auto !important;max-width:calc(100vw - 32px) !important;
  margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important;
  box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
  color:#969188 !important;letter-spacing:.01em !important;
}
.la-dash-foot > .l{
  display:flex !important;align-items:center !important;justify-content:flex-end !important;gap:6px !important;
  max-width:100% !important;margin:0 !important;padding:0 !important;white-space:nowrap !important;
  font-size:10.5px !important;line-height:1.45 !important;color:#a39e94 !important;
}
.la-dash-foot .dot{width:6px !important;height:6px !important;background:#8ca28f !important;box-shadow:0 0 5px rgba(140,162,143,.38) !important}
.la-dash-foot .la-status-active{font-size:10px !important;letter-spacing:.045em !important;color:#a4aa9f !important}
.la-dash-foot .la-status-sep{color:#716d65 !important}
.la-dash-foot .la-status-plan{
  display:inline !important;max-width:min(260px,52vw) !important;overflow:hidden !important;text-overflow:ellipsis !important;
  padding:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;
  color:#b8b1a4 !important;font-size:10.5px !important;line-height:inherit !important;
}
.la-dash-foot > .r{
  display:flex !important;align-items:baseline !important;justify-content:flex-end !important;gap:6px !important;
  margin:0 !important;padding:0 !important;white-space:nowrap !important;font-size:9.5px !important;
  line-height:1.4 !important;color:#77736b !important;
}
.la-dash-foot > .r b{font-size:10px !important;color:#b9b1a2 !important;font-weight:500 !important;font-variant-numeric:tabular-nums !important}
html[data-bc="day"] .la-rail .la-dl-t{color:#77736b !important}
html[data-bc="day"] .la-rail .la-dl-item{background:rgba(255,255,255,.84) !important;border-color:rgba(95,79,52,.17) !important;color:#625a4b !important}
html[data-bc="day"] .la-rail .la-dl-item:hover{background:#fff !important;border-color:rgba(150,119,68,.34) !important;color:#463d2e !important}
html[data-bc="day"] .la-dash-foot > .l{color:#645f55 !important}
html[data-bc="day"] .la-dash-foot .la-status-active{color:#637365 !important}
html[data-bc="day"] .la-dash-foot .la-status-plan{color:#6d6353 !important}
html[data-bc="day"] .la-dash-foot > .r{color:#777065 !important}
html[data-bc="day"] .la-dash-foot > .r b{color:#675d4d !important}
@media(max-width:1100px){
  .la-dash-cols > .la-rail,.la-rail{position:static !important;left:auto !important;bottom:auto !important;z-index:auto !important;
    width:auto !important;max-width:100% !important;margin:10px 0 0 !important;padding:0 12px !important}
  .la-dash-foot{position:static !important;align-items:flex-end !important;max-width:100% !important;margin:12px 12px 0 auto !important;padding:0 !important}
}
@media(max-width:560px){
  .la-rail .la-dl-inline{flex-wrap:wrap !important;gap:6px !important}
  .la-rail .la-dl-item{height:30px !important;padding:0 9px !important;font-size:10px !important}
  .la-dash-foot{max-width:calc(100vw - 24px) !important}
  .la-dash-foot > .l{white-space:normal !important;flex-wrap:wrap !important;justify-content:flex-end !important}
  .la-dash-foot .la-status-plan{max-width:calc(100vw - 120px) !important}
}

/* Palette correction: download controls stay charcoal, never pale/white. */
.la-rail .la-dl-t{color:#74664d !important}
.la-rail .la-dl-item,
html[data-bc="day"] .la-rail .la-dl-item{
  background:#12110f !important;background-image:none !important;
  border-color:rgba(151,116,57,.32) !important;border-left-color:rgba(151,116,57,.32) !important;
  color:#9a8050 !important;box-shadow:none !important;text-shadow:none !important;
}
.la-rail .la-dl-item:last-child{border-left-color:rgba(151,116,57,.32) !important}
.la-rail .la-dl-item:hover,
html[data-bc="day"] .la-rail .la-dl-item:hover{
  background:#19160f !important;background-image:none !important;
  border-color:rgba(169,132,68,.48) !important;color:#b39a67 !important;
  box-shadow:none !important;transform:none !important;
}
.la-rail .la-dl-item::before{opacity:.58 !important;filter:sepia(.65) saturate(.72) !important}
.la-dash-foot > .l{color:#8e887c !important}
.la-dash-foot .la-status-active{color:#858b80 !important}
.la-dash-foot .la-status-plan{color:#9b8968 !important}
.la-dash-foot > .r{color:#716b60 !important}
.la-dash-foot > .r b{color:#9e8960 !important}

/* Targeted finish for the two download links and the subscription status line. */
.la-rail .la-dl-item,
html[data-bc="day"] .la-rail .la-dl-item{
  background:linear-gradient(180deg,#211c13 0%,#17140f 100%) !important;
  border-color:rgba(164,128,63,.42) !important;border-left-color:rgba(164,128,63,.42) !important;
  color:#c0a267 !important;
}
.la-rail .la-dl-item:last-child{border-left-color:rgba(164,128,63,.42) !important}
.la-rail .la-dl-item *{color:#c0a267 !important}
.la-rail .la-dl-item:hover,
html[data-bc="day"] .la-rail .la-dl-item:hover{
  background:linear-gradient(180deg,#2a2316 0%,#1b1710 100%) !important;
  border-color:rgba(181,145,77,.58) !important;color:#d0b578 !important;
}
.la-rail .la-dl-item:hover *{color:#d0b578 !important}
.la-dash-foot .dot{background:#9b8656 !important;box-shadow:0 0 5px rgba(155,134,86,.32) !important}
.la-dash-foot .la-status-active{color:#9b927c !important}
.la-dash-foot .la-status-sep{color:#625844 !important}
.la-dash-foot .la-status-plan{color:#b09a6e !important}
.la-dash-foot > .r{color:#857a63 !important}
.la-dash-foot > .r b{color:#b09a6e !important}

/* Scale the complete site canvas and its typography with desktop window size. */
@supports (zoom: 1){
  html{zoom:var(--bc-window-scale,1) !important}
}

/* Dashboard connector-card comparison: query value is applied in head before first paint. */
@media (min-width:1101px){
  html[data-bc-panel-option="align"] .la-dash-cols > .la-guide,
  html[data-bc-panel-option="compact"] .la-dash-cols > .la-guide{
    position:relative !important;
    top:16px !important;
  }
}

/* Compact variant: keep the existing card width and visual language, reclaim only inner whitespace. */
html[data-bc-panel-option="compact"] .la-dash-cols > .la-guide{
  box-sizing:border-box !important;
  padding:12px 12px !important;
}
html[data-bc-panel-option="compact"] .la-guide-head{
  width:100% !important;
  gap:8px !important;
  margin-bottom:10px !important;
}
html[data-bc-panel-option="compact"] .la-guide-sub{
  width:100% !important;
  line-height:1.45 !important;
}
html[data-bc-panel-option="compact"] .la-sub-box{
  box-sizing:border-box !important;
  width:100% !important;
  gap:6px !important;
  padding:4px !important;
  margin-bottom:9px !important;
}
html[data-bc-panel-option="compact"] .la-sub-input{
  width:100% !important;
  min-width:0 !important;
}
html[data-bc-panel-option="compact"] .la-copy-btn,
html[data-bc-panel-option="compact"] .la-qr-btn{
  height:31px !important;
  padding-left:10px !important;
  padding-right:10px !important;
}
html[data-bc-panel-option="compact"] .la-app-grid{
  box-sizing:border-box !important;
  width:100% !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:7px !important;
  margin-bottom:0 !important;
}
html[data-bc-panel-option="compact"] .la-app-btn{
  box-sizing:border-box !important;
  width:100% !important;
  min-width:0 !important;
  min-height:46px !important;
  padding:9px 10px !important;
  gap:6px !important;
}
html[data-bc-panel-option="compact"] .la-app-info{
  min-width:0 !important;
}
html[data-bc-panel-option="compact"] .la-app-name,
html[data-bc-panel-option="compact"] .la-app-tag{
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
@media (max-width:1100px){
  html[data-bc-panel-option="align"] .la-dash-cols > .la-guide,
  html[data-bc-panel-option="compact"] .la-dash-cols > .la-guide{
    top:auto !important;
  }
}
@media (max-width:560px){
  html[data-bc-panel-option="compact"] .la-app-grid{
    grid-template-columns:1fr !important;
  }
}


/* Dashboard grid repair: preserve the real four tracks (download rail, demo, spacer, connection panel). */
@media (min-width:1101px){
  .la-dash-cols, html[data-bc-gap="5"] .la-dash-cols{
    grid-template-columns:max-content max-content minmax(0,1fr) 476px !important;
    column-gap:0 !important;
    padding-right:24px !important;
  }
  .la-rail{grid-column:1 !important;}
  .la-dash-demowrap{grid-column:2 !important; width:max-content !important; max-width:none !important;}
  .la-col-spacer{grid-column:3 !important; min-width:0 !important;}
  .la-dash-cols > .la-guide{grid-column:4 !important; width:476px !important; max-width:476px !important;}
  .la-col-spacer.la-rocket-panorama{overflow:visible !important; z-index:0 !important;}
  .la-col-spacer.la-rocket-panorama .la-rocket{
    flex:0 0 auto !important;
    width:min(1160px, calc(100% + 400px)) !important;
    height:min(600px, 82vh) !important;
  }
  .la-col-spacer.la-rocket-photo:not(.la-rocket-panorama) .la-rocket img{
    height:min(600px, 82vh) !important;
    max-width:min(100%, 640px) !important;
    max-height:100% !important;
  }
}
/* Four-edge alpha feather lets each outpainted panorama dissolve into the page canvas.
   The image stays oversized beneath both side panels; blend-through removes near-black source pixels without a frame. */
@media (min-width:1101px){
  .la-col-spacer.la-rocket-panorama .la-rocket img{
    mix-blend-mode:lighten !important;
    -webkit-mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.12) 7%, rgba(0,0,0,.58) 14%, rgba(0,0,0,.92) 22%, #000 28%, #000 72%, rgba(0,0,0,.92) 78%, rgba(0,0,0,.58) 86%, rgba(0,0,0,.12) 93%, transparent 100%), linear-gradient(180deg, transparent 0%, rgba(0,0,0,.28) 9%, rgba(0,0,0,.76) 19%, #000 29%, #000 71%, rgba(0,0,0,.76) 81%, rgba(0,0,0,.28) 91%, transparent 100%) !important;
    mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.12) 7%, rgba(0,0,0,.58) 14%, rgba(0,0,0,.92) 22%, #000 28%, #000 72%, rgba(0,0,0,.92) 78%, rgba(0,0,0,.58) 86%, rgba(0,0,0,.12) 93%, transparent 100%), linear-gradient(180deg, transparent 0%, rgba(0,0,0,.28) 9%, rgba(0,0,0,.76) 19%, #000 29%, #000 71%, rgba(0,0,0,.76) 81%, rgba(0,0,0,.28) 91%, transparent 100%) !important;
    -webkit-mask-size:100% 100% !important;
    mask-size:100% 100% !important;
    -webkit-mask-repeat:no-repeat !important;
    mask-repeat:no-repeat !important;
    -webkit-mask-composite:source-in !important;
    mask-composite:intersect !important;
  }
}


/* Keep the previous SPA view covered until the next route has committed. */
#app{transition:opacity .11s cubic-bezier(.2,.8,.2,1)}
html.la-route-pending #app{opacity:1!important;pointer-events:auto!important}
@media(prefers-reduced-motion:reduce){#app{transition:none!important}}

/* AUTH — Track Fold: full-bleed trajectory, restrained Bullet Cloud palette. */
body.la-in-auth #app {
  background: transparent !important;
  padding: clamp(76px, 8vh, 104px) clamp(22px, 5vw, 76px) 34px !important;
  align-items: stretch !important;
  overflow-x: hidden !important;
}
body.la-in-auth #app::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background-color: #050a10 !important;
  background-image:
    linear-gradient(90deg, rgba(4,8,13,.76) 0%, rgba(4,8,13,.59) 29%, rgba(4,8,13,.23) 58%, rgba(4,8,13,.13) 100%),
    linear-gradient(0deg, rgba(4,8,13,.47) 0%, transparent 48%, rgba(4,8,13,.15) 100%),
    url("/theme/Xboard/assets/rocket-curve-expanded-v2.webp") !important;
  background-position: center, center, 52% 48% !important;
  background-size: cover, cover, cover !important;
  background-repeat: no-repeat !important;
}
body.la-in-auth #app > .n-config-provider,
body.la-in-auth #app .wh-full.flex.items-center.justify-center {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  min-height: 100% !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  background: transparent !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md {
  width: min(440px, 38vw) !important;
  max-width: 440px !important;
  max-height: calc(100vh - 124px) !important;
  margin: auto auto auto clamp(20px, 6vw, 92px) !important;
  padding: 12px 0 !important;
  overflow-y: auto !important;
  color: #e5edf2 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md::before {
  content: "" !important;
  position: absolute !important;
  top: 7% !important;
  bottom: 7% !important;
  left: -22px !important;
  width: 1px !important;
  background: linear-gradient(180deg, transparent, rgba(142,217,223,.76) 18%, rgba(142,217,223,.32) 82%, transparent) !important;
  pointer-events: none !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-card-header,
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-card__content,
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-card__action {
  color: #e5edf2 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-card-header {
  padding: 16px 0 10px !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-card__content {
  padding: 12px 0 18px !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md h1,
body.la-in-auth #app .n-card.mx-auto.max-w-md h2,
body.la-in-auth #app .n-card.mx-auto.max-w-md h3,
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-card-header__main {
  color: #eaf1f4 !important;
  text-shadow: 0 8px 32px rgba(0,0,0,.48) !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md p,
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-form-item-label__text,
body.la-in-auth #app .n-card.mx-auto.max-w-md label {
  color: rgba(214,226,233,.76) !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-input,
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-input-group,
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-input-group .n-input,
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-input-group .n-select {
  --n-color: rgba(5,10,16,.22) !important;
  --n-color-focus: rgba(5,10,16,.38) !important;
  --n-border: 1px solid rgba(174,199,211,.25) !important;
  --n-border-hover: 1px solid rgba(142,217,223,.58) !important;
  --n-border-focus: 1px solid rgba(142,217,223,.72) !important;
  --n-box-shadow-focus: 0 0 0 2px rgba(92,177,190,.12) !important;
  color: #e7f0f4 !important;
  background: rgba(4,9,15,.3) !important;
  border-color: rgba(174,199,211,.25) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  transition: border-color .18s ease, background-color .18s ease !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-input:hover,
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-input-group .n-select:hover {
  border-color: rgba(142,217,223,.58) !important;
  background: rgba(4,9,15,.42) !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md input,
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-input__input-el {
  color: #e7f0f4 !important;
  caret-color: #8ed9df !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md input::placeholder,
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-input__placeholder {
  color: rgba(190,207,216,.52) !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-input__suffix,
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-select .n-base-selection-label {
  color: rgba(214,226,233,.8) !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-button.n-button--primary-type,
body.la-in-auth #app .n-card.mx-auto.max-w-md button[type="submit"] {
  --n-color: #68b8d9 !important;
  --n-color-hover: #7bc5df !important;
  --n-color-pressed: #54a9cb !important;
  --n-border: 1px solid #68b8d9 !important;
  --n-border-hover: 1px solid #7bc5df !important;
  --n-border-pressed: 1px solid #54a9cb !important;
  --n-text-color: #07121a !important;
  --n-text-color-hover: #07121a !important;
  color: #07121a !important;
  background: #68b8d9 !important;
  border-color: #68b8d9 !important;
  border-radius: 2px !important;
  box-shadow: 0 8px 26px rgba(20,91,115,.22) !important;
  transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-button.n-button--primary-type:hover,
body.la-in-auth #app .n-card.mx-auto.max-w-md button[type="submit"]:hover {
  background: #7bc5df !important;
  border-color: #7bc5df !important;
  box-shadow: 0 10px 30px rgba(20,91,115,.3) !important;
  transform: translateY(-1px) !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md a {
  color: #8ed9df !important;
  text-decoration-color: rgba(142,217,223,.35) !important;
  transition: color .18s ease !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md a:hover {
  color: #b8eef0 !important;
}
body.la-in-auth .n-base-select-menu {
  color: #e4edf2 !important;
  background: rgba(9,15,22,.97) !important;
  border: 1px solid rgba(142,217,223,.24) !important;
  border-radius: 4px !important;
  box-shadow: 0 16px 44px rgba(0,0,0,.5) !important;
  backdrop-filter: blur(14px) !important;
}
body.la-in-auth .n-base-select-option {
  color: rgba(221,232,237,.82) !important;
  background: transparent !important;
  border-radius: 2px !important;
}
body.la-in-auth .n-base-select-option:hover,
body.la-in-auth .n-base-select-option.n-base-select-option--pending {
  color: #eaf7f7 !important;
  background: rgba(94,172,187,.15) !important;
}
body.la-in-auth .n-base-select-option.n-base-select-option--selected {
  color: #bdecef !important;
  background: rgba(77,154,170,.2) !important;
  box-shadow: inset 2px 0 #8ed9df !important;
}
body.la-in-auth .n-base-select-option .n-base-select-option__check {
  color: #8ed9df !important;
}
body.la-in-auth .la-auth-close-x {
  top: 12px !important;
  right: 2px !important;
  color: rgba(222,235,240,.72) !important;
  background: rgba(5,10,16,.32) !important;
  border-color: rgba(174,199,211,.24) !important;
  box-shadow: none !important;
}
body.la-in-auth .la-auth-close-x:hover {
  color: #eaf7f7 !important;
  background: rgba(5,10,16,.62) !important;
  border-color: rgba(142,217,223,.54) !important;
  box-shadow: 0 0 18px rgba(74,151,170,.2) !important;
  transform: none !important;
}
@media (max-width: 760px) {
  body.la-in-auth #app {
    padding: 76px 20px 24px !important;
    align-items: stretch !important;
    overflow-y: auto !important;
  }
  body.la-in-auth #app::before {
    background-image:
      linear-gradient(180deg, rgba(4,8,13,.24) 0%, rgba(4,8,13,.43) 38%, rgba(4,8,13,.82) 100%),
      linear-gradient(90deg, rgba(4,8,13,.24), rgba(4,8,13,.08)),
      url("/theme/Xboard/assets/rocket-curve-expanded-v2.webp") !important;
    background-position: center, center, 55% center !important;
    background-size: cover, cover, auto 100% !important;
  }
  body.la-in-auth #app > .n-config-provider,
  body.la-in-auth #app .wh-full.flex.items-center.justify-center {
    min-height: calc(100vh - 100px) !important;
    align-items: center !important;
    justify-content: center !important;
  }
  body.la-in-auth #app .n-card.mx-auto.max-w-md {
    width: min(440px, calc(100vw - 40px)) !important;
    max-width: 440px !important;
    max-height: none !important;
    margin: auto !important;
    padding: 12px 0 !important;
  }
  body.la-in-auth #app .n-card.mx-auto.max-w-md::before {
    left: -12px !important;
    top: 8% !important;
    bottom: 8% !important;
  }
  body.la-in-auth #app .n-card.mx-auto.max-w-md .n-card-header {
    padding-right: 36px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.la-in-auth #app .n-card.mx-auto.max-w-md *,
  body.la-in-auth #app .n-card.mx-auto.max-w-md *::before,
  body.la-in-auth #app .n-card.mx-auto.max-w-md *::after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}

/* AUTH refinement — usable controls, firm edges, preview's trajectory retained. */
html.la-in-auth {
  zoom: 1 !important;
  min-height: 100%;
}
body.la-in-auth #la-landing .la-lnav {
  display: none !important;
}
body.la-in-auth #app {
  box-sizing: border-box !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  padding: clamp(24px, 4vh, 40px) clamp(24px, 4.5vw, 66px) !important;
  align-items: stretch !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
body.la-in-auth #app::before {
  background-image:
    linear-gradient(90deg, rgba(3,7,12,.91) 0%, rgba(3,7,12,.82) 24%, rgba(3,7,12,.58) 43%, rgba(3,7,12,.20) 68%, rgba(3,7,12,.13) 100%),
    linear-gradient(0deg, rgba(3,7,12,.52) 0%, rgba(3,7,12,.10) 38%, rgba(3,7,12,.20) 100%),
    url("/theme/Xboard/assets/rocket-curve-expanded-v2.webp") !important;
  background-position: center, center, 52% 48% !important;
  background-size: cover, cover, cover !important;
}
body.la-in-auth #app > .n-config-provider,
body.la-in-auth #app .wh-full.flex.items-center.justify-center {
  min-height: calc(100dvh - 48px) !important;
  height: auto !important;
  align-items: center !important;
  justify-content: flex-start !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md {
  box-sizing: border-box !important;
  position: relative !important;
  width: min(500px, calc(100vw - 48px)) !important;
  max-width: 500px !important;
  max-height: calc(100dvh - 48px) !important;
  margin: auto auto auto clamp(20px, 5vw, 72px) !important;
  padding: 25px 27px !important;
  overflow-y: auto !important;
  color: #edf4f7 !important;
  background: rgba(4, 10, 17, .88) !important;
  border: 1px solid rgba(142, 217, 223, .58) !important;
  border-radius: 8px !important;
  box-shadow: 0 22px 58px rgba(0,0,0,.46), inset 0 1px rgba(235,248,250,.07) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md::before {
  content: none !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-card-header,
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-card__content,
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-card__action {
  color: #edf4f7 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-card-header {
  padding: 0 36px 16px 0 !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-card__content {
  padding: 0 !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-card__content > .p-6 {
  padding: 0 !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md h1,
body.la-in-auth #app .n-card.mx-auto.max-w-md h2,
body.la-in-auth #app .n-card.mx-auto.max-w-md h3,
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-card-header__main {
  color: #f2f7f9 !important;
  text-align: left !important;
  text-shadow: none !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md h1 {
  margin: 0 0 5px !important;
  font-size: clamp(25px, 2vw, 30px) !important;
  line-height: 1.2 !important;
  letter-spacing: .015em !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md h5,
body.la-in-auth #app .n-card.mx-auto.max-w-md p {
  color: #b8c7d0 !important;
  text-align: left !important;
  line-height: 1.55 !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-form-item {
  margin-bottom: 15px !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-form-item-label__text,
body.la-in-auth #app .n-card.mx-auto.max-w-md label {
  color: #d7e2e7 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-input,
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-input-group .n-input,
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-input-group .n-select .n-base-selection {
  --n-color: rgba(2, 7, 12, .96) !important;
  --n-color-focus: rgba(2, 7, 12, .98) !important;
  --n-border: 1px solid rgba(190, 211, 220, .66) !important;
  --n-border-hover: 1px solid #8ed9df !important;
  --n-border-focus: 1px solid #8ed9df !important;
  --n-box-shadow-focus: 0 0 0 3px rgba(142, 217, 223, .18) !important;
  --n-height: 46px !important;
  --n-border-radius: 5px !important;
  min-height: 46px !important;
  color: #f4f8fa !important;
  background: rgba(2, 7, 12, .96) !important;
  border-color: rgba(190, 211, 220, .66) !important;
  border-radius: 5px !important;
  box-shadow: none !important;
  transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-input:hover,
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-base-selection:hover {
  border-color: #8ed9df !important;
  background: rgba(4, 12, 19, .98) !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-input:focus-within,
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-base-selection:focus-within {
  border-color: #8ed9df !important;
  box-shadow: 0 0 0 3px rgba(142, 217, 223, .18) !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md input,
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-input__input-el {
  color: #f4f8fa !important;
  caret-color: #8ed9df !important;
  font-size: 14px !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md input::placeholder,
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-input__placeholder {
  color: #aabac4 !important;
  opacity: 1 !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-input__suffix,
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-base-selection-label,
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-base-selection-input {
  color: #e5eef2 !important;
  font-size: 14px !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-input-group .n-select {
  flex: 0 0 152px !important;
  min-width: 132px !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-input-group .n-select .n-base-selection {
  height: 46px !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-button {
  min-height: 44px !important;
  color: #e9f1f4 !important;
  background: rgba(17, 28, 38, .96) !important;
  border: 1px solid rgba(171, 198, 209, .56) !important;
  border-radius: 5px !important;
  box-shadow: none !important;
  transition: color .16s ease, background-color .16s ease, border-color .16s ease !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-button:hover {
  color: #f5fbfc !important;
  background: rgba(30, 47, 58, .98) !important;
  border-color: rgba(142, 217, 223, .82) !important;
  transform: none !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-button.n-button--primary-type,
body.la-in-auth #app .n-card.mx-auto.max-w-md button[type="submit"] {
  --n-color: #8ed9df !important;
  --n-color-hover: #a5e5e9 !important;
  --n-color-pressed: #73c5ce !important;
  --n-border: 1px solid #8ed9df !important;
  --n-border-hover: 1px solid #a5e5e9 !important;
  --n-border-pressed: 1px solid #73c5ce !important;
  --n-text-color: #061116 !important;
  --n-text-color-hover: #061116 !important;
  min-height: 48px !important;
  color: #061116 !important;
  background: #8ed9df !important;
  border-color: #8ed9df !important;
  font-weight: 650 !important;
  letter-spacing: .025em !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-button.n-button--primary-type:hover,
body.la-in-auth #app .n-card.mx-auto.max-w-md button[type="submit"]:hover {
  color: #061116 !important;
  background: #a5e5e9 !important;
  border-color: #a5e5e9 !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md a {
  color: #a5e5e9 !important;
  text-decoration-color: rgba(165, 229, 233, .5) !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md a:hover {
  color: #d1f5f5 !important;
}
body.la-in-auth .n-base-select-menu {
  color: #edf4f7 !important;
  background: #08111a !important;
  border: 1px solid rgba(142, 217, 223, .72) !important;
  border-radius: 6px !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.62) !important;
  backdrop-filter: blur(12px) !important;
}
body.la-in-auth .n-base-select-option {
  min-height: 40px !important;
  color: #dce8ed !important;
  background: transparent !important;
}
body.la-in-auth .n-base-select-option:hover,
body.la-in-auth .n-base-select-option.n-base-select-option--pending {
  color: #f4f9fa !important;
  background: rgba(142, 217, 223, .14) !important;
}
body.la-in-auth .n-base-select-option.n-base-select-option--selected {
  color: #a5e5e9 !important;
  background: rgba(142, 217, 223, .18) !important;
  box-shadow: inset 2px 0 #8ed9df !important;
}
body.la-in-auth .n-base-select-option .n-base-select-option__check {
  color: #8ed9df !important;
}
body.la-in-auth .la-auth-close-x {
  top: 16px !important;
  right: 16px !important;
  width: 34px !important;
  height: 34px !important;
  color: #dce8ed !important;
  background: rgba(7, 14, 21, .94) !important;
  border: 1px solid rgba(190, 211, 220, .62) !important;
  box-shadow: none !important;
}
body.la-in-auth .la-auth-close-x:hover {
  color: #fff !important;
  background: rgba(23, 39, 49, .98) !important;
  border-color: #8ed9df !important;
  transform: none !important;
}
@media (max-width: 760px) {
  body.la-in-auth #app {
    padding: 20px 16px !important;
    align-items: center !important;
  }
  body.la-in-auth #app::before {
    background-image:
      linear-gradient(180deg, rgba(3,7,12,.42) 0%, rgba(3,7,12,.68) 44%, rgba(3,7,12,.88) 100%),
      linear-gradient(90deg, rgba(3,7,12,.22), rgba(3,7,12,.12)),
      url("/theme/Xboard/assets/rocket-curve-expanded-v2.webp") !important;
    background-position: center, center, 57% center !important;
    background-size: cover, cover, auto 100% !important;
  }
  body.la-in-auth #app > .n-config-provider,
  body.la-in-auth #app .wh-full.flex.items-center.justify-center {
    min-height: calc(100dvh - 40px) !important;
    align-items: center !important;
    justify-content: center !important;
  }
  body.la-in-auth #app .n-card.mx-auto.max-w-md {
    width: min(500px, calc(100vw - 32px)) !important;
    max-width: 500px !important;
    max-height: calc(100dvh - 40px) !important;
    margin: auto !important;
    padding: 22px 20px !important;
  }
  body.la-in-auth #app .n-card.mx-auto.max-w-md .n-input-group .n-select {
    flex-basis: 136px !important;
    min-width: 124px !important;
  }
}
@media (max-width: 380px) {
  body.la-in-auth #app .n-card.mx-auto.max-w-md {
    padding: 18px 14px !important;
  }
  body.la-in-auth #app .n-card.mx-auto.max-w-md .n-input-group .n-select {
    flex-basis: 122px !important;
    min-width: 116px !important;
  }
}

/* AUTH MATERIAL POLISH · 2026-10-23 */
body.la-in-auth #app .n-card.mx-auto.max-w-md {
  background: linear-gradient(145deg, rgba(12, 21, 29, .96) 0%, rgba(5, 11, 17, .95) 58%, rgba(8, 15, 22, .96) 100%) !important;
  border: 1px solid rgba(162, 188, 198, .42) !important;
  border-radius: 10px !important;
  box-shadow: 0 30px 76px rgba(0, 0, 0, .50), inset 0 1px 0 rgba(241, 249, 251, .075), inset 0 0 0 1px rgba(1, 7, 12, .66) !important;
  backdrop-filter: blur(16px) saturate(112%) !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto !important;
  z-index: 2 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent 4%, rgba(142, 217, 223, .40) 22%, rgba(235, 246, 248, .18) 56%, transparent 96%) !important;
  pointer-events: none !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md h1 {
  font-size: 0 !important;
  line-height: 1.2 !important;
  margin: 0 0 5px !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md h1::before {
  font-size: 25px !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  line-height: 1.25 !important;
  background: none !important;
  -webkit-text-fill-color: #eef4f6 !important;
  text-shadow: none !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md h1::after {
  margin-top: 7px !important;
  color: rgba(142, 201, 208, .88) !important;
  -webkit-text-fill-color: rgba(142, 201, 208, .88) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: .34em !important;
  text-shadow: none !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md h5 {
  text-align: left !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md h5::after {
  margin-top: 7px !important;
  color: rgba(169, 187, 196, .82) !important;
  font-size: 12px !important;
  letter-spacing: .035em !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-input,
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-input-group .n-select .n-base-selection {
  border-color: transparent !important;
  box-shadow: none !important;
  --n-box-shadow-focus: none !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-input__border,
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-base-selection__border {
  border: 1px solid rgba(161, 183, 192, .46) !important;
  border-radius: 6px !important;
  box-shadow: inset 0 1px 0 rgba(240, 249, 251, .025) !important;
  transition: border-color .16s ease, box-shadow .16s ease !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-input__state-border,
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-base-selection__state-border {
  border: 1px solid rgba(142, 217, 223, .88) !important;
  border-radius: 6px !important;
  box-shadow: 0 0 0 2px rgba(142, 217, 223, .13) !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-input:not(.n-input--focus):hover .n-input__border,
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-base-selection:hover .n-base-selection__border {
  border-color: rgba(142, 217, 223, .70) !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-button.n-button--primary-type,
body.la-in-auth #app .n-card.mx-auto.max-w-md button[type="submit"] {
  background: linear-gradient(180deg, #98dce0 0%, #7bc5cc 100%) !important;
  border-color: rgba(183, 239, 241, .80) !important;
  box-shadow: 0 8px 22px rgba(37, 121, 134, .18), inset 0 1px 0 rgba(255, 255, 255, .28) !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-button.n-button--primary-type:hover,
body.la-in-auth #app .n-card.mx-auto.max-w-md button[type="submit"]:hover {
  background: linear-gradient(180deg, #a8e6e9 0%, #8bd0d5 100%) !important;
  border-color: rgba(206, 247, 248, .88) !important;
  box-shadow: 0 9px 24px rgba(37, 121, 134, .22), inset 0 1px 0 rgba(255, 255, 255, .34) !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md button[data-bullet-send-btn="1"] {
  color: #dce7eb !important;
  background: linear-gradient(180deg, rgba(25, 39, 49, .98), rgba(15, 26, 35, .98)) !important;
  border: 1px solid rgba(151, 179, 190, .38) !important;
  box-shadow: inset 0 1px 0 rgba(241, 249, 251, .045) !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md button[data-bullet-send-btn="1"]:hover {
  color: #f0f7f8 !important;
  background: linear-gradient(180deg, rgba(34, 53, 63, .98), rgba(21, 36, 46, .98)) !important;
  border-color: rgba(142, 217, 223, .66) !important;
}

/* AUTH MATERIAL POLISH FOCUS REFINEMENT */
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-input__state-border,
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-base-selection__state-border {
  border-color: transparent !important;
  box-shadow: none !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-input.n-input--focus .n-input__border,
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-base-selection:focus-within .n-base-selection__border {
  border-color: transparent !important;
  box-shadow: none !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-input.n-input--focus .n-input__state-border,
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-base-selection.n-base-selection--focus .n-base-selection__state-border,
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-base-selection:focus-within .n-base-selection__state-border {
  border-color: rgba(142, 217, 223, .92) !important;
  box-shadow: 0 0 0 2px rgba(142, 217, 223, .15) !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-input-group > .n-button.n-button--primary-type:not([type="submit"]) {
  color: #dce7eb !important;
  background: linear-gradient(180deg, rgba(25, 39, 49, .98), rgba(15, 26, 35, .98)) !important;
  border: 1px solid rgba(151, 179, 190, .38) !important;
  box-shadow: inset 0 1px 0 rgba(241, 249, 251, .045) !important;
}
body.la-in-auth #app .n-card.mx-auto.max-w-md .n-input-group > .n-button.n-button--primary-type:not([type="submit"]):hover {
  color: #f0f7f8 !important;
  background: linear-gradient(180deg, rgba(34, 53, 63, .98), rgba(21, 36, 46, .98)) !important;
  border-color: rgba(142, 217, 223, .66) !important;
}


/* AUTH — restrained animated light sweep behind login/register forms. */
body.la-in-auth #app::after {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: .34;
  mix-blend-mode: screen;
  background-image:
    radial-gradient(ellipse at 78% 55%, rgba(91, 180, 213, .12) 0%, rgba(91, 180, 213, 0) 36%),
    linear-gradient(118deg, transparent 0%, transparent 46%, rgba(109, 195, 222, .025) 48.5%, rgba(133, 213, 233, .23) 49.5%, rgba(231, 187, 139, .15) 50%, rgba(133, 213, 233, .035) 51.5%, transparent 54%);
  background-repeat: no-repeat, no-repeat;
  background-size: 100% 100%, 230% 150%;
  background-position: center, 24% 42%;
  animation: bcAuthFlow 26s linear infinite;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, transparent 34%, rgba(0,0,0,.42) 48%, #000 66%);
  mask-image: linear-gradient(90deg, transparent 0%, transparent 34%, rgba(0,0,0,.42) 48%, #000 66%);
}
@keyframes bcAuthFlow {
  from { background-position: center, 24% 42%; }
  to   { background-position: center, 74% 58%; }
}
@media (max-width: 760px) {
  body.la-in-auth #app::after {
    opacity: .25;
    background-size: 100% 100%, 280% 125%;
    background-position: center, 34% 68%;
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.1) 35%, #000 62%, rgba(0,0,0,.55) 100%);
    mask-image: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.1) 35%, #000 62%, rgba(0,0,0,.55) 100%);
  }
  @keyframes bcAuthFlow {
    from { background-position: center, 34% 68%; }
    to   { background-position: center, 65% 62%; }
  }
}
@media (prefers-reduced-motion: reduce) {
  body.la-in-auth #app::after { animation: none !important; }
}


/* Crisp, stable subscription actions in the night theme. Keep the existing metallic card finish; remove the text halo and hover transform that rasterized the label softly. */
html[data-bc="night"] #la-landing #la-plans .la-plan .la-plan-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:46px!important;
  line-height:1.2!important;
  transform:none!important;
  filter:none!important;
  text-shadow:none!important;
  -webkit-text-stroke:0 transparent!important;
  font-synthesis:none!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important;
}
html[data-bc="night"] #la-landing #la-plans .la-plan .la-plan-btn:hover,
html[data-bc="night"] #la-landing #la-plans .la-plan .la-plan-btn:active{
  transform:none!important;
  filter:none!important;
  text-shadow:none!important;
}
html[data-bc="night"] #la-landing #la-plans .la-plan .la-plan-btn > .la-txt-zh,
html[data-bc="night"] #la-landing #la-plans .la-plan .la-plan-btn > .la-txt-en{
  color:#f2f0eb!important;
  -webkit-text-fill-color:#f2f0eb!important;
  font-size:14px!important;
  font-weight:650!important;
  line-height:1.2!important;
  letter-spacing:.01em!important;
  text-shadow:none!important;
  filter:none!important;
}
html[data-bc="night"] #la-landing #la-plans .la-plan.la-mat-gold .la-plan-btn > .la-txt-zh,
html[data-bc="night"] #la-landing #la-plans .la-plan.la-mat-gold .la-plan-btn > .la-txt-en,
html[data-bc="night"] #la-landing #la-plans .la-plan.la-mat-blackgold .la-plan-btn > .la-txt-zh,
html[data-bc="night"] #la-landing #la-plans .la-plan.la-mat-blackgold .la-plan-btn > .la-txt-en{
  color:#f4e5bd!important;
  -webkit-text-fill-color:#f4e5bd!important;
}
html[data-bc="night"] #la-landing #la-plans .la-plan .la-plan-btn:focus-visible{
  outline:2px solid rgba(228,205,156,.9)!important;
  outline-offset:3px!important;
}
.bcm-qr-placeholder{min-height:210px;display:flex;align-items:center;justify-content:center;padding:20px;color:#aab2bc;font-size:13px;line-height:1.55;text-align:center}

html[data-la-lang="ru-RU"] .n-card.mx-auto.max-w-md h5::after { content: "Высокоскоростное ускорение · Глобальный доступ" !important; }
html[data-la-lang="de-DE"] .n-card.mx-auto.max-w-md h5::after { content: "Highspeed-Verbindung · Globaler Zugriff" !important; }
html[data-la-lang="ja-JP"] .n-card.mx-auto.max-w-md h5::after { content: "高速通信 · グローバルアクセス" !important; }
html[data-la-lang="tr-TR"] .n-card.mx-auto.max-w-md h5::after { content: "Yüksek Hızlı Bağlantı · Küresel Erişim" !important; }

/* Accessible landing-page language menu */
.la-landing-lang-menu{display:none;position:absolute;right:0;top:calc(100% + 8px);z-index:10020;min-width:166px;padding:6px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(12,16,29,.97);box-shadow:0 16px 34px rgba(0,0,0,.38);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.la-landing-lang-menu.open{display:flex;flex-direction:column;gap:3px}
.la-language-option{display:flex;align-items:center;width:100%;min-height:38px;padding:7px 10px;border:0;border-radius:9px;background:transparent;color:#e8edf8;text-align:left;font-family:inherit;font-size:13px;font-weight:500;line-height:1.3;cursor:pointer}
.la-language-option:hover,.la-language-option.active{background:rgba(255,255,255,.11);color:#fff}