:root{--ink:#10233f;--muted:#5f6f82;--line:#dce7ef;--blue:#1769e0;--blue-dark:#0e50b5;--teal:#0d9488;--soft:#f4f9fc;--warning:#8a5b00;--warning-bg:#fff8df;--danger:#b42318;--success:#087f5b;--shadow:0 18px 50px #193f601c}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{color:var(--ink);background:linear-gradient(#f3fbff 0,#fff 260px);margin:0;font-family:Arial,Noto Sans TC,sans-serif;line-height:1.65}a{color:inherit}button,input{font:inherit}button,.button{min-height:48px}.site-header,.site-footer{width:min(100% - 32px,1080px);margin:auto}.site-header{padding:18px 0}.site-footer{color:var(--muted);text-align:center;padding:34px 0;font-size:.875rem}.brand{align-items:center;gap:10px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(135deg, var(--blue), var(--teal));border-radius:12px;place-items:center;width:38px;height:38px;font-size:.85rem;display:grid}.page{width:min(100% - 32px,1080px);margin:20px auto 0}.narrow{max-width:720px}.hero{text-align:center;padding:56px 0 38px}.eyebrow{color:var(--teal);letter-spacing:.04em;font-weight:800}h1{letter-spacing:-.04em;margin:10px 0 14px;font-size:clamp(2rem,7vw,4rem);line-height:1.12}h2{margin:0 0 12px;font-size:clamp(1.4rem,4vw,2rem);line-height:1.25}h3{margin:0 0 8px;font-size:1.06rem}.lead{max-width:720px;color:var(--muted);margin:0 auto;font-size:1.08rem}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.button{cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-weight:800;text-decoration:none;display:inline-flex}.button-primary{color:#fff;background:linear-gradient(135deg, var(--blue), var(--blue-dark));box-shadow:0 10px 24px #1769e038}.button-secondary{color:var(--blue);background:#eaf3ff}.button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffffff5;border-radius:22px;padding:24px}.grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.mini-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:18px}.mini-card p,.muted{color:var(--muted)}.steps{grid-template-columns:repeat(5,1fr);gap:8px;margin:24px 0;padding:0;list-style:none;display:grid}.step{background:var(--soft);text-align:center;border-radius:14px;min-width:0;padding:14px 8px;font-size:.84rem;position:relative}.step strong{color:var(--blue);letter-spacing:.04em;font-size:.72rem;display:block}.step:not(:last-child):after{content:"→";color:#94a8b8;z-index:1;position:absolute;top:50%;right:-9px;transform:translateY(-50%)}.form{gap:20px;display:grid}.field{gap:8px;display:grid}.field label{font-weight:800}.field-label-row{align-items:center;gap:8px;display:flex}.help-button{width:28px;min-height:28px;color:var(--blue);cursor:pointer;background:#eef6ff;border:1px solid #a9c7e8;border-radius:999px;place-items:center;padding:0;font-size:.9rem;font-weight:900;line-height:1;display:inline-grid}:is(.help-button:hover,.help-button:focus-visible){background:#dcecff;outline:3px solid #1769e024}.field small{color:var(--muted)}.field input{width:100%;min-height:50px;color:var(--ink);background:#fff;border:1px solid #b9c9d6;border-radius:12px;padding:11px 13px}.field input:focus{border-color:var(--blue);outline:3px solid #1769e029}.example{background:var(--soft);overflow-wrap:anywhere;border-radius:12px;margin:0;padding:12px 14px;font-size:.9rem}.notice{background:var(--warning-bg);color:var(--warning);border-radius:14px;padding:14px 16px;font-size:.9rem}.status{border-radius:12px;padding:13px 15px;font-weight:700}.status-error{color:var(--danger);background:#fff0ef}.status-success{color:var(--success);background:#eafaf4}.check-row{color:var(--muted);align-items:flex-start;gap:10px;font-size:.9rem;display:flex}.check-row input{flex:none;width:20px;height:20px;margin-top:2px}.modal-backdrop{z-index:1000;background:#08182cad;place-items:center;padding:18px;display:grid;position:fixed;inset:0;overflow-y:auto}.help-modal{background:#fff;border-radius:22px;width:min(100%,780px);max-height:calc(100vh - 36px);padding:26px;position:relative;overflow-y:auto;box-shadow:0 24px 80px #00000047}.help-modal h2{padding-right:42px}.modal-intro{color:var(--muted);margin:0 0 16px}.modal-close{width:38px;min-height:38px;color:var(--muted);background:var(--soft);cursor:pointer;border:0;border-radius:12px;place-items:center;padding:0;font-size:1.6rem;line-height:1;display:grid;position:absolute;top:14px;right:14px}.username-help-image{border:1px solid var(--line);border-radius:14px;width:100%;height:auto;display:block}.modal-tip{color:var(--ink);background:#eef8ff;border-radius:12px;margin:16px 0;padding:12px 14px}.success-icon{width:64px;height:64px;color:var(--success);background:#e8fbf4;border-radius:20px;place-items:center;margin-bottom:18px;font-size:2rem;display:grid}.number-list{counter-reset:item;gap:14px;padding:0;list-style:none;display:grid}.number-list li{grid-template-columns:36px 1fr;align-items:start;gap:10px;display:grid}.number-list li:before{counter-increment:item;content:counter(item);color:#fff;background:var(--blue);border-radius:10px;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.prompt-box{white-space:pre-wrap;overflow-wrap:anywhere;color:#eaf4ff;background:#0f2138;border-radius:14px;padding:18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86rem}.section-gap{margin-top:22px}.center{text-align:center}@media (max-width:760px){.page{width:min(100% - 24px,1080px);margin-top:8px}.site-header,.site-footer{width:min(100% - 24px,1080px)}.hero{text-align:left;padding:36px 0 24px}.lead{margin:0}.hero-actions{justify-content:stretch}.hero-actions .button{width:100%}.grid{grid-template-columns:1fr}.card{border-radius:18px;padding:18px}.steps{grid-template-columns:1fr;gap:6px}.step{text-align:left;grid-template-columns:70px 1fr;align-items:center;padding:10px 14px;display:grid}.step:not(:last-child):after{content:"↓";top:auto;bottom:-12px;right:50%;transform:translate(50%)}.button{width:100%}.help-modal{border-radius:18px;padding:20px 16px}.help-modal h2{font-size:1.35rem}.modal-intro,.modal-tip{font-size:.92rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}