*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Microsoft YaHei",sans-serif;background:#f5f7fa;color:#333;line-height:1.6}
.container{max-width:1100px;margin:0 auto;padding:20px}
header{background:#fff;border-bottom:1px solid #e4e7ed;padding:15px 0}
header .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.logo{font-size:22px;font-weight:bold;color:#1a73e8;text-decoration:none}
.logo span{color:#333;font-size:14px;font-weight:normal;margin-left:10px}
.tool-box{background:#fff;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.06);padding:25px;margin-bottom:20px}
.tool-box h2{font-size:18px;color:#1a73e8;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #e8f0fe}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
input,select,textarea{flex:1;min-width:120px;padding:10px 12px;border:1px solid #dcdfe6;border-radius:4px;font-size:14px;outline:none}
textarea{min-height:100px;resize:vertical;font-family:Consolas,monospace}
input:focus,select:focus,textarea:focus{border-color:#1a73e8}
button{padding:9px 22px;background:#1a73e8;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}
button:hover{background:#1557b0}button.green{background:#34a853}button.orange{background:#ff8800}
button.red{background:#ea4335}button.gray{background:#5f6368}
.result-box{background:#f8f9fa;border:1px solid #e4e7ed;border-radius:4px;padding:15px;min-height:60px;font-family:Consolas,monospace;font-size:14px;color:#1a73e8;word-break:break-all;white-space:pre-wrap;margin-top:12px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:15px}
.stat-item{background:#f8f9fa;padding:12px;border-radius:4px;text-align:center}
.stat-item .num{font-size:20px;font-weight:bold;color:#1a73e8}
.stat-item .lbl{font-size:12px;color:#888;margin-top:2px}
table{width:100%;border-collapse:collapse;margin-top:10px;font-size:13px}
table th,table td{border:1px solid #e4e7ed;padding:7px 10px;text-align:center}
table th{background:#f8f9fa;color:#555}
.help-text{font-size:13px;color:#999;margin-top:15px;line-height:1.8}
.help-text h4{color:#666;margin-bottom:5px}
.wechat-float{position:fixed;right:20px;bottom:80px;width:120px;z-index:999}
.wechat-float img{width:100%;border-radius:6px;border:2px solid #fff;box-shadow:0 2px 10px rgba(0,0,0,.15)}
.wechat-float p{text-align:center;font-size:12px;color:#666;margin-top:5px}
footer{background:#fff;border-top:1px solid #e4e7ed;padding:20px 0;margin-top:30px;text-align:center;font-size:13px;color:#888}
footer a{color:#888;text-decoration:none}footer a:hover{color:#1a73e8}
@media(max-width:768px){.row{flex-direction:column}button{width:100%}.wechat-float{display:none}}