.recommend-page[data-v-bad9843c]{max-width:1400px;margin:0 auto;padding:1rem 1.5rem 2rem}.page-header[data-v-bad9843c]{text-align:center;margin-bottom:2rem}.page-title[data-v-bad9843c]{font-size:2rem;color:#1f2937;margin:0 0 .75rem}.page-description[data-v-bad9843c]{font-size:1.05rem;color:#6b7280;margin:0 0 .5rem;line-height:1.6}.tools-count[data-v-bad9843c]{font-size:.9rem;color:#2563eb;font-weight:600;margin:0}.guide-section[data-v-bad9843c]{max-width:900px;margin:0 auto 2.5rem;padding:2rem;background:#f8fafc;border-radius:16px;border:1px solid #e2e8f0;line-height:1.8;color:#374151;font-size:.95rem}.guide-section h2[data-v-bad9843c]{font-size:1.3rem;color:#1f2937;margin:1.5rem 0 .75rem}.guide-section h2[data-v-bad9843c]:first-child{margin-top:0}.guide-section p[data-v-bad9843c]{margin:0 0 .75rem}.guide-section ul[data-v-bad9843c]{margin:.5rem 0 1rem;padding-left:1.5rem}.guide-section li[data-v-bad9843c]{margin-bottom:.4rem}.guide-section strong[data-v-bad9843c]{color:#1f2937}.bottom-section[data-v-bad9843c]{max-width:900px;margin:2.5rem auto 0;padding:2rem;background:#f8fafc;border-radius:16px;border:1px solid #e2e8f0;line-height:1.8;color:#374151;font-size:.95rem}.bottom-section h2[data-v-bad9843c]{font-size:1.3rem;color:#1f2937;margin:1.5rem 0 .75rem}.bottom-section h2[data-v-bad9843c]:first-child{margin-top:0}.bottom-section p[data-v-bad9843c]{margin:0 0 .75rem}.bottom-section ul[data-v-bad9843c]{margin:.5rem 0 1rem;padding-left:1.5rem}.bottom-section li[data-v-bad9843c]{margin-bottom:.4rem}.tools-grid[data-v-bad9843c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.tool-card[data-v-bad9843c]{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:1.75rem;text-decoration:none;color:inherit;transition:all .25s ease;display:flex;flex-direction:column;box-shadow:0 1px 3px #0000000a}.tool-card[data-v-bad9843c]:hover{border-color:#bfdbfe;transform:translateY(-3px);box-shadow:0 12px 32px #2563eb1a}.tool-icon[data-v-bad9843c]{font-size:2.5rem;margin-bottom:1rem;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#f0f7ff;border-radius:14px}.tool-title[data-v-bad9843c]{font-size:1.15rem;margin:0 0 .4rem;color:#1f2937;font-weight:650}.tool-description[data-v-bad9843c]{font-size:.88rem;color:#6b7280;line-height:1.55;margin:0 0 1rem;flex-grow:1}.tool-tags[data-v-bad9843c]{display:flex;gap:.4rem;flex-wrap:wrap}.tag[data-v-bad9843c]{background:#f1f5f9;color:#475569;padding:.2rem .6rem;border-radius:6px;font-size:.78rem;font-weight:500}.scroll-top-btn[data-v-bad9843c]{position:fixed;bottom:2rem;right:2rem;width:46px;height:46px;border-radius:14px;background:#2563eb;color:#fff;border:none;font-size:1.3rem;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #2563eb4d;transition:all .25s;z-index:1000;display:flex;align-items:center;justify-content:center}.scroll-top-btn[data-v-bad9843c]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66;background:#1d4ed8}@media (max-width: 768px){.page-title[data-v-bad9843c]{font-size:1.5rem}.page-description[data-v-bad9843c]{font-size:.95rem}.guide-section[data-v-bad9843c],.bottom-section[data-v-bad9843c]{padding:1.5rem;margin-left:0;margin-right:0}.tools-grid[data-v-bad9843c]{grid-template-columns:1fr;gap:1.25rem}.tool-card[data-v-bad9843c]{padding:1.5rem}.scroll-top-btn[data-v-bad9843c]{bottom:1.5rem;right:1.5rem;width:42px;height:42px;font-size:1.2rem}}