:root{--bg:#faf8f5;--mint:#3ecfbe;--ink:#1e293b;--soft-mint:#e5f8f5;--muted:#64748b;--card:#fff;--divider:#ede8e1;--danger:#e11d48;--radius:20px;--shadow:0 8px 24px #1e293b0f;color:var(--ink);background:var(--bg);font-family:Noto Sans TC,system-ui,sans-serif;line-height:1.45}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg)}a{color:var(--mint);text-decoration:none}button,input,select,textarea{font-family:inherit}.app-shell{background:var(--bg);flex-direction:column;max-width:430px;min-height:100dvh;margin:0 auto;display:flex;position:relative}.page{flex:1;padding:24px 20px 100px}.page.auth{flex-direction:column;justify-content:center;min-height:100dvh;padding-bottom:32px;display:flex}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--divider);padding:20px}.logo{width:auto;height:48px;margin:0 auto 20px;display:block}h1{margin:0 0 8px;font-size:1.35rem;font-weight:700}h2{margin:0 0 12px;font-size:1.1rem;font-weight:600}.muted{color:var(--muted);font-size:.9rem}.stack{flex-direction:column;gap:12px;display:flex}.row{align-items:center;gap:10px;display:flex}.space-between{justify-content:space-between}label.field{flex-direction:column;gap:6px;font-size:.85rem;font-weight:500;display:flex}label.field input,label.field select{border:1px solid var(--divider);color:var(--ink);background:#fff;border-radius:14px;padding:12px 14px;font-size:1rem}label.field input:focus{outline:2px solid var(--soft-mint);border-color:var(--mint)}.btn{appearance:none;cursor:pointer;text-align:center;border:none;border-radius:999px;padding:14px 18px;font-size:1rem;font-weight:600}.btn-primary{background:var(--mint);color:#fff}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{color:var(--ink);border:1px solid var(--divider);background:0 0}.btn-soft{background:var(--soft-mint);color:var(--ink)}.btn-link{color:var(--mint);cursor:pointer;background:0 0;border:none;padding:0;font-size:.9rem;font-weight:600}.chip{background:var(--soft-mint);color:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.chip.muted{color:var(--muted);background:#f1eee9}.tabs{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.tab{color:var(--muted);white-space:nowrap;cursor:pointer;background:#f1eee9;border:none;border-radius:999px;padding:8px 14px;font-weight:600}.tab.active{background:var(--mint);color:#fff}.pack{align-items:center;gap:12px;display:flex}.pack .thumb{background:linear-gradient(160deg, var(--soft-mint), #fff);border:1px solid var(--divider);width:52px;height:64px;color:var(--muted);border-radius:10px;place-items:center;font-size:.7rem;font-weight:700;display:grid}.quota-bar{background:#f1eee9;border-radius:999px;height:8px;overflow:hidden}.quota-bar>span{background:var(--mint);height:100%;display:block}.bottom-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--divider);width:min(430px,100%);padding:8px 6px calc(8px + env(safe-area-inset-bottom));z-index:20;background:#fffffff5;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav a{color:var(--muted);flex-direction:column;align-items:center;gap:4px;padding:6px;font-size:.7rem;font-weight:600;display:flex}.bottom-nav a.active{color:var(--mint)}.bottom-nav .icon{font-size:1.15rem;line-height:1}.banner{background:var(--soft-mint);border-radius:14px;padding:12px 14px;font-size:.9rem}.error{color:var(--danger);font-size:.85rem}.success{color:#0f766e;font-size:.9rem}.divider{background:var(--divider);height:1px;margin:8px 0}.footer-note{text-align:center;color:var(--muted);margin-top:16px;font-size:.85rem}.sheet-backdrop{z-index:40;background:#1e293b59;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--card);width:min(430px,100%);padding:20px 20px calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;max-height:85dvh;overflow:auto;box-shadow:0 -8px 30px #0000001f}.btn-download{color:var(--ink);background:#e8e6e1}.btn-download:hover{background:#ddd9d2}.btn-unlock{background:var(--mint);color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:72px;padding:8px 14px;line-height:1.15;display:flex}.btn-unlock-main{font-size:.9rem;font-weight:700}.btn-unlock-sub{opacity:.85;font-size:.7rem;font-weight:600}.credit-packs{gap:14px}.credit-pack-card{appearance:none;text-align:left;background:var(--card);border:1px solid var(--divider);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);cursor:pointer;color:inherit;padding:0;font-family:inherit;overflow:hidden}.credit-pack-card.quiet{opacity:.92}.credit-pack-card.recommended{border-color:#0000;box-shadow:0 10px 28px #3ecfbe38}.credit-pack-card.selected{outline:2px solid var(--mint);outline-offset:0}.credit-pack-topbar{background:var(--mint);color:#fff;letter-spacing:.02em;padding:8px 16px;font-size:.8rem;font-weight:700}.credit-pack-body{flex-direction:column;gap:8px;padding:16px 18px 18px;display:flex}.chip.save-chip{color:#c2410c;background:#fff7ed;font-size:.75rem}.credit-price-cta{color:var(--mint)}.credit-price{color:var(--ink)}