nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;padding:.7rem 1.5rem;background:#ffffffeb;-webkit-backdrop-filter:saturate(1.2) blur(8px);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--border)}nav a{text-decoration:none;color:var(--ink-body);font-weight:600;margin-right:1rem;white-space:nowrap;transition:color .15s}nav a:hover{color:var(--brand-text);text-decoration:none}.nav-brand-row{display:flex;align-items:center}.nav-collapse{flex:1;display:flex;align-items:center;justify-content:space-between}.nav-left{display:flex;align-items:center}.brand{display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.1rem;color:var(--ink)}.brand-logo{width:30px;height:30px;border-radius:50%}.brand:hover{color:var(--brand-text)}.nav-right{display:flex;align-items:center;gap:.5rem}.nav-toggle{display:none;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;padding:0;background:transparent;border:none;border-radius:var(--r-sm);color:var(--ink-body);font-size:1.4rem;line-height:1;cursor:pointer}.nav-toggle:hover{background:var(--brand-tint);color:var(--brand-text)}.nav-menu{position:relative}.nav-menu-trigger{display:flex;align-items:center;gap:.3rem;padding:.45rem .75rem;background:transparent;border:none;border-radius:var(--r-pill);color:var(--ink-body);font-size:1rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s}.nav-menu-trigger:hover{background:var(--brand-tint);color:var(--brand-text)}.nav-menu-trigger .caret{color:var(--ink-faint);font-size:.8rem}.nav-menu-panel{position:absolute;top:100%;right:0;z-index:20;margin-top:.5rem;min-width:160px;display:flex;flex-direction:column;padding:.4rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow)}.nav-menu-panel a,.nav-menu-panel button{display:block;width:100%;margin:0;padding:.55rem .75rem;background:transparent;border:none;border-radius:var(--r-sm);color:var(--ink-body);font-size:.95rem;font-weight:600;text-align:left;white-space:nowrap;cursor:pointer}.nav-menu-panel a:hover,.nav-menu-panel button:hover{background:var(--brand-tint);color:var(--brand-text);text-decoration:none}.nav-left .guide-menu{margin-right:1rem}.nav-left .guide-menu .nav-menu-panel{right:auto;left:0}@media (max-width: 900px){nav{flex-wrap:wrap}.nav-brand-row{width:100%;justify-content:space-between}.nav-toggle{display:flex}.nav-collapse{display:none;width:100%;flex-direction:column;align-items:stretch;justify-content:flex-start;margin-top:.5rem}.nav-collapse.open{display:flex}.nav-left,.nav-right{flex-direction:column;align-items:stretch;width:100%;gap:0}.nav-collapse a{margin-right:0;padding:.7rem .5rem}.nav-menu-trigger{width:100%;padding:.7rem .5rem}.nav-left .guide-menu{margin-right:0}.nav-menu-panel{position:static;margin-top:0;padding:0 0 .3rem 1rem;min-width:auto;background:transparent;border:none;box-shadow:none}}main{padding:1.5rem}#app{display:flex;flex-direction:column;min-height:100vh}main{flex:1 0 auto}.site-footer{flex-shrink:0;padding:1.6rem 1.5rem;background:var(--surface-soft);border-top:1px solid var(--border);text-align:center}.footer-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem 1.4rem}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.9rem}.footer-links a{color:var(--ink-body);font-weight:600;font-size:.9rem;text-decoration:none}.footer-links a:hover{color:var(--brand-text);text-decoration:none}.footer-links .sep{color:var(--border-strong)}.footer-social{display:flex;align-items:center;gap:.7rem}.footer-social .social{display:inline-flex;color:var(--ink-soft);transition:color .15s,transform .15s}.footer-social .social:hover{transform:translateY(-2px)}.footer-social .fb:hover{color:#1877f2}.footer-social .ig:hover{color:#e4405f}.footer-social .line:hover{color:var(--line-green)}.footer-copy{margin-top:.9rem;color:var(--ink-soft);font-size:.8rem;letter-spacing:.02em}:root{--brand: #2e3a8c;--brand-cta: #2e3a8c;--brand-cta-hover: #232c6e;--brand-text: #2e3a8c;--brand-tint: #ebedf8;--brand-tint-2: #c9cef0;--accent: #ffd23f;--accent-deep: #b98900;--accent-tint: #fff6d6;--ink: #1e2450;--ink-body: #434a72;--ink-soft: #767ca0;--ink-faint: #a7abc6;--bg: #f4f6fc;--surface: #ffffff;--surface-soft: #eef1fb;--border: #e2e5f2;--border-strong: #cfd4ea;--danger: #e5533d;--danger-tint: #fde8e4;--success: #1fa98a;--success-tint: #e2f6f0;--warn: #e08a2b;--warn-tint: #fcefd9;--info: #3b82b8;--info-tint: #e4f0f8;--line-green: #06c755;--r-sm: 8px;--r: 14px;--r-lg: 20px;--r-pill: 999px;--shadow-sm: 0 2px 8px rgba(30, 36, 80, .07);--shadow: 0 10px 24px rgba(46, 58, 140, .14), 0 2px 6px rgba(30, 36, 80, .06);--shadow-lg: 0 18px 40px rgba(46, 58, 140, .18);--font: system-ui, -apple-system, "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", "Segoe UI", Roboto, sans-serif;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);font-size:16px;line-height:1.6;color:var(--ink-body);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{color:var(--ink);line-height:1.25;letter-spacing:-.01em;margin:0}h1{font-size:2rem;font-weight:800}h2{font-size:1.5rem;font-weight:700}h3{font-size:1.15rem;font-weight:700}p{margin:0}a{color:var(--brand-text);text-decoration:none;font-weight:600}a:hover{text-decoration:underline}::selection{background:var(--brand-tint-2);color:var(--ink)}input:not([type=checkbox]):not([type=radio]),select,textarea{font-family:inherit;font-size:1rem;color:var(--ink);background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--r-sm);padding:.6rem .75rem;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:var(--ink-faint)}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-tint)}input[type=checkbox],input[type=radio]{accent-color:var(--brand-cta)}button{font-family:inherit;cursor:pointer}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.btn{display:inline-block;padding:.7rem 1.6rem;border-radius:var(--r-pill);border:2px solid transparent;font-size:1rem;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s,color .15s}.btn:hover{transform:translateY(-2px);text-decoration:none}.btn:active{transform:translateY(0)}.btn-primary{background:var(--brand-cta);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--brand-cta-hover);box-shadow:var(--shadow)}.btn-ghost{background:var(--surface);color:var(--brand-text);border-color:var(--brand-tint-2)}.btn-ghost:hover{border-color:var(--brand);background:var(--brand-tint)}.btn-block{display:block;width:100%;text-align:center}.flight-divider{display:flex;align-items:center;justify-content:center;gap:.6rem;color:var(--brand-tint-2);margin:.5rem 0}.flight-divider:before,.flight-divider:after{content:"";flex:1;max-width:120px;border-top:2px dashed var(--brand-tint-2)}.flight-divider span{font-size:1.1rem}