/* KMind V35 宇宙增量 · 设计语言 (loaded after every other increment stylesheet)
   Night (夜间) and the three flat skins only; every other skin keeps the increment's earlier look.
   The rules are written down in handoff/设计规则_夜间与平面皮肤.md. In short:
   · night: the scene is the ground; panels are glass (a layer of light, no frame); blue = what you can act on, cyan = live/progress,
     amber stays reserved for people; type is KMind's own (Inter Tight / Plex SC, numbers in the mono); focus and selection glow.
   · flat: paper ground, one ink and one accent per skin, hairlines instead of shadows, no depth, no blur.
   · one language at a time: English captions (.kx-en) only show with the 英文副标题 effect on, like the native ones. */

/* ---------- shared: English captions, visually hidden inputs ---------- */
.kx-en{font-family:var(--k-mono);font-style:normal;font-weight:500;font-size:10px;letter-spacing:.14em;text-transform:uppercase;opacity:.7}
body.fx-off-en .kx-en{display:none!important}
.kx-file{position:relative;display:inline-flex!important;align-items:center;gap:8px;cursor:pointer}
.kx-file input[type=file]{position:absolute!important;inset:0;width:100%!important;height:100%;opacity:0;cursor:pointer;font-size:0}
.kx-file:focus-within{box-shadow:var(--k-focus)}

/* ======================================================================================================================
   NIGHT
   ====================================================================================================================== */
html[data-skin=night]{--kx-glass:rgba(12,15,22,.78);--kx-glass-solid:rgba(13,17,25,.94);--kx-layer:rgba(var(--k-layer-rgb),.055);
  --kx-layer2:rgba(var(--k-layer-rgb),.09);--kx-layer3:rgba(var(--k-layer-rgb),.14);--kx-rule:rgba(var(--k-layer-rgb),.12);
  --kx-glow:0 0 22px -6px rgba(var(--k-acc-rgb),.8);--kx-shadow:0 30px 90px -24px rgba(0,0,0,.7),0 0 0 .5px rgba(var(--k-layer-rgb),.06);
  --kx-blur:blur(20px) saturate(1.15);--kx-live-rgb:92,200,255}

/* the explorer's two increment entries sit with its own controls: a pill like 添加资产, not a second visual system */
html[data-skin=night] .km-city-enter,html[data-skin=night] .km-x-bar .km-city-enter{border:0!important;border-radius:999px!important;padding:7px 14px!important;
  background:rgba(var(--k-layer-rgb),.1)!important;color:var(--k-ink)!important;font-weight:500!important;font-size:12.5px!important;line-height:1.2!important;font-family:inherit!important;box-shadow:none!important;transition:background .16s,box-shadow .16s}
html[data-skin=night] .km-city-enter:hover{background:rgba(var(--k-acc-rgb),.2)!important;box-shadow:var(--kx-glow)!important}
html[data-skin=night] .km-x-add.km-city-toggle{background:rgba(var(--k-layer-rgb),.1)!important;color:var(--k-ink)!important;box-shadow:none!important}
html[data-skin=night] .km-x-add.km-city-toggle:hover{background:rgba(var(--k-acc-rgb),.2)!important;box-shadow:var(--kx-glow)!important}
html[data-skin=night] .km-x-add.km-city-toggle[aria-pressed=true]{background:rgba(var(--k-acc-rgb),.24)!important;box-shadow:0 0 18px -6px rgba(var(--k-acc-rgb),.9)!important}
html[data-skin=night] .km-resource-city{border:0;border-radius:14px;background:rgba(var(--k-layer-rgb),.04);padding:14px}
html[data-skin=night] .km-city-streets button{border-radius:12px}
html[data-skin=night] .km-city-streets button:is(:hover,:focus-visible){border-color:transparent;background:rgba(var(--k-acc-rgb),.12);box-shadow:var(--kx-glow)}

/* ---------- plaza dialog ---------- */
html[data-skin=night] #km-plaza-dialog{border:0;border-radius:22px;background:var(--kx-glass-solid);color:var(--k-ink);box-shadow:var(--kx-shadow);
  font-family:inherit;width:min(980px,94vw);height:min(800px,92dvh)}
