:root{--gradient-primary: linear-gradient(135deg, #4299E1 0%, #2B6CB0 100%);--gradient-secondary: linear-gradient(135deg, #63B3ED 0%, #3182CE 100%);--background-color: #F8F9FA;--text-color: #2D3748;--card-bg: #FFFFFF}*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Noto Sans SC,sans-serif}:lang(zh-CN),:lang(zh-SG){font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,"Font Awesome 6 Free",sans-serif}:lang(zh-TW),:lang(zh-HK),:lang(zh-MO){font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,Heiti TC,WenQuanYi Zen Hei,"Font Awesome 6 Free",sans-serif}body{background-color:var(--background-color);color:var(--text-color);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:2rem}.main-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(520px,1fr));gap:3rem;margin-bottom:3rem;max-width:1100px;margin-left:auto;margin-right:auto}.card{background:var(--card-bg);border-radius:20px;padding:2rem;box-shadow:0 10px 20px #0000001a;transition:all .3s;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:var(--gradient-secondary)}.card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #00000026}.card h2{color:#4a5568;margin-bottom:1.5rem;font-size:1.5rem;display:flex;align-items:center;gap:.75rem}.input-group{margin-bottom:1.5rem}.input-group label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:#4a5568;font-weight:500}.input-group input{width:100%;max-width:300px;margin:0 auto;padding:.75rem;border:2px solid #E2E8F0;border-radius:10px;font-size:1rem;transition:border-color .3s}.input-group input:focus{outline:none;border-color:#4299e1}.btn{background:var(--gradient-primary);color:#fff;padding:1rem 2rem;border:none;border-radius:10px;cursor:pointer;font-size:1rem;transition:all .3s;width:100%;max-width:300px;margin:0 auto;font-weight:600;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:.75rem}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}@media (max-width: 768px){.btn,.input-group input{max-width:250px}.container{padding:0 1rem 2rem}.main-grid{grid-template-columns:1fr;gap:2rem;max-width:none}}@media (max-width: 480px){.btn{max-width:200px;padding:.875rem 1.5rem}.input-group input{max-width:200px}.container{padding:0 .75rem 2rem}}@media (max-width: 360px){.container{padding:0 .5rem 2rem}.btn,.input-group input{max-width:180px}}.section-title{text-align:center;margin-bottom:2rem;color:#4a5568;font-size:2rem;display:flex;align-items:center;justify-content:center;gap:1rem}.section-title:after{content:"";display:block;width:50px;height:3px;background:var(--gradient-primary);margin:1rem auto;border-radius:3px}.resources{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.resource-item{background:var(--card-bg);padding:1.5rem;border-radius:15px;box-shadow:0 5px 15px #0000000d;transition:all .3s}.resource-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.resource-item h3{color:#4a5568;margin-bottom:1rem;font-size:1.25rem;display:flex;align-items:center;gap:.75rem}.resource-item a{color:#4a5568;text-decoration:none;display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.5rem 0;transition:color .3s}.resource-item a:hover{color:#4299e1}.notification-container.svelte-wzpydu{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.notification.svelte-wzpydu{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:300px;max-width:500px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);pointer-events:auto;animation:svelte-wzpydu-slideIn .3s ease-out}.notification-success.svelte-wzpydu{background:#22c55ee6;color:#fff}.notification-error.svelte-wzpydu{background:#ef4444e6;color:#fff}.notification-warning.svelte-wzpydu{background:#f59e0be6;color:#fff}.notification-info.svelte-wzpydu{background:#3b82f6e6;color:#fff}.notification-icon.svelte-wzpydu{font-size:18px;font-weight:700;flex-shrink:0}.notification-message.svelte-wzpydu{flex:1;font-size:14px;line-height:1.4}.notification-close.svelte-wzpydu{background:none;border:none;color:inherit;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s;flex-shrink:0}.notification-close.svelte-wzpydu:hover{background-color:#fff3}@keyframes svelte-wzpydu-slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 640px){.notification-container.svelte-wzpydu{top:10px;right:10px;left:10px}.notification.svelte-wzpydu{min-width:auto;max-width:none}}