:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand-50:#f3f7ff;--brand-100:#e8f0ff;--brand-500:#4f7cf0;--brand-600:#3568e8;--brand-700:#2955c8;--mint-500:#27b59a;--apricot-500:#f3a85b;--rose-500:#e96d86;--ink-900:#172033;--ink-700:#354052;--ink-500:#667085;--border:#e4e9f1;--surface:#fff;--canvas:#f6f8fc;--success:#159a76;--warning:#d88719;--danger:#d94a4a;--info:#3568e8;--shadow-sm:0 1px 2px #1720330d;--shadow-md:0 12px 32px #17203314;--radius-control:10px;--radius-card:16px;--radius-pill:999px;--font-sans:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif}*{box-sizing:border-box}html{background:var(--canvas);color:var(--ink-900);font-family:var(--font-sans);text-rendering:optimizelegibility}body{background:var(--canvas);min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline-offset:2px;outline:3px solid #3568e852}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.ibubu-dialog,.ibubu-drawer{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);color:var(--ink-900);margin:auto;padding:0}.ibubu-dialog::backdrop,.ibubu-drawer::backdrop{background:#1720337a}.ibubu-dialog{border-radius:var(--radius-card);width:100%;max-width:min(560px,100vw - 32px);max-height:min(720px,100vh - 40px)}.ibubu-drawer{width:100%;max-width:min(480px,100vw - 24px);height:100%;margin:0 0 0 auto}.ibubu-overlay-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:24px;padding:22px 24px;display:flex}.ibubu-overlay-header h2{letter-spacing:-.02em;margin:0;font-size:20px}.ibubu-overlay-header p{color:var(--ink-500);margin:7px 0 0;font-size:13px;line-height:1.6}.ibubu-overlay-content{padding:24px}.ibubu-icon-button{color:var(--ink-500);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;line-height:1;display:flex}.ibubu-icon-button:hover{background:var(--canvas);color:var(--ink-900)}
.staff-page{flex-direction:column;min-height:100vh;padding:0 clamp(24px,6vw,96px);display:flex;position:relative;overflow:hidden}.staff-page:before,.staff-page:after{content:"";pointer-events:none;z-index:0;border-radius:50%;position:absolute}.staff-page:before{background:#4f7cf017;width:420px;height:420px;top:-190px;right:-210px}.staff-page:after{background:#27b59a14;width:480px;height:480px;bottom:-240px;left:-230px}.staff-header,.staff-main,.staff-footer{z-index:1;width:100%;max-width:1180px;margin-inline:auto;position:relative}.staff-header{align-items:center;min-height:96px;display:flex}.product-name{border-left:1px solid var(--border);color:var(--ink-500);margin-left:18px;padding-left:18px;font-size:14px;font-weight:700}.staff-main{flex:1;grid-template-columns:minmax(0,1fr) minmax(360px,450px);align-items:center;gap:clamp(48px,8vw,112px);padding-block:56px 84px;display:grid}.staff-intro h1{letter-spacing:-.055em;max-width:700px;margin:24px 0;font-size:clamp(42px,5vw,68px);line-height:1.08}.staff-intro>p{color:var(--ink-700);max-width:650px;margin:0;font-size:clamp(17px,1.7vw,20px);line-height:1.8}.trust-line{color:var(--ink-500);flex-wrap:wrap;align-items:center;gap:12px;margin-top:34px;font-size:14px;font-weight:700;display:flex}.access-panel{padding:38px}.login-form{gap:20px;display:grid}.login-form h2{letter-spacing:-.03em;margin:0;font-size:26px;line-height:1.35}.form-error{border-radius:var(--radius-control);color:#a72e2e;background:#fff3f3;border:1px solid #ffd4d4;margin:0;padding:11px 13px;font-size:13px;line-height:1.6}.mfa-secret{background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius-control);gap:8px;padding:14px;display:grid}.mfa-secret span{color:var(--ink-500);font-size:12px;font-weight:700}.mfa-secret code{color:var(--ink-900);overflow-wrap:anywhere;font-size:14px}.lock-mark{background:var(--brand-100);border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:26px;display:flex}.lock-mark svg{fill:none;height:26px;stroke:var(--brand-700);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:26px}.eyebrow{color:var(--brand-700);letter-spacing:.12em;margin:0 0 10px;font-size:13px;font-weight:800}.access-panel h2{letter-spacing:-.03em;margin:0;font-size:26px;line-height:1.35}.panel-copy{color:var(--ink-500);margin:14px 0 28px;font-size:15px;line-height:1.7}.assurance-list{border-top:1px solid var(--border);margin:0}.assurance-list div{border-bottom:1px solid var(--border);grid-template-columns:84px 1fr;align-items:center;gap:12px;padding:15px 0;display:grid}.assurance-list dt{color:var(--ink-500);font-size:13px;font-weight:700}.assurance-list dd{color:var(--ink-700);text-align:right;margin:0;font-size:14px;font-weight:700}.support-note{background:var(--brand-50);border-top:1px solid var(--brand-100);color:var(--ink-700);align-items:center;gap:10px;padding:16px 38px;font-size:13px;display:flex}.support-note>span{background:var(--brand-600);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:19px;height:19px;font-size:11px;font-weight:800;display:flex}.support-note p{margin:0;line-height:1.5}.dashboard-page{min-height:100vh}.dashboard-header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:84px;padding:14px clamp(24px,5vw,72px);display:flex}.dashboard-brand,.dashboard-account{align-items:center;display:flex}.dashboard-brand{gap:18px}.dashboard-brand>span{background:var(--border);width:1px;height:32px}.dashboard-brand div,.dashboard-account>div{gap:3px;display:grid}.dashboard-brand strong,.dashboard-account strong{font-size:14px}.dashboard-brand small,.dashboard-account small{color:var(--ink-500);font-size:12px}.dashboard-account{text-align:right;gap:22px}.dashboard-main{max-width:1240px;margin:0 auto;padding:48px clamp(24px,5vw,64px) 80px}.dashboard-welcome{justify-content:space-between;align-items:end;gap:40px;display:flex}.dashboard-welcome h1{letter-spacing:-.045em;margin:18px 0 10px;font-size:clamp(34px,4vw,48px)}.dashboard-welcome p{color:var(--ink-500);margin:0;line-height:1.7}.security-summary{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);min-width:330px;margin:0;padding:18px 8px;display:flex}.security-summary div{flex:1;gap:6px;padding:0 18px;display:grid}.security-summary div+div{border-left:1px solid var(--border)}.security-summary dt{color:var(--ink-500);font-size:12px;font-weight:700}.security-summary dd{margin:0;font-size:16px;font-weight:800}.dashboard-section{margin-top:56px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.section-heading h2{letter-spacing:-.03em;margin:6px 0 0;font-size:26px}.campus-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.campus-card-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.campus-card-heading h3{margin:0 0 5px;font-size:19px}.campus-card-heading div>span,.campus-detail{color:var(--ink-500);font-size:13px}.campus-detail{border-top:1px solid var(--border);margin:18px 0 0;padding-top:16px}.empty-state{text-align:center}.empty-state h3{margin:0 0 8px;font-size:18px}.empty-state p{color:var(--ink-500);margin:0;line-height:1.7}.campus-form{gap:20px;display:grid}.form-actions{justify-content:flex-end;gap:12px;margin-top:4px;display:flex}.staff-footer{border-top:1px solid var(--border);color:var(--ink-500);justify-content:space-between;align-items:center;min-height:70px;font-size:12px;display:flex}@media (max-width:850px){.staff-main{grid-template-columns:1fr;padding-block:36px 70px}.staff-intro{max-width:680px}.dashboard-welcome{flex-direction:column;align-items:stretch}.security-summary{min-width:0}}@media (max-width:520px){.staff-page{padding-inline:18px}.staff-header{min-height:80px}.staff-main{gap:38px;padding-top:28px}.staff-intro h1{font-size:40px}.access-panel{padding:28px 24px}.support-note{padding:16px 24px}.dashboard-header{align-items:flex-start;gap:18px}.dashboard-brand>span,.dashboard-brand div,.dashboard-account>div{display:none}.dashboard-account{gap:0}.dashboard-main{padding:34px 18px 60px}.security-summary{flex-direction:column;gap:16px}.security-summary div+div{border-left:0;border-top:1px solid var(--border);padding-top:16px}}.not-found-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.not-found-page>p{color:var(--brand-600);letter-spacing:.16em;margin:0;font-size:14px;font-weight:800}.not-found-page h1{letter-spacing:-.04em;margin:14px 0;font-size:clamp(30px,6vw,44px)}.not-found-page>span{color:var(--ink-500);line-height:1.7}.not-found-page a{background:var(--brand-600);border-radius:var(--radius-control);color:#fff;margin-top:28px;padding:12px 18px;font-weight:700;text-decoration:none}