html[data-skin=night] #km-plaza-dialog::backdrop{background:rgba(3,4,6,.62);backdrop-filter:blur(6px)}
html[data-skin=night] #km-plaza-dialog::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(90% 60% at 12% 0%,rgba(var(--k-acc-rgb),.1),transparent 60%),radial-gradient(60% 50% at 100% 100%,rgba(var(--kx-live-rgb),.05),transparent 70%)}
html[data-skin=night] #km-plaza-dialog :is(button,input,select,textarea){font-family:inherit}
html[data-skin=night] #km-plaza-dialog button{border:0;border-radius:999px;padding:8px 15px;background:rgba(var(--k-layer-rgb),.1);color:var(--k-ink2);
  font-size:12.5px;font-weight:500;transition:background .16s,color .16s,box-shadow .16s}
html[data-skin=night] #km-plaza-dialog button:hover{background:rgba(var(--k-acc-rgb),.18);color:var(--k-ink);border-color:transparent}
html[data-skin=night] #km-plaza-dialog button:focus-visible{outline:0;box-shadow:var(--k-focus)}
html[data-skin=night] #km-plaza-dialog :is(button[type=submit],form[data-p-search] button,[data-p-play]){background:var(--k-acc);color:#fff}
html[data-skin=night] #km-plaza-dialog :is(button[type=submit],form[data-p-search] button,[data-p-play]):hover{background:var(--k-acc2,#2F6FE6);box-shadow:var(--kx-glow)}
html[data-skin=night] .km-plaza-top{border:0;padding:22px 26px 6px;align-items:center;position:relative}
html[data-skin=night] .km-plaza-top b{margin:0;font-size:20px;font-weight:600;letter-spacing:0}
html[data-skin=night] .km-plaza-top small{display:block;margin-bottom:6px}
html[data-skin=night] .km-plaza-top [data-p-close]{padding:7px 13px}
html[data-skin=night] .km-plaza-tabs{padding:10px 26px 14px;gap:4px;position:relative}
html[data-skin=night] #km-plaza-dialog .km-plaza-tabs button{background:transparent;color:var(--k-mute);padding:7px 14px}
html[data-skin=night] #km-plaza-dialog .km-plaza-tabs button:hover{background:rgba(var(--k-layer-rgb),.08);color:var(--k-ink)}
html[data-skin=night] #km-plaza-dialog .km-plaza-tabs button[aria-selected=true]{background:rgba(var(--k-acc-rgb),.2);color:var(--k-ink);box-shadow:0 0 18px -8px rgba(var(--k-acc-rgb),.9)}
html[data-skin=night] .km-plaza-content{padding:4px 26px 24px;position:relative}
html[data-skin=night] .km-plaza-content h2{font-size:24px;font-weight:600;letter-spacing:0}
html[data-skin=night] .km-plaza-content h3{font-size:14px;font-weight:600;color:var(--k-ink2);margin:22px 0 10px}
html[data-skin=night] .km-plaza-content p{color:var(--k-mute);font-size:12.5px;line-height:1.7}
html[data-skin=night] :is(.km-plaza-top,.km-plaza-content) small{color:var(--k-mute);letter-spacing:0;font-size:11px}
html[data-skin=night] .km-plaza-content label{color:var(--k-mute);font-size:12px;gap:7px}
html[data-skin=night] #km-plaza-dialog :is(input:not([type=checkbox]):not([type=file]),textarea,select){border:0;border-radius:10px;background:rgba(var(--k-layer-rgb),.075);
  color:var(--k-ink);padding:10px 12px;font-size:13px}
