*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fafafa;color:#333;font-family:Microsoft YaHei,PingFang SC,Helvetica Neue,sans-serif;line-height:1.6;margin:20px auto;max-width:1200px;padding:0 15px}h1{color:#222;font-size:26px;font-weight:700;letter-spacing:0.5px;margin:24px 0 8px}.subtitle,h1{text-align:center}.subtitle{color:#888;font-size:14px;margin-bottom:20px}h2{border-left:4px solid #409eff;color:#444;font-size:17px;font-weight:600;margin:18px 0 12px;padding-left:10px}.content{margin:20px 0}.desc{background:#f0f7ff;border-left:3px solid #409eff;border-radius:6px;color:#666;font-size:14px;line-height:1.7;margin-bottom:12px;padding:12px 16px}.textarea{background:#fff;border:1px solid #ddd;border-radius:6px;font-size:15px;line-height:1.8;min-height:280px;outline:none;padding:14px;resize:vertical;transition:border-color 0.25s ease,box-shadow 0.25s ease;width:100%}.textarea:focus{border-color:#409eff;box-shadow:0 0 0 3px rgba(64,158,255,.1)}.Groupbtn{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.btn1,.btn2{border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;letter-spacing:0.3px;padding:9px 18px;transition:all 0.2s ease;user-select:none}.btn1{background:#409eff;color:#fff}.btn1:hover{background:#337ecc;box-shadow:0 2px 8px rgba(64,158,255,.35);transform:translateY(-1px)}.btn1:active{box-shadow:none;transform:translateY(0)}.btn2{background:#f56c6c;color:#fff}.btn2:hover{background:#e04848;box-shadow:0 2px 8px hsla(0,87%,69%,.35);transform:translateY(-1px)}.btn2:active{box-shadow:none;transform:translateY(0)}.result{background:#f8fafc;border:1px solid #e8ecf1;border-radius:8px;margin:15px 0;padding:18px 20px}.result h2{margin-bottom:14px;margin-top:0}.total1{align-items:center;display:flex;flex-wrap:wrap;gap:6px 18px}.total1 span{background:#fff;border:1px solid #eee;border-radius:4px;color:#444;font-size:14px;padding:4px 8px;white-space:nowrap}.total1 em{color:#f56c6c;font-size:16px;font-style:normal;font-weight:700;margin:0 2px}.tips{background:#fffbeb;border:1px solid #fef3cd;border-radius:8px;margin-top:30px;padding:18px 20px}.tips h2{border-left-color:#e6a23c;margin-top:0}.tips p{color:#666;font-size:14px;line-height:1.7;margin-bottom:10px}.tips p:last-child{margin-bottom:0}.tips strong{color:#e6a23c;font-weight:600}.tips .num{background:#eee;border-radius:3px;color:#555;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;padding:2px 6px}.links-box{background:#fff;border:1px solid #e8ecf1;border-radius:8px;margin-top:28px;padding:16px 20px}.links-title{border-left:3px solid #409eff;color:#444;font-size:15px;font-weight:700;margin-bottom:10px;padding-left:10px}.link-items{display:flex;flex-wrap:wrap;gap:8px 16px}.link-items a{color:#409eff;font-size:14px;text-decoration:none;transition:color 0.2s}.link-items a:hover{color:#337ecc;text-decoration:underline}.both{clear:both}.footer{border-top:1px solid #eee;color:#999;font-size:12px;line-height:1.8;margin-top:40px;padding-bottom:10px;padding-top:18px;text-align:center}.footer p{margin:0}@media (max-width:768px){body{margin:10px auto;padding:0 10px}h1{font-size:21px;margin:16px 0 6px}.subtitle{font-size:13px}h2{font-size:15px}.textarea{font-size:14px;min-height:220px;padding:10px}.Groupbtn{gap:8px}.btn1,.btn2{font-size:13px;padding:8px 14px}.total1{gap:4px 10px}.total1 span{font-size:13px;padding:3px 6px}.total1 em{font-size:14px}.result,.tips{padding:14px}.links-box,.tips{margin-top:20px}.links-box{padding:12px 14px}}@media (max-width:480px){.Groupbtn{flex-direction:column;gap:6px}.btn1,.btn2{padding:10px;text-align:center;width:100%}.total1{align-items:flex-start;flex-direction:column;gap:5px}.total1 span{width:100%}}