:root{--color-primary:#1c6683;--color-secondary:#57C785;--color-accent:#D4C953;--color-dark:#1E293B;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-700:#374151;--color-white:#ffffff}body{font-family:Inter,Noto Sans TC,sans-serif;color:var(--color-dark);background:linear-gradient(135deg,#f5f7fa,#eef2f7);min-height:100vh;margin:0;line-height:1.5}h1,h2,h3,h4,h5,h6{margin:0;font-weight:inherit;font-size:inherit}a{text-decoration:none}.app-main{max-width:80rem;margin:0 auto;padding:1.5rem 1rem}.hero-section{text-align:center;margin-bottom:2rem;padding:1rem 0}.hero-title{font-size:1.875rem;font-weight:700;line-height:2.25rem;letter-spacing:-.025em;margin-bottom:.5rem}.hero-title span{display:block}.text-primary{color:var(--color-primary)}.hero-description{max-width:28rem;margin:.5rem auto 0;font-size:1rem;color:var(--color-gray-500)}.section-container{margin:2rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.section-title{font-size:1.5rem;font-weight:700}.text-secondary{color:var(--color-secondary)}.section-divider{height:1px;flex-grow:1;margin-left:1rem;opacity:.5;background:linear-gradient(to right,transparent,var(--color-secondary))}.section-divider.bg-accent{background:linear-gradient(to right,transparent,var(--color-accent));opacity:.3}.tools-grid{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:1.5rem;gap:1.5rem}@media (min-width:640px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.tools-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.tools-grid{grid-template-columns:repeat(4,1fr)}}.tool-card{background-color:var(--color-white);border-radius:.75rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);padding:1.5rem;border:1px solid var(--color-gray-100);display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease}.tool-card:hover{transform:translateY(-.3125rem);box-shadow:0 10px 25px -5px rgba(28,102,131,.1),0 8px 10px -6px rgba(87,199,133,.1)}.card-icon{padding:.75rem;border-radius:9999px;margin-bottom:1rem}.bg-primary-light{background-color:rgba(28,102,131,.1)}.bg-secondary-light{background-color:rgba(87,199,133,.1)}.bg-accent-light{background-color:rgba(212,201,83,.1)}.icon{height:2rem;width:2rem}.card-title{font-size:1.25rem;font-weight:500;margin-bottom:.5rem}.text-accent{color:var(--color-accent)}.card-description{font-size:.875rem;color:var(--color-gray-500)}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary),0 0 0 4px rgba(28,102,131,.3)}.skip-to-content{position:absolute;left:1rem;top:-3rem;background-color:var(--color-primary);color:var(--color-white);padding:.5rem 1rem;border-radius:0 0 .375rem .375rem;z-index:50;transition:transform .3s ease}.skip-to-content:focus{top:0}