/* LcayunM1 官网主题 v5.3.2 —— 在线客服接回现网在用的网易七鱼；联系页首卡由售前热线换成在线客服 */
@charset "utf-8";
/* ==========================================================================
   莱卡云 LcayunM1 · 官网主题样式
   全部原创，无第三方框架依赖。命名空间统一 lc-。
   ========================================================================== */

/* ------------------------------ 1. 变量 ------------------------------ */
:root{
  --blue:#0f76d4; --blue-d:#0a5aa8; --blue-l:#e9f3fc; --cyan:#00a0e0; --green:#00b090;
  --ink:#12161d; --ink2:#525a66; --ink3:#6b7280;
  --line:#e9edf2; --line-2:#f2f4f8; --bg:#f7f9fc; --bg-2:#fbfcfe;
  --price:#c8401b;
  --r:8px; --r-lg:10px;
  --sh1:0 1px 2px rgba(18,44,84,.04);
  --sh2:0 4px 16px rgba(20,45,85,.05);
  --sh3:0 10px 28px rgba(18,44,84,.07);
  --sh4:0 16px 40px rgba(14,50,100,.10);
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --dur:.26s;
  --nav-h:74px;
}

/* ------------------------------ 2. 基础 ------------------------------ */
*,*::before,*::after{ box-sizing:border-box; }
/* 手机点击时系统默认会盖一层半透明黑，这一层是「按下去发黑」的常见来源，全站关掉 */
html{ -webkit-tap-highlight-color:transparent; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body{
  margin:0;
  font-family:"HarmonyOS Sans SC","MiSans","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",sans-serif;
  font-size:15px; line-height:1.65; color:var(--ink); background:#fff;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
img{ max-width:100%; height:auto; border:0; vertical-align:middle; }
a{ color:inherit; text-decoration:none; transition:color var(--dur) var(--ease); }
ul,ol{ margin:0; padding:0; list-style:none; }
h1,h2,h3,h4,h5,p{ margin:0; }
button{ font:inherit; color:inherit; background:none; border:0; padding:0; cursor:pointer; }
i,em{ font-style:normal; }
::selection{ background:rgba(15,118,212,.14); }

.lc-wrap{ width:1280px; max-width:calc(100% - 48px); margin:0 auto; }
/* 顶栏与导航用更宽的容器：宽屏下 logo 贴近左侧，不会缩在页面中间 */
.lc-wrap-wide{ width:1460px; max-width:calc(100% - 56px); margin:0 auto; }

/* ------------------------------ 3. 按钮 ------------------------------ */
/* 统一按钮：纯色不做渐变，投影克制，hover 只换颜色不做位移，
   避免整页按钮"发光 + 跳动"的廉价感。三种层级：主 / 次 / 淡蓝。 */
.lc-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  height:44px; padding:0 26px;
  border:1px solid transparent; border-radius:9px;
  font-size:14.5px; font-weight:500; line-height:1; letter-spacing:.2px; white-space:nowrap;
  cursor:pointer; user-select:none; -webkit-tap-highlight-color:transparent;
  transition:background-color .2s var(--ease), border-color .2s var(--ease),
             color .2s var(--ease), box-shadow .2s var(--ease);
}
.lc-btn:focus-visible{ outline:2px solid var(--blue); outline-offset:2px; }
.lc-btn-lg{ height:52px; padding:0 32px; font-size:16px; border-radius:10px; }
.lc-btn-sm{ height:36px; padding:0 17px; font-size:13.5px; border-radius:8px; gap:6px; }
.lc-btn-block{ width:100%; }

/* 按钮里的小箭头：hover 时向右挪一点，动效只在这一处，不动整颗按钮 */
.lc-btn-arrow{
  width:6px; height:6px; margin-left:-1px;
  border-right:1.6px solid currentColor; border-top:1.6px solid currentColor;
  transform:rotate(45deg); opacity:.85;
  transition:transform .24s var(--ease-out);
}
@media (hover:hover) and (pointer:fine){
  .lc-btn:hover .lc-btn-arrow{ transform:rotate(45deg) translate(2px,-2px); }
}

/* ---- 按钮的三态配色：一条铁律「只提亮，不压深」 ----
   常态是整颗按钮最深的一档，悬停和按下都往亮里走。
   之前 hover/active 压到 #0F65BD、#1069C4，在整块蓝底上看着就是发黑，
   所以现在：常态 #1274D6 → 悬停 #3A93EA → 按下 #2183E4，全都比常态亮。

   悬停态一律锁在 @media (hover:hover) and (pointer:fine) 里，只对真鼠标生效。
   手机、平板上点一下之后 :hover 会一直粘在元素上不掉，
   手指离开了按钮还留着「另一个颜色」，这就是「触碰完就变色」的来源，
   这里直接让触屏设备没有 hover 这一态，点完立刻回到常态。
   下面几种按钮都按同一套规矩来，不要只改主按钮。 */

/* 各档按钮的常态色 */
.lc-btn-primary{ background-color:#1274d6; color:#fff; box-shadow:0 1px 2px rgba(16,42,80,.10); }
.lc-btn-ghost{ background-color:#fff; border-color:#dde3ea; color:#39424f; }
.lc-btn-soft{ background-color:#eaf3fd; color:#1268c4; }
.lc-btn-line{ background-color:transparent; border-color:#a8c9ea; color:#1268c4; }
/* 这两个是给深蓝底区块预备的，目前没有页面用到，先把常态补全免得将来现写 */
.lc-btn-white{ background-color:#fff; color:#0b57a5; }
.lc-btn-outline{ background-color:transparent; border-color:rgba(255,255,255,.55); color:#fff; }

/* 悬停态：只对真鼠标生效 */
@media (hover:hover) and (pointer:fine){
  .lc-btn-primary:hover{ background-color:#2e8be7; box-shadow:0 4px 12px rgba(18,116,214,.24); }
  .lc-btn-ghost:hover{ background-color:#f7fbff; border-color:#a8c9ea; color:var(--blue); }
  .lc-btn-soft:hover{ background-color:#2183e4; color:#fff; }
  .lc-btn-line:hover{ background-color:#fff; border-color:#8fbbe4; color:var(--blue); }
  .lc-btn-white:hover{ background-color:#f2f8ff; color:#0b57a5; }
  .lc-btn-outline:hover{ background-color:rgba(255,255,255,.14); border-color:#fff; }
}

/* 按下态：写在悬停之后，鼠标压住时才压得过 :hover；
   触屏没有悬停这一档，手指按住时直接从常态跳到这里。
   同样比常态亮，松手即回，不留色。 */
.lc-btn-primary:active{ background-color:#1e7edd; box-shadow:0 1px 2px rgba(16,42,80,.10); }
.lc-btn-ghost:active{ background-color:#eef6ff; border-color:#a8c9ea; color:var(--blue); }
.lc-btn-soft:active{ background-color:#dceafb; color:#1268c4; }
.lc-btn-line:active{ background-color:#f7fbff; border-color:#a8c9ea; color:var(--blue); }
.lc-btn-white:active{ background-color:#eaf3fd; color:#0b57a5; }
.lc-btn-outline:active{ background-color:rgba(255,255,255,.24); border-color:#fff; }

/* 卡片 hover 时把里面的淡蓝按钮点亮，鼠标不用精确落在按钮上也有反馈 */
.lc-promo-card:hover .lc-btn-soft{ background-color:#1274d6; color:#fff; }

.lc-more{ display:inline-flex; align-items:center; gap:6px; font-size:13px; color:var(--blue); font-weight:500; }
.lc-more i{ width:5px; height:5px; border-right:1.5px solid currentColor; border-top:1.5px solid currentColor;
            transform:rotate(45deg); transition:transform var(--dur) var(--ease); }
a:hover .lc-more i, .lc-more:hover i{ transform:rotate(45deg) translate(2px,-2px); }

/* ------------------------------ 4. 顶栏 ------------------------------ */
.lc-topbar{ position:relative; z-index:61; height:32px; background:#fcfdfe; border-bottom:1px solid #f1f4f8; font-size:12px; color:#666e7c; }
.lc-topbar .lc-wrap{ display:flex; align-items:center; justify-content:space-between; height:32px; }
.lc-topbar-l a{ margin-right:20px; }
.lc-topbar-l a:hover{ color:var(--blue); }
.lc-topbar-r{ display:flex; align-items:center; gap:6px; color:#666e7c; }
.lc-topbar-r b{ color:#6d7684; font-weight:600; letter-spacing:.3px; }

/* ------------------------------ 5. 导航 ------------------------------ */
.lc-header{
  position:sticky; top:0; z-index:60;
  height:var(--nav-h); background:#fff; border-bottom:1px solid var(--line);
  transition:box-shadow var(--dur) var(--ease);
}
.lc-header.is-stuck{ box-shadow:0 2px 12px rgba(18,44,84,.08); }
.lc-header .lc-wrap{ display:flex; align-items:center; height:var(--nav-h); }

.lc-logo{ display:flex; align-items:center; gap:10px; margin-right:34px; flex:none; }
.lc-logo img{ height:33px; width:auto; display:block; }
/* 仅当 logo 图片加载失败时（JS 打上 is-text）才显示文字，平时必须隐藏 */
.lc-logo-text{ display:none; font-size:19px; font-weight:700; letter-spacing:.5px; color:var(--ink); }
.lc-logo.is-text .lc-logo-text{ display:block; }

.lc-nav{ height:100%; }
.lc-nav-hd, .lc-nav-ft{ display:none; }
.lc-nav-list{ display:flex; height:100%; }
.lc-nav-item{ position:static; }
.lc-nav-link{
  display:flex; align-items:center; gap:5px;
  height:var(--nav-h); padding:0 17px;
  font-size:15.5px; color:#2b3038;
  position:relative;
}
.lc-nav-link::after{
  content:""; position:absolute; left:17px; right:17px; bottom:0;
  height:2px; background:var(--blue); transform:scaleX(0);
  transition:transform .28s var(--ease-out);
}
.lc-nav-item:hover > .lc-nav-link{ color:var(--blue); }
.lc-nav-item:hover > .lc-nav-link::after{ transform:scaleX(1); }
.lc-caret{ width:5px; height:5px; border-right:1.4px solid currentColor; border-bottom:1.4px solid currentColor;
           transform:rotate(45deg) translateY(-2px); opacity:.55; transition:transform var(--dur) var(--ease); }
.lc-nav-item:hover .lc-caret{ transform:rotate(-135deg) translateY(-2px); opacity:1; }

/* 巨幕菜单：从导航底部滑下来的浮层，左分类 / 中内容 / 右推荐三段式 */
.lc-sub{
  position:absolute; left:0; right:0; top:100%;
  padding-bottom:8px;
  opacity:0; visibility:hidden; pointer-events:none;
  transition:opacity .2s var(--ease), visibility .2s;
}
.lc-sub-panel{
  background:#fff;
  border-radius:0 0 16px 16px;
  border-top:1px solid var(--line);
  box-shadow:0 20px 44px rgba(16,46,90,.13);
  transform:translateY(-14px);
  opacity:0;
  transition:transform .34s var(--ease-out), opacity .26s var(--ease);
}
.lc-nav-item:hover > .lc-sub,
.lc-nav-item.is-open > .lc-sub{ opacity:1; visibility:visible; pointer-events:auto; }
.lc-nav-item:hover > .lc-sub .lc-sub-panel,
.lc-nav-item.is-open > .lc-sub .lc-sub-panel{ transform:none; opacity:1; }

.lc-sub-inner{
  /* 不复用 .lc-wrap：它在 header 作用域下会被改成 flex 且限高 68px */
  width:1460px; max-width:calc(100% - 56px); margin:0 auto;
  display:grid; grid-template-columns:222px 1fr; gap:0;
}

.lc-sub-inner.has-aside{ grid-template-columns:222px 1fr 268px; }

/* 左：分类栏 */
.lc-sub-rail{
  padding:26px 20px 28px 0; border-right:1px solid var(--line-2);
  display:flex; flex-direction:column; gap:2px;
}
.lc-sub-rail-all{
  display:inline-flex; align-items:center; gap:7px;
  margin:0 0 14px 16px; font-size:16px; font-weight:600; color:var(--ink);
}
.lc-sub-rail-all:hover{ color:var(--blue); }
.lc-sub-rail-item{
  display:flex; align-items:center; justify-content:space-between;
  height:48px; padding:0 14px 0 16px; width:100%;
  border-radius:10px; font-size:14.5px; color:var(--ink2); text-align:left;
  transition:background-color .2s var(--ease), color .2s var(--ease);
}
.lc-sub-rail-item .lc-caret2{
  width:5px; height:5px; border-right:1.5px solid currentColor; border-top:1.5px solid currentColor;
  transform:rotate(45deg); opacity:0; transition:opacity .2s var(--ease), transform .2s var(--ease);
}
.lc-sub-rail-item:hover{ background:#f4f7fb; color:var(--ink); }
.lc-sub-rail-item.is-active{ background:#eaf2fd; color:var(--blue); font-weight:600; }
.lc-sub-rail-item.is-active .lc-caret2{ opacity:.9; transform:rotate(45deg) translate(1px,-1px); }

/* 分类栏底部固定的直达链接：margin-top:auto 把它顶到最下面，
   后台再加分组也不会插到它前面 */
.lc-sub-rail-link .lc-btn-arrow{ opacity:.5; transition:opacity .2s var(--ease), transform .24s var(--ease-out); }
.lc-sub-rail-link:hover{ color:var(--blue); }
.lc-sub-rail-link:hover .lc-btn-arrow{ opacity:1; transform:rotate(45deg) translate(2px,-2px); }

/* 中：内容区 */
.lc-sub-body{ padding:26px 28px 28px; min-width:0; }
.lc-sub-pane{ display:none; }
.lc-sub-pane.is-active{ display:block; }
/* 没有 JS 时兜底显示第一组 */
.lc-sub-inner:not([data-ready]) .lc-sub-pane:first-child{ display:block; }
.lc-sub-pane-t{
  font-size:12.5px; font-weight:600; letter-spacing:1px; color:var(--ink3);
  margin:2px 0 14px 4px;
}
.lc-sub-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(212px,1fr)); gap:6px; align-content:start; }
.lc-sub-item{
  display:flex; align-items:center; gap:12px;
  padding:13px 14px; border-radius:10px; border:1px solid transparent;
  transition:background-color .2s var(--ease), border-color .2s var(--ease);
}
.lc-sub-item::before{
  content:""; flex:none; width:8px; height:8px; border-radius:3px;
  background:#d3e2f2; transition:background .2s var(--ease), transform .24s var(--ease-out);
}
.lc-sub-item b{ font-size:14.5px; font-weight:500; color:var(--ink2); transition:color .2s var(--ease); }

/* 带简介的条目：名字一行、简介一行。简介取后台产品分组里填的那段说明，
   没填的分组仍然是原来的单行样式，不会出现半高半低的参差。 */
.lc-sub-item.has-d{ align-items:flex-start; flex-direction:column; gap:4px; padding:11px 14px 12px; }
.lc-sub-item.has-d::before{ display:none; }
.lc-sub-item-h{ display:flex; align-items:center; gap:7px; width:100%; }
.lc-sub-item-h .lc-btn-arrow{ margin-left:auto; }
.lc-sub-item-d{
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  font-size:12.5px; line-height:1.65; color:var(--ink3);
}
/* 分组角标：用主题的浅蓝，不用红。红色在菜单里太扎眼，
   而且后台随手填的短标语也会被它衬得像促销爆点。 */
.lc-sub-tag{
  flex:none; padding:0 6px; border-radius:4px; background:#eaf3fd; color:#1268c4;
  font-size:11px; font-style:normal; font-weight:500; line-height:17px; letter-spacing:.2px;
}
.lc-sub-item:hover .lc-sub-item-d{ color:var(--ink2); }
.lc-sub-item .lc-btn-arrow{ opacity:0; color:var(--blue);
  transition:opacity .2s var(--ease), transform .24s var(--ease-out); }
.lc-sub-item:hover{ background:#f5f9fe; border-color:#e2edf9; }
.lc-sub-item:hover::before{ background:linear-gradient(135deg,var(--blue),var(--cyan)); transform:rotate(45deg); }
.lc-sub-item:hover b{ color:var(--blue); font-weight:600; }
.lc-sub-item:hover .lc-btn-arrow{ opacity:1; transform:rotate(45deg) translate(2px,-2px); }

/* 非产品栏目的下拉：顶部品牌横条 + 下面平铺方块，条目少也不会撑高 */
.lc-sub-plain{ display:block; padding:0; }
.lc-sub-strip{
  display:flex; align-items:center; gap:16px;
  padding:22px 4px 20px; border-bottom:1px solid var(--line-2);
}
.lc-sub-strip-ico{
  flex:none; display:flex; align-items:center; justify-content:center;
  width:46px; height:46px; border-radius:13px;
  background:linear-gradient(160deg,#eaf3fc,#f6fbff); color:var(--blue);
}
.lc-sub-strip-txt{ min-width:0; }
.lc-sub-strip-txt b{ display:block; font-size:17px; font-weight:700; letter-spacing:-.2px; color:var(--ink); }
.lc-sub-strip-txt i{ display:block; margin-top:6px; font-size:12.5px; color:var(--ink3); }
.lc-sub-strip-tel{
  margin-left:auto; flex:none; padding:9px 16px; border-radius:9px;
  background:var(--blue-l); font-size:12.5px; color:var(--ink3);
  transition:background-color .2s var(--ease);
}
.lc-sub-strip-tel b{ margin-left:6px; font-size:15px; font-weight:700; letter-spacing:.3px; color:var(--blue); }
.lc-sub-strip-tel:hover{ background:#dfecfb; }

.lc-sub-plain-grid{
  padding:18px 0 26px; min-width:0;
  display:grid; grid-template-columns:repeat(auto-fill,minmax(228px,1fr));
  gap:12px; align-content:start;
}
.lc-sub-tile{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:16px 18px; border-radius:11px;
  background:var(--bg-2); border:1px solid transparent;
  transition:background-color .2s var(--ease), border-color .2s var(--ease),
             transform .24s var(--ease-out);
}
.lc-sub-tile b{ font-size:14.5px; font-weight:500; color:var(--ink2); transition:color .2s var(--ease); }
.lc-sub-tile .lc-btn-arrow{ opacity:0; color:var(--blue);
  transition:opacity .2s var(--ease), transform .24s var(--ease-out); }
.lc-sub-tile:hover{ background:#f2f8fe; border-color:#dfeaf7; transform:translateY(-2px); }
.lc-sub-tile:hover b{ color:var(--blue); font-weight:600; }
.lc-sub-tile:hover .lc-btn-arrow{ opacity:1; transform:rotate(45deg) translate(2px,-2px); }

/* 右：推荐位 */
.lc-sub-aside{
  margin:26px 22px 26px 26px; padding:18px 18px 18px; align-self:start;
  border-radius:12px; border:1px solid #e3edf9;
  background:linear-gradient(165deg,#eef5fd 0%,#fafcff 66%);
  display:flex; flex-direction:column; align-items:flex-start;
}
.lc-sub-aside-tag{
  display:inline-block; padding:3px 9px; border-radius:5px;
  background:#e2eefb; color:var(--blue); font-size:11px; font-weight:600; letter-spacing:.5px;
}
.lc-sub-aside-t{ margin-top:12px; font-size:15px; font-weight:600; line-height:1.55; color:var(--ink); }
.lc-sub-aside-go{
  display:inline-flex; align-items:center; gap:7px; margin-top:12px;
  font-size:13px; font-weight:500; color:var(--blue);
}
.lc-sub-aside-go:hover .lc-btn-arrow{ transform:rotate(45deg) translate(2px,-2px); }

/* 小型下拉：只有两三条链接时用，不铺满整行 */
.lc-nav-item.has-mini{ position:relative; }
.lc-sub-mini .lc-sub-panel{ border-radius:12px; border-top:0; min-width:182px;
                            box-shadow:0 14px 34px rgba(16,46,90,.14); overflow:hidden; }
.lc-sub-mini-inner a{
  display:block; padding:10px 14px; border-radius:8px;
  font-size:14px; color:var(--ink2); white-space:nowrap;
  transition:background-color .2s var(--ease), color .2s var(--ease);
}
.lc-sub-mini-inner a:hover{ background:#f4f8fd; color:var(--blue); }

/* 下拉展开时给页面盖一层极淡的遮罩，视线聚焦在面板上 */
.lc-nav-scrim{
  position:fixed; left:0; right:0; top:0; bottom:0; z-index:54;
  background:rgba(12,26,48,.16);
  opacity:0; visibility:hidden;
  transition:opacity .26s var(--ease), visibility .26s;
}
body.lc-sub-open .lc-nav-scrim{ opacity:1; visibility:visible; }
/* 小型下拉不压暗整页 */
.lc-nav-item.has-mini .lc-sub-panel{ transform:translateY(-8px); }

.lc-header-r{ margin-left:auto; display:flex; align-items:center; gap:18px; flex:none; }
.lc-header-link{ font-size:14.5px; color:#2b3038; }
.lc-header-link:hover{ color:var(--blue); }
.lc-header-cart{ display:flex; align-items:center; color:var(--ink2); }
.lc-header-ico{ display:none; align-items:center; justify-content:center;
                width:34px; height:34px; border-radius:9px; color:var(--ink2); }
.lc-header-ico:hover{ color:var(--blue); background:#f4f7fb; }
.lc-header-cart:hover{ color:var(--blue); }

/* 汉堡 */
.lc-burger{ display:none; width:40px; height:40px; margin-left:auto; position:relative; }
.lc-burger span{ position:absolute; left:9px; right:9px; height:2px; background:var(--ink); border-radius:2px;
                 transition:transform .28s var(--ease-out), opacity .2s linear; }
.lc-burger span:nth-child(1){ top:13px; } .lc-burger span:nth-child(2){ top:19px; } .lc-burger span:nth-child(3){ top:25px; }
.lc-burger[aria-expanded="true"] span:nth-child(1){ transform:translateY(6px) rotate(45deg); }
.lc-burger[aria-expanded="true"] span:nth-child(2){ opacity:0; }
.lc-burger[aria-expanded="true"] span:nth-child(3){ transform:translateY(-6px) rotate(-45deg); }
.lc-nav-mask{ position:fixed; inset:0; background:rgba(10,20,38,.42); z-index:55; }

/* ------------------------------ 6. 首屏 ------------------------------ */
.lc-hero{
  position:relative; overflow:hidden;
  background:linear-gradient(115deg,#edf3fb 0%,#f8fbfe 48%,#e9f3fa 100%);
}
.lc-hero::before{
  content:""; position:absolute; inset:0;
  background-image:linear-gradient(rgba(15,118,212,.04) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(15,118,212,.04) 1px,transparent 1px);
  background-size:48px 48px;
}
.lc-hero::after{
  content:""; position:absolute; right:-120px; top:-140px; width:520px; height:520px; border-radius:50%;
  background:radial-gradient(circle,rgba(0,160,224,.10),transparent 66%);
}
.lc-hero-inner{ position:relative; z-index:2; display:flex; align-items:center; min-height:528px; padding-bottom:40px; }
.lc-hero-txt{ width:646px; max-width:100%; }
.lc-pill{
  display:inline-flex; align-items:center; gap:10px; min-height:34px; padding:5px 16px 5px 6px;
  border-radius:17px; background:#fff; border:1px solid #d7e6f6;
  font-size:13.5px; line-height:1.5; color:var(--ink2); margin-bottom:28px;
  max-width:100%; text-align:left;
}
.lc-pill em{ flex:none; align-self:center; background:var(--blue); color:#fff; border-radius:12px; padding:5px 10px; font-size:11.5px; }
.lc-hero h1{ font-size:50px; line-height:1.32; font-weight:700; letter-spacing:-1.2px; color:#0d1219; }
.lc-hero h1 b{ font-weight:700; color:var(--blue); }
.lc-hero-txt > p{ margin-top:24px; font-size:16px; line-height:2.05; color:var(--ink2); }
.lc-hero-acts{ margin-top:38px; display:flex; gap:14px; flex-wrap:wrap; }
.lc-hero-vis{ margin-left:auto; flex:none; }

/* ---------------------------- 7. 快捷入口 ---------------------------- */
.lc-entry{ position:relative; z-index:5; }
/* 首屏底部到白色正文之间做一段渐变，避免出现一条生硬的白边 */
.lc-entry::before{
  content:""; position:absolute; left:0; right:0; top:0; height:190px; z-index:-1;
  background:linear-gradient(115deg,#edf3fb 0%,#f8fbfe 48%,#e9f3fa 100%);
}
.lc-entry::after{
  content:""; position:absolute; left:0; right:0; top:0; height:190px; z-index:-1;
  background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.72) 52%,#fff 100%);
}
.lc-entry .lc-wrap{ position:relative; z-index:2; display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:-52px; }
.lc-entry-card{
  display:flex; align-items:center; gap:18px;
  padding:28px 30px; background:#fff; border-radius:var(--r-lg);
  box-shadow:var(--sh2), var(--sh1);
  transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);
}
.lc-entry-card:hover{ transform:translateY(-3px); box-shadow:var(--sh4); }
.lc-entry-ico{ flex:none; }
.lc-entry-txt{ min-width:0; }
.lc-entry-txt b{ display:block; font-size:18px; font-weight:600; letter-spacing:-.2px; }
.lc-entry-txt i{ display:block; margin-top:10px; font-size:13.5px; color:var(--ink3);
                 white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* ------------------------------ 8. 区块 ------------------------------ */
.lc-sec{ padding:94px 0; }
.lc-sec-soft{ background:var(--bg-2); border-top:1px solid var(--line); }
.lc-sec-band{ background:var(--bg); border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:82px 0; }
.lc-head{ text-align:center; margin-bottom:54px; }
.lc-head h2,
.lc-head h3{ font-size:36px; line-height:1.35; font-weight:700; letter-spacing:-1px; }
.lc-head p{ margin-top:16px; font-size:16px; line-height:1.8; color:var(--ink3); }

/* --------------------------- 9. 产品卡片网格 --------------------------- */
.lc-pgrid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.lc-pcard{
  position:relative; display:block; padding:30px 28px 28px; overflow:hidden;
  border:1px solid var(--line); border-radius:12px; background:#fff;
  transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease-out),
             transform var(--dur) var(--ease-out);
}
.lc-pcard::before{
  content:""; position:absolute; left:0; right:0; top:0; height:3px;
  background:linear-gradient(90deg,var(--blue),var(--cyan));
  transform:scaleX(0); transform-origin:left;
  transition:transform .34s var(--ease-out);
}
.lc-pcard:hover{ border-color:#cfe4f8; box-shadow:var(--sh3); transform:translateY(-3px); }
.lc-pcard:hover::before{ transform:scaleX(1); }
.lc-pcard-ico{
  display:flex; align-items:center; justify-content:center;
  width:50px; height:50px; margin-bottom:20px;
  border-radius:13px; background:var(--blue-l);
  transition:background var(--dur) var(--ease);
}
.lc-pcard:hover .lc-pcard-ico{ background:#d9e9f9; }
.lc-pcard h3{ font-size:18.5px; font-weight:600; }

.lc-pcard p{ margin:12px 0 18px; font-size:13.5px; line-height:1.9; color:var(--ink3); min-height:52px; }
.lc-sec-act{ text-align:center; margin-top:44px; }

/* ---------------------------- 9b. 促销专区 ---------------------------- */
.lc-head-row{ display:flex; align-items:flex-end; justify-content:space-between; gap:24px; text-align:left; }
.lc-head-row p{ margin-top:12px; }
.lc-promo{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.lc-promo-card{
  position:relative; display:flex; flex-direction:column;
  border:1px solid var(--line); border-radius:12px; background:#fff; overflow:hidden;
  transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease-out),
             transform var(--dur) var(--ease-out);
}
.lc-promo-card:hover{ border-color:#cfe4f8; box-shadow:var(--sh3); transform:translateY(-3px); }
.lc-promo-rib{
  position:absolute; top:24px; right:22px;
  padding:3px 9px; border-radius:4px;
  background:#fff2ec; color:var(--price); font-size:11px;
}
.lc-promo-hd{ padding:26px 26px 20px; border-bottom:1px solid var(--line-2); }
.lc-promo-hd h3{ font-size:18.5px; font-weight:600; padding-right:76px; }
.lc-promo-hd p{ margin-top:10px; font-size:12.5px; color:var(--ink3); }
.lc-promo-spec{ padding:20px 26px 4px; flex:1; }
.lc-promo-spec li{ display:flex; gap:12px; font-size:13.5px; line-height:2.2; color:var(--ink2); }
.lc-promo-spec li span{ flex:none; width:38px; color:var(--ink3); }
.lc-promo-ft{ padding:16px 26px 26px; }
.lc-price{ display:flex; align-items:flex-end; gap:6px; margin-bottom:16px; }
.lc-price em{ font-size:14px; color:var(--price); padding-bottom:5px; }
.lc-price b{ font-size:36px; font-weight:700; line-height:1; letter-spacing:-1px; color:var(--price); }
.lc-price i{ font-size:13px; color:var(--ink3); padding-bottom:4px; }
.lc-price del{ font-size:12px; color:#6f7787; padding-bottom:5px; margin-left:2px; }

/* ----------------------------- 10. 三步 ----------------------------- */
.lc-steps{ display:flex; }
.lc-step{ flex:1; min-width:0; display:flex; gap:16px; padding:0 32px; position:relative; }
.lc-step:first-child{ padding-left:0; }
.lc-step + .lc-step::before{
  content:""; position:absolute; left:0; top:14px; width:6px; height:6px;
  border-right:1.5px solid #c2d3e5; border-top:1.5px solid #c2d3e5; transform:rotate(45deg);
}
.lc-step-no{ width:46px; height:46px; flex:none; border-radius:50%; background:#fff; border:1px solid #cfe1f4;
             color:var(--blue); display:flex; align-items:center; justify-content:center; font-size:16px; font-weight:700; }
.lc-step h4{ margin-top:10px; font-size:18.5px; font-weight:600; }
.lc-step p{ margin-top:11px; font-size:13.5px; line-height:1.9; color:var(--ink3); }

/* ----------------------------- 11. 优势 ----------------------------- */
/* 不用卡片边框，靠图标与留白分组，整段更透气 */
.lc-adv{ display:grid; grid-template-columns:repeat(4,1fr); gap:42px 34px; }
.lc-adv-item{ padding:0; }
.lc-adv-ico{
  width:58px; height:58px; margin-bottom:22px;
  border-radius:16px;
  background:linear-gradient(160deg,#eaf3fc,#f6fbff);
  display:flex; align-items:center; justify-content:center;
  transition:transform var(--dur) var(--ease-out);
}
.lc-adv-item:hover .lc-adv-ico{ transform:translateY(-3px); }
.lc-adv-item h4{ font-size:18.5px; font-weight:600; }
.lc-adv-item p{ margin-top:13px; font-size:13.5px; line-height:1.95; color:var(--ink3); }

/* --------------------------- 12. 全球基础设施 --------------------------- */
.lc-infra-inner{ display:grid; grid-template-columns:396px 1fr; gap:60px; align-items:center; }
.lc-eyebrow{
  display:inline-block; margin-bottom:14px;
  font-size:13.5px; font-weight:600; letter-spacing:1px; color:var(--blue);
}
.lc-infra-txt h2{ font-size:36px; line-height:1.35; font-weight:700; letter-spacing:-1px; }
.lc-infra-desc{ margin:18px 0 28px; font-size:15.5px; line-height:1.95; color:var(--ink3); }

/* 左栏三条能力说明，代替原来的国家地区罗列 */
.lc-infra-feat{ margin:36px 0 0; display:grid; gap:2px; }
.lc-infra-feat li{
  display:flex; gap:14px; align-items:flex-start;
  padding:16px 16px 16px 14px; border-radius:10px;
  transition:background-color .24s var(--ease);
}
.lc-infra-feat li:hover{ background:#fff; box-shadow:var(--sh2); }
.lc-infra-feat-ico{
  flex:none; width:40px; height:40px; border-radius:10px;
  display:flex; align-items:center; justify-content:center;
  background:#e8f2fd; color:var(--blue);
}
.lc-infra-feat-txt{ min-width:0; }
.lc-infra-feat-txt b{ display:block; font-size:15.5px; font-weight:600; color:var(--ink); }
.lc-infra-feat-txt i{ display:block; margin-top:8px; font-size:13px; line-height:1.85; color:var(--ink3); }

.lc-infra-map{ min-width:0; }
.lc-map-inner{ position:relative; width:100%; aspect-ratio:1080/541; }
.lc-map-inner > img{ width:100%; display:block; }
.lc-node{ position:absolute; }
.lc-node .d{ position:absolute; left:0; top:0; width:7px; height:7px; border-radius:50%; background:#93bde3; }
.lc-node.is-lbl .d{ width:8px; height:8px; background:var(--blue); box-shadow:0 0 0 4px rgba(15,118,212,.12); }
.lc-node.is-key .d{ background:var(--cyan); box-shadow:0 0 0 5px rgba(0,160,224,.15); }
.lc-node.is-key .d::after{
  content:""; position:absolute; inset:0; border-radius:50%; background:var(--cyan);
  animation:lc-pulse 2.6s var(--ease-out) infinite;
}
@keyframes lc-pulse{ 0%{transform:scale(1);opacity:.5} 70%{transform:scale(3.6);opacity:0} 100%{transform:scale(3.6);opacity:0} }
.lc-node .n{
  position:absolute; left:13px; top:-8px;
  padding:2px 7px; border-radius:3px;
  background:rgba(255,255,255,.92); border:1px solid rgba(15,118,212,.14);
  font-size:11.5px; color:var(--ink2); white-space:nowrap;
}
.lc-node.at-left .n{ left:auto; right:11px; }
.lc-node.at-top .n{ left:50%; top:-24px; transform:translateX(-42%); }
.lc-node.at-bot .n{ left:50%; top:15px;  transform:translateX(-42%); }
.lc-node.is-key .n{ color:#0a6b92; border-color:rgba(0,160,224,.32); font-weight:500; }

/* ---------------------------- 13. 解决方案 ---------------------------- */
.lc-solutions{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.lc-solution{ position:relative; display:block; padding:30px 28px 28px; border:1px solid var(--line);
              border-radius:var(--r); background:#fff; overflow:hidden;
              transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out); }
.lc-solution::before{ content:""; position:absolute; left:0; right:0; top:0; height:3px;
                      background:linear-gradient(90deg,var(--blue),var(--cyan)); }
.lc-solution:hover{ transform:translateY(-3px); box-shadow:var(--sh3); }
.lc-solution-ico{ width:52px; height:52px; border-radius:13px; background:var(--blue-l);
                  display:flex; align-items:center; justify-content:center; margin-bottom:18px; }
.lc-solution h4{ font-size:18.5px; font-weight:600; }
.lc-solution p{ margin-top:12px; font-size:13.5px; line-height:1.9; color:var(--ink3); min-height:74px; }
.lc-chips{ display:flex; flex-wrap:wrap; gap:6px; margin:4px 0 16px; }
.lc-chips span{ padding:5px 9px; border-radius:5px; background:#f3f6fa; font-size:11.5px; color:var(--ink2); }

/* --------------------------- 14. 服务与支持 --------------------------- */
.lc-supports{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.lc-support{
  position:relative; overflow:hidden; display:flex; flex-direction:column;
  padding:34px 32px 30px;
  background:#fff; border:1px solid var(--line); border-radius:14px;
  transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease-out),
             transform var(--dur) var(--ease-out);
}
/* hover 时右上角浮出一层很淡的品牌色，不换整块底色 */
.lc-support::after{
  content:""; position:absolute; right:-90px; top:-110px; width:280px; height:280px; border-radius:50%;
  background:radial-gradient(circle,rgba(15,118,212,.10),transparent 66%);
  opacity:0; transition:opacity .32s var(--ease);
}
.lc-support:hover{ border-color:#cfe4f8; box-shadow:var(--sh3); transform:translateY(-3px); }
.lc-support:hover::after{ opacity:1; }
.lc-support-ico{
  position:relative; z-index:2;
  display:flex; align-items:center; justify-content:center;
  width:50px; height:50px; margin-bottom:22px;
  border-radius:14px; background:var(--blue-l); color:var(--blue);
  transition:background var(--dur) var(--ease);
}
.lc-support:hover .lc-support-ico{ background:#d9e9f9; }
.lc-support h4{ position:relative; z-index:2; font-size:19px; font-weight:600; letter-spacing:-.2px; }
.lc-support p{
  position:relative; z-index:2;
  margin:12px 0 22px; font-size:13.5px; line-height:1.95; color:var(--ink3);
  min-height:52px;
}
.lc-support .lc-more{ position:relative; z-index:2; margin-top:auto; }

/* ----------------------------- 16. 页脚 ----------------------------- */
.lc-footer{ background:var(--bg-2); border-top:1px solid var(--line); font-size:14px; color:var(--ink3); }
.lc-footer-main{ display:flex; flex-wrap:wrap; gap:24px 30px; padding:30px 0 26px; }
/* 页脚不放 logo 和简介了：几栏链接均分左边，联系方式独立靠右。 */
.lc-footer-col{ flex:1 1 0; min-width:112px; }
.lc-footer-contact{ flex:0 0 250px; }

.lc-footer-col h5{
  position:relative; font-size:15px; font-weight:700; color:var(--ink);
  margin-bottom:16px; padding-bottom:0;
}
/* 栏目标题下不画蓝杠，跟参考图一致 */
.lc-footer-col li{ line-height:2.35; }
.lc-footer-col a:hover{ color:var(--blue); }
/* 联系方式：标签 + 内容成对排，字号和其他栏目对齐，不再用超大号数字 */
.lc-footer-label{ margin-top:14px; font-size:13px; color:#5f6774; line-height:1.55; }
.lc-footer-label:first-of-type{ margin-top:0; }
.lc-footer-phone{
  display:flex; align-items:center; gap:7px;
  margin-top:5px !important;
  font-size:20px; font-weight:700; letter-spacing:.3px; line-height:1.3; color:var(--ink);
}
.lc-footer-phone svg{ flex:none; color:var(--blue); }
.lc-footer-mail{ margin-top:6px !important; font-size:14px; line-height:1.6; }
.lc-footer-mail a{ color:var(--ink2); }
.lc-footer-mail a:hover{ color:var(--blue); }
.lc-footer-addr{ margin-top:6px !important; font-size:13.5px; line-height:1.75; color:var(--ink2); }

/* 友情链接：一条窄横栏，没有数据时整块不输出 */
.lc-footer-links{ border-top:1px solid var(--line); padding:11px 0; }
.lc-footer-links .lc-wrap{ display:flex; gap:16px; align-items:baseline; }
.lc-footer-links-t{ flex:none; color:var(--ink2); font-weight:500; font-size:12.5px; }
.lc-footer-links-c{ display:flex; flex-wrap:wrap; gap:8px; }
.lc-footer-links-c a{
  padding:4px 12px; border:1px solid var(--line); border-radius:14px;
  background:#fff; font-size:12px; color:var(--ink3);
  transition:border-color var(--dur) var(--ease), color var(--dur) var(--ease);
}
.lc-footer-links-c a:hover{ border-color:#a8c9ea; color:var(--blue); }

/* 版权区：左对齐横排两行，整条压薄 */
.lc-footer-bottom{ border-top:1px solid var(--line); background:#fff; padding:14px 0 15px;
                   font-size:12.5px; line-height:1.8; color:#666e7c; }
.lc-copy-main{ color:#5f6774; }
.lc-copy-gov{
  margin-top:8px !important;
  display:flex; flex-wrap:wrap; align-items:center; gap:6px 26px; line-height:1.8;
}
.lc-copy-gov a{ transition:color var(--dur) var(--ease); }
.lc-copy-gov a:hover{ color:var(--blue); }

/* --------------------------- 17. 右侧联系我们 --------------------------- */
/* 两颗独立的小方钮浮在右下角，不贴屏幕边；碰到「联系我们」左边滑出联系卡片。
   手机端点一下，卡片从底部弹出。 */
.lc-side{
  position:fixed; right:16px; bottom:110px; z-index:56;
  display:flex; flex-direction:column; align-items:flex-end; gap:10px;
}

/* 回到顶部 */
.lc-side-top{
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px;
  width:54px; height:54px;
  background:#fff; border:1px solid #e6ebf1; border-radius:14px;
  box-shadow:0 6px 18px rgba(18,44,84,.10);
  color:#7a828f; font-size:10.5px; line-height:1;
  transition:color .2s var(--ease), background-color .2s var(--ease), box-shadow .2s var(--ease);
}
.lc-side-top:hover{ color:var(--blue); background:#f7fbff; box-shadow:0 8px 22px rgba(18,44,84,.14); }
.lc-side-top[hidden]{ display:none; }

.lc-side-wrap{ position:relative; }

/* 联系我们 */
.lc-side-tab{
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px;
  width:54px; height:54px;
  background-color:#1274d6; color:#fff; border-radius:14px;
  box-shadow:0 8px 20px rgba(16,66,130,.26);
  font-size:10.5px; line-height:1; letter-spacing:0;
  transition:background-color .2s var(--ease), box-shadow .2s var(--ease);
}
.lc-side-tab svg{ width:19px; height:19px; }
.lc-side-tab span{ display:block; white-space:nowrap; }
.lc-side-wrap:hover .lc-side-tab{ background-color:#2183e4; box-shadow:0 10px 26px rgba(16,66,130,.28); }

/* 滑出来的联系卡片 */
.lc-side-panel{
  position:absolute; right:100%; bottom:0; margin-right:12px;
  width:296px; padding:16px 12px 10px;
  background:#fff; border:1px solid #eceff4; border-radius:14px;
  box-shadow:0 16px 40px rgba(18,44,84,.15), 0 2px 8px rgba(18,44,84,.05);
  opacity:0; visibility:hidden; pointer-events:none;
  transform:translateX(12px);
  transition:opacity .2s var(--ease), transform .3s var(--ease-out), visibility .2s;
}
/* 鼠标从按钮移到卡片的路上不会断 */
.lc-side-panel::after{ content:""; position:absolute; left:100%; top:0; bottom:0; width:14px; }
.lc-side-wrap:hover .lc-side-panel,
.lc-side.is-open .lc-side-panel{ opacity:1; visibility:visible; pointer-events:auto; transform:none; }

.lc-side-hd{ position:relative; padding:2px 8px 12px; border-bottom:1px solid var(--line-2); }
.lc-side-hd-t{ font-size:15px; font-weight:700; color:var(--ink); letter-spacing:-.2px; }
.lc-side-hd-d{ margin-top:5px; font-size:12px; color:var(--ink3); }
.lc-side-close{ display:none; position:absolute; right:2px; top:-2px; width:28px; height:28px;
                align-items:center; justify-content:center; border-radius:8px; color:var(--ink3); }

.lc-side-row{
  display:flex; align-items:center; gap:11px;
  padding:9px 8px; margin-top:2px; border-radius:10px;
  transition:background-color .2s var(--ease);
}
.lc-side-row:first-of-type{ margin-top:8px; }
.lc-side-row:hover{ background:#f5f8fc; }
.lc-side-row-ico{
  flex:none; width:34px; height:34px; border-radius:10px;
  display:flex; align-items:center; justify-content:center;
}
.lc-side-row-ico svg{ width:17px; height:17px; }
.lc-side-row-ico.is-blue{   background:#e9f2fd; color:#1274d6; }
.lc-side-row-ico.is-sky{    background:#e6f4fc; color:#0f96cd; }
.lc-side-row-ico.is-green{  background:#e5f6f1; color:#067a60; }
.lc-side-row-ico.is-violet{ background:#eeecfd; color:#6355e0; }
.lc-side-row-txt{ min-width:0; }
.lc-side-row-txt b{ display:block; font-size:13.5px; font-weight:600; color:var(--ink); }
.lc-side-row-txt i{ display:block; margin-top:3px; font-size:11.5px; line-height:1.55; color:var(--ink3); }
.lc-side-row-txt em{ display:block; margin-top:3px; font-size:15px; font-weight:700;
                     letter-spacing:.3px; color:var(--blue); }

/* ---------------------------- 18. 进场动画 ---------------------------- */
.lc-reveal{ opacity:0; transform:translateY(22px);
            transition:opacity .6s var(--ease-out), transform .6s var(--ease-out); }
.lc-reveal.is-in{ opacity:1; transform:none; }
.lc-reveal[data-d="1"]{ transition-delay:.08s } .lc-reveal[data-d="2"]{ transition-delay:.16s }
.lc-reveal[data-d="3"]{ transition-delay:.24s } .lc-reveal[data-d="4"]{ transition-delay:.32s }
.lc-reveal[data-d="5"]{ transition-delay:.40s }

@media (prefers-reduced-motion:reduce){
  html{ scroll-behavior:auto; }
  .result-item,.cart-item,.lcd-empty{ animation:none !important; }
  *,*::before,*::after{ animation-duration:.001ms !important; animation-iteration-count:1 !important;
                        transition-duration:.001ms !important; }
  .lc-reveal{ opacity:1 !important; transform:none !important; }
}

/* ---------------------------- 20. 活动页 ---------------------------- */
/* actcloud.html 专用。刻意不引入新颜色：卡片直接复用促销卡组件，
   倒计时用 --blue-l / --blue，价格用 --price。 */

.lcp-hero{
  position:relative; overflow:hidden;
  background:linear-gradient(115deg,#edf3fb 0%,#f8fbfe 48%,#e9f3fa 100%);
  border-bottom:1px solid var(--line);
}
.lcp-hero::before{
  content:""; position:absolute; inset:0;
  background-image:linear-gradient(rgba(15,118,212,.04) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(15,118,212,.04) 1px,transparent 1px);
  background-size:48px 48px;
}
.lcp-hero::after{
  content:""; position:absolute; right:-120px; top:-140px; width:520px; height:520px; border-radius:50%;
  background:radial-gradient(circle,rgba(0,160,224,.10),transparent 66%);
}
.lcp-hero-inner{ position:relative; z-index:2; display:flex; align-items:center; gap:48px; padding:62px 0 64px; }
.lcp-hero-txt{ flex:1 1 auto; min-width:0; }
.lcp-hero h1{ margin-top:22px; font-size:42px; line-height:1.28; font-weight:700;
              letter-spacing:-1.2px; color:#0d1219; }
.lcp-hero h1 b{ color:var(--blue); font-weight:700; }
.lcp-hero-d{ margin-top:18px; font-size:15px; line-height:1.95; color:var(--ink2); }
.lcp-hero-acts{ margin-top:30px; display:flex; gap:12px; flex-wrap:wrap; }

/* 倒计时 */
.lcp-clock{
  flex:none; text-align:center; padding:24px 28px;
  background:#fff; border:1px solid var(--line); border-radius:14px; box-shadow:var(--sh2);
}
.lcp-clock-t{ font-size:12.5px; letter-spacing:2px; color:var(--ink3); }
.lcp-clock-n{
  margin-top:14px; display:flex; align-items:center; justify-content:center;
  flex-wrap:wrap; gap:8px 10px;
}
.lcp-clock-n span{ display:inline-flex; align-items:center; gap:6px; }
.lcp-clock-n b{
  min-width:56px; padding:11px 0; border-radius:10px; background:var(--blue-l);
  font-size:26px; font-weight:700; letter-spacing:-1px; color:var(--blue); line-height:1;
  font-variant-numeric:tabular-nums;
}
.lcp-clock-n i{ font-size:13px; color:var(--ink3); }
.lcp-clock-d{ margin-top:14px; font-size:12.5px; color:var(--ink3); }
.lcp-clock.is-over .lcp-clock-n b{ background:#f1f3f6; color:#69707d; }

/* 锚点条 */
.lcp-anchors{
  position:sticky; top:var(--nav-h); z-index:40;
  background:rgba(255,255,255,.94); backdrop-filter:saturate(180%) blur(10px);
  border-bottom:1px solid var(--line);
}
.lcp-anchors .lc-wrap{ display:flex; align-items:center; gap:4px; height:54px; overflow-x:auto;
                       -webkit-overflow-scrolling:touch;
                       scrollbar-width:none; -ms-overflow-style:none; }
/* 锚点条本来就是横向滚动的，滚动条露出来在手机上很难看，这里藏掉但保留滑动 */
.lcp-anchors .lc-wrap::-webkit-scrollbar{ display:none; }
.lcp-anchor{
  flex:none; display:inline-flex; align-items:center; height:34px; padding:0 15px;
  border-radius:8px; font-size:14px; color:var(--ink2);
  transition:background-color .2s var(--ease), color .2s var(--ease);
}
.lcp-anchor:hover{ background:#f2f6fb; color:var(--ink); }
.lcp-anchor.is-on{ background:var(--blue-l); color:var(--blue); font-weight:600; }
.lcp-anchors-tip{ margin-left:auto; flex:none; font-size:12.5px; color:var(--ink3); white-space:nowrap; }

/* 区块标题右侧的小倒计时 */
.lcp-mini{ display:inline-flex; align-items:center; gap:7px; font-size:13.5px; color:var(--ink3); }
.lcp-mini b{
  min-width:32px; padding:5px 0; border-radius:6px; background:var(--blue-l); color:var(--blue);
  font-size:13.5px; font-weight:700; text-align:center; font-variant-numeric:tabular-nums;
}
.lcp-mini.is-over b{ background:#f1f3f6; color:#69707d; }

/* 限时九宫格：促销卡三列 */
.lcp-flash{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.lcp-off{
  margin-left:auto; align-self:flex-end; padding:3px 8px; border-radius:4px;
  background:#fff2ec; color:var(--price); font-size:11.5px; font-weight:600;
}

/* 新客专享：横排套餐行 */
.lcp-rows{ border:1px solid var(--line); border-radius:14px; background:#fff; overflow:hidden; }
.lcp-row{
  display:flex; align-items:center; gap:28px;
  padding:24px 28px;
  transition:background-color .2s var(--ease);
}
.lcp-row + .lcp-row{ border-top:1px solid var(--line-2); }
.lcp-row:hover{ background:#fafcfe; }

.lcp-row-name{ flex:0 0 232px; min-width:0; }
.lcp-row-name h3{ font-size:17px; font-weight:600; letter-spacing:-.2px; }
.lcp-row-name p{ margin-top:9px; font-size:12.5px; line-height:1.75; color:var(--ink3); }

.lcp-row-spec{ flex:1 1 auto; display:flex; gap:12px; min-width:0;
               border-left:1px solid var(--line-2); padding-left:28px; }
.lcp-row-spec li{ flex:1 1 0; min-width:0; }
.lcp-row-spec li b{ display:block; font-size:17px; font-weight:600; color:var(--ink);
                    letter-spacing:-.2px; white-space:nowrap; }
.lcp-row-spec li i{ display:block; margin-top:7px; font-size:12px; color:var(--ink3); }

.lcp-row-price{
  position:relative; flex:0 0 186px;
  padding:14px 16px 13px; border-radius:10px;
  border:1px solid #cfe2f6; background:#f7fbff;
}
.lcp-row-tag{
  position:absolute; right:-1px; top:-11px;
  padding:3px 9px; border-radius:5px 5px 0 5px;
  background:var(--blue); color:#fff; font-size:11px; font-weight:600; letter-spacing:.3px;
}
.lcp-row-now{ display:flex; align-items:flex-end; gap:5px; }
.lcp-row-now b{ font-size:27px; font-weight:700; line-height:1; letter-spacing:-1px; color:var(--price); }
.lcp-row-now i{ font-size:12.5px; color:var(--price); padding-bottom:2px; }
.lcp-row-old{ margin-top:7px; font-size:12px; color:var(--ink3); }
.lcp-row-note{ margin-top:8px; padding-top:8px; border-top:1px dashed #d6e4f3;
               font-size:11.5px; color:var(--ink3); }
.lcp-row-act{ flex:0 0 auto; }
.lcp-row-act .lc-btn{ min-width:124px; }

/* 新客行到期后的状态 */
.lcp-row.is-over{ opacity:.66; }
.lcp-row.is-over:hover{ background:transparent; }
.lcp-row.is-over .lcp-row-price{ border-color:var(--line); background:#f6f7f9; }
.lcp-row.is-over .lcp-row-tag{ background:#e7eaef; color:#5f6774; }
.lcp-row.is-over .lcp-row-now b,
.lcp-row.is-over .lcp-row-now i{ color:#69707d; }

/* 到期后的卡片状态 */
.lc-promo-card.is-over{ opacity:.68; }
.lc-promo-card.is-over:hover{ transform:none; box-shadow:none; border-color:var(--line); }
.lc-promo-card.is-over .lc-promo-rib{ background:#f1f3f6; color:#69707d; }
.lc-promo-card.is-over .lc-price b,
.lc-promo-card.is-over .lc-price em{ color:#69707d; }
.lc-promo-card.is-over .lcp-off{ background:#f1f3f6; color:#69707d; }
.lc-btn-off{
  background-color:#f1f3f6 !important; color:#69707d !important;
  cursor:not-allowed; pointer-events:none; box-shadow:none !important;
}

/* 活动说明 */
.lcp-rule{ display:grid; grid-template-columns:repeat(2,1fr); gap:8px 40px; }
.lcp-rule li{
  display:flex; gap:13px; padding:14px 14px 14px 12px; border-radius:10px;
  transition:background-color .24s var(--ease);
}
.lcp-rule li:hover{ background:#fff; box-shadow:var(--sh2); }
/* 只有 li 的直接子元素 b 才是序号徽章。
   写成 .lcp-rule li b 的话，正文 span 里嵌套的 <b> 也会套上徽章样式，
   变成一个个 24px 的小方块，整句话就被拆成竖排了。 */
.lcp-rule li > b{
  flex:none; width:24px; height:24px; margin-top:1px; border-radius:8px;
  background:var(--blue-l); color:var(--blue); font-size:12px; font-weight:600;
  display:flex; align-items:center; justify-content:center;
}
.lcp-rule li span{ font-size:13.5px; line-height:1.9; color:var(--ink3); }
/* 正文里用来加粗关键数字的 b，保持行内 */
.lcp-rule li span b{
  display:inline; width:auto; height:auto; margin:0; padding:0;
  background:none; border-radius:0;
  font-size:inherit; font-weight:600; color:var(--ink);
}

@media (max-width:1024px){
  .lcp-hero-inner{ display:block; padding:46px 0 48px; }
  .lcp-hero h1{ font-size:30px; letter-spacing:-.6px; }
  .lcp-clock{ margin-top:28px; display:inline-block; }
  .lcp-flash{ grid-template-columns:repeat(2,1fr); }
  .lcp-rule{ grid-template-columns:1fr; }
  /* 新客行改成上下两段：上面机型+配置，下面价格+按钮 */
  .lcp-row{ flex-wrap:wrap; gap:18px 20px; padding:22px; }
  .lcp-row-name{ flex:1 1 100%; }
  .lcp-row-spec{ flex:1 1 100%; border-left:0; padding-left:0; gap:10px; }
  .lcp-row-price{ flex:0 0 auto; margin-top:2px; }
  .lcp-row-act{ margin-left:auto; }
}
@media (max-width:768px){
  .lcp-hero h1{ font-size:26px; }
  .lcp-anchors .lc-wrap{ height:50px; }
  /* 右边那句提示手机上要滑很远才看得到，直接不显示 */
  .lcp-anchors-tip{ display:none; }
  /* 页头已经有一个大倒计时了，手机上不再重复显示小的 */
  .lcp-mini{ display:none; }
  /* 倒计时收成贴合内容的小卡，不再占满一行显得空 */
  .lcp-clock{ display:inline-block; margin-top:24px; padding:16px 18px 15px; border-radius:12px; }
  .lcp-clock-t{ font-size:12px; letter-spacing:1.4px; }
  .lcp-clock-n{ margin-top:11px; gap:7px 8px; }
  .lcp-clock-n b{ min-width:40px; padding:8px 0; font-size:20px; border-radius:8px; }
  .lcp-clock-n i{ font-size:12px; }
  .lcp-clock-d{ margin-top:11px; font-size:12px; }
  /* 卡片内边距收一档，手机上不至于一屏放不下一张卡 */
  .lc-promo-hd{ padding:22px 20px 16px; }
  .lc-promo-hd h3{ font-size:17px; padding-right:66px; }
  .lc-promo-rib{ top:20px; right:18px; }
  .lc-promo-spec{ padding:16px 20px 4px; }
  .lc-promo-ft{ padding:14px 20px 20px; }
  .lcp-row-spec{ flex-wrap:wrap; }
  .lcp-row-spec li{ flex:0 0 calc(25% - 8px); }
  .lcp-row-spec li b{ font-size:15.5px; }
}
@media (max-width:560px){
  .lcp-flash{ grid-template-columns:1fr; }
  .lcp-clock{ display:block; padding-left:14px; padding-right:14px; }
  .lcp-clock-n{ gap:6px 8px; }
  .lcp-clock-n b{ min-width:34px; padding:7px 0; font-size:18px; }
  .lcp-clock-n i{ font-size:11.5px; }
  .lcp-clock-n span{ gap:5px; }
  .lcp-row-spec li{ flex:0 0 calc(50% - 5px); }
  .lcp-row-price{ flex:1 1 100%; }
  .lcp-row-act{ flex:1 1 100%; margin-left:0; }
  .lcp-row-act .lc-btn{ width:100%; }
  .lcp-clock{ display:block; padding:20px 18px; }
  .lcp-clock-n b{ min-width:46px; padding:9px 0; font-size:21px; }
  .lcp-hero-acts .lc-btn{ width:100%; max-width:280px; }
}

/* ----------------------------- 19. 响应式 ----------------------------- */
@media (max-width:1240px){
  .lc-map-inner{ width:100%; height:auto; aspect-ratio:1080/541; }
  .lc-map-inner > img{ width:100%; }
  .lc-hero-vis{ width:420px; }
}

/* -------- 平板与小屏笔记本 -------- */
@media (max-width:1024px){
  .lc-burger{ display:block; margin-left:10px; }
  .lc-nav{
    position:fixed; top:0; right:0; bottom:0; width:300px; max-width:86vw;
    background:#fff; z-index:58; padding:20px 0; overflow-y:auto;
    transform:translateX(100%);
    /* ⚠ 关闭态要 visibility:hidden，不能只靠 transform 推到屏幕外。
       只推出去的话，抽屉里那二十来个链接仍然在无障碍树和 Tab 顺序里，
       键盘用户从页头一路 Tab 下去会掉进一堆看不见的链接（实测有 10 个能被聚焦）。
       visibility 的过渡延迟 .3s，等滑出动画放完再隐藏，观感不变。 */
    visibility:hidden;
    transition:transform .3s var(--ease-out), visibility 0s linear .3s;
    box-shadow:-8px 0 30px rgba(14,50,100,.14);
  }
  .lc-nav.is-open{
    transform:none;
    visibility:visible;
    transition:transform .3s var(--ease-out), visibility 0s linear 0s;
  }
  .lc-nav-list{ display:block; height:auto; }
  .lc-nav-link{ height:48px; padding:0 22px; width:100%; justify-content:space-between; }
  .lc-nav-link::after{ display:none; }
  /* 抽屉里的二级：手风琴，不再是浮层 */
  .lc-sub{ position:static; opacity:1; visibility:visible; transform:none; box-shadow:none;
           border-top:0; display:none; pointer-events:auto; padding-bottom:0; }
  .lc-nav-item.is-open .lc-sub{ display:block; }
  .lc-sub-panel{ transform:none; opacity:1; border-radius:0; box-shadow:none; border-top:0; background:#f7f9fc; }
  /* 小型下拉在抽屉里也走手风琴，去掉圆角和投影 */
  .lc-nav-item.has-mini{ position:static; }
  .lc-sub-mini .lc-sub-panel{ border-radius:0; box-shadow:none; min-width:0; }
  .lc-sub-mini-inner{ padding:6px 14px 10px; }
  .lc-sub-mini-inner a{ padding:11px 8px; font-size:13.5px; }
  /* 抽屉里改成纵向 flex，配合 order 才能把直达链接压到最后 */
  .lc-sub-inner{ display:flex; flex-direction:column; width:auto; max-width:100%; min-height:0; padding:6px 0 10px; }
  .lc-sub-strip{ display:none; }
  .lc-sub-plain{ display:block; padding:0; }
  .lc-sub-plain-grid{ padding:10px 14px 12px; grid-template-columns:1fr 1fr; gap:8px; }
  .lc-sub-tile{ padding:12px 12px; }
  .lc-sub-tile b{ font-size:13.5px; }
  .lc-sub-tile .lc-btn-arrow{ display:none; }
  .lc-sub-rail{ display:contents; }
  .lc-sub-rail-item, .lc-sub-rail-all{ display:none; }
  .lc-sub-body{ order:1; }
  /* 抽屉里把这条直达链接排在该分组所有栏目的最后 */
  .lc-sub-rail-link{
    order:2; margin-top:6px; padding:13px 22px; border-top:1px solid var(--line-2);
    font-size:13.5px;
  }
  .lc-sub-rail-link .lc-btn-arrow{ display:none; }
  .lc-sub-aside{ display:none; }
  .lc-nav-scrim{ display:none; }
  .lc-sub-body{ padding:0; }
  /* 手机上分组全部平铺，不做左右切换 */
  .lc-sub-pane, .lc-sub-inner:not([data-ready]) .lc-sub-pane:first-child{ display:block; }
  .lc-sub-pane + .lc-sub-pane{ margin-top:6px; }
  .lc-sub-pane-t{ margin:12px 0 4px; padding:0 22px; font-size:12px; letter-spacing:.6px; }
  .lc-sub-grid{ grid-template-columns:1fr 1fr; gap:0; padding:0 14px; }
  .lc-sub-item{ padding:10px 8px; border-radius:8px; }
  .lc-sub-item b{ font-size:13.5px; }
  /* 手机端抽屉里只留名字，两行简介会把菜单撑得很长 */
  .lc-sub-item-d{ display:none; }
  .lc-sub-item.has-d{ flex-direction:row; align-items:center; gap:8px; padding:10px 8px; }
  .lc-sub-item .lc-btn-arrow{ display:none; }
  .lc-sub-item::before{ display:none; }
  .lc-sub-item{ border:0; }

  /* 抽屉头尾 */
  /* 抽屉在 .lc-header 的层叠上下文里，遮罩必须低于 header 才不会盖住抽屉；
     顶栏在手机端不再抬高层级，否则会压在抽屉上面 */
  .lc-nav{ padding:0; display:flex; flex-direction:column; overflow:hidden; }
  .lc-nav-mask{ z-index:55; }
  .lc-topbar{ z-index:auto; }
  .lc-nav-hd{
    display:flex; align-items:center; justify-content:space-between;
    height:58px; padding:0 18px 0 22px; border-bottom:1px solid var(--line); flex:none;
  }
  .lc-nav-hd img{ height:28px; width:auto; }
  .lc-nav-close{ width:36px; height:36px; display:flex; align-items:center; justify-content:center;
                 border-radius:8px; color:var(--ink2); }
  .lc-nav-close:active{ background:#f2f4f8; }
  .lc-nav-list{ display:block; flex:1 1 auto; overflow-y:auto; -webkit-overflow-scrolling:touch; padding:8px 0 4px; height:auto; }
  .lc-nav-item + .lc-nav-item{ border-top:1px solid var(--line-2); }
  .lc-nav-link{ font-size:15px; color:var(--ink); }
  .lc-nav-item.is-open > .lc-nav-link{ color:var(--blue); }
  .lc-caret{ transform:rotate(45deg); opacity:.5; }
  .lc-nav-item.is-open .lc-caret{ transform:rotate(-135deg) translateY(-2px); opacity:1; }
  .lc-nav-ft{
    display:block; flex:none; padding:16px 22px 20px; border-top:1px solid var(--line); background:#fff;
  }
  .lc-nav-ft .lc-btn + .lc-btn{ margin-top:10px; }
  .lc-nav-ft-tel{ margin-top:14px; font-size:12.5px; color:var(--ink3); text-align:center; }
  .lc-nav-ft-tel b{ color:var(--blue); font-weight:600; letter-spacing:.3px; }

  /* 顶部一行的顺序：logo → 弹性空白 → 购物车/注册 → 汉堡，不再用 order 打乱 */
  .lc-logo{ margin-right:auto; }
  .lc-header-r{ margin-left:0; gap:10px; order:1; }
  .lc-header-ico{ display:flex; }
  .lc-burger{ order:2; }
  .lc-header-link{ display:none; }

  .lc-hero-inner{ display:block; min-height:0; padding:56px 0 40px; text-align:center; }
  .lc-hero-txt{ width:auto; }
  .lc-hero h1{ font-size:30px; letter-spacing:-.6px; }
  .lc-hero-acts{ justify-content:center; }
  .lc-hero-vis{ display:none; }
  .lc-entry .lc-wrap{ grid-template-columns:1fr; gap:14px; margin-top:-24px; }
  .lc-sec{ padding:56px 0; }
  .lc-head{ margin-bottom:32px; }
  .lc-head h2,
  .lc-head h3{ font-size:26px; letter-spacing:-.6px; }
  .lc-infra-inner{ grid-template-columns:1fr; gap:36px; }
  .lc-infra-txt h2{ font-size:26px; letter-spacing:-.6px; }
  .lc-infra-feat{ margin-top:26px; }
  .lc-pgrid{ grid-template-columns:repeat(2,1fr); }
  .lc-promo{ grid-template-columns:repeat(2,1fr); }
  .lc-head-row{ display:block; }
  .lc-head-row .lc-btn{ margin-top:18px; }
  .lc-adv,.lc-solutions{ grid-template-columns:repeat(2,1fr); gap:30px 24px; }
  .lc-supports{ gap:18px; }
  .lc-support{ padding:28px 24px 24px; }
  .lc-steps{ display:block; }
  .lc-step{ padding:0 0 24px; }
  .lc-step + .lc-step::before{ display:none; }
  .lc-footer-col{ flex:1 1 120px; }
  .lc-footer-contact{ flex:1 1 210px; }
  .lc-side{ right:12px; bottom:88px; }
}

/* -------- 手机 -------- */
@media (max-width:768px){
  .lc-wrap{ max-width:calc(100% - 32px); }

  /* 顶栏只留前两个链接和电话，避免换行把高度撑开 */
  .lc-topbar{ height:auto; }
  .lc-topbar .lc-wrap{ height:auto; min-height:34px; flex-wrap:nowrap; gap:12px; }
  .lc-topbar-l{ overflow:hidden; white-space:nowrap; }
  .lc-topbar-l a:nth-child(n+3){ display:none; }
  .lc-topbar-l a{ margin-right:16px; }
  .lc-topbar-r{ flex:none; white-space:nowrap; }
  .lc-topbar-r span{ display:none; }

  .lc-logo img{ height:28px; }
  /* 手机端顶栏只留图标：购物车 / 账号 / 菜单，注册按钮收进抽屉里 */
  .lc-header-cta{ display:none; }
  .lc-header-cart{ width:34px; height:34px; justify-content:center; border-radius:9px; }
  .lc-header-r{ gap:12px; }

  .lc-head h2,
  .lc-head h3{ font-size:22px; }
  .lc-head p{ font-size:13px; margin-top:10px; }
  .lc-hero h1{ font-size:26px; }
  .lc-hero p{ font-size:13.5px; }
  .lc-hero-acts .lc-btn{ width:100%; max-width:280px; }

  /* 入口卡：说明文字允许换行，不再单行截断导致横向溢出 */
  .lc-entry-card{ padding:18px 18px; gap:14px; }
  .lc-entry-ico{ width:46px; height:46px; }
  .lc-entry-txt b{ font-size:15.5px; }
  .lc-entry-txt i{ white-space:normal; overflow:visible; line-height:1.75; }

  .lc-supports{ grid-template-columns:1fr; }
  .lc-support p{ min-height:0; }
  .lc-support{ padding:26px 24px 24px; }

  /* 地图整体等比缩小，不再产生横向滚动条 */
  .lc-infra-map{ overflow:visible; }
  .lc-map-inner{ width:100%; }
  .lc-node .n{ font-size:10px; padding:2px 5px; }
  /* 首屏那条提示在窄屏允许折行，不撑破圆角 */
  .lc-pill{ font-size:12.5px; padding:5px 14px 5px 5px; }
  .lc-infra-feat li{ padding:14px 12px; }

  /* 手机端联系我们：两颗小钮浮在右下角，卡片从底部弹出 */
  .lc-side{ right:12px; bottom:76px; gap:8px; }
  .lc-side-top{ width:48px; height:48px; border-radius:13px; font-size:10px; gap:2px; }
  .lc-side-top svg{ width:16px; height:16px; }
  .lc-side-tab{ width:48px; height:48px; border-radius:13px; font-size:10px; }
  .lc-side-tab svg{ width:17px; height:17px; }
  .lc-side-panel{
    position:fixed; left:12px; right:12px; bottom:12px; top:auto;
    width:auto; margin:0; padding:16px 10px 8px; border-radius:16px;
    transform:translateY(14px);
    max-height:74vh; overflow-y:auto; -webkit-overflow-scrolling:touch;
  }
  .lc-side-panel::after{ display:none; }
  /* 触屏没有 hover，只认 is-open */
  .lc-side-wrap:hover .lc-side-panel{ opacity:0; visibility:hidden; pointer-events:none; transform:translateY(14px); }
  .lc-side.is-open .lc-side-panel{ opacity:1; visibility:visible; pointer-events:auto; transform:none; }
  .lc-side-close{ display:flex; }
  .lc-side-hd{ padding:2px 6px 12px; }
  .lc-side-row{ padding:10px 8px; }
  .lc-side-row-txt b{ font-size:14px; }
  .lc-side-row-txt i{ font-size:12px; }
  /* 底部弹出时把按钮藏掉，不然会从卡片边上露出来 */
  .lc-side.is-open .lc-side-tab,
  .lc-side.is-open .lc-side-top{ opacity:0; visibility:hidden; }
  .lc-side-tab, .lc-side-top{ transition:opacity .2s var(--ease), visibility .2s, background-color .2s var(--ease); }
  .lc-side-hd{ padding:0 6px 14px; }
  .lc-side-row{ padding:12px 8px; }
  .lc-side-row-ico{ width:40px; height:40px; }

  /* 页脚：品牌整块居中，链接两列，联系方式单独一块 */
  .lc-footer-main{ gap:20px 22px; padding:26px 0 22px; }
  .lc-footer-col{ flex:1 1 calc(33.333% - 15px); min-width:0; }
  .lc-footer-contact{ flex:0 0 100%; padding-top:24px; border-top:1px solid var(--line); }
  .lc-footer-col h5{ margin-bottom:11px; padding-bottom:0; }
  .lc-footer-col li{ line-height:2; }
  .lc-footer-phone{ font-size:19px; }
  .lc-footer-links .lc-wrap{ display:block; }
  .lc-copy-gov{ gap:4px 16px; }
  .lc-footer-links-t{ display:block; margin-bottom:10px; }
  .lc-footer-bottom{ padding:9px 0 10px; line-height:1.75; }

}

@media (max-width:560px){
  /* 到手机宽度才把卡片压成一列，平板竖屏仍然保持两列 */
  .lc-pgrid,.lc-promo,.lc-adv,.lc-solutions{ grid-template-columns:1fr; }
  .lc-pcard p,.lc-solution p{ min-height:0; }
  /* 手机上地图缩得太小看不清，直接不显示，左边三条说明足够表达 */
  .lc-infra-map{ display:none; }
  .lc-infra-inner{ gap:0; }
  .lc-node .n{ display:none; }
}
@media (max-width:420px){
  .lc-hero h1{ font-size:23px; }
}
/* ---- 页脚的列数随宽度递减：768 以下三列，560 以下两列，一直保持两列 ----
   以前最窄的屏排成一列，五组链接叠下来页脚接近 1600px，滑半天到不了底。
   两列窄一点，但整体短一半，实际比一列好用。 */
@media (max-width:420px){
  .lc-footer-main{ gap:18px 14px; }
  .lc-footer-col{ flex:1 1 calc(50% - 10px); }
  .lc-footer-contact{ flex:0 0 100%; }
}
/* ---------------------------- 21. 内页页头 ---------------------------- */
/* 通用的内页标题带，后面别的内页也可以复用 */
.lc-phead{
  position:relative; overflow:hidden;
  background:linear-gradient(115deg,#edf3fb 0%,#f8fbfe 48%,#e9f3fa 100%);
  border-bottom:1px solid var(--line);
  padding:48px 0 50px;
}
.lc-phead::before{
  content:""; position:absolute; inset:0;
  background-image:linear-gradient(rgba(15,118,212,.04) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(15,118,212,.04) 1px,transparent 1px);
  background-size:48px 48px;
}
.lc-phead > .lc-wrap{ position:relative; z-index:2; }
.lc-phead h1{ margin-top:4px; font-size:32px; font-weight:700; letter-spacing:-.8px; color:#0d1219; }
.lc-phead-d{ margin-top:14px; max-width:720px; font-size:14.5px; line-height:1.95; color:var(--ink3); }

/* --------------------------- 22. 域名注册页 --------------------------- */
/* 注意：.result-item / .domain-* / .cart-* / .suffix-* / .message-box /
   .loading 这些类名都被域名插件的 JS 引用，只改样式，不要改名。 */
.lcd-sec{ padding:44px 0 80px; }

/* 查询表单 */
.lcd-search{
  background:#fff; border:1px solid var(--line); border-radius:14px;
  box-shadow:var(--sh2); padding:26px 28px 24px;
}
.lcd-input{ display:flex; gap:12px; }
.lcd-field{ position:relative; flex:1 1 auto; min-width:0; }
.lcd-input-ico{
  position:absolute; left:16px; top:50%; transform:translateY(-50%);
  display:flex; color:var(--ink3); pointer-events:none;
  transition:color .2s var(--ease);
}
.lcd-field:focus-within .lcd-input-ico{ color:var(--blue); }
.lcd-input input{
  width:100%; height:50px; padding:0 16px 0 44px;
  border:1px solid #dde3ea; border-radius:10px; background:#fff;
  font-family:inherit; font-size:15px; color:var(--ink);
  transition:border-color .2s var(--ease), box-shadow .2s var(--ease);
}
.lcd-input input::placeholder{ color:#aab2bd; }
.lcd-input input:focus{ outline:none; border-color:var(--blue); box-shadow:0 0 0 3px rgba(15,118,212,.12); }
.search-button{
  flex:none; height:50px; padding:0 38px; border:0; border-radius:10px;
  background-color:#1274d6; color:#fff; font-family:inherit; font-size:15px; font-weight:500;
  cursor:pointer; transition:background-color .2s var(--ease), box-shadow .2s var(--ease);
}
@media (hover:hover) and (pointer:fine){
  .search-button:hover{ background-color:#2e8be7; box-shadow:0 3px 10px rgba(18,116,214,.22); }
}
.search-button:active{ background-color:#1e7edd; box-shadow:0 1px 2px rgba(16,42,80,.10); }

.lcd-suffix{ margin-top:20px; padding-top:18px; border-top:1px solid var(--line-2); }
.lcd-suffix-t{ font-size:12.5px; color:var(--ink3); margin-bottom:12px; }
.suffix-options{ display:flex; flex-wrap:wrap; gap:9px; }
.suffix-checkbox{ position:absolute; opacity:0; width:0; height:0; }
.suffix-label{
  display:inline-flex; align-items:center; height:32px; padding:0 14px;
  border:1px solid var(--line); border-radius:8px; background:#fff;
  font-size:13px; color:var(--ink2); cursor:pointer; user-select:none;
  transition:background-color .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease);
}
.suffix-label:hover{ border-color:#a8c9ea; color:var(--blue); }
.suffix-checkbox:checked + .suffix-label{ background:#eaf3fd; border-color:#bcd9f3; color:var(--blue); font-weight:500; }
.suffix-checkbox:focus-visible + .suffix-label{ outline:2px solid var(--blue); outline-offset:2px; }
.suffix-label.is-all{ background:#f4f7fb; }
.suffix-checkbox:checked + .suffix-label.is-all{ background:#1274d6; border-color:#1274d6; color:#fff; }

/* 结果区 + 清单 */
.content-wrapper{ display:flex; gap:22px; margin-top:22px; align-items:flex-start; }
.content-main{ flex:1 1 auto; min-width:0; }
.results-section{ min-height:120px; }

.lcd-empty{
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px;
  padding:64px 20px; border:1px dashed var(--line); border-radius:14px;
  background:var(--bg-2); color:#6f7787;
}
.lcd-empty p{ font-size:13.5px; color:var(--ink3); }

.result-item{
  display:flex; align-items:center; gap:20px;
  padding:20px 22px; margin-bottom:12px;
  background:#fff; border:1px solid var(--line); border-radius:12px;
  transition:border-color .2s var(--ease), box-shadow .2s var(--ease-out);
}
.result-item:hover{ border-color:#cfe4f8; box-shadow:var(--sh2); }
.domain-info{ flex:1 1 auto; min-width:0; }
.domain-name{ font-size:16.5px; font-weight:600; color:var(--ink); word-break:break-all; }
.domain-status{
  display:inline-flex; align-items:center; gap:6px; margin-top:8px;
  padding:3px 10px; border-radius:5px; font-size:12.5px;
}
.domain-status::before{ content:""; width:6px; height:6px; border-radius:50%; background:currentColor; }
.status-available{ background:#e7f7f2; color:#00987a; }
.status-taken{ background:#f3f5f8; color:#8b93a0; }
.domain-premium{
  display:inline-block; margin-top:8px; margin-left:8px; padding:3px 9px;
  border-radius:5px; background:#fff2ec; color:var(--price); font-size:12px;
}
.domain-price-info{ flex:none; width:170px; text-align:right; }
.domain-price{ font-size:17px; font-weight:700; color:var(--price); white-space:nowrap; }
.renew-price{ margin-top:5px; font-size:12.5px; color:var(--ink3); white-space:nowrap; }
.button-group{ flex:none; display:flex; gap:10px; }
.buy-button{
  height:38px; padding:0 22px; border:0; border-radius:9px;
  background-color:#1274d6; color:#fff; font-family:inherit; font-size:14px; font-weight:500;
  cursor:pointer; transition:background-color .2s var(--ease);
}
@media (hover:hover) and (pointer:fine){
  .buy-button:hover{ background-color:#2e8be7; }
}
.buy-button:active{ background-color:#1e7edd; }
.add-to-cart{
  height:38px; padding:0 18px; border:1px solid #dde3ea; border-radius:9px;
  background:#fff; color:#39424f; font-family:inherit; font-size:14px;
  cursor:pointer; transition:border-color .2s var(--ease), color .2s var(--ease);
}
.add-to-cart:hover{ border-color:#a8c9ea; color:var(--blue); }

/* 清单 */
.cart-section{
  flex:none; width:308px; position:sticky; top:calc(var(--nav-h) + 20px);
  background:#fff; border:1px solid var(--line); border-radius:14px;
  box-shadow:var(--sh2); padding:20px;
}
.cart-title{
  position:relative; font-size:15px; font-weight:600; color:var(--ink);
  padding-bottom:14px; margin-bottom:14px; border-bottom:1px solid var(--line-2);
}
.cart-item{
  display:flex; align-items:center; gap:10px;
  padding:12px 14px; margin-bottom:10px;
  border:1px solid var(--line); border-radius:10px; background:var(--bg-2);
}
.cart-item-info{ flex:1 1 auto; min-width:0; }
.cart-item-domain{ font-size:13.5px; font-weight:500; color:var(--ink); word-break:break-all; }
.cart-item-price{ margin-top:4px; font-size:12.5px; color:var(--price); }
.remove-item{
  flex:none; width:26px; height:26px; display:flex; align-items:center; justify-content:center;
  border-radius:7px; color:#6f7787; font-size:17px; line-height:1; cursor:pointer;
  transition:background-color .2s var(--ease), color .2s var(--ease);
}
.remove-item:hover{ background:#fff2ec; color:var(--price); }
.cart-empty{ padding:30px 0; text-align:center; font-size:13px; color:#6f7787; }
.register-all-button{
  width:100%; height:44px; margin-top:6px; border:0; border-radius:10px;
  background-color:#1274d6; color:#fff; font-family:inherit; font-size:14.5px; font-weight:500;
  cursor:pointer; transition:background-color .2s var(--ease);
}
@media (hover:hover) and (pointer:fine){
  .register-all-button:hover{ background-color:#2e8be7; }
}
.register-all-button:active{ background-color:#1e7edd; }
.lcd-cart-tip{ margin-top:14px; font-size:12px; line-height:1.8; color:var(--ink3); }

/* JS 会给元素加 .hidden，必须保留 */
.hidden{ display:none !important; }

/* 页面底部三条说明 */
.lcd-notes{
  display:grid; grid-template-columns:repeat(3,1fr); gap:22px;
  margin-top:34px; padding-top:28px; border-top:1px solid var(--line-2);
}
.lcd-notes h4{ font-size:14.5px; font-weight:600; color:var(--ink); }
.lcd-notes p{ margin-top:9px; font-size:13px; line-height:1.9; color:var(--ink3); }

/* 结果与清单的进场动画：逐条淡入上浮，最多错开 8 条 */
@keyframes lcd-in{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:none; } }
.result-item{ animation:lcd-in .42s var(--ease-out) both; }
.result-item:nth-child(2){ animation-delay:.05s; }
.result-item:nth-child(3){ animation-delay:.1s; }
.result-item:nth-child(4){ animation-delay:.15s; }
.result-item:nth-child(5){ animation-delay:.2s; }
.result-item:nth-child(6){ animation-delay:.25s; }
.result-item:nth-child(7){ animation-delay:.3s; }
.result-item:nth-child(n+8){ animation-delay:.35s; }
.cart-item{ animation:lcd-in .32s var(--ease-out) both; }
.lcd-empty{ animation:lcd-in .5s var(--ease-out) both; }
/* hover 时整行轻微抬起，价格与按钮跟着有反馈 */
.result-item{ transition:border-color .2s var(--ease), box-shadow .24s var(--ease-out), transform .24s var(--ease-out); }
.result-item:hover{ transform:translateY(-2px); }
.buy-button{ transition:background-color .2s var(--ease), box-shadow .2s var(--ease), transform .18s var(--ease); }
.buy-button:hover{ box-shadow:0 4px 14px rgba(16,66,130,.24); }
.buy-button:active{ transform:scale(.97); }
.suffix-label{ will-change:transform; }
.suffix-checkbox:checked + .suffix-label{ animation:lcd-pop .26s var(--ease-out); }
@keyframes lcd-pop{ 0%{ transform:scale(.94); } 60%{ transform:scale(1.04); } 100%{ transform:scale(1); } }

/* 提示条 */
.message-box{
  position:fixed; right:20px; top:calc(var(--nav-h) + 20px); z-index:1000;
  padding:13px 20px; border-radius:10px; font-size:13.5px;
  box-shadow:0 12px 32px rgba(18,44,84,.16);
  opacity:0; transform:translateY(-14px);
  transition:opacity .3s var(--ease), transform .3s var(--ease-out);
}
.message-box.show{ opacity:1; transform:none; }
.message-success{ background:#e7f7f2; color:#00876c; border:1px solid #c3ebe0; }
.message-error{ background:#fff2ec; color:#c94a26; border:1px solid #f7d5c8; }
.message-info{ background:#eaf3fd; color:#0f65bd; border:1px solid #cfe2f6; }

/* 加载遮罩 */
.loading{
  position:fixed; inset:0; z-index:1000;
  display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.72); backdrop-filter:saturate(180%) blur(2px);
}
.loading::after{
  content:""; width:38px; height:38px; border-radius:50%;
  border:3px solid #dbe7f4; border-top-color:var(--blue);
  animation:lc-spin .8s linear infinite;
}
@keyframes lc-spin{ to{ transform:rotate(360deg); } }

/* 插件弹窗字号跟页面对齐 */
.swal2-popup{ font-size:15px; font-family:inherit; }

@media (max-width:1024px){
  .lc-phead{ padding:38px 0 40px; }
  .lc-phead h1{ font-size:26px; letter-spacing:-.5px; }
  .content-wrapper{ display:block; }
  .cart-section{ width:auto; position:static; margin-top:18px; }
  .lcd-notes{ grid-template-columns:1fr; gap:18px; }
}
@media (max-width:768px){
  .lcd-sec{ padding:32px 0 56px; }
  .lcd-search{ padding:20px 18px 18px; }
  .lcd-input{ display:block; }
  .search-button{ width:100%; margin-top:12px; }
  .result-item{ flex-wrap:wrap; gap:14px; padding:18px; }
  .domain-info{ flex:1 1 100%; }
  .domain-price-info{ width:auto; text-align:left; }
  .button-group{ margin-left:auto; }
  .message-box{ left:16px; right:16px; }
}
@media (max-width:420px){
  .button-group{ flex:1 1 100%; margin-left:0; }
  .buy-button,.add-to-cart{ flex:1 1 0; }
}
/* ---------------------------- 23. 推介页 ---------------------------- */
/* cps.html 专用。沿用主题现有组件：步骤用 .lc-steps、优势用 .lc-adv、
   推广方式用 .lc-support、规则用 .lcp-rule，这里只补页头与表格。 */
.lcps-hero{ padding:52px 0 56px; }
.lcps-hero-inner{ display:flex; align-items:center; gap:52px; }
.lcps-hero-txt{ flex:1 1 auto; min-width:0; }
.lcps-hero-txt h1{ margin-top:6px; }
.lcps-hero-acts{ margin-top:28px; display:flex; gap:12px; flex-wrap:wrap; }

/* 佣金比例卡 */
.lcps-rate{ flex:none; display:flex; gap:14px; }
.lcps-rate-item{
  width:168px; padding:24px 20px 22px; text-align:center;
  background:#fff; border:1px solid var(--line); border-radius:14px; box-shadow:var(--sh2);
  transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out),
             border-color var(--dur) var(--ease);
}
.lcps-rate-item:hover{ transform:translateY(-4px); box-shadow:var(--sh3); border-color:#cfe4f8; }
.lcps-rate-item b{
  display:block; font-size:44px; font-weight:800; line-height:1;
  letter-spacing:-2px; color:var(--blue);
}
.lcps-rate-item b em{ font-size:22px; font-weight:700; letter-spacing:0; margin-left:2px; }
.lcps-rate-item p{ margin-top:12px; font-size:14.5px; font-weight:600; color:var(--ink); }
.lcps-rate-item i{ display:block; margin-top:7px; font-size:12px; line-height:1.7; color:var(--ink3); }

/* 权益表 */
.lcps-table-wrap{ border:1px solid var(--line); border-radius:14px; overflow:hidden; background:#fff; }
.lcps-table{ width:100%; border-collapse:collapse; }
.lcps-table th{
  width:150px; padding:18px 24px; text-align:left; vertical-align:top;
  font-size:14px; font-weight:600; color:var(--ink);
  background:var(--bg-2); border-bottom:1px solid var(--line-2);
}
.lcps-table td{
  padding:18px 24px; font-size:14px; line-height:1.8; color:var(--ink2);
  border-bottom:1px solid var(--line-2);
}
.lcps-table td b{ font-weight:700; color:var(--blue); }
.lcps-table tr{ transition:background-color .2s var(--ease); }
.lcps-table tbody tr:hover td{ background:#fafcfe; }
.lcps-table tr:last-child th,
.lcps-table tr:last-child td{ border-bottom:0; }

/* 收尾 */
.lcps-cta h3{ font-size:26px; font-weight:700; letter-spacing:-.4px; }
.lcps-cta p{ margin-top:12px; font-size:14.5px; color:var(--ink3); }
@media (max-width:1024px){
  .lcps-hero-inner{ display:block; }
  .lcps-rate{ margin-top:30px; }
  .lcps-rate-item{ flex:1 1 0; width:auto; }
}
@media (max-width:768px){
  .lcps-hero{ padding:38px 0 42px; }
  .lcps-rate-item{ padding:20px 14px 18px; }
  .lcps-rate-item b{ font-size:36px; }
  .lcps-table th{ width:110px; padding:15px 16px; font-size:13.5px; }
  .lcps-table td{ padding:15px 16px; font-size:13.5px; }
  .lcps-cta h3{ font-size:22px; }
  .lcps-hero-acts .lc-btn,
  .lcps-cta-acts .lc-btn{ flex:1 1 0; min-width:150px; }
}
@media (max-width:560px){
  .lcps-table{ display:block; }
  .lcps-table tbody,.lcps-table tr,.lcps-table th,.lcps-table td{ display:block; width:auto; }
  .lcps-table th{ border-bottom:0; padding-bottom:0; background:#fff; }
  .lcps-table td{ padding-top:7px; }
  .lcps-hero-acts .lc-btn,
  .lcps-cta-acts .lc-btn{ flex:1 1 100%; }
}
/* --------------------------- 24. 服务与支持页 --------------------------- */
/* support.html 专用。卡片沿用主题的白底细描边 + hover 上浮那一套。 */
.lcsp-hero-acts{ margin-top:28px; display:flex; gap:12px; flex-wrap:wrap; }

.lcsp-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }
.lcsp-card{
  position:relative; overflow:hidden; display:flex; flex-direction:column;
  padding:32px 32px 28px;
  background:#fff; border:1px solid var(--line); border-radius:14px;
  transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease-out),
             transform var(--dur) var(--ease-out);
}
.lcsp-card::after{
  content:""; position:absolute; right:-90px; top:-110px; width:280px; height:280px; border-radius:50%;
  background:radial-gradient(circle,rgba(15,118,212,.10),transparent 66%);
  opacity:0; transition:opacity .32s var(--ease);
}
.lcsp-card:hover{ border-color:#cfe4f8; box-shadow:var(--sh3); transform:translateY(-3px); }
.lcsp-card:hover::after{ opacity:1; }
.lcsp-ico{
  position:relative; z-index:2;
  display:flex; align-items:center; justify-content:center;
  width:52px; height:52px; margin-bottom:20px;
  border-radius:14px; background:var(--blue-l); color:var(--blue);
  transition:background var(--dur) var(--ease);
}
.lcsp-card:hover .lcsp-ico{ background:#d9e9f9; }
.lcsp-card h3{ position:relative; z-index:2; font-size:19px; font-weight:600; letter-spacing:-.2px; }
.lcsp-card p{
  position:relative; z-index:2;
  margin:12px 0 22px; font-size:13.5px; line-height:1.95; color:var(--ink3);
}
.lcsp-card .lc-more{ position:relative; z-index:2; margin-top:auto; }

/* 联系渠道 */
.lcsp-ways{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.lcsp-way{
  display:flex; flex-direction:column; align-items:flex-start;
  padding:26px 24px 24px;
  background:#fff; border:1px solid var(--line); border-radius:14px;
  transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease-out),
             transform var(--dur) var(--ease-out);
}
.lcsp-way:hover{ border-color:#cfe4f8; box-shadow:var(--sh2); transform:translateY(-3px); }
.lcsp-way-ico{
  display:flex; align-items:center; justify-content:center;
  width:44px; height:44px; margin-bottom:18px; border-radius:13px;
}
.lcsp-way-ico.is-blue{   background:#e9f2fd; color:#1274d6; }
.lcsp-way-ico.is-sky{    background:#e6f4fc; color:#0f96cd; }
.lcsp-way-ico.is-green{  background:#e5f6f1; color:#067a60; }
.lcsp-way-ico.is-violet{ background:#eeecfd; color:#6355e0; }
.lcsp-way b{ font-size:15.5px; font-weight:600; color:var(--ink); }
.lcsp-way i{ margin-top:8px; font-size:13px; color:var(--ink3); word-break:break-all; }

/* 说明里的链接 */
.lcp-rule li span a{ color:var(--blue); border-bottom:1px solid rgba(15,118,212,.28); }
.lcp-rule li span a:hover{ border-bottom-color:var(--blue); }

@media (max-width:1024px){
  .lcsp-ways{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:768px){
  .lcsp-hero-acts .lc-btn{ flex:1 1 0; min-width:150px; }
}
@media (max-width:560px){
  .lcsp-grid{ grid-template-columns:1fr; }
  .lcsp-card{ padding:26px 22px 24px; }
  .lcsp-ways{ grid-template-columns:1fr; }
  .lcsp-way{ flex-direction:row; align-items:center; gap:14px; padding:18px; }
  .lcsp-way-ico{ margin-bottom:0; flex:none; }
  .lcsp-way b{ display:block; }
  .lcsp-way i{ margin-top:4px; }
  .lcsp-hero-acts .lc-btn{ flex:1 1 100%; }
}

/* --------------------------- 25. 帮助中心 --------------------------- */
/* help.html / helpcategory.html / helparticle.html / helpsearch.html 共用。
   正文 .lch-art 里的标签由后台富文本输出，这里统一做排版，不依赖编辑器自带样式。 */
.lch-phead{ padding:52px 0 54px; }
.lch-phead-sm{ padding:40px 0 38px; }

/* 搜索框 */
.lch-search{ display:flex; gap:12px; margin-top:26px; max-width:660px; }
.lch-search-field{ position:relative; flex:1 1 auto; min-width:0; }
.lch-search-ico{
  position:absolute; left:15px; top:50%; transform:translateY(-50%);
  display:flex; color:var(--ink3); pointer-events:none;
}
.lch-search input{
  width:100%; height:48px; padding:0 16px 0 44px;
  font-size:15px; color:var(--ink); background:#fff;
  border:1px solid #dbe3ec; border-radius:10px; outline:0;
  transition:border-color .2s var(--ease), box-shadow .2s var(--ease);
}
.lch-search input::placeholder{ color:#a8b0bc; }
.lch-search input:focus{ border-color:var(--blue); box-shadow:0 0 0 3px rgba(15,118,212,.12); }
.lch-search .lc-btn{ height:48px; flex:none; }

/* 面包屑 */
.lch-crumb{ display:flex; align-items:center; flex-wrap:wrap; gap:8px; font-size:13px; color:var(--ink3); }
.lch-crumb a:hover{ color:var(--blue); }
.lch-crumb i{ width:4px; height:4px; flex:none; border-right:1.4px solid #b9c1cc; border-top:1.4px solid #b9c1cc;
              transform:rotate(45deg); }
.lch-crumb span{ color:var(--ink2); max-width:420px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lch-phead-sm h1{ margin-top:12px; font-size:27px; line-height:1.45; }
.lch-meta{ margin-top:14px; font-size:13px; color:var(--ink3); }
.lch-meta span{ margin-left:16px; }

/* 四个快捷入口 */
.lch-quick{ padding:38px 0 0; }
.lch-quick-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.lch-quick-item{
  display:block; padding:22px 22px 20px;
  background:#fff; border:1px solid var(--line); border-radius:12px; box-shadow:var(--sh1);
  transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);
}
.lch-quick-item:hover{ border-color:#cfe0f3; box-shadow:var(--sh3); transform:translateY(-2px); }
.lch-quick-ico{
  display:flex; align-items:center; justify-content:center; width:42px; height:42px;
  border-radius:10px; background:var(--blue-l); color:var(--blue);
}
.lch-quick-item b{ display:block; margin-top:15px; font-size:15.5px; font-weight:600; }
.lch-quick-item i{ display:block; margin-top:7px; font-size:13px; color:var(--ink3); }

/* 主体 */
.lch-body{ padding:44px 0 84px; }
.lch-layout{ display:grid; grid-template-columns:246px minmax(0,1fr); gap:28px; align-items:start; }
/* 两栏都用 minmax(0,...)：不让长标题的 min-content 把整个栅格撑宽，
   窄屏下标题才会正常省略号截断，而不是把页面顶出横向滚动条。 */
.lch-side,.lch-main{ min-width:0; }

/* 左侧分类 */
.lch-side{
  position:sticky; top:calc(var(--nav-h) + 18px);
  padding:20px 18px; background:#fff; border:1px solid var(--line); border-radius:12px; box-shadow:var(--sh1);
}
.lch-side-t{ font-size:12.5px; font-weight:600; letter-spacing:.6px; color:var(--ink3); }
.lch-side-list{ margin-top:12px; }
.lch-side-list li + li{ margin-top:2px; }
.lch-side-list a{
  display:block; padding:9px 12px; font-size:14px; color:var(--ink2);
  border-radius:8px; transition:background-color .18s var(--ease), color .18s var(--ease);
}
.lch-side-list a:hover{ background:#f3f7fc; color:var(--blue); }
.lch-side-btn{ margin-top:16px; }

/* 分类卡（帮助中心首页）——整张卡可点，进对应分类页 */
.lch-cate-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.lch-cate{
  display:flex; flex-direction:column;
  min-height:168px; padding:26px 24px 22px; background:#fff;
  border:1px solid var(--line); border-radius:12px; box-shadow:var(--sh1);
  transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease),
             transform var(--dur) var(--ease);
}
.lch-cate:hover{ border-color:#cfe0f3; box-shadow:var(--sh3); transform:translateY(-2px); }
.lch-cate:hover h3{ color:var(--blue); }
.lch-cate-ico{
  display:flex; align-items:center; justify-content:center; width:40px; height:40px; flex:none;
  border-radius:10px; background:var(--blue-l); color:var(--blue);
}
.lch-cate h3{
  margin-top:16px; font-size:16.5px; font-weight:600; line-height:1.5;
  transition:color .18s var(--ease);
}
.lch-cate p{
  margin-top:9px; font-size:13.5px; line-height:1.85; color:var(--ink3);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.lch-cate .lc-more{ margin-top:auto; padding-top:18px; }

/* 文章列表 */
.lch-arts{ background:#fff; border:1px solid var(--line); border-radius:12px; box-shadow:var(--sh1); overflow:hidden; }
.lch-arts li + li{ border-top:1px solid var(--line-2); }
.lch-arts a{
  display:flex; align-items:center; gap:12px; padding:17px 22px;
  transition:background-color .18s var(--ease);
}
.lch-arts a:hover{ background:#f7fafd; }
.lch-arts a:hover b{ color:var(--blue); }
.lch-arts-ico{ display:flex; flex:none; color:#a9b4c2; }
.lch-arts b{ flex:1 1 auto; width:0; min-width:0; font-size:14.5px; font-weight:400; color:var(--ink);
             overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
             transition:color .18s var(--ease); }
.lch-arts a .lc-btn-arrow{ flex:none; color:#c2ccd8; }

/* 搜索结果 */
.lch-res li{
  padding:22px 24px; background:#fff; border:1px solid var(--line); border-radius:12px; box-shadow:var(--sh1);
  transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);
}
.lch-res li + li{ margin-top:14px; }
.lch-res li:hover{ border-color:#cfe0f3; box-shadow:var(--sh2); }
.lch-res h2{ font-size:16px; font-weight:600; line-height:1.6; }
.lch-res h2 a:hover{ color:var(--blue); }
.lch-res p{ margin-top:9px; font-size:13.5px; line-height:1.9; color:var(--ink3);
            display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.lch-res-m{ display:inline-block; margin-top:12px; font-size:12.5px; color:#6b7280; }

/* 正文排版 */
.lch-art{
  padding:34px 38px 38px; background:#fff;
  border:1px solid var(--line); border-radius:12px; box-shadow:var(--sh1);
  font-size:15px; line-height:1.95; color:#2c333d; word-break:break-word;
}
.lch-art > *:first-child{ margin-top:0; }
.lch-art h1,.lch-art h2,.lch-art h3,.lch-art h4{
  margin:30px 0 14px; font-weight:600; line-height:1.5; color:var(--ink);
}
.lch-art h1{ font-size:22px; } .lch-art h2{ font-size:19px; }
.lch-art h3{ font-size:16.5px; } .lch-art h4{ font-size:15.5px; }
.lch-art p{ margin:14px 0; }
.lch-art a{ color:var(--blue); border-bottom:1px solid rgba(15,118,212,.28); }
.lch-art a:hover{ border-bottom-color:var(--blue); }
.lch-art ul,.lch-art ol{ margin:14px 0; padding-left:22px; }
.lch-art ul li{ list-style:disc; } .lch-art ol li{ list-style:decimal; }
.lch-art li{ margin:6px 0; }
.lch-art img{ display:block; max-width:100%; height:auto; margin:18px 0; border-radius:8px; border:1px solid var(--line); }
.lch-art blockquote{
  margin:18px 0; padding:14px 18px; color:var(--ink2);
  background:#f6f9fc; border-left:3px solid #bcd7f2; border-radius:0 8px 8px 0;
}
.lch-art code{
  padding:2px 6px; font-size:13.5px; font-family:Consolas,Monaco,"Courier New",monospace;
  background:#f3f5f8; border-radius:5px; color:#c2365b;
}
.lch-art pre{
  margin:18px 0; padding:16px 18px; overflow-x:auto;
  background:#1b2026; color:#e6e9ee; border-radius:10px;
  font-size:13.5px; line-height:1.8; font-family:Consolas,Monaco,"Courier New",monospace;
}
.lch-art pre code{ padding:0; background:none; color:inherit; }
.lch-art table{ width:100%; margin:18px 0; border-collapse:collapse; font-size:14px; }
.lch-art th,.lch-art td{ padding:11px 14px; border:1px solid var(--line); text-align:left; }
.lch-art th{ background:#f6f9fc; font-weight:600; }
.lch-art hr{ margin:26px 0; border:0; border-top:1px solid var(--line); }

/* 正文页脚 + 上下篇 */
.lch-art-foot{
  display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap;
  margin-top:18px; padding:20px 24px;
  background:#f5f9fd; border:1px solid #dce9f6; border-radius:12px;
}
.lch-art-foot p{ flex:1 1 300px; font-size:13.5px; line-height:1.85; color:var(--ink2); }
.lch-nb{ display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-top:18px; }
.lch-nb-i{
  padding:16px 20px; background:#fff; border:1px solid var(--line); border-radius:12px;
  transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);
}
.lch-nb-i:hover{ border-color:#cfe0f3; box-shadow:var(--sh2); }
.lch-nb-i:hover b{ color:var(--blue); }
.lch-nb-i.is-next{ text-align:right; grid-column:2; }
.lch-nb-i span{ display:block; font-size:12.5px; color:var(--ink3); }
.lch-nb-i b{ display:block; margin-top:7px; font-size:14.5px; font-weight:500; line-height:1.6;
             overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:color .18s var(--ease); }

/* 分页 */
.lch-page{ display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-top:26px; }
.lch-page-i{
  min-width:38px; height:38px; padding:0 12px;
  display:inline-flex; align-items:center; justify-content:center;
  font-size:14px; color:var(--ink2); background:#fff;
  border:1px solid var(--line); border-radius:8px;
  transition:border-color .18s var(--ease), color .18s var(--ease), background-color .18s var(--ease);
}
.lch-page-i:hover{ border-color:#bcd7f2; color:var(--blue); }
.lch-page-i.is-on{ background:var(--blue); border-color:var(--blue); color:#fff; }

/* 空状态 */
.lch-empty{
  padding:56px 24px; text-align:center;
  background:#fff; border:1px solid var(--line); border-radius:12px;
}
.lch-empty p{ font-size:14.5px; line-height:1.9; color:var(--ink3); }
.lch-empty .lc-btn{ margin-top:20px; }

@media (max-width:1024px){
  .lch-layout{ grid-template-columns:minmax(0,1fr); }
  .lch-side{ position:static; }
  .lch-side-list{ display:flex; flex-wrap:wrap; gap:8px; }
  .lch-side-list li + li{ margin-top:0; }
  .lch-side-list a{ padding:7px 13px; background:#f5f8fc; border-radius:999px; font-size:13.5px; }
  .lch-quick-grid{ grid-template-columns:repeat(2,1fr); }
  .lch-cate-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:768px){
  .lch-phead{ padding:40px 0 42px; }
  .lch-phead-sm h1{ font-size:23px; }
  .lch-search{ flex-wrap:wrap; }
  .lch-search-field{ flex:1 1 100%; }
  .lch-search .lc-btn{ flex:1 1 100%; }
  .lch-cate-grid{ grid-template-columns:1fr; }
  .lch-art{ padding:26px 20px 30px; }
  .lch-nb{ grid-template-columns:1fr; }
  .lch-nb-i.is-next{ grid-column:1; text-align:left; }
}
@media (max-width:560px){
  .lch-quick-grid{ grid-template-columns:1fr; }
  .lch-arts a{ padding:15px 18px; }
  .lch-body{ padding:32px 0 64px; }
}

/* --------------------------- 26. 联系我们 --------------------------- */
.lcc-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.lcc-card{
  padding:28px 24px 26px; background:#fff;
  border:1px solid var(--line); border-radius:14px; box-shadow:var(--sh1);
  transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);
}
.lcc-card:hover{ border-color:#cfe0f3; box-shadow:var(--sh3); transform:translateY(-2px); }
.lcc-ico{ display:flex; align-items:center; justify-content:center; width:46px; height:46px; border-radius:12px; }
.lcc-ico.is-blue{   background:var(--blue-l); color:var(--blue); }
.lcc-ico.is-sky{    background:#e6f5fd; color:#0b8fc7; }
.lcc-ico.is-green{  background:#e5f6f1; color:#067a60; }
.lcc-ico.is-violet{ background:#eeecfd; color:#6355e0; }
.lcc-card h3{ margin-top:17px; font-size:16.5px; font-weight:600; }
.lcc-card p{ margin-top:9px; font-size:13.5px; line-height:1.85; color:var(--ink3); }
.lcc-val{
  display:inline-block; margin-top:14px; font-size:15px; font-weight:600; color:var(--blue);
  word-break:break-all;
}
.lcc-val:hover{ color:var(--blue-d); }

/* --- 工单引导横条（联系方式上方） --- */
.lcc-cta-sec{ padding:44px 0 0; }
/* 排在联系方式下面时，上边距给足、下边距留出到页脚的呼吸 */
.lcc-cta-sec-btm{ padding:0 0 84px; }
.lcc-cta{
  display:flex; align-items:center; justify-content:space-between; gap:28px; flex-wrap:wrap;
  padding:26px 30px;
  background:linear-gradient(100deg,#f3f8fd 0%,#ffffff 60%);
  border:1px solid #dce9f6; border-radius:14px;
}
.lcc-cta-txt{ flex:1 1 420px; min-width:0; }
.lcc-cta-txt b{ display:block; font-size:17px; font-weight:600; line-height:1.55; }
.lcc-cta-txt i{ display:block; margin-top:9px; font-size:13.5px; line-height:1.9; color:var(--ink2); }
.lcc-cta-act{ display:flex; flex-wrap:wrap; gap:12px; flex:none; }

@media (max-width:1024px){
  .lcc-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:768px){
}
@media (max-width:560px){
  .lcc-grid{ grid-template-columns:1fr; }
  .lcc-cta{ padding:22px 20px; }
  .lcc-cta-txt b{ font-size:16px; }
  .lcc-cta-act{ width:100%; }
  .lcc-cta-act .lc-btn{ flex:1 1 100%; }
}

/* --------------------------- 27. 404 --------------------------- */
.lc-e404{ padding:110px 0 120px; text-align:center; }
.lc-e404-n{
  font-size:96px; font-weight:800; line-height:1; letter-spacing:-3px;
  background:linear-gradient(120deg,#1274d6,#00a0e0);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.lc-e404 h1{ margin-top:22px; font-size:26px; font-weight:700; }
.lc-e404-d{ margin:14px auto 0; max-width:520px; font-size:14.5px; line-height:1.95; color:var(--ink3); }
.lc-e404-act{ display:flex; flex-wrap:wrap; gap:14px; justify-content:center; margin-top:30px; }
@media (max-width:560px){
  .lc-e404{ padding:72px 0 84px; }
  .lc-e404-n{ font-size:72px; }
  .lc-e404-act .lc-btn{ flex:1 1 100%; }
}

/* --------------------------- 28. 雷池 WAF 介绍页 --------------------------- */
.lcw-hero-acts{ display:flex; flex-wrap:wrap; gap:14px; margin-top:28px; }
.lcw-note{ margin-top:20px; font-size:12.5px; line-height:1.9; color:var(--ink3); }

.lcw-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.lcw-card{
  padding:28px 26px 26px; background:#fff;
  border:1px solid var(--line); border-radius:14px; box-shadow:var(--sh1);
  transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);
}
.lcw-card:hover{ border-color:#cfe0f3; box-shadow:var(--sh3); }
.lcw-ico{ display:flex; align-items:center; justify-content:center; width:46px; height:46px; border-radius:12px; }
.lcw-ico.is-blue{  background:var(--blue-l); color:var(--blue); }
.lcw-ico.is-sky{   background:#e6f5fd; color:#0b8fc7; }
.lcw-ico.is-green{ background:#e5f6f1; color:#067a60; }
.lcw-card h3{ margin-top:17px; font-size:16.5px; font-weight:600; }
.lcw-card ul{ margin-top:14px; }
.lcw-card li{ position:relative; padding-left:16px; font-size:13.5px; line-height:2.05; color:var(--ink2); }
.lcw-card li::before{
  content:""; position:absolute; left:2px; top:13px;
  width:5px; height:5px; border-radius:50%; background:#bcd0e4;
}

/* 系统要求 */
.lcw-req{
  display:grid; grid-template-columns:repeat(3,1fr); gap:1px;
  background:var(--line); border:1px solid var(--line); border-radius:12px; overflow:hidden;
  margin-bottom:34px;
}
.lcw-req > div{ padding:18px 22px; background:#fff; }
.lcw-req span{ display:block; font-size:12.5px; color:var(--ink3); }
.lcw-req b{ display:block; margin-top:7px; font-size:14.5px; font-weight:600; color:var(--ink); }
/* 系统要求下面那条提醒，比正文重一点但不抢标题 */
.lcw-req-tip{
  margin:-16px 0 30px; padding:16px 20px;
  background:#fff7ed; border:1px solid #f5ddbb; border-radius:10px;
  font-size:13.5px; line-height:1.9; color:#7a5a24;
}
.lcw-req-tip b{ font-weight:600; color:#5f4416; }

/* 安装步骤 */
.lcw-steps{ display:grid; grid-template-columns:minmax(0,1fr); gap:16px; }
/* min-width:0 很关键：不加的话里面 <pre> 的最长一行会把整块撑宽，
   窄屏上整页跟着横向滚动，代码块自己的横向滚动反而失效。 */
.lcw-steps > li{
  min-width:0; padding:26px 28px 24px; background:#fff;
  border:1px solid var(--line); border-radius:14px; box-shadow:var(--sh1);
}
.lcw-step-h{ display:flex; align-items:center; gap:13px; }
.lcw-step-h b{
  display:flex; align-items:center; justify-content:center; width:34px; height:34px; flex:none;
  border-radius:9px; background:var(--blue-l); color:var(--blue);
  font-size:13.5px; font-weight:700; letter-spacing:.4px;
}
.lcw-step-h h3{ font-size:16.5px; font-weight:600; }
.lcw-steps > li > p{ margin-top:12px; font-size:13.5px; line-height:1.95; color:var(--ink2); }
.lcw-code{
  position:relative;
  margin:16px 0 0; padding:18px 20px; max-width:100%; overflow-x:auto;
  background:#1b2026; color:#e6e9ee; border-radius:10px;
  font-size:13px; line-height:1.9;
  font-family:Consolas,Monaco,"Courier New",monospace;
}
.lcw-code code{ display:block; white-space:pre; }
.lcw-step-tip{ margin-top:14px; font-size:13px; line-height:1.95; color:var(--ink3); }
.lcw-step-tip code,.lcw-faq-i code{
  padding:2px 6px; margin:0 2px; font-size:12.5px;
  font-family:Consolas,Monaco,"Courier New",monospace;
  background:#f3f5f8; border-radius:5px; color:#c2365b; word-break:break-all;
}

/* FAQ */
.lcw-faq{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.lcw-faq-i{
  padding:24px 26px; background:#fff;
  border:1px solid var(--line); border-radius:14px; box-shadow:var(--sh1);
}
.lcw-faq-i h3{ font-size:15.5px; font-weight:600; line-height:1.6; }
.lcw-faq-i p{ margin-top:11px; font-size:13.5px; line-height:1.95; color:var(--ink2); }

@media (max-width:1024px){
  .lcw-grid{ grid-template-columns:1fr; }
  .lcw-req{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:768px){
  .lcw-faq{ grid-template-columns:1fr; }
  .lcw-hero-acts .lc-btn{ flex:1 1 0; min-width:150px; }
}
@media (max-width:560px){
  .lcw-req{ grid-template-columns:1fr; }
  .lcw-steps > li{ padding:22px 20px 20px; }
  .lcw-code{ padding:15px 16px; font-size:12.5px; }
  .lcw-hero-acts .lc-btn{ flex:1 1 100%; }
}

/* --------------------------- 29. 公告中心 --------------------------- */
/* news.html / newscategory.html / newsarticle.html。
   正文排版复用帮助中心的 .lch-art / .lch-nb / .lch-page / .lch-crumb，不重复写。 */

/* 页头：左文右图，图是内联 SVG，不额外请求 */
.lcn-hero{
  position:relative; overflow:hidden;
  background:linear-gradient(115deg,#edf3fb 0%,#f8fbfe 48%,#e9f3fa 100%);
  border-bottom:1px solid var(--line);
  padding:46px 0 44px;
}
.lcn-hero::before{
  content:""; position:absolute; inset:0;
  background-image:linear-gradient(rgba(15,118,212,.04) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(15,118,212,.04) 1px,transparent 1px);
  background-size:48px 48px;
}
.lcn-hero > .lc-wrap{ position:relative; z-index:2; display:flex; align-items:center; gap:40px; }
.lcn-hero-txt{ flex:1 1 auto; min-width:0; }
.lcn-hero h1{ margin-top:6px; font-size:30px; font-weight:700; letter-spacing:-.8px; line-height:1.4; color:#0d1219; }
.lcn-hero-d{ margin-top:14px; max-width:660px; font-size:14.5px; line-height:1.95; color:var(--ink3); }
.lcn-hero .lch-crumb{ margin-bottom:2px; }
.lcn-hero-ico{ flex:none; width:120px; height:120px; opacity:.9; }

/* 分类栏：吸顶，当前分类实心高亮 */
.lcn-tabs{
  position:sticky; top:var(--nav-h); z-index:40;
  background:rgba(255,255,255,.94); backdrop-filter:saturate(180%) blur(10px);
  border-bottom:1px solid var(--line);
}
.lcn-tabs-in{
  display:flex; align-items:center; gap:6px; height:56px; overflow-x:auto;
  -webkit-overflow-scrolling:touch; scrollbar-width:none; -ms-overflow-style:none;
}
.lcn-tabs-in::-webkit-scrollbar{ display:none; }
.lcn-tab{
  flex:none; padding:7px 16px; border-radius:999px;
  font-size:14px; color:var(--ink2);
  transition:background-color .18s var(--ease), color .18s var(--ease);
}
.lcn-tab:hover{ background:#eef4fa; color:var(--blue); }
.lcn-tab.is-on{ background:var(--blue); color:#fff; font-weight:500; }
.lcn-tab.is-on:hover{ background:var(--blue-d); color:#fff; }

.lcn-body{ padding:40px 0 84px; }
/* 列表收窄一点，1440 下不至于标题孤零零贴在左边、右半屏全是空的 */
.lcn-body > .lc-wrap{ width:1060px; }

/* 列表：左日期块 + 标题 + 箭头 */
/* grid-template-columns 必须写 minmax(0,...)：默认的 auto 会按最长标题的
   min-content 撑宽整列，长标题一出现整页就横向滚动。li 上的 min-width:0 同理。 */
.lcn-list{ display:grid; grid-template-columns:minmax(0,1fr); gap:10px; }
.lcn-list li{ min-width:0; }
.lcn-list a{
  display:flex; align-items:center; gap:18px; padding:14px 20px;
  background:#fff; border:1px solid var(--line); border-radius:12px; box-shadow:var(--sh1);
  transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease),
             transform var(--dur) var(--ease);
}
.lcn-list a:hover{ border-color:#cfe0f3; box-shadow:var(--sh3); transform:translateY(-2px); }
.lcn-list a:hover .lcn-txt b{ color:var(--blue); }
.lcn-list a:hover .lcn-date{ background:var(--blue); border-color:var(--blue); }
.lcn-list a:hover .lcn-date b,
.lcn-list a:hover .lcn-date i{ color:#fff; }
.lcn-list a:hover .lcn-go{ background:var(--blue-l); color:var(--blue); }
.lcn-date{
  flex:none; width:58px; padding:7px 0; text-align:center;
  background:#f4f7fb; border:1px solid var(--line); border-radius:9px;
  transition:background-color .2s var(--ease), border-color .2s var(--ease);
}
.lcn-date b{
  display:block; font-size:15px; font-weight:700; line-height:1.25; color:var(--ink);
  font-variant-numeric:tabular-nums; transition:color .2s var(--ease);
}
.lcn-date i{
  display:block; margin-top:2px; font-size:11px; color:var(--ink3);
  font-variant-numeric:tabular-nums; transition:color .2s var(--ease);
}
.lcn-txt{ flex:1 1 auto; width:0; min-width:0; }
.lcn-txt b{
  display:block; font-size:15px; font-weight:500; line-height:1.6; color:var(--ink);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  transition:color .18s var(--ease);
}
.lcn-go{
  display:flex; align-items:center; justify-content:center; flex:none;
  width:28px; height:28px; border-radius:50%; background:#f4f7fb; color:#9aa4b1;
  transition:background-color .2s var(--ease), color .2s var(--ease);
}

/* 详情页页头 */
.lcn-ahead{
  position:relative; overflow:hidden;
  background:linear-gradient(115deg,#edf3fb 0%,#f8fbfe 48%,#e9f3fa 100%);
  border-bottom:1px solid var(--line);
  padding:38px 0 36px;
}
.lcn-ahead::before{
  content:""; position:absolute; inset:0;
  background-image:linear-gradient(rgba(15,118,212,.04) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(15,118,212,.04) 1px,transparent 1px);
  background-size:48px 48px;
}
.lcn-ahead > .lc-wrap{ position:relative; z-index:2; }
.lcn-ahead h1{
  margin-top:14px; max-width:900px;
  font-size:27px; font-weight:700; line-height:1.5; letter-spacing:-.5px; color:#0d1219;
}
.lcn-ahead-m{ display:flex; align-items:center; flex-wrap:wrap; gap:10px 16px; margin-top:16px; }
.lcn-chip{
  padding:4px 12px; border-radius:999px;
  background:rgba(15,118,212,.10); color:var(--blue);
  font-size:12.5px; font-weight:500;
}
.lcn-time{ display:inline-flex; align-items:center; gap:6px; font-size:13px; color:var(--ink3); }

/* 只收窄宽度，不要动 .lc-wrap 的 max-width：
   写成 max-width:900px 会把 calc(100% - 48px) 覆盖掉，窄屏直接撑成 900px 宽。 */
.lcn-art-wrap{ width:900px; }
.lcn-art-foot{
  display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap;
  margin-top:18px; padding:20px 24px;
  background:#f5f9fd; border:1px solid #dce9f6; border-radius:12px;
}
.lcn-art-foot p{ flex:1 1 300px; font-size:13.5px; line-height:1.85; color:var(--ink2); }
.lcn-back{ margin-top:22px; text-align:center; }

@media (max-width:1024px){
  .lcn-hero-ico{ display:none; }
}
@media (max-width:768px){
  .lcn-hero{ padding:36px 0 34px; }
  .lcn-hero h1{ font-size:24px; }
  .lcn-tabs-in{ height:52px; }
  .lcn-ahead h1{ font-size:22px; }
  .lcn-body{ padding:32px 0 64px; }
}
@media (max-width:560px){
  /* 手机上日期块横过来贴在标题上方，一行放不下两栏 */
  .lcn-list a{ flex-wrap:wrap; gap:10px; padding:15px 16px; }
  .lcn-date{
    display:flex; align-items:baseline; gap:6px; width:auto; padding:4px 10px; border-radius:8px;
  }
  .lcn-date b{ font-size:13.5px; }
  .lcn-date i{ margin-top:0; font-size:11.5px; }
  .lcn-txt{ flex:1 1 100%; }
  .lcn-txt b{ white-space:normal; }
  .lcn-go{ display:none; }
  .lcn-back .lc-btn{ width:100%; }
}

/* --------------------------- 30. 退款 / 赔偿说明页 --------------------------- */
.lcr-hero-acts{ display:flex; flex-wrap:wrap; gap:12px; margin-top:26px; }

/* 赔 / 不赔两栏对照 */
.lcr-two{ display:grid; grid-template-columns:repeat(2,1fr); gap:18px; align-items:start; }
.lcr-box{
  padding:28px 28px 26px; background:#fff;
  border:1px solid var(--line); border-radius:14px; box-shadow:var(--sh1);
}
.lcr-box-h{ display:flex; align-items:center; gap:11px; padding-bottom:16px; border-bottom:1px solid var(--line-2); }
.lcr-box-h h4{ font-size:16.5px; font-weight:600; }
.lcr-box-ico{
  display:flex; align-items:center; justify-content:center; width:32px; height:32px; flex:none;
  border-radius:9px;
}
.lcr-box.is-yes .lcr-box-ico{ background:#e5f6f1; color:#067a60; }
.lcr-box.is-no  .lcr-box-ico{ background:#fdecea; color:#d64f3c; }
.lcr-box ul{ margin-top:6px; }
.lcr-box li{
  position:relative; padding:11px 0 11px 16px;
  font-size:14px; line-height:1.9; color:var(--ink2);
}
.lcr-box li + li{ border-top:1px solid var(--line-2); }
.lcr-box li::before{
  content:""; position:absolute; left:2px; top:20px;
  width:5px; height:5px; border-radius:50%; background:#c3cedb;
}
.lcr-box.is-yes li::before{ background:#7fd3bd; }
/* 退款去向那两张卡不是「能/不能」，用中性蓝，别沿用 is-yes/is-no 的绿红 */
.lcr-box.is-info .lcr-box-ico{ background:#e8f2fc; color:#0f76d4; }
.lcr-box.is-info li::before{ background:#8fc0ea; }
.lcr-box.is-no  li::before{ background:#eba79c; }
.lcr-box li b{ font-weight:600; color:var(--ink); }

/* 退款时限三段 */
.lcr-tl{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.lcr-tl-i{
  position:relative; padding:26px 24px 24px; background:#fff;
  border:1px solid var(--line); border-radius:14px; box-shadow:var(--sh1); overflow:hidden;
}
.lcr-tl-i::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:3px; }
.lcr-tl-i.is-full::before{ background:#067a60; }
.lcr-tl-i.is-part::before{ background:#e79a2b; }
.lcr-tl-i.is-none::before{ background:#c8cfd8; }
.lcr-tl-t{
  display:inline-block; padding:4px 11px; border-radius:999px;
  font-size:12.5px; font-weight:500; letter-spacing:.2px;
}
.lcr-tl-i.is-full .lcr-tl-t{ background:#e5f6f1; color:#067a60; }
.lcr-tl-i.is-part .lcr-tl-t{ background:#fdf2e3; color:#8f620a; }
.lcr-tl-i.is-none .lcr-tl-t{ background:#f1f3f6; color:#5f6774; }
.lcr-tl-i b{ display:block; margin-top:15px; font-size:19px; font-weight:700; letter-spacing:-.4px; }
.lcr-tl-i p{ margin-top:11px; font-size:13.5px; line-height:1.9; color:var(--ink3); }
.lcr-tip{ margin-top:22px; font-size:13px; line-height:1.9; color:var(--ink3); }

@media (max-width:768px){
  .lcr-two{ grid-template-columns:1fr; }
  .lcr-tl{ grid-template-columns:1fr; }
  .lcr-box{ padding:24px 22px 22px; }
  .lcr-hero-acts .lc-btn{ flex:1 1 0; min-width:150px; }
}
@media (max-width:560px){
  .lcr-hero-acts .lc-btn{ flex:1 1 100%; }
}

/* --------------------- 30b. 退款与赔偿合并页的分段 --------------------- */
/* 一页两套规则，靠 #refund / #compensation 两个锚点分段。
   分段头用 h2，段内小节降到 h3，一页只留两个 h2。 */
.lcr-anchors{
  position:sticky; top:var(--nav-h); z-index:40;
  background:rgba(255,255,255,.94); backdrop-filter:saturate(180%) blur(10px);
  border-bottom:1px solid var(--line);
}
.lcr-anchors-in{ display:flex; align-items:center; gap:6px; height:54px; overflow-x:auto;
                 scrollbar-width:none; -ms-overflow-style:none; }
.lcr-anchors-in::-webkit-scrollbar{ display:none; }
.lcr-anchor{
  flex:none; padding:7px 16px; border-radius:999px; font-size:14px; color:var(--ink2);
  transition:background-color .18s var(--ease), color .18s var(--ease);
}
.lcr-anchor:hover{ background:#eef4fa; color:var(--blue); }

.lcr-part{
  background:linear-gradient(115deg,#edf3fb 0%,#f8fbfe 55%,#e9f3fa 100%);
  border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  scroll-margin-top:calc(var(--nav-h) + 54px);
}
.lcr-part-h{ display:flex; align-items:center; gap:20px; padding:38px 0 36px; }
.lcr-part-n{
  display:flex; align-items:center; justify-content:center; flex:none;
  width:52px; height:52px; border-radius:14px;
  background:var(--blue); color:#fff;
  font-size:17px; font-weight:700; letter-spacing:.5px;
}
.lcr-part-h h2{ font-size:26px; font-weight:700; letter-spacing:-.6px; }
.lcr-part-h p{ margin-top:8px; font-size:14px; line-height:1.85; color:var(--ink3); }
/* 分段头下面紧跟的第一节，上边距收一点，不然两块之间空太多 */
.lcr-sec-first{ padding-top:74px; }

@media (max-width:768px){
  .lcr-anchors-in{ height:50px; }
  .lcr-part-h{ gap:15px; padding:30px 0 28px; }
  .lcr-part-n{ width:44px; height:44px; border-radius:12px; font-size:15px; }
  .lcr-part-h h2{ font-size:21px; }
  .lcr-sec-first{ padding-top:56px; }
}

/* 代码块右上角的一键复制按钮（由 lcayun.js 动态插入） */
.lcw-copy{
  position:sticky; float:right; top:0; right:0; margin-left:12px;
  padding:5px 12px; border-radius:7px;
  background:rgba(255,255,255,.12); color:#cfd6df;
  font-size:12.5px; line-height:1.5; white-space:nowrap;
  transition:background-color .18s var(--ease), color .18s var(--ease);
}
.lcw-copy:hover{ background:rgba(255,255,255,.22); color:#fff; }
.lcw-copy.is-done{ background:rgba(0,176,144,.22); color:#7ee0c4; }
@media (max-width:560px){
  .lcw-copy{ padding:4px 10px; font-size:12px; }
}

/* --------------------------- 31. 关于我们 --------------------------- */
.lca-hero-acts{ display:flex; flex-wrap:wrap; gap:12px; margin-top:26px; }

/* 我们提供什么 */
.lca-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.lca-card{
  min-width:0; padding:26px 24px 24px; background:#fff;
  border:1px solid var(--line); border-radius:14px; box-shadow:var(--sh1);
  transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);
}
.lca-card:hover{ border-color:#cfe0f3; box-shadow:var(--sh3); transform:translateY(-2px); }
.lca-ico{ display:flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:12px; }
.lca-ico.is-blue{   background:var(--blue-l); color:var(--blue); }
.lca-ico.is-sky{    background:#e6f5fd; color:#0b8fc7; }
.lca-ico.is-green{  background:#e5f6f1; color:#067a60; }
.lca-ico.is-violet{ background:#eeecfd; color:#6355e0; }
.lca-card h3{ margin-top:16px; font-size:16px; font-weight:600; }
.lca-card p{ margin-top:10px; font-size:13.5px; line-height:1.9; color:var(--ink3); }

/* 机器在哪 */
.lca-region{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.lca-region-i{
  min-width:0; padding:28px 26px 26px; background:#fff;
  border:1px solid var(--line); border-radius:14px; box-shadow:var(--sh1);
}
.lca-region-i h3{
  position:relative; padding-left:15px;
  font-size:17px; font-weight:600;
}
.lca-region-i h3::before{
  content:""; position:absolute; left:0; top:50%; transform:translateY(-50%);
  width:4px; height:17px; border-radius:2px; background:var(--blue);
}
.lca-region-i p{ margin-top:13px; font-size:13.5px; line-height:1.95; color:var(--ink2); }

/* 我们怎么做事 */
.lca-way{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.lca-way-i{
  display:flex; gap:18px; min-width:0;
  padding:26px 26px 24px; background:#fff;
  border:1px solid var(--line); border-radius:14px; box-shadow:var(--sh1);
}
.lca-way-n{
  flex:none; font-size:15px; font-weight:700; letter-spacing:.5px;
  color:var(--blue); opacity:.55;
}
.lca-way-i h3{ font-size:16px; font-weight:600; line-height:1.6; }
.lca-way-i p{ margin-top:10px; font-size:13.5px; line-height:1.95; color:var(--ink2); }
.lca-way-i a{ color:var(--blue); border-bottom:1px solid rgba(15,118,212,.28); }
.lca-way-i a:hover{ border-bottom-color:var(--blue); }

/* 资质与合规 */
.lca-cert{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.lca-cert-i{
  min-width:0; padding:26px 24px 24px; background:#fff;
  border:1px solid var(--line); border-radius:14px; box-shadow:var(--sh1);
}
.lca-cert-t{ display:block; font-size:12.5px; color:var(--ink3); }
.lca-cert-i b{
  display:block; margin-top:11px; font-size:17px; font-weight:700;
  letter-spacing:-.2px; color:var(--ink); word-break:break-all;
}
.lca-cert-i i{ display:block; margin-top:11px; font-size:12.5px; line-height:1.8; color:#6b7280; }
.lca-cert-i i a{ color:var(--blue); }
.lca-cert-i i a:hover{ color:var(--blue-d); }

/* 加入我们 / 商务合作 */
.lca-two{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.lca-panel{
  min-width:0; padding:30px 30px 28px;
  background:linear-gradient(100deg,#f5f9fd 0%,#ffffff 65%);
  border:1px solid #dce9f6; border-radius:14px;
}
.lca-panel-ico{ display:flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:11px; }
.lca-panel-ico.is-blue{   background:var(--blue-l); color:var(--blue); }
.lca-panel-ico.is-violet{ background:#eeecfd; color:#6355e0; }
.lca-panel h3{ margin-top:16px; font-size:18px; font-weight:600; }
.lca-panel p{ margin-top:12px; font-size:13.5px; line-height:1.95; color:var(--ink2); }
.lca-panel p a{ color:var(--blue); border-bottom:1px solid rgba(15,118,212,.28); }
.lca-panel p a:hover{ border-bottom-color:var(--blue); }
.lca-panel .lc-btn{ margin-top:20px; }

@media (max-width:1024px){
  .lca-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .lca-region{ grid-template-columns:1fr; }
  .lca-cert{ grid-template-columns:1fr; }
}
@media (max-width:768px){
  .lca-way{ grid-template-columns:1fr; }
  .lca-two{ grid-template-columns:1fr; }
  .lca-panel{ padding:26px 22px 24px; }
  .lca-hero-acts .lc-btn{ flex:1 1 0; min-width:150px; }
}
@media (max-width:560px){
  .lca-grid{ grid-template-columns:1fr; }
  .lca-card{ padding:22px 20px 20px; }
  .lca-way-i{ gap:14px; padding:22px 20px 20px; }
  .lca-hero-acts .lc-btn{ flex:1 1 100%; }
}

/* --------------------------- 32. 创作招募计划 --------------------------- */
/* 奖励卡、步骤、规则列表都复用雷池页和活动页的类，这里只补几处专有样式。 */
.lccr-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); }
.lccr-grid .lcw-card li b{ font-weight:600; color:var(--ink); }
.lccr-grid .lcw-card li a{ color:var(--blue); border-bottom:1px solid rgba(15,118,212,.28); }
.lccr-grid .lcw-card li a:hover{ border-bottom-color:var(--blue); }
.lccr-note{
  margin-top:22px; padding:16px 20px;
  background:#f7f9fc; border:1px solid var(--line); border-radius:10px;
  font-size:13px; line-height:1.9; color:var(--ink3);
}

/* 三类内容形式 */
.lccr-type{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.lccr-type-i{
  min-width:0; padding:26px 24px 24px; background:#fff;
  border:1px solid var(--line); border-radius:14px; box-shadow:var(--sh1);
}
.lccr-type-i h3{
  position:relative; padding-left:15px; font-size:16.5px; font-weight:600;
}
.lccr-type-i h3::before{
  content:""; position:absolute; left:0; top:50%; transform:translateY(-50%);
  width:4px; height:17px; border-radius:2px; background:var(--blue);
}
.lccr-type-i p{ margin-top:12px; font-size:13.5px; line-height:1.95; color:var(--ink2); }

/* 内容要求：白底方框把规则列表收进去，和上面的三张卡分开 */
.lccr-rule-box{
  margin-top:20px; padding:28px 30px 26px; background:#fff;
  border:1px solid var(--line); border-radius:14px; box-shadow:var(--sh1);
}
.lccr-rule-box h3{ margin-bottom:18px; font-size:17px; font-weight:600; }

@media (max-width:1024px){
  .lccr-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .lccr-type{ grid-template-columns:1fr; }
}
@media (max-width:560px){
  .lccr-grid{ grid-template-columns:1fr; }
  .lccr-rule-box{ padding:24px 20px 22px; }
}

/* --------------------- 33. 移动端点击区域 --------------------- */
/* 手机上主要点击目标的高度补到 ≥36px，指尖点得准。
   只在触摸屏上放大，桌面端保持原来的紧凑排版。 */
@media (max-width:768px){
  .lc-topbar-l a{ display:inline-flex; align-items:center; min-height:36px; }
  /* logo 是整条头部里最常被误点的目标，把可点区域撑到整行高 */
  .lc-logo{ min-height:var(--nav-h); }
  /* 页脚导航一行 20px，指尖很难点准 */
  .lc-footer-col li a{ display:inline-flex; align-items:center; min-height:36px; }
  .lc-footer-mail a{ display:inline-flex; align-items:center; min-height:36px; }
  .lcc-val{ display:inline-flex; align-items:center; min-height:36px; }
  .lcw-copy{ min-height:32px; padding:7px 14px; }
  .lc-side-close{ width:38px; height:38px; }
  .lch-side-list a{ min-height:36px; display:flex; align-items:center; }
  .lcn-list a,.lch-arts a{ min-height:52px; }
  /* 下面这批是这次逐页量出来的「手指点不准」的目标（WCAG 2.2 要求 ≥24px，
     这里统一给到 32px 以上）。都是用 inline-flex + min-height 撑可点区域，
     字号、间距、排版一律不动。 */
  .lc-copy-gov a,.lc-copy-gov span{ display:inline-flex; align-items:center; min-height:32px; }
  .lc-footer-links-c a{ display:inline-flex; align-items:center; min-height:34px; }
  .lc-footer-brand a{ display:inline-flex; align-items:center; min-height:34px; }
  .lch-crumb a,.lck-crumb a,.lc-crumb a{ display:inline-flex; align-items:center; min-height:32px; }
  .lch-res-t a,.lch-arts li a,.lch-side-more a{ display:inline-flex; align-items:center; min-height:32px; }
  .lcr-note a,.lcw-note a,.lca-cert a{ display:inline-flex; align-items:center; min-height:32px; }
}

/* 浏览器自动填充：Chrome 会给填过的框刷一层淡蓝底，普通 background 盖不掉，
   只有 inset 阴影顶得住，hover/focus/active 都得写全，少一个就会蓝回来。 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
select:-webkit-autofill{
  -webkit-box-shadow:0 0 0 1000px #fff inset!important;
          box-shadow:0 0 0 1000px #fff inset!important;
  -webkit-text-fill-color:#1f2733!important;
  caret-color:#1f2733;
  transition:background-color 100000s ease-in-out 0s!important;
}


/* ---- 浅蓝底上的蓝字：#0f76d4 压在 #e9f3fc 上是 4.1:1，差一点点到 AA。
        这里只把这几处**文字**压深一档（品牌蓝 --blue 本身不动，按钮和白底链接都保持原色）。 ---- */
.lcn-chip,
.lcp-anchor.is-on,
.lck-cat-n,
.lcp-anchors a.is-on,
.lc-sub-strip-tel b,
.lcp-rule li > b,
.lcp-mini b,
.lcp-clock-n b,
.lcw-step-h b,
.suffix-label,
.suffix-checkbox:checked + .suffix-label{ color:#0d6cc4; }

/* ============================================================================
   面包屑链接的触摸目标（v5.1.9）
   「首页」这类两个字的链接在手机上只有 26px 宽，点着容易点偏。
   WCAG 2.2 的最小值是 24×24，本来就达标，这里再放宽一点更好点。
   ========================================================================== */
@media (max-width:768px){
  .lch-crumb a{
    display:inline-flex; align-items:center; justify-content:center;
    min-width:30px; min-height:30px;
  }
}


/* ==========================================================================
   点击区域下限（WCAG 2.2 目标尺寸最小 24×24）
   顶部辅助栏的「帮助中心/提交工单」原来只有 17px 高，右上角购物车图标 19×19，
   「登录/用户中心」21~24px。都是并列的功能入口，不属于正文行内链接的豁免。
   只把可点范围撑到 24px，字号、颜色、间距、位置都不变。
   ========================================================================== */
.lc-topbar-l a{ display:inline-flex; align-items:center; min-height:24px; }
.lc-header-link{ display:inline-flex; align-items:center; min-height:24px; }
.lc-header-cart{ min-width:24px; min-height:24px; justify-content:center; }
/* 页脚导航、备案号、侧栏「去看看」也是并列的功能链接，同样补到 24px。
   页脚用 inline-flex 会吃掉 li 的换行，所以这里走 padding-block，行高不变。 */
.lc-footer-col ul li a,
.lc-copy-gov a,
.lc-footer-mail a,
.lch-crumb a,
.lcn-crumb a,
.lc-sub-aside-go{ display:inline-block; padding-block:2px; min-height:24px; box-sizing:content-box; line-height:20px; }