:root{--color-primary: #00a041;--color-primary-dark: #00853a;--color-secondary: #008cd6;--color-secondary-dark: #0077b6;--color-bg: #ffffff;--color-page: #f4f7f5;--color-surface: #ffffff;--color-text: #333333;--color-text-soft: #6b7280;--color-border: #e6e6e6;--color-danger: #d64545;--radius-card: 16px;--radius-btn: 12px;--radius-field: 12px;--shadow-card: 0 6px 24px rgba(0, 0, 0, .06);--shadow-btn: 0 4px 12px rgba(0, 160, 65, .25);--font-sans: "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-page);line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.page-wrap{max-width:480px;margin:0 auto;padding:24px 18px 48px;min-height:100vh;min-height:100dvh}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:24px 20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 20px;border:none;border-radius:var(--radius-btn);font-family:inherit;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .12s ease,background-color .2s ease,opacity .2s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-btn)}.btn--primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn--ghost{background:transparent;color:var(--color-secondary);border:2px solid var(--color-secondary)}.btn--ghost:hover:not(:disabled){background:#008cd614}.field{margin-bottom:18px}.label{display:block;font-size:.95rem;font-weight:600;margin-bottom:8px;color:var(--color-text)}.label .optional{font-weight:400;color:var(--color-text-soft);font-size:.85rem}.textarea,.input{width:100%;font-family:inherit;font-size:1.05rem;color:var(--color-text);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-field);padding:14px;transition:border-color .2s ease,box-shadow .2s ease}.textarea{min-height:140px;resize:vertical;line-height:1.6}.textarea:focus,.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00a04126}.counter{text-align:right;font-size:.85rem;color:var(--color-text-soft);margin-top:6px}.counter--over{color:var(--color-danger);font-weight:600}.alert{background:#d6454514;color:var(--color-danger);border:1px solid rgba(214,69,69,.25);border-radius:var(--radius-field);padding:12px 14px;font-size:.95rem;margin-bottom:16px}.page-head{text-align:center;margin-bottom:22px}.page-title{font-size:1.6rem;font-weight:800;margin:14px 0 6px}.page-subtitle{color:var(--color-text-soft);font-size:1rem;margin:0}