@charset "utf-8";

.kb-wrap{max-width:var(--container-max,1400px);margin:0 auto;
         padding:calc(var(--header-height,70px) + var(--space-lg,24px)) var(--space-md,16px) 60px}

.kb-wrap {
  overflow-wrap: anywhere;
  word-wrap: break-word;
  word-break: break-word;
}

.kb-kw,.kb-others-row a{max-width:100%}

.kb-crumb{font-size:13px;color:var(--text-muted,#6B9999);margin-bottom:14px}
.kb-crumb a{color:var(--text-secondary,#A8D5D5);text-decoration:none}
.kb-crumb a:hover{color:var(--accent,#00CEC9)}
.kb-crumb .sep{margin:0 7px;opacity:.55}
.kb-crumb .cur{color:var(--text-primary,#fff)}

.kb-h1{font-size:1.4rem;margin:0 0 18px;color:var(--text-primary,#fff);line-height:1.55;font-weight:700}
.kb-arch .kb-h1{font-size:1.12rem;margin:7px 0 0;padding:0;border:0;line-height:1.5;font-weight:700}

.kb-arch .kb-intro{margin:8px 0 0;padding:8px 0 0;border-top:1px solid rgba(255,255,255,.07);
                   font-size:13px;line-height:1.85;color:var(--text-muted,#6B9999)}
.kb-arch .kb-intro b{color:var(--text-primary,#fff);font-weight:700}
@media (max-width:720px){.kb-arch .kb-intro{font-size:12.5px}}

.kb-arch{display:flex;align-items:center;gap:14px;background:var(--bg-card,#112323);
         border-radius:var(--radius-xl,12px);padding:14px 18px;margin-bottom:var(--space-xl,24px)}
.kb-arch-pic{width:52px;height:70px;object-fit:cover;border-radius:6px;flex:none;background:var(--bg-card-hover,#1A3535)}
.kb-arch-body{min-width:0;line-height:1.75}
.kb-arch-name{color:var(--text-primary,#fff);font-weight:700;font-size:1.15rem;text-decoration:none}
.kb-arch-name:hover{color:var(--accent,#00CEC9)}
.kb-arch-meta{color:var(--text-muted,#6B9999);font-size:13px;margin-left:10px}
.kb-arch-num{display:block;color:var(--text-secondary,#A8D5D5);font-size:13px;margin-top:3px}
.kb-arch-num b{color:var(--accent,#00CEC9);font-size:15px}

.kb-sub{color:var(--text-muted,#6B9999);font-size:13px;margin:-8px 0 14px;line-height:1.8}
.kb-sub b{color:var(--accent,#00CEC9)}

.kb-kwrow{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.kb-kw{border:1px solid rgba(0,206,201,.25);background:rgba(0,206,201,.06);color:var(--text-secondary,#A8D5D5);
       border-radius:var(--radius-full,9999px);padding:6px 15px;font-size:13.5px;text-decoration:none;white-space:nowrap}
.kb-kw:hover{border-color:var(--accent,#00CEC9);color:var(--accent,#00CEC9);background:rgba(0,206,201,.14)}
.kb-kw b{color:var(--text-muted,#6B9999);font-weight:400;margin-left:5px;font-size:12.5px}
.kb-kw.good{border-color:rgba(0,206,201,.45)}
.kb-kw.mid{border-color:rgba(168,213,213,.28)}
.kb-kw.bad{border-color:rgba(224,112,96,.45);background:rgba(224,112,96,.07)}
.kb-kw.bad:hover{border-color:#E07060;color:#E07060;background:rgba(224,112,96,.14)}
.kb-kwgroup{margin-bottom:18px}
.kb-kwgroup:last-child{margin-bottom:0}
.kb-kwgroup .lbl{font-size:13px;color:var(--text-muted,#6B9999);margin-bottom:9px}

.kb-fold-md,.kb-fold-lg,.kb-fold-side{display:none}
.kb-kwtog:checked~.kb-kwrow .kb-fold-md,
.kb-kwtog:checked~.kb-kwrow .kb-fold-lg,
.kb-kwtog:checked~.kb-kwrow .kb-fold-side{display:inline-block}
.kb-kwtog:checked~.kb-kwrow .kb-kwmore{display:none}
.kb-kwmore{cursor:pointer;border:1px dashed rgba(0,206,201,.35);border-radius:999px;
  padding:5px 13px;font-size:13px;color:var(--text-muted,#6B9999);user-select:none}
.kb-kwmore:hover{border-color:var(--accent,#00CEC9);color:var(--accent,#00CEC9)}
@media (min-width:901px){
  .kb-kwrow .kb-fold-md{display:inline-block}
  .kb-kwrow .kb-kwmore.kb-more-sm{display:none}
}

.kb-c{display:flex;gap:12px;padding:15px 0;border-bottom:1px dashed rgba(168,213,213,.15)}
.kb-c:last-child{border-bottom:none;padding-bottom:0}
.kb-av{width:38px;height:38px;border-radius:50%;flex:none;object-fit:cover;background:var(--bg-card-hover,#1A3535)}
.kb-body{flex:1 1 0;min-width:0}
.kb-who{font-size:13px;color:var(--text-muted,#6B9999);margin-bottom:5px}
.kb-txt{color:var(--text-secondary,#A8D5D5);line-height:1.85;font-size:14.5px}
.kb-txt mark,.kb-mark{background:rgba(0,206,201,.22);color:var(--accent,#00CEC9);border-radius:3px;padding:0 3px}

.kb-more{display:none}
.kb-empty{color:var(--text-muted,#6B9999);padding:26px 0;text-align:center;line-height:2}
.kb-empty a{color:var(--accent,#00CEC9);text-decoration:none}

.kb-pager{margin-top:18px;text-align:center}
.kb-pager a,.kb-pager .cur{display:inline-block;min-width:34px;margin:0 4px;padding:6px 11px;
  border:1px solid rgba(0,206,201,.25);border-radius:var(--radius-sm,4px);color:var(--text-secondary,#A8D5D5);
  text-decoration:none;font-size:13.5px}
.kb-pager a:hover{border-color:var(--accent,#00CEC9);color:var(--accent,#00CEC9)}
.kb-pager .cur{background:var(--primary,#0D7377);color:#fff;border-color:var(--primary,#0D7377)}

.kb-stat{display:flex;flex-direction:column;gap:11px}
.kb-stat .item{display:flex;align-items:baseline;gap:9px}
.kb-stat .num{font-size:1.5rem;font-weight:700;color:var(--accent,#00CEC9);line-height:1;flex:none}
.kb-stat .txt{font-size:13px;color:var(--text-muted,#6B9999);min-width:0;flex:1 1 auto;line-height:1.7}

.kb-cred-list{list-style:none;margin:0;padding:0}
.kb-cred-list li{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px dashed rgba(168,213,213,.15);font-size:14px;line-height:1.85}
.kb-cred-list li:last-child{border-bottom:none;padding-bottom:0}
.kb-cred-av{width:46px;height:46px;border-radius:50%;flex:none;object-fit:cover;background:var(--bg-card-hover,#1A3535)}
.kb-cred-body{flex:1 1 auto;min-width:0;line-height:1.8}
.kb-cred-name{color:var(--text-primary,#fff);font-weight:600;margin-right:9px;text-decoration:none;
              border-bottom:1px dashed rgba(0,206,201,.45)}
.kb-cred-name:hover{color:var(--accent,#00CEC9);border-bottom-color:var(--accent,#00CEC9)}
.kb-cred-role{color:var(--text-muted,#6B9999);font-size:13px;margin-right:9px}
.kb-cred-aw{color:var(--text-secondary,#A8D5D5)}
.kb-cred-sep{color:var(--text-muted,#6B9999);font-style:normal;margin:0 8px}
.kb-cred-n{display:inline-block;margin-left:9px;color:var(--accent,#00CEC9);font-size:12.5px;
           border:1px solid rgba(0,206,201,.3);border-radius:9999px;padding:1px 9px;white-space:nowrap}

.kb-others-row{display:flex;flex-wrap:wrap;gap:9px}
.kb-others-row a{border:1px solid rgba(0,206,201,.25);background:rgba(0,206,201,.06);color:var(--text-secondary,#A8D5D5);
                 border-radius:var(--radius-full,9999px);padding:6px 15px;font-size:13.5px;text-decoration:none}
.kb-others-row a:hover{border-color:var(--accent,#00CEC9);color:var(--accent,#00CEC9);background:rgba(0,206,201,.14)}
.kb-others-row a b{color:var(--text-muted,#6B9999);font-weight:400;margin-left:6px;font-size:12.5px}

.kb-os{padding:12px 0;border-bottom:1px dashed rgba(168,213,213,.15)}
.kb-os:last-child{border-bottom:none;padding-bottom:0}
.kb-os-hd{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:9px}
.kb-os-name{color:var(--text-primary,#fff);font-weight:600;font-size:14.5px;text-decoration:none}
.kb-os-name:hover{color:var(--accent,#00CEC9)}
.kb-os-hit{color:var(--text-muted,#6B9999);font-size:12.5px}
.kb-os-kw .kb-os-more{border-color:rgba(0,206,201,.45)}

.kb-foot{color:var(--text-muted,#6B9999);font-size:12.5px;text-align:center;margin-top:28px}

@media (max-width:900px){
  .detail-grid{display:block !important;grid-template-columns:1fr !important;width:100% !important;max-width:100% !important}
  .detail-main,.detail-sidebar{display:block !important;width:100% !important;max-width:100% !important}
  .kb-h1{font-size:1.15rem}
  .kb-wrap{padding:calc(var(--header-height,60px) + 14px) 12px 40px}
}

@media (max-width:640px){
  .kb-arch{gap:10px;padding:11px 13px;align-items:flex-start}
  .kb-arch-pic{width:42px;height:58px}
  .kb-arch-name{font-size:1rem}
  .kb-arch-meta{display:block;margin:2px 0 0}

  .kb-kw{padding:9px 15px;font-size:13.5px}
  .kb-kwrow{gap:8px}

  .kb-pager a,.kb-pager .cur{min-width:42px;padding:10px 12px;margin:0 3px}

  .kb-cred-list li{align-items:flex-start;gap:10px;padding:12px 0;font-size:14px}
  .kb-cred-av{width:38px;height:38px;margin-top:2px}
  .kb-cred-body{line-height:1.75}
  .kb-cred-role{margin-right:0}
  .kb-cred-n{margin-left:6px}
  .kb-cred-aw{display:block}
  .kb-cred-sep{display:none}

  .kb-c{gap:10px;padding:13px 0}
  .kb-av{width:34px;height:34px}
  .kb-txt{font-size:15px;line-height:1.8}
  .kb-who{font-size:13px}

  .kb-txt--fold{position:relative;max-height:calc(1.8em * 5);overflow:hidden}
  .kb-txt--fold::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2.6em;
    background:linear-gradient(transparent,var(--bg-card,#112323));pointer-events:none}
  .kb-txt--fold.kb-open{max-height:none;overflow:visible}
  .kb-txt--fold.kb-open::after{display:none}
  .kb-more{display:inline-block;margin-top:8px;padding:6px 14px;font-size:13px;line-height:1.4;
    color:var(--accent,#00CEC9);border:1px solid rgba(0,206,201,.35);border-radius:9999px;cursor:pointer}

  .kb-sub{font-size:13.5px;color:var(--text-secondary,#A8D5D5)}
  .kb-cred-list li{font-size:14px}
  .kb-stat .num{font-size:1.35rem}
  .kb-os-hd{gap:6px 10px}
  .kb-os-name{font-size:14px}

  .detail-section__title{font-size:1.05rem !important;margin-bottom:12px !important;padding-bottom:10px !important}
}

@media (max-width:768px){
  .history-panel,.history-overlay{display:none !important}
}

html{
  -webkit-text-size-adjust:100%;
  -moz-text-size-adjust:100%;
  -ms-text-size-adjust:100%;
  text-size-adjust:100%;
}

@media (max-width: 900px) {
  .kb-wrap{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
    box-sizing:border-box !important;
  }

  .kb-body{
    flex:1 1 0 !important;
    min-width:0 !important;
    width:0 !important;
  }

  .kb-txt{
    word-wrap:break-word !important;
    overflow-wrap:break-word !important;
  }
}