/* F10 학습 플레이어 (다크 고정) — 그누보드: theme/classpick/css/pages/player.css
   player-quiz · player-assignment 도 이 셸(.pl / .pl-top / .pl-body / .pl-side)을 그대로 씁니다. */

body.player-page{background:var(--dark-900);color:var(--dark-text);display:block}
.player-page ::selection{background:var(--lime);color:var(--ink-900)}
.player-page :focus-visible{outline-color:var(--lime)}
.subtle-d{color:var(--dark-text-3)}
.lime-d{color:var(--lime)}
.ic-sm{width:14px!important;height:14px!important;vertical-align:-2px}

.pl{display:grid;grid-template-rows:56px minmax(0,1fr);height:100vh;height:100dvh}
.pl .progress{background:var(--dark-600)}

/* 상단 바 */
.pl-top{display:flex;align-items:center;gap:12px;padding:0 12px 0 8px;border-bottom:1px solid var(--dark-700);background:var(--dark-900);min-width:0}
.pl-icon{width:40px;height:40px;border-radius:var(--r-md);display:grid;place-items:center;color:var(--dark-text-2);flex:none}
.pl-icon:hover{background:var(--dark-700);color:#fff}
.pl-titles{flex:1;min-width:0;line-height:1.35}
.pl-course{font-size:12.5px;color:var(--dark-text-3)}
.pl-course:hover{color:var(--dark-text)}
.pl-lesson-name{font-size:15px;font-weight:700;letter-spacing:-.02em}
.pl-prog{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--dark-text-2);flex:none}
.pl-prog b{color:var(--lime)}
.pl-prog .progress{width:140px}
.pl-demo{background:var(--dark-700);color:var(--dark-text-2)}

/* 본문 그리드 */
.pl-body{display:grid;grid-template-columns:minmax(0,1fr) 380px;min-height:0}
.pl.side-collapsed .pl-body{grid-template-columns:minmax(0,1fr)}
.pl.side-collapsed .pl-side{display:none}
.pl-main{overflow-y:auto;min-height:0;scrollbar-color:var(--dark-600) transparent}
.pl-wrap{max-width:880px;margin:0 auto}