html[data-skin=night] #km-plaza-dialog :is(input,textarea,select):focus{outline:0;box-shadow:var(--k-focus)}
html[data-skin=night] #km-plaza-dialog select option{background:#10141C}
html[data-skin=night] #km-plaza-dialog input[type=checkbox]{accent-color:var(--k-acc)}
html[data-skin=night] #km-plaza-dialog .kx-file{border-radius:999px;padding:9px 15px;background:rgba(var(--k-layer-rgb),.1);color:var(--k-ink2);font-size:12.5px;width:max-content;max-width:100%}
html[data-skin=night] #km-plaza-dialog .kx-file:hover{background:rgba(var(--k-acc-rgb),.18);color:var(--k-ink)}
html[data-skin=night] .km-plaza-hero{border:0;border-radius:16px;height:230px;background:radial-gradient(70% 90% at 78% 10%,rgba(var(--k-acc-rgb),.22),transparent 60%),#0A0D14}
html[data-skin=night] .km-plaza-hero svg{color:rgba(var(--k-layer-rgb),.55);opacity:.7}
html[data-skin=night] .km-plaza-hero img{opacity:.9}
html[data-skin=night] .km-plaza-hero>div{padding:80px 26px 22px;background:linear-gradient(180deg,transparent,rgba(6,8,12,.92))}
html[data-skin=night] .km-plaza-hero span{font:500 11px var(--k-mono);color:var(--k-ok)}
html[data-skin=night] .km-plaza-hero h2{font-size:30px;font-weight:600}
html[data-skin=night] .km-plaza-hero p{color:var(--k-ink2)}
html[data-skin=night] .km-plaza-welcome article{border:0;padding:16px 18px;border-radius:14px;background:rgba(var(--k-layer-rgb),.045)}
html[data-skin=night] .km-plaza-welcome article b{font-weight:600}
html[data-skin=night] :is(.km-plaza-episodes article,.km-plaza-station){border:0;border-radius:12px;padding:12px 14px;margin:2px 0;transition:background .16s}
html[data-skin=night] :is(.km-plaza-episodes article,.km-plaza-station):hover{background:rgba(var(--k-layer-rgb),.06)}
html[data-skin=night] .km-plaza-episodes article>span{color:var(--k-dim);font-family:var(--k-mono)}
html[data-skin=night] .km-plaza-number{font:500 14px var(--k-mono)!important;color:var(--k-ok)!important;letter-spacing:.04em}
html[data-skin=night] .km-plaza-dial{font-size:0!important;font-family:var(--k-mono)!important;height:46px;padding:0!important;margin:6px 0 18px!important;border:0!important;position:relative;
  background:repeating-linear-gradient(90deg,rgba(var(--k-layer-rgb),.45) 0 1px,transparent 1px 14px) 0 14px/100% 18px no-repeat,
             repeating-linear-gradient(90deg,rgba(var(--k-layer-rgb),.7) 0 1px,transparent 1px 70px) 0 6px/100% 34px no-repeat;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12% 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12% 88%,transparent)}
html[data-skin=night] .km-plaza-dial::after{content:'';position:absolute;left:38%;top:0;bottom:0;width:2px;border-radius:2px;background:var(--k-ok);box-shadow:0 0 14px rgba(var(--kx-live-rgb),.9)}
html[data-skin=night] .km-plaza-tuner form{gap:8px}
html[data-skin=night] .km-plaza-signal{color:var(--k-ok)}
html[data-skin=night] .km-plaza-player{border:0;margin:0 26px 10px;border-radius:16px;background:rgba(var(--k-layer-rgb),.06);padding:12px 14px}
html[data-skin=night] .km-plaza-status{border:0!important;padding:10px 26px 16px!important;color:var(--k-mute)!important;font-size:11.5px!important;position:relative}
html[data-skin=night] .km-plaza-connect{max-width:640px}

/* ---------- the local MP3 player (a native KMW window) ---------- */
html[data-skin=night] .km-radio-controls{padding:14px 16px;gap:12px}
html[data-skin=night] .km-radio-controls label{font-weight:500;color:var(--k-mute);font-size:12px}
html[data-skin=night] .km-radio-controls .kx-file,html[data-skin=night] .km-radio-stations{border:0;border-radius:999px;padding:8px 14px;background:rgba(var(--k-layer-rgb),.1);
  color:var(--k-ink2);font-size:12.5px;font-weight:500;width:max-content;max-width:100%;margin:0}
html[data-skin=night] :is(.km-radio-controls .kx-file,.km-radio-stations):hover{background:rgba(var(--k-acc-rgb),.18);color:var(--k-ink)}
html[data-skin=night] .km-radio-controls audio{border-radius:999px;color-scheme:dark;height:40px}
html[data-skin=night] .km-radio-controls ol{list-style:none;padding:0;display:grid;gap:2px;counter-reset:km-track}
html[data-skin=night] .km-radio-controls li{counter-increment:km-track;display:flex;align-items:center;gap:10px;border-radius:10px;padding:0 10px}
html[data-skin=night] .km-radio-controls li::before{content:counter(km-track,decimal-leading-zero);font:11px var(--k-mono);color:var(--k-dim)}
html[data-skin=night] .km-radio-controls li:hover{background:rgba(var(--k-layer-rgb),.06)}
html[data-skin=night] .km-radio-controls li button{background:none;border:0;color:var(--k-ink2);padding:8px 0;flex:1;font-size:12.5px}
html[data-skin=night] .km-radio-controls [aria-current=true]{color:var(--k-ink);font-weight:600}
html[data-skin=night] .km-radio-controls li:has([aria-current=true]){box-shadow:inset 2px 0 0 var(--k-acc);background:rgba(var(--k-acc-rgb),.1)}
html[data-skin=night] .km-radio-controls p{color:var(--k-mute)}

