: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;--color-primary: #4299E1;--color-primary-hover: #2B6CB0;--color-primary-alpha: rgba(66, 153, 225, .1);--color-background: #F8F9FA;--color-background-elevated: #FFFFFF;--color-background-hover: #F5F5F5;--color-text-primary: #2D3748;--color-text-secondary: #757575;--color-text-tertiary: #BDBDBD;--color-border: #E0E0E0;--color-border-hover: #BDBDBD;--color-success: #4CAF50;--color-success-hover: #45A049;--color-error: #F44336;--color-error-hover: #E53935;--color-warning: #FF9800;--color-warning-hover: #F57C00;--color-info: #2196F3;--color-info-hover: #1976D2;--shadow-card: 0 2px 8px rgba(0, 0, 0, .08);--shadow-elevated: 0 4px 16px rgba(0, 0, 0, .12);--shadow-focus: 0 0 0 3px rgba(66, 153, 225, .1)}@media (prefers-color-scheme: dark){:root{--color-background: #121212;--color-background-elevated: #1E1E1E;--color-background-hover: #2A2A2A;--color-text-primary: #FFFFFF;--color-text-secondary: #B3B3B3;--color-text-tertiary: #666666;--color-border: #333333;--color-border-hover: #555555;--shadow-card: 0 2px 8px rgba(0, 0, 0, .3);--shadow-elevated: 0 4px 16px rgba(0, 0, 0, .4)}}@font-face{font-family:NotoColorEmojiFlags;src:url(../../../webfonts/noto-emoji-flags.woff2) format("woff2");font-display:swap;unicode-range:U+1F1E6-1F1FF}:root{--font-family-base: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang TC", "Microsoft JhengHei", "微軟正黑體", "PingFang SC", "Microsoft YaHei", "微软雅黑", "Noto Sans SC", "Noto Sans CJK SC", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;--font-family-en: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-ja: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic Medium", "Meiryo", "Noto Sans JP", "Noto Sans CJK JP", sans-serif;--font-family-ko: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", "Noto Sans CJK KR", sans-serif;--font-family-zh-tw: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", "PingFang TC", "Microsoft JhengHei", "微軟正黑體", "Noto Sans TC", "Noto Sans CJK TC", sans-serif;--font-family-zh-cn: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", "PingFang SC", "Microsoft YaHei", "微软雅黑", "Noto Sans SC", "Noto Sans CJK SC", sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Consolas", "Courier New", "Noto Sans Mono CJK TC", "Noto Sans Mono CJK SC", monospace}*{margin:0;padding:0;box-sizing:border-box}:lang(en),:lang(en-us),:lang(en-US),:lang(en-GB){font-family:var(--font-family-en)}:lang(ja),:lang(ja-jp),:lang(ja-JP){font-family:var(--font-family-ja)}:lang(ko),:lang(ko-kr),:lang(ko-KR){font-family:var(--font-family-ko)}:lang(zh-TW),:lang(zh-HK),:lang(zh-MO),:lang(zh-tw){font-family:var(--font-family-zh-tw)}:lang(zh-CN),:lang(zh-SG),:lang(zh-cn){font-family:var(--font-family-zh-cn)}.fa,.fas,.far,.fal,.fad,.fa-brands,.fa-regular,.fa-solid,.fa-classic,i[class*=fa-],[class*=fa-]:before,[class*=fa-]:after{font-family:"Font Awesome 7 Free"!important}i.fas,i.fa-solid,.fas:before,.fa-solid:before{font-weight:900!important;font-family:"Font Awesome 7 Free"!important}i.far,i.fa-regular,.far:before,.fa-regular:before{font-weight:400!important;font-family:"Font Awesome 7 Free"!important}i.fab,i.fa-brands,.fab:before,.fa-brands:before{font-family:"Font Awesome 7 Brands"!important;font-weight:400!important}body{background-color:var(--background-color);color:var(--text-color);line-height:1.6;font-family:var(--font-family-base)}.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;font-family:var(--font-family-base);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-iwe3sy{position:fixed;top:20px;right:20px;z-index:1000001;display:flex;flex-direction:column;gap:12px;pointer-events:none}.notification.svelte-iwe3sy{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-iwe3sy-slideIn .3s ease-out}.notification-success.svelte-iwe3sy{background:#22c55ee6;color:#fff}.notification-error.svelte-iwe3sy{background:#ef4444e6;color:#fff}.notification-warning.svelte-iwe3sy{background:#f59e0be6;color:#fff}.notification-info.svelte-iwe3sy{background:#3b82f6e6;color:#fff}.notification-icon.svelte-iwe3sy{font-size:18px;font-weight:700;flex-shrink:0}.notification-message.svelte-iwe3sy{flex:1;font-size:14px;line-height:1.4}.notification-close.svelte-iwe3sy{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-iwe3sy:hover{background-color:#fff3}@keyframes svelte-iwe3sy-slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 640px){.notification-container.svelte-iwe3sy{top:10px;right:10px;left:10px}.notification.svelte-iwe3sy{min-width:auto;max-width:none}}