:root{
    color-scheme:dark;                 /* 原生控件 / 滚动条跟随深色 */
    /* ── 全站科技黑主题：深色底 + 亮色文字 ── */
    --green:#4FD3A4; --green-200:#5DCAA5; --green-50:rgba(46,230,168,.12);
    --amber:#FAC775; --amber-100:#FAC775; --amber-50:rgba(250,199,117,.12);
    --red:#F4BBD0; --red-50:rgba(214,90,138,.12);
    --ink:#DCEEE8; --ink-2:#EAF7F2; --muted:rgba(219,235,230,.62); --line:rgba(46,230,168,.20); --bg:#04120E;

    /* ── 科技感扩展变量 ── */
    --teal:#2EE6A8;          /* 青绿辉光主色 */
    --teal-mid:#1D9E75;      /* 品牌绿提亮 */
    --teal-deep:#4FD3A4;     /* 品牌绿（深底可读版） */
    --blue:#4DA3FF;          /* 科技蓝点缀 */
    --deep-900:#04120E;      /* 墨绿黑 · 最深 */
    --deep-800:#071A15;      /* 墨绿黑 · 主 */
    --deep-700:#0B2620;      /* 深色区块 */
    --deep-600:#123329;
    --page:#04120E;          /* 全站页面底：科技黑 */
    --paper:#0B201A;         /* 卡片 / 表面底 */
    /* 语义色：JS 生成 HTML 的内联样式只准引用这些变量，不再写死 hex（换肤只改这里） */
    --up:#FF6B6B;            /* 涨 —— 中国习惯红涨，勿与跌互换 */
    --down:#4FD3A4;          /* 跌 —— 绿跌 */
    --flat:rgba(219,235,230,.58); /* 持平 */
    --warn-text:#BA7517;     /* 待审提示文字 */
    --teal-soft:#8DF0CB;     /* 租赁/供给浅青 */
    --amber-soft:#F5C97A;    /* 硬件浅琥珀 */
    --line-soft:rgba(46,230,168,.18);
    --line-dark:rgba(46,230,168,.16);
    --glow-sm:0 0 0 1px rgba(46,230,168,.30), 0 10px 26px -14px rgba(46,230,168,.22);
    --glow-md:0 0 0 1px rgba(46,230,168,.40), 0 18px 44px -16px rgba(46,230,168,.26);
    --shadow-1:0 1px 2px rgba(0,0,0,.50), 0 12px 30px -20px rgba(46,230,168,.18);
    --shadow-2:0 2px 6px rgba(0,0,0,.55), 0 26px 56px -30px rgba(46,230,168,.22);
    --shadow-3:0 4px 10px rgba(0,0,0,.60), 0 40px 80px -40px rgba(46,230,168,.26);
    --mxw:1200px;
    --r-lg:18px; --r-md:13px; --r-sm:10px;
    --mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono","Courier New",monospace;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{-webkit-text-size-adjust:100%}
  body{
    font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
    background:var(--page);color:var(--ink);line-height:1.68;font-size:15px;
    background-color:var(--page);
    background-image:
      linear-gradient(rgba(46,230,168,.045) 1px,transparent 1px),
      linear-gradient(90deg,rgba(46,230,168,.045) 1px,transparent 1px),
      radial-gradient(1100px 520px at 8% -10%, rgba(46,230,168,.20), transparent 70%),
      radial-gradient(900px 460px at 96% 0%, rgba(77,163,255,.16), transparent 72%),
      radial-gradient(700px 400px at 50% 120%, rgba(46,230,168,.10), transparent 70%);
    background-size:44px 44px,44px 44px,auto,auto,auto;
    -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  }
  a{color:inherit}
  ::selection{background:rgba(46,230,168,.28);color:var(--deep-900)}

  /* ───────────── Header · 深色毛玻璃 ───────────── */
  header{
    position:sticky;top:0;z-index:30;
    background:linear-gradient(180deg,rgba(7,26,21,.96),rgba(7,26,21,.86));
    backdrop-filter:blur(14px) saturate(150%);
    -webkit-backdrop-filter:blur(14px) saturate(150%);
    border-bottom:1px solid var(--line-dark);
    box-shadow:0 10px 30px -22px rgba(4,18,14,.9);
  }
  header::after{
    content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;
    background:linear-gradient(90deg,transparent,rgba(46,230,168,.55),rgba(77,163,255,.35),transparent);
  }
  .hdr-deco{
    position:absolute;inset:0;pointer-events:none;overflow:hidden;
    background-image:
      linear-gradient(rgba(46,230,168,.06) 1px,transparent 1px),
      linear-gradient(90deg,rgba(46,230,168,.06) 1px,transparent 1px);
    background-size:56px 56px;
    mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent);
    -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent);
  }
  .bar{max-width:var(--mxw);margin:0 auto;display:flex;align-items:center;gap:14px;padding:13px 24px;flex-wrap:wrap;position:relative;z-index:1}
  .logo{
    display:inline-flex;align-items:baseline;text-decoration:none;cursor:pointer;
    font-size:18px;font-weight:800;color:var(--teal);letter-spacing:2px;
    text-shadow:0 0 20px rgba(46,230,168,.55);
    transition:filter .2s ease;
  }
  .logo:hover{filter:brightness(1.14)}
  .logo:focus-visible{outline:2px solid rgba(46,230,168,.75);outline-offset:4px;border-radius:6px}
  .logo small{font-size:11px;color:rgba(219,235,230,.52);font-weight:400;margin-left:8px;letter-spacing:.5px;font-family:var(--mono);transition:color .2s ease}
  .logo:hover small{color:rgba(219,235,230,.80)}
  nav{display:flex;gap:2px;flex-wrap:wrap}
  nav a{
    position:relative;padding:7px 12px;border-radius:8px;
    color:rgba(219,235,230,.70);text-decoration:none;font-size:13px;
    background:transparent;transition:color .22s ease,background .22s ease;
  }
  nav a::after{
    content:'';position:absolute;left:10px;right:10px;bottom:1px;height:2px;border-radius:2px;
    background:linear-gradient(90deg,var(--teal),var(--blue));
    opacity:0;transform:scaleX(.35);transform-origin:center;
    transition:opacity .22s ease,transform .22s ease;
  }
  nav a:hover{color:#EAF7F2;background:rgba(46,230,168,.06)}
  nav a:hover::after,nav a.active::after{
    opacity:1;transform:scaleX(1);
    box-shadow:0 0 12px rgba(46,230,168,.85),0 0 24px rgba(46,230,168,.35);
  }
  nav a.active{color:var(--teal);font-weight:600;background:transparent;text-shadow:0 0 14px rgba(46,230,168,.45)}
  .userbox{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:13px;color:rgba(219,235,230,.62)}
  .linkbtn{
    background:none;border:1px solid transparent;color:rgba(219,235,230,.62);cursor:pointer;
    font-size:13px;text-decoration:none;padding:6px 12px;border-radius:999px;transition:.2s;
  }
  .linkbtn:hover{color:var(--teal);border-color:rgba(46,230,168,.35);background:rgba(46,230,168,.08);box-shadow:0 0 16px -6px rgba(46,230,168,.7)}
  /* 未登录：登录 / 注册 主 CTA 胶囊 */
  .authbtn{
    padding:7px 17px;border-radius:999px;cursor:pointer;
    font-size:13px;font-weight:700;letter-spacing:.4px;
    color:#DCEEE8;background:rgba(46,230,168,.08);border:1px solid rgba(46,230,168,.45);
    transition:transform .18s ease,box-shadow .22s ease,background .22s ease,color .22s ease,border-color .22s ease;
  }
  .authbtn:hover{
    transform:translateY(-1px);color:#FFFFFF;border-color:rgba(46,230,168,.80);background:rgba(46,230,168,.18);
    box-shadow:0 0 0 1px rgba(46,230,168,.45),0 10px 26px -10px rgba(46,230,168,.75);
  }
  /* 已登录：头像 + 昵称胶囊 */
  .whome{
    display:inline-flex;align-items:center;gap:8px;max-width:200px;
    padding:4px 14px 4px 4px;border-radius:999px;
    border:1px solid rgba(46,230,168,.28);background:rgba(46,230,168,.07);
  }
  .whome .avatar{
    width:26px;height:26px;border-radius:50%;flex-shrink:0;
    display:inline-flex;align-items:center;justify-content:center;
    font-size:13px;font-weight:800;color:#04211A;
    background:linear-gradient(135deg,var(--teal),var(--teal-mid));
    box-shadow:0 0 14px -4px rgba(46,230,168,.85);
  }
  .whome #whoText{color:#EAF7F2;font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  /* ───────────── 布局 ───────────── */
  main{max-width:var(--mxw);margin:0 auto;padding:30px 24px 0}
  .hidden{display:none!important}
  .mxw{max-width:var(--mxw);margin-left:auto;margin-right:auto}

  /* ───────────── Hero · 深色科技主视觉 ───────────── */
  .hero{
    position:relative;isolation:isolate;overflow:hidden;
    border:1px solid rgba(46,230,168,.22);border-radius:var(--r-lg);
    padding:56px 52px;margin-bottom:22px;
    background:
      radial-gradient(720px 320px at 86% -22%, rgba(46,230,168,.22), transparent 62%),
      radial-gradient(560px 280px at 4% 122%, rgba(77,163,255,.18), transparent 66%),
      linear-gradient(158deg,#0B2620 0%,#071A15 46%,#04120E 100%);
    box-shadow:0 36px 80px -42px rgba(4,18,14,.95), inset 0 1px 0 rgba(46,230,168,.14);
  }
  .hero-kicker{
    position:relative;z-index:2;display:inline-flex;align-items:center;gap:9px;
    font-family:var(--mono);font-size:12px;letter-spacing:2.5px;
    color:rgba(219,235,230,.66);text-transform:uppercase;margin-bottom:18px;
    padding:5px 13px;border:1px solid rgba(46,230,168,.28);border-radius:999px;
    background:rgba(46,230,168,.06);
  }
  .hero-kicker::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 10px var(--teal)}
  .hero-bg,.hero-glow,.hero-scan{position:absolute;pointer-events:none;z-index:0}
  .hero-bg{
    inset:-1px;
    background-image:
      linear-gradient(rgba(46,230,168,.075) 1px,transparent 1px),
      linear-gradient(90deg,rgba(46,230,168,.075) 1px,transparent 1px);
    background-size:44px 44px;
    mask-image:radial-gradient(120% 110% at 50% 20%,#000 32%,rgba(0,0,0,.35) 68%,transparent 100%);
    -webkit-mask-image:radial-gradient(120% 110% at 50% 20%,#000 32%,rgba(0,0,0,.35) 68%,transparent 100%);
  }
  .hero-glow{border-radius:50%;filter:blur(60px);opacity:.55}
  .hero-glow-a{width:420px;height:420px;right:-120px;top:-200px;background:rgba(46,230,168,.30)}
  .hero-glow-b{width:360px;height:360px;left:-140px;bottom:-220px;background:rgba(77,163,255,.22)}
  .hero-scan{
    left:0;right:0;height:1px;top:0;
    background:linear-gradient(90deg,transparent,rgba(46,230,168,.55),rgba(255,255,255,.35),transparent);
    opacity:.5;
  }
  .hero h1,.hero p,.hero-actions,.hero-cats{position:relative;z-index:2}
  .hero h1{
    font-size:46px;line-height:1.2;letter-spacing:.5px;font-weight:800;
    background:linear-gradient(96deg,#FFFFFF 0%,#C6F5E3 40%,#2EE6A8 76%,#4DA3FF 100%);
    -webkit-background-clip:text;background-clip:text;
    color:transparent;-webkit-text-fill-color:transparent;
    filter:drop-shadow(0 0 22px rgba(46,230,168,.30));
    max-width:900px;
  }
  .hero p{color:rgba(219,235,230,.78);margin-top:16px;max-width:680px;font-size:15.5px;line-height:1.85}
  .hero-actions{margin-top:26px;display:flex;gap:13px;flex-wrap:wrap}
  /* Hero 内分类导航：四个入口按钮（与 Hero 深色科技风格统一） */
  .hero-cats{position:relative;z-index:2;margin-top:34px;display:flex;flex-wrap:wrap;gap:14px}
  .hero-cat-btn{
    position:relative;overflow:hidden;
    display:inline-flex;align-items:center;justify-content:center;gap:9px;
    min-width:170px;padding:14px 28px;border-radius:var(--r-sm);
    font-size:15px;font-weight:700;letter-spacing:.6px;text-decoration:none;
    color:#DCEEE8;
    background:linear-gradient(150deg,rgba(46,230,168,.12),rgba(46,230,168,.05)),rgba(6,19,15,.86);
    border:1px solid rgba(46,230,168,.42);
    box-shadow:inset 0 1px 0 rgba(46,230,168,.14);
    transition:transform .18s ease,box-shadow .22s ease,background .22s ease,color .22s ease,border-color .22s ease;
  }
  .hero-cat-btn::before{
    content:'';width:7px;height:7px;border-radius:50%;background:var(--teal);
    box-shadow:0 0 10px var(--teal);flex-shrink:0;transition:box-shadow .22s ease;
  }
  .hero-cat-btn:hover{
    transform:translateY(-2px);color:#FFFFFF;border-color:rgba(46,230,168,.72);
    background:linear-gradient(150deg,rgba(46,230,168,.22),rgba(46,230,168,.09)),rgba(6,19,15,.92);
    box-shadow:0 0 0 1px rgba(46,230,168,.45),0 16px 34px -14px rgba(46,230,168,.7),inset 0 1px 0 rgba(46,230,168,.2);
  }
  .hero-cat-btn:hover::before{box-shadow:0 0 16px var(--teal)}

  /* Hero 右翼同心环 HUD 装饰（位于内容层与网格底之间，制造景深） */
  .hero-ring{
    position:absolute;z-index:1;pointer-events:none;
    right:-170px;top:50%;width:500px;height:500px;transform:translateY(-50%);
    border-radius:50%;opacity:.5;
    background:repeating-radial-gradient(circle at center,
      transparent 0 23px,
      rgba(46,230,168,.10) 23px 24px,
      transparent 24px 47px);
    -webkit-mask:radial-gradient(circle at center, transparent 0 50%, #000 51% 100%);
    mask:radial-gradient(circle at center, transparent 0 50%, #000 51% 100%);
  }
  .hero-ring::before{
    content:'';position:absolute;inset:30px;border-radius:50%;
    border:1px dashed rgba(77,163,255,.5);
  }
  .hero-ring::after{
    content:'';position:absolute;inset:74px;border-radius:50%;
    border:1px solid rgba(46,230,168,.32);
  }
  /* Hero 四角 HUD 角标：四角各一枚「固定尺寸」直角标，
     不再用 preserveAspectRatio='none' 整块拉伸（那样横臂会被拉长、四角大小不一，很别扭）。 */
  .hero-corner{
    position:absolute;inset:14px;z-index:1;pointer-events:none;
    background-repeat:no-repeat;
    background-size:24px 24px;
    background-position:left top,right top,left bottom,right bottom;
    background-image:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M2 14 V2 H14' fill='none' stroke='rgba(46,230,168,.55)' stroke-width='2'/%3E%3C/svg%3E"),
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M10 2 H22 V14' fill='none' stroke='rgba(46,230,168,.55)' stroke-width='2'/%3E%3C/svg%3E"),
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M2 10 V22 H14' fill='none' stroke='rgba(46,230,168,.55)' stroke-width='2'/%3E%3C/svg%3E"),
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M22 10 V22 H10' fill='none' stroke='rgba(46,230,168,.55)' stroke-width='2'/%3E%3C/svg%3E");
  }
  /* 主行动按钮：跟随箭头 + 悬停扫光 */
  .hero-actions .btn:first-child{display:inline-flex;align-items:center;overflow:hidden}
  .hero-actions .btn:first-child::after{
    content:'\2192';margin-left:9px;font-weight:700;line-height:1;
    transform:translateX(0);transition:transform .2s ease;
  }
  .hero-actions .btn:first-child:hover::after{transform:translateX(5px)}
  .hero-actions .btn:first-child::before{
    content:'';position:absolute;top:0;left:-60%;width:45%;height:100%;
    background:linear-gradient(105deg,transparent,rgba(255,255,255,.42),transparent);
    transform:skewX(-18deg);transition:left .55s ease;pointer-events:none;
  }
  .hero-actions .btn:first-child:hover::before{left:120%}

  /* ───────────── 面板 / 卡片 ───────────── */
  .panel{
    position:relative;background:var(--paper);border:1px solid var(--line-soft);
    border-radius:var(--r-lg);padding:26px 24px;margin-bottom:20px;box-shadow:var(--shadow-2);
  }
  .panel:not(.tech-dark)::before{
    content:'';position:absolute;left:24px;top:0;width:46px;height:3px;border-radius:0 0 3px 3px;
    background:linear-gradient(90deg,var(--teal),var(--blue));
  }
  .panel h2{
    position:relative;font-size:17px;margin-bottom:14px;padding-left:13px;color:var(--ink-2);letter-spacing:.3px;
  }
  .panel h2::before{
    content:'';position:absolute;left:0;top:.3em;bottom:.3em;width:3px;border-radius:3px;
    background:linear-gradient(180deg,var(--teal),var(--blue));
    box-shadow:0 0 10px rgba(46,230,168,.55);
  }
  .panel h2{font-size:19px;margin-bottom:16px}
  /* 分区标题行：汉字标题居左 + 右上角「更多」入口（原英文 eyebrow 小标题已移除） */
  .sec-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
  .sec-head h2{margin:0;padding-left:13px}
  /* 三个标题竖杠统一为固定尺寸居中，避免「行业资讯」因行高不同导致竖杠偏短 */
  .sec-head h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);
    width:3px;height:20px;border-radius:3px;background:linear-gradient(180deg,var(--teal),var(--blue));
    box-shadow:0 0 10px rgba(46,230,168,.55)}
  /* 分区之间的呼吸感 */
  #page-home .panel + .panel{margin-top:4px}
  .panel.tech-dark{
    background:
      radial-gradient(620px 240px at 90% -10%, rgba(46,230,168,.16), transparent 60%),
      linear-gradient(160deg,#0B2620 0%,#071A15 60%,#04120E 100%);
    border-color:rgba(46,230,168,.22);
    box-shadow:0 30px 70px -44px rgba(4,18,14,.9), inset 0 1px 0 rgba(46,230,168,.12);
  }
  /* 该面板现只承载「常见问题 & 交易风险提示」模块（原收费文案已移除） */

  /* ───────────── 深色面板（背景配方与 Hero 一致，用于 最新智算租赁 / 最新硬件买卖 / 智算资讯 / 对接流程） ───────────── */
  .panel.dark{
    position:relative;overflow:hidden;
    border-color:rgba(46,230,168,.22);
    background-image:
      linear-gradient(rgba(46,230,168,.07) 1px,transparent 1px),
      linear-gradient(90deg,rgba(46,230,168,.07) 1px,transparent 1px),
      radial-gradient(720px 320px at 86% -22%, rgba(46,230,168,.22), transparent 62%),
      radial-gradient(560px 280px at 4% 122%, rgba(77,163,255,.18), transparent 66%),
      linear-gradient(158deg,#0B2620 0%,#071A15 46%,#04120E 100%);
    background-size:44px 44px,44px 44px,auto,auto,auto;
    box-shadow:0 36px 80px -42px rgba(4,18,14,.95), inset 0 1px 0 rgba(46,230,168,.14);
  }
  .panel.dark h2{color:#EAF7F2}
  .panel.dark .btn.ghost{color:#DCEEE8;border-color:rgba(46,230,168,.5);background:rgba(46,230,168,.06)}
  .panel.dark .btn.ghost:hover{color:#FFFFFF;background:rgba(46,230,168,.16);
    box-shadow:0 0 0 1px rgba(46,230,168,.55),0 10px 26px -8px rgba(46,230,168,.65)}
  /* 深色面板 · 最新需求卡片 */
  .panel.dark .lcard{
    background:rgba(255,255,255,.035);border-color:rgba(46,230,168,.18);
    box-shadow:inset 0 1px 0 rgba(46,230,168,.08);
  }
  .panel.dark .lcard:hover{
    background:rgba(46,230,168,.08);border-color:rgba(46,230,168,.5);
    box-shadow:0 0 0 1px rgba(46,230,168,.35),0 18px 40px -20px rgba(46,230,168,.55);
  }
  .panel.dark .lcard h3{color:#EAF7F2}
  .panel.dark .lcard .ldetail{color:rgba(219,235,230,.62)}
  .panel.dark .lcard .ldate{color:rgba(219,235,230,.42)}
  .panel.dark .lcard .lfoot{border-top-color:rgba(46,230,168,.18)}
  .panel.dark .lcard .lprice{color:var(--teal)}
  .panel.dark .lcard .lprice small{color:rgba(219,235,230,.5)}
  .panel.dark .lcard .lmeta{color:rgba(219,235,230,.5)}
  .panel.dark .lcard .ltag.demand{background:rgba(214,90,138,.16);color:#F4BBD0;border-color:rgba(214,90,138,.45)}
  .panel.dark .lcard .ltag.supply{background:rgba(46,230,168,.14);color:#8DF0CB;border-color:rgba(46,230,168,.45)}
  /* 深色面板 · 对接流程步骤 */
  .panel.dark .fstep{
    background:rgba(255,255,255,.035);border-color:rgba(46,230,168,.18);
    box-shadow:inset 0 1px 0 rgba(46,230,168,.08);
  }
  .panel.dark .fstep b{color:#EAF7F2}
  .panel.dark .fstep p{color:rgba(219,235,230,.62)}

  /* 首页 · 最新供需信息（卡片版式参考供需信息平台） */
  .latest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  .lcard{
    position:relative;display:flex;flex-direction:column;gap:11px;
    border:1px solid var(--line-soft);border-radius:var(--r-md);padding:16px 17px 14px;
    background:var(--paper);text-decoration:none;cursor:pointer;
    box-shadow:0 1px 2px rgba(0,0,0,.50),0 16px 34px -28px rgba(46,230,168,.22);
    transition:transform .2s ease,box-shadow .22s ease,border-color .22s ease;
  }
  .lcard:hover{transform:translateY(-3px);border-color:rgba(46,230,168,.45);box-shadow:var(--glow-md)}
  .lcard .ltop{display:flex;align-items:center;justify-content:space-between;gap:8px}
  .lcard .ltag{font-size:12px;font-weight:600;padding:3px 11px;border-radius:20px;letter-spacing:.3px;white-space:nowrap}
  .lcard .ltag.demand{background:rgba(214,90,138,.10);color:#993556;border:1px solid rgba(214,90,138,.35)}
  .lcard .ltag.supply{background:rgba(46,230,168,.10);color:#8DF0CB;border:1px solid rgba(46,230,168,.4)}
  .lcard .ldate{font-size:12px;color:var(--muted);font-family:var(--mono);white-space:nowrap}
  .lcard h3{font-size:16.5px;line-height:1.36;color:var(--ink-2);font-weight:700;letter-spacing:.2px}
  .lcard .ldetail{font-size:13px;color:var(--muted);line-height:1.7;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .lcard .lfoot{margin-top:auto;padding-top:12px;border-top:1px dashed var(--line-soft);
    display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}
  .lcard .lprice{font-size:17px;font-weight:800;color:#4FD3A4;letter-spacing:.2px}
  .lcard .lprice small{font-size:11.5px;font-weight:500;color:var(--muted);margin-left:3px}
  .lcard .lmeta{font-size:12px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}

  /* ───────────── 表单 ───────────── */
  label{display:block;font-size:13px;color:var(--muted);margin:12px 0 5px;letter-spacing:.2px}
  input,select,textarea{
    width:100%;padding:10px 12px;border:1px solid var(--line-soft);border-radius:var(--r-sm);
    font-size:14px;font-family:inherit;background:var(--paper);color:var(--ink);
    transition:border-color .2s ease,box-shadow .2s ease;
  }
  input::placeholder,textarea::placeholder{color:rgba(219,235,230,.38)}
  option{background:#0B201A;color:#DCEEE8}
  input:focus,select:focus,textarea:focus{
    outline:none;border-color:var(--teal-mid);
    box-shadow:0 0 0 3px rgba(46,230,168,.20);
  }
  textarea{resize:vertical;min-height:64px}
  .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}

  /* ───────────── 按钮 ───────────── */
  .btn{
    position:relative;
    background:linear-gradient(135deg,#2EE6A8 0%,#12B98A 55%,#0F9E76 100%);
    color:#04211A;border:1px solid rgba(46,230,168,.6);
    padding:11px 20px;border-radius:var(--r-sm);font-size:14px;cursor:pointer;font-weight:700;
    letter-spacing:.4px;transition:transform .18s ease,box-shadow .22s ease,filter .2s ease;
  }
  .btn:hover{
    transform:translateY(-1px);filter:brightness(1.05);
    box-shadow:0 0 0 1px rgba(46,230,168,.55),0 12px 28px -10px rgba(46,230,168,.75);
  }
  .btn:active{transform:translateY(0)}
  .btn.ghost{
    background:rgba(46,230,168,.05);color:var(--teal-deep);border:1px solid rgba(46,230,168,.45);
    font-weight:600;
  }
  .btn.ghost:hover{
    background:rgba(46,230,168,.12);color:var(--teal-deep);
    box-shadow:0 0 0 1px rgba(46,230,168,.5),0 10px 24px -12px rgba(46,230,168,.6);
  }
  .hero .btn.ghost{
    color:#DCEEE8;border-color:rgba(46,230,168,.5);background:rgba(46,230,168,.06);
  }
  .hero .btn.ghost:hover{
    color:#FFFFFF;background:rgba(46,230,168,.16);
    box-shadow:0 0 0 1px rgba(46,230,168,.55),0 0 26px -6px rgba(46,230,168,.6);
  }
  .btn.small{padding:8px 14px;font-size:13px}
  .btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}

  /* ───────────── 列表条目 ───────────── */
  /* ---- 服务流程 ---- */
  .flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
  .fstep{position:relative;background:var(--paper);border:1px solid var(--line-soft);border-radius:var(--r-md);
    padding:16px 14px 14px}
  .fstep::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;border-radius:3px 0 0 3px;
    background:linear-gradient(180deg,var(--teal),transparent)}
  .fstep .fn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;
    border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--teal-deep));color:#04120E;
    font-size:12px;font-weight:800;margin-bottom:8px}
  .fstep b{display:block;font-size:14px;color:var(--ink);margin-bottom:5px}
  .fstep p{font-size:12.5px;color:var(--muted);line-height:1.7}

  /* ---- 供需视角切换 ---- */
  .viewswitch{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;
    padding:10px 14px;border:1px solid var(--line-soft);border-radius:var(--r-md);background:var(--paper)}
  .viewswitch button{padding:6px 14px;border-radius:999px;border:1px solid var(--line);
    background:rgba(219,235,230,.06);color:var(--muted);font-size:13px;cursor:pointer;transition:all .2s}
  .viewswitch button:hover{border-color:var(--teal-mid);color:var(--teal-deep)}
  .viewswitch button.on{background:linear-gradient(135deg,var(--teal),var(--teal-deep));
    border-color:transparent;color:#04120E;font-weight:700;
    box-shadow:0 0 16px rgba(46,230,168,.3)}
  .viewswitch .vtip{font-size:12px;color:var(--muted);margin-left:auto}

  /* ---- 顶栏客服按钮 ---- */
  .linkbtn.hot{color:#8DF0CB;border-color:rgba(46,230,168,.45);background:rgba(46,230,168,.06);font-weight:600}
  .linkbtn.hot:hover{color:#FFFFFF;border-color:rgba(46,230,168,.75);background:rgba(46,230,168,.16)}
  .vh{width:1px;height:18px;background:var(--line);margin:0 2px}

  /* ---- 页脚 · 链接栏 ---- */
  .foot-cols{display:flex;gap:34px;flex-wrap:wrap}
  .foot-cols>div{display:flex;flex-direction:column;gap:5px;min-width:92px}
  .foot-cols b{font-size:12px;color:var(--teal-deep);letter-spacing:1px;margin-bottom:2px}
  /* 页脚链接可点高度 ≥24px（WCAG 2.5.8）：inline-block + 纵向 padding，
     桌面视觉密度不变，手机上不会出现 15-21px 的难命中目标 */
  .foot-cols a{display:inline-block;padding:5px 0;font-size:12.5px;color:var(--muted);text-decoration:none}
  .foot-cols a:hover{color:var(--teal-deep)}

  .list{display:grid;gap:13px}
  /* 首页资讯：纯文本标题流（标题行由 .sec-head 承载） */
  .news-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 32px}
  .news-item{display:flex;flex-direction:column;gap:4px;padding:13px 15px;
    border:1px solid var(--line-soft);border-left:3px solid rgba(46,230,168,.5);border-radius:var(--r-sm);
    background:var(--paper);text-decoration:none;color:var(--ink);
    transition:transform .18s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}
  .news-item:hover{transform:translateY(-2px);border-color:rgba(46,230,168,.45);
    background:linear-gradient(180deg,rgba(46,230,168,.06),transparent);box-shadow:var(--glow-sm)}
  .news-item .nt{font-size:15px;font-weight:700;line-height:1.4;color:var(--ink-2)}
  .news-item .nm{font-size:12px;color:var(--muted);font-family:var(--mono)}
  /* 资讯模块：深色背景由 .panel.dark 提供，内容为纯文本标题流（参考资讯门户） */
  .panel.news-dark .news-grid{gap:2px 40px}
  .panel.news-dark .news-item{
    display:flex;flex-direction:column;gap:3px;position:relative;
    padding:9px 0 9px 15px;border:none;border-radius:0;background:none;
    color:rgba(219,235,230,.86);transition:color .18s ease;
  }
  .panel.news-dark .news-item::before{
    content:'';position:absolute;left:0;top:17px;width:5px;height:5px;border-radius:50%;
    background:rgba(46,230,168,.5);transition:background .2s ease,box-shadow .2s ease;
  }
  .panel.news-dark .news-item .nt{font-size:14.5px;font-weight:600;line-height:1.5;color:inherit}
  .panel.news-dark .news-item .nm{font-size:12px;color:rgba(219,235,230,.42);font-family:var(--mono)}
  .panel.news-dark .news-item:hover{color:#FFFFFF}
  .panel.news-dark .news-item:hover .nt{color:var(--teal)}
  .panel.news-dark .news-item:hover::before{background:var(--teal);box-shadow:0 0 10px var(--teal)}
  .item{
    position:relative;border:1px solid var(--line-soft);border-left:3px solid var(--line-soft);
    border-radius:var(--r-md);
    padding:17px 20px;background:var(--paper);
    box-shadow:0 1px 2px rgba(0,0,0,.50), 0 16px 34px -28px rgba(46,230,168,.22);
    transition:transform .2s ease,box-shadow .22s ease,border-color .22s ease;
  }
  .item.biz-lease{border-left-color:rgba(46,230,168,.55)}
  .item.biz-hw{border-left-color:rgba(77,163,255,.55)}
  .item.clickable{cursor:pointer}
  /* 键盘焦点可见：role=button 的元素（信息卡/资讯卡/会话项） */
  [role="button"]:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:6px}
  .item.clickable:hover{
    transform:translateY(-3px);border-color:rgba(46,230,168,.45);
    box-shadow:var(--glow-md);
  }
  .item .top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
  .item h4{font-size:16.5px;margin:10px 0 6px;color:var(--ink-2);letter-spacing:.2px;font-weight:700}
  .item.clickable:hover h4{color:var(--teal-deep)}
  .item .meta{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
  .item .top .tag{margin-right:6px}
  .mine{border-color:rgba(46,230,168,.45);background:linear-gradient(180deg,rgba(46,230,168,.12),rgba(46,230,168,.04))}

  /* ───────────── 标签（保留原有语义色） ───────────── */
  .tag{
    display:inline-block;font-size:12px;padding:3px 11px;border-radius:20px;font-weight:600;
    border:1px solid transparent;letter-spacing:.3px;line-height:1.5;
  }
  .tag.lease{background:rgba(46,230,168,.14);color:#8DF0CB;border-color:rgba(46,230,168,.42)}
  .tag.hw{background:rgba(77,163,255,.14);color:#9CC8FF;border-color:rgba(77,163,255,.42)}
  .tag.token{background:rgba(250,199,117,.16);color:#F5C97A;border-color:rgba(250,199,117,.5)}
  .tag.supply{background:rgba(134,239,172,.12);color:#A8E6C0;border-color:rgba(134,239,172,.42)}
  .tag.demand{background:rgba(214,90,138,.14);color:#F4BBD0;border-color:rgba(214,90,138,.42)}
  .tag.pending{background:rgba(250,199,117,.14);color:#F5C97A}
  .tag.rejected{background:rgba(214,90,138,.14);color:#F4BBD0}
  .tag.offline,.tag.closed,.tag.deleted{background:rgba(219,235,230,.08);color:rgba(219,235,230,.55)}
  .tag.cat{background:rgba(219,235,230,.06);color:rgba(219,235,230,.60);border-color:rgba(219,235,230,.16);font-family:var(--mono);font-size:11px}

  /* ───────────── 筛选 / 分页 ───────────── */
  /* 信息大厅筛选行：分类/业务线/角色三个下拉已废除（四个平铺按钮即筛选），
     只留「当前筛选」提示 + 搜索框 + 搜索按钮 */
  .filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px;align-items:center}
  .filters input{padding:8px 12px;flex:1 1 260px;min-width:180px;background:var(--paper)}
  .mkt-cur{
    display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;
    font-size:12.5px;color:var(--muted);padding:7px 12px;border-radius:999px;
    border:1px solid var(--line-soft);background:rgba(46,230,168,.05);white-space:nowrap;
  }
  .mkt-cur b{color:var(--teal-deep);font-weight:700}
  .mkt-clear{color:var(--muted);text-decoration:none;font-size:11px;padding:1px 5px;border-radius:4px}
  .mkt-clear:hover{color:var(--up);background:rgba(255,107,107,.10)}
  .pager{display:flex;gap:12px;justify-content:center;align-items:center;margin-top:16px;font-size:13px;color:var(--muted)}
  .pager span{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--teal-deep);font-weight:600}

  /* ───────────── 表格 ───────────── */
  table{width:100%;border-collapse:collapse;font-size:13px;border-radius:var(--r-md);overflow:hidden}
  th,td{border:1px solid var(--line-soft);padding:11px 13px;text-align:left;font-variant-numeric:tabular-nums}
  th{
    background:linear-gradient(180deg,#0E2A22,#0A2019);color:var(--teal);width:130px;font-weight:600;
    letter-spacing:.3px;
  }
  tbody tr:nth-child(even) td{background:rgba(46,230,168,.022)}
  tr:hover td{background:rgba(46,230,168,.06)}
  #qTable td{font-family:var(--mono);font-size:12.5px}
  /* 行情表：深色表头 + 分组高亮，强化「大盘」观感 */
  #qTable tr:first-child th{
    background:linear-gradient(180deg,#0B2620,#071A15);color:#EAF7F2;
    border-color:rgba(46,230,168,.30);text-align:center;letter-spacing:1px;font-weight:700;
  }
  #qTable th[colspan]{
    background:rgba(46,230,168,.14)!important;color:#8DF0CB!important;font-weight:700;
    letter-spacing:1.5px;text-align:center;border-color:rgba(46,230,168,.30)!important;
  }
  /* 详情页 */
  #page-detail .panel h2{font-size:22px;letter-spacing:.4px}
  #dTable th{width:140px}
  #dTags{margin-bottom:14px}
  .detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}

  /* ───────────── 提示块 ───────────── */
  .agreement{
    white-space:pre-wrap;background:linear-gradient(180deg,rgba(46,230,168,.07),rgba(46,230,168,.02));
    border:1px solid rgba(46,230,168,.28);border-radius:var(--r-md);padding:18px;
    font-size:13px;line-height:1.85;color:rgba(219,235,230,.85);font-variant-numeric:tabular-nums;
  }
  .tip{font-size:12px;color:var(--muted);margin-top:8px}
  .tip a{color:var(--teal-deep)!important;font-weight:600}
  .lock{
    background:rgba(250,199,117,.09);border:1px solid rgba(250,199,117,.42);
    border-radius:var(--r-md);padding:14px;font-size:13px;color:#F2D9AC;margin-top:14px;
    box-shadow:inset 0 1px 0 rgba(250,199,117,.10);
  }
  .lock b{color:var(--amber)}
  .hintunit{font-size:11px;color:var(--muted)}
  /* 注册 · 勾选同意《服务协议》 */
  .chkline{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted);margin-top:14px;cursor:pointer}
  .chkline input{width:16px;height:16px;flex:none;accent-color:var(--teal);cursor:pointer}
  .chkline a{color:var(--teal)!important;text-decoration:none}
  .chkline a:hover{text-shadow:0 0 12px rgba(46,230,168,.8)}
  .empty{
    color:var(--muted);font-size:14px;text-align:center;padding:26px;
    border:1px dashed rgba(46,230,168,.28);border-radius:var(--r-md);background:rgba(46,230,168,.03);
  }
  .msg{padding:12px 16px;border-radius:var(--r-sm);font-size:13px;margin-bottom:14px}
  .msg.err{background:rgba(163,45,45,.07);color:var(--red);border:1px solid rgba(163,45,45,.3)}
  .msg.ok{background:rgba(46,230,168,.10);color:#8DF0CB;border:1px solid rgba(46,230,168,.42)}
  #banner:empty{display:none}
  #banner .msg{margin-bottom:16px}

  /* ───────────── Tabs / 其它 ───────────── */
  .tabs{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}
  .tabs button{
    padding:8px 13px;border:1px solid var(--line-soft);background:var(--paper);
    border-radius:var(--r-sm);cursor:pointer;font-size:13px;color:var(--muted);transition:.2s;
  }
  .tabs button:hover{border-color:rgba(46,230,168,.45);color:var(--teal-deep)}
  .tabs button.on{
    background:linear-gradient(180deg,rgba(46,230,168,.14),rgba(46,230,168,.06));
    border-color:rgba(46,230,168,.55);color:var(--teal-deep);font-weight:600;
    box-shadow:0 0 0 1px rgba(46,230,168,.25),0 8px 20px -12px rgba(46,230,168,.7);
  }
  .authwrap{max-width:420px}
  .inline{display:flex;gap:8px}
  .inline input{flex:1}
  .fieldhint{font-size:12px;margin-top:6px;color:var(--muted)}
  .fieldhint.bad{color:var(--red)}
  .fieldhint.good{color:var(--teal-deep);font-weight:600}

  /* 分类平铺：只有四个入口，卡片要撑得住，不再有分组标题行 */
  .catgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}
  .catgrid a{
    position:relative;overflow:hidden;
    display:flex;flex-direction:column;align-items:center;gap:10px;
    background:var(--paper);border:1px solid var(--line-soft);border-radius:var(--r-md);
    padding:26px 14px 22px;font-size:15px;color:var(--ink);text-decoration:none;font-weight:700;
    letter-spacing:.3px;
    transition:transform .22s ease,box-shadow .24s ease,border-color .22s ease,background .22s ease;
  }
  .catgrid a::after{ /* 序号水印 */
    content:attr(data-idx);position:absolute;right:14px;top:8px;
    font-family:var(--mono);font-size:34px;font-weight:800;line-height:1;
    color:rgba(46,230,168,.10);transition:color .25s ease;pointer-events:none;
  }
  .catgrid a:hover::after{color:rgba(46,230,168,.22)}
  .catgrid a .catico{
    width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;
    font-size:21px;font-weight:800;color:#04211A;
    background:linear-gradient(135deg,var(--teal),var(--teal-mid));
    box-shadow:0 10px 22px -10px rgba(46,230,168,.75);transition:transform .25s ease;
  }
  .catgrid a:hover .catico{transform:translateY(-2px) scale(1.05)}
  .catgrid a:hover{
    transform:translateY(-4px);border-color:rgba(46,230,168,.5);
    background:linear-gradient(180deg,rgba(46,230,168,.10),rgba(46,230,168,.03));
    color:var(--teal-deep);box-shadow:var(--glow-md);
  }
  .catgrid a span{line-height:1.3}
  /* 选中态：点过的分类按钮常亮，箭头常显，与 hover 区分（hover 是预览，on 是已选） */
  .catgrid a.on{
    border-color:rgba(46,230,168,.65);
    background:linear-gradient(180deg,rgba(46,230,168,.16),rgba(46,230,168,.05));
    color:var(--teal-deep);box-shadow:var(--glow-md);
  }
  .catgrid a.on::after{color:rgba(46,230,168,.30)}
  .catgrid a.on .cat-arrow{opacity:1;transform:translateX(0);color:var(--teal)}
  .catgrid a.on .catico{box-shadow:0 10px 26px -8px rgba(46,230,168,.95)}
  .catgrid a .cat-arrow{
    position:absolute;right:15px;bottom:13px;font-size:17px;color:var(--teal-mid);
    opacity:0;transform:translateX(-6px);transition:.25s ease;
  }
  .catgrid a:hover .cat-arrow{opacity:1;transform:translateX(0)}
  /* 业务线角标：平铺后靠它区分「租赁」还是「买卖」 */
  .catbadge{
    font-style:normal;font-size:11px;font-weight:600;letter-spacing:.5px;
    padding:2px 9px;border-radius:999px;white-space:nowrap;
  }
  .catbadge.lease{background:rgba(46,230,168,.16);color:#8DF0CB;border:1px solid rgba(46,230,168,.4)}
  .catbadge.hw{background:rgba(250,199,117,.18);color:#F5C97A;border:1px solid rgba(250,199,117,.45)}
  .catbadge.token{background:rgba(214,90,138,.14);color:#F4BBD0;border:1px solid rgba(214,90,138,.34)}

  /* ───────────── Footer ───────────── */
  footer{
    border-top:1px solid rgba(46,230,168,.18);margin-top:0;
    background:linear-gradient(180deg,#071A15,#04120E);
  }
  /* 服务承诺条：图标 + 一句话机制说明（不写绝对承诺） */
  .fp-row{
    max-width:var(--mxw);margin:0 auto;padding:22px 24px 18px;
    display:grid;grid-template-columns:repeat(4,1fr);gap:14px;
    border-bottom:1px solid rgba(46,230,168,.10);
  }
  .fp{display:flex;align-items:flex-start;gap:10px}
  .fp svg{width:26px;height:26px;color:var(--teal-deep);flex:none;margin-top:1px}
  .fp b{display:block;font-size:13px;color:var(--ink-2);margin-bottom:2px}
  .fp span{font-size:11.5px;color:var(--muted);line-height:1.6}
  /* 链接栏 + 二维码 / 客服热线 */
  .foot{
    max-width:var(--mxw);margin:0 auto;padding:20px 24px;
    font-size:12px;color:rgba(219,235,230,.58);
    display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;
  }
  .foot a{color:var(--teal-deep);text-decoration:none}
  .foot a:hover{color:var(--teal-soft);text-shadow:0 0 12px rgba(46,230,168,.8)}
  .foot-contact{display:flex;gap:18px;align-items:flex-start}
  .foot-qr{text-align:center}
  .foot-qr img{width:104px;height:104px;border-radius:10px;background:#fff;padding:5px;
    border:1px solid rgba(46,230,168,.25);display:block}
  .foot-qr b{display:block;font-size:12px;color:var(--ink);margin-top:6px}
  .foot-qr span{font-size:11px;color:var(--muted)}
  .foot-tel{display:flex;flex-direction:column;gap:3px;padding-top:4px}
  .ft-label{font-size:12px;color:var(--muted)}
  .ft-num{font-size:22px;font-weight:700;color:var(--teal-soft);letter-spacing:.5px;
    font-family:var(--mono);line-height:1.25}
  .ft-num:hover{text-shadow:0 0 14px rgba(46,230,168,.7)}
  .ft-chat{align-self:flex-start;margin-top:6px;padding:6px 16px;border-radius:999px;cursor:pointer;
    border:1px solid rgba(46,230,168,.45);background:rgba(46,230,168,.08);
    color:var(--teal-soft);font-size:12.5px;font-family:inherit;transition:all .2s}
  .ft-chat:hover{background:rgba(46,230,168,.18);color:#FFFFFF;border-color:rgba(46,230,168,.75)}
  .ft-tip{font-size:11.5px;color:rgba(219,235,230,.45)}
  /* 法规栏：品牌 / 版权 / 备案号（合并为一行，居中；窄屏自动换行） */
  .foot-legal{
    max-width:var(--mxw);margin:0 auto;padding:12px 24px 22px;
    border-top:1px solid rgba(46,230,168,.10);
    display:flex;flex-wrap:wrap;justify-content:center;align-items:center;row-gap:4px;
    font-size:11.5px;color:rgba(219,235,230,.45);letter-spacing:.3px;text-align:center;
  }
  .foot-legal .fl-brand{color:rgba(219,235,230,.62);font-size:12px}
  .foot-legal span:empty{display:none}
  /* 除第一项外前缀分隔点：换行时点跟着后一项走，不会孤零零留在行尾 */
  .foot-legal span:not(:first-child)::before{
    content:'·';margin:0 12px;color:rgba(219,235,230,.28);
  }
  .foot-legal a{display:inline-block;padding:4px 0;color:rgba(219,235,230,.55);text-decoration:none}
  .foot-legal a:hover{color:var(--teal-deep);text-shadow:0 0 12px rgba(46,230,168,.8)}

  /* 「常见问题 & 交易风险提示」模块（两列） */
  .panel.tech-dark .helpmix{margin-top:0}
  .panel.tech-dark .helpmix .hm-head{display:flex;align-items:center;gap:10px;font-size:14px;letter-spacing:1.5px;color:var(--teal);margin-bottom:14px}
  .panel.tech-dark .helpmix .hm-head::before{content:'';width:20px;height:1.5px;background:var(--teal);box-shadow:0 0 8px rgba(46,230,168,.6)}
  /* 两列：左列「常见问题」、右列「交易风险提示」，逐行对齐 */
  .panel.tech-dark .mixgrid{display:grid;grid-template-columns:1fr 1fr;gap:9px 14px;align-items:start}
  .panel.tech-dark .mixq{list-style:none;display:grid;gap:9px;align-content:start}
  /* 手风琴：点击标题就地展开详情（替代原弹窗） */
  .panel.tech-dark .qi{border:1px solid rgba(46,230,168,.14);border-radius:10px;background:rgba(46,230,168,.04);transition:border-color .2s,background .2s}
  .panel.tech-dark .qi.open{border-color:rgba(46,230,168,.42);background:rgba(46,230,168,.09)}
  .panel.tech-dark .qhead{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;padding:9px 12px;border:none;background:none;cursor:pointer;font-family:inherit;font-size:13px;line-height:1.5;color:rgba(219,235,230,.82);transition:color .2s}
  .panel.tech-dark .qhead:hover{color:var(--teal)}
  .panel.tech-dark .qi.open .qhead{color:var(--teal)}
  .panel.tech-dark .qic{flex:none;width:7px;height:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg);transition:transform .25s ease;opacity:.7}
  .panel.tech-dark .qi.open .qic{transform:rotate(-135deg)}
  .panel.tech-dark .qbody{max-height:0;overflow:hidden;transition:max-height .3s ease}
  .panel.tech-dark .qi.open .qbody{max-height:420px}
  .panel.tech-dark .qbody p{margin:0;padding:0 12px 11px;font-size:12.5px;line-height:1.75;color:rgba(219,235,230,.62)}

  /* ───────────── 动效（尊重系统减弱动效设置） ───────────── */
  @media (prefers-reduced-motion: no-preference){
    @keyframes slhGridDrift{ from{background-position:0 0,0 0} to{background-position:44px 44px,44px 44px} }
    @keyframes slhScan{ 0%{top:-2%;opacity:0} 12%{opacity:.55} 88%{opacity:.55} 100%{top:102%;opacity:0} }
    @keyframes slhPulse{ 0%,100%{opacity:.42;transform:scale(1)} 50%{opacity:.68;transform:scale(1.08)} }
    .hero-bg{animation:slhGridDrift 22s linear infinite}
    .hero-scan{animation:slhScan 8s ease-in-out infinite}
    .hero-glow{animation:slhPulse 10s ease-in-out infinite}
    .hero-glow-b{animation-delay:-4s}
    @keyframes slhSpin{ to{transform:rotate(360deg)} }
    .hero-ring::before{animation:slhSpin 28s linear infinite}
    .hero-ring::after{animation:slhSpin 42s linear infinite reverse}
  }

  /* ───────────── 响应式 ───────────── */
  @media (max-width:780px){
    .latest-grid{grid-template-columns:repeat(2,1fr)} .row{grid-template-columns:1fr}
    .catgrid{grid-template-columns:repeat(2,1fr)}
    .bar{padding:10px 14px;gap:10px}
    .logo{font-size:16px;letter-spacing:1px}
    .userbox{margin-left:auto;gap:8px;font-size:12px}
    .authbtn{padding:6px 13px;font-size:12px}
    .linkbtn{padding:5px 10px;font-size:12px}
    .whome{max-width:132px;padding:3px 11px 3px 3px}
    .whome #whoText{font-size:12px}
    .whome .avatar{width:23px;height:23px;font-size:12px}
    nav a{padding:6px 9px;font-size:12.5px}
    main{padding:18px 14px 0}
    .hero{padding:34px 22px;border-radius:var(--r-md)}
    .hero h1{font-size:30px;line-height:1.32}
    .hero p{font-size:13.5px}
    .hero-cats{margin-top:24px;gap:10px}
    .hero-cat-btn{flex:1 1 calc(50% - 5px);min-width:0;padding:13px 16px;font-size:14px}
    .hero-ring{width:340px;height:340px;right:-110px;opacity:.45}
    .hero-corner{inset:10px;background-size:20px 20px}
    .news-grid{grid-template-columns:1fr}
    .panel.news-dark .news-grid{gap:4px}
    .panel{padding:20px 16px}
    .foot{flex-direction:column;align-items:flex-start}
    .foot-contact{width:100%}
    .flow{grid-template-columns:repeat(2,1fr)}
    .viewswitch .vtip{margin-left:0;flex-basis:100%}
    .foot-cols{gap:22px}
    .fp-row{grid-template-columns:1fr 1fr}
    /* iOS Safari：表单控件字号 <16px 时聚焦会自动放大页面，手机端统一提到 16px */
    input,select,textarea{font-size:16px}
  }
  @media (max-width:560px){
    .flow{grid-template-columns:1fr}
    .latest-grid{grid-template-columns:1fr}
    .panel.tech-dark .mixgrid{grid-template-columns:1fr}
    .hero-ring{display:none}
  }
  @media (max-width:420px){
    .catgrid{grid-template-columns:repeat(2,1fr)}
    /* 窄屏：搜索框独占一行，「当前筛选」与按钮各占一行，避免三项挤在一行折断 */
    .filters input{flex:1 1 100%;min-width:0}
    .mkt-cur{flex:1 1 100%;justify-content:center}
    .filters .btn{flex:1 1 100%}
    .hero-actions .btn{flex:1 1 auto}
    .vh{display:none}
    .whome{max-width:104px}
  }

  /* ───────── 站内客服会话框（替代企业微信跳转） ───────── */
  .chat-layout{display:grid;grid-template-columns:300px 1fr;gap:18px;align-items:start}
  .chat-list{background:var(--paper);border:1px solid var(--line-dark);border-radius:var(--r-lg);overflow:hidden}
  .chat-list-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line-dark)}
  .chat-list-head h3{font-size:15px;margin:0}
  .chat-convs{max-height:64vh;overflow-y:auto}
  .chat-conv{padding:12px 16px;border-bottom:1px solid var(--line-dark);cursor:pointer;transition:background .15s}
  .chat-conv:hover{background:var(--green-50)}
  .chat-conv.on{background:rgba(46,230,168,.10);box-shadow:inset 3px 0 0 var(--teal)}
  .chat-conv .c-title{font-size:13.5px;font-weight:600;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .chat-conv .c-meta{font-size:12px;color:var(--muted);margin-top:4px;display:flex;justify-content:space-between;gap:8px}
  .chat-conv .c-badge{font-size:11px;padding:1px 7px;border-radius:10px;background:var(--green-50);color:var(--teal-deep)}
  .chat-main{background:var(--paper);border:1px solid var(--line-dark);border-radius:var(--r-lg);min-height:64vh;display:flex;flex-direction:column;overflow:hidden}
  .chat-empty{margin:auto;text-align:center;color:var(--muted);padding:48px 24px;font-size:14px}
  .chat-empty .btn{margin-top:16px}
  .chat-thread{display:flex;flex-direction:column;height:64vh}
  .chat-source{margin:14px 16px 0;padding:12px 14px;border:1px dashed var(--line);border-radius:var(--r-md);background:rgba(7,26,21,.5);font-size:13px}
  .chat-source .s-title{font-weight:700;color:var(--teal);margin-bottom:6px}
  .chat-source .s-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:4px 14px;color:var(--muted)}
  .chat-msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}
  .msg-row{display:flex;gap:10px;align-items:flex-end}
  .msg-row.mine{flex-direction:row-reverse}
  .msg-row .bubble{max-width:72%;padding:9px 13px;border-radius:14px;font-size:14px;line-height:1.6;word-break:break-word;white-space:pre-wrap}
  .msg-row.mine .bubble{background:linear-gradient(135deg,rgba(46,230,168,.22),rgba(77,163,255,.18));color:var(--ink-2);border:1px solid rgba(46,230,168,.30);border-bottom-right-radius:4px}
  .msg-row.cs .bubble{background:rgba(255,255,255,.05);color:var(--ink);border:1px solid var(--line-dark);border-bottom-left-radius:4px}
  .msg-row.sys{justify-content:center}
  .msg-row.sys .bubble{background:transparent;color:var(--muted);font-size:12px;text-align:center;white-space:normal}
  .msg-time{font-size:11px;color:var(--muted);margin-top:3px;flex-shrink:0}
  .chat-compose{display:flex;gap:10px;padding:12px 14px;border-top:1px solid var(--line-dark);align-items:flex-end}
  .chat-compose textarea{flex:1;min-height:44px;max-height:120px;resize:none;background:var(--deep-800);border:1px solid var(--line-dark);border-radius:10px;color:var(--ink);padding:10px 12px;font-family:inherit;font-size:14px}
  .chat-compose textarea:focus{outline:none;border-color:rgba(46,230,168,.5);box-shadow:0 0 0 2px rgba(46,230,168,.15)}
  @media (max-width:760px){
    .chat-layout{grid-template-columns:1fr}
    .chat-convs{max-height:34vh}
    .chat-thread{height:auto;min-height:50vh}
    /* 同上：聊天输入框在手机上也要 16px，否则 iOS 聚焦即放大 */
    .chat-compose textarea{font-size:16px}
    /* 搜索框用原生 search 键盘（带"搜索"键），外观与站内输入框统一 */
    #fQ{-webkit-appearance:none;appearance:none}
  }
</style>