Adjust styles for compatibility #141

The current styling only implements basic switching between landscape and portrait layouts, which is acceptable. However, on various devices—particularly mobile phones and large-screen displays—the layout often looks unappealing. For simpler, less critical styling elements (such as borders, padding, and margins), you can use relative units like EM, REM, VH, and DVH (paying special attention to mobile contexts); for complex styles, use the existing responsive middleware layer to configure the layout in greater detail. You will need to verify the actual visual results in a browser and submit screenshots.