: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-ad552756]{min-height:auto;display:flex;justify-content:center;padding-top:20px;align-items:flex-start}.container[data-v-ad552756]{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-ad552756]{max-width:500px}.intro[data-v-ad552756]{text-align:center;margin-bottom:30px}.intro h1[data-v-ad552756]{font-size:2rem;color:#4a4a4a;margin-bottom:8px}.intro p[data-v-ad552756]{font-size:1.1rem;color:#666}.mode-selector[data-v-ad552756]{display:flex;flex-direction:column;gap:15px;margin-bottom:25px;padding:10px;background:#f9f9f9;border-radius:8px}.mode-btn[data-v-ad552756]{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-ad552756]{margin-bottom:25px;padding:15px;border:1px solid #eee;border-radius:8px;box-sizing:border-box;width:100%}legend[data-v-ad552756]{font-weight:600;font-size:1.1rem;color:#222;padding:0 10px}.form-group[data-v-ad552756]{display:flex;flex-direction:column;margin-bottom:15px}label[data-v-ad552756]{font-weight:600;font-size:16px;margin-bottom:6px}input[data-v-ad552756],select[data-v-ad552756],textarea[data-v-ad552756]{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-ad552756]{min-height:60px;resize:vertical}input[data-v-ad552756]:focus,select[data-v-ad552756]:focus,textarea[data-v-ad552756]:focus{border-color:#07f;outline:none;box-shadow:0 0 5px #0077ff4d}.field-error[data-v-ad552756]{color:#a60000;font-size:14px;margin-top:5px}.auto-shrink-text[data-v-ad552756],.custom-select-options li[data-v-ad552756],.radio-option[data-v-ad552756],.radio-group label[data-v-ad552756]{white-space:nowrap}.radio-group[data-v-ad552756]{display:flex;gap:20px}.radio-group label[data-v-ad552756],.radio-group-container label[data-v-ad552756]{font-weight:400;display:inline-flex;align-items:center;cursor:pointer}.radio-group input[type=radio][data-v-ad552756],.radio-group-container input[type=radio][data-v-ad552756]{margin-right:5px;width:auto}.radio-group-container[data-v-ad552756]{display:flex;flex-direction:column;gap:8px;margin-top:5px}.submit-btn[data-v-ad552756]{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-ad552756]:hover{background:#222}.confirmation[data-v-ad552756]{text-align:center;padding:30px}.confirmation h2[data-v-ad552756]{color:#000;margin-bottom:15px}.summary[data-v-ad552756]{text-align:left;margin:20px auto;max-width:600px;background:#f9f9f9;padding:20px;border-radius:6px;border:1px solid #ddd}.summary p[data-v-ad552756]{margin:6px 0;line-height:1.5}.error-alert[data-v-ad552756]{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-ad552756 .2s ease-in-out 2}.error-alert .close-btn[data-v-ad552756]{position:absolute;right:10px;top:6px;background:transparent;border:none;color:#a60000;font-size:18px;cursor:pointer}.fade-enter-active[data-v-ad552756],.fade-leave-active[data-v-ad552756]{transition:opacity .5s}.fade-enter-from[data-v-ad552756],.fade-leave-to[data-v-ad552756]{opacity:0}@keyframes shake-ad552756{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media(max-width:768px){.page[data-v-ad552756]{padding-top:10px}.container[data-v-ad552756]{padding:20px 20px 50px}.intro[data-v-ad552756]{margin-bottom:10px}.intro h1[data-v-ad552756]{white-space:nowrap;font-size:clamp(16px,5vw,1.6rem);margin-bottom:5px}.mode-selector[data-v-ad552756]{gap:10px;margin-bottom:0}.mode-btn[data-v-ad552756]{padding:90px 16px;font-size:18px}.intro p[data-v-ad552756]{font-size:1rem}input[data-v-ad552756],select[data-v-ad552756],textarea[data-v-ad552756]{font-size:14px;padding:8px}.submit-btn[data-v-ad552756]{font-size:16px;padding:16px;width:100%}.form-group[data-v-ad552756]{margin-bottom:12px}.summary[data-v-ad552756]{max-width:100%;padding:15px}.auto-shrink-text[data-v-ad552756],.custom-select-options li[data-v-ad552756],.radio-option[data-v-ad552756],.radio-group label[data-v-ad552756]{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}}