/* ---------- panel banner (Panel View sidebar) ---------- */
html[data-skin=night] .km-channel-banner{border-radius:14px;margin:4px 0 12px;height:168px;background:#07090E}
html[data-skin=night] .km-channel-banner::after{left:14px;right:14px;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--k-acc-rgb),.75),rgba(var(--kx-live-rgb),.45),transparent);box-shadow:0 0 14px rgba(var(--k-acc-rgb),.55)}
html[data-skin=night] .km-channel-banner>div{padding:18px 14px 50px;background:linear-gradient(0deg,rgba(6,8,12,.94),rgba(6,8,12,.35) 70%,transparent)}
html[data-skin=night] .km-channel-banner small{font-size:11px;letter-spacing:0;color:var(--k-mute)}
html[data-skin=night] .km-channel-banner b{font-size:19px;font-weight:600;color:var(--k-ink)}
html[data-skin=night] .km-channel-banner span{font:500 11px var(--k-mono);color:var(--k-ok)}
html[data-skin=night] .km-channel-banner footer{left:12px;right:12px;bottom:10px;gap:6px}
html[data-skin=night] .km-channel-banner footer button{border:0;border-radius:999px;padding:5px 11px;min-height:28px;background:rgba(10,13,19,.7);backdrop-filter:blur(10px);
  color:var(--k-ink2);font-size:11.5px;font-weight:500}
html[data-skin=night] .km-channel-banner footer button:hover{background:rgba(var(--k-acc-rgb),.28);color:var(--k-ink)}

/* ======================================================================================================================
   FLAT SKINS · 协作枢纽 / 园区导览 / 协作议事厅 — paper, ink, one accent, hairlines; never depth
   ====================================================================================================================== */
