:root{--color-bg: #f8f9fb;--color-surface: #ffffff;--color-primary: #0077ff;--color-primary-light: #b3d4ff;--color-text-main: #333333;--color-text-light: #666666;--color-border: #e0e6ef;--shadow-soft: 0 4px 12px rgba(0, 0, 0, .05);--radius: 12px;--transition: all .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text-main);font-family:Poppins,Noto Sans TC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;transition:var(--transition)}a{color:var(--color-primary);text-decoration:none;transition:var(--transition)}a:hover{color:#005dd1}.card{background:var(--color-surface);box-shadow:var(--shadow-soft);border-radius:var(--radius);padding:1.5rem;transition:var(--transition)}.card:hover{transform:translateY(-3px);box-shadow:0 6px 18px #00000014}.fade-enter-active,.fade-leave-active{transition:opacity .4s ease}.fade-enter-from,.fade-leave-to{opacity:0}section{padding:3rem 1.5rem}.text-center{text-align:center}.shadow-soft{box-shadow:var(--shadow-soft)}#app{max-width:1200px;margin:0 auto;padding:2rem}.navbar{animation:slideDown .6s ease forwards}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;left:0;bottom:-4px;width:0%;height:2px;background-color:var(--color-primary);transition:width .3s ease}.nav-links a:hover:after{width:100%}@media(max-width:768px){#app{padding:1rem}.navbar{flex-direction:column;gap:.5rem;text-align:center}.nav-links a{display:inline-block;margin:.25rem 0}}.logo{display:inline-block;opacity:0;transform:translateY(10px);animation:logoFadeInUp 1s ease-out forwards;transition:transform .3s ease;cursor:pointer}.logo:hover{transform:translateY(-3px) scale(1.03)}@keyframes logoFadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page[data-v-8a28c47b]{min-height:auto;display:flex;justify-content:center;padding-top:20px;align-items:flex-start}.container[data-v-8a28c47b]{width:100%;max-width:1000px;padding:30px;background:#fff;border-radius:8px;border:1px solid #ddd;box-shadow:0 2px 8px #0000000d;color:#333;box-sizing:border-box;transition:max-width .5s ease}.container.compact-mode[data-v-8a28c47b]{max-width:500px}.intro[data-v-8a28c47b]{text-align:center;margin-bottom:30px}.intro h1[data-v-8a28c47b]{font-size:2rem;color:#4a4a4a;margin-bottom:8px}.intro p[data-v-8a28c47b]{font-size:1.1rem;color:#666}.mode-selector[data-v-8a28c47b]{display:flex;flex-direction:column;gap:15px;margin-bottom:25px;padding:10px;background:#f9f9f9;border-radius:8px}.mode-btn[data-v-8a28c47b]{width:100%;padding:100px 16px;font-size:20px;font-weight:700;color:#333;background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.form-section[data-v-8a28c47b]{margin-bottom:25px;padding:15px;border:1px solid #eee;border-radius:8px;box-sizing:border-box;width:100%}legend[data-v-8a28c47b]{font-weight:600;font-size:1.1rem;color:#222;padding:0 10px}.form-group[data-v-8a28c47b]{display:flex;flex-direction:column;margin-bottom:15px}label[data-v-8a28c47b]{font-weight:600;font-size:16px;margin-bottom:6px}input[data-v-8a28c47b],select[data-v-8a28c47b],textarea[data-v-8a28c47b]{width:100%;padding:12px 10px;border:1px solid #ccc;border-radius:6px;font-size:16px;box-sizing:border-box;word-wrap:break-word}textarea[data-v-8a28c47b]{min-height:60px;resize:vertical}input[data-v-8a28c47b]:focus,select[data-v-8a28c47b]:focus,textarea[data-v-8a28c47b]:focus{border-color:#07f;outline:none;box-shadow:0 0 5px #0077ff4d}.field-error[data-v-8a28c47b]{color:#a60000;font-size:14px;margin-top:5px}.multi-date-section[data-v-8a28c47b]{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;padding:14px}.date-mode-toggle[data-v-8a28c47b]{display:inline-flex;background:#e5e7eb;border-radius:6px;padding:3px;gap:3px;margin-bottom:10px}.mode-tab-btn[data-v-8a28c47b]{background:transparent;border:none;padding:6px 14px;border-radius:4px;font-size:14px;font-weight:500;color:#4b5563;cursor:pointer;transition:all .2s}.mode-tab-btn.active[data-v-8a28c47b]{background:#07f;color:#fff;font-weight:600;box-shadow:0 1px 3px #0077ff4d}.date-picker-row[data-v-8a28c47b]{display:flex;gap:10px;align-items:center}.date-picker-row .date-input[data-v-8a28c47b]{flex:1}.date-range-row[data-v-8a28c47b]{display:flex;flex-direction:column;gap:10px}@media(min-width:600px){.date-range-row[data-v-8a28c47b]{flex-direction:row;align-items:center}}.range-inputs[data-v-8a28c47b]{display:flex;gap:8px;align-items:center;flex:1}.range-separator[data-v-8a28c47b]{font-weight:700;color:#6b7280;white-space:nowrap}.btn-add-date[data-v-8a28c47b]{background:#07f;color:#fff;border:none;border-radius:6px;padding:12px 18px;font-size:15px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s}.btn-add-date[data-v-8a28c47b]:hover:not(:disabled){background:#005fcc}.btn-add-date[data-v-8a28c47b]:disabled{background:#cbd5e1;cursor:not-allowed}.date-msg-hint[data-v-8a28c47b]{margin-top:8px;font-size:14px;color:#a60000;font-weight:600}.selected-dates-box[data-v-8a28c47b]{margin-top:12px;background:#fff;border:1px solid #dbeafe;border-radius:6px;padding:12px}.selected-dates-header[data-v-8a28c47b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.count-text[data-v-8a28c47b]{font-size:14px;color:#1e3a8a}.count-text strong[data-v-8a28c47b]{color:#07f;font-size:16px}.btn-clear-dates[data-v-8a28c47b]{background:none;border:none;color:#ef4444;font-size:13px;cursor:pointer;padding:2px 6px;text-decoration:underline}.btn-clear-dates[data-v-8a28c47b]:hover{color:#b91c1c}.date-chips-wrap[data-v-8a28c47b]{display:flex;flex-wrap:wrap;gap:8px}.date-chip[data-v-8a28c47b]{display:inline-flex;align-items:center;gap:5px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;padding:5px 10px;border-radius:20px;font-size:14px;font-weight:600}.chip-remove-btn[data-v-8a28c47b]{background:transparent;border:none;color:#60a5fa;cursor:pointer;font-size:13px;padding:0 3px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.chip-remove-btn[data-v-8a28c47b]:hover{color:#ef4444;background:#fee2e2}.date-empty-hint[data-v-8a28c47b]{margin-top:8px;font-size:13px;color:#6b7280}.auto-shrink-text[data-v-8a28c47b],.custom-select-options li[data-v-8a28c47b],.radio-option[data-v-8a28c47b],.radio-group label[data-v-8a28c47b]{white-space:nowrap}.radio-group[data-v-8a28c47b]{display:flex;gap:20px}.radio-group label[data-v-8a28c47b],.radio-group-container label[data-v-8a28c47b]{font-weight:400;display:inline-flex;align-items:center;cursor:pointer}.radio-group input[type=radio][data-v-8a28c47b],.radio-group-container input[type=radio][data-v-8a28c47b]{margin-right:5px;width:auto}.radio-group-container[data-v-8a28c47b]{display:flex;flex-direction:column;gap:8px;margin-top:5px}.submit-btn[data-v-8a28c47b]{display:block;margin:20px auto;padding:14px;width:220px;font-size:16px;font-weight:700;background:#000;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease}.submit-btn[data-v-8a28c47b]:hover:not(:disabled){background:#222}.submit-btn[data-v-8a28c47b]:disabled{background:#9ca3af;cursor:not-allowed;opacity:.8}.confirmation[data-v-8a28c47b]{text-align:center;padding:30px}.confirmation h2[data-v-8a28c47b]{color:#000;margin-bottom:15px}.summary[data-v-8a28c47b]{text-align:left;margin:20px auto;max-width:600px;background:#f9f9f9;padding:20px;border-radius:6px;border:1px solid #ddd}.summary p[data-v-8a28c47b]{margin:6px 0;line-height:1.5}.error-alert[data-v-8a28c47b]{position:relative;background:#ffe9e9;border:1px solid #ffb3b3;color:#a60000;padding:12px 40px 12px 12px;border-radius:6px;margin-bottom:16px;font-size:15px;line-height:1.4;animation:shake-8a28c47b .2s ease-in-out 2}.error-alert .close-btn[data-v-8a28c47b]{position:absolute;right:10px;top:6px;background:transparent;border:none;color:#a60000;font-size:18px;cursor:pointer}.fade-enter-active[data-v-8a28c47b],.fade-leave-active[data-v-8a28c47b]{transition:opacity .5s}.fade-enter-from[data-v-8a28c47b],.fade-leave-to[data-v-8a28c47b]{opacity:0}@keyframes shake-8a28c47b{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media(max-width:768px){.page[data-v-8a28c47b]{padding-top:10px}.container[data-v-8a28c47b]{padding:20px 20px 50px}.intro[data-v-8a28c47b]{margin-bottom:10px}.intro h1[data-v-8a28c47b]{white-space:nowrap;font-size:clamp(16px,5vw,1.6rem);margin-bottom:5px}.mode-selector[data-v-8a28c47b]{gap:10px;margin-bottom:0}.mode-btn[data-v-8a28c47b]{padding:90px 16px;font-size:18px}.intro p[data-v-8a28c47b]{font-size:1rem}input[data-v-8a28c47b],select[data-v-8a28c47b],textarea[data-v-8a28c47b]{font-size:14px;padding:8px}.submit-btn[data-v-8a28c47b]{font-size:16px;padding:16px;width:100%}.form-group[data-v-8a28c47b]{margin-bottom:12px}.summary[data-v-8a28c47b]{max-width:100%;padding:15px}.auto-shrink-text[data-v-8a28c47b],.custom-select-options li[data-v-8a28c47b],.radio-option[data-v-8a28c47b],.radio-group label[data-v-8a28c47b]{font-size:clamp(11px,3.5vw,16px)!important}}.app-container[data-v-a17f7b8a]{font-family:Poppins,Noto Sans TC,sans-serif;background:#f8f9fb;color:#333;min-height:100vh;display:flex;flex-direction:column}.navbar[data-v-a17f7b8a]{background:#ffffffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:space-between;align-items:center;padding:10px 40px;box-shadow:0 2px 8px #0000000d;position:sticky;top:0;z-index:10}.logo-area[data-v-a17f7b8a]{display:flex;align-items:center;gap:16px;padding:4px 0}.logo[data-v-a17f7b8a]{width:70px;height:auto;border-radius:50%;object-fit:contain;background-color:#fff;padding:2px}.site-title[data-v-a17f7b8a]{font-size:1.4rem;font-weight:600;color:#222;line-height:1.2}.main-content[data-v-a17f7b8a]{flex:1;padding:40px 20px;opacity:0;transform:translateY(15px);transition:all .6s ease}.main-content.fade-in[data-v-a17f7b8a]{opacity:1;transform:translateY(0)}@media(max-width:768px){.navbar[data-v-a17f7b8a]{padding:10px 15px}.logo-area[data-v-a17f7b8a]{gap:10px}.logo[data-v-a17f7b8a]{width:45px}.site-title[data-v-a17f7b8a]{white-space:nowrap;font-size:clamp(14px,4.5vw,1.2rem)}.main-content[data-v-a17f7b8a]{padding:20px 10px}}