@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800&family=Noto+Serif+TC:wght@500;600;700;800&display=swap";:root{font-family:Noto Sans TC,system-ui,sans-serif;color:#f4ebd9;background:#101010}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #625038;background:#29241c;color:#f1e3c7;border-radius:10px;padding:10px 13px}button:hover{border-color:#e6be70}.shell{max-width:960px;min-height:100vh;margin:auto;padding:0 18px;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #4a3d2a;gap:10px}h1{color:#e6be70;font-size:25px}h1 small{font-size:12px;display:block;letter-spacing:2px}h2{color:#e6be70;font-size:19px}main{flex:1;padding:24px 0}section{margin:25px 0}.hero,.panel{background:#242019;border:1px solid #493c29;border-radius:16px;padding:24px}.hero{background:linear-gradient(135deg,#342819,#1a1815)}.hero h1{font-size:29px}.muted{font-size:13px;color:#b6aa98;line-height:1.7}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.tile{height:105px;text-align:left;font-weight:600}.primary,.active{background:#e6be70!important;color:#17120a!important;font-weight:700;border:0}.notice{margin-top:12px;border-color:#b48a49}.head{display:flex;justify-content:space-between;align-items:center;gap:12px}.head h2{margin:0}.filters{display:flex;gap:8px;margin:20px 0}.item{width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px;margin:10px 0;text-align:left}.item span{color:#e6be70;font-size:12px}.back{margin-bottom:16px}.account{display:flex;align-items:center;gap:10px;font-size:13px}label{display:block;margin:17px 0 7px;color:#d8c6a7;font-size:13px}input:not([type=checkbox]),textarea,select{background:#161410;border:1px solid #635037;color:#fff;border-radius:9px;padding:12px;width:100%}.check{display:flex;align-items:center;gap:9px;margin:12px 0}.check input{accent-color:#e6be70}.checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:4px 10px}.content{white-space:pre-wrap;line-height:1.8;padding:18px 0}.status{border-top:1px solid #55432c;margin-top:24px;padding-top:10px;font-size:13px}.staff{margin:12px 0}.error{color:#f99}footer{text-align:center;color:#9b8a6e;font-size:11px;letter-spacing:1px;padding:25px}.login{max-width:450px;justify-content:center}.login .primary{width:100%;margin-top:14px}@media (max-width:480px){.tiles{grid-template-columns:repeat(2,1fr)}.hero,.panel{padding:17px}.account{flex-wrap:wrap;justify-content:end}}h1,h2,h3{font-family:"Noto Serif TC",Noto Sans TC,serif}button,input,select,textarea{font-family:Noto Sans TC,system-ui,sans-serif}.brandLogo{text-align:center;width:100%;margin:0 auto 8px}.brandLogo img{display:block;width:min(100%,350px);height:auto;margin:0 auto;object-fit:contain}.brandSubtitle{font-family:"Noto Serif TC",serif;color:#e6be70;font-size:24px;font-weight:700;letter-spacing:.2em;margin-top:8px}.headerLogo{display:flex;align-items:center;gap:14px}.headerLogo img{display:block;width:clamp(125px,25vw,210px);height:auto;object-fit:contain}.headerLogo span{font-family:"Noto Serif TC",serif;color:#e6be70;font-weight:700;letter-spacing:.15em;white-space:nowrap}@media (max-width:480px){.headerLogo{gap:8px}.headerLogo img{width:125px}.headerLogo span{font-size:13px}.brandLogo img{width:min(100%,300px)}}