html[data-skin=collaboration-hub]{--kx-acc:#285477;--kx-acc-rgb:40,84,119;--kx-path:#6E9596;--kx-paper:#F5F7FA;--kx-ink:#17293A;--kx-ink2:#41566A;--kx-mute:#6B7C8C;--kx-hair:#D5DDE5;--kx-hair2:#E7ECF1;--kx-tint:#EDF2F6}
html[data-skin=campus-directory]{--kx-acc:#315D4E;--kx-acc-rgb:49,93,78;--kx-path:#81997E;--kx-paper:#F4F6F1;--kx-ink:#1C2B24;--kx-ink2:#43574D;--kx-mute:#6D7D73;--kx-hair:#D6DED3;--kx-hair2:#E7ECE4;--kx-tint:#EBF0E8}
html[data-skin=council-chamber]{--kx-acc:#53483F;--kx-acc-rgb:83,72,63;--kx-path:#9B7B5D;--kx-paper:#F7F4EF;--kx-ink:#2A231D;--kx-ink2:#54493F;--kx-mute:#7D7064;--kx-hair:#E0D6CA;--kx-hair2:#EEE7DE;--kx-tint:#F1EBE3}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]){--kx-flat:1}

/* explorer entries */
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-city-enter{border:1px solid var(--kx-hair)!important;border-radius:6px!important;
  background:#fff!important;color:var(--kx-ink)!important;font-weight:600!important;font-size:12px!important;line-height:1.2!important;font-family:inherit!important;padding:7px 12px!important;box-shadow:none!important}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-city-enter:hover{border-color:var(--kx-acc)!important;background:var(--kx-tint)!important}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-resource-city{border-color:var(--kx-hair);border-radius:6px}

/* plaza dialog: a formal sheet */
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) #km-plaza-dialog{border:1px solid var(--kx-hair);border-radius:10px;background:#fff;color:var(--kx-ink);
  box-shadow:0 18px 48px -18px rgba(20,30,40,.28);font-family:inherit;width:min(960px,94vw);height:min(780px,92dvh)}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) #km-plaza-dialog::backdrop{background:rgba(24,32,40,.32);backdrop-filter:none}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) #km-plaza-dialog :is(button,input,select,textarea){font-family:inherit}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) #km-plaza-dialog button{border:1px solid var(--kx-hair);border-radius:6px;background:#fff;color:var(--kx-ink2);font-size:12.5px;font-weight:500;padding:8px 14px}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) #km-plaza-dialog button:hover{border-color:var(--kx-acc);background:var(--kx-tint);color:var(--kx-ink)}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) #km-plaza-dialog button:focus-visible{outline:2px solid var(--kx-acc);outline-offset:2px}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) #km-plaza-dialog :is(button[type=submit],form[data-p-search] button,[data-p-play]){background:var(--kx-acc);border-color:var(--kx-acc);color:#fff}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-plaza-top{border-bottom:1px solid var(--kx-hair2);padding:20px 26px 16px;align-items:center}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-plaza-top b{margin:0;font-size:19px;font-weight:650;letter-spacing:0}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) :is(.km-plaza-top,.km-plaza-content) small{color:var(--kx-mute);letter-spacing:0;font-size:11px}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-plaza-tabs{padding:0 26px;gap:22px;border-bottom:1px solid var(--kx-hair2)}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) #km-plaza-dialog .km-plaza-tabs button{border:0;border-radius:0;background:none;padding:13px 0 11px;color:var(--kx-mute);box-shadow:inset 0 -2px 0 transparent}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) #km-plaza-dialog .km-plaza-tabs button[aria-selected=true]{color:var(--kx-ink);font-weight:650;box-shadow:inset 0 -2px 0 var(--kx-acc)}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-plaza-content{padding:18px 26px 24px}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-plaza-content h2{font-size:22px;font-weight:650;color:var(--kx-ink)}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-plaza-content h3{font-size:13px;font-weight:650;color:var(--kx-ink);margin:22px 0 10px}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-plaza-content p{color:var(--kx-mute);font-size:12.5px}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-plaza-content label{color:var(--kx-ink2);font-size:12px;font-weight:500}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) #km-plaza-dialog :is(input:not([type=checkbox]):not([type=file]),textarea,select){border:1px solid var(--kx-hair);border-radius:6px;background:#fff;color:var(--kx-ink);padding:9px 11px;font-size:13px}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) #km-plaza-dialog :is(input,textarea,select):focus{outline:2px solid var(--kx-acc);outline-offset:-1px}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) #km-plaza-dialog input[type=checkbox]{accent-color:var(--kx-acc)}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) #km-plaza-dialog .kx-file{border:1px solid var(--kx-hair);border-radius:6px;padding:8px 13px;background:#fff;color:var(--kx-ink2);font-size:12.5px;width:max-content;max-width:100%}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) #km-plaza-dialog .kx-file:hover{border-color:var(--kx-acc);background:var(--kx-tint)}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-plaza-hero{border:1px solid var(--kx-hair);border-radius:8px;background:var(--kx-tint);color:var(--kx-ink)}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-plaza-hero svg{color:var(--kx-path);opacity:.55}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-plaza-hero>div{background:linear-gradient(180deg,transparent 20%,rgba(255,255,255,.92))}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-plaza-hero span{font:600 11px var(--k-mono);color:var(--kx-acc)}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-plaza-hero h2{color:var(--kx-ink)}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-plaza-welcome article{border-left:2px solid var(--kx-acc);padding-left:16px}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) :is(.km-plaza-episodes article,.km-plaza-station){border-top:1px solid var(--kx-hair2)}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-plaza-episodes article>span{color:var(--kx-mute)}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-plaza-number{font:600 14px var(--k-mono)!important;color:var(--kx-acc)!important}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-plaza-dial{font-size:0!important;font-family:var(--k-mono)!important;height:40px;padding:0!important;margin:6px 0 18px!important;border-bottom:1px solid var(--kx-hair)!important;position:relative;
  background:repeating-linear-gradient(90deg,var(--kx-hair) 0 1px,transparent 1px 14px) 0 20px/100% 12px no-repeat,repeating-linear-gradient(90deg,var(--kx-mute) 0 1px,transparent 1px 70px) 0 10px/100% 22px no-repeat}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-plaza-dial::after{content:'';position:absolute;left:38%;top:2px;bottom:0;width:2px;background:var(--kx-acc)}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-plaza-signal{color:var(--kx-acc)}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-plaza-player{border:1px solid var(--kx-hair);border-radius:8px;margin:0 26px 10px;background:var(--kx-paper)}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-plaza-status{border-top:1px solid var(--kx-hair2)!important;color:var(--kx-mute)!important;font-size:11.5px!important;padding:10px 26px 14px!important}

