@charset "utf-8";body{overflow-wrap:anywhere}.header{min-height:96px;height:auto;padding:14px 5.5%;gap:24px}.header .logo img{width:min(350px,58vw);height:auto}.menu{display:flex;align-items:center;justify-content:flex-end;gap:24px;flex-wrap:wrap}.menu a{margin:0;font-size:15px}.mobile-menu{display:none;border:1px solid #dce5e1;background:#fff;color:#145849;padding:8px 12px}.hero{height:auto;min-height:210px}.hero-inner{padding:30px 0 60px}.page-title{font-family:"Noto Serif TC";font-size:clamp(2em,5vw,58px); font-weight: 900;color:#2f2924}.main{padding-top:20px}.footer{background:#0a4136;color:#d6e6e0}.table-wrap{overflow-x:auto}.form-control,.form-select,.btn{min-height:44px}
@media(max-width:1000px){.header{align-items:flex-start}.mobile-menu{display:block;position:absolute;right:24px;top:24px}.menu{display:none;width:100%;justify-content:flex-start;gap:8px 18px;padding-top:12px;border-top:1px solid #dce5e1}.menu.is-open{display:flex}.menu a{margin:0}.hero{min-height:230px}.hero-inner{width:calc(100% - 32px)}.main>.container{width:calc(100% - 32px)}.layout-two{grid-template-columns:1fr}.summary-grid,.info-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.header .logo img{width:min(290px,72vw)}.page-title{font-size:36px}.main{padding:42px 0 65px}.login-card,.register-card,.form-card,.table-card,.main-card{width:100%;border-radius:18px;padding-left:18px;padding-right:18px}.summary-grid,.info-grid,.result-options{grid-template-columns:1fr}.card-head,.case-head,.case-body,.card-body-custom,.form-body{padding-left:18px;padding-right:18px}.table-footer{align-items:flex-start;gap:16px;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.page-title span{color:var(--gold)}
.head {
    background: #176fc1;
    color: #fff;
    padding: 10px 30px;
}
.box {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, .08);
    overflow: hidden;
}

.body { padding: 10px;}
.table-wrap table { width: 100%; border-collapse: collapse;}
.table-wrap table th { background: #f4eee5;padding: 14px 10px;text-align: center; border-bottom: 2px solid #d7b36a;}
.table-wrap table td { padding: 15px 10px; text-align: center; border-bottom: 1px solid #eee;}
.h1, h1 { font-size: calc(1rem + 1.5vw);}
.h2, h2 {font-size: calc(.9rem + .9vw);
}