.demo-tool{font-family:Arial,sans-serif;max-width:900Px;margin:0 auto;padding:16Px;background-color:#f5f5f5;min-height:100vh;box-sizing:border-box}.demo-tool .container{background:#fff;padding:28Px 32Px;border-radius:10Px;box-shadow:0 2Px 12Px rgba(0,0,0,.08)}.demo-tool h1{color:#333;text-align:center;margin:0 0 24Px;font-size:24Px}.demo-tool .tabs{display:flex;justify-content:center;gap:12Px;margin-bottom:20Px}.demo-tool .tabs button{background-color:#e0e0e0;color:#333}.demo-tool .tabs button.active{background-color:#4caf50;color:#fff}.demo-tool .input-group{margin-bottom:16Px}.demo-tool label{display:block;margin-bottom:6Px;font-weight:700;color:#555;font-size:14Px}.demo-tool .field,.demo-tool textarea{width:100%;padding:9Px 12Px;border:1Px solid #ddd;border-radius:6Px;font-size:14Px;box-sizing:border-box;background:#fff;color:#333}.demo-tool textarea{height:110Px;resize:vertical}.demo-tool textarea.small{height:64Px}.demo-tool .field:focus,.demo-tool textarea:focus{outline:none;border-color:#4caf50}.demo-tool .row{display:flex;gap:16Px}.demo-tool .method-col{width:120Px;flex:none}.demo-tool .flex1{flex:1}.demo-tool .switch-row{display:flex;flex-wrap:wrap;gap:24Px;margin-bottom:16Px}.demo-tool .switch{display:flex;align-items:center;gap:6Px;font-weight:400;font-size:14Px;color:#444;margin:0;cursor:pointer}.demo-tool .switch input{width:16Px;height:16Px}.demo-tool .switch .hint{color:#999;font-size:12Px}.demo-tool .button-group{text-align:center;margin:20Px 0}.demo-tool button{background-color:#4caf50;color:#fff;padding:9Px 22Px;border:none;border-radius:6Px;cursor:pointer;font-size:15Px;margin:0 8Px;transition:background-color .3s}.demo-tool button:hover{background-color:#45a049}.demo-tool button.ghost{background-color:#e0e0e0;color:#333}.demo-tool button.ghost:hover{background-color:#d2d2d2}.demo-tool button:disabled{background-color:#ccc;cursor:not-allowed}.demo-tool .result-area{margin-top:16Px;padding:16Px;background-color:#f9f9f9;border-radius:6Px;border-left:4Px solid #4caf50}.demo-tool .result-title{font-weight:700;color:#333;margin-bottom:10Px;font-size:14Px}.demo-tool .result-content,.demo-tool .seg-body{background:#fff;padding:12Px;border-radius:4Px;border:1Px solid #ddd;white-space:pre-wrap;word-break:break-all;min-height:32Px;margin:0;font-size:13Px;line-height:1.5;font-family:Menlo,Monaco,Consolas,Courier New,monospace}.demo-tool .overview{display:flex;align-items:center;flex-wrap:wrap;gap:8Px;margin-bottom:14Px}.demo-tool .overview-url{color:#555;font-size:12Px;word-break:break-all}.demo-tool .badge{display:inline-block;padding:2Px 10Px;border-radius:4Px;background:#607d8b;color:#fff;font-size:12Px}.demo-tool .badge.tiny{padding:1Px 8Px;font-size:11Px}.demo-tool .badge.ok{background:#2e7d32}.demo-tool .badge.fail{background:#d32f2f}.demo-tool .badge.enc{background:#6a1b9a}.demo-tool .badge.plain{background:#ef6c00}.demo-tool .seg{margin-top:12Px}.demo-tool .seg-title{font-weight:700;color:#444;margin-bottom:5Px;font-size:13Px}.demo-tool .error{background-color:#ffebee;border-left-color:#d32f2f}.demo-tool .success{background-color:#e8f5e8;border-left-color:#2e7d32}.demo-tool .history{margin-top:24Px;border-top:1Px dashed #ddd;padding-top:14Px}.demo-tool .history-head{display:flex;justify-content:space-between;align-items:center;font-weight:700;color:#555;font-size:13Px;margin-bottom:8Px}.demo-tool .history ul{list-style:none;margin:0;padding:0}.demo-tool .history li{display:flex;justify-content:space-between;align-items:center;gap:12Px;padding:9Px 0;border-bottom:1Px solid #eee}.demo-tool .h-main{display:flex;align-items:center;flex-wrap:wrap;gap:6Px;min-width:0}.demo-tool .h-url{color:#555;font-size:12Px;word-break:break-all}.demo-tool .link{background:none;color:#4caf50;padding:0;margin:0;font-size:13Px;flex:none}.demo-tool .link:hover{background:none;text-decoration:underline}