@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Noto+Sans+HK:wght@300;400;500;700&family=Noto+Sans+SC:wght@300;400;500;700&family=Noto+Sans+TC:wght@300;400;500;700&display=swap";.cookie-consent[data-v-83b8d169]{z-index:9999;border:1px solid var(--border);border-radius:var(--radius);max-width:960px;color:var(--text-primary,#1a1a1a);background:#fffffff5;align-items:center;gap:20px;margin:0 auto;padding:16px 20px;font-size:13px;line-height:1.55;display:flex;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 12px 40px #0000001f}.cookie-text[data-v-83b8d169]{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cookie-text strong[data-v-83b8d169]{color:var(--text-primary,#1a1a1a);font-size:14px;font-weight:700}.cookie-link[data-v-83b8d169]{color:var(--primary-dim);margin-left:4px;text-decoration:underline}.cookie-actions[data-v-83b8d169]{flex-shrink:0;gap:10px;display:flex}.cookie-btn[data-v-83b8d169]{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s}.cookie-btn.reject[data-v-83b8d169]{color:var(--text-secondary,#666);background:0 0;border-color:#0000001f}.cookie-btn.reject[data-v-83b8d169]:hover{background:#0000000a}.cookie-btn.accept[data-v-83b8d169]{background:var(--primary);color:#fff}.cookie-btn.accept[data-v-83b8d169]:hover{background:var(--primary-dim);transform:translateY(-1px);box-shadow:0 8px 18px #15845f2e}.cookie-slide-enter-active[data-v-83b8d169],.cookie-slide-leave-active[data-v-83b8d169]{transition:opacity .25s,transform .25s}.cookie-slide-enter-from[data-v-83b8d169],.cookie-slide-leave-to[data-v-83b8d169]{opacity:0;transform:translateY(12px)}@media (width<=640px){.cookie-consent[data-v-83b8d169]{flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px}.cookie-actions[data-v-83b8d169]{justify-content:flex-end}}:root{--hk-ink:#06111d;--hk-ink-2:#0b1a28;--hk-ink-3:#102537;--hk-jade:#27bf83;--hk-jade-dark:#15845f;--hk-jade-soft:#dff7ec;--hk-red:#d9363e;--hk-amber:#d99a2b;--hk-blue:#2f80ed;--hk-bg:#f7f9f8;--hk-line:#dbe4df;--hk-muted:#5b6773;--primary:var(--hk-jade);--primary-dim:var(--hk-jade-dark);--primary-container:var(--hk-jade-soft);--on-primary:#fff;--on-primary-container:#063f2c;--on-primary-fixed:#063f2c;--on-primary-fixed-variant:#0c5e42;--primary-fixed:var(--hk-jade-soft);--primary-fixed-dim:#bdebd9;--inverse-primary:#70e0b2;--secondary:var(--hk-ink-2);--secondary-dim:var(--hk-ink);--secondary-container:#e8f0ed;--on-secondary:#fff;--on-secondary-container:var(--hk-ink);--on-secondary-fixed:var(--hk-ink);--on-secondary-fixed-variant:var(--hk-ink-2);--secondary-fixed:#e8f0ed;--secondary-fixed-dim:#d7e3de;--tertiary:var(--hk-red);--tertiary-dim:#b52a31;--tertiary-container:#ffe2e5;--tertiary-fixed:#ffe2e5;--tertiary-fixed-dim:#ffc4ca;--on-tertiary:#fff;--on-tertiary-container:#781a20;--on-tertiary-fixed:#781a20;--on-tertiary-fixed-variant:#9e2229;--surface:var(--hk-bg);--surface-dim:#dfe7e3;--surface-bright:#fff;--surface-tint:var(--hk-jade);--surface-variant:#e7eeeb;--surface-container-lowest:#fff;--surface-container-low:#fbfcfb;--surface-container:#f1f5f3;--surface-container-high:#eaf0ed;--surface-container-highest:#dfe8e3;--on-surface:var(--hk-ink);--on-surface-variant:var(--hk-muted);--on-background:var(--hk-ink);--background:var(--hk-bg);--inverse-surface:var(--hk-ink);--inverse-on-surface:#dce6e1;--outline:#7c8a94;--outline-variant:var(--hk-line);--error:var(--hk-red);--error-dim:#9f2229;--error-container:#ffe2e5;--on-error:#fff;--on-error-container:#781a20;--pink:var(--hk-jade);--pink-light:var(--hk-jade-soft);--pink-bg:#27bf831f;--pink-hover:var(--hk-jade-dark);--purple:var(--hk-ink-2);--purple-light:#d7e3de;--mint:var(--hk-jade);--sky:var(--hk-blue);--peach:var(--hk-amber);--gradient:linear-gradient(135deg, var(--hk-jade) 0%, var(--hk-jade-dark) 100%);--gradient-soft:linear-gradient(135deg, #27bf831a 0%, #06111d0a 100%);--gradient-warm:linear-gradient(135deg, #27bf8314 0%, #fff 100%);--gradient-card:linear-gradient(160deg, #27bf830f 0%, #06111d0a 100%);--text:var(--hk-ink);--text-secondary:var(--hk-muted);--text-tertiary:#7c8a94;--bg:var(--hk-bg);--card-bg:#fff;--border:#06111d1f;--radius:8px;--radius-md:8px;--radius-lg:8px;--radius-xl:8px;--radius-sm:6px;--radius-full:9999px;--shadow:0 1px 2px #06111d0f, 0 10px 28px #06111d0d;--shadow-hover:0 2px 4px #06111d14, 0 16px 34px #06111d14;--shadow-float:0 24px 64px #06111d24;--shadow-glow:0 0 0 4px #27bf831f;--el-color-primary:var(--hk-jade);--el-color-primary-light-3:#5bd4a2;--el-color-primary-light-5:#93e4c1;--el-color-primary-light-7:#c8f1df;--el-color-primary-light-8:#dff7ec;--el-color-primary-light-9:#eefbf6;--el-color-primary-dark-2:var(--hk-jade-dark);--el-border-radius-base:8px;--el-border-color:var(--hk-line);--el-text-color-primary:var(--hk-ink);--el-text-color-regular:var(--hk-muted);--el-font-family:"Plus Jakarta Sans", "Noto Sans HK", "Noto Sans TC", "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-soft:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--safe-bottom:env(safe-area-inset-bottom,0px);--nav-height:64px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--on-surface);background:var(--background);font-family:Plus Jakarta Sans,Noto Sans HK,Noto Sans TC,Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.6}h1,h2,h3,h4,h5,h6{letter-spacing:0;font-family:Plus Jakarta Sans,Noto Sans HK,Noto Sans TC,Noto Sans SC,sans-serif}html,body{width:100%;overflow-x:hidden}#app{width:100%;min-height:100dvh;overflow-x:hidden}input,select,textarea{font-family:Plus Jakarta Sans,Noto Sans HK,Noto Sans TC,Noto Sans SC,sans-serif;font-size:16px!important}.mesh-gradient-bg{background-color:var(--background);background-image:linear-gradient(90deg,#06111d09 1px,#0000 1px),linear-gradient(#06111d08 1px,#0000 1px);background-size:56px 56px;background-attachment:fixed}.glass-card,.glass-card-solid{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff}.ghost-border{border:1px solid var(--border)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes pulse{0%{box-shadow:0 0 #27bf8340}70%{box-shadow:0 0 0 8px #27bf8300}to{box-shadow:0 0 #27bf8300}}@keyframes shimmer{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes dotPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glowPulse{0%,to{box-shadow:0 0 0 4px #27bf831f}50%{box-shadow:0 0 0 6px #27bf8329}}.el-button--primary{letter-spacing:0;min-height:44px;background:var(--primary)!important;border-radius:var(--radius)!important;font-weight:700!important;font-family:var(--el-font-family)!important;transition:all .3s var(--ease-soft)!important;color:#fff!important;border:none!important;box-shadow:0 8px 18px #15845f2e!important}.el-button--primary:hover{filter:none;transform:translateY(-1px);background:var(--primary-dim)!important;box-shadow:0 10px 22px #15845f38!important}.el-button--primary:active{filter:brightness(.98);transform:scale(.97)}.el-button{min-height:40px;font-weight:600;border-radius:var(--radius)!important;transition:all .25s var(--ease-soft)!important;font-family:var(--el-font-family)!important}.el-button.is-round{border-radius:var(--radius)!important}.el-card{border-radius:var(--radius)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow)!important;transition:all .4s var(--ease-soft)!important;background:#fff!important}.el-dialog{border:1px solid var(--border);overflow:hidden;border-radius:var(--radius)!important;box-shadow:var(--shadow-float)!important;background:#fff!important}.el-dialog__header{padding:24px 28px 12px!important}.el-dialog__body{padding:12px 28px 28px!important}.el-input__wrapper{border-radius:var(--radius)!important;transition:all .3s var(--ease-soft)!important;box-shadow:none!important;border:1px solid var(--outline-variant)!important;background:#fff!important;padding:4px 16px!important}.el-input__wrapper:focus-within,.el-input__wrapper.is-focus{background:#fff!important;border-color:#27bf838c!important;box-shadow:0 0 0 3px #27bf831a!important}.el-textarea__inner{border-radius:var(--radius)!important;border:1px solid var(--outline-variant)!important;background:#fff!important}.el-textarea__inner:focus{border-color:#27bf838c!important;box-shadow:0 0 0 3px #27bf831a!important}.el-tag{font-weight:600;border-radius:var(--radius-full)!important;background:var(--surface-container-highest)!important;color:var(--on-surface-variant)!important;border:none!important}.el-tag--primary{background:var(--secondary-container)!important;color:var(--on-secondary-container)!important}.el-tabs__active-bar{background:var(--primary)!important;border-radius:2px!important;height:3px!important}.el-tabs__item{font-weight:600!important;font-family:var(--el-font-family)!important}.el-tabs__item.is-active{color:var(--primary)!important}.el-radio{word-break:break-word;margin-bottom:4px;white-space:normal!important;align-items:flex-start!important;height:auto!important;line-height:1.5!important}.el-radio__input.is-checked .el-radio__inner{border-color:var(--primary)!important;background:var(--primary)!important}.el-radio__input.is-checked+.el-radio__label{color:var(--primary)!important}.el-radio-group{flex-direction:column;gap:4px;display:flex}.el-switch.is-checked .el-switch__core{border-color:var(--primary)!important;background-color:var(--primary)!important}.el-message{border-radius:var(--radius)!important;box-shadow:var(--shadow-hover)!important;border:1px solid var(--border)!important}.el-drawer__header{letter-spacing:0;font-weight:700;font-family:var(--el-font-family)}.el-table{border-radius:var(--radius);overflow:hidden}.el-table th.el-table__cell{color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:0;font-size:11px;font-weight:700;background:var(--surface-container-low)!important}.el-form-item__label{text-transform:none;letter-spacing:0;color:var(--outline)!important;font-size:12px!important;font-weight:700!important;font-family:var(--el-font-family)!important}@media (hover:none){.el-card:active,.tap-feedback:active{transition:transform .1s var(--ease-spring);transform:scale(.97)}.el-button:active{transform:scale(.96)!important}}@media (width<=768px){.el-button{min-height:44px!important}.el-button--small{min-height:36px!important}.el-dialog{flex-direction:column;max-height:86vh;display:flex;width:92%!important;max-width:92vw!important;margin:0 auto!important}.el-dialog__body{flex:auto;overflow-y:auto}.el-overlay-dialog{justify-content:center!important;align-items:center!important;display:flex!important}}.gradient-text{background:linear-gradient(135deg, var(--primary), var(--primary-dim));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#b6b0b44d}::-webkit-scrollbar-thumb:hover{background:var(--primary)}::selection{color:var(--on-surface);background:#27bf8338}.section{border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);transition:all .4s var(--ease-soft);background:#fff;margin-bottom:24px;padding:32px;position:relative;overflow:hidden}.section:hover{box-shadow:var(--shadow-hover);background:#fff;transform:translateY(-1px)}.section-title{color:var(--on-surface);letter-spacing:0;align-items:center;gap:10px;margin-bottom:20px;font-size:18px;font-weight:800;display:flex}.section-title:before{content:"";background:var(--primary);width:4px;height:18px;box-shadow:none;border-radius:2px;flex-shrink:0;display:inline-block}.page-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.page-header h1,.page-header h2{letter-spacing:0;color:var(--on-surface);margin:0;font-size:28px;font-weight:800}.page-header .back-btn{color:var(--on-surface-variant);border-radius:var(--radius);transition:all .3s var(--ease-soft);border:1px solid var(--border);background:#fff;align-items:center;gap:6px;padding:8px 16px;font-weight:600;display:flex}.page-header .back-btn:hover{background:var(--surface-container-low);color:var(--primary);transform:translate(-2px)}.topbar-title{letter-spacing:0;background:linear-gradient(135deg,#fff 0%,#baf1dc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800}.top-bar.enhanced{border-bottom:1px solid #ffffff1a;box-shadow:0 12px 32px #06111d2e}.el-image-viewer__wrapper{z-index:9999!important;position:fixed!important;inset:0!important}.el-image-viewer__canvas img{object-fit:contain!important;max-width:90vw!important;max-height:90vh!important}