.recommend-page[data-v-81a5f051]{min-height:100vh;background:#f8fafc}.page-header[data-v-81a5f051]{background:linear-gradient(135deg,#1e40af,#3b82f6);padding:2.5rem 1.5rem 3rem}.header-inner[data-v-81a5f051]{max-width:960px;margin:0 auto}.back-link[data-v-81a5f051]{display:inline-block;color:#ffffffbf;text-decoration:none;font-size:.875rem;margin-bottom:1.25rem;transition:color .2s}.back-link[data-v-81a5f051]:hover{color:#fff}.page-title[data-v-81a5f051]{font-size:2rem;font-weight:800;color:#fff;margin:0 0 .6rem;letter-spacing:-.02em}.page-description[data-v-81a5f051]{font-size:1rem;color:#ffffffd9;margin:0 0 1rem;line-height:1.6;max-width:560px}.tools-count[data-v-81a5f051]{display:inline-block;background:#fff3;color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .75rem;border-radius:999px;letter-spacing:.02em}.content-wrapper[data-v-81a5f051]{max-width:960px;margin:0 auto;padding:2rem 1.5rem 3rem}.guide-section[data-v-81a5f051]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.75rem 2rem;margin-bottom:2rem;line-height:1.8;color:#374151;font-size:.93rem}.guide-section[data-v-81a5f051] h2{font-size:1.1rem;font-weight:700;color:#1f2937;margin:1.25rem 0 .6rem}.guide-section[data-v-81a5f051] h2:first-child{margin-top:0}.guide-section[data-v-81a5f051] p{margin:0 0 .6rem;color:#4b5563}.guide-section[data-v-81a5f051] ul{margin:.5rem 0 .75rem;padding-left:1.4rem}.guide-section[data-v-81a5f051] li{margin-bottom:.35rem;color:#4b5563}.guide-section[data-v-81a5f051] strong{color:#1f2937;font-weight:600}.tools-grid[data-v-81a5f051]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-bottom:2rem}.tool-card[data-v-81a5f051]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;flex-direction:column;gap:.75rem}.tool-card[data-v-81a5f051]:hover{border-color:#93c5fd;box-shadow:0 8px 24px #2563eb1a;transform:translateY(-2px)}.tool-icon[data-v-81a5f051]{font-size:2rem;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:#eff6ff;border-radius:12px;flex-shrink:0}.tool-body[data-v-81a5f051]{flex:1}.tool-title[data-v-81a5f051]{font-size:1rem;font-weight:700;margin:0 0 .35rem;color:#111827}.tool-description[data-v-81a5f051]{font-size:.84rem;color:#6b7280;line-height:1.55;margin:0}.tool-tags[data-v-81a5f051]{display:flex;gap:.35rem;flex-wrap:wrap}.tag[data-v-81a5f051]{background:#f1f5f9;color:#64748b;padding:.18rem .55rem;border-radius:999px;font-size:.75rem;font-weight:500}.bottom-section[data-v-81a5f051]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.75rem 2rem;line-height:1.8;color:#374151;font-size:.93rem}.bottom-section[data-v-81a5f051] h2{font-size:1.1rem;font-weight:700;color:#1f2937;margin:1.25rem 0 .6rem}.bottom-section[data-v-81a5f051] h2:first-child{margin-top:0}.bottom-section[data-v-81a5f051] p{margin:0 0 .6rem;color:#4b5563}.bottom-section[data-v-81a5f051] ul{margin:.5rem 0 .75rem;padding-left:1.4rem}.bottom-section[data-v-81a5f051] li{margin-bottom:.35rem;color:#4b5563}.bottom-section[data-v-81a5f051] strong{color:#1f2937;font-weight:600}.scroll-top-btn[data-v-81a5f051]{position:fixed;bottom:2rem;right:2rem;width:44px;height:44px;border-radius:50%;background:#2563eb;color:#fff;border:none;font-size:1.2rem;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #2563eb59;transition:transform .2s,box-shadow .2s;z-index:1000;display:flex;align-items:center;justify-content:center}.scroll-top-btn[data-v-81a5f051]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb73}@media (max-width: 768px){.page-header[data-v-81a5f051]{padding:2rem 1.25rem 2.5rem}.page-title[data-v-81a5f051]{font-size:1.6rem}.content-wrapper[data-v-81a5f051]{padding:1.5rem 1rem 2rem}.tools-grid[data-v-81a5f051]{grid-template-columns:1fr 1fr;gap:.75rem}.tool-card[data-v-81a5f051]{padding:1.25rem}.tool-icon[data-v-81a5f051]{font-size:1.6rem;width:44px;height:44px}.guide-section[data-v-81a5f051],.bottom-section[data-v-81a5f051]{padding:1.25rem}}@media (max-width: 480px){.tools-grid[data-v-81a5f051]{grid-template-columns:1fr}.scroll-top-btn[data-v-81a5f051]{bottom:1.25rem;right:1.25rem;width:40px;height:40px}}