.prompt-detail-container[data-v-9d29af60]{flex:1;display:flex;flex-direction:column;padding:24px 40px;background:#f8fafc;box-sizing:border-box;height:100%;overflow:hidden}.detail-nav[data-v-9d29af60]{display:flex;align-items:center;gap:20px;margin-bottom:30px}.back-btn[data-v-9d29af60]{color:#64748b!important;font-size:16px;font-weight:600}.breadcrumb[data-v-9d29af60]{display:flex;align-items:center;gap:10px;color:#94a3b8;font-size:14px}.breadcrumb .active[data-v-9d29af60]{color:#1e293b;font-weight:600}.detail-layout[data-v-9d29af60]{display:grid;grid-template-columns:380px 1fr;gap:30px;height:calc(100% - 80px)}.config-panel[data-v-9d29af60]{background:#fff;border-radius:20px;padding:24px;border:1px solid #e2e8f0;display:flex;flex-direction:column;overflow-y:auto}.panel-header[data-v-9d29af60]{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.panel-header h3[data-v-9d29af60]{margin:0;font-size:18px;color:#1e293b}.var-card[data-v-9d29af60]{background:#f8fafc;border-radius:12px;padding:16px;margin-bottom:20px;border:1px solid transparent;transition:all .3s}.var-card[data-v-9d29af60]:focus-within{border-color:#4f46e5;background:#fff;box-shadow:0 4px 12px rgba(79,70,229,.1)}.var-info[data-v-9d29af60]{margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.var-code[data-v-9d29af60]{font-family:Fira Code,monospace;color:#4f46e5;font-size:13px;background:#eef2ff;padding:2px 6px;border-radius:4px}.var-label[data-v-9d29af60]{font-size:14px;font-weight:600;color:#475569}.var-hint[data-v-9d29af60]{font-size:12px;color:#94a3b8;margin-top:8px}.preview-panel[data-v-9d29af60]{display:flex;flex-direction:column;gap:20px}.code-wrapper[data-v-9d29af60]{background:#0f172a;border-radius:16px;overflow:hidden;box-shadow:0 20px 25px -5px rgba(0,0,0,.2);flex-grow:1;display:flex;flex-direction:column}.code-header[data-v-9d29af60]{background:#1e293b;padding:12px 20px;display:flex;justify-content:space-between;align-items:center}.dots[data-v-9d29af60]{display:flex;gap:6px}.dots span[data-v-9d29af60]{width:10px;height:10px;border-radius:50%;background:#334155}.lang-label[data-v-9d29af60]{color:#94a3b8;font-size:12px;font-weight:700;letter-spacing:1px}.content-display[data-v-9d29af60]{margin:0;padding:30px;color:#e2e8f0;font-family:Consolas,monospace;font-size:16px;line-height:1.7;white-space:pre-wrap;word-break:break-all;overflow-y:auto}.copy-btn[data-v-9d29af60]{background:#4f46e5!important;border-radius:10px!important;font-weight:600!important}.usage-tips[data-v-9d29af60]{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;padding:16px 20px}.usage-tips h4[data-v-9d29af60]{margin:0 0 8px 0;color:#0369a1;font-size:14px}.usage-tips ul[data-v-9d29af60]{margin:0;padding-left:20px;color:#0c4a6e;font-size:13px}.empty-vars[data-v-9d29af60]{text-align:center;padding:60px 20px;color:#94a3b8}.empty-vars i[data-v-9d29af60]{font-size:40px;margin-bottom:16px}.custom-input[data-v-9d29af60] .el-input__inner,.custom-input[data-v-9d29af60] .el-textarea__inner{border:1px solid #e2e8f0;border-radius:8px;background:transparent}