/* MP3 player */
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-radio-controls{padding:14px 16px;gap:12px}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-radio-controls label{font-weight:600;color:var(--kx-ink2)}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) :is(.km-radio-controls .kx-file,.km-radio-stations){border:1px solid var(--kx-hair);border-radius:6px;padding:8px 13px;background:#fff;color:var(--kx-ink2);font-size:12.5px;width:max-content;max-width:100%;margin:0}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) :is(.km-radio-controls .kx-file,.km-radio-stations):hover{border-color:var(--kx-acc);background:var(--kx-tint)}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-radio-controls ol{list-style:none;padding:0;margin:0;border-top:1px solid var(--kx-hair2);counter-reset:km-track}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-radio-controls li{counter-increment:km-track;display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--kx-hair2);padding:0 4px}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-radio-controls li::before{content:counter(km-track,decimal-leading-zero);font:11px var(--k-mono);color:var(--kx-mute)}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-radio-controls li button{flex:1;padding:8px 0}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-radio-controls li:has([aria-current=true]){box-shadow:inset 3px 0 0 var(--kx-acc)}

/* panel banner in a flat skin's (经纬) panel: a light signboard, not a dark night block */
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-channel-banner{height:150px;margin:4px 0 12px;border-radius:6px;background:var(--kx-paper);color:var(--kx-ink);border:1px solid var(--kx-hair)}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-channel-banner::after{left:0;right:0;height:3px;background:var(--kx-acc);box-shadow:none}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-channel-banner>svg{color:var(--kx-path);opacity:.45}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-channel-banner>div{padding:16px 14px 46px;background:linear-gradient(0deg,rgba(255,255,255,.96),rgba(255,255,255,.55) 70%,transparent)}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-channel-banner small{font-size:11px;letter-spacing:0;color:var(--kx-mute)}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-channel-banner b{font-size:18px;font-weight:650;color:var(--kx-ink)}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-channel-banner span{font:600 11px var(--k-mono);color:var(--kx-acc)}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-channel-banner footer{bottom:10px}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-channel-banner footer button{border:1px solid var(--kx-hair);border-radius:5px;background:#fff;color:var(--kx-ink2);font-size:11.5px;font-weight:500;padding:4px 10px;min-height:28px}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-channel-banner footer button:hover{border-color:var(--kx-acc);color:var(--kx-ink)}
@media(any-pointer:coarse){html[data-skin] .km-channel-banner footer button{min-height:44px}}
html[data-skin=night] .km-plaza-manage section>:is(button,.kx-file),:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-plaza-manage section>:is(button,.kx-file){margin:0 6px 8px 0}
html[data-skin=night] .km-radio-stations,:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-radio-stations{margin:12px 16px 0!important}
html[data-skin=night] #km-plaza-dialog :is(.km-plaza-episodes article>span,.km-plaza-station span,.km-plaza-number){font-family:var(--k-mono)!important}
/* the plaza entry on the mother planet reads like the native continent labels */
html[data-skin=night] #km-plaza-surface{font-family:"Inter Tight","Plex SC",-apple-system,"PingFang SC",sans-serif;font-weight:600;font-size:12.5px;color:var(--k-ink)}
html[data-skin=night] #km-plaza-surface svg{color:var(--k-ok)}
/* 打开播客电台 in the knowledge explorer: the same pill as 进入城市 */
html[data-skin=night] .km-x-bar [data-plaza-folder]{border:0;border-radius:999px;padding:7px 14px;background:rgba(var(--k-layer-rgb),.1);color:var(--k-ink);font-size:12.5px;font-weight:500;font-family:inherit;cursor:pointer}
html[data-skin=night] .km-x-bar [data-plaza-folder]:hover{background:rgba(var(--k-acc-rgb),.2);box-shadow:var(--kx-glow)}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-x-bar [data-plaza-folder]{border:1px solid var(--kx-hair);border-radius:6px;padding:6px 12px;background:#fff;color:var(--kx-ink);font-size:12px;font-weight:600;font-family:inherit;cursor:pointer}
:is(html[data-skin=collaboration-hub],html[data-skin=campus-directory],html[data-skin=council-chamber]) .km-x-bar [data-plaza-folder]:hover{border-color:var(--kx-acc);background:var(--kx-tint)}