/* 理财·副业 工具库 共享样式 */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Noto Sans SC',sans-serif;line-height:1.7;color:#1f2937;background:#f6f7fb}
.tool-nav{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100;padding:10px 20px}
.tool-nav-inner{max-width:760px;margin:0 auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.tool-nav a{color:#4f46e5;text-decoration:none;font-weight:700;font-size:.95rem}
.tool-nav .crumb{color:#9ca3af;font-size:.85rem}
.tool-hero{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);color:#fff;padding:40px 20px;text-align:center}
.tool-hero h1{font-size:1.8rem;font-weight:800;margin-bottom:8px}
.tool-hero p{opacity:.92;max-width:640px;margin:0 auto;font-size:1rem}
.tool-wrap{max-width:760px;margin:0 auto;padding:28px 20px 60px}
.tool-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:26px;box-shadow:0 4px 18px rgba(15,23,42,.05)}
.field{margin-bottom:16px}
.field label{display:block;font-size:.88rem;font-weight:600;color:#374151;margin-bottom:6px}
.field input,.field select{width:100%;padding:11px 14px;border:1px solid #d1d5db;border-radius:10px;font-size:1rem;outline:none;transition:border .2s}
.field input:focus,.field select:focus{border-color:#4f46e5}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}
.btn-primary{background:#4f46e5;color:#fff;box-shadow:0 6px 18px rgba(79,70,229,.3)}
.btn-primary:hover{background:#4338ca;transform:translateY(-2px)}
.btn-ghost{background:transparent;color:#4f46e5;border:1px solid #c7d2fe}
.btn-ghost:hover{background:#eef2ff}
.result-box{margin-top:22px;background:linear-gradient(135deg,#eef2ff,#fdf4ff);border:1px solid #c7d2fe;border-radius:12px;padding:20px;display:none}
.result-box .big{font-size:1.9rem;font-weight:800;color:#4f46e5;margin:6px 0}
.result-box .row{display:flex;justify-content:space-between;padding:5px 0;font-size:.95rem;border-bottom:1px dashed #e0e7ff}
.result-box .row:last-child{border-bottom:none}
.result-box .row b{color:#4338ca}
.share-card{display:none;margin-top:20px;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}
.share-card-inner{background:#fff;padding:20px}
.share-card-site{font-size:.75rem;color:#9ca3af;margin-bottom:8px}
.share-card-title{font-size:1.15rem;font-weight:800;color:#1f2937;margin-bottom:12px}
.share-card-rows{border-top:1px solid #f3f4f6;padding-top:8px}
.share-card-row{display:flex;justify-content:space-between;padding:6px 0;font-size:.95rem}
.share-card-row b{color:#4338ca}
.share-card-footer{font-size:.82rem;color:#6b7280;margin-top:8px}
.share-card-cta{margin-top:12px;font-size:.85rem;color:#4f46e5;font-weight:600}
.share-social{border-top:1px dashed #e0e7ff;margin-top:14px;padding-top:12px}
.share-social-label{font-size:.78rem;color:#6b7280;margin-bottom:8px;font-weight:600}
.share-social{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ss-btn{display:inline-flex;align-items:center;justify-content:center;padding:7px 14px;border-radius:16px;border:none;font-size:.82rem;font-weight:700;cursor:pointer;text-decoration:none;transition:all .2s}
.ss-weibo{background:#ff8200;color:#fff}
.ss-weibo:hover{filter:brightness(1.08)}
.ss-qzone{background:#2b82d9;color:#fff}
.ss-qzone:hover{filter:brightness(1.08)}
.ss-copy{background:#eef2ff;color:#4f46e5;border:1px solid #c7d2fe}
.ss-copy:hover{background:#e0e7ff}
.ss-wechat{background:#07c160;color:#fff}
.ss-wechat:hover{filter:brightness(1.08)}
.share-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.tool-faq{margin-top:28px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}
.tool-faq h2{font-size:1.1rem;margin-bottom:12px}
.tool-faq details{margin-bottom:8px}
.tool-faq summary{cursor:pointer;font-weight:600;color:#374151}
.tool-faq p{margin-top:6px;color:#4b5563;font-size:.92rem}
.tool-cta{margin-top:28px;background:linear-gradient(135deg,#f97316,#ef4444);color:#fff;border-radius:12px;padding:20px;text-align:center}
.tool-cta h3{font-size:1.1rem;margin-bottom:6px}
.tool-cta p{font-size:.92rem;opacity:.95;margin-bottom:12px}
.tool-cta a{display:inline-block;background:#fff;color:#ef4444;padding:10px 24px;border-radius:20px;font-weight:700;text-decoration:none}
.tool-related{margin-top:28px}
.tool-related h2{font-size:1.05rem;margin-bottom:10px}
.tool-related a{display:inline-block;margin:4px;padding:7px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;color:#4f46e5;text-decoration:none;font-size:.88rem}
.tool-related a:hover{border-color:#4f46e5;background:#eef2ff}
@media(max-width:640px){.tool-hero h1{font-size:1.4rem}.btn{padding:11px 20px;font-size:.95rem}}