
.dcwrap{display:flex;gap:0.75rem;align-items:flex-start}
.dcleft{flex:0 0 42%;min-width:0}
.dcright{flex:1;min-width:0;display:flex;flex-direction:column;gap:0.75rem}
.dcstep{background:#fafbfc;border:1px solid #eee;border-radius:8px;padding:0.6rem 0.75rem;margin-bottom:0.75rem}
.dcsteptitle{font-size:0.8rem;font-weight:bold;color:#333;margin-bottom:0.5rem;display:flex;align-items:center}
.dcstepnum{width:1.15rem;height:1.15rem;line-height:1.15rem;text-align:center;background:#009688;color:#fff;border-radius:50%;font-size:0.65rem;font-style:normal;margin-right:0.35rem;flex:none}
.dcrow{display:flex;align-items:center;margin-bottom:0.45rem}
.dcrow:last-child{margin-bottom:0}
.dclabel{width:4.6rem;flex:none;font-size:0.7rem;color:#555;text-align:right;padding-right:0.35rem}
.dcrow input[type=text],.dcrow select{flex:1;min-width:0;height:1.9rem;line-height:1.9rem;padding:0 0.6rem;font-size:0.7rem}
.dcbtn{border:0;border-radius:6px;padding:0.4rem 0.9rem;font-size:0.7rem;cursor:pointer;color:#fff;background:#607D8B;transition:opacity .2s}
.dcbtn:hover{opacity:0.85}
.dcbtn:disabled{opacity:0.45;cursor:not-allowed}
.dcbtn-download{background:#FF5E3A}
.dcbtn-mini{background:#fff;border:1px solid #dcdfe6;color:#888;font-size:0.6rem;padding:0.15rem 0.5rem;margin-left:auto}
.dcpanelhead .dc-cnt-bad{color:#e74c3c}
.dcfail .dcifile,.dcfail .dciurl{color:#e74c3c}
.dcwhy{color:#e74c3c;font-size:0.6rem}
.dcbtn-block{width:100%}
.dcfilebox{flex:1;min-width:0;height:1.9rem;line-height:1.9rem;border:1px dashed #c9cdd4;border-radius:6px;padding:0 0.6rem;font-size:0.7rem;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#fff}
.dcmode{display:flex;border:1px solid #dcdfe6;border-radius:6px;overflow:hidden;margin-bottom:0.5rem}
.dcmode-item{flex:1;text-align:center;font-size:0.7rem;line-height:1.9rem;cursor:pointer;color:#666;background:#fff;user-select:none}
.dcmode-item.act{background:#009688;color:#fff;font-weight:bold}
.dcpanel{background:#fafbfc;border:1px solid #eee;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}
.dcpanelhead{display:flex;align-items:center;padding:0.45rem 0.6rem;font-size:0.75rem;font-weight:bold;color:#333;background:#f2f4f7;border-bottom:1px solid #eee}
.dcpanelhead b{margin:0 0.35rem;color:#009688;font-size:0.7rem}
.dclist{max-height:16rem;overflow-y:auto;padding:0.3rem;font-size:0.65rem;flex:1}
.dci{padding:0.25rem 0.4rem;border-bottom:1px dashed #eee;word-break:break-all}
.dci:last-child{border-bottom:0}
.dcifile{display:block;color:#1e7e34;font-weight:bold}
.dciurl{display:block;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dcempty{text-align:center;color:#bbb;padding:1.2rem 0;font-size:0.65rem}
.dcprogwrap{background:#fafbfc;border:1px solid #eee;border-radius:8px;padding:0.6rem 0.75rem;margin-top:0.75rem}
.dcproghead{font-size:0.7rem;color:#555;margin-bottom:0.4rem}
.dcproghead b{color:#009688}
.dcproghead .dcprog-fail{color:#e74c3c}
.dcprogrow{display:flex;align-items:center;gap:0.6rem}
.dcprog{flex:1;min-width:0;height:0.9rem;background:#e8eaed;border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.08)}
.dcprogval{flex:none;width:3rem;text-align:right;font-size:0.85rem;font-weight:bold;color:#e74c3c}
.dcprogbar{height:100%;width:0;background:linear-gradient(90deg,#00b3a4,#3ddc97);border-radius:999px;transition:width .4s ease-out;box-shadow:0 0 10px rgba(0,200,180,.7),0 0 20px rgba(0,200,180,.35)}
.dchelp{margin-top:0.75rem;background:#fafbfc;border:1px solid #eee;border-radius:8px;padding:0.6rem 0.75rem}
.dchelp-title{font-size:0.8rem;font-weight:bold;color:#333;margin-bottom:0.5rem;display:flex;align-items:center}
.dchelp-item{display:flex;align-items:flex-start;margin-bottom:0.4rem;font-size:0.68rem;color:#555;line-height:1.7}
.dchelp-item:last-child{margin-bottom:0}
.dchelp-tag{flex:none;font-size:0.6rem;font-weight:bold;color:#fff;border-radius:4px;padding:0.08rem 0.45rem;margin-right:0.45rem;margin-top:0.12rem}
.tag-file{background:#009688}
.tag-url{background:#607D8B}
.tag-type{background:#FF9800}
.dchelp-item code{background:#eef1f4;border:1px solid #e3e6ea;border-radius:4px;padding:0 0.35rem;color:#009688;font-family:inherit}
.dchelp-item em{font-style:normal;color:#009688;font-weight:bold}
.dchelp-sub{font-size:0.72rem;font-weight:bold;color:#009688;margin:0.45rem 0 0.2rem}
.dchelp-step{font-size:0.68rem;color:#555;line-height:1.8;padding-left:0.95rem;position:relative}
.dchelp-step:before{content:"";position:absolute;left:0.15rem;top:0.62em;width:0.3rem;height:0.3rem;border-radius:50%;background:#009688}
.night .dcstep,.night .dcpanel,.night .dcprogwrap{background:#242627;border-color:#333}
.night .dcsteptitle{color:#eee}
.night .dcpanelhead{background:#1f2122;border-color:#333;color:#eee}
.night .dclabel,.night .dcproghead{color:#aaa}
.night .dcproghead .dcprog-fail{color:#e57373}
.night .dcfilebox{background:#181a1b;border-color:#444;color:#888}
.night .dcmode{border-color:#444}
.night .dcmode-item{background:#181a1b;color:#aaa}
.night .dcmode-item.act{background:#009688;color:#fff}
.night .dcbtn-mini{background:#2a2a2a;border-color:#444;color:#ccc}
.night .dcpanelhead .dc-cnt-bad{color:#e57373}
.night .dcfail .dcifile,.night .dcfail .dciurl,.night .dcwhy{color:#e57373}
.night .dci{border-color:#333}
.night .dcifile{color:#3ddc97}
.night .dciurl{color:#999}
.night .dcempty{color:#666}
.night .dcprog{background:#2a2d31}
.night .dcprogval{color:#ff5f56}
.night .dcprogbar{box-shadow:0 0 12px rgba(0,220,190,.8),0 0 26px rgba(0,220,190,.4)}
.night .dchelp{background:#242627;border-color:#333}
.night .dchelp-title{color:#eee}
.night .dchelp-item{color:#aaa}
.night .dchelp-item code{background:#181a1b;border-color:#444;color:#3ddc97}
.night .dchelp-item em{color:#3ddc97}
.night .dchelp-sub{color:#3ddc97}
.night .dchelp-step{color:#aaa}
.night .dchelp-step:before{background:#3ddc97}
@media screen and (max-width:768px){.dcwrap{flex-direction:column}.dcleft{flex:none;width:100%}.dcright{width:100%}}
@media screen and (max-width:410px){.dcrow{flex-wrap:wrap}.dclabel{width:100%;text-align:left;padding-right:0;margin-bottom:0.2rem}}
