@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap";:root{--primary-color:#3b82f6;--secondary-color:#1e40af;--text-color:#1f2937;--light-bg:#f3f4f6}body{color:var(--text-color);font-family:Noto Sans SC,sans-serif;line-height:1.5;margin:0;padding:0}.page-enter-active,.page-leave-active{transition:opacity .3s ease}.page-enter-from,.page-leave-to{opacity:0}.btn{border-radius:.375rem;padding:.5rem 1rem;transition:all .2s}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--secondary-color)}.btn-secondary{background-color:#e5e7eb;color:#374151}.btn-secondary:hover{background-color:#d1d5db}.input{border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem .75rem;transition:all .2s;width:100%}.input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}h1{font-size:2.25rem;font-weight:700;margin-bottom:1.5rem}h2{font-size:1.875rem;font-weight:600;margin-bottom:1rem}h3{font-size:1.5rem;font-weight:500;margin-bottom:.75rem}a{color:var(--primary-color);transition:color .2s}a:hover{color:var(--secondary-color)}.container{margin-left:auto;margin-right:auto;max-width:80rem;padding-left:1rem;padding-right:1rem;width:100%}@media(min-width:640px){.container{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.container{padding-left:2rem;padding-right:2rem}}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}