*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Noto Sans TC,system-ui,sans-serif;background:#f3f4f6;color:#1f2937}.container{max-width:720px;margin:0 auto;padding:16px}header{margin-bottom:16px}header h1{margin:0 0 4px;font-size:22px}header h2{margin:0;font-size:18px;flex:1;text-align:center}.row{display:flex;align-items:center;gap:8px}.muted{color:#6b7280}.small{font-size:12px}.big{font-size:32px;font-weight:700;margin:4px 0;color:#4f46e5}.card{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px #00000014}.card h2,.card h3{margin:0 0 12px}.card.highlight{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff}.card.highlight .muted{color:#ffffffb3}.card.highlight .big{color:#fff}button{font-family:inherit;font-size:16px;padding:12px 16px;border-radius:10px;border:none;cursor:pointer;margin-bottom:8px}button.primary{background:#4f46e5;color:#fff;width:100%;font-weight:600}button.secondary{background:#e5e7eb;color:#1f2937;width:100%}button.small{padding:8px 12px;font-size:13px;background:#e5e7eb}button:active{transform:scale(.98)}button:disabled{opacity:.4;cursor:not-allowed;background:#9ca3af!important}select{width:100%;padding:10px;border-radius:8px;border:1px solid #d1d5db;font-size:14px;background:#fff}table{width:100%;border-collapse:collapse}table td{padding:6px 0}table td:last-child{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}table tr+tr td{border-top:1px solid #f3f4f6}.chip{display:inline-flex;align-items:center;gap:6px;background:#e5e7eb;padding:6px 12px;border-radius:999px;font-size:13px;cursor:pointer;user-select:none}.chip input{margin:0}.chip:has(input:checked){background:#c7d2fe;color:#3730a3}.editor-wrap{height:460px;background:#fafafa;border-radius:12px;overflow:hidden}footer{margin-top:24px;font-size:12px;line-height:1.6}