.home-container{max-width:1200px;margin:0 auto;padding:18px 20px 44px}
    .home-panel{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}
    .home-panel-hd{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:2px solid var(--red);background:linear-gradient(180deg,#fdf9f2,#fff)}
    .home-panel-hd h3{font-size:17.5px;letter-spacing:2.5px;position:relative;padding-left:14px;color:var(--red-deep);font-weight:700}
    .home-panel-hd h3::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:5px;background:var(--red);border-radius:2px}
    .home-panel-hd .more{font-size:13px;color:var(--ink-soft)}
    .home-panel-hd .more:hover{color:var(--red)}

    .home-news-list{list-style:none;margin:0;padding:4px 18px 10px;flex:1}
    .home-news-list li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px dashed var(--line)}
    .home-news-list li:last-child{border-bottom:none}
    .home-news-list .dot{width:5px;height:5px;border-radius:50%;background:var(--red);flex:0 0 auto}
    .home-news-list .t{flex:1;min-width:0;font-size:16px;line-height:1.5}
    .home-news-list .t .tt{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .home-news-list li:hover .t{color:var(--red)}
    .home-news-list .d{font-size:12.5px;color:var(--ink-soft);font-family:Georgia,serif;flex:0 0 auto}
    .home-news-list .tag{display:inline-block;font-size:11px;padding:1px 7px;border-radius:3px;background:var(--red);color:#fff;margin-right:4px;font-style:normal;vertical-align:1px}
    .home-news-list .tag.b{background:var(--gold)}

    .home-row1,
    .home-row2,
    .home-row3{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;margin-bottom:20px}
    .home-row1>.home-photo{grid-column:span 6}
    .home-row1>.home-panel{grid-column:span 6}
    .home-row2>.home-panel:nth-of-type(1){grid-column:span 6}
    .home-row2>.home-panel:nth-of-type(2){grid-column:span 4}
    .home-row2>.home-sys-col{grid-column:span 2}
    .home-row3>.home-panel:nth-of-type(1){grid-column:span 6}
    .home-row3>.home-panel:nth-of-type(2){grid-column:span 6}
    .home-photo{border-radius:8px;overflow:hidden;box-shadow:var(--shadow);position:relative;height:408px;background:#241212}
    .home-photo img{width:100%;height:100%;object-fit:cover}
    .home-photo .slide{position:absolute;left:0;top:0;right:0;bottom:0;opacity:0;transition:opacity .6s ease;z-index:1}
    .home-photo .slide.on{opacity:1;z-index:2}
    .home-photo .dots{position:absolute;right:14px;bottom:14px;z-index:5;display:flex;gap:7px}
    .home-photo .dots button{width:10px;height:10px;padding:0;border:none;border-radius:50%;background:rgba(255,255,255,.45);cursor:pointer;transition:background .2s,transform .2s}
    .home-photo .dots button:hover{background:rgba(255,255,255,.8)}
    .home-photo .dots button.on{background:#fff;transform:scale(1.15)}
    .home-photo .cap{position:absolute;left:0;right:0;bottom:0;padding:14px 18px;color:#fff;font-size:14px;letter-spacing:1px;background:linear-gradient(transparent,rgba(0,0,0,.62))}
    .home-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);align-items:center}
    .home-tabs button{background:none;border:none;padding:11px 20px;font-size:17.5px;font-family:inherit;color:var(--ink-soft);cursor:pointer;letter-spacing:1px;position:relative}
    .home-tabs button.on{color:var(--red);font-weight:700}
    .home-tabs button.on::before{content:"";position:absolute;left:6px;top:50%;margin-top:-8px;width:5px;height:16px;background:var(--red);border-radius:2px}
    .home-tabs button.on::after{content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:3px;background:var(--red)}
    .home-tabs .more{margin-left:auto;padding-right:16px;font-size:13px;color:#555}

    .home-row2{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;margin-bottom:20px}
    .home-sys-col{display:flex;flex-direction:column;gap:14px}
    .home-sys-col a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;height:101px;border-radius:8px;color:#fff;letter-spacing:2px;font-size:15.5px;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}
    .home-sys-col a::before{content:"";position:absolute;right:-16px;top:-16px;width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.12)}
    .home-sys-col a:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(120,20,20,.22)}
    .home-sys-col a svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
    .home-sys-col .s1{background:linear-gradient(135deg,var(--red-deep),var(--red))}
    .home-sys-col .s2{background:linear-gradient(135deg,#8a5f2a,var(--gold))}
    .home-sys-col .s3{background:linear-gradient(135deg,#33302c,#6a6257)}
    .home-sys-col a span{font-size:11px;letter-spacing:1px;opacity:.85;font-family:Georgia,serif}

    /* ===SILK-BEGIN=== */
    /* 通栏：方案 F「绸缎光泽」动态版（纯 CSS，不依赖图片）。
       ⚠️ 三层必须各自独立 —— CSS 同一元素的多个背景层只能共用一条 background-position
       动画，绑在一起会变成「整体刚性平移」，交叉处出硬边，看着像拉丝金属不像绸缎。
       三层时长互不相同（15s / 26s / 27s），相对相位持续变化 → 纹样会演变，
       这才是「绸缎被拨动」的观感。色标由 scripts/gen_home_silk_css.py 按正弦采样生成，
       每条一个整周期（≥32 段，段数太少会出棱）；位移量也取整周期 → 首尾同相无缝。 */
    .home-strip{position:relative;height:72px;border-radius:8px;margin-bottom:20px;box-shadow:var(--shadow);overflow:hidden;background:#9d2a24}
    .home-strip i{position:absolute;display:block;pointer-events:none}
    /* ⚠️ 伪元素必须显式 position:absolute —— .home-strip i 的定位只作用于 i 本身，
       不作用于它的 ::before/::after；漏掉这条它们会退化成零尺寸行内盒，直接不显示。 */
    .home-strip .hs-silk,.home-strip .hs-silk::before,.home-strip .hs-silk::after{position:absolute;top:0;right:0;bottom:0;left:0}
    .home-strip .hs-silk{background-repeat:repeat;
      background-image:repeating-linear-gradient(174.5deg,rgba(111,18,18,0.32) 0.00px,rgba(112,18,18,0.32) 1.95px,rgba(115,20,19,0.32) 3.89px,rgba(119,22,21,0.32) 5.84px,rgba(124,25,23,0.32) 7.79px,rgba(131,29,26,0.32) 9.73px,rgba(139,33,29,0.32) 11.68px,rgba(148,37,32,0.32) 13.63px,rgba(157,42,36,0.32) 15.57px,rgba(166,47,40,0.32) 17.52px,rgba(175,51,43,0.32) 19.47px,rgba(183,55,46,0.32) 21.42px,rgba(190,59,49,0.32) 23.36px,rgba(195,62,51,0.32) 25.31px,rgba(199,64,53,0.32) 27.26px,rgba(202,66,54,0.32) 29.20px,rgba(203,66,54,0.32) 31.15px,rgba(202,66,54,0.32) 33.10px,rgba(199,64,53,0.32) 35.04px,rgba(195,62,51,0.32) 36.99px,rgba(190,59,49,0.32) 38.94px,rgba(183,55,46,0.32) 40.88px,rgba(175,51,43,0.32) 42.83px,rgba(166,47,40,0.32) 44.78px,rgba(157,42,36,0.32) 46.72px,rgba(148,37,32,0.32) 48.67px,rgba(139,33,29,0.32) 50.62px,rgba(131,29,26,0.32) 52.57px,rgba(124,25,23,0.32) 54.51px,rgba(119,22,21,0.32) 56.46px,rgba(115,20,19,0.32) 58.41px,rgba(112,18,18,0.32) 60.35px,rgba(111,18,18,0.32) 62.30px);
      background-position:0 -3.8px;animation:hsSilkA 15s linear infinite}
    .home-strip .hs-silk::before{content:"";
      background-image:repeating-linear-gradient(192.0deg,rgba(65,0,0,0.2) 0.00px,rgba(67,1,1,0.2) 3.08px,rgba(72,3,3,0.2) 6.16px,rgba(81,8,6,0.2) 9.24px,rgba(92,13,11,0.2) 12.32px,rgba(106,20,16,0.2) 15.41px,rgba(122,28,22,0.2) 18.49px,rgba(139,36,29,0.2) 21.57px,rgba(157,45,36,0.2) 24.65px,rgba(175,54,43,0.2) 27.73px,rgba(192,62,50,0.2) 30.81px,rgba(208,70,56,0.2) 33.89px,rgba(222,77,61,0.2) 36.97px,rgba(233,82,66,0.2) 40.06px,rgba(242,87,69,0.2) 43.14px,rgba(247,89,71,0.2) 46.22px,rgba(249,90,72,0.2) 49.30px,rgba(247,89,71,0.2) 52.38px,rgba(242,87,69,0.2) 55.46px,rgba(233,82,66,0.2) 58.54px,rgba(222,77,61,0.2) 61.62px,rgba(208,70,56,0.2) 64.71px,rgba(192,62,50,0.2) 67.79px,rgba(175,54,43,0.2) 70.87px,rgba(157,45,36,0.2) 73.95px,rgba(139,36,29,0.2) 77.03px,rgba(122,28,22,0.2) 80.11px,rgba(106,20,16,0.2) 83.19px,rgba(92,13,11,0.2) 86.27px,rgba(81,8,6,0.2) 89.36px,rgba(72,3,3,0.2) 92.44px,rgba(67,1,1,0.2) 95.52px,rgba(65,0,0,0.2) 98.60px);
      background-position:0 -6.5px;animation:hsSilkB 26s linear infinite}
    .home-strip .hs-silk::after{content:"";
      background-image:repeating-linear-gradient(188.0deg,rgba(60,0,0,0.110) 0.00px,rgba(60,0,0,0.110) 4.58px,rgba(60,0,0,0.109) 9.17px,rgba(60,0,0,0.107) 13.75px,rgba(60,0,0,0.105) 18.33px,rgba(60,0,0,0.102) 22.92px,rgba(60,0,0,0.099) 27.50px,rgba(60,0,0,0.095) 32.08px,rgba(60,0,0,0.091) 36.67px,rgba(60,0,0,0.087) 41.25px,rgba(60,0,0,0.081) 45.83px,rgba(60,0,0,0.076) 50.42px,rgba(60,0,0,0.070) 55.00px,rgba(60,0,0,0.064) 59.58px,rgba(60,0,0,0.058) 64.17px,rgba(60,0,0,0.051) 68.75px,rgba(60,0,0,0.045) 73.33px,rgba(60,0,0,0.038) 77.92px,rgba(60,0,0,0.032) 82.50px,rgba(60,0,0,0.025) 87.08px,rgba(60,0,0,0.019) 91.67px,rgba(60,0,0,0.013) 96.25px,rgba(60,0,0,0.008) 100.83px,rgba(60,0,0,0.003) 105.42px,rgba(60,0,0,0.000) 110.00px,rgba(255,240,226,0.004) 114.58px,rgba(255,240,226,0.010) 119.17px,rgba(255,240,226,0.017) 123.75px,rgba(255,240,226,0.024) 128.33px,rgba(255,240,226,0.032) 132.92px,rgba(255,240,226,0.040) 137.50px,rgba(255,240,226,0.048) 142.08px,rgba(255,240,226,0.057) 146.67px,rgba(255,240,226,0.065) 151.25px,rgba(255,240,226,0.073) 155.83px,rgba(255,240,226,0.081) 160.42px,rgba(255,240,226,0.089) 165.00px,rgba(255,240,226,0.097) 169.58px,rgba(255,240,226,0.104) 174.17px,rgba(255,240,226,0.110) 178.75px,rgba(255,240,226,0.116) 183.33px,rgba(255,240,226,0.122) 187.92px,rgba(255,240,226,0.126) 192.50px,rgba(255,240,226,0.130) 197.08px,rgba(255,240,226,0.134) 201.67px,rgba(255,240,226,0.137) 206.25px,rgba(255,240,226,0.138) 210.83px,rgba(255,240,226,0.140) 215.42px,rgba(255,240,226,0.140) 220.00px,rgba(255,240,226,0.140) 224.58px,rgba(255,240,226,0.138) 229.17px,rgba(255,240,226,0.137) 233.75px,rgba(255,240,226,0.134) 238.33px,rgba(255,240,226,0.130) 242.92px,rgba(255,240,226,0.126) 247.50px,rgba(255,240,226,0.122) 252.08px,rgba(255,240,226,0.116) 256.67px,rgba(255,240,226,0.110) 261.25px,rgba(255,240,226,0.104) 265.83px,rgba(255,240,226,0.097) 270.42px,rgba(255,240,226,0.089) 275.00px,rgba(255,240,226,0.081) 279.58px,rgba(255,240,226,0.073) 284.17px,rgba(255,240,226,0.065) 288.75px,rgba(255,240,226,0.057) 293.33px,rgba(255,240,226,0.048) 297.92px,rgba(255,240,226,0.040) 302.50px,rgba(255,240,226,0.032) 307.08px,rgba(255,240,226,0.024) 311.67px,rgba(255,240,226,0.017) 316.25px,rgba(255,240,226,0.010) 320.83px,rgba(255,240,226,0.004) 325.42px,rgba(255,240,226,0.000) 330.00px,rgba(60,0,0,0.003) 334.58px,rgba(60,0,0,0.008) 339.17px,rgba(60,0,0,0.013) 343.75px,rgba(60,0,0,0.019) 348.33px,rgba(60,0,0,0.025) 352.92px,rgba(60,0,0,0.032) 357.50px,rgba(60,0,0,0.038) 362.08px,rgba(60,0,0,0.045) 366.67px,rgba(60,0,0,0.051) 371.25px,rgba(60,0,0,0.058) 375.83px,rgba(60,0,0,0.064) 380.42px,rgba(60,0,0,0.070) 385.00px,rgba(60,0,0,0.076) 389.58px,rgba(60,0,0,0.081) 394.17px,rgba(60,0,0,0.087) 398.75px,rgba(60,0,0,0.091) 403.33px,rgba(60,0,0,0.095) 407.92px,rgba(60,0,0,0.099) 412.50px,rgba(60,0,0,0.102) 417.08px,rgba(60,0,0,0.105) 421.67px,rgba(60,0,0,0.107) 426.25px,rgba(60,0,0,0.109) 430.83px,rgba(60,0,0,0.110) 435.42px,rgba(60,0,0,0.110) 440.00px);
      background-position:0 0;animation:hsSilkSwell 27s linear infinite}
    .home-strip .hs-edge{top:3px;right:0;bottom:3px;left:0;
      border-top:1px solid rgba(189,154,86,.5);border-bottom:1px solid rgba(189,154,86,.5);
      background:linear-gradient(90deg,rgba(0,0,0,.30),rgba(0,0,0,.13) 11%,rgba(0,0,0,.02) 24%,rgba(0,0,0,0) 34%,rgba(0,0,0,0) 66%,rgba(0,0,0,.02) 76%,rgba(0,0,0,.13) 89%,rgba(0,0,0,.30))}
    .home-strip .hs-shine{top:-40%;bottom:-40%;left:0;width:34%;
      background:linear-gradient(100deg,rgba(255,242,226,0) 0%,rgba(255,242,226,0) 26%,rgba(255,245,232,.09) 40%,rgba(255,248,238,.19) 50%,rgba(255,245,232,.09) 60%,rgba(255,242,226,0) 74%,rgba(255,242,226,0) 100%);
      transform:translateX(-120%) skewX(-14deg);
      animation:hsShine 9s cubic-bezier(.5,.04,.5,.96) infinite}
    @keyframes hsSilkA{from{background-position:0 -3.8px}to{background-position:0 58.5px}}
    @keyframes hsSilkB{from{background-position:0 -6.5px}to{background-position:0 92.1px}}
    @keyframes hsSilkSwell{from{background-position:0 0}to{background-position:0 440.0px}}
    @keyframes hsShine{0%{transform:translateX(-120%) skewX(-14deg)}70%,100%{transform:translateX(400%) skewX(-14deg)}}
    @media (prefers-reduced-motion:reduce){
      .home-strip .hs-silk,.home-strip .hs-silk::before,.home-strip .hs-silk::after,.home-strip .hs-shine{animation:none}
      .home-strip .hs-shine{transform:translateX(30%) skewX(-14deg);opacity:.6}
    }
/* ===SILK-END=== */

    .home-row3{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;margin-bottom:20px}
    .home-m-carousel{position:relative;padding:14px 16px 8px;flex:1}
    .home-m-page{display:none;grid-template-columns:repeat(3,1fr);gap:12px}
    .home-m-page.active{display:grid}
    .home-m-page .home-m-card{min-width:0}
    .home-m-dots{display:flex;gap:6px;justify-content:center;padding:8px 0 2px}
    .home-m-dots button{width:8px;height:8px;border-radius:50%;border:0;background:var(--line);cursor:pointer;padding:0;transition:background .2s}
    .home-m-dots button:hover{background:var(--ink-soft)}
    .home-m-dots button.on{background:var(--red)}
    .home-m-card{display:flex;flex-direction:column;text-align:center;background:var(--paper-2);border:1px solid var(--line);border-radius:6px;overflow:hidden;transition:transform .2s,box-shadow .2s}
    .home-m-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
    /* 会员风采 logo：各家 logo 尺寸/宽高比差别很大（实测 1:1 到 6:1），必须「完整显示 + 不变形」。
       做法：外层 .m-logo 是定高定宽的白底画框，图片只给 max-width/max-height 等比缩放并居中
       —— 这是所有浏览器都通用的写法（不依赖 object-fit，老 IE 也不会被拉变形）；
       object-fit:contain 只作为补充。切勿改回 object-fit:cover，cover 会把正方形 logo 上下裁掉近一半。 */
    .home-m-card .m-logo{display:flex;align-items:center;justify-content:center;height:96px;padding:12px 14px;background:#fff;border-bottom:1px solid var(--line)}
    .home-m-card .ci{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
    .home-m-card .av{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#e6dcc6,#c3ae87);display:flex;align-items:center;justify-content:center;color:#8a6f3f;font-size:17px;font-weight:700}
    .home-m-card .body{padding:8px 10px 12px;display:flex;flex-direction:column;gap:4px;flex:1}
    .home-m-card b{display:block;font-size:12.5px;font-weight:600;line-height:1.4;color:var(--ink);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}
    .home-m-card span{font-size:10.5px;color:var(--ink-soft)}

    .home-links{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:14px 18px;display:flex;align-items:center;gap:14px}
    .home-links h4{font-size:17.5px;letter-spacing:2.5px;flex:0 0 auto;position:relative;padding-right:14px;color:var(--red-deep);font-weight:700}
    .home-links h4::after{content:"";position:absolute;right:0;top:4px;bottom:4px;width:5px;background:var(--red);border-radius:2px}
    .home-links .box{display:flex;flex-wrap:wrap;align-items:center;gap:0 26px}
    .home-links .box a{font-size:13.5px;color:var(--ink-soft);padding:2px 0;transition:color .2s}
    .home-links .box a:hover{color:var(--red)}

    /* 移动端总闸（≤980px）：三行全部单列铺满，系统入口由竖排改横排 */
    @media(max-width:980px){
      .home-row1,.home-row2,.home-row3{grid-template-columns:1fr}
      .home-photo{height:240px}
      /* ⚠️ 媒体查询不提升优先级：这里必须带 :nth-of-type 才能与基础规则同为 0,3,0 并靠源码顺序取胜。
         早期只写 .home-row2>.home-panel（0,2,0），被基础的
         .home-row2>.home-panel:nth-of-type(2){grid-column:span 4} 压过，
         导致「政策法规」在移动端仍停在 span 4（其余面板 span 6 铺满）而异常变窄。 */
      .home-row1>.home-photo,
      .home-row1>.home-panel,
      .home-row2>.home-panel:nth-of-type(1),
      .home-row2>.home-panel:nth-of-type(2),
      .home-row2>.home-sys-col,
      .home-row3>.home-panel:nth-of-type(1),
      .home-row3>.home-panel:nth-of-type(2){grid-column:1/-1}
      /* 三个系统入口：竖排 → 整行三等分横排，高度加大（此前 76px 偏小） */
      .home-row2>.home-sys-col{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
      .home-row2>.home-sys-col a{height:100px;font-size:14px;letter-spacing:1px;padding:0 6px}
      .home-row2>.home-sys-col a svg{width:28px;height:28px}
      .home-row2>.home-sys-col a span{font-size:10.5px;letter-spacing:.5px}
    }
    @media(max-width:720px){
      .home-container{padding:12px 14px 28px}
      .home-row1,.home-row3{gap:14px;margin-bottom:14px}
      .home-row2{gap:14px;margin-bottom:14px}
      .home-photo{height:200px}
      .home-panel-hd{padding:11px 14px}
      .home-panel-hd h3{font-size:16px;letter-spacing:2px}
      .home-panel-hd .more{font-size:12px}
      .home-news-list{padding:4px 14px 10px}
      .home-news-list li{gap:8px;padding:7px 0}
      .home-news-list .t{font-size:14px}
      .home-news-list .d{font-size:11.5px}
      /* 顶部 tab 行：横滚避免 4 个挤成一团 */
      .home-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}
      .home-tabs button{padding:10px 14px;font-size:15px;letter-spacing:.5px;white-space:nowrap;flex:0 0 auto}
      .home-tabs button.on::before{left:4px;margin-top:-7px;height:14px}
      .home-tabs button.on::after{left:14px;right:14px}
      .home-tabs .more{padding:10px 12px;flex:0 0 auto}
      .home-strip{height:58px;margin-bottom:14px}
      /* 会员名录卡片：图缩、字号缩 */
      .home-m-carousel{padding:12px 12px 6px}
      .home-m-page{gap:10px}
      .home-m-card .m-logo{height:80px;padding:9px 10px}
      .home-m-card .av{width:38px;height:38px;font-size:14px}
      .home-m-card .body{padding:6px 8px 10px;gap:3px}
      .home-m-card b{font-size:12px}
      .home-m-card span{font-size:10px}
      /* 友情链接：标题与链接纵向 */
      .home-links{padding:12px 14px;flex-direction:column;align-items:flex-start;gap:8px}
      .home-links h4{font-size:16px;letter-spacing:2px;padding-right:0;padding-bottom:6px}
      .home-links h4::after{right:auto;left:0;top:auto;bottom:0;width:30px;height:3px}
      .home-links .box{gap:6px 18px}
      .home-links .box a{font-size:13px}
    }
    /* 手机（≤560px）：三个系统入口三等分太挤（每块仅约 110px），改为 2+1 布局，
       前两个各占一半，第三个通栏。⚠️ 选择器前缀必须写成 .home-row2>.home-sys-col（0,2,x），
       此前写成 .home-sys-col（0,1,x）被 980 块的同名规则压过，整段从未生效。 */
    @media(max-width:560px){
      .home-row2>.home-sys-col{grid-template-columns:repeat(2,1fr);gap:10px}
      .home-row2>.home-sys-col a{height:88px;font-size:13.5px;letter-spacing:.5px;padding:0 4px}
      .home-row2>.home-sys-col a svg{width:26px;height:26px}
      .home-row2>.home-sys-col a span{font-size:10px;letter-spacing:0}
      .home-row2>.home-sys-col a:nth-of-type(3){grid-column:1/-1;height:66px;flex-direction:row;justify-content:center;gap:10px}
      .home-row2>.home-sys-col a:nth-of-type(3) svg{width:24px;height:24px}
      .home-row2>.home-sys-col a:nth-of-type(3) span{font-size:10px;margin-left:2px}
    }
    @media(max-width:520px){
      .home-m-page{grid-template-columns:repeat(2,1fr)}
    }
    /* 极窄屏（≤400px，如 iPhone SE / 360px 安卓）：系统入口彻底纵向，每块通栏横排（图标+文字） */
    @media(max-width:400px){
      .home-row2>.home-sys-col{grid-template-columns:1fr;gap:10px}
      .home-row2>.home-sys-col a{height:66px;flex-direction:row;justify-content:center;gap:12px;font-size:14px;letter-spacing:1px;padding:0 14px}
      .home-row2>.home-sys-col a svg{width:24px;height:24px}
      .home-row2>.home-sys-col a span{font-size:10.5px;margin-left:2px}
      /* 需同样用 :nth-of-type(3)（0,3,1）才能覆盖 560 块给第三块设的通栏样式 */
      .home-row2>.home-sys-col a:nth-of-type(3){grid-column:auto;height:66px;flex-direction:row;justify-content:center;gap:12px}
      .home-photo{height:180px}
      .home-strip{height:50px}
    }