/* 区块标题 */
.tools-header{display:flex;align-items:center;justify-content:space-between;margin:28px 4px 18px}
.tools-title{font-family:var(--font-display);font-size:22px;font-weight:500;color:var(--sage-900);display:flex;align-items:center;gap:10px}
.tools-title::before{content:"";width:4px;height:22px;border-radius:2px;background:linear-gradient(180deg,var(--terra-600),var(--sage-500))}
.tools-sub{font-size:13px;color:var(--sage-500)}

/* 网格 */
.hp-tools-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
@media(min-width:1280px){.hp-tools-grid{grid-template-columns:repeat(5,1fr)}}

/* 卡片主体 */
.hub-card{position:relative;overflow:hidden;background:#fff;border-radius:18px;padding:22px 20px 20px;border:1px solid rgba(80,97,68,.08);box-shadow:0 2px 10px rgba(60,50,40,.04);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s;display:flex;flex-direction:column}
.hub-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--acc);opacity:.95}
.hub-card::after{content:"";position:absolute;top:-40%;right:-40%;width:220px;height:220px;border-radius:50%;background:var(--accbg);filter:blur(32px);opacity:.55;pointer-events:none;transition:opacity .4s}
.hub-card:hover{transform:translateY(-6px);box-shadow:0 20px 42px -14px var(--accsh);border-color:transparent}
.hub-card:hover::after{opacity:.9}

.hub-icon{width:54px;height:54px;border-radius:14px;background:var(--accbg);display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:14px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6);position:relative;z-index:1}
.hub-name{font-family:var(--font-display);font-size:17px;font-weight:500;color:var(--sage-900);margin-bottom:2px;line-height:1.35;position:relative;z-index:1}
.hub-sub{font-size:12px;color:var(--sage-500);margin-bottom:10px;letter-spacing:.3px;position:relative;z-index:1}
.hub-desc{font-size:13px;line-height:1.65;color:#5a6350;margin-bottom:14px;flex:1;position:relative;z-index:1}
.hub-chip{display:inline-block;font-size:11px;padding:3px 9px;border-radius:99px;background:rgba(80,97,68,.06);color:#5a6350;margin:0 4px 5px 0;border:1px solid rgba(80,97,68,.08)}

.hub-cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px 14px;border-radius:12px;background:var(--acc);color:#fff;font-size:13.5px;font-weight:500;border:none;cursor:pointer;letter-spacing:.5px;box-shadow:0 4px 12px -4px var(--accsh);transition:transform .2s,box-shadow .3s,filter .2s;position:relative;z-index:1}
.hub-cta:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 8px 18px -6px var(--accsh)}
.hub-cta svg{transition:transform .3s}
.hub-cta:hover svg{transform:translateX(3px)}

/* 徽章 */
.hub-badge{position:absolute;top:14px;right:14px;z-index:2;font-size:10px;font-weight:600;letter-spacing:.6px;padding:3px 9px;border-radius:99px;color:#fff;text-transform:uppercase}
.hub-badge.hot{background:linear-gradient(135deg,#b56b56,#9a513e);box-shadow:0 3px 10px rgba(154,81,62,.4)}
.hub-badge.new{background:linear-gradient(135deg,#4f46e5,#a855f7);box-shadow:0 3px 10px rgba(79,70,229,.4)}