:root{--primary:#2563eb;--primary-dark:#1d4ed8;--bg:#f8fafc;--card:#fff;--text:#1e293b;--text-light:#64748b;--border:#e2e8f0;--radius:12px;--shadow:0 1px 3px rgba(0,0,0,.08);--shadow-md:0 4px 12px rgba(0,0,0,.1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans TC","Microsoft JhengHei",sans-serif;color:var(--text);background:var(--bg);line-height:1.7}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.container{max-width:1200px;margin:0 auto;padding:0 20px}nav.navbar{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.nav-inner{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:64px}.nav-logo{font-size:1.5rem;font-weight:800;color:var(--text)}.nav-logo span{color:var(--primary)}.nav-links{display:flex;gap:24px;align-items:center}.nav-links a{color:var(--text-light);font-weight:500;font-size:.95rem}.nav-links a:hover{color:var(--primary);text-decoration:none}.hamburger{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text)}.hero{background:linear-gradient(135deg,var(--primary),#7c3aed);color:#fff;padding:80px 20px;text-align:center}.hero h1{font-size:2.5rem;margin-bottom:16px;font-weight:800}.hero p{font-size:1.15rem;opacity:.9;max-width:600px;margin:0 auto 32px}.hero-search{max-width:500px;margin:0 auto}.hero-search input{width:100%;padding:14px 20px;border:none;border-radius:50px;font-size:1rem;outline:none;box-shadow:0 4px 16px rgba(0,0,0,.2)}.section{padding:60px 20px}.section-title{font-size:1.8rem;font-weight:700;margin-bottom:8px;text-align:center}.section-sub{color:var(--text-light);text-align:center;margin-bottom:40px;font-size:1.05rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.card{background:var(--card);border-radius:var(--radius);padding:24px;border:1px solid var(--border);transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.card h3{font-size:1.15rem;margin-bottom:8px}.card p{color:var(--text-light);font-size:.95rem;line-height:1.6}.card-icon{font-size:2rem;margin-bottom:12px}.card-link{display:block;color:var(--primary);font-weight:600;margin-top:12px;font-size:.95rem}.category-label{font-size:.85rem;font-weight:600;text-transform:uppercase;color:var(--primary);letter-spacing:.5px;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--primary)}.tool-page{padding:40px 20px;max-width:800px;margin:0 auto}.tool-page h1{font-size:2rem;margin-bottom:8px}.tool-page .desc{color:var(--text-light);margin-bottom:32px;font-size:1.05rem}.calc-box{background:var(--card);border-radius:var(--radius);padding:32px;border:1px solid var(--border);box-shadow:var(--shadow)}.calc-box label{display:block;font-weight:600;margin-bottom:6px;font-size:.95rem}.calc-box input,.calc-box select{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:8px;font-size:1rem;margin-bottom:16px;outline:none;transition:border-color .2s}.calc-box input:focus,.calc-box select:focus{border-color:var(--primary)}.calc-box button{background:var(--primary);color:#fff;border:none;padding:14px 32px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.calc-box button:hover{background:var(--primary-dark)}.result-box{margin-top:20px;padding:20px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;font-size:1.1rem;font-weight:600;display:none}.result-box.show{display:block}.result-box.error{background:#fef2f2;border-color:#fecaca;color:#dc2626}.input-row{display:flex;gap:16px;flex-wrap:wrap}.input-row .input-group{flex:1;min-width:120px}.static-page{padding:40px 20px;max-width:800px;margin:0 auto}.static-page h1{font-size:2rem;margin-bottom:24px}.static-page h2{font-size:1.4rem;margin:32px 0 12px}.static-page p{margin-bottom:16px;line-height:1.8;color:#334155}.static-page ul{margin:16px 0 16px 24px}.static-page li{margin-bottom:8px;line-height:1.7}.article-page{padding:40px 20px;max-width:800px;margin:0 auto}.article-page h1{font-size:2rem;margin-bottom:8px}.article-meta{color:var(--text-light);margin-bottom:24px;font-size:.9rem}.article-content h2{font-size:1.4rem;margin:32px 0 12px}.article-content p{margin-bottom:16px;line-height:1.8;color:#334155}.article-content img{border-radius:var(--radius);margin:24px 0;box-shadow:var(--shadow)}.article-content ul{margin:16px 0 16px 24px}.article-content li{margin-bottom:8px;line-height:1.7}.tool-mention{color:var(--primary);font-weight:600}.breadcrumb{color:var(--text-light);font-size:.9rem;margin-bottom:16px}.breadcrumb a{color:var(--text-light)}.breadcrumb a:hover{color:var(--primary)}.footer{background:#1e293b;color:#94a3b8;padding:48px 20px 24px;margin-top:60px}.footer-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;margin-bottom:32px}.footer h4{color:#fff;margin-bottom:12px;font-size:1rem}.footer p{line-height:1.7;font-size:.9rem}.footer a{color:#94a3b8;display:block;margin-bottom:6px;font-size:.9rem}.footer a:hover{color:#fff;text-decoration:none}.footer-bottom{text-align:center;padding-top:24px;border-top:1px solid #334155;font-size:.85rem;max-width:1200px;margin:0 auto}.contact-form{max-width:500px;margin:32px 0}.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:8px;font-size:1rem;margin-bottom:16px;outline:none;font-family:inherit}.contact-form textarea{min-height:120px;resize:vertical}.contact-form button{background:var(--primary);color:#fff;border:none;padding:14px 32px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer}.faq-item{margin-bottom:16px}.faq-item h3{cursor:pointer;padding:16px;background:var(--card);border:1px solid var(--border);border-radius:8px}.faq-item p{padding:16px;border:1px solid var(--border);border-top:none;border-radius:0 0 8px 8px;display:none}.faq-item.open p{display:block}@media(max-width:768px){.nav-links{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;flex-direction:column;padding:16px 20px;border-bottom:1px solid var(--border);gap:12px}.nav-links.open{display:flex}.hamburger{display:block}.hero h1{font-size:1.8rem}.hero p{font-size:1rem}.cards-grid{grid-template-columns:1fr}.input-row{flex-direction:column}.input-row .input-group{min-width:auto}}