﻿    /* ========== 价格/产品布局（沿用你这版） ========== */
    .products .jiage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
    @media(max-width:980px){.products .jiage-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
    @media(max-width:620px){.products .jiage-grid{grid-template-columns:1fr;}}

    .jiage-dengji{display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-size:12px;min-width:500px;flex:0 1 500px;}
    .jiage-dengji-biaoqian{color:#6B7280;margin-bottom:2px;white-space:nowrap;}
    .dengji-anniuqu{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;}
    .dengji-anniuqu button{border-radius:999px;border:1px solid #CBD5E1;padding:4px 10px;font-size:12px;background:#F9FAFB;color:#1F2933;cursor:pointer;white-space:nowrap;transition:.15s;display:inline-flex;align-items:center;gap:6px;}
    .dengji-anniuqu button:hover{border-color:#2563EB;}
    .dengji-anniuqu button.active{background:#2563EB;color:#fff;border-color:#2563EB;}
    .dengji-beizhu{max-width:400px;text-align:right;color:#64748B;font-size:11px;line-height:1.5;}
    .dengji-beizhu strong{color:#111827;}

    /* 价格卡（沿用你这版） */
    .taocan-jiage{position:relative;margin:0 10px 12px;padding:10px 14px;border-radius:10px;background:linear-gradient(135deg,#e3edff 0%,#f5f8ff 45%,#e0ecff 100%);overflow:hidden;}
    .taocan-jiage::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(59,130,246,0.18) 0%,rgba(59,130,246,0) 35%,rgba(59,130,246,0.22) 65%,rgba(59,130,246,0) 100%);opacity:.95;pointer-events:none;mix-blend-mode:soft-light;}
    .taocan-jiage .jiage-main{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;}
    .taocan-jiage .jiage-col{flex:1;display:flex;flex-direction:column;gap:2px;}
    .taocan-jiage .jiage-biaoqian{font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;}
    .taocan-jiage .jiage-biaoqian-yue{color:#1D4ED8;}
    .taocan-jiage .jiage-biaoqian-nian{color:#C2410C;min-width:150px;}
    .taocan-jiage .jiage-shuzi{font-size:20px;font-weight:700;line-height:1.2;white-space:nowrap;}
    .taocan-jiage .jiage-shuzi-yue{color:#2563EB;}
    .taocan-jiage .jiage-shuzi-nian{color:#EA580C;}
    .taocan-jiage .jiage-fu{font-size:11px;color:#4B5563;white-space:nowrap;}
    .taocan-jiage .jiage-yuanjia-yue,.taocan-jiage .jiage-yuanjia-nian{text-decoration:line-through;color:#9CA3AF;margin-right:4px;}
    .taocan-jiage .jiage-jiesheng{color:#16A34A;}
    .taocan-jiage .jiage-jiesheng-nian{font-weight:600;}
    .taocan-jiage .jiage-nian-biaoqian{align-self:flex-start;margin-top:3px;font-size:10px;padding:2px 8px;border-radius:999px;background:rgba(248,250,252,.9);color:#C2410C;line-height:1.3;border:1px solid rgba(248,171,88,.7);}
    .taocan-jiage .jiage-fenge{width:1px;align-self:stretch;background:linear-gradient(to bottom,rgba(148,163,184,0),rgba(148,163,184,.9),rgba(148,163,184,0));opacity:.8;}
    @media(max-width:520px){
      .taocan-jiage .jiage-main{flex-direction:column;align-items:flex-start;gap:8px;}
      .taocan-jiage .jiage-fenge{width:100%;height:1px;background:linear-gradient(to right,rgba(148,163,184,0),rgba(148,163,184,.9),rgba(148,163,184,0));}
      .taocan-jiage .jiage-nian-biaoqian{align-self:flex-end;}
    }

    /* 每个产品下方的黄底红字提示 */
    .taocan-jiage-tip{display:none;margin:0 10px 10px;padding:4px 8px;border-radius:6px;background:#FEF3C7;color:#B91C1C;font-size:12px;border:1px solid #FBBF24;}

    /* 遮罩层（沿用） */
    .youhui-zhezhao{position:fixed;inset:0;background:rgba(15,23,42,.72);display:none;align-items:center;justify-content:center;z-index:9999;}
    .youhui-zhezhao.show{display:flex;}
    .youhui-duihua{background:#fff;border-radius:14px;max-width:440px;width:90%;padding:18px 20px 16px;box-shadow:0 20px 60px rgba(15,23,42,.55);font-size:14px;color:#111827;line-height:1.6;}
    .youhui-duihua h3{margin:0 0 8px;font-size:16px;}
    .youhui-duihua p{margin:0 0 14px;}
    .youhui-duihua p .hi{color:#2563EB;font-weight:600;}
    .youhui-duihua button{display:inline-block;border:none;border-radius:999px;padding:6px 18px;font-size:13px;font-weight:600;background:#2563EB;color:#fff;cursor:pointer;}
    .youhui-duihua button:hover{background:#1D4ED8;}

    /* ========== 大带宽视觉容器（现在 Hero 大图用 CSS 背景 SVG） ========== */
    .shouping-shijue{position:relative;overflow:hidden;border-radius:18px;}
    .hero-biaoqianhang{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
    .hero-biaoqian{
      display:inline-flex;align-items:center;gap:8px;
      padding:7px 10px;border-radius:999px;
      background:rgba(37,99,235,.08);
      border:1px solid rgba(37,99,235,.25);
      color:#1f3b7a;font-size:12px;
    }

    /* ========== 能力卡片（大带宽版） ========== */
    .daidai-kuan{background:#f8fafc}
    .nengli-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
    @media(max-width:980px){.nengli-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
    @media(max-width:620px){.nengli-grid{grid-template-columns:1fr;}}
    .nengli-ka{
      border-radius:16px;background:#fff;border:1px solid rgba(226,232,240,.9);
      box-shadow:0 10px 28px rgba(15,23,42,.06);
      padding:14px 14px 15px;
    }
    .nengli-tou{display:flex;align-items:center;gap:10px;margin-bottom:6px}
    .nengli-ico{width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;
      background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(99,102,241,.10));
      border:1px solid rgba(37,99,235,.18);
      color:#2563eb;
      flex:0 0 auto;
    }
    .nengli-timu{font-weight:700;color:#0f172a}
    .nengli-miaoshu{font-size:12px;color:#64748b;line-height:1.6;margin-top:2px}

    /* ========== 典型场景（沿用你 sol3 的高级风格） ========== */
    .section.changjing3{position:relative;padding:50px 0 58px;background:#020617;overflow:hidden;}
    .section.changjing3::before{content:"";position:absolute;left:-15%;top:20%;width:130%;height:260px;background:linear-gradient(120deg,#1E40AF 0%,#1D4ED8 45%,#0B1120 100%);opacity:.96;transform:skewY(-5deg);box-shadow:0 40px 100px rgba(15,23,42,.65);pointer-events:none;}
    .section.changjing3::after{content:"";position:absolute;left:-20%;top:8%;width:130%;height:130px;background:linear-gradient(120deg,rgba(59,130,246,.8),rgba(37,99,235,.15));opacity:.55;transform:skewY(-7deg);filter:blur(1px);pointer-events:none;}
    .section.changjing3 .container{position:relative;max-width:1120px;margin:0 auto;z-index:1;}
    .changjing-ke{position:relative;border-radius:22px;background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(15,23,42,.90));border:1px solid rgba(148,163,184,.45);box-shadow:0 24px 80px rgba(0,0,0,.65);padding:18px 20px 20px;overflow:hidden;}
    .changjing-ke::before{content:"";position:absolute;right:-60px;top:-80px;width:220px;height:220px;background:radial-gradient(circle at 30% 30%,rgba(129,140,248,.85),transparent 60%);opacity:.8;pointer-events:none;}
    .changjing-ke::after{content:"";position:absolute;left:-90px;bottom:-90px;width:240px;height:240px;background:radial-gradient(circle at 60% 60%,rgba(37,99,235,.45),transparent 70%);opacity:.7;pointer-events:none;}
    .shangye-changjing-buju{position:relative;display:flex;flex-direction:column;gap:16px;z-index:1;}
    .shangye-changjing-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;}
    .shangye-changjing-head{max-width:660px;color:#E5E7EB;}
    .shangye-changjing-head .kicker{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border-radius:999px;background:rgba(15,23,42,.7);border:1px solid rgba(191,219,254,.6);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;color:#BFDBFE;backdrop-filter:blur(6px);}
    .shangye-changjing-head h2{margin:0 0 4px;font-size:20px;color:#F9FAFB;}
    .shangye-changjing-head p{margin:2px 0 0;font-size:13px;color:#E5E7EB;line-height:1.7;opacity:.96;}
    .shangye-changjing-ce{min-width:220px;max-width:280px;color:#E5E7EB;font-size:12px;padding:8px 11px 9px;border-radius:14px;background:linear-gradient(135deg,rgba(15,23,42,.2),rgba(15,23,42,.65));border:1px solid rgba(148,163,184,.5);box-shadow:0 12px 32px rgba(15,23,42,.7);}
    .shangye-changjing-ce-timu{font-size:12px;font-weight:600;color:#E5E7EB;margin-bottom:4px;display:flex;align-items:center;gap:6px;}
    .shangye-changjing-ce-timu .dot{width:10px;height:10px;border-radius:999px;background:radial-gradient(circle at 30% 30%,#22C55E,#A3E635);box-shadow:0 0 0 4px rgba(34,197,94,.18);}
    .shangye-changjing-ce ul{margin:0;padding-left:16px;line-height:1.7;}
    .shangye-changjing-ce strong{color:#A3E635;font-weight:600;}
    .shangye-tabs{margin-top:4px;display:flex;flex-wrap:wrap;gap:10px;}
    .shangye-tabs button{flex:1;min-width:0;border-radius:999px;border:1px solid rgba(148,163,184,.6);background:rgba(15,23,42,.7);padding:8px 14px;text-align:left;font-size:12px;color:#E5E7EB;cursor:pointer;display:flex;flex-direction:column;gap:2px;transition:.18s;box-shadow:0 4px 18px rgba(0,0,0,.65);backdrop-filter:blur(6px);}
    .shangye-tabs button:hover{border-color:#BFDBFE;box-shadow:0 7px 24px rgba(15,23,42,.9);transform:translateY(-1px);}
    .shangye-tabs button.active{border-color:#A3E635;background:linear-gradient(135deg,#22C55E,#A3E635);color:#111827;box-shadow:0 10px 30px rgba(163,230,53,.35);}
    .shangye-tabs button.active .shangye-tab-timu{color:#111827;}
    .shangye-tab-timu{font-size:13px;font-weight:600;color:#F9FAFB;display:flex;align-items:center;gap:8px}
    .shangye-tab-miaoshu{font-size:11px;color:#E5E7EB;white-space:normal;opacity:.85;}
    .shangye-panel-wrap{margin-top:8px;border-radius:16px;border:1px solid rgba(148,163,184,.4);background:radial-gradient(circle at 0 0,rgba(129,140,248,.25),rgba(15,23,42,.9));box-shadow:inset 0 0 0 1px rgba(15,23,42,.8);padding:14px 16px 16px;}
    .shangye-panel{display:none;gap:16px;align-items:flex-start;flex-wrap:wrap;color:#E5E7EB;}
    .shangye-panel.active{display:flex;}
    .shangye-panel-main{flex:2;min-width:0;}
    .shangye-panel-side{flex:1.15;min-width:240px;border-left:1px solid rgba(55,65,81,.7);padding-left:16px;}
    @media(max-width:780px){
      .shangye-panel{flex-direction:column;}
      .shangye-panel-side{border-left:none;border-top:1px solid rgba(55,65,81,.7);padding-left:0;padding-top:10px;}
    }
    .shangye-panel-main h3{margin:0 0 4px;font-size:15px;color:#F9FAFB;}
    .shangye-panel-main p{margin:0 0 4px;font-size:12px;color:#E5E7EB;line-height:1.7;opacity:.96;}
    .shangye-panel-main ul{margin:3px 0 0;padding-left:18px;font-size:12px;color:#E5E7EB;line-height:1.6;}
    .shangye-panel-main li{margin:1px 0;}
    .shangye-taghang{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px;}
    .shangye-tag{padding:3px 9px;border-radius:999px;border:1px solid rgba(148,163,184,.7);background:rgba(15,23,42,.8);font-size:11px;color:#E5E7EB;}
    .shangye-ce-timu{font-size:12px;font-weight:600;color:#F9FAFB;margin-bottom:5px;}
    .shangye-ce-kuai{font-size:12px;color:#E5E7EB;margin-bottom:8px;line-height:1.6;}
    .shangye-ce-kuai:last-child{margin-bottom:0;}
    .shangye-jiage{font-size:18px;font-weight:700;color:#A3E635;margin:0 3px;}
    .shangye-ce-beizhu{font-size:11px;color:#9CA3AF;margin-top:1px;}

    /* CTA 区轻调布局 */
    .cta-dai .cta-anniuqu{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
    .cta-dai .cta-anniuqu .btn{display:inline-flex;align-items:center;justify-content:center}

    /* FAQ 区域图标样式 + 填满宽度 */
    .section.faq-news .faq-grid{display:block;}
    .section.faq-news .faq-grid>div{max-width:100%;}
    .faq-title-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:#EFF6FF;color:#2563EB;margin-right:6px;flex-shrink:0;}
    .accordion .q h4{display:flex;align-items:center;gap:6px;}
    .q-ico{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:#EEF2FF;color:#4F46E5;flex-shrink:0;}

    /* ===============================
       SVG 已移到 CSS（data-uri）
       - 小图标使用 mask（继承 currentColor）
       - Hero 大图使用 background-image
       =============================== */

    .ico-mask{
      display:inline-block;
      width:16px;height:16px;
      background:currentColor;
      vertical-align:-3px;
      -webkit-mask-repeat:no-repeat;
      -webkit-mask-position:center;
      -webkit-mask-size:contain;
              mask-repeat:no-repeat;
              mask-position:center;
              mask-size:contain;
    }

    /* 兼容你现有尺寸体系（btn-tubiao / an-ico / q-ico 等） */
    .btn-tubiao{display:inline-block}
    .btn-tubiao.ico-mask{margin-right:8px;opacity:.92}
    .btn.btn-sm .btn-tubiao.ico-mask{width:14px;height:14px;margin-right:7px;vertical-align:-2px}
    .btn.btn-lg .btn-tubiao.ico-mask{width:18px;height:18px;margin-right:10px;vertical-align:-3px}
    .btn.btn-outline .btn-tubiao.ico-mask,.btn.btn-ghost .btn-tubiao.ico-mask{opacity:.85}
    .btn:hover .btn-tubiao.ico-mask{opacity:1}

    .an-ico.ico-mask{width:16px;height:16px;vertical-align:-3px;margin-right:8px;opacity:.92}
    .faq-title-icon .ico-mask{width:14px;height:14px;vertical-align:-2px}
    .q-ico .ico-mask{width:12px;height:12px;vertical-align:-2px}

    .hero-biaoqian .ico-mask{width:16px;height:16px;color:#2563EB}
    .nengli-ico .ico-mask{width:18px;height:18px;vertical-align:0}

    /* ===== 小图标（mask-image） ===== */
    .ico-bolt{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M13%202L3%2014h7l-1%208%2012-14h-7l-1-6z%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M13%202L3%2014h7l-1%208%2012-14h-7l-1-6z%22/%3E%3C/svg%3E");}
    .ico-rocket{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M14%203c-3.5%200-6.6%202-8.2%205.1L4%2010l2%201.8C7.6%2015.9%2010.5%2019%2014%2019c2.2%200%204.1-1.1%205.3-2.8l1.7-2.4-1.9-1.5C19.6%209.1%2017%203%2014%203zm-3.5%2012.3l-1.8%201.8-2.7-.7.7-2.7%201.8-1.8c.4%201.2%201.1%202.4%202%203.4zM15%2010a2%202%200%201%201%200-4%202%202%200%200%201%200%204z%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M14%203c-3.5%200-6.6%202-8.2%205.1L4%2010l2%201.8C7.6%2015.9%2010.5%2019%2014%2019c2.2%200%204.1-1.1%205.3-2.8l1.7-2.4-1.9-1.5C19.6%209.1%2017%203%2014%203zm-3.5%2012.3l-1.8%201.8-2.7-.7.7-2.7%201.8-1.8c.4%201.2%201.1%202.4%202%203.4zM15%2010a2%202%200%201%201%200-4%202%202%200%200%201%200%204z%22/%3E%3C/svg%3E");}
    .ico-spark{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M12%202l1.2%206.1L20%2010l-6.8%201.9L12%2018l-1.2-6.1L4%2010l6.8-1.9L12%202z%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M12%202l1.2%206.1L20%2010l-6.8%201.9L12%2018l-1.2-6.1L4%2010l6.8-1.9L12%202z%22/%3E%3C/svg%3E");}
    .ico-eye{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M12%205c5.5%200%209.5%204.4%2010%207-.5%202.6-4.5%207-10%207S2.5%2014.6%202%2012c.5-2.6%204.5-7%2010-7zm0%202C7.7%207%204.4%2010.2%204%2012c.4%201.8%203.7%205%208%205s7.6-3.2%208-5c-.4-1.8-3.7-5-8-5zm0%202.5A2.5%202.5%200%201%201%2012%2015a2.5%202.5%200%200%201%200-5z%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M12%205c5.5%200%209.5%204.4%2010%207-.5%202.6-4.5%207-10%207S2.5%2014.6%202%2012c.5-2.6%204.5-7%2010-7zm0%202C7.7%207%204.4%2010.2%204%2012c.4%201.8%203.7%205%208%205s7.6-3.2%208-5c-.4-1.8-3.7-5-8-5zm0%202.5A2.5%202.5%200%201%201%2012%2015a2.5%202.5%200%200%201%200-5z%22/%3E%3C/svg%3E");}
    .ico-badge{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M12%202l3%205%205%201-3.5%204%201%206-5.5-2.5L6.5%2018l1-6L4%208l5-1%203-5z%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M12%202l3%205%205%201-3.5%204%201%206-5.5-2.5L6.5%2018l1-6L4%208l5-1%203-5z%22/%3E%3C/svg%3E");}
    .ico-cart{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M7%2018a2%202%200%201%200%20.001%204.001A2%202%200%200%200%207%2018zm10%200a2%202%200%201%200%20.001%204.001A2%202%200%200%200%2017%2018zM6.2%206l.4%202h12.1a1%201%200%200%201%20.98%201.2l-1%205A2%202%200%200%201%2016.73%2016H8.1a2%202%200%200%201-1.96-1.6L4.8%202H2V0h4a1%201%200%200%201%20.98.8L7.1%204H22v2H6.2z%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M7%2018a2%202%200%201%200%20.001%204.001A2%202%200%200%200%207%2018zm10%200a2%202%200%201%200%20.001%204.001A2%202%200%200%200%2017%2018zM6.2%206l.4%202h12.1a1%201%200%200%201%20.98%201.2l-1%205A2%202%200%200%201%2016.73%2016H8.1a2%202%200%200%201-1.96-1.6L4.8%202H2V0h4a1%201%200%200%201%20.98.8L7.1%204H22v2H6.2z%22/%3E%3C/svg%3E");}
    .ico-chat{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M4%204h16a2%202%200%200%201%202%202v10a2%202%200%200%201-2%202H9l-5%204v-4H4a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2zm3%206h10v2H7v-2zm0-4h10v2H7V6zm0%208h7v2H7v-2z%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M4%204h16a2%202%200%200%201%202%202v10a2%202%200%200%201-2%202H9l-5%204v-4H4a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2zm3%206h10v2H7v-2zm0-4h10v2H7V6zm0%208h7v2H7v-2z%22/%3E%3C/svg%3E");}
    .ico-home{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M12%203l9%208h-3v10h-5v-6H11v6H6V11H3l9-8z%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M12%203l9%208h-3v10h-5v-6H11v6H6V11H3l9-8z%22/%3E%3C/svg%3E");}
    .ico-arrowup{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M12%204l6%206h-4v10h-4V10H6l6-6z%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M12%204l6%206h-4v10h-4V10H6l6-6z%22/%3E%3C/svg%3E");}

    /* header 登录/注册（原 symbols 里未给，这里补齐） */
    .ico-login{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M10%2017l1.4-1.4-2.6-2.6H20v-2H8.8l2.6-2.6L10%207l-7%207%207%207z%20M2%2021V3h10v2H4v14h8v2H2z%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M10%2017l1.4-1.4-2.6-2.6H20v-2H8.8l2.6-2.6L10%207l-7%207%207%207z%20M2%2021V3h10v2H4v14h8v2H2z%22/%3E%3C/svg%3E");}
    .ico-userplus{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M15%2014c2.7%200%205%201.3%205%203v3H10v-3c0-1.7%202.3-3%205-3z%20M15%2012a4%204%200%201%201%200-8%204%204%200%200%201%200%208z%20M7%209V6H5v3H2v2h3v3h2v-3h3V9H7z%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M15%2014c2.7%200%205%201.3%205%203v3H10v-3c0-1.7%202.3-3%205-3z%20M15%2012a4%204%200%201%201%200-8%204%204%200%200%201%200%208z%20M7%209V6H5v3H2v2h3v3h2v-3h3V9H7z%22/%3E%3C/svg%3E");}

    /* FAQ “问号” */
    .ico-help{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M12%202a10%2010%200%201%200%200%2020%2010%2010%200%200%200%200-20zm0%2015.2a1%201%200%201%201%200%202%201%201%200%200%201%200-2zM12%206a3.2%203.2%200%200%201%203.2%203.2c0%201.4-.8%202.3-1.7%202.9-.7.5-1.3.9-1.3%201.7v.7h-2v-.9c0-1.5.9-2.2%201.8-2.8.7-.5%201.2-.9%201.2-1.6A1.2%201.2%200%200%200%2012%208.2c-.7%200-1.3.5-1.5%201.2l-2-.5A3.3%203.3%200%200%201%2012%206z%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M12%202a10%2010%200%201%200%200%2020%2010%2010%200%200%200%200-20zm0%2015.2a1%201%200%201%201%200%202%201%201%200%200%201%200-2zM12%206a3.2%203.2%200%200%201%203.2%203.2c0%201.4-.8%202.3-1.7%202.9-.7.5-1.3.9-1.3%201.7v.7h-2v-.9c0-1.5.9-2.2%201.8-2.8.7-.5%201.2-.9%201.2-1.6A1.2%201.2%200%200%200%2012%208.2c-.7%200-1.3.5-1.5%201.2l-2-.5A3.3%203.3%200%200%201%2012%206z%22/%3E%3C/svg%3E");}

    /* ===== Hero 大图：CSS 背景 SVG ===== */
    .sudu-hero{
      width:100%;
      aspect-ratio:720/460;
      border-radius:18px;
      background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20720%20460%22%20role%3D%22img%22%20aria-label%3D%22%E9%A6%99%E6%B8%AF%E9%AB%98%E9%98%B2%E5%A4%A7%E5%B8%A6%E5%AE%BD%E4%BA%91%20%C2%B7%202T%20DDoS%20%E9%98%B2%E6%8A%A4%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22bgG%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22rgb%2837%2C99%2C235%29%22%20stop-opacity%3D%220.95%22/%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220.55%22%20stop-color%3D%22rgb%2899%2C102%2C241%29%22%20stop-opacity%3D%220.75%22/%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22rgb%2834%2C197%2C94%29%22%20stop-opacity%3D%220.55%22/%3E%0A%20%20%20%20%3C/linearGradient%3E%0A%20%20%20%20%3CradialGradient%20id%3D%22rg2%22%20cx%3D%2225%25%22%20cy%3D%2220%25%22%20r%3D%2270%25%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22rgb%2834%2C197%2C94%29%22%20stop-opacity%3D%220.22%22/%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220.55%22%20stop-color%3D%22rgb%2837%2C99%2C235%29%22%20stop-opacity%3D%220.12%22/%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22rgb%2815%2C23%2C42%29%22%20stop-opacity%3D%220%22/%3E%0A%20%20%20%20%3C/radialGradient%3E%0A%20%20%20%20%3Cfilter%20id%3D%22blur2%22%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%3E%0A%20%20%20%20%20%20%3CfeGaussianBlur%20stdDeviation%3D%2212%22/%3E%0A%20%20%20%20%3C/filter%3E%0A%20%20%3C/defs%3E%0A%0A%20%20%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22720%22%20height%3D%22460%22%20fill%3D%22rgb%282%2C6%2C23%29%22/%3E%0A%20%20%3Ccircle%20cx%3D%22150%22%20cy%3D%2290%22%20r%3D%22200%22%20fill%3D%22url%28%23rg2%29%22/%3E%0A%20%20%3Ccircle%20cx%3D%22610%22%20cy%3D%2270%22%20r%3D%22140%22%20fill%3D%22rgb%2859%2C130%2C246%29%22%20opacity%3D%220.18%22%20filter%3D%22url%28%23blur2%29%22/%3E%0A%0A%20%20%3Cg%20opacity%3D%220.55%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M20%20320%20C160%20250%2C%20240%20380%2C%20380%20300%20C520%20220%2C%20600%20360%2C%20700%20280%22%20fill%3D%22none%22%20stroke%3D%22rgb%28248%2C250%2C252%29%22%20stroke-opacity%3D%220.30%22%20stroke-width%3D%222%22/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M20%20350%20C160%20280%2C%20240%20410%2C%20380%20330%20C520%20250%2C%20600%20390%2C%20700%20310%22%20fill%3D%22none%22%20stroke%3D%22rgb%28248%2C250%2C252%29%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%222%22/%3E%0A%20%20%3C/g%3E%0A%0A%20%20%3Cg%20transform%3D%22translate%28260%2C60%29%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M100%2020%20L200%2064%20V150%20C200%20250%20154%20314%20100%20330%20C46%20314%200%20250%200%20150%20V64%20L100%2020%20Z%22%20fill%3D%22url%28%23bgG%29%22%20opacity%3D%220.92%22/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M100%2058%20L165%2086%20V150%20C165%20230%20132%20270%20100%20282%20C68%20270%2035%20230%2035%20150%20V86%20L100%2058%20Z%22%20fill%3D%22rgb%282%2C6%2C23%29%22%20opacity%3D%220.70%22/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M80%20160%20h40%20a20%2020%200%200%200%2020-20%20v-18%20a20%2020%200%200%200-20-20%20h-40%20a20%2020%200%200%200-20%2020%20v18%20a20%2020%200%200%200%2020%2020z%22%20fill%3D%22rgb%28248%2C250%2C252%29%22%20opacity%3D%220.92%22/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22205%22%20cy%3D%2270%22%20r%3D%2210%22%20fill%3D%22rgb%2834%2C197%2C94%29%22%20opacity%3D%220.9%22/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22-10%22%20cy%3D%22150%22%20r%3D%228%22%20fill%3D%22rgb%2856%2C189%2C248%29%22%20opacity%3D%220.75%22/%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22210%22%20cy%3D%22210%22%20r%3D%227%22%20fill%3D%22rgb%2899%2C102%2C241%29%22%20opacity%3D%220.78%22/%3E%0A%20%20%3C/g%3E%0A%0A%20%20%3Cg%20fill%3D%22rgb%28248%2C250%2C252%29%22%20font-family%3D%22system-ui%2C-apple-system%2CSegoe%20UI%2CRoboto%2CArial%22%3E%0A%20%20%20%20%3Ctext%20x%3D%2248%22%20y%3D%2280%22%20font-size%3D%2220%22%20font-weight%3D%22700%22%20opacity%3D%220.98%22%3E%E9%A6%99%E6%B8%AF%E9%AB%98%E9%98%B2%E5%A4%A7%E5%B8%A6%E5%AE%BD%E4%BA%91%3C/text%3E%0A%20%20%20%20%3Ctext%20x%3D%2248%22%20y%3D%22118%22%20font-size%3D%2244%22%20font-weight%3D%22800%22%20fill%3D%22rgb%2834%2C197%2C94%29%22%20opacity%3D%220.96%22%3E2T%20%E9%98%B2%E6%8A%A4%3C/text%3E%0A%20%20%20%20%3Ctext%20x%3D%2248%22%20y%3D%22148%22%20font-size%3D%2214%22%20fill%3D%22rgb%28226%2C232%2C240%29%22%20opacity%3D%220.9%22%3EDDoS%20%E6%B8%85%E6%B4%97%20%C2%B7%20CC%20%E4%BF%9D%E6%8A%A4%20%C2%B7%20%E4%B8%9A%E5%8A%A1%E5%8F%AF%E7%94%A8%E6%80%A7%E6%9B%B4%E5%BC%BA%3C/text%3E%0A%20%20%20%20%3Cg%20opacity%3D%220.96%22%20fill%3D%22rgb%28191%2C219%2C254%29%22%3E%0A%20%20%20%20%20%20%3Ctext%20x%3D%2248%22%20y%3D%22208%22%20font-size%3D%2213%22%3E%E2%80%A2%20%E8%A6%86%E7%9B%96%20UDP%20/%20SYN%20/%20DNS%20/%20NTP%20/%20SSDP%20/%20CLDAP%20%E5%8F%8D%E5%B0%84%E6%94%BE%E5%A4%A7%3C/text%3E%0A%20%20%20%20%20%20%3Ctext%20x%3D%2248%22%20y%3D%22232%22%20font-size%3D%2213%22%3E%E2%80%A2%20HTTP%20Flood%20/%20CC%EF%BC%9A%E9%99%90%E9%80%9F%20%2B%20%E7%AD%96%E7%95%A5%20%2B%20%E8%81%94%E5%8A%A8%E9%98%B2%E6%8A%A4%3C/text%3E%0A%20%20%20%20%20%20%3Ctext%20x%3D%2248%22%20y%3D%22256%22%20font-size%3D%2213%22%3E%E2%80%A2%20CN2-GIA%20%2B%20BGP%EF%BC%9A%E7%A8%B3%E5%AE%9A%E5%9B%9E%E7%A8%8B%E3%80%81%E4%BD%8E%E6%8A%96%E5%8A%A8%3C/text%3E%0A%20%20%20%20%3C/g%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate%2848%2C300%29%22%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22310%22%20height%3D%2280%22%20rx%3D%2214%22%20fill%3D%22rgb%2815%2C23%2C42%29%22%20opacity%3D%220.55%22%20stroke%3D%22rgb%28148%2C163%2C184%29%22%20stroke-opacity%3D%220.35%22/%3E%0A%20%20%20%20%20%20%3Ctext%20x%3D%2216%22%20y%3D%2228%22%20font-size%3D%2212%22%20fill%3D%22rgb%28226%2C232%2C240%29%22%20opacity%3D%220.85%22%3E%E9%80%82%E7%94%A8%EF%BC%9A%E7%94%B5%E5%95%86/%E7%9B%B4%E6%92%AD/%E6%B8%B8%E6%88%8F/%E6%8E%A5%E5%8F%A3/%E6%B4%BB%E5%8A%A8%3C/text%3E%0A%20%20%20%20%20%20%3Ctext%20x%3D%2216%22%20y%3D%2252%22%20font-size%3D%2212%22%20fill%3D%22rgb%28226%2C232%2C240%29%22%20opacity%3D%220.85%22%3E%E7%9B%AE%E6%A0%87%EF%BC%9A%E6%8A%97%E6%94%BB%E5%87%BB%E4%B8%8D%E5%81%9C%E6%9C%8D%E3%80%81%E5%B3%B0%E5%80%BC%E6%9B%B4%E7%A8%B3%3C/text%3E%0A%20%20%20%20%3C/g%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E");
      background-size:100% 100%;
      background-repeat:no-repeat;
      background-position:center;
      box-shadow:0 18px 60px rgba(15,23,42,.25);
      border:1px solid rgba(148,163,184,.25);
    }
    @supports not (aspect-ratio: 1 / 1){
      .sudu-hero{height:0;padding-top:63.8889%;} /* 460/720 */
    }

    /* 头部导航：明确不使用 SVG symbols（保留按钮内图标，但改成 CSS mask） */
    .header .nav-actions .btn .btn-tubiao{display:none !important;}
	.products-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}

/* 左侧文案 */
.products-head-zuo{flex:1;min-width:0;}

/* 右侧折扣区域：靠右显示 */
.products-head-you{
  flex:0 0 520px;
  max-width:520px;
  display:flex;
  justify-content:flex-end;
}

/* 你原来的 jiage-dengji 默认是 align-items:flex-end，这里保留右对齐风格 */
.products-head-you .jiage-dengji{
  width:100%;
  min-width:0;
  align-items:flex-end;
}

/* ====== 移动端：上下显示，消除空白 ====== */
@media (max-width: 980px){
  .products-head{
    flex-direction:column;
    align-items:stretch;
    gap:10px;
    margin-bottom:14px;
  }
  .products-head-you{
    flex:1 1 auto;
    max-width:100%;
    justify-content:flex-end; /* 折扣仍在右侧 */
  }
  .products-head-you .jiage-dengji{
    width:100%;
    align-items:flex-end; /* 继续右对齐 */
  }
  /* 说明文字别撑出大空白 */
  .products-head-you #tierNote.dengji-beizhu{
    max-width:100%;
    margin-top:6px;
    font-size:12px;
    line-height:1.45;
  }
}

/* 更小屏：按钮允许换行但保持靠右 */
@media (max-width: 620px){
  .products-head-you .dengji-anniuqu{
    justify-content:flex-end;
    gap:6px;
  }
  .products-head-you .dengji-anniuqu button{
    padding:4px 10px;
    font-size:12px;
  }
}

