.tool-main {max-width: 1200px; margin: 20px auto;display: flex;gap: 24px;}
.tool-left {flex: 1 1 auto;min-width: 0;}
.tool-right {width: 320px;flex: 0 0 320px;}

/* 标题区 */
.tool-header{border:1px solid #eef0f3;border-radius:10px;background:#fff;padding:15px}
.tool-header h1{font-size:22px;font-weight:700;color:#333;display:flex;align-items:center;gap:6px}
.tool-header h1 i{color: #0084c6;font-size: 22px;font-weight: normal;}
.tool-header p{margin-top:6px;color:#666;font-size:13px}

/* 表单 */
.tool-form{margin-top:14px;background:#fff;border:1px solid #eef0f3;border-radius:10px;padding:14px}
.tool-form .row{margin-top:10px}
.tool-form .row:first-child{margin-top:0;position: relative;}
.tool-form label{display:block;font-size:13px;color:#4e5969;margin-bottom:6px}
.tool-form input[type="text"],.tool-form input[type="number"],.tool-form select{width:100%;box-sizing:border-box;border:1px solid #e5e8eb;border-radius:8px;padding:10px 12px;font-size:14px;color:#1d2129;background:#fff}
.tool-form textarea{width:100%; height: 110px; box-sizing:border-box;border:1px solid #e5e8eb;border-radius:8px;padding:10px 12px;font-size:14px;color:#1d2129;background:#fff;border-top-right-radius: 0;border-top-left-radius: 0;}
.tool-form .grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.actions{display:flex;gap:7px;margin-top:12px;position: absolute; right: 5px; bottom: 15px;}
.btn-primary,.btn-ghost{padding:10px 22px;border-radius:8px;font-size:14px;cursor:pointer;}
.btn-primary{background: #e09903; color: #fff; border: 1px solid #e09903; }
.btn-primary:hover{background:#d89504;border-color:#d89504}
.btn-ghost{background:#fff;color:#1d2129;border:1px solid #e5e8eb}
.btn-ghost:hover{background:#f7f8fa}

.chat-messages{width:100%; height: 400px; box-sizing:border-box;border:1px solid #e5e8eb;border-radius:8px;padding:20px;font-size:14px;color:#1d2129;background:#fafbfc;border-bottom: none;border-bottom-right-radius: 0;border-bottom-left-radius: 0;overflow-y: auto;display: flex ; flex-direction: column; gap: 20px;}
.empty-state{text-align: center;padding-top: 50px;}
.empty-icon{font-size: 5rem; margin-bottom: 0px; opacity: 0.3;}
.empty-title{line-height: 2.2;font-size: 20px;}
.message { max-width: 99%; padding: 15px 20px; border-radius: 15px; position: relative; animation: fadeIn 0.4s ease forwards;  line-height: 2.1; font-size: 16px;}
.message p, .message div {margin-bottom: 15px;}
.message h3 {margin-bottom: 15px;font-size: 16px;}
.user-message { background-color: #0084c6; color: white; align-self: flex-end; border-bottom-right-radius: 5px; }
.assistant-bubble { display: flex ; align-items: flex-start; gap: 12px; }
.assistant-avatar { width: 40px; height: 40px; border-radius: 50%; background-color: #0084c6; color: white; display: flex ; align-items: center; justify-content: center; font-weight: bold; flex-shrink: 0; }
.assistant-message{background: #fff;border: 1px solid #0084c6; align-self: flex-start; border-bottom-left-radius: 5px;}

.kstw{background: #eeecec;border-left: 1px solid #e5e8eb;border-right: 1px solid #e5e8eb; padding: 8px 10px;}
.kstw li{padding: 5px 12px; background: #fff; display: inline-block; margin: 0 5px; border-radius: 8px; cursor: pointer;    color: #0084c6;}

#aiok21 table { border-left: 1px #ccc solid; border-top: 1px #ccc solid; border-spacing: 0px; width: 100%; margin: 15px 0; } #aiok21 thead { background: #e4f5fd; } 
#aiok21 th { border-right: 1px #ccc solid; border-bottom: 1px #ccc solid; padding: 7px; font-size: 14px; background: #0084c6; color: #fff; } 
#aiok21 td { border-right: 1px #ccc solid; border-bottom: 1px #ccc solid; padding: 7px; text-align: center; }
#aiok21 ul { line-height: 2; margin-bottom: 10px; } #aiok21 ol { line-height: 2; margin-bottom: 10px; } 
#aiok21 li { line-height: 2; margin-bottom: 10px; list-style-type: none; }

/* 结果区 */
.tool-result{margin-top:14px;border:1px solid #eef0f3;border-radius:10px;background:#fff;overflow:hidden}
.tool-result .result-head{padding:10px 14px;border-bottom:1px solid #f0f2f5;font-weight:600;color:#1d2129;background:#fafbfc}
.result-grid{padding:12px 14px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}
.result-card{border:1px solid #eef0f3;border-radius:10px;padding:12px;background:#fff}
.result-card .label{color:#7a8591;font-size:12px}
.result-card .value{margin-top:6px;font-size:20px;font-weight:700;color:#1d2129}
.result-card .value-sm{font-size:14px;font-weight:600;color:#2b2f36}
.result-card .hint{margin-top:6px;color:#98a2ad;font-size:12px}

/* 步骤与说明 */
.tool-box{margin-top:14px;border:1px solid #eef0f3;border-radius:10px;background:#fff;overflow:hidden}
.tool-box-title{padding:10px 14px;border-bottom:1px solid #f0f2f5;font-weight:600;color:#1d2129;background:#fafbfc}
.tool-box-body{padding:12px 14px}
.tool-box-body li{line-height: 26px; margin:5px 0px;}

@media (max-width: 768px) {
    .tool-main{flex-direction: column;padding: 0 1.5%;}
    .chat-messages{height: 300px;}
    .empty-state{padding-top: 10px;}
    .message{font-size: 14px;line-height: 2;}
    .kstw{display:none;}
    .tool-right{width: 100%;}
}