.page[data-v-7990cf72]{min-height:100vh;display:flex;flex-direction:column}.hero[data-v-7990cf72]{background:linear-gradient(135deg,#2c3e50,#4a6580);color:#fff;padding:96px 24px;text-align:center}.hero h1[data-v-7990cf72]{font-size:clamp(30px,5vw,44px);letter-spacing:2px}.subtitle[data-v-7990cf72]{margin-top:14px;font-size:clamp(15px,2.5vw,19px);color:#ffffffd9}.story[data-v-7990cf72]{flex:1;max-width:720px;width:100%;margin:0 auto;padding:56px 24px}.para[data-v-7990cf72]{margin-bottom:1.4em;font-size:17px;text-align:justify}.para[data-v-7990cf72]:first-of-type:first-letter{font-size:1.6em;color:var(--accent);font-weight:700}.state[data-v-7990cf72]{text-align:center;color:var(--text-light);padding:60px 0}.footer[data-v-7990cf72]{text-align:center;padding:24px;color:var(--text-light);font-size:13.5px;border-top:1px solid #eee9e2}:root{--primary: #34495e;--primary-dark: #22303f;--accent: #e67e22;--gold: #f1c40f;--bg: #fdfcfa;--surface: #ffffff;--text: #2c3e50;--text-light: #85929e;--border: #e6e2db;--radius: 10px;--shadow: 0 2px 10px rgba(0, 0, 0, .06)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Noto Sans TC,Microsoft JhengHei,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.8}a{color:var(--primary)}.btn{display:inline-block;padding:9px 20px;border:none;border-radius:8px;font-size:15px;cursor:pointer;background:var(--primary);color:#fff;font-family:inherit;transition:background .15s}.btn:hover{background:var(--primary-dark)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:transparent;color:var(--primary);border:1px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.btn-sm{padding:5px 12px;font-size:13px}.btn-danger{background:#b03030}.btn-danger:hover{background:#8c2626}.field{margin-bottom:16px}.field label{display:block;font-size:14px;font-weight:600;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:8px;font-size:15px;font-family:inherit;background:#fff}.field input:focus,.field textarea:focus{outline:2px solid rgba(52,73,94,.25);border-color:var(--primary)}.field .hint{font-size:12.5px;color:var(--text-light);margin-top:4px}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.table{width:100%;border-collapse:collapse;font-size:15px}.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.table th{color:var(--text-light);font-size:13px;font-weight:600;white-space:nowrap}.table-wrap{overflow-x:auto}.msg{padding:10px 14px;border-radius:8px;font-size:14px;margin-bottom:14px}.msg-error{background:#fdecea;color:#b03030}.msg-success{background:#eaf7ee;color:#1e7d3c}.empty{text-align:center;color:var(--text-light);padding:40px 0}.balls{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.ball{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;background:linear-gradient(145deg,#fff,#ececec);border:2px solid var(--primary);color:var(--primary-dark);box-shadow:0 2px 4px #0000001f}.ball.special{background:linear-gradient(145deg,#fff8e0,#ffe9a8);border-color:#d4a017;color:#8a6508}.balls .plus{color:var(--text-light);font-size:20px;font-weight:700}.balls-sm .ball{width:32px;height:32px;font-size:13.5px;border-width:1.5px}.balls-sm{gap:6px}.pagination{display:flex;gap:6px;justify-content:center;align-items:center;margin-top:20px;flex-wrap:wrap}.pagination button{min-width:36px;padding:6px 10px;border:1px solid var(--border);background:#fff;border-radius:8px;cursor:pointer;font-size:14px}.pagination button.active{background:var(--primary);border-color:var(--primary);color:#fff}.pagination button:disabled{opacity:.4;cursor:not-allowed}