:root{--navy:#0a365b;--blue:#0b65b1;--sky:#e9f4fb;--ink:#1c2733;--muted:#667688;--line:#dce5eb;--paper:#fff;--soft:#f6f9fb;--green:#23835d;--amber:#b96b00;--red:#c34141;font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0;background:#fff;font-size:15px}.screen[hidden]{display:none!important}.screen{min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(4vw,48px);border-bottom:1px solid #e7edf1;background:#fff;position:relative;z-index:3}.site-header nav{display:flex;align-items:center;gap:28px;color:#536575;font-size:14px}.brand{display:flex;align-items:center;gap:11px;color:var(--navy);font-size:17px;font-weight:750;letter-spacing:.02em}.brand small,.admin-brand small{display:block;font-weight:500;font-size:9px;letter-spacing:.07em;color:#7890a4;margin-top:2px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:2px solid var(--navy);font-size:21px;line-height:1}.outline-button,.primary-button,.text-button,.link-button,.row-link,.icon-button{border:0;background:none;color:inherit}.outline-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:3px;min-height:42px;padding:0 18px;font-weight:700;font-size:14px}.outline-button{border:1px solid #9eb3c4;color:var(--navy);background:#fff}.primary-button{background:var(--blue);color:#fff;border:1px solid var(--blue)}.primary-button:disabled{background:#a2b4c3;border-color:#a2b4c3;cursor:not-allowed}.wide{width:100%;min-height:50px}.text-button{color:var(--blue);font-weight:650}.hero{height:408px;position:relative;overflow:hidden;background:linear-gradient(105deg,#0b3b63,#125787 48%,#0b385c)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,27,50,.93),rgba(3,39,67,.60) 53%,rgba(5,35,56,.15));z-index:1}.building-silhouette{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 35%,rgba(144,206,230,.38),transparent 26%),linear-gradient(180deg,#3d7797 0 31%,#57899c 31% 34%,#d0b586 34% 100%);opacity:.86;transform:scale(1.06);filter:saturate(.65)}.building-silhouette:before{content:"";position:absolute;inset:34% 0 0;background:repeating-linear-gradient(90deg,rgba(18,47,64,.72) 0 8%,transparent 8% 10%),repeating-linear-gradient(0deg,rgba(253,244,206,.72) 0 13%,rgba(91,113,113,.8) 13% 16%)}.building-silhouette i{position:absolute;width:8%;height:68%;bottom:0;background:#d7c18f;border:5px solid rgba(49,75,77,.58);z-index:2}.building-silhouette i:nth-child(1){left:47%;height:74%}.building-silhouette i:nth-child(2){left:55%}.building-silhouette i:nth-child(3){left:63%;height:80%}.building-silhouette i:nth-child(4){left:71%;height:63%}.building-silhouette i:nth-child(5){left:79%;height:75%}.hero-copy{position:relative;z-index:2;color:#fff;max-width:650px;padding:88px max(7vw,80px)}.eyebrow{margin:0 0 13px;font-size:11px;letter-spacing:.14em;font-weight:800;color:#9cc5de}.eyebrow.blue{color:var(--blue)}.hero h1{font-size:43px;letter-spacing:.04em;margin:0 0 15px}.hero-copy>p:not(.eyebrow){line-height:1.75;color:#d8e6ef;max-width:515px}.hero-link{display:inline-flex;gap:20px;margin-top:16px;border-bottom:1px solid #fff;padding-bottom:8px;font-weight:700}.home-content{max-width:1200px;margin:0 auto;padding:75px 32px 80px}.section-heading{text-align:center;max-width:630px;margin:0 auto 38px}.section-heading h2,.form-header h1,.result-wrap>h1{font-size:31px;margin:0 0 12px;color:var(--navy)}.section-heading>p:last-child,.form-header>p,.result-intro{color:var(--muted);line-height:1.8;margin:0}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-card{position:relative;min-height:238px;text-align:left;color:#fff;border:0;padding:28px 24px;overflow:hidden;background:#1a526b}.category-card:after,.dorm-visual:after,.dialog-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,27,43,.05),rgba(2,29,46,.82))}.main-card:before{content:"";position:absolute;width:160%;height:130%;left:-32%;bottom:-45%;background:repeating-linear-gradient(90deg,rgba(219,210,157,.35) 0 12px,rgba(56,77,70,.65) 12px 17px);transform:perspective(200px) rotateX(35deg);opacity:.72}.card-b{background:#687b72}.card-c{background:#506d80}.card-d{background:#4a7582}.category-card>*{position:relative;z-index:1;display:block}.card-index{font-size:12px;color:#c4e1ec}.category-card strong{font-size:20px;margin-top:104px}.category-card small{font-size:13px;margin-top:9px;color:#e1edf1}.card-arrow{position:absolute;right:24px;bottom:24px;font-size:22px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.service-card{display:flex;align-items:center;gap:17px;text-align:left;padding:22px;border:1px solid #d5e1e8;background:#fff;color:var(--ink)}.service-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#fff;background:var(--navy);font-weight:800}.service-card strong,.service-card small{display:block}.service-card small{margin-top:5px;color:var(--muted);font-size:13px}.service-card b{margin-left:auto;color:var(--blue)}.site-footer{border-top:1px solid var(--line);padding:24px max(4vw,48px);display:flex;justify-content:space-between;color:#7c8b97;font-size:12px}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:9;background:#173d5a;color:white;padding:13px 20px;border-radius:4px}
.auth-layout{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1fr 1fr}.auth-layout aside{padding:clamp(70px,12vw,170px) 15%;background:#103e64;color:#fff}.auth-layout aside h2{font-size:36px;line-height:1.38;margin:15px 0}.auth-layout aside>p:not(.eyebrow){color:#c8dce9;line-height:1.85;max-width:390px}.auth-layout ol{list-style:none;padding:25px 0 0;margin:25px 0 0;border-top:1px solid rgba(255,255,255,.2)}.auth-layout li{margin:17px 0;color:#d8e8f1}.auth-layout li b{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid #8fb7d2;border-radius:50%;margin-right:12px;font-size:12px}.sso-card{align-self:center;justify-self:center;width:min(430px,82%);padding:46px;border:1px solid #d9e4ea;box-shadow:0 16px 42px rgba(12,54,79,.09);text-align:center}.sso-emblem{display:grid;place-items:center;border:2px solid var(--navy);width:60px;height:60px;margin:0 auto 22px;color:var(--navy);font-weight:800;font-size:20px;line-height:.8}.sso-emblem small{font-size:9px}.sso-card h1{color:var(--navy);font-size:25px;margin:0}.sso-card>p{color:var(--muted);margin:12px 0 30px}.sso-note{font-size:12px;line-height:1.7!important;margin:18px 0 0!important}
.page-band{background:#edf6fb;padding:41px max(8vw,80px)}.page-band h1{font-size:31px;color:var(--navy);margin:0 0 9px}.page-band>p:last-child{margin:0;color:var(--muted)}.listing-layout{display:grid;grid-template-columns:230px 1fr;gap:36px;max-width:1260px;margin:0 auto;padding:42px 32px 80px}.filters{border-right:1px solid var(--line);padding-right:28px}.filters h2{font-size:17px;color:var(--navy);margin-top:0}.filters label{display:block;font-weight:700;font-size:13px;margin:22px 0}.filters select,.admin-filters select,.allocation-filter select{display:block;width:100%;margin-top:9px;padding:10px;border:1px solid #ccd8e1;background:#fff;color:#4a6070}.reset{font-size:13px;padding:0}.listing-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.result-count{margin:0;color:var(--muted)}.result-count b{font-size:20px;color:var(--navy)}.listing-head small{color:#8494a1}.dorm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.dorm-card{border:1px solid #d6e0e6;background:#fff}.dorm-visual,.dialog-visual{height:210px;position:relative;overflow:hidden;background:#789c95}.dorm-visual:before,.dialog-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(155deg,transparent 0 38%,rgba(44,72,65,.7) 38% 41%,transparent 41%),repeating-linear-gradient(90deg,rgba(70,97,86,.7) 0 12%,rgba(218,205,159,.7) 12% 18%);transform:skewY(-6deg) scale(1.3);opacity:.9}.facade-two{background:#6a8292}.facade-two:before{background:linear-gradient(140deg,transparent 0 35%,rgba(29,49,67,.7) 35% 40%,transparent 40%),repeating-linear-gradient(90deg,rgba(83,102,113,.7) 0 14%,rgba(205,202,180,.7) 14% 20%)}.dorm-visual span,.dorm-visual b{position:absolute;z-index:1;color:#fff}.dorm-visual span{left:16px;top:15px;background:#26805c;padding:5px 9px;font-size:12px}.dorm-visual b{left:17px;bottom:16px;font-size:18px}.dorm-card-body{padding:20px}.dorm-card-body>p{font-size:13px;color:var(--muted);margin:0}.dorm-card h2{font-size:20px;color:var(--navy);margin:7px 0 18px}.dorm-card dl{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 17px;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.dorm-card dt{font-size:11px;color:#80909d}.dorm-card dd{font-size:13px;margin:4px 0 0}.link-button{padding:0;color:var(--blue);font-weight:700}.link-button span{padding-left:12px}dialog{border:0;padding:0;width:min(700px,92vw);box-shadow:0 20px 60px rgba(0,0,0,.3)}dialog::backdrop{background:rgba(5,25,39,.64)}.dialog-head{padding:25px 30px;display:flex;justify-content:space-between;align-items:start}.dialog-head h2{font-size:25px;color:var(--navy);margin:0}.icon-button{font-size:30px;color:#567}.dialog-visual{height:165px}.dialog-content{padding:28px 30px}.dialog-content h3{color:var(--navy);margin:0 0 8px}.dialog-content p{line-height:1.7;color:var(--muted)}.info-callout{border-left:3px solid var(--blue);background:var(--soft);padding:13px 16px;margin:23px 0}.info-callout p{font-size:13px;margin:5px 0 0}
.form-wrap{max-width:1040px;margin:0 auto;padding:44px 30px 80px}.stepper{display:flex;gap:48px;border-bottom:1px solid var(--line);padding-bottom:18px;color:#8c9ba7;font-size:14px}.stepper .done{color:var(--green)}.stepper .active{color:var(--blue);font-weight:800;border-bottom:2px solid var(--blue);margin-bottom:-20px;padding-bottom:18px}.form-header{padding:39px 0 28px}.form-layout{display:grid;grid-template-columns:1fr 300px;gap:24px}.application-form{border:1px solid var(--line);padding:28px}.application-form section+section{border-top:1px solid var(--line);margin-top:27px;padding-top:25px}.application-form h2,.preference-summary h2{font-size:18px;color:var(--navy);margin:0 0 20px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field-grid label{font-size:13px;font-weight:700;color:#4d6270}.field-grid input{display:block;width:100%;margin-top:8px;padding:11px;border:1px solid #d5e0e6;color:#5e7080;background:#f8fafb}.check-row{display:block;margin:13px 0;font-size:14px;line-height:1.5}.check-row input{accent-color:var(--blue);margin-right:8px}.preference-summary{border:1px solid #cfe0eb;background:#f8fcff;padding:22px;height:max-content}.summary-title{display:flex;justify-content:space-between;align-items:center}.summary-title span{font-size:13px;color:var(--blue);font-weight:700}.preference-summary ol{margin:0;padding-left:23px}.preference-summary li{padding:9px 0;font-size:13px}.preference-summary li span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.preference-summary hr{border:0;border-top:1px solid #d7e4eb;margin:20px 0}.preference-summary>p:last-of-type{display:flex;justify-content:space-between}.preference-summary strong{font-size:22px;color:var(--blue)}.preference-summary small{color:var(--muted)}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}
.admin-page{background:#f5f8fa}.admin-shell{display:grid;grid-template-columns:286px 1fr;min-height:100vh}.admin-sidebar{background:#fff;border-right:1px solid #e0e7ed;padding:24px 16px;position:relative}.admin-brand{display:flex;align-items:center;gap:9px;color:var(--navy);font-weight:800;font-size:15px;margin:0 10px 38px}.admin-brand .brand-mark{width:30px;height:30px;font-size:18px}.sidebar-caption{font-size:11px;color:#8a9aaa;font-weight:700;padding:0 14px;margin:20px 0 8px}.admin-sidebar a{display:block;padding:12px 14px;border-radius:3px;color:#52677a;font-size:14px;margin:2px 0}.admin-sidebar a.active{background:#e7f1f9;color:var(--blue);font-weight:800;border-left:3px solid var(--blue);padding-left:11px}.admin-sidebar hr{border:0;border-top:1px solid var(--line);margin:22px 10px}.admin-user{position:absolute;bottom:25px;left:25px;display:flex;align-items:center;gap:10px;border-radius:50%;background:#e2eef4;color:var(--blue);width:38px;height:38px;justify-content:center;font-size:12px}.admin-user span{position:absolute;left:48px;width:100px;color:#5c7081;font-size:13px}.admin-main{min-width:0}.admin-top{height:68px;background:#fff;border-bottom:1px solid #e1e8ed;display:flex;align-items:center;justify-content:flex-end;gap:20px;padding:0 35px;color:#75899a}.search{margin-right:auto;border:1px solid #d6e1e7;padding:7px 11px;width:300px;color:#8395a4}.search input,.admin-filters input{border:0;outline:0;width:90%;padding-left:6px}.avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#d5e6ef;color:var(--blue);font-size:12px}.admin-content{max-width:1420px;padding:27px 38px 45px}.breadcrumb{font-size:12px;color:#7f91a0;margin:0 0 15px}.admin-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:23px}.admin-title h1{font-size:27px;color:#173e61;margin:0}.admin-title p{margin:8px 0 0;color:#748696;font-size:14px}.button-row{display:flex;gap:10px}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.metric-row article{background:#fff;border:1px solid #e0e8ed;padding:18px 21px}.metric-row span{display:block;color:#738596;font-size:13px}.metric-row b{font-size:29px;color:var(--blue);margin:7px 6px 0 0}.metric-row small{color:#8595a3}.metric-row .orange{color:#d07800}.metric-row .red{color:var(--red)}.metric-row .green{color:var(--green)}.admin-card{background:#fff;border:1px solid #e0e8ed}.card-toolbar,.table-heading{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;border-bottom:1px solid #e6edf1}.card-toolbar h2,.table-heading h2,.progress-card h2,.issue-card h2{font-size:17px;color:#244c6b;margin:0}.card-toolbar>div{display:flex;align-items:center;gap:11px}.card-toolbar span{font-size:12px;color:#7a8d9b}.admin-filters{display:flex;gap:10px;padding:16px 22px;border-bottom:1px solid #e6edf1}.admin-filters select{width:175px;margin:0;font-size:13px;padding:8px}.admin-filters label{border:1px solid #ccd8e1;padding:7px 9px;margin-left:auto;color:#7e90a0}.admin-card table{width:100%;border-collapse:collapse;font-size:13px}.admin-card th{text-align:left;background:#f7f9fb;color:#728595;padding:12px 22px;font-size:12px;font-weight:700}.admin-card td{padding:15px 22px;border-top:1px solid #ebf0f3;color:#476070}.admin-card td b,.admin-card td small{display:block}.admin-card td small{font-size:11px;color:#8797a4;margin-top:3px}.badge{display:inline-block;padding:5px 8px;border-radius:3px;font-size:11px;font-weight:800;white-space:nowrap}.blue-badge{background:#e3f0fb;color:#1664a7}.green-badge{background:#e4f4ed;color:#197653}.amber-badge{background:#fff2d8;color:#a96100}.red-badge{background:#fde8e8;color:#bd3838}.row-link{color:var(--blue);font-size:13px;font-weight:700}.allocation-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px}.table-heading p{font-size:12px;color:#80919d;margin:5px 0 0}.allocation-filter{display:flex;align-items:end;gap:11px;padding:15px 22px;border-bottom:1px solid #e6edf1}.allocation-filter label{font-size:12px;color:#667e91}.allocation-filter select{width:150px;margin-top:5px;font-size:13px;padding:7px}.allocation-filter>span{margin-left:auto;color:#8092a0;font-size:12px}.selected-row{background:#f3f9fd}.side-stack{display:grid;gap:20px;align-content:start}.progress-card,.issue-card{padding:21px}.progress-number{margin:22px 0 10px}.progress-number b{font-size:35px;color:var(--blue)}.progress-number span{color:#788a98;font-size:13px}.progress{height:8px;background:#e5edf2;border-radius:6px;overflow:hidden}.progress i{display:block;width:62.5%;height:100%;background:var(--blue)}.progress-card p{color:#7b8c99;font-size:12px}.issue-card .card-toolbar{padding:0 0 14px}.issue-card>p{padding:13px 0;margin:0;border-bottom:1px solid #e7eef2;color:#4d6374;font-size:13px}.issue-card>p small{display:block;margin-top:5px;color:#8393a0;font-size:12px}.issue-card .link-button{margin-top:18px;font-size:13px}.allocation-footer{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.allocation-footer small{color:#8192a0}
.result-wrap{max-width:1000px;margin:0 auto;padding:64px 30px 90px}.status-banner{display:flex;align-items:center;gap:17px;background:#edf7f2;border:1px solid #c8e7d6;padding:22px 25px;margin:32px 0 18px}.status-icon{display:grid;place-items:center;border-radius:50%;width:40px;height:40px;background:var(--green);color:#fff;font-size:20px}.status-banner p,.status-banner h2,.status-banner small{margin:0}.status-banner p,.status-banner small{font-size:12px;color:#638173}.status-banner h2{font-size:20px;color:#216849;margin:4px 0}.status-banner .badge{margin-left:auto}.application-result{display:grid;grid-template-columns:1.1fr 1fr;gap:25px;padding:27px;border:1px solid var(--line)}.application-result h2{color:var(--navy);margin:5px 0}.application-result>div>p:last-child{font-size:13px;color:#6c7e8c}.result-assignment{border-left:1px solid var(--line);padding-left:25px}.result-assignment span,.result-assignment small{display:block;color:#7d8e9c;font-size:12px}.result-assignment b{display:block;font-size:18px;color:var(--navy);margin:7px 0}.result-actions{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:flex-end;gap:10px}.timeline{margin-top:35px}.timeline h2{color:var(--navy);font-size:20px}.timeline ol{list-style:none;margin:0;padding:0}.timeline li{display:grid;grid-template-columns:80px 1fr;gap:20px;padding:17px 0 17px 16px;border-left:2px solid #d6e2e8;position:relative}.timeline li:before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;left:-6px;top:22px;background:#9db0bd}.timeline li.current:before{background:var(--green)}.timeline time{font-size:13px;color:#7d8e9a}.timeline b,.timeline small{display:block}.timeline small{color:#7b8b98;font-size:13px;margin-top:4px}
@media(max-width:900px){.category-grid{grid-template-columns:repeat(2,1fr)}.listing-layout,.form-layout,.allocation-layout{grid-template-columns:1fr}.filters{border-right:0;border-bottom:1px solid var(--line);padding:0 0 22px;display:flex;gap:12px;align-items:end}.filters h2{display:none}.filters label{flex:1;margin:0}.admin-shell{grid-template-columns:1fr}.admin-sidebar{display:none}.metric-row{grid-template-columns:repeat(2,1fr)}.application-result{grid-template-columns:1fr}.result-assignment{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.auth-layout{grid-template-columns:1fr}.auth-layout aside{padding:55px 12%}.sso-card{margin:55px 0}.admin-content{padding:22px}.allocation-footer{flex-wrap:wrap;gap:14px}}
@media(max-width:620px){.site-header{padding:0 20px;height:68px}.site-header nav>a{display:none}.brand{font-size:13px}.hero{height:390px}.hero-copy{padding:73px 30px}.hero h1{font-size:34px}.home-content{padding:55px 20px}.category-grid,.service-grid,.dorm-grid,.field-grid{grid-template-columns:1fr}.site-footer{padding:18px 20px;gap:8px;flex-direction:column}.listing-layout,.form-wrap,.result-wrap{padding-left:20px;padding-right:20px}.listing-head,.admin-title{align-items:start;gap:12px;flex-direction:column}.listing-head .primary-button{width:100%}.stepper{gap:16px;font-size:12px}.admin-top{padding:0 18px}.search{width:200px}.metric-row{gap:9px}.metric-row article{padding:14px}.admin-card{overflow:auto}.admin-card table{min-width:670px}.allocation-footer .primary-button{width:100%}.status-banner{align-items:start}.status-banner .badge{margin:0}.result-actions{flex-direction:column}.result-actions button{width:100%}}