/* 网名生成器 · 文字潮流风：黑白高对比 + 荧光黄高亮块 + 街头海报排版 */
.nkg-wrap{
  --nkg-ink:#111; --nkg-paper:#f5f3ee; --nkg-card:#fff; --nkg-line:#111;
  --nkg-neon:#e8ff2e; --nkg-neon-ink:#111; --nkg-mute:#666;
  --nkg-r:0px; --nkg-b:2px solid var(--nkg-line);
  max-width:880px;margin:0 auto;padding:18px 14px 40px;
  font-size:15.5px;line-height:1.78;color:var(--nkg-ink);
}
.nkg-wrap h1,.nkg-wrap h2{font-weight:900;letter-spacing:.02em;}
.nkg-hero{display:flex;gap:18px;align-items:flex-end;justify-content:space-between;padding:8px 2px 18px;border-bottom:3px solid var(--nkg-ink);flex-wrap:wrap;}
.nkg-kicker{display:inline-block;background:var(--nkg-ink);color:var(--nkg-neon);font-size:12px;font-weight:700;letter-spacing:.18em;padding:4px 10px;}
.nkg-hero h1{font-size:clamp(26px,5vw,40px);margin:12px 0 8px;line-height:1.25;}
.nkg-sub{max-width:560px;color:var(--nkg-mute);}
.nkg-hero-art{flex:0 0 auto;}
.nkg-poster{display:grid;grid-template-columns:repeat(2,52px);gap:6px;transform:rotate(3deg);}
.nkg-poster span{width:52px;height:52px;display:grid;place-items:center;font-size:26px;font-weight:900;border:var(--nkg-b);}
.nkg-poster-a{background:var(--nkg-neon);}
.nkg-poster-b{background:#fff;}
.nkg-poster-c{background:var(--nkg-ink);color:#fff;}
.nkg-poster-d{background:#fff;transform:rotate(-4deg);}
.nkg-card{background:var(--nkg-card);border:var(--nkg-b);margin-top:18px;padding:18px;box-shadow:6px 6px 0 var(--nkg-ink);}
.nkg-card-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px;}
.nkg-card-h h2{font-size:19px;margin:0;}
.nkg-tabs{display:flex;gap:0;flex-wrap:wrap;border:var(--nkg-b);margin-bottom:16px;}
.nkg-tab{flex:1 1 auto;min-width:96px;padding:11px 6px;background:#fff;border:0;border-right:var(--nkg-b);font-size:15px;font-weight:700;cursor:pointer;color:var(--nkg-ink);}
.nkg-tab:last-child{border-right:0;}
.nkg-tab:hover{background:var(--nkg-neon);}
.nkg-tab.is-on{background:var(--nkg-ink);color:var(--nkg-neon);}
.nkg-ctrls{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end;margin-bottom:14px;}
.nkg-field label{display:block;font-size:13px;font-weight:700;margin-bottom:6px;}
.nkg-kw input{width:100%;padding:10px 12px;border:var(--nkg-b);font-size:15px;background:#fff;color:var(--nkg-ink);}
.nkg-kw input:focus{outline:3px solid var(--nkg-neon);}
.nkg-range{display:flex;gap:10px;align-items:center;}
.nkg-range input[type=range]{flex:1;accent-color:#111;}
.nkg-switch{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:700;cursor:pointer;padding:10px 12px;border:var(--nkg-b);}
.nkg-switch input{width:18px;height:18px;accent-color:#111;}
.nkg-actions{display:flex;gap:10px;flex-wrap:wrap;}
.nkg-btn{padding:11px 20px;border:var(--nkg-b);background:#fff;color:var(--nkg-ink);font-size:15px;font-weight:800;cursor:pointer;box-shadow:3px 3px 0 var(--nkg-ink);transition:transform .08s;}
.nkg-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--nkg-ink);}
.nkg-btn.main{background:var(--nkg-neon);}
.nkg-btn.ai{background:var(--nkg-ink);color:var(--nkg-neon);}
.nkg-btn.sm{padding:6px 12px;font-size:13px;box-shadow:2px 2px 0 var(--nkg-ink);}
.nkg-btn.ghost{box-shadow:none;background:transparent;}
.nkg-btn:disabled{opacity:.55;cursor:not-allowed;}
.nkg-err{color:#c0121f;font-size:14px;font-weight:700;min-height:0;margin-top:8px;}
.nkg-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.nkg-item{display:flex;align-items:center;gap:8px;border:var(--nkg-b);padding:10px 12px;background:#fff;}
.nkg-item .nkg-name{flex:1;font-size:clamp(17px,2.4vw,21px);font-weight:900;word-break:break-all;}
.nkg-item .nkg-name mark{background:var(--nkg-neon);padding:0 3px;}
.nkg-star{border:0;background:none;font-size:20px;cursor:pointer;line-height:1;color:#b9b5aa;}
.nkg-star.on{color:#111;}
.nkg-copy{border:var(--nkg-b);background:#fff;font-size:12px;font-weight:700;padding:5px 9px;cursor:pointer;}
.nkg-copy:hover{background:var(--nkg-neon);}
.nkg-empty{grid-column:1/-1;color:var(--nkg-mute);padding:14px 4px;border:2px dashed var(--nkg-mute);}
.nkg-steps{margin:0;padding-left:20px;}
.nkg-steps li{margin-bottom:8px;}
.nkg-note{color:var(--nkg-mute);font-size:14px;margin-top:12px;border-top:1px dashed var(--nkg-mute);padding-top:12px;}
.nkg-faqs dt{font-weight:900;margin-top:12px;}
.nkg-faqs dt::before{content:"Q ";color:#111;background:var(--nkg-neon);padding:0 4px;margin-right:4px;}
.nkg-faqs dd{margin:4px 0 0;color:var(--nkg-mute);}

html[data-theme="dark"] .nkg-wrap{
  --nkg-ink:#f2f0e8; --nkg-paper:#15161a; --nkg-card:#1d1f25; --nkg-line:#f2f0e8;
  --nkg-neon:#d8f21f; --nkg-neon-ink:#111; --nkg-mute:#9b988e;
}
html[data-theme="dark"] .nkg-tab,
html[data-theme="dark"] .nkg-item,
html[data-theme="dark"] .nkg-kw input,
html[data-theme="dark"] .nkg-btn,
html[data-theme="dark"] .nkg-copy{background:#1d1f25;color:#f2f0e8;}
html[data-theme="dark"] .nkg-tab.is-on{background:var(--nkg-neon);color:#111;}
html[data-theme="dark"] .nkg-btn.main,
html[data-theme="dark"] .nkg-btn.ai{background:var(--nkg-neon);color:#111;}
html[data-theme="dark"] .nkg-copy:hover,
html[data-theme="dark"] .nkg-tab:hover{background:var(--nkg-neon);color:#111;}
html[data-theme="dark"] .nkg-star.on{color:var(--nkg-neon);}
html[data-theme="dark"] .nkg-item .nkg-name mark{background:var(--nkg-neon);color:#111;}

@media (max-width:768px){
  .nkg-ctrls{grid-template-columns:1fr;}
  .nkg-list{grid-template-columns:1fr;}
  .nkg-tab{min-width:calc(33.3% - 2px);border-bottom:var(--nkg-b);}
  .nkg-poster{display:none;}
}

/* ===== v1.1 网名体检室：评分 / CP 名 / 风格混搭 ===== */
.nkg-lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.nkg-lab-box{border:var(--nkg-b);padding:14px;background:var(--nkg-paper);}
.nkg-lab-box h3{font-size:16px;font-weight:900;margin:0 0 10px;display:inline-block;background:var(--nkg-neon);padding:2px 8px;}
.nkg-lab-row{display:flex;gap:8px;flex-wrap:wrap;}
.nkg-lab-row input,.nkg-lab-row select{flex:1 1 120px;min-width:0;padding:10px 12px;border:var(--nkg-b);font-size:15px;background:#fff;color:var(--nkg-ink);}
.nkg-lab-row input:focus,.nkg-lab-row select:focus{outline:3px solid var(--nkg-neon);}
.nkg-lab-row .nkg-btn{flex:0 0 auto;}
.nkg-mix-x{align-self:center;font-weight:900;}
.nkg-score-out{margin-top:12px;}
.nkg-score-total{display:flex;align-items:baseline;gap:10px;margin-bottom:8px;}
.nkg-score-total b{font-size:34px;font-weight:900;background:var(--nkg-ink);color:var(--nkg-neon);padding:2px 12px;}
.nkg-score-total span{font-size:14px;font-weight:700;color:var(--nkg-mute);}
.nkg-score-item{margin-bottom:8px;}
.nkg-score-item .nkg-score-t{display:flex;justify-content:space-between;font-size:13px;font-weight:700;}
.nkg-score-item .nkg-score-bar{height:10px;border:var(--nkg-b);margin-top:3px;background:#fff;}
.nkg-score-item .nkg-score-bar i{display:block;height:100%;background:var(--nkg-ink);}
.nkg-score-tips{margin:10px 0 0;padding-left:18px;font-size:13.5px;color:var(--nkg-mute);}
.nkg-score-tips li{margin-bottom:4px;}
.nkg-cp-out{margin-top:12px;display:grid;grid-template-columns:1fr;gap:8px;}
.nkg-cp-item{display:flex;align-items:center;gap:8px;border:var(--nkg-b);padding:10px 12px;background:#fff;}
.nkg-cp-item .nkg-name{flex:1;font-size:clamp(17px,2.4vw,21px);font-weight:900;word-break:break-all;}
.nkg-cp-heart{font-size:18px;color:#c0121f;font-weight:900;}
.nkg-list.mix{margin-top:12px;}
.nkg-lab-empty{color:var(--nkg-mute);font-size:13.5px;margin-top:10px;}

html[data-theme="dark"] .nkg-lab-box{background:#1d1f25;}
html[data-theme="dark"] .nkg-lab-row input,
html[data-theme="dark"] .nkg-lab-row select,
html[data-theme="dark"] .nkg-cp-item,
html[data-theme="dark"] .nkg-score-item .nkg-score-bar{background:#1d1f25;color:#f2f0e8;}
html[data-theme="dark"] .nkg-cp-heart{color:#ff8fa8;}
html[data-theme="dark"] .nkg-lab-box h3{color:#111;}

@media (max-width:768px){
  .nkg-lab-grid{grid-template-columns:1fr;}
}