@font-face{font-family:"Noto Sans TC";src:url("fonts/NotoSansTC.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:block}
*{box-sizing:border-box}body{margin:0;background:#f0f1f3;color:#242424;font-family:'Noto Sans TC',sans-serif;font-size:16px}header{height:84px;background:#fff;border-bottom:1px solid #dedfe2;display:flex;align-items:center;gap:14px;padding:0 36px}header h1{font-size:21px;font-weight:700;margin:0}.mark{display:grid;place-items:center;background:#ffeb00;width:36px;height:36px;font-size:20px;font-weight:700;border-radius:6px}.badge{font-size:14px;border-left:1px solid #ddd;padding-left:16px;color:#666}main{max-width:1400px;margin:auto;display:grid;grid-template-columns:360px minmax(0,1fr);gap:42px;padding:30px 36px}.editor{align-self:start;background:#fff;border:1px solid #dedfe2;border-radius:12px;padding:26px}.editor h2,.preview-heading h2{font-size:18px;margin:0}.intro{font-size:14px;color:#686b70;margin:8px 0 28px}label{display:block;font-size:15px;font-weight:500;margin:22px 0 9px}input,textarea{width:100%;border:1px solid #c7cbd0;border-radius:6px;padding:12px;font:inherit;color:inherit;background:#fff}input:focus,textarea:focus{outline:2px solid #9c8800;outline-offset:2px}textarea{height:300px;resize:vertical;line-height:1.75}.hint,.print-help{font-size:14px;color:#686b70;line-height:1.7}.hint{margin:8px 0 20px}#status{font-size:14px;line-height:1.6;color:#666}#status.error{color:#b12b20}button{width:100%;border:0;border-radius:6px;background:#ffeb00;color:#222;font:inherit;font-weight:700;padding:15px;cursor:pointer}button:hover{background:#efdc00}button:disabled{background:#ddd;color:#777;cursor:not-allowed}.print-help{margin-bottom:0}.preview{min-width:0}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 auto 18px;max-width:640px}.preview-heading span{font-size:14px;color:#676b71}#paper-frame{position:relative;margin:auto;max-width:640px;filter:drop-shadow(0 5px 15px #00000016)}#paper{position:absolute;top:0;left:0;width:210mm;height:297mm;background:white;transform-origin:top left;overflow:hidden}.background{position:absolute;inset:0;width:100%;height:100%;display:block}.content{position:absolute;left:26mm;right:18mm;top:70mm;bottom:31mm;overflow:hidden}#notice-title{font-size:38pt;line-height:1.4;font-weight:700;margin:0 0 12mm;white-space:pre-wrap;overflow-wrap:anywhere}#notice-body{font-size:20pt;font-weight:400;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;text-align:left}#notice-title{text-align:center}@media(max-width:850px){header{padding:0 20px}main{grid-template-columns:1fr;padding:22px 20px;gap:28px}.editor{padding:22px}textarea{height:230px}.badge{margin-left:auto}.preview-heading span{font-size:12px}}@page{size:A4 portrait;margin:0}@media print{html,body{width:210mm;height:297mm;margin:0!important;padding:0!important;background:#fff}header,.editor,.preview-heading{display:none!important}main,.preview{display:block!important;margin:0!important;padding:0!important;width:210mm}#paper-frame{width:210mm!important;height:297mm!important;max-width:none;filter:none;margin:0!important}#paper{position:relative;transform:none!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}}