html, body { min-height: 100%; margin: auto; padding: 0; }
body { background-color: #f4f4f4; }
.container { display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; }
.page-container { min-height: 100vh; min-height: 100svh; }
h2 { text-align: center; font-size: 16px; font-weight: bold; color: red; }
button { display: block; margin: 0 auto; padding: 10px 20px; font-size: 16px; border: none; background-color: #3498db; color: white; cursor: pointer; border-radius: 5px; transition: all .3s ease; box-shadow: 0 2px 4px rgba(0,0,0,.3); }
button:hover { background-color: #2980b9; box-shadow: 0 4px 8px rgba(0,0,0,.3); }
.wenzhi { background-color: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,.1); max-width: 85%; margin: 0 auto; }
#links { max-width: 100%; height: auto; }
[hidden] { display: none !important; }
body { background-size: cover; background-position: center; background-attachment: fixed; }
#top-image { display: block; max-width: 100%; height: auto; margin: 0 auto 15px; }
#footer-text { white-space: pre-wrap; text-align: center; line-height: 1.8; overflow-wrap: anywhere; }
#page-status { color: #7b8782; font-family: sans-serif; padding: 20px; }
h2, button { overflow-wrap: anywhere; }