body{font-family:Arial,sans-serif;background-color:#f9f9f9;color:#333;margin:0;padding:0;display:flex;align-items:flex-start;justify-content:center;height:100vh}.notice-container{display:block;background:#fff;padding:20px;width:80%;max-width:700px;min-height:200px;border-radius:8px;box-shadow:0 4px 10px #0000001a;position:absolute;top:5%;left:50%;transform:translate(-50%);text-align:left}.notice-title{font-size:22px;font-weight:700;text-align:center;letter-spacing:1px;padding:10px 0;border-top:2px solid transparent;border-bottom:2px solid transparent;display:inline-block;width:100%}.notice-header h1{margin:0;font-size:22px;font-weight:700;padding:10px 0;border-top:2px solid var(--notice-color);border-bottom:2px solid var(--notice-color);display:inline-block;width:100%}.notice-meta{font-size:14px;color:#777;margin-bottom:15px}#notice-category{color:var(--notice-color);font-weight:700}.notice-content{font-size:16px;line-height:1.6;min-height:100px}.notice-footer{margin-top:20px;font-size:14px;color:#555;border-top:1px solid var(--notice-color);padding-top:10px}.close-btn{position:absolute;top:90px;right:20px;background:gray;color:#fff;font-size:16px;font-weight:700;border:none;border-radius:5px;padding:8px 12px;cursor:pointer;transition:background .3s ease,transform .2s ease}.close-btn:hover{background:gray;transform:scale(1.1)}.close-btn:focus{outline:none;box-shadow:0 0 5px gray(217,83,79,.8)}