:root{
    --c-ink:#0b1020;
    /* 主色：蓝 + 橙 */
    --c-blue:#3b5bff;
    --c-blue-d:#2742d6;
    --c-orange:#ff6a2c;
    --c-orange-d:#e85a1a;
    --c-orange-l:#ffb020;
    /* 过渡色：紫 + 青（仅用于渐变过渡） */
    --c-purple:#8b3df0;
    --c-cyan:#00c9e4;
    --c-primary:var(--c-blue);
    --c-primary-d:var(--c-blue-d);
    --c-accent:var(--c-orange);
    --c-accent-2:var(--c-orange-l);
    --c-bg:#ffffff;
    --c-bg-soft:#f3f5ff;
    --c-line:#e6e9f5;
    --c-muted:#5b6280;
    --shadow:0 18px 50px -20px rgba(11,16,32,.35);
    --glow-blue:color-mix(in srgb, var(--c-blue) 45%, transparent);
    --glow-orange:color-mix(in srgb, var(--c-orange) 35%, transparent);
    --radius:18px;
    --maxw:1180px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Segoe UI",sans-serif;
    color:var(--c-ink);
    background:var(--c-bg);
    line-height:1.7;
    -webkit-font-smoothing:antialiased;
  }
  a{color:inherit;text-decoration:none}
  img{max-width:100%;display:block}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
  .btn{
    display:inline-flex;align-items:center;gap:8px;
    padding:13px 26px;border-radius:999px;font-weight:600;font-size:15px;
    cursor:pointer;border:1.5px solid transparent;transition:.25s;white-space:nowrap;
  }
  .btn-primary{background:linear-gradient(135deg,var(--c-blue),var(--c-orange));color:#fff;box-shadow:0 12px 26px -10px var(--glow-blue)}
  .btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 34px -10px var(--glow-blue)}
  .btn-ghost{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.35)}
  .btn-ghost:hover{background:rgba(255,255,255,.2)}
  .btn-outline{background:#fff;color:var(--c-primary);border-color:var(--c-primary)}
  .btn-outline:hover{background:var(--c-primary);color:#fff}
  .section{padding:96px 0}
  .section-head{text-align:center;max-width:720px;margin:0 auto 56px}
  .eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--c-primary);background:var(--c-bg-soft);padding:6px 16px;border-radius:999px;margin-bottom:18px}
  .section-head h2{font-size:34px;line-height:1.3;letter-spacing:-.01em}
  .section-head p{color:var(--c-muted);margin-top:14px;font-size:16px}

  /* NAV */
  header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--c-line)}
  .nav{display:flex;align-items:center;justify-content:space-between;height:68px}
  .logo{display:flex;align-items:center;gap:11px}
  .logo img{height:48px;width:auto;object-fit:contain}
  .nav-links{display:flex;gap:34px;align-items:center}
  .nav-links a{font-size:15px;color:var(--c-ink);font-weight:500;position:relative;padding:6px 0}
  .nav-links a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--c-primary);transition:.25s}
  .nav-links a:hover::after{width:100%}
  .nav-cta{display:flex;align-items:center;gap:14px}
  .hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px}
  .hamburger span{width:24px;height:2px;background:var(--c-ink);border-radius:2px;transition:.25s}

  /* HERO */
  .hero{
    position:relative;overflow:hidden;
    color:#fff;padding:110px 0 120px;
    background:#0a0e1a;
  }
  /* organic blobs */
  .hero::before,.hero::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
  .hero::before{
    width:700px;height:600px;top:-120px;left:-80px;
    background:radial-gradient(ellipse at 30% 40%,color-mix(in srgb, var(--c-blue) 65%, transparent),color-mix(in srgb, var(--c-purple) 40%, transparent) 55%,transparent 75%);
    filter:blur(0px);
  }
  .hero::after{
    width:560px;height:520px;bottom:-140px;right:-100px;
    background:radial-gradient(ellipse at 65% 35%,color-mix(in srgb, var(--c-orange) 50%, transparent),color-mix(in srgb, var(--c-cyan) 30%, transparent) 55%,transparent 75%);
    filter:blur(0px);
  }
  .hero-blob-mid{
    position:absolute;width:420px;height:380px;top:auto;bottom:60px;left:28%;
    border-radius:38% 62% 58% 42% / 52% 48% 52% 48%;
    background:linear-gradient(135deg,color-mix(in srgb, var(--c-blue) 20%, transparent),color-mix(in srgb, var(--c-orange) 15%, transparent));
    filter:blur(24px);pointer-events:none
  }
  .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center;position:relative}
  .hero .tag{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#cdd6ff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);padding:7px 15px;border-radius:999px;margin-bottom:22px}
  .hero h1{font-size:48px;line-height:1.18;letter-spacing:-.02em;font-weight:800}
  .hero h1 .hl{background:linear-gradient(120deg,var(--c-orange-l),var(--c-orange));-webkit-background-clip:text;background-clip:text;color:transparent}
  .hero p.lead{margin-top:22px;font-size:18px;color:#d7ddf6;max-width:520px}
  .hero-cta{margin-top:34px;display:flex;gap:16px;flex-wrap:wrap}
  .hero-mini{margin-top:30px;display:flex;gap:26px;flex-wrap:wrap;color:#cdd6ff;font-size:14px}
  .hero-mini b{color:#fff;font-size:18px;display:block}
  .hero-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:30px;backdrop-filter:blur(8px);box-shadow:var(--shadow)}
  .hero-card h3{font-size:17px;margin-bottom:18px;display:flex;align-items:center;gap:9px}
  .hero-card .stat-big{font-size:42px;font-weight:800;background:linear-gradient(120deg,var(--c-orange-l),var(--c-orange));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
  .hero-card .stat-sub{color:#cdd6ff;font-size:14px;margin-top:6px}
  .hero-card .divider{height:1px;background:rgba(255,255,255,.14);margin:20px 0}
  .hero-card ul{list-style:none;display:flex;flex-direction:column;gap:12px}
  .hero-card li{display:flex;align-items:center;gap:10px;font-size:14px;color:#e6eaff}
  .hero-card li svg{flex:none}

  /* STATS */
  .stats{background:var(--c-bg-soft);border-bottom:1px solid var(--c-line)}
  .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:54px 0}
  .stat{text-align:center}
  .stat .num{font-size:44px;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,var(--c-blue),var(--c-orange));-webkit-background-clip:text;background-clip:text;color:transparent}
  .stat .num .suf{font-size:24px}
  .stat .label{color:var(--c-muted);margin-top:8px;font-size:15px;font-weight:500}

  /* BUSINESS */
  .biz-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
  .biz{background:#fff;border:1px solid var(--c-line);border-radius:var(--radius);padding:34px;transition:.28s;position:relative;overflow:hidden}
  .biz:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent}
  .biz .ic{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;color:#fff;margin-bottom:20px;background:linear-gradient(135deg,var(--c-blue),var(--c-blue-d))}
  .biz:nth-child(2) .ic{background:linear-gradient(135deg,var(--c-orange),var(--c-orange-d))}
  .biz:nth-child(3) .ic{background:linear-gradient(135deg,#16b88a,#0e9f74)}
  .biz:nth-child(4) .ic{background:linear-gradient(135deg,var(--c-purple),#d946ef)}
  .biz h3{font-size:21px;margin-bottom:10px}
  .biz p{color:var(--c-muted);font-size:15px}
  .biz .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
  .biz .tags span{font-size:13px;background:var(--c-bg-soft);color:var(--c-primary-d);padding:5px 12px;border-radius:999px;font-weight:600}

  /* ABOUT */
  .about{background:var(--c-bg-soft)}
  .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}
  .about-visual{position:relative;height:420px;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#0a0e1a,var(--c-blue));box-shadow:var(--shadow)}
  .about-visual .float{position:absolute;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:16px 20px;color:#fff;backdrop-filter:blur(6px)}
  .about-visual .f1{top:36px;left:36px}
  .about-visual .f2{bottom:120px;right:36px}
  .about-visual .f3{bottom:36px;left:36px}
  .about-visual .float b{font-size:24px;display:block}
  .about-visual .float span{font-size:13px;color:#d7ddf6}
  .about h2{font-size:32px;line-height:1.3;letter-spacing:-.01em}
  .about p{color:var(--c-muted);margin-top:18px;font-size:16px}
  .about .hl{color:var(--c-primary-d);font-weight:700}
  .about-list{list-style:none;margin-top:24px;display:flex;flex-direction:column;gap:14px}
  .about-list li{display:flex;gap:12px;align-items:flex-start;font-size:15px}
  .about-list li svg{flex:none;margin-top:3px;color:var(--c-primary)}

  /* PARTNERS */
  /* HONORS */
  .honors{background:var(--c-bg-soft)}
  .honor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .honor{background:#fff;border:1px solid var(--c-line);border-radius:var(--radius);padding:28px;display:flex;gap:16px;align-items:flex-start;transition:.25s}
  .honor:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
  .honor .badge{width:46px;height:46px;border-radius:12px;flex:none;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--c-blue),var(--c-orange))}
  .honor h4{font-size:16px;margin-bottom:6px}
  .honor p{color:var(--c-muted);font-size:14px}

  /* NEWS */
  .news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  .news{background:#fff;border:1px solid var(--c-line);border-radius:var(--radius);overflow:hidden;transition:.28s;display:flex;flex-direction:column;position:relative}
  .news:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
    .news .cover{height:160px;background:linear-gradient(135deg,var(--c-blue),var(--c-purple))}
    .news:nth-child(2) .cover{background:linear-gradient(135deg,var(--c-orange),var(--c-orange-l))}
  .news:nth-child(3) .cover{background:linear-gradient(135deg,#16b88a,#0e9f74)}
  .news .body{padding:22px}
  .news .date{font-size:13px;color:var(--c-primary);font-weight:700}
  .news h4{font-size:17px;margin:8px 0 10px;line-height:1.4}
  .news p{color:var(--c-muted);font-size:14px}
  .news .more{margin-top:14px;color:var(--c-primary);font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:6px}
  .news-order{position:absolute;top:12px;left:12px;z-index:2;width:34px;height:34px;border-radius:10px;background:rgba(10,14,26,.5);backdrop-filter:blur(4px);color:#fff;font-weight:800;font-size:15px;display:grid;place-items:center;letter-spacing:.5px}
  .news-skeleton{grid-column:1/-1;text-align:center;color:var(--c-muted);padding:40px;font-size:15px}

  /* CONTACT */
  .contact{background:linear-gradient(135deg,#0a0e1a,#121832);color:#fff;position:relative;overflow:hidden}
  .contact::before{content:"";position:absolute;inset:0;background:radial-gradient(500px 300px at 90% 10%,var(--glow-orange),transparent 60%)}
  .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;position:relative}
  .contact h2{font-size:32px;line-height:1.3}
  .contact p.lead{color:#cdd6ff;margin-top:16px;font-size:16px;max-width:440px}
  .contact-info{margin-top:30px;display:flex;flex-direction:column;gap:18px}
  .contact-info .row{display:flex;gap:14px;align-items:flex-start}
  .contact-info .row .ic{width:42px;height:42px;border-radius:11px;background:rgba(255,255,255,.1);display:grid;place-items:center;flex:none}
  .contact-info .row b{font-size:15px;display:block}
  .contact-info .row span{color:#cdd6ff;font-size:14px}
  .form{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:30px}
  .form h3{font-size:18px;margin-bottom:20px}
  .field{margin-bottom:16px}
  .field label{display:block;font-size:13px;color:#cdd6ff;margin-bottom:7px}
  .field input,.field textarea{width:100%;padding:12px 14px;border-radius:11px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:14px;font-family:inherit;outline:none;transition:.2s}
  .field input::placeholder,.field textarea::placeholder{color:#9aa6d6}
  .field input:focus,.field textarea:focus{border-color:var(--c-accent);background:rgba(255,255,255,.12)}
  .field textarea{resize:vertical;min-height:96px}
  .form .btn-primary{width:100%;justify-content:center;margin-top:6px}
  .field-row{display:flex;gap:14px;margin-bottom:16px}
  .field-row .field{flex:1;margin-bottom:0}

  /* FOOTER */
  footer{background:#070d24;color:#aab2d6;padding:54px 0 28px}
  .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}
  footer .logo{color:#fff;margin-bottom:16px}
  footer .logo small{color:#8b94c0}
  footer p.desc{font-size:14px;max-width:300px}
  footer h5{color:#fff;font-size:15px;margin-bottom:16px}
  footer ul{list-style:none;display:flex;flex-direction:column;gap:11px}
  footer ul a{font-size:14px;color:#aab2d6;transition:.2s}
  footer ul a:hover{color:#fff}
  .foot-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px;color:#7c85b3}


  .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
  .reveal.in{opacity:1;transform:none}
  .hidden{display:none!important}

  @media(max-width:960px){
    .hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:36px}
    .biz-grid,.news-grid,.honor-grid,.foot-grid{grid-template-columns:repeat(2,1fr)}
    .stats-grid{grid-template-columns:repeat(2,1fr);gap:34px 20px}
    .nav-links{position:fixed;top:68px;left:0;right:0;background:#fff;flex-direction:column;gap:0;padding:10px 24px 24px;border-bottom:1px solid var(--c-line);transform:translateY(-120%);transition:.3s;box-shadow:var(--shadow)}
    .nav-links.open{transform:none}
    .nav-links a{padding:14px 0;width:100%;border-bottom:1px solid var(--c-line)}
    .hamburger{display:flex}
    .nav-cta .btn-outline{display:none}
    .hero h1{font-size:36px}
    .section{padding:70px 0}
    .section-head h2{font-size:27px}
  }
  @media(max-width:560px){
    .biz-grid,.news-grid,.honor-grid,.foot-grid{grid-template-columns:1fr}
  .leader-grid,.client-grid{grid-template-columns:1fr}
    .hero h1{font-size:30px}
    .stat .num{font-size:36px}
  }

  /* ===== 内页通用 ===== */
  .page-banner{background:linear-gradient(135deg,#0a0e1a,var(--c-blue));color:#fff;padding:92px 0 72px;position:relative;overflow:hidden}
  .page-banner::before{content:"";position:absolute;inset:0;background:radial-gradient(520px 320px at 85% 0,color-mix(in srgb, var(--c-orange) 32%, transparent),transparent 60%)}
  .page-banner .wrap{position:relative}
  .breadcrumb{font-size:13px;color:#aab2d6;margin-bottom:16px}
  .breadcrumb a{color:#cdd6ff}
  .breadcrumb a:hover{color:#fff}
  .page-banner h1{font-size:42px;font-weight:800;letter-spacing:-.02em}
  .page-banner p{color:#cdd6ff;margin-top:14px;font-size:17px;max-width:660px}

  /* 发展历程 timeline */
  .timeline{position:relative;margin-top:36px;padding-left:30px}
  .timeline::before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--c-blue),var(--c-orange))}
  .tl-item{position:relative;padding-bottom:32px}
  .tl-item::before{content:"";position:absolute;left:-30px;top:4px;width:17px;height:17px;border-radius:50%;background:var(--c-blue);border:3px solid #fff;box-shadow:0 0 0 3px color-mix(in srgb, var(--c-blue) 22%, transparent)}
  .tl-item .yr{font-weight:800;color:var(--c-blue);font-size:16px}
  .tl-item h4{font-size:18px;margin:4px 0 8px}
  .tl-item p{color:var(--c-muted);font-size:15px}

  /* 列表模式 list-page */
  .list-page{display:flex;flex-direction:column;gap:18px}
  .list-item{display:flex;gap:22px;background:#fff;border:1px solid var(--c-line);border-radius:var(--radius);padding:26px 28px;transition:.25s;align-items:flex-start}
  .list-item:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:transparent}
  .list-item .li-no{font-size:30px;font-weight:800;background:linear-gradient(135deg,var(--c-blue),var(--c-orange));-webkit-background-clip:text;background-clip:text;color:transparent;flex:none;min-width:56px;line-height:1}
  .list-item .li-body{flex:1}
  .list-item .li-meta{font-size:13px;color:var(--c-blue);font-weight:700;letter-spacing:.04em;margin-bottom:6px}
  .list-item h3{font-size:20px;margin-bottom:8px}
  .list-item p{color:var(--c-muted);font-size:15px}
  .list-item .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
  .list-item .tags span{font-size:13px;background:var(--c-bg-soft);color:var(--c-primary-d);padding:5px 12px;border-radius:999px;font-weight:600}

  /* 成果数据卡 */
  .ach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
  .ach{background:#fff;border:1px solid var(--c-line);border-radius:var(--radius);padding:28px;transition:.25s}
  .ach:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
  .ach .ach-num{font-size:38px;font-weight:800;background:linear-gradient(135deg,var(--c-blue),var(--c-orange));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
  .ach .ach-label{color:var(--c-muted);margin-top:8px;font-size:15px}


  /* 核心团队 */
  .leader-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}
  .leader{background:#fff;border:1px solid var(--c-line);border-radius:var(--radius);padding:30px;transition:.25s}
  .leader:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
  .leader .role{display:inline-block;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--c-blue),var(--c-orange));padding:5px 14px;border-radius:999px;margin-bottom:14px}
  .leader h3{font-size:22px;margin-bottom:6px}
  .leader .title-sub{color:var(--c-primary);font-weight:700;font-size:15px;margin-bottom:14px}
  .leader p{color:var(--c-muted);font-size:14px}
  .leader .creds{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
  .leader .creds span{font-size:12.5px;background:var(--c-bg-soft);color:var(--c-primary-d);padding:5px 11px;border-radius:999px;font-weight:600}

  /* 客户网络 */
  .client-block{margin-top:40px}
  .client-block h3{font-size:20px;margin-bottom:18px;display:flex;align-items:center;gap:10px}
  .client-block h3::before{content:"";width:6px;height:20px;border-radius:3px;background:linear-gradient(135deg,var(--c-blue),var(--c-orange))}
  .client-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
  .client{background:#fff;border:1px solid var(--c-line);border-radius:14px;min-height:66px;display:grid;place-items:center;text-align:center;padding:12px;font-weight:600;color:var(--c-ink);font-size:15px;transition:.25s}
  .client:hover{border-color:var(--c-primary);color:var(--c-primary);transform:translateY(-4px);box-shadow:var(--shadow)}
  .client-network-note{display:flex;flex-wrap:wrap;gap:18px;margin-top:26px;color:var(--c-muted);font-size:15px}
  .client-network-note b{color:var(--c-primary)}

  /* 案例分组标题 */
  .case-cat{display:flex;align-items:center;gap:14px;margin:46px 0 22px}
  .case-cat:first-child{margin-top:0}
  .case-cat .num{width:38px;height:38px;border-radius:11px;flex:none;display:grid;place-items:center;color:#fff;font-weight:800;background:linear-gradient(135deg,var(--c-blue),var(--c-orange))}
  .case-cat h2{font-size:24px;letter-spacing:-.01em}
  .case-cat small{display:block;font-size:13px;color:var(--c-muted);font-weight:500;margin-top:2px}

  /* ===== 案例详情页 ===== */
  .case-detail{max-width:920px;margin:0 auto}
  .case-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:-46px 0 28px;position:relative;z-index:2}
  .case-meta>div{background:#fff;border:1px solid var(--c-line);border-radius:14px;padding:16px 18px;box-shadow:var(--shadow)}
  .case-meta span{display:block;font-size:12px;color:var(--c-muted);margin-bottom:6px}
  .case-meta b{font-size:16px;display:inline-block;background:linear-gradient(135deg,var(--c-blue),var(--c-orange));-webkit-background-clip:text;background-clip:text;color:transparent}
  .case-cover{width:100%;border-radius:var(--radius);margin-bottom:34px;box-shadow:var(--shadow);border:1px solid var(--c-line);object-fit:cover;max-height:460px}
  .case-block{margin-bottom:30px}
  .case-block h2{font-size:23px;letter-spacing:-.01em;display:flex;align-items:center;gap:12px;margin-bottom:14px}
  .case-block h2 .bh{width:34px;height:34px;border-radius:10px;flex:none;display:grid;place-items:center;font-size:14px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--c-blue),var(--c-orange))}
  .case-block p{color:var(--c-muted);font-size:15.5px;line-height:1.85}
  .case-steps{margin-top:6px;display:flex;flex-direction:column;gap:12px}
  .case-steps li{position:relative;padding-left:26px;color:var(--c-ink);font-size:15.5px;line-height:1.7}
  .case-steps li::before{content:"";position:absolute;left:0;top:9px;width:9px;height:9px;border-radius:3px;background:linear-gradient(135deg,var(--c-blue),var(--c-orange))}
  .case-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:18px}
  .case-stats .cs{background:linear-gradient(135deg,#0a0e1a,var(--c-blue));color:#fff;border-radius:14px;padding:20px}
  .case-stats .cs-num{font-size:26px;font-weight:800;background:linear-gradient(120deg,#fff,var(--c-accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
  .case-stats .cs-label{font-size:13px;color:#cdd6ff;margin-top:8px}
  .case-results{display:flex;flex-direction:column;gap:10px}
  .case-results li{position:relative;padding-left:24px;color:var(--c-ink);font-size:15.5px}
  .case-results li::before{content:"✓";position:absolute;left:0;top:0;color:var(--c-blue);font-weight:800}
  .case-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:6px}
  .case-gallery img{width:100%;height:170px;object-fit:cover;border-radius:12px;border:1px solid var(--c-line);transition:.25s}
  .case-gallery img:hover{transform:scale(1.03);box-shadow:var(--shadow)}

  /* 相关案例 / 同类型 */
  .sect-sub{font-size:24px;margin-bottom:22px}
  .related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .related-card{background:#fff;border:1px solid var(--c-line);border-radius:var(--radius);overflow:hidden;transition:.25s}
  .related-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent}
  .rc-img{height:140px;background-size:cover;background-position:center;background-color:var(--c-bg-soft)}
  .rc-body{padding:18px 20px}
  .rc-cat{font-size:12px;color:var(--c-blue);font-weight:700}
  .rc-body h4{font-size:17px;margin:6px 0 10px}
  .rc-body .more{font-size:13.5px;color:var(--c-primary);font-weight:600}

  /* 案例列表页卡片 */
  .case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:14px}
  .case-card{display:block;background:#fff;border:1px solid var(--c-line);border-radius:var(--radius);overflow:hidden;transition:.25s}
  .case-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:transparent}
  .cc-img{height:178px;background-size:cover;background-position:center;background-color:var(--c-bg-soft)}
  .cc-body{padding:20px 22px}
  .cc-cat{font-size:12px;color:var(--c-blue);font-weight:700;letter-spacing:.03em}
  .cc-body h3{font-size:18.5px;margin:7px 0 12px}
  .cc-hl{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}
  .cc-hl b{font-size:22px;font-weight:800;display:inline-block;background:linear-gradient(135deg,var(--c-blue),var(--c-orange));-webkit-background-clip:text;background-clip:text;color:transparent}
  .cc-hl span{font-size:12.5px;color:var(--c-muted)}
  .cc-body .more{font-size:13.5px;color:var(--c-primary);font-weight:600}

  @media(max-width:760px){
    .case-meta{grid-template-columns:1fr}
    .case-gallery{grid-template-columns:repeat(2,1fr)}
    .related-grid,.case-grid{grid-template-columns:1fr}
  }

  /* ===== 文章详情页（三级页） ===== */
  .article-meta{font-size:14px;color:#cdd6ff;margin-top:14px}
  .article-detail{max-width:860px;margin:0 auto}
  .article-cover{width:100%;border-radius:var(--radius);margin-bottom:30px;box-shadow:var(--shadow);border:1px solid var(--c-line);object-fit:cover;max-height:420px;background:var(--c-bg-soft)}
  .article-content{font-size:16px;line-height:1.9;color:#2a3150}
  .article-content h3{font-size:21px;margin:28px 0 12px;letter-spacing:-.01em}
  .article-content p{margin-bottom:16px}
  .article-content img{max-width:100%;border-radius:12px;margin:10px 0}
  .article-content blockquote{border-left:4px solid var(--c-primary);padding:6px 16px;color:var(--c-muted);background:var(--c-bg-soft);border-radius:0 10px 10px 0;margin:16px 0}
  .article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}
  .article-tags span{font-size:13px;background:var(--c-bg-soft);color:var(--c-primary-d);padding:5px 13px;border-radius:999px;font-weight:600}
  /* 相关阅读 */
  .related{margin-top:46px;padding-top:30px;border-top:1px solid var(--c-line)}
  .related h3{font-size:19px;margin-bottom:18px;letter-spacing:-.01em}
  .rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .rel-card{display:block;background:#fff;border:1px solid var(--c-line);border-radius:var(--radius);overflow:hidden;transition:.25s}
  .rel-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent}
  .rel-img{height:120px;background-size:cover;background-position:center;background-color:var(--c-bg-soft)}
  .rel-body{padding:14px 16px}
  .rel-cat{font-size:12px;color:var(--c-orange);font-weight:700}
  .rel-body h4{font-size:15px;line-height:1.5;margin:6px 0 8px;color:var(--c-ink)}
  .rel-date{font-size:12px;color:var(--c-muted)}

  /* ===== 动态资讯列表（分类聚合） ===== */
  .cat-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
  .chip{padding:8px 18px;border-radius:999px;border:1px solid var(--c-line);background:#fff;cursor:pointer;font-weight:600;font-size:14px;color:var(--c-muted);transition:.2s}
  .chip:hover{border-color:var(--c-primary);color:var(--c-primary)}
  .chip.active{background:linear-gradient(135deg,var(--c-blue),var(--c-orange));color:#fff;border-color:transparent}
  .news-search-wrap{display:flex;align-items:center;gap:8px;background:#f3f5ff;border:1px solid var(--c-line);border-radius:999px;padding:4px 5px 4px 16px;height:46px;width:100%;max-width:420px;margin-bottom:8px;transition:.2s}
  .news-search-wrap:focus-within{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--glow-blue)}
  .news-search{flex:1;border:0;background:transparent;outline:none;font-size:15px;color:var(--c-ink);min-width:0;height:100%}
  .news-search::placeholder{color:#9aa2bf}
  .news-search-wrap .nf-ico{width:18px;height:18px;color:var(--c-muted);flex:none}
  .nf-submit{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:50%;
    background:linear-gradient(135deg,var(--c-blue),var(--c-orange));color:#fff;cursor:pointer;flex:none;transition:.2s}
  .nf-submit:hover{filter:brightness(1.06);transform:translateY(-1px)}
  .nf-submit:active{transform:translateY(0)}
  .nf-submit .nf-ico{width:18px;height:18px}
  .news-cat{margin-bottom:40px}
  .news-cat h2{font-size:22px;display:flex;align-items:center;gap:12px;margin-bottom:18px}
  .news-cat h2 .nc-dot{width:6px;height:22px;border-radius:3px;background:linear-gradient(135deg,var(--c-blue),var(--c-orange))}
  .news-cat h2 small{font-size:13px;color:var(--c-muted);font-weight:500}
  .news-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .news-card{display:block;background:#fff;border:1px solid var(--c-line);border-radius:var(--radius);overflow:hidden;transition:.25s}
  .news-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:transparent}
  .nc-img{height:180px;background-size:cover;background-position:center;background-color:var(--c-bg-soft)}
  .nc-body{padding:18px 20px}
  .nc-date{font-size:12.5px;color:var(--c-muted);margin-bottom:8px}
  .nc-body h3{font-size:18px;line-height:1.4;margin-bottom:10px}
  .nc-body p{font-size:14px;color:var(--c-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .nc-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
  .nc-tags span{font-size:12px;background:var(--c-bg-soft);color:var(--c-primary-d);padding:4px 11px;border-radius:999px;font-weight:600}
  .empty{text-align:center;color:var(--c-muted);padding:40px}
  .news-more{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:36px}
  .news-more .who{font-size:13px;color:var(--c-muted)}

  /* 表单 select 样式 */
  .form select{width:100%;padding:12px 14px;border:1px solid var(--c-line);border-radius:11px;font-size:15px;outline:none;background:#fff;color:var(--c-ink)}

  @media(max-width:760px){
    .news-cards{grid-template-columns:1fr}
    .rel-grid{grid-template-columns:1fr}
    .article-detail{max-width:100%}
  }

/* 移动端菜单遮罩（SEO/体验增强） */
.nav-overlay{position:fixed;inset:0;background:rgba(7,13,36,.45);z-index:40;opacity:0;visibility:hidden;transition:opacity .3s}
.nav-overlay.show{opacity:1;visibility:visible}
body.menu-open{overflow:hidden}
@media(max-width:960px){.nav-links{z-index:45}}
/*NAV-OVERLAY-CSS*/

/* ===== 表单提交成功态（转化 & 数据增强） ===== */
.form-success{text-align:center;padding:8px 4px 12px}
.form-success .ok-ic{width:66px;height:66px;border-radius:50%;margin:0 auto 18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--c-blue),var(--c-orange));box-shadow:0 14px 32px -12px var(--glow-blue)}
.form-success .ok-ic svg{width:32px;height:32px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.form-success h3{font-size:21px;margin-bottom:12px;color:#fff}
.form-success p{color:#cdd6ff;font-size:15px;line-height:1.7}
.form-success p b{color:var(--c-orange-l)}
.form-success .ok-info{margin:18px 0 22px;padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#cdd6ff;font-size:14px}
.form-success .btn-outline{color:#fff;border-color:rgba(255,255,255,.5);background:transparent}
.form-success .btn-outline:hover{background:#fff;color:var(--c-primary)}

/* ===== 后台数据看板 ===== */
.stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.scard{background:#fff;border:1px solid var(--c-line);border-radius:var(--radius);padding:20px;text-align:center}
.scard .snum{font-size:30px;font-weight:800;background:linear-gradient(135deg,var(--c-blue),var(--c-orange));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.1}
.scard .slab{color:var(--c-muted);font-size:13px;margin-top:8px}
.stat-2col{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.stat-2col .card h4,.card h4{font-size:15px;margin-bottom:16px;color:var(--c-ink)}
.bar-row{display:flex;align-items:center;gap:10px;margin-bottom:11px;font-size:13px}
.bar-k{flex:0 0 120px;color:var(--c-ink);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bar-track{flex:1;height:10px;background:var(--c-bg-soft);border-radius:6px;overflow:hidden}
.bar-fill{display:block;height:100%;background:linear-gradient(90deg,var(--c-blue),var(--c-orange));border-radius:6px}
.bar-n{flex:0 0 38px;text-align:right;color:var(--c-muted);font-weight:700}
@media(max-width:760px){
  .stat-cards{grid-template-columns:repeat(2,1fr)}
  .stat-2col{grid-template-columns:1fr}
  .bar-k{flex-basis:90px}
}

/* ===== 转化漏斗（后台）===== */
.funnel-card .fn-row{margin-bottom:18px}
.funnel-card .fn-row:last-child{margin-bottom:0}
.fn-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px}
.fn-k{font-size:14px;font-weight:700;color:var(--c-ink)}
.fn-n{font-size:20px;font-weight:800;color:var(--c-primary)}
.fn-track{height:18px;background:var(--c-bg-soft);border-radius:9px;overflow:hidden}
.fn-fill{display:block;height:100%;border-radius:9px;transition:width .6s ease}
.fn-0{background:linear-gradient(90deg,var(--c-blue),var(--c-blue-d))}
.fn-1{background:linear-gradient(90deg,#5b78ff,#7a5bff)}
.fn-2{background:linear-gradient(90deg,var(--c-orange-l),var(--c-orange))}
.fn-conv{font-size:12.5px;color:var(--c-muted);margin-top:6px}
.fn-conv b{color:var(--c-primary)}

/* ===== 通知设置（后台）===== */
.noti-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.noti-row .who{margin:0}

/* ===== 首页咨询：步骤进度 + 信任条 ===== */
.cf-steps{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:12px 14px;margin-bottom:14px}
.cf-step{display:flex;align-items:center;gap:8px;font-size:13px;color:#cdd6ff;font-weight:600}
.cf-step span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;background:rgba(255,255,255,.12);color:#fff;flex:none}
.cf-step.active span{background:linear-gradient(135deg,var(--c-blue),var(--c-orange));color:#fff}
.cf-step-arrow{color:rgba(255,255,255,.4);font-size:14px}
.cf-trust{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.cf-trust span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:#cdd6ff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);padding:6px 12px;border-radius:999px}
.cf-trust span::before{content:"✓";color:var(--c-orange-l);font-weight:800}

/* ===== 文章页转化 CTA ===== */
.article-cta{margin-top:40px}
.ac-inner{background:linear-gradient(135deg,#0a0e1a,#121832);border-radius:var(--radius);padding:34px;text-align:center;color:#fff;box-shadow:var(--shadow)}
.ac-inner h3{font-size:22px;margin-bottom:10px}
.ac-inner p{color:#cdd6ff;font-size:15px;margin-bottom:20px}
.ac-inner .btn-primary{display:inline-block}

@media(max-width:760px){
  .funnel-card .fn-n{font-size:17px}
  .cf-steps{font-size:12px;padding:10px}
  .cf-step span{width:20px;height:20px}
}

/* ===== 移动端底部固定 CTA（体验/转化深化）===== */
.mobile-cta{display:none}
@media(max-width:760px){
  body{padding-bottom:74px}
  .mobile-cta{
    position:fixed;left:0;right:0;bottom:0;z-index:60;
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    padding:10px 14px calc(10px + env(safe-area-inset-bottom));
    background:rgba(10,14,26,.96);
    -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
    border-top:1px solid rgba(255,255,255,.1);
    box-shadow:0 -8px 24px -12px rgba(0,0,0,.6);
  }
  .mc-text{display:flex;flex-direction:column;line-height:1.25;min-width:0}
  .mc-text b{font-size:14px;color:#fff;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mc-text span{font-size:11.5px;color:var(--c-orange-l);font-weight:600}
  .mc-actions{display:flex;gap:8px;flex:none}
  .mc-btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 16px;border-radius:11px;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}
  .mc-call{background:rgba(255,255,255,.1);color:#cdd6ff;border:1px solid rgba(255,255,255,.16)}
  .mc-main{background:linear-gradient(135deg,var(--c-blue),var(--c-orange));color:#fff}
}

/* ============ Phase 3 · 迭代2：文章目录 / 分享 / 上下篇 ============ */
.article-layout{display:flex;gap:40px;align-items:flex-start}
.article-layout .article-detail{max-width:none;margin:0}
.article-toc{position:sticky;top:90px;flex:0 0 240px;width:240px;
  background:var(--c-bg-soft);border:1px solid var(--c-line);
  border-radius:14px;padding:18px 20px;max-height:calc(100vh - 120px);overflow:auto}
.toc-title{font-size:12px;color:var(--c-primary);letter-spacing:2px;margin-bottom:12px;text-transform:uppercase;font-weight:700}
.article-toc ul{list-style:none;margin:0;padding:0}
.article-toc li{line-height:1.7}
.article-toc li a{color:var(--c-muted);font-size:14px;text-decoration:none;display:block;
  border-left:2px solid var(--c-line);padding-left:10px;transition:.2s}
.article-toc li a:hover{color:var(--c-primary);border-color:var(--c-primary)}
.article-toc li a.active{color:var(--c-primary);font-weight:700;border-color:var(--c-primary);background:color-mix(in srgb, var(--c-blue) 6%, transparent)}
.article-toc .toc-h2 a{font-weight:600;color:var(--c-ink)}
.article-toc .toc-h3 a{padding-left:22px;font-size:13px}
/* 目录折叠按钮（桌面隐藏，移动端展开/收起） */
.toc-toggle{display:none}
.toc-list{display:block}
.article-share{display:flex;align-items:center;gap:10px;margin:22px 0 6px;flex-wrap:wrap}
.as-label{color:#9aa6c2;font-size:14px}
.as-btn{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#c7d0e6;
  padding:7px 14px;border-radius:999px;font-size:13px;cursor:pointer;transition:.2s}
.as-btn:hover{color:#fff;border-color:var(--c-blue);background:color-mix(in srgb, var(--c-blue) 12%, transparent)}
.article-pn{display:flex;justify-content:space-between;gap:16px;margin-top:34px;
  border-top:1px solid rgba(255,255,255,.08);padding-top:22px}
.article-pn a{color:#a8b5ff;text-decoration:none;font-size:14px;transition:.2s;flex:1;min-width:0}
.article-pn a:hover{color:#fff}
.article-pn .pn-next{text-align:right}
.article-pn .pn-disabled{color:#6b7693;cursor:default}

/* ============ Phase 3 · 迭代2：咨询类型图标快捷选择 ============ */
.type-pick{display:flex;flex-wrap:wrap;gap:10px}
.tp{background:rgba(255,255,255,.06);color:#c7d0e6;border:1px solid rgba(255,255,255,.12);
  padding:10px 16px;border-radius:10px;font-size:14px;cursor:pointer;transition:.2s}
.tp:hover{color:#fff;border-color:var(--c-blue)}
.tp.active{background:linear-gradient(135deg,var(--c-blue),var(--c-orange));color:#fff;border-color:transparent}

/* ============ Phase 3 · 迭代2：案例筛选器 ============ */
.case-filter{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  border-radius:14px;padding:14px 18px;margin-bottom:28px}
.cf-chips{display:flex;flex-wrap:wrap;gap:10px}
.cf-chip{background:#fff;color:var(--c-muted);border:1px solid var(--c-line);
  padding:8px 18px;border-radius:999px;font-weight:600;font-size:14px;cursor:pointer;transition:.2s}
.cf-chip:hover{color:var(--c-primary);border-color:var(--c-primary)}
.cf-chip.active{background:linear-gradient(135deg,var(--c-blue),var(--c-orange));color:#fff;border-color:transparent}
.cf-search{display:flex;align-items:center;gap:8px;background:#f3f5ff;border:1px solid var(--c-line);border-radius:999px;padding:4px 5px 4px 16px;height:46px;width:260px;transition:.2s}
.cf-search:focus-within{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--glow-blue)}
.cf-search input{flex:1;border:0;background:transparent;outline:none;color:var(--c-ink);font-size:15px;min-width:0;height:100%}
.cf-search input::placeholder{color:#9aa2bf}
.cf-search .cf-ico{width:18px;height:18px;color:var(--c-muted);flex:none}
.cf-submit{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:50%;
  background:linear-gradient(135deg,var(--c-blue),var(--c-orange));color:#fff;cursor:pointer;flex:none;transition:.2s}
.cf-submit:hover{filter:brightness(1.06);transform:translateY(-1px)}
.cf-submit:active{transform:translateY(0)}
.cf-submit .cf-ico{width:18px;height:18px}
.case-empty{text-align:center;color:#9aa6c2;padding:48px 0}

/* ============ Phase 3 · 迭代2 第二遍：案例筛选增强 ============ */
.cf-top{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;width:100%}
.cf-badge{display:inline-block;min-width:18px;text-align:center;margin-left:6px;padding:1px 7px;font-size:12px;font-weight:700;border-radius:999px;background:#eef1f7;color:#5b647d}
.cf-chip.active .cf-badge{background:rgba(255,255,255,.32);color:#fff}
.cf-result{color:#9aa6c2;font-size:13px;font-weight:600;white-space:nowrap}
.case-card mark{background:linear-gradient(transparent 58%, rgba(255,176,32,.5) 0);color:inherit;border-radius:3px;padding:0 1px}

/* ============ Phase 3 · 迭代2 第二遍：微信分享二维码弹窗 ============ */
.wx-modal{display:none;position:fixed;inset:0;z-index:80;align-items:center;justify-content:center;background:rgba(6,9,18,.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}
.wx-box{position:relative;background:#fff;border-radius:18px;padding:28px 26px 24px;width:300px;max-width:100%;text-align:center;box-shadow:0 24px 60px -20px rgba(0,0,0,.6)}
.wx-close{position:absolute;top:10px;right:14px;width:30px;height:30px;border:none;background:transparent;font-size:24px;line-height:1;color:#8893ad;cursor:pointer}
.wx-title{font-size:17px;font-weight:700;color:#0a0e1a;margin-bottom:16px}
.wx-img{display:flex;align-items:center;justify-content:center;background:#f4f6fb;border-radius:12px;padding:14px;min-height:180px}
.wx-img img{width:200px;height:200px;display:block}
.wx-fallback{font-size:13px;color:#5b647d;line-height:1.7;word-break:break-all}
.wx-fallback code{display:block;margin-top:6px;background:#eef1f7;padding:8px 10px;border-radius:8px;color:#2a3350;font-size:12px}
.wx-tip{margin-top:14px;font-size:12.5px;color:#6b7693;line-height:1.6}

/* ============ 响应式：文章布局 & 筛选器（移动端） ============ */
@media(max-width:980px){
  .article-layout{flex-direction:column}
  .article-toc{position:static;width:100%;flex:none;max-height:none;order:-1;border:none;background:transparent;padding:0}
  .article-toc .toc-title{display:none}
  .toc-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;
    background:var(--c-bg-soft);border:1px solid var(--c-line);border-radius:12px;
    padding:13px 16px;font-size:15px;font-weight:700;color:var(--c-ink);cursor:pointer;transition:.2s}
  .toc-toggle:hover{border-color:var(--c-primary)}
  .toc-toggle .tt-chev{width:18px;height:18px;color:var(--c-primary);transition:transform .25s;flex:none}
  .toc-toggle.open .tt-chev{transform:rotate(180deg)}
  .toc-list{display:none;margin-top:10px;background:var(--c-bg-soft);border:1px solid var(--c-line);border-radius:12px;padding:14px 16px}
  .toc-list.open{display:block}
}
@media(max-width:760px){
  .case-filter{flex-direction:column;align-items:stretch}
  .cf-top{flex-direction:column;align-items:stretch}
  .cf-search{width:100%}
  .cf-chips{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}
  .article-pn{flex-direction:column;gap:10px}
  .article-pn .pn-next{text-align:left}
}

/* ============ 站内搜索 ============ */
/* 导航栏搜索框（桌面/平板内联，手机折叠为图标按钮） */
.nav-search{display:flex;align-items:center;gap:8px;background:#f3f5ff;border:1px solid var(--c-line);border-radius:999px;padding:5px 6px 5px 16px;height:44px;width:240px;transition:.2s;min-width:0}
.nav-search:focus-within{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--glow-blue)}
.nav-search input{border:0;background:transparent;outline:none;font-size:15px;color:var(--c-ink);flex:1;min-width:0;height:100%}
.nav-search input::placeholder{color:#9aa2bf}
.nav-search .ns-ico{width:18px;height:18px;color:#fff;flex:none}
.ns-submit{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:50%;background:linear-gradient(135deg,var(--c-blue),var(--c-orange));color:#fff;cursor:pointer;flex:none;transition:.2s}
.ns-submit:hover{filter:brightness(1.06);transform:translateY(-1px)}
.ns-submit:active{transform:translateY(0)}
.nav-search-ico{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--c-blue),var(--c-orange));border:none;transition:.2s}
.nav-search-ico:hover{filter:brightness(1.06);transform:translateY(-1px)}
.nav-search-ico .ns-ico{width:19px;height:19px}
mark{background:linear-gradient(transparent 58%,rgba(255,176,32,.55) 0);color:inherit;border-radius:3px;padding:0 1px}

/* 搜索页 hero */
.search-hero{display:flex;align-items:center;gap:10px;margin-top:26px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:8px 8px 8px 22px;height:58px;max-width:680px;box-shadow:0 18px 50px -20px rgba(0,0,0,.45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.search-hero input{flex:1;border:0;background:transparent;outline:none;color:#fff;font-size:16px;height:100%}
.search-hero input::placeholder{color:rgba(255,255,255,.62)}
.search-hero .sh-ico{width:20px;height:20px;color:#fff;flex:none}
.sh-submit{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;cursor:pointer;flex:none;transition:.2s}
.sh-submit:hover{background:rgba(255,255,255,.32)}
.sh-submit:active{background:rgba(255,255,255,.4)}
.sh-submit .sh-ico{width:20px;height:20px}
.search-hero .btn-primary{white-space:nowrap;flex:none;height:42px;display:flex;align-items:center}
.search-suggest{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;font-size:13px;color:rgba(255,255,255,.7)}
.search-suggest span{opacity:.8}
.ss-chip{border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.08);color:#fff;font-size:13px;padding:5px 13px;border-radius:999px;cursor:pointer;transition:.2s}
.ss-chip:hover{background:rgba(255,255,255,.2);border-color:#fff}

/* 搜索结果 */
.search-meta{font-size:14px;color:var(--c-muted);margin:6px 0 22px}
.search-meta b{color:var(--c-ink)}
.s-group{font-size:18px;font-weight:700;margin:26px 0 14px;padding-left:12px;border-left:3px solid var(--c-primary)}
.s-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.s-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--c-line);border-radius:var(--radius);overflow:hidden;transition:.22s;text-decoration:none;color:inherit}
.s-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--c-primary)}
.s-cover{height:150px;background-size:cover;background-position:center;background-color:var(--c-bg-soft)}
.s-body{padding:16px 18px 20px}
.s-cat{display:inline-block;font-size:12px;font-weight:600;color:var(--c-primary);background:var(--c-bg-soft);padding:3px 10px;border-radius:999px;margin-bottom:10px}
.s-cat-case{color:var(--c-accent);background:color-mix(in srgb, var(--c-accent) 10%, transparent)}
.s-cat-page{color:#7c5cff;background:rgba(124,92,255,.1)}
.s-card h3{font-size:16.5px;font-weight:700;line-height:1.45;margin-bottom:8px}
.s-snip{font-size:13.5px;color:var(--c-muted);line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.s-empty,.s-loading{text-align:center;color:var(--c-muted);padding:60px 20px;background:#fff;border:1px dashed var(--c-line);border-radius:var(--radius);font-size:15px}
.s-more{display:block;margin:18px auto 0;background:transparent;border:1px solid var(--c-line);color:var(--c-primary);font-size:14px;font-weight:600;padding:9px 22px;border-radius:999px;cursor:pointer;transition:.2s}
.s-more:hover{background:var(--c-bg-soft);border-color:var(--c-primary)}
.s-suggest-box{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;font-size:13px;color:var(--c-muted)}
.s-suggest-box .ss-chip{font-size:13px;padding:5px 13px}
.ss-chip.ss-dark{border:1px solid var(--c-line);background:var(--c-bg-soft);color:var(--c-ink)}
.ss-chip.ss-dark:hover{background:#fff;border-color:var(--c-primary);color:var(--c-primary)}

/* 生态合作伙伴 */
.partners{background:var(--c-bg-soft)}
.partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.partner{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--c-line);border-radius:var(--radius);padding:22px;transition:.25s;text-decoration:none;color:inherit}
.partner:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent}
.p-mark{width:48px;height:48px;border-radius:14px;flex:none;display:grid;place-items:center;color:#fff;font-weight:800;font-size:20px;background:var(--g,linear-gradient(135deg,var(--c-blue),var(--c-orange)))}
.p-body{display:flex;flex-direction:column;gap:7px;min-width:0}
.p-name{font-weight:700;font-size:16px;line-height:1.3}
.p-tag{align-self:flex-start;font-size:12px;font-weight:600;color:var(--c-primary-d);background:var(--c-bg-soft);padding:3px 10px;border-radius:999px}
.p-desc{color:var(--c-muted);font-size:13.5px;margin:0;line-height:1.55}
@media(max-width:900px){
  .partner-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .partner-grid{grid-template-columns:1fr}
}

@media(max-width:960px){
  .nav-search{display:none}
  .nav-search-ico{display:flex}
}
@media(max-width:860px){
  .s-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .s-grid{grid-template-columns:1fr}
  .search-hero{flex-wrap:wrap;border-radius:18px;padding:14px;height:auto}
  .search-hero input{width:100%;flex:none;order:1;height:46px}
  .sh-submit{order:2;height:46px;width:46px}
  .search-hero .btn-primary{order:3;width:100%;height:46px}
}

/* ============ Phase 6 · 阅读体验 & 无障碍（迭代1） ============ */
/* 锚点偏移：跳转时不被 68px 吸顶导航遮挡 */
[id]{scroll-margin-top:84px}

/* 文章阅读进度条（仅文章页，由 ARTICLE_SCRIPT 注入节点） */
.read-progress{position:fixed;top:68px;left:0;right:0;height:3px;z-index:51;background:transparent;pointer-events:none}
.read-progress .rp-bar{height:100%;width:0;background:linear-gradient(90deg,var(--c-blue),var(--c-orange));transition:width .1s linear}

/* 全局返回顶部（由 BODY_INJECT 注入节点，避开移动端底部 CTA） */
.to-top{position:fixed;right:22px;bottom:24px;z-index:55;width:46px;height:46px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;background:#fff;color:var(--c-primary);
  border:1px solid var(--c-line);box-shadow:var(--shadow);cursor:pointer;
  opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s,transform .25s,background .25s,color .25s}
.to-top.show{opacity:1;visibility:visible;transform:none}
.to-top:hover{color:#fff;background:linear-gradient(135deg,var(--c-blue),var(--c-orange));border-color:transparent}
.to-top svg{width:20px;height:20px}
@media(max-width:760px){.to-top{bottom:84px;right:14px;width:42px;height:42px}}

/* 键盘可达性：统一焦点环（跟随元素自身圆角，不强行改形） */
:focus-visible{outline:3px solid var(--glow-blue);outline-offset:2px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,.btn:focus-visible{outline:3px solid var(--glow-blue);outline-offset:2px}

/* 尊重「减弱动画」系统偏好 */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .read-progress .rp-bar{transition:none}
}