*{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3);-webkit-border-radius:10px;border-radius:10px}::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:rgba(0, 0, 0, 0.4);-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.25)}::-webkit-scrollbar-thumb:window-inactive{background:rgba(0, 0, 0, 0.3)}body{display:block;min-height:500px;font-family:"Microsoft YaHei"}body main{min-height:100vh}html.mirror-mode{transform:scaleX(-1)}.tools-section{background-color:#f9fafb}.tool-card{display:block;position:relative;background:#ffffff;border-radius:12px;padding:1.5rem;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden;text-decoration:none;height:100%;border:1px solid rgba(0, 0, 0, 0.05)}.tool-card__icon-wrapper{margin-bottom:1rem;font-size:36px;width:auto;height:auto;display:flex;align-items:center;justify-content:flex-start;border-radius:0;transition:all 0.3s ease;background-color:transparent;box-shadow:none;padding:0}.tool-card__icon{font-size:36px;transition:all 0.3s ease}.tool-card__title{font-size:1.25rem;font-weight:600;margin-bottom:0.5rem;color:#1f2937;transition:color 0.3s ease}.tool-card__desc{font-size:0.875rem;color:#6b7280;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color 0.3s ease}.tool-card__decoration{position:absolute;pointer-events:none}.tool-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)}.tool-card:hover .tool-card__title{color:#ffffff}.tool-card:hover .tool-card__desc{color:rgba(255, 255, 255, 0.9)}.tool-card:hover .tool-card__icon-wrapper{background-color:transparent;color:#ffffff;box-shadow:none}.tool-card--color-1{background:linear-gradient(145deg, #eff6ff 0%, #dbeafe 100%);border-color:#bfdbfe}.tool-card--color-1 .tool-card__icon-wrapper{color:#2563eb}.tool-card--color-1:hover{background:#2563eb;border-color:#2563eb}.tool-card--color-2{background:linear-gradient(145deg, #f3e8ff 0%, #e9d5ff 100%);border-color:#e9d5ff}.tool-card--color-2 .tool-card__icon-wrapper{color:#9333ea}.tool-card--color-2:hover{background:#9333ea;border-color:#9333ea}.tool-card--color-3{background:linear-gradient(145deg, #ecfdf5 0%, #d1fae5 100%);border-color:#a7f3d0}.tool-card--color-3 .tool-card__icon-wrapper{color:#059669}.tool-card--color-3:hover{background:#059669;border-color:#059669}.tool-card--color-4{background:linear-gradient(145deg, #fff7ed 0%, #ffedd5 100%);border-color:#fed7aa}.tool-card--color-4 .tool-card__icon-wrapper{color:#ea580c}.tool-card--color-4:hover{background:#ea580c;border-color:#ea580c}.tool-card--color-5{background:linear-gradient(145deg, #fef2f2 0%, #fee2e2 100%);border-color:#fecaca}.tool-card--color-5 .tool-card__icon-wrapper{color:#dc2626}.tool-card--color-5:hover{background:#dc2626;border-color:#dc2626}.tool-card--color-6{background:linear-gradient(145deg, #f0fdfa 0%, #ccfbf1 100%);border-color:#99f6e4}.tool-card--color-6 .tool-card__icon-wrapper{color:#0d9488}.tool-card--color-6:hover{background:#0d9488;border-color:#0d9488}.tool-card--color-7{background:linear-gradient(145deg, #fdf2f8 0%, #fce7f3 100%);border-color:#fbcfe8}.tool-card--color-7 .tool-card__icon-wrapper{color:#db2777}.tool-card--color-7:hover{background:#db2777;border-color:#db2777}.tool-card--color-8{background:linear-gradient(145deg, #eef2ff 0%, #e0e7ff 100%);border-color:#c7d2fe}.tool-card--color-8 .tool-card__icon-wrapper{color:#4f46e5}.tool-card--color-8:hover{background:#4f46e5;border-color:#4f46e5}.tool-card--color-9{background:linear-gradient(145deg, #fefce8 0%, #fef9c3 100%);border-color:#fde047}.tool-card--color-9 .tool-card__icon-wrapper{color:#ca8a04}.tool-card--color-9:hover{background:#ca8a04;border-color:#ca8a04}.tool-card--color-10{background:linear-gradient(145deg, #ecfeff 0%, #cffafe 100%);border-color:#a5f3fc}.tool-card--color-10 .tool-card__icon-wrapper{color:#0891b2}.tool-card--color-10:hover{background:#0891b2;border-color:#0891b2}.tool-card--color-11{background:linear-gradient(145deg, #f7fee7 0%, #ecfccb 100%);border-color:#d9f99d}.tool-card--color-11 .tool-card__icon-wrapper{color:#65a30d}.tool-card--color-11:hover{background:#65a30d;border-color:#65a30d}.tool-card--color-12{background:linear-gradient(145deg, #fff1f2 0%, #ffe4e6 100%);border-color:#fecdd3}.tool-card--color-12 .tool-card__icon-wrapper{color:#e11d48}.tool-card--color-12:hover{background:#e11d48;border-color:#e11d48}