/* ========================================================================== 影之刃零 · 攻略按钮组（单组独立版，可直接贴到任意页面） ========================================================================== */.hb{ --c1:#b9534b; --c2:#8f3a33; --ease:cubic-bezier(.22,.61,.36,1); box-sizing:border-box; width:auto; max-width:100%; margin:0 18px 20px 0; padding:0; background:transparent; border:0; border-radius:0; overflow:hidden;}.hb *{box-sizing:border-box;}/* ---------------- 分组标题 ---------------- */.hb-block{ margin:0; padding:0;}.hb-block__title{ position:relative; margin:0 0 11px; padding:0 0 0 11px; font-size:15px; font-weight:700; line-height:1.4; color:#222222;}.hb-block__title::before{ content:""; position:absolute; left:0; top:4px; width:3px; height:13px; border-radius:1.5px; background:linear-gradient(180deg,rgba(185,83,75,.9),rgba(185,83,75,.35));}/* ---------------- 按钮 ---------------- */.hb-chips{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:0; padding:0; list-style:none;}/* 按条数可选的列数：3 个用 --3，2 个用 --2，5 个用 --5 */.hb-chips--2{grid-template-columns:repeat(2,minmax(0,1fr));}.hb-chips--3{grid-template-columns:repeat(3,minmax(0,1fr));}.hb-chips--5{grid-template-columns:repeat(5,minmax(0,1fr));}.hb-chips li{ position:relative; min-width:0; overflow:hidden; background:#ffffff; background-repeat:no-repeat; border:1px solid #e6e8ec; border-radius:6px; transition:background-color .22s var(--ease),border-color .22s var(--ease),box-shadow .22s var(--ease);}.hb-chips li:hover{ background-color:#f8ddd7; border-color:rgba(185,83,75,.62); box-shadow:0 3px 10px rgba(185,83,75,.18);}.hb-chips a{ position:relative; z-index:1; display:flex; align-items:center; justify-content:center; height:36px; padding:0 8px; font-size:12.5px; line-height:1; color:#33383f; text-decoration:none; background:transparent; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -webkit-tap-highlight-color:transparent; cursor:pointer !important; transition:color .22s var(--ease);}.hb-chips li:hover a{color:var(--c2);}.hb-chips a:focus-visible{outline:2px solid var(--c2);outline-offset:-2px;}/* ---------------- 响应式 ---------------- */@media (max-width:860px){ .hb{margin-right:0;} .hb-chips,.hb-chips--2,.hb-chips--3,.hb-chips--5{grid-template-columns:repeat(3,minmax(0,1fr));}}@media (max-width:600px){ .hb{margin-right:0;} .hb-chips,.hb-chips--2,.hb-chips--3,.hb-chips--5{grid-template-columns:repeat(2,minmax(0,1fr));}}影之武装催心琵琶苦叶寺珠串拙壁盾追命锁镰羽弓铁拳套巨山斧点击查看：