.main-container[data-v-c047113e]{max-width:1400px;margin:0 auto;padding:20px}.tool-header[data-v-c047113e]{text-align:center;margin-bottom:30px}.tool-header h1[data-v-c047113e]{color:#2c3e50;margin-bottom:10px}.tool-header p[data-v-c047113e]{color:#7f8c8d;font-size:16px}.result-area[data-v-c047113e]{position:relative}.result-info[data-v-c047113e]{display:flex;justify-content:space-between;margin-top:10px;font-size:12px;color:#909399}.validation-result[data-v-c047113e]{padding:15px;border-radius:6px;text-align:center}.validation-success[data-v-c047113e]{background:#f0f9ff;color:#67c23a;border:1px solid #b3e19d}.validation-error[data-v-c047113e]{background:#fef0f0;color:#f56c6c;border:1px solid #fbc4c4}.validation-pending[data-v-c047113e]{background:#f8f9fa;color:#909399;border:1px solid #e4e7ed}.validation-result i[data-v-c047113e]{margin-right:8px}.template-grid[data-v-c047113e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}.template-item[data-v-c047113e]{padding:15px;background:#f8f9fa;border-radius:8px;cursor:pointer;transition:all .2s;border-left:4px solid #409eff}.template-item[data-v-c047113e]:hover{background:#e9ecef;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.template-name[data-v-c047113e]{font-size:16px;font-weight:700;color:#2c3e50;margin-bottom:8px}.template-desc[data-v-c047113e]{font-size:12px;color:#606266;margin-bottom:8px}.template-preview[data-v-c047113e]{font-size:11px;color:#909399;font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:#f5f5f5;padding:8px;border-radius:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mobile-view-toggle[data-v-c047113e]{text-align:center;margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #e1e8ed}.mobile-hidden[data-v-c047113e]{display:none!important}@media (max-width:768px){.main-container[data-v-c047113e]{padding:10px}.tool-header h1[data-v-c047113e]{font-size:24px;margin-bottom:10px}.tool-header p[data-v-c047113e]{font-size:14px;margin-bottom:15px}.mobile-view-toggle[data-v-c047113e]{margin-bottom:15px;padding:12px}.mobile-view-toggle .el-radio-button__inner[data-v-c047113e]{font-size:13px;padding:8px 12px}.main-row .el-col[data-v-c047113e]{margin-bottom:20px}.main-row .el-col[data-v-c047113e]:last-child{margin-bottom:0}.input-card[data-v-c047113e],.output-card[data-v-c047113e],.templates-card[data-v-c047113e],.validation-card[data-v-c047113e]{margin-bottom:20px}.el-form-item__label[data-v-c047113e]{font-size:14px}.el-textarea__inner[data-v-c047113e]{font-size:13px}.validation-result[data-v-c047113e]{padding:8px 12px;font-size:13px}.template-grid[data-v-c047113e]{grid-template-columns:1fr;gap:10px}.template-item[data-v-c047113e]{padding:12px}.template-name[data-v-c047113e]{font-size:14px}.template-desc[data-v-c047113e]{font-size:12px}.template-preview[data-v-c047113e]{font-size:11px}.result-info[data-v-c047113e]{flex-direction:column;gap:5px}}@media (max-width:480px){.main-container[data-v-c047113e]{padding:10px}.tool-header h1[data-v-c047113e]{font-size:20px}.tool-header p[data-v-c047113e]{font-size:13px}.el-form-item__label[data-v-c047113e]{font-size:13px;width:80px!important}.el-textarea__inner[data-v-c047113e]{font-size:12px}.validation-result[data-v-c047113e]{padding:6px 10px;font-size:12px}.template-item[data-v-c047113e]{padding:10px}.template-name[data-v-c047113e]{font-size:13px}.template-desc[data-v-c047113e]{font-size:11px}.template-preview[data-v-c047113e]{font-size:10px}.el-button[data-v-c047113e]{font-size:13px;padding:8px 15px}.result-info[data-v-c047113e]{font-size:11px}}@media (hover:none) and (pointer:coarse){.template-item[data-v-c047113e]{-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.template-item[data-v-c047113e]:hover{transform:none}.template-item[data-v-c047113e]:active{transform:scale(.98);background:#e8f4fd}.el-button[data-v-c047113e]:active{transform:scale(.95)}.el-tabs__item[data-v-c047113e]:active{background:rgba(64,158,255,.1)}}