:root {
    --bg:#0D1224;
    --card:rgba(255,255,255,.04);
    --line:#232A44;
    --cyan:#4D9BFF;
    --purple:#0A75EB;
    --txt:#E9EEFA;
    --txt2:#9AA6C4;
    --gold:#F5A623;
  }
  * { margin:0; padding:0; box-sizing:border-box; }
  body {
    font-family: -apple-system, "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;
    color:var(--txt); background:var(--bg); line-height:1.7;
  }
  .page { max-width:1300px; margin:0 auto; position:relative; }
  .page::before {
    content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
    background-image:
      linear-gradient(rgba(77,155,255,.055) 1px, transparent 1px),
      linear-gradient(90deg, rgba(77,155,255,.055) 1px, transparent 1px);
    background-size:44px 44px;
  }

  /* 顶部品牌区 */
  .hero {
    padding:52px 56px 46px; position:relative; overflow:hidden;
    background:
      radial-gradient(780px 320px at 20% -70%, rgba(10,117,235,.24), transparent 62%),
      radial-gradient(700px 320px at 82% -55%, rgba(77,155,255,.26), transparent 62%),
      linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0));
    border-bottom:1px solid var(--line);
  }
  .hero-top { display:flex; align-items:center; gap:30px; }
  .hero .brand {
    display:flex; align-items:center; flex-shrink:0;
  }
  .hero .brand .logo {
    background:#fff; border-radius:8px; padding:10px 18px;
    display:inline-flex; align-items:center;
    box-shadow:0 0 26px rgba(10,117,235,.3);
  }
  .hero .brand .logo img { height:52px; width:auto; display:block; }
  .htext { filter:drop-shadow(0 0 22px rgba(10,117,235,.35)); }
  .hero h1 {
    font-size:34px; font-weight:800; letter-spacing:1px; margin-bottom:8px;
    color:#6BB8FF;
    text-shadow:0 0 10px rgba(10,117,235,.6), 0 0 32px rgba(10,117,235,.38);
  }
  .hero .sub { font-size:15px; font-weight:600; color:#8FA6D8; letter-spacing:3px; }

  .body { padding:40px 56px 52px; }

  /* 章节标题 */
  .section { margin-bottom:40px; }
  .sec-title {
    display:flex; align-items:center; gap:12px; margin-bottom:18px;
  }
  .sec-title .no {
    width:30px; height:30px; border-radius:5px; color:#050810;
    background:linear-gradient(135deg,#4D9BFF,#0A75EB);
    font-size:15px; font-weight:800; display:flex; align-items:center; justify-content:center;
    flex-shrink:0;
    box-shadow:0 0 18px rgba(10,117,235,.4);
  }
  .sec-title h2 { font-size:21px; font-weight:700; color:#F2F6FF; letter-spacing:1px; }

  /* 提供：服务链路 */
  .flow { display:flex; align-items:stretch; gap:0; }
  .fnode {
    flex:1; border:1px solid var(--line); border-radius:10px; padding:16px 14px 14px;
    background:linear-gradient(160deg, rgba(10,117,235,.07), rgba(77,155,255,.06));
    transition:transform .2s, border-color .2s, box-shadow .2s;
  }
  .fnode:hover { transform:translateY(-3px); border-color:rgba(10,117,235,.5); box-shadow:0 10px 32px rgba(10,117,235,.14); }
  .fhead { display:flex; align-items:center; gap:9px; margin-bottom:10px; }
  .fnode .fico {
    width:34px; height:34px; border-radius:8px; background:rgba(10,117,235,.1); border:1px solid rgba(10,117,235,.32);
    display:flex; align-items:center; justify-content:center; flex-shrink:0;
  }
  .fnode .fico svg {
    width:18px; height:18px; stroke:#5AB8FF; fill:none; stroke-width:1.8;
    stroke-linecap:round; stroke-linejoin:round;
    filter:drop-shadow(0 0 5px rgba(10,117,235,.55));
  }
  .fnode .ft { font-size:15.5px; font-weight:700; margin-bottom:6px; color:#F2F6FF; }
  .fnode .fd { font-size:12.5px; color:#A9B7D8; line-height:1.65; }
  .fnode .furl { font-size:11.5px; color:#5AB8FF; margin-top:5px; line-height:1.6; }
  .farrow { display:flex; align-items:center; justify-content:center; flex-shrink:0; width:28px; }
  .farrow::before {
    content:""; width:0; height:0;
    border-top:6px solid transparent; border-bottom:6px solid transparent;
    border-left:9px solid #4D9BFF;
    filter:drop-shadow(0 0 6px rgba(77,155,255,.7));
  }
  /* 链接 */
  a { color:#5AB8FF; text-decoration:none; }
  a:hover { text-decoration:underline; }

  /* 数据带 */
  .stats { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; margin-bottom:20px; }
  .stat {
    background:linear-gradient(160deg, rgba(10,117,235,.08), rgba(77,155,255,.06));
    border:1px solid rgba(10,117,235,.24); border-radius:10px;
    padding:16px 10px; text-align:center;
    transition:transform .2s, border-color .2s, box-shadow .2s;
  }
  .stat:hover { transform:translateY(-3px); border-color:rgba(10,117,235,.6); box-shadow:0 8px 30px rgba(10,117,235,.16); }
  .stat .num {
    font-size:26px; font-weight:800; line-height:1.3; color:#6BB8FF;
    text-shadow:0 0 12px rgba(10,117,235,.5);
  }
  .stat .lb { font-size:12.5px; color:var(--txt2); margin-top:2px; }

  .desc { font-size:14.5px; color:#C3CEE8; margin-bottom:16px; }

  /* 主办方名单 */
  .partners-label { font-size:13px; color:#66779E; margin-bottom:8px; }

  /* 合作方 logo 墙 */
  .logo-wall { display:grid; grid-template-columns:repeat(9,1fr); gap:10px; margin-bottom:22px; }
  .logo-wall .lbox, .marquee .lbox {
    background:#141B33; border:1px solid var(--line); border-radius:8px;
    display:flex; align-items:center; justify-content:center;
    padding:2px 12px; height:50px; box-sizing:border-box;
    transition:border-color .2s, box-shadow .2s, transform .2s;
  }
  .logo-wall .lbox:hover { border-color:rgba(10,117,235,.55); box-shadow:0 0 16px rgba(10,117,235,.18); transform:translateY(-2px); }
  .logo-wall .lbox img, .marquee .lbox img {
    max-width:100%; max-height:45px; object-fit:contain; display:block;
  }
  .marquee { border:1px solid var(--line); border-radius:8px; background:rgba(255,255,255,.03); overflow:hidden; padding:10px 0; margin-bottom:26px; }
  .mtrack { display:flex; width:max-content; animation:mscroll 45s linear infinite; }
  .marquee:hover .mtrack { animation-play-state:paused; }
  .mtrack .lbox { margin-right:10px; width:121px; flex:none; }
  @keyframes mscroll { from { transform:translateX(0); } to { transform:translateX(-50%); } }

  /* 渠道明细 */
  .channel {
    display:flex; gap:20px; border:1px solid var(--line); border-radius:10px;
    padding:18px 20px; margin-bottom:12px; align-items:flex-start;
    background:#141B33;
    transition:border-color .2s, box-shadow .2s;
  }
  .channel:hover { border-color:rgba(10,117,235,.42); box-shadow:0 0 26px rgba(10,117,235,.09); }
  .channel .info { flex:1; }
  .channel h4 { font-size:16px; margin-bottom:6px; color:#F2F6FF; }
  .channel h4 span { color:var(--cyan); margin-right:8px; font-size:15px; text-shadow:0 0 10px rgba(10,117,235,.5); }
  .channel p { font-size:13.5px; color:#B6C3E0; }

  /* 新媒体矩阵图墙 */
  .gallery { display:grid; grid-template-columns:repeat(9,1fr); gap:10px; margin-top:14px; }
  .gallery.w3 { grid-template-columns:repeat(3,1fr); width:340px; flex-shrink:0; align-self:center; margin-top:0; }
  .gitem {
    position:relative; aspect-ratio:4/3; border-radius:8px; overflow:hidden;
    border:1.5px dashed rgba(77,155,255,.3); background:rgba(255,255,255,.02);
  }
    .gitem { cursor:pointer; }
  .lightbox { position:fixed; inset:0; z-index:9999; background:rgba(15,15,15,.85); display:none; align-items:center; justify-content:center; }
  .lightbox.show { display:flex; }
  .lightbox img { max-width:92vw; max-height:88vh; border-radius:8px; box-shadow:0 12px 48px rgba(0,0,0,.6); }
  .lightbox .lbx { position:absolute; top:16px; right:24px; width:36px; height:36px; line-height:36px; text-align:center; color:#fff; font-size:18px; border:1px solid rgba(255,255,255,.45); border-radius:6px; cursor:pointer; }
  .lightbox .lbx:hover { background:rgba(255,255,255,.15); }
  .lightbox .nav { position:absolute; top:50%; transform:translateY(-50%); width:44px; height:64px; line-height:60px; text-align:center; color:#fff; font-size:28px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.35); border-radius:8px; cursor:pointer; user-select:none; -webkit-user-select:none; }
  .lightbox .nav.prev { left:12px; }
  .lightbox .nav.next { right:12px; }
  .lightbox .nav:hover { background:rgba(255,255,255,.22); }
  .lightbox .cnt { position:absolute; top:16px; left:50%; transform:translateX(-50%); color:#fff; font-size:13px; background:rgba(255,255,255,.14); padding:3px 14px; border-radius:14px; }

.gitem img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }
  .gitem .ph {
    position:absolute; inset:0; display:flex; flex-direction:column;
    align-items:center; justify-content:center; gap:4px;
    color:#4A5A80; font-size:12.5px;
  }
  .gitem .ph .cam { font-size:20px; }
  .gitem .lb {
    position:absolute; left:0; right:0; bottom:0; z-index:2;
    background:rgba(9,14,30,.9); font-size:11.5px; color:#8FA6D8;
    text-align:center; padding:3px 0;
  }
  .gallery-note { font-size:12px; color:#55668F; margin-top:8px; }

  /* 主办方提供 */
  .provide { list-style:none; }
  .provide li {
    display:flex; gap:14px; padding:14px 0; border-bottom:1px solid rgba(77,155,255,.1);
    font-size:14.5px;
  }
  .provide li:last-child { border-bottom:none; }
  .provide .k { font-weight:700; color:#F2F6FF; flex-shrink:0; width:120px; }
  .provide .k::before { content:""; display:inline-block; width:6px; height:14px;
    background:linear-gradient(180deg,#4D9BFF,#0A75EB); border-radius:3px; margin-right:8px; vertical-align:-1px;
    box-shadow:0 0 8px rgba(10,117,235,.55); }
  .provide .v { color:#B6C3E0; }
  .pay-option {
    margin-top:18px; border:1px solid rgba(245,166,35,.4);
    background:linear-gradient(150deg, rgba(245,166,35,.1), rgba(245,166,35,.035));
    border-left:4px solid #F5A623; border-radius:10px; padding:16px 20px 16px;
    box-shadow:0 0 28px rgba(245,166,35,.08);
  }
  .pay-option .pt { font-weight:700; color:#FFC65C; font-size:15px; margin-bottom:6px; }
  .pay-option .provide li { padding:10px 0; }
  .pay-option .pay-summary {
    margin-top:12px; border-top:1px dashed rgba(245,166,35,.5); padding-top:12px;
    color:#E8B96A; font-size:14px; line-height:1.8; font-weight:600;
  }

  /* 重点高亮 */
  .hl { color:#5AB8FF; font-weight:800; text-shadow:0 0 14px rgba(10,117,235,.45); }
  .pay-option .hl { color:#FFC65C; text-shadow:0 0 12px rgba(245,166,35,.5); }

  /* 联系我们 */
  .contact { margin-top:40px; }
  .contact-wrap { display:flex; gap:44px; align-items:flex-start; }
  .cinfo { flex:1; font-size:14.5px; color:#B6C3E0; }
  .cinfo p { margin-bottom:9px; }
  .cinfo b { color:#F2F6FF; }
  .cinfo .slogan {
    font-weight:700; font-size:17px; letter-spacing:2px; margin-top:6px;
    color:#6BB8FF;
    text-shadow:0 0 12px rgba(10,117,235,.5);
  }
  .cqrs { display:flex; flex-wrap:wrap; gap:22px; flex-shrink:0; }
  .cqr { text-align:center; width:132px; }
  .cqr .qbox {
    position:relative; width:132px; height:132px; border-radius:8px; overflow:hidden;
    border:1.5px dashed rgba(77,155,255,.3); background:rgba(255,255,255,.03);
  }
  .cqr .qbox img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }
  .cqr .qbox .ph {
    position:absolute; inset:0; display:flex; flex-direction:column;
    align-items:center; justify-content:center; gap:4px;
    color:#4A5A80; font-size:12.5px;
  }
  .cqr .lb { margin-top:8px; font-size:12.5px; color:#8FA6D8; }

  @media (max-width:760px) {
    .hero { padding:36px 24px 32px; }
    .hero-top { flex-direction:column; align-items:flex-start; gap:16px; }
    .hero h1 { font-size:25px; }
    .body { padding:28px 24px 36px; }
    .stats { grid-template-columns:repeat(2,1fr); }
    .flow { flex-direction:column; }
    .farrow { width:100%; height:20px; }
    .farrow::before {
      border-left:6px solid transparent; border-right:6px solid transparent;
      border-bottom:none; border-top:9px solid #4D9BFF;
    }
    .channel { flex-direction:column; }
    .gallery { grid-template-columns:repeat(3,1fr); }
    .gallery.w3 { width:100%; align-self:stretch; margin-top:14px; }
    .provide li { flex-direction:column; gap:2px; }
    .logo-wall { grid-template-columns:repeat(6,1fr); }
    .contact-wrap { flex-direction:column; gap:20px; }
    .cqrs { justify-content:center; }
  }
  @media print {
    .page::before { display:none; }
  }