/* 页面整体居中 */ body { background-color: #f4f6f8; font-family: 'Segoe UI', 'PingFang SC', 'Microsoft Yahei', sans-serif; margin: 0; padding: 0; } /* 内容容器样式 */ form { max-width: 960px; width: 100%; background: #ffffff; border-radius: 12px; padding: 40px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.05); margin: 40px auto; box-sizing: border-box; } /* 标题美化 */ font[size="5"] { font-size: 28px !important; font-weight: 700; color: #2d3436; letter-spacing: 0.5px; display: block; margin-bottom: 10px; } font[size="4"] { font-size: 20px !important; color: #0984e3; font-weight: 500; display: block; margin-bottom: 20px; } /* 表格样式 */ table { width: 100%; border-collapse: collapse; background-color: #f9f9f9; margin-bottom: 24px; border-radius: 6px; overflow: hidden; } td { padding: 12px 16px; border-bottom: 1px solid #e0e0e0; font-size: 14px; color: #333; } /* 按钮美化 */ input[type="button"], .button { background: linear-gradient(to right, #3498db, #2980b9); color: white; border: none; border-radius: 6px; padding: 10px 20px; font-size: 14px; margin: 8px; cursor: pointer; transition: all 0.2s ease; } input[type="button"]:hover, .button:hover { opacity: 0.9; transform: scale(1.03); } /* 图片样式 */ img { max-width: 100%; height: auto; border-radius: 6px; box-shadow: 0 4px 10px rgba(0,0,0,0.05); margin: 20px 0; } /* 代码段高亮风格 */ font[face="Cambria"], pre, code { display: block; background-color: #1e1e1e; color: #d4d4d4; padding: 12px; margin: 12px 0; border-radius: 6px; font-family: 'Courier New', monospace; white-space: pre-wrap; font-size: 14px; overflow-x: auto; } /* 链接样式 */ a { color: #0984e3; text-decoration: none; } a:hover { text-decoration: underline; } /* 底部版权信息 */ .footer { background: #2d3436; color: #ffffff; text-align: center; padding: 20px; font-size: 13px; border-radius: 8px; margin-top: 40px; }