:root{--c-brand: #557a9b;--c-brand-dark: #46667f;--c-brand-tint: rgba(85, 122, 155, .08);--c-brand-line: rgba(85, 122, 155, .5);--c-brand-line-soft: rgba(85, 122, 155, .22);--c-brand-ink: var(--c-brand);--c-heading: #161616;--c-text: #6a6a6a;--c-text-strong: #3a3a3a;--c-bg: #f9f9f9;--c-surface: #ffffff;--c-border: #e4e4e4;--c-border-strong: #cccccc;--c-dark: #161616;--c-dark-2: #242424;--c-on-dark: #ffffff;--c-on-dark-muted: #abacad;--c-danger: #cc141c;--c-danger-tint: rgba(204, 20, 28, .06);--c-warn: #ffbb01;--c-success: #1a6008;--font-sans: "Montserrat", "Arial", "蘋果儷中黑", "Apple LiGothic Medium", "微軟正黑體", "Microsoft JhengHei", sans-serif;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-md: 1.125rem;--fs-lg: 1.375rem;--fs-xl: 1.75rem;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--radius: 2px;--radius-lg: 4px;--maxw-form: 1140px;--maxw-wide: 1140px;--pad-edge-sm: 16px;--pad-edge-md: 30px;--pad-edge-lg: 48px;--transition: .18s ease}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-base);line-height:1.7;color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;color:var(--c-heading);font-weight:600;line-height:1.35}h1{font-size:var(--fs-xl);letter-spacing:-.01em}h2{font-size:var(--fs-lg)}h3{font-size:var(--fs-md)}p{margin:0 0 var(--sp-3)}a{color:var(--c-brand-ink);text-decoration:none}a:hover{text-decoration:underline}.page{display:flex;flex-direction:column;min-height:100%}.page__body{flex:1;width:100%;padding:var(--sp-7) 0 var(--sp-8)}.container,.container--wide{margin:0 auto;padding:0 var(--pad-edge-sm)}.container{max-width:var(--maxw-form)}.container--wide{max-width:var(--maxw-wide)}@media(min-width:720px){.container,.container--wide{padding:0 var(--pad-edge-md)}}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--sp-6);box-shadow:0 4px 24px #0000000a}@media(max-width:599px){.page__body{padding:var(--sp-5) 0 var(--sp-7)}.card{padding:var(--sp-4)}}.form-grid{display:block}.section-title{margin-bottom:var(--sp-2)}.section-desc{margin-bottom:var(--sp-6);color:var(--c-text);font-size:var(--fs-sm)}.control{width:100%;padding:10px 12px;font-family:inherit;font-size:var(--fs-base);color:var(--c-heading);background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--radius);transition:border-color var(--transition),box-shadow var(--transition)}.control:focus{outline:none;border-color:var(--c-brand);box-shadow:0 0 0 3px var(--c-brand-tint)}.control:disabled,.control[readonly]{background:#f5f5f5;color:var(--c-text-strong);cursor:not-allowed}.control--invalid{border-color:var(--c-danger)}.control--invalid:focus{box-shadow:0 0 0 3px var(--c-danger-tint)}textarea.control{min-height:120px;line-height:1.6;resize:vertical}input[type=date].control,input[type=datetime-local].control,input[type=time].control{-moz-appearance:none;appearance:none;-webkit-appearance:none;min-height:44px;text-align:left}input[type=date].control::-webkit-date-and-time-value,input[type=datetime-local].control::-webkit-date-and-time-value,input[type=time].control::-webkit-date-and-time-value{text-align:left}select.control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236A6A6A' d='M1 1.5 6 6.5l5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:11px 26px;font-family:inherit;font-size:var(--fs-base);font-weight:500;letter-spacing:.02em;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition)}.btn--primary{color:#fff;background:var(--c-brand)}.btn--primary:hover:not(:disabled){background:var(--c-brand-dark)}.btn--ghost{color:var(--c-heading);background:transparent;border-color:var(--c-border-strong)}.btn--ghost:hover:not(:disabled){border-color:var(--c-heading)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--block{width:100%}.notice{padding:var(--sp-3) var(--sp-4);border-left:3px solid var(--c-border-strong);background:var(--c-bg);font-size:var(--fs-sm)}.notice--error{border-left-color:var(--c-danger);background:var(--c-danger-tint);color:var(--c-danger)}.notice--warn{border-left-color:var(--c-warn);background:#ffbb0114;color:var(--c-text-strong)}.muted{color:var(--c-text);font-size:var(--fs-sm)}.mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace}.spinner{display:inline-block;width:18px;height:18px;border:2px solid var(--c-border);border-top-color:var(--c-brand);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:root[data-theme=dreametech]{--c-brand: #ffbb01;--c-brand-dark: #e6a800;--c-brand-ink: #8a6700;--c-brand-tint: rgba(255, 187, 1, .12);--c-brand-line: rgba(255, 187, 1, .6);--c-brand-line-soft: rgba(255, 187, 1, .4)}:root[data-theme=chiconyitd]{--c-brand: #00a0de;--c-brand-dark: #0086bb;--c-brand-tint: rgba(0, 160, 222, .08);--c-brand-line: rgba(0, 160, 222, .5);--c-brand-line-soft: rgba(0, 160, 222, .22)}:root[data-theme=balmuda]{--c-brand: #00a0de;--c-brand-dark: #0086bb;--c-brand-tint: rgba(0, 160, 222, .08);--c-brand-line: rgba(0, 160, 222, .5);--c-brand-line-soft: rgba(0, 160, 222, .22)}:root[data-theme=chicony]{--c-brand: #00a0de;--c-brand-dark: #0086bb;--c-brand-tint: rgba(0, 160, 222, .08);--c-brand-line: rgba(0, 160, 222, .5);--c-brand-line-soft: rgba(0, 160, 222, .22)}
