.mod-tool-index-hd .lead{font-size:14px;color:#444;line-height:24px}.mod-tool-list{background:rgba(0,0,0,0);box-shadow:none;border-radius:0;margin-bottom:20px}.mod-tool-list .hd{background:rgba(0,0,0,0);border:0;padding:6px 4px 14px}.mod-tool-list .hd .title{font-size:18px}.mod-tool-list .hd .title:before{height:18px;width:5px;margin-right:12px;background:linear-gradient(180deg, #2ca1fc, #21c379)}.mod-tool-list .bd{padding:0;background:rgba(0,0,0,0)}.tool-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px}.tool-card{position:relative;display:flex;flex-direction:column;padding:28px 22px 20px;background:#fff;border:1px solid #ececec;border-radius:10px;color:#333;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;overflow:hidden;min-height:240px}.tool-card:before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg, #2ca1fc, #21c379);border-radius:10px 10px 0 0}.tool-card:after{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;background:radial-gradient(circle, rgba(44, 161, 252, 0.08) 0%, transparent 70%);border-radius:50%;pointer-events:none}.tool-card:hover{transform:translateY(-4px);border-color:#2ca1fc;box-shadow:0 12px 28px rgba(44,161,252,.18)}.tool-card:hover .tool-icon{transform:scale(1.05) rotate(-4deg);box-shadow:0 8px 20px rgba(44,161,252,.35)}.tool-card:hover .tool-cta{color:#2ca1fc}.tool-card:hover .tool-cta i{transform:translateX(4px)}.tool-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:16px;background:linear-gradient(135deg, #2ca1fc, #1f8de4);color:#fff;border-radius:14px;box-shadow:0 4px 12px rgba(44,161,252,.25);transition:transform .25s ease,box-shadow .25s ease}.tool-icon svg{width:30px;height:30px;display:block}.tool-name{font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 8px;line-height:24px}.tool-desc{flex:1;font-size:13px;line-height:21px;color:#666;margin:0 0 12px}.tool-tags{display:flex;flex-wrap:wrap;gap:5px 6px;margin-bottom:14px}.tool-tags span{display:inline-block;padding:2px 9px;font-size:11px;line-height:18px;color:#2ca1fc;background:rgba(44,161,252,.1);border-radius:10px;font-weight:500}.tool-cta{display:inline-flex;align-items:center;font-size:13px;color:#888;font-weight:600;line-height:20px;padding-top:10px;border-top:1px dashed #f0f0f0;transition:color .2s ease}.tool-cta i{font-style:normal;display:inline-block;margin-left:4px;transition:transform .2s ease}.tool-badge{position:absolute;top:14px;right:14px;padding:0 9px;height:22px;line-height:22px;font-size:11px;font-weight:700;color:#fff;background:linear-gradient(135deg, #ff6b6b, #f0386b);border-radius:11px;letter-spacing:.5px;box-shadow:0 2px 6px rgba(240,56,107,.3);z-index:1}.tool-card-coming{background:#fafbfc;border-style:dashed;border-color:#dde1e6;color:#888}.tool-card-coming:before{background:linear-gradient(90deg, #cbd1d8, #dde1e6)}.tool-card-coming:after{display:none}.tool-card-coming .tool-icon{background:#fff;color:#b8c1cd;box-shadow:none}.tool-card-coming .tool-name{color:#888}.tool-card-coming .tool-desc{color:#999}.tool-card-coming .tool-tags span{color:#999;background:#ececec}.tool-card-coming:hover{transform:none;border-color:#dde1e6;box-shadow:none}.tool-card-coming:hover .tool-icon{transform:none;box-shadow:none}@media screen and (max-width: 1024px){.tool-grid{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 600px){.tool-grid{grid-template-columns:1fr;gap:12px}.tool-card{min-height:0;padding:20px 18px 16px}.tool-icon{width:48px;height:48px;border-radius:12px}.tool-icon svg{width:26px;height:26px}.tool-name{font-size:16px}}