/* 域名组合生成器 */
.dc-opts{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem .9rem;margin-bottom:.75rem}
.dc-field{display:flex;flex-direction:column;min-width:0}
.dc-field .form-select{width:auto}
.dc-check{margin:0 0 .4rem;padding-left:1.6em}
.dc-tlds{margin-bottom:.75rem}
.dc-tlds-title{margin-bottom:.35rem;font-size:.8125rem;color:#5c636a}
.dc-tlds-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem}
.dc-tlds-list{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .9rem}
.dc-tld{display:inline-flex;align-items:center;gap:.35rem;margin:0;cursor:pointer}
.dc-tld .form-check-input{margin:0;cursor:pointer}
.dc-tld span{font-size:.8125rem;color:#3f4650}
.dc-tld-custom{flex:1 1 14rem;max-width:22rem}
.dc-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.dc-area{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem;line-height:1.6;resize:vertical}
.dc-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}
.dc-stat{padding:.6rem .875rem;border:1px solid #eef1f5;border-radius:.5rem;background:#fafbfd;font-size:.8125rem;color:#5c636a}
.dc-stat:empty{display:none}
.dc-stat b{color:var(--site-primary);font-weight:600}

@media (max-width:767.98px){
  .dc-grid{grid-template-columns:1fr}
  .dc-tld-custom{max-width:none}
}