.dns-container[data-v-5fe3ffb0]{padding:20px}.page-header[data-v-5fe3ffb0]{margin-bottom:20px}.header-left[data-v-5fe3ffb0]{display:flex;align-items:center;gap:10px}.header-left h2[data-v-5fe3ffb0]{margin:0;font-size:22px;color:#303133}.dns-card[data-v-5fe3ffb0]{margin-bottom:20px}.dns-actions[data-v-5fe3ffb0]{margin-bottom:15px}.delete-btn[data-v-5fe3ffb0]{color:#f56c6c}.el-table[data-v-5fe3ffb0]{font-size:14px}.el-table .cell span[data-v-5fe3ffb0]{display:block;padding:8px 0;color:#606266}.el-table .cell span.domain-value[data-v-5fe3ffb0]{font-family:Consolas,Menlo,Monaco,monospace;color:#409eff}.help-panel-container[data-v-5fe3ffb0]{margin-top:10px}.dns-help-panel[data-v-5fe3ffb0]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:15px;margin:10px 0;box-shadow:0 2px 4px rgba(0,0,0,.1)}.dns-help-panel-inline[data-v-5fe3ffb0]{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #d1ecf1;border-radius:8px;padding:20px;margin:0;box-shadow:0 4px 12px rgba(0,123,255,.15);width:100%;position:relative;transition:all .3s ease}.dns-help-panel-inline[data-v-5fe3ffb0]:hover{box-shadow:0 6px 20px rgba(0,123,255,.2);transform:translateY(-1px)}.el-table .el-table__row .dns-help-panel-inline[data-v-5fe3ffb0]{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #d1ecf1;border-radius:8px;padding:20px;margin:0}.el-table .help-row[data-v-5fe3ffb0]{background:transparent!important}.el-table .help-row td[data-v-5fe3ffb0]{border:none!important;padding:15px!important;background:transparent!important}.el-table .help-row td[data-v-5fe3ffb0]:first-child{position:relative}.help-content[data-v-5fe3ffb0]{font-size:14px;line-height:1.6;color:#495057}.help-section h4[data-v-5fe3ffb0]{margin:0 0 15px 0;color:#007bff;font-size:16px;font-weight:600;border-bottom:2px solid #007bff;padding-bottom:8px;display:flex;align-items:center;gap:8px}.help-section h4[data-v-5fe3ffb0]:before{content:"💡";font-size:18px}.help-item[data-v-5fe3ffb0]{margin-bottom:12px;padding:12px 16px;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:6px;border-left:4px solid #007bff;box-shadow:0 2px 4px rgba(0,0,0,.05);transition:all .2s ease;position:relative}.help-item[data-v-5fe3ffb0]:hover{transform:translateX(2px);box-shadow:0 4px 8px rgba(0,0,0,.1);border-left-color:#0056b3}.help-item[data-v-5fe3ffb0]:last-child{margin-bottom:0}.help-item strong[data-v-5fe3ffb0]{color:#007bff;font-weight:600;margin-right:8px;font-size:14px}.help-item[data-v-5fe3ffb0]{color:#6c757d;font-size:13px}.help-section[data-type=type] .help-item[data-v-5fe3ffb0]{border-left-color:#28a745}.help-section[data-type=type] h4[data-v-5fe3ffb0]{color:#28a745;border-bottom-color:#28a745}.help-section[data-type=type] h4[data-v-5fe3ffb0]:before{content:"🏷️"}.help-section[data-type=host] .help-item[data-v-5fe3ffb0]{border-left-color:#ffc107}.help-section[data-type=host] h4[data-v-5fe3ffb0]{color:#ffc107;border-bottom-color:#ffc107}.help-section[data-type=host] h4[data-v-5fe3ffb0]:before{content:"🏠"}.help-section[data-type=value] .help-item[data-v-5fe3ffb0]{border-left-color:#17a2b8}.help-section[data-type=value] h4[data-v-5fe3ffb0]{color:#17a2b8;border-bottom-color:#17a2b8}.help-section[data-type=value] h4[data-v-5fe3ffb0]:before{content:"📝"}.help-section[data-type=ttl] .help-item[data-v-5fe3ffb0]{border-left-color:#6f42c1}.help-section[data-type=ttl] h4[data-v-5fe3ffb0]{color:#6f42c1;border-bottom-color:#6f42c1}.help-section[data-type=ttl] h4[data-v-5fe3ffb0]:before{content:"⏰"}.help-section[data-type=priority] .help-item[data-v-5fe3ffb0]{border-left-color:#fd7e14}.help-section[data-type=priority] h4[data-v-5fe3ffb0]{color:#fd7e14;border-bottom-color:#fd7e14}.help-section[data-type=priority] h4[data-v-5fe3ffb0]:before{content:"🔢"}