:root{font-family:Arial,'Noto Sans TC',sans-serif;color:#173641;background:#f3f7f5}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:7vh auto;padding:32px}header{display:flex;justify-content:space-between;align-items:center;gap:20px}.card{background:white;border-radius:20px;padding:clamp(24px,5vw,48px);box-shadow:0 14px 45px #17364112}h1{font-size:clamp(25px,5vw,40px);margin:12px 0 30px}h2{font-size:18px;margin:24px 0 6px}.eyebrow{color:#648f71;font-weight:700;letter-spacing:.1em}.serial{font-size:clamp(64px,16vw,130px);font-weight:800;line-height:1.15;color:#245d53;margin:15px 0}p{line-height:1.7}a{color:#245d53}button,.button{background:#245d53;color:white;padding:12px 20px;border:0;border-radius:8px;font:inherit;cursor:pointer;text-decoration:none;display:inline-block}input,select{padding:12px;border:1px solid #9ab4aa;border-radius:8px;font:inherit;width:100%;margin:6px 0 16px}label{display:block}button:disabled{opacity:.5}nav{display:flex;gap:15px;flex-wrap:wrap}.error{color:#a13838}.muted{color:#697c7d}.hidden{display:none}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;padding:10px;border-bottom:1px solid #ddd}td{word-break:break-word}.table-wrap{overflow-x:auto}#admin-main{max-width:1250px}#admin-main .card{padding:24px}#admin-main button{padding:8px 10px;margin:2px}#admin-main input{max-width:440px}@media(max-width:600px){main{margin:0;padding:16px}.card{padding:24px}}