/* 영상 */
.pl-video{position:relative;aspect-ratio:16/9;max-height:calc(100vh - 56px - 96px);width:100%;background:#000;overflow:hidden;user-select:none}
.pv-screen{position:absolute!important;inset:0;cursor:pointer}
.pv-code{position:absolute!important;left:12%;right:12%;top:16%;padding:clamp(14px,2.4vw,32px);border-radius:12px;background:rgba(14,16,15,.82);border:1px solid rgba(255,255,255,.08);font-family:var(--font-mono);font-size:clamp(10px,1.45vw,19px);line-height:1.7;color:#E4E4E7;letter-spacing:0;white-space:nowrap;overflow:hidden}
.c-k{color:var(--lime)}.c-f{color:#93C5FD}.c-t{color:#FCA5A5}.c-n{color:#FCD34D}
.pv-resume{position:absolute;left:16px;top:16px;z-index:3;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:var(--r-pill);background:rgba(14,16,15,.72);backdrop-filter:blur(6px);font-size:13px;color:var(--dark-text-2)}
.pv-resume b{color:#fff}
.pv-resume svg{width:15px;height:15px}
.pv-center{position:absolute;left:50%;top:50%;z-index:3;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:var(--lime);color:var(--ink-900);display:grid;place-items:center;box-shadow:0 8px 32px rgba(0,0,0,.4);transition:transform .2s var(--ease)}
.pv-center:hover{transform:scale(1.06)}
.pv-center svg{width:30px;height:30px;margin-left:4px}
.pl-video.is-playing .pv-center{display:none}
.pv-caption{position:absolute;left:50%;bottom:76px;transform:translateX(-50%);z-index:3;max-width:80%;pointer-events:none;white-space:pre-line;word-break:keep-all;padding:6px 14px;border-radius:6px;background:rgba(0,0,0,.78);color:#fff;font-size:clamp(13px,1.5vw,18px);line-height:1.5;text-align:center}
.pv-controls{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:28px 16px 6px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.78))}
.pv-track{--wseg:var(--lime);position:relative;height:6px;border-radius:3px;background:rgba(255,255,255,.2);cursor:pointer;margin:0 4px 6px;transition:height .15s}
.pv-track:hover{height:8px}
.pv-watched{position:absolute;inset:0;border-radius:inherit}
.pv-played{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:inherit;background:rgba(255,255,255,.28);pointer-events:none}
.pv-chapters i{position:absolute;top:0;bottom:0;width:3px;margin-left:-1px;background:rgba(0,0,0,.7)}
.pv-head{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(0,0,0,.25);pointer-events:none}
.pv-bar{display:flex;align-items:center;gap:2px;height:44px}
.pv-btn{width:38px;height:38px;border-radius:var(--r-md);display:grid;place-items:center;color:#fff;flex:none}
.pv-btn:hover{background:rgba(255,255,255,.12)}
.pv-btn svg{width:20px;height:20px}
.pv-btn.is-on{color:var(--lime)}
.pv-text{width:auto;padding:0 10px;font-size:13.5px;font-weight:700;font-variant-numeric:tabular-nums}
.pv-time{font-size:13px;color:#fff;margin-left:8px;white-space:nowrap}
.pv-chapter{font-size:13px;color:rgba(255,255,255,.65);margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.pv-next{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:rgba(14,16,15,.88);text-align:center;padding:20px}
.pv-next[hidden]{display:none}
.pv-next b{font-size:18px}
.pv-next-ring{width:64px;height:64px;border-radius:50%;border:3px solid var(--lime);display:grid;place-items:center;font-size:24px;font-weight:800;margin:6px 0}
.pl-btn-ghost{background:var(--dark-700);color:#fff}
.pl-btn-ghost:hover{background:var(--dark-600)}

/* 레슨 머리 */
.pl-lhead{padding:24px 32px 8px}
.pl-lhead .pl-wrap{display:flex;flex-direction:column}
.pl-section{font-size:13px;font-weight:600;color:var(--dark-text-3)}
.pl-h1{font-size:24px;font-weight:800;letter-spacing:-.035em;line-height:1.35;margin-top:4px}
.pl-watch{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin-top:12px;font-size:13px}
.pw-legend{display:inline-flex;align-items:center;gap:6px;color:var(--dark-text-2)}
.pw-legend i{width:12px;height:12px;border-radius:3px;background:var(--lime)}
.pw-legend b{color:#fff}
.pl-nav{order:4;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.pl-navbtn{display:flex;align-items:center;gap:10px;min-width:0;padding:12px 14px;border-radius:var(--r-lg);background:var(--dark-800);border:1px solid var(--dark-700);color:var(--dark-text-2)}
.pl-navbtn:hover{border-color:var(--dark-600);color:#fff}
.pl-navbtn span{min-width:0;flex:1;display:flex;flex-direction:column}
.pl-navbtn small{font-size:12px;color:var(--dark-text-3)}
.pl-navbtn b{font-size:14px;font-weight:600;color:var(--dark-text)}
.pl-navbtn.is-next{text-align:right}
.pl-navbtn.is-disabled{opacity:.35;pointer-events:none}

/* 레슨 상세 */
.pl-detail{padding:20px 32px 72px}
.ai-sum{padding:20px;border-radius:var(--r-lg);background:var(--dark-800);border:1px solid var(--dark-700)}
.ai-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ai-badge{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:var(--r-sm);background:rgba(197,245,48,.12);color:var(--lime);font-size:13px;font-weight:700}
.ai-badge svg{width:15px;height:15px}
.ai-points{display:grid;gap:8px;margin:16px 0 18px;font-size:15px;line-height:1.65;color:#D4D4D8}
.ai-points li{position:relative;padding-left:16px}
.ai-points li::before{content:"";position:absolute;left:2px;top:.68em;width:5px;height:5px;border-radius:50%;background:var(--lime)}
.ai-points b{color:#fff}
.ai-chapters{padding-top:16px;border-top:1px solid var(--dark-700);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 16px}
.ai-chapters .d-label{grid-column:1 / -1}
.chap{display:flex;gap:10px;align-items:center;padding:7px 8px;border-radius:var(--r-sm);font-size:14px;color:var(--dark-text-2);text-align:left}
.chap .num{font-size:12.5px;font-weight:700;color:var(--lime);min-width:38px}
.chap:hover{background:var(--dark-700);color:#fff}
.chap.is-active{background:var(--dark-700);color:#fff}
.pl-article{margin-top:36px;font-size:15.5px;line-height:1.85;color:#D4D4D8}
.pl-article h2,.pl-files h2{font-size:18px;font-weight:800;letter-spacing:-.03em;color:#fff;margin-bottom:12px}
.pl-article p + p,.pl-article pre + p{margin-top:14px}
.pl-article code{font-family:var(--font-mono);font-size:.88em;padding:2px 6px;border-radius:4px;background:var(--dark-700);color:#fff}
.pl-article .md-img{margin:18px 0;display:grid;gap:8px}
.pl-article .md-img img{display:block;max-width:100%;height:auto;border-radius:var(--r-md);border:1px solid var(--dark-600)}
.pl-article .md-img figcaption{font-size:13px;line-height:1.5;color:var(--dark-text-3);text-align:center}
pre.code{margin:16px 0;padding:18px 20px;border-radius:var(--r-lg);background:#0A0B0A;border:1px solid var(--dark-700);overflow-x:auto;font-size:13.5px;line-height:1.75}
pre.code code{padding:0;background:none;font-size:inherit;color:#E4E4E7}
.pl-files{margin-top:36px}

/* 자료 목록 (본문·사이드 공용) */
.pl-files ul,.d-files{display:grid;gap:8px}
.pl-files a,.d-files a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-lg);background:var(--dark-800);border:1px solid var(--dark-700);color:var(--dark-text-2)}
.pl-files a:hover,.d-files a:hover{border-color:var(--dark-600);color:#fff}
.f-ic{width:36px;height:36px;border-radius:var(--r-md);background:var(--dark-700);display:grid;place-items:center;color:#fff;flex:none}
.pl-files b,.d-files b{display:block;font-size:14px;font-weight:600;color:var(--dark-text)}
.pl-files small,.d-files small{font-size:12.5px;color:var(--dark-text-3)}

/* 사이드바 */
.pl-side{display:flex;flex-direction:column;min-height:0;background:var(--dark-800);border-left:1px solid var(--dark-700)}
.pl-tabs{flex:none;padding:0 8px;gap:0}
.pl-tabs .tab{height:50px;padding:0 11px;font-size:14px}
.pl-panel{flex:1;overflow-y:auto;min-height:0;scrollbar-color:var(--dark-600) transparent}
.pl-panel[hidden]{display:none}
.panel-pad{padding:16px 20px 28px}
.cur-sum{padding:16px 20px;border-bottom:1px solid var(--dark-700);font-size:14px}
.cur-sum-meta{display:flex;gap:14px;margin-top:10px;font-size:12.5px;color:var(--dark-text-3)}
.cur-sum-meta span{display:inline-flex;align-items:center;gap:5px}
.cur-sum-meta svg{width:14px;height:14px}
.dsec + .dsec{border-top:1px solid var(--dark-700)}
.dsec summary{list-style:none;display:flex;align-items:center;gap:10px;padding:14px 20px;cursor:pointer;font-size:14.5px;font-weight:700}
.dsec summary::-webkit-details-marker{display:none}
.dsec summary small{display:block;font-size:12px;font-weight:600;color:var(--dark-text-3)}
.dsec summary .num{font-size:12.5px}
.dsec summary .chev{width:16px;height:16px;color:var(--dark-text-3);transition:transform .2s}
.dsec[open] summary .chev{transform:rotate(180deg)}
.dsec{padding-bottom:4px}
.dl{display:flex;align-items:center;gap:11px;padding:9px 20px;font-size:13.5px;color:var(--dark-text-2);border-left:3px solid transparent}
.dl:hover{background:var(--dark-700);color:#fff}
.dl.is-current{background:var(--dark-700);border-left-color:var(--lime);color:#fff;font-weight:600}
.dl.is-locked{color:var(--dark-text-3)}
.dl-t{display:block;line-height:1.45}
.dl-time{font-size:12px;color:var(--dark-text-3);white-space:nowrap}
.dl.is-locked .dl-time{color:var(--warn-bg);opacity:.75}
.dl-bar{display:block;height:3px;border-radius:2px;background:var(--dark-600);margin-top:6px;overflow:hidden}
.dl-bar i{display:block;height:100%;width:var(--v);background:var(--lime)}
.ls-st{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex:none;color:var(--dark-text-3)}
.ls-st svg{width:16px;height:16px}
.ls-st.is-done{background:var(--lime);color:var(--ink-900)}
.ls-st.is-done svg{width:13px;height:13px;stroke-width:3}
.ls-st.is-cur{box-shadow:inset 0 0 0 1.5px var(--lime);color:var(--lime)}
.ls-st.is-cur svg{width:10px;height:10px;margin-left:1px}
.ls-st.is-lock svg{width:14px;height:14px}

/* 다크 폼·목록 */
.d-input{background:var(--dark-900);border-color:var(--dark-600);color:var(--dark-text)}
.d-input::placeholder{color:var(--dark-text-3)}
.d-input:focus{border-color:#fff;box-shadow:0 0 0 1px #fff}
.d-search{position:relative}
.d-search svg{color:var(--dark-text-3)}
.d-check{font-size:13px;color:var(--dark-text-2)}
.d-check input{background-color:var(--dark-900);border-color:var(--dark-600)}
.d-check input:checked{background:var(--lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%2318181B' stroke-width='3' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5 10 17l9-10'/%3E%3C/svg%3E") center/14px no-repeat;border-color:var(--lime)}
.d-label{font-size:12.5px;font-weight:700;color:var(--dark-text-3);margin:24px 0 8px}
.d-list li{border-bottom:1px solid var(--dark-700)}
.d-list li > a,.d-list.notes li{display:block;padding:12px 4px}
.d-list p{font-size:14px;line-height:1.55;color:var(--dark-text);margin-top:6px}
.d-list.notes li{display:flex;gap:10px;align-items:flex-start;cursor:pointer}
.d-list.notes li:hover p{color:#fff}
.d-list.notes p{margin-top:0}
.ts{display:inline-flex;align-items:center;height:22px;padding:0 7px;border-radius:var(--r-xs);background:rgba(197,245,48,.12);color:var(--lime);font-size:12px;font-weight:700;cursor:pointer;flex:none}
.d-badge{background:var(--dark-700);color:var(--dark-text-2)}
.d-more{display:inline-flex;align-items:center;gap:2px;margin-top:14px;font-size:13.5px;font-weight:600;color:var(--dark-text-2)}
.d-more:hover{color:#fff}
.d-more svg{width:16px;height:16px}
.ask{padding:14px;border-radius:var(--r-lg);background:var(--dark-700)}
.ask .textarea{min-height:0}
p.ask{line-height:1.6}
.d-list li.q-empty{border-bottom:0;padding:12px 4px}
.d-list li.q-empty p{margin-top:0;color:var(--dark-text-3)}

/* 강의 공지 (커리큘럼 탭 머리, lms/player.php) */
.pl-notices{border-bottom:1px solid var(--dark-700);padding:6px 0}
.pn summary{list-style:none;display:flex;align-items:center;gap:10px;padding:10px 20px;cursor:pointer;font-size:13.5px}
.pn summary::-webkit-details-marker{display:none}
.pn summary:hover{background:var(--dark-700)}
.pn summary > svg:first-child{width:16px;height:16px;color:var(--dark-text-3);flex:none}
.pn.is-unread summary > svg:first-child{color:var(--lime)}
.pn summary .grow{min-width:0}
.pn summary b{font-weight:600;color:var(--dark-text)}
.pn summary small{display:block;font-size:12px;color:var(--dark-text-3);margin-top:1px}
.pn summary .chev{width:16px;height:16px;color:var(--dark-text-3);flex:none;transition:transform .2s}
.pn[open] summary .chev{transform:rotate(180deg)}
.pn-new{flex:none;height:20px;padding:0 7px;border-radius:var(--r-xs);background:rgba(197,245,48,.12);color:var(--lime);font-size:11.5px;font-weight:700;display:inline-flex;align-items:center}
.pn-body{padding:4px 20px 14px 46px;font-size:13.5px;line-height:1.7;color:var(--dark-text-2);overflow-wrap:anywhere}
.pn-body p + p{margin-top:8px}
.pn-body a{color:var(--lime);text-decoration:underline}
.pn-body code{font-family:var(--font-mono);font-size:.9em;padding:1px 5px;border-radius:4px;background:var(--dark-700);color:#fff}
.pn-body pre{margin:8px 0;padding:10px 12px;border-radius:var(--r-md);background:#0A0B0A;overflow-x:auto}
.pn-body pre code{padding:0;background:none}
/* HTML 공지(page-ai-editor, 계약 14.4 lms_notice_body_html): prose.css 색 토큰을 공지 안에서만 다크 값으로, 제목은 사이드바 크기로 */
.pn-body.prose{--text:var(--dark-text);--text-2:var(--dark-text-2);--ink-50:#0A0B0A;--ink-100:var(--dark-700);--ink-500:var(--dark-text-3);--border:var(--dark-700);--border-strong:var(--dark-600)}
.pn-body.prose :is(h2, h3, h4){font-size:14.5px;line-height:1.45}
.pn-body.prose h2{font-size:15px}
.pn-body.prose hr{border:0;border-top:1px solid var(--dark-700)}
.pn-body.prose img{max-width:100%;height:auto;border-radius:var(--r-sm)}
/* content.css(라이트 색) 덮어쓰기: 형광펜 글자, 할 일 상자, 표 선 */
.pl-notices .pn-body mark[data-color]{color:var(--dark-900)}
.pl-notices .pn-body ul[data-type="taskList"] > li::before{border-color:var(--dark-600);background-color:var(--dark-700)}
.pl-notices .pn-body ul[data-type="taskList"] > li[data-checked="true"]::before{border-color:var(--lime);background-color:var(--lime);background-image:url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M20%206L9%2017l-5-5%22%20fill%3D%22none%22%20stroke%3D%22%230E100F%22%20stroke-width%3D%223.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
.pl-notices .pn-body :is(td, th){border-color:var(--dark-600)}
.pl-notices .pn-body th{background:rgba(255,255,255,.04);color:var(--dark-text)}
.pl-notices .pn-body table{font-size:13px}
.script{margin-top:12px;display:grid;gap:2px}
.script li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;padding:9px 8px;border-radius:var(--r-md);cursor:pointer}
.script li:hover{background:var(--dark-700)}
.script li .num{font-size:12px;font-weight:700;color:var(--dark-text-3);padding-top:2px}
.script li p{font-size:14px;line-height:1.6;color:var(--dark-text-2)}
.script li.is-current{background:rgba(197,245,48,.08)}
.script li.is-current .num{color:var(--lime)}
.script li.is-current p{color:#fff}
.script mark{background:var(--lime);color:var(--ink-900);border-radius:2px;padding:0 1px}

@media (max-width:1024px){
  .pl-body{grid-template-columns:minmax(0,1fr) 320px}
  .pl-prog .progress{width:90px}
  .pl-lhead{padding:20px 24px 8px}
  .pl-detail{padding:20px 24px 64px}
  .ai-chapters{grid-template-columns:1fr}
}
@media (max-width:768px){
  .pl{display:block;height:auto}
  .pl-top{position:sticky;top:0;z-index:20;height:56px}
  .pl-body{display:flex;flex-direction:column}
  .pl-main{display:contents}
  .pl-video{order:1;position:sticky;top:56px;z-index:15;max-height:none}
  .pl-lhead{order:2;padding:18px 16px 4px}
  .pl-side{order:3;border-left:0;border-top:1px solid var(--dark-700);margin-top:20px}
  .pl-panel{overflow:visible}
  .pl-tabs{position:sticky;top:calc(56px + 56.25vw);z-index:12;background:var(--dark-800);overflow-x:auto}
  .pl-detail{order:4;padding:24px 16px 56px;border-top:1px solid var(--dark-700)}
  .pl-h1{font-size:19px}
  .pl-nav{margin-top:16px}
  .pl-navbtn{padding:10px 12px}
  .pv-code{left:8%;right:8%;top:12%}
  .pv-controls{padding:20px 8px 2px}
  .pv-bar{height:40px}
  .pv-caption{bottom:60px}
  .pl-video:not(.is-playing) .pv-caption{display:none}   /* 화면이 낮아 멈춤 때 가운데 재생 버튼과 겹침. 문장은 대본 탭에 있음 */
  .pv-center{width:60px;height:60px;margin:-30px 0 0 -30px}
  .pv-resume{left:10px;top:10px;height:28px;font-size:12px}
  .panel-pad{padding:16px}
  .dl{padding:10px 16px}
  .dsec summary{padding:14px 16px}
  .pn summary{padding:10px 16px}
  .pn-body{padding:4px 16px 14px 42px}
}

/* 실제 영상 (lms/player.php) — 어댑터가 .pv-screen 안에 iframe·video를 넣습니다 */
.pv-embed iframe,.pv-embed video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.pv-error{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;background:rgba(14,16,15,.92);color:var(--dark-text-2);font-size:14px;text-align:center}
.pv-error svg{width:28px;height:28px;color:#FCA5A5}
.pv-error[hidden]{display:none}

/* 노트·북마크 탭 (lms/player.php #pNote, notes.js) — 남길 종류 고르기 */
.nt-kind{display:inline-flex;gap:2px;padding:3px;margin-bottom:8px;border-radius:var(--r-md);background:var(--dark-800)}
.nt-kind button{height:28px;padding:0 10px;border-radius:6px;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--dark-text-2)}
.nt-kind button svg{width:14px;height:14px}
.nt-kind button.is-on{background:var(--dark-600);color:#fff}
.d-list.notes li p svg{margin-right:4px}

/* 대본 탭 언어 바꾸기 (한국어 · 영어, player-page.js useTrack) */
.seg.script-lang{display:flex;margin-bottom:10px;background:var(--dark-800)}
.seg.script-lang button{flex:1;justify-content:center;height:28px;font-size:12.5px;color:var(--dark-text-2)}
.seg.script-lang .is-active{background:var(--dark-600);color:#fff;box-shadow:none}

/* 퀴즈·과제 빈 상태 (문항·과제 내용이 아직 없을 때) */
.lx-empty .lx-noscript{padding:32px 16px}
/* 퀴즈·과제 결과의 '다음 레슨 · 제목' 버튼: 좁은 화면에서 카드 밖으로 넘치지 않게 제목을 줄임 */
.lx-next-btn{max-width:100%;min-width:0}
.lx-next-btn span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}