/* ============================================================
   高级暖调主题（body.lux）
   以橘红为唯一主色，配深咖/古铜做层次；去掉多彩霓虹，走质感路线
   规则在 style.css 之后加载，用于覆盖默认皮肤
   ============================================================ */
body.lux{
  --bg:#FAF6F3; --card:#fff; --line:#ECDFD6;
  --ink:#241813; --ink2:#6B5548; --ink3:#A08D80;
  --green:#E2450F; --green-d:#C2410C; --green-l:#FFF3EC;
  --blue:#B45309; --blue-l:#FFF6E8;
  --r:18px; --r-lg:26px;
  --sh:0 1px 2px rgba(36,24,19,.04), 0 10px 28px rgba(36,24,19,.06);
  --sh-up:0 2px 6px rgba(36,24,19,.06), 0 16px 36px rgba(36,24,19,.09);
  background-color:#FAF6F3; color:var(--ink);
  background-image:
    radial-gradient(120% 52% at 50% 0%, #FFF1E6 0%, rgba(255,241,230,0) 62%),
    radial-gradient(90% 40% at 100% 100%, #FDF3EC 0%, rgba(253,243,236,0) 70%);
  background-attachment:fixed;
}
body.lux button,body.lux a{transition:transform .14s ease, box-shadow .2s ease, background .2s ease}

/* ---------- 顶栏：深咖底 + 橘红细金线 + 有质感的返回按钮 ---------- */
body.lux .topbar{
  background:linear-gradient(120deg,#1B0F0A,#33180D 58%,#4A1F0C);
  border-bottom:1px solid rgba(226,69,15,.4);
  box-shadow:0 1px 0 rgba(255,138,76,.18) inset, 0 10px 30px rgba(27,15,10,.22);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
}
body.lux .topbar-title{color:#FFF4EC;font-weight:700;letter-spacing:.9px;
  text-shadow:0 1px 0 rgba(0,0,0,.25)}
body.lux .icon-btn{color:#E8CDBB;opacity:.95}
body.lux .icon-btn.back{
  width:auto;min-width:82px;height:38px;padding:0 16px;border-radius:12px;
  font-size:14px;font-weight:800;letter-spacing:.6px;color:#fff;opacity:1;
  background:linear-gradient(135deg,#E2450F,#FF7A3D);
  box-shadow:0 1px 0 rgba(255,255,255,.32) inset, 0 6px 18px rgba(226,69,15,.4);
}
body.lux .icon-btn.back:active{transform:scale(.95);filter:brightness(1.05)}

/* ---------- 首页 ---------- */
body.lux .page-head{background:rgba(255,255,255,.82);border-bottom:1px solid var(--line)}
body.lux .brand-logo{background:linear-gradient(135deg,#E2450F,#FF7A3D);color:#fff;
  box-shadow:0 1px 0 rgba(255,255,255,.3) inset, 0 8px 18px rgba(226,69,15,.28)}
body.lux .brand-txt b{color:#241813;letter-spacing:.3px}
body.lux .brand-txt span{color:var(--ink2)}
body.lux .brand-badge{background:#FFF3EC;color:#B8431A;border:1px solid #F6D9C8}
body.lux .banner{
  background:linear-gradient(135deg,#2A130A 0%,#7A2E0B 52%,#E2450F 100%);
  border:1px solid rgba(226,69,15,.35);
  box-shadow:0 1px 0 rgba(255,180,140,.22) inset, 0 18px 40px rgba(90,35,10,.28);
}
body.lux .banner-txt h1{color:#fff;letter-spacing:.4px;text-shadow:0 2px 10px rgba(0,0,0,.28)}
body.lux .banner-txt p{color:#FFD9C2}
body.lux .banner-txt span{color:#FFC3A0}
body.lux .notice-bar{background:#FFF7F1;border:1px solid #F3E0D3;color:#B8431A}
body.lux .notice-track{color:#B8431A}
body.lux .notice-dot{background:#E2450F}

body.lux .licenses,body.lux .subjects,body.lux .hub,body.lux .start-wrap{background:transparent}
body.lux .licenses .lic,body.lux .subjects .subj{
  background:#fff;border:1px solid var(--line);color:var(--ink2);box-shadow:var(--sh);
}
body.lux .licenses .lic.on{
  background:linear-gradient(180deg,#FFF6F0,#FFE9DC);border-color:#F0C2A4;color:#B8431A;
  box-shadow:0 1px 0 #fff inset, 0 8px 20px rgba(226,69,15,.16);
}
body.lux .subjects .subj.on{
  background:linear-gradient(135deg,#E2450F,#FF7A3D);border-color:transparent;color:#fff;
  box-shadow:0 1px 0 rgba(255,255,255,.3) inset, 0 10px 22px rgba(226,69,15,.28);
}

body.lux .pill{
  background:#fff;border:1px solid var(--line);color:#3A2A22;box-shadow:var(--sh);
}
body.lux .pill::before{
  content:attr(data-ic);width:28px;height:28px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;font-size:14.5px;
  background:linear-gradient(180deg,#FFF6F1,#FBEDE4);border:1px solid #F2E2D6;
}
body.lux .pill.o{border-color:#F3D3BE;color:#B8431A}
body.lux .pill.a{border-color:#EEDCC0;color:#8E5A12}
body.lux .pill.b{border-color:#E8DCCB;color:#7A5A2E}
body.lux .pill.g{border-color:#E4E3CC;color:#5F6B2E}
body.lux .pill.r{border-color:#F2CFC9;color:#A8332A}
body.lux .pill.v{border-color:#E6D3D8;color:#7A2E45}
body.lux .pill.o::before{background:linear-gradient(180deg,#FFF1E8,#FFE3D3)}
body.lux .pill.a::before{background:linear-gradient(180deg,#FFF8EA,#FBEED3)}
body.lux .pill.b::before{background:linear-gradient(180deg,#FBF4EA,#F3E7D6)}
body.lux .pill.g::before{background:linear-gradient(180deg,#F7F8EC,#EDF0DA)}
body.lux .pill.r::before{background:linear-gradient(180deg,#FDF0EE,#F8E1DD)}
body.lux .pill.v::before{background:linear-gradient(180deg,#FAF0F3,#F2E3E8)}
body.lux .pill:active{transform:scale(.975);background:#FFFBF8}

body.lux .hub-circle.hub-blue{
  background:linear-gradient(150deg,#E2450F,#FF7A3D);
  box-shadow:0 1px 0 rgba(255,255,255,.3) inset, 0 14px 30px rgba(226,69,15,.3);
}
body.lux .hub-circle.hub-teal{
  background:linear-gradient(150deg,#2A130A,#7A2E0B);
  box-shadow:0 1px 0 rgba(255,160,110,.25) inset, 0 14px 30px rgba(42,19,10,.32),
    0 0 0 1px rgba(226,69,15,.35);
}
body.lux .hub-tag-orange{background:linear-gradient(135deg,#C2410C,#E2450F);color:#fff}
body.lux .hub-tag-green{background:#FFF1E4;color:#B8431A;border:1px solid #F0CBA8}
body.lux .start-btn{
  background:linear-gradient(135deg,#E2450F,#FF7A3D);
  box-shadow:0 1px 0 rgba(255,255,255,.3) inset, 0 14px 28px rgba(226,69,15,.3);
  letter-spacing:1.2px;
}
body.lux .quota-line{color:var(--ink3)}
body.lux .quota-line b{color:#C2410C}

/* ---------- 底部导航 ---------- */
body.lux .tabbar{
  background:rgba(255,255,255,.94);
  border-top:1px solid var(--line);
  box-shadow:0 -8px 26px rgba(36,24,19,.08);
  -webkit-backdrop-filter:saturate(160%) blur(14px); backdrop-filter:saturate(160%) blur(14px);
}
body.lux .tab{color:#A08D80;letter-spacing:.3px}
body.lux .tab.active{color:#B8431A;background:linear-gradient(180deg,#FFF4EC,#FFE9DC);
  box-shadow:0 1px 0 #fff inset, 0 6px 16px rgba(226,69,15,.16)}
body.lux .tab:active{background:#FFFBF8}

/* ---------- 答题 / 考试 ---------- */
body.lux .q-card,body.lux .result-card,body.lux .stat-cell,body.lux .cat-item,
body.lux .sec,body.lux .tips,body.lux .card,body.lux .empty-tip{
  background:#fff;border:1px solid var(--line);box-shadow:var(--sh);color:var(--ink);
}
body.lux .q-stem{color:#2A1A12}
body.lux .q-index{color:#C2410C}
body.lux .q-type{background:#FFF3EC;color:#B8431A}
body.lux .progress-line{background:#F1E5DC}
body.lux .progress-line i{background:linear-gradient(90deg,#C2410C,#FF7A3D)}
body.lux .opt{background:#FFFDFC;border:1.5px solid var(--line);color:#2A1A12}
body.lux .opt b{background:#FBF1EA;color:#B8431A}
body.lux .opt.right{background:#F2FAF4;border-color:#B7DFC4;color:#1C6B3E}
body.lux .opt.wrong{background:#FDF3F1;border-color:#EFC4BB;color:#A8332A}
body.lux .opt.dim{opacity:.5}
body.lux .q-explain{background:#FDF8F4;border:1px dashed #E8D8CB;color:#5B4638}
body.lux .q-img{background:#fff;border-color:var(--line)}
body.lux .practice-foot{background:rgba(255,255,255,.95);border-top:1px solid var(--line);
  bottom:calc(62px + env(safe-area-inset-bottom))}
body.lux .foot-btn{background:#fff;border:1.5px solid var(--line);color:#2A1A12}
body.lux .foot-btn.foot-primary{background:linear-gradient(135deg,#E2450F,#FF7A3D);
  border-color:transparent;color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.3) inset,
  0 10px 22px rgba(226,69,15,.26)}
body.lux .cat-item .ci-main b,body.lux .stat-cell b{color:#241813}
body.lux .cat-item .ci-main small,body.lux .stat-cell span{color:var(--ink2)}
body.lux .result-score{color:#C2410C}

/* ---------- 通用小控件 ---------- */
body.lux .chip{background:#fff;border:1px solid var(--line);color:var(--ink2);box-shadow:var(--sh)}
body.lux .chip.on{background:linear-gradient(135deg,#E2450F,#FF7A3D);border-color:transparent;
  color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.3) inset, 0 8px 18px rgba(226,69,15,.24)}
body.lux .chip .n,body.lux .sec-h .no,body.lux .ic .ct{
  font-family:ui-monospace,Menlo,Consolas,monospace;
}
body.lux .sbtn{background:#fff;border:1px solid var(--line);color:var(--ink2);box-shadow:var(--sh)}
body.lux .sbtn.on{background:linear-gradient(135deg,#E2450F,#FF7A3D);border-color:transparent;
  color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.3) inset, 0 8px 18px rgba(226,69,15,.24)}
/* 四档驾照：同一暖色家族（橘 / 古铜 / 陶土 / 酒红），不再彩虹 */
body.lux .sbtn.o{background:#FFF7F1;border-color:#F3D3BE;color:#B8431A}
body.lux .sbtn.b{background:#FBF6EC;border-color:#EADCC0;color:#8E5A12}
body.lux .sbtn.g{background:#FBF2EE;border-color:#E8CEC2;color:#9E3B22}
body.lux .sbtn.v{background:#F9F1F3;border-color:#E3D0D6;color:#7A2E45}
body.lux .sbtn.o.on{background:linear-gradient(135deg,#E2450F,#FF7A3D);color:#fff;
  border-color:transparent;box-shadow:0 1px 0 rgba(255,255,255,.3) inset,
  0 8px 18px rgba(226,69,15,.26)}
body.lux .sbtn.b.on{background:linear-gradient(135deg,#8E5A12,#C08A3E);color:#fff;border-color:transparent}
body.lux .sbtn.g.on{background:linear-gradient(135deg,#9E3B22,#C25532);color:#fff;border-color:transparent}
body.lux .sbtn.v.on{background:linear-gradient(135deg,#5E2338,#8C3A52);color:#fff;border-color:transparent}
body.lux .blocktitle{color:#241813;letter-spacing:.3px}
body.lux .blocktitle::before{background:linear-gradient(180deg,#E2450F,#F0A06A)}
body.lux .blocktitle .sub{color:var(--ink3)}

/* ---------- 答题技巧页 ---------- */
body.lux .lics,body.lux .tabs{background:rgba(255,255,255,.82)}
body.lux .srcbar{background:#FFF7F1;border:1px solid #F3E0D3;color:#A8531F}
body.lux .sec-h .ic{background:linear-gradient(140deg,#FFF1E8,#FBEADF)}
body.lux .sec-h .st{color:#241813}
body.lux .sec-h .no{background:#FFF4EC;color:#B8431A}
body.lux .card{border-top:1px solid var(--line)}
body.lux .card h4{color:#B8431A}
body.lux .card .row{border-bottom:1px dashed #F0E4DA}
body.lux .card .row b{color:#2A1A12}
body.lux .card .row i{color:#C2410C}
body.lux .card th{background:#FBF6F2;color:#6B5548;border-color:var(--line)}
body.lux .card td{border-color:var(--line);color:#2A1A12}
body.lux .card .tip{background:#FFF4EC;color:#B8431A}
body.lux .card li{color:var(--ink2)}
body.lux .badge.all{background:#FFF1EA;color:#B8431A}
body.lux .badge.car{background:#FBF3E6;color:#8E5A12}
body.lux .badge.moto{background:#FAEFEC;color:#9E3B22}
body.lux .badge.bus{background:#F7F2EA;color:#7A5A2E}
body.lux .badge.truck{background:#F3F5E9;color:#5F6B2E}

/* ---------- 图标大全 ---------- */
body.lux .lead{background:linear-gradient(120deg,#FFF7F1,#FDEEE2);
  border:1px solid #F3DCCB;color:#A8531F}
body.lux .ic{background:#fff;border:1px solid var(--line);box-shadow:var(--sh)}
body.lux .ic .nm{color:#2A1A12}
body.lux .ic .ct.warn{color:#8E5A12}
body.lux .ic .ct.ban{color:#A8332A}
body.lux .ic .ct.ind{color:#8A5A2A}
body.lux .ic .ct.way{color:#5F6B2E}
body.lux .ic .ct.dev{color:#6B5548}
body.lux .tips h4{color:#B8431A}
body.lux .tips li{color:var(--ink2)}
body.lux .tips b{color:#241813}
body.lux .more,body.lux .kfoot{color:var(--ink3)}

/* ---------- 科一重点知识 ---------- */
body.lux .hero{
  background:linear-gradient(135deg,#2A130A 0%,#7A2E0B 55%,#E2450F 100%);
  border:1px solid rgba(226,69,15,.35);
  box-shadow:0 1px 0 rgba(255,180,140,.22) inset, 0 18px 40px rgba(90,35,10,.28);
}
body.lux .hero::after{background:radial-gradient(circle,rgba(255,190,140,.32),transparent 70%)}
body.lux .hero .badge{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22)}
body.lux .hero h1{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.28)}
body.lux .hero .stat b{font-variant-numeric:tabular-nums}
body.lux .kcard{background:#fff;border:1px solid var(--line);box-shadow:var(--sh)}
body.lux .kcard .no{background:linear-gradient(135deg,#C2410C,#E2450F);color:#fff}
body.lux .kcard .tn{color:#2A1A12}
body.lux .kcard .tc{background:#FFF4EC;color:#B8431A}

/* ---------- 入口大卡 ---------- */
body.lux .entry{border:1px solid rgba(255,255,255,.28);
  box-shadow:0 1px 0 rgba(255,255,255,.22) inset, 0 14px 30px rgba(90,35,10,.24)}
body.lux .entry .eic{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.2)}
body.lux .entry.orange{background:linear-gradient(120deg,#E2450F,#FF7A3D)}
body.lux .entry.amber{background:linear-gradient(120deg,#8E5A12,#C08A3E)}
body.lux .entry.green{background:linear-gradient(120deg,#7A2E0B,#C2410C)}
body.lux .entry.slate{background:linear-gradient(120deg,#2A130A,#4A1F0C)}

/* ---------- 弹层 / 提示 ---------- */
body.lux .viewer{background:rgba(20,10,6,.97)}
body.lux .viewer .vsp{background-color:#fff}
body.lux .toast{background:rgba(36,24,19,.94);color:#FFF4EC;
  box-shadow:0 10px 26px rgba(36,24,19,.3)}
body.lux .empty-tip{color:var(--ink2)}

/* ============================================================
   紧凑排版：整体收掉一圈留白，页面更短
   ============================================================ */
body.lux .page-head{padding:9px 12px 6px}
body.lux .banner{margin:0 12px 8px;padding:12px 14px}
body.lux .banner-txt h1{font-size:20px}
body.lux .notice-bar{margin:0 12px 8px;height:28px}
body.lux .licenses{padding:8px 10px 2px}
body.lux .subjects{padding:4px 10px 6px}
body.lux .hub{padding:6px 10px 2px}
body.lux .hub-row{padding:6px 0;grid-template-columns:1fr 116px 1fr;gap:7px}
body.lux .hub-circle{width:116px;height:116px}
body.lux .hub-label{font-size:16px}
body.lux .hub-side{gap:8px}
body.lux .pill{height:43px;font-size:13px;padding:0 12px;gap:7px}
body.lux .pill::before{width:25px;height:25px;font-size:13.5px}
body.lux .start-wrap{padding:8px 14px 14px}
body.lux .start-btn{height:48px;font-size:15.5px}
body.lux .quota-line{margin-top:9px}

body.lux .seg{padding:0 12px 8px;gap:7px}
body.lux .sbtn{height:40px;font-size:13px;border-radius:12px}
body.lux .chips{padding:0 12px 8px;gap:7px}
body.lux .chip{height:32px;padding:0 13px;font-size:12px;border-radius:10px}
body.lux .lead{margin:0 12px 8px;padding:10px 12px;font-size:12px;line-height:1.6}
body.lux .blocktitle{margin:8px 14px 8px;font-size:13.5px}
body.lux .blocktitle::before{height:14px;width:3.5px}
body.lux .srcbar{margin:0 12px 8px;padding:9px 11px;font-size:12px;line-height:1.6}

body.lux .sec{margin:0 12px 8px}
body.lux .sec-h{padding:12px 14px;gap:9px}
body.lux .sec-h .ic{width:31px;height:31px;border-radius:10px;font-size:16px}
body.lux .sec-h .st{font-size:14px}
body.lux .card{padding:10px 0}
body.lux .card h4{margin-bottom:6px;font-size:14px}
body.lux .card .row{padding:3px 0;font-size:13px;line-height:1.65}
body.lux .card li{font-size:13px;line-height:1.75}
body.lux .card .tip{margin-top:7px;padding:8px 10px;font-size:12.5px}
body.lux .card th,body.lux .card td{padding:5px 6px;font-size:12px}

body.lux .q-card{margin:10px;padding:14px 14px 16px}
body.lux .q-meta{margin-bottom:9px}
body.lux .q-stem{font-size:16px;line-height:1.6;margin-bottom:12px}
body.lux .q-options{gap:8px}
body.lux .opt{padding:10px 12px;border-radius:11px}
body.lux .q-img{margin-bottom:10px;padding:5px}
/* 题图一律限高，避免大图把题目挤出屏幕（点图可看原图） */
body.lux .q-img img{width:auto;max-width:100%;max-height:24vh;object-fit:contain}
body.lux .q-explain{margin-top:12px;padding:10px 12px;font-size:13px}
body.lux .cat-item{padding:12px;gap:10px}
body.lux .stat-grid{padding:10px 12px 0;gap:9px}
body.lux .result-card{padding:22px 16px}

body.lux .hero{margin:0 12px 8px;padding:15px 16px 13px}
body.lux .hero h1{font-size:20px;margin:7px 0 4px}
body.lux .hero .stat{gap:14px;margin-top:10px}
body.lux .hero .stat b{font-size:16px}
body.lux .kgrid{gap:10px;padding:0 12px 14px}
body.lux .kcard .tx{padding:8px 10px 9px}
body.lux .kcard .tn{font-size:12px}
body.lux .kcard .tc{margin-top:5px;font-size:10px}
body.lux .kfoot{margin:0 12px 18px;font-size:11px}

body.lux .grid3,body.lux .grid4{gap:8px;padding:0 10px 12px}
body.lux .ic .ph{padding:5px 5px 0}
body.lux .ic .nm{padding:4px 4px 6px;font-size:10.5px}
body.lux .ic .nm i{font-size:8.5px;padding:1px 4px}
body.lux .tips{margin:0 12px 14px;padding:12px 13px}
body.lux .tips h4{margin-bottom:7px;font-size:14px}
body.lux .tips li{font-size:12.5px;line-height:1.75}
body.lux .more{margin:0 12px 14px;font-size:12px}
body.lux .entry{margin:0 12px 9px;padding:12px 14px}

/* ---------- 答题解析 / 技巧 ---------- */
/* ---------- 首页驾校推荐条 ---------- */
body.lux #school-bar{
  display:flex;align-items:center;gap:10px;margin:10px 12px;
  padding:12px 14px;border-radius:16px;color:#fff;
  background:linear-gradient(120deg,#1B4F72,#0E7490);
  box-shadow:0 8px 20px rgba(14,116,144,.28);
}
body.lux #school-bar .sb-ic{font-size:20px;flex:none}
body.lux #school-bar .sb-tx{flex:1;min-width:0;display:flex;flex-direction:column}
body.lux #school-bar .sb-tx b{font-size:15px;font-weight:800}
body.lux #school-bar .sb-tx small{font-size:11.5px;opacity:.88;margin-top:2px}
body.lux #school-bar .sb-call{flex:none;background:rgba(255,255,255,.2);
  border:1px solid rgba(255,255,255,.28);color:#fff;text-decoration:none;
  font-size:12.5px;font-weight:700;padding:7px 11px;border-radius:20px;white-space:nowrap}
body.lux #school-bar[hidden]{display:none}

body.lux .ex-line{margin-top:7px;font-size:13px;line-height:1.7;color:#3D2A20;
  padding-left:9px;border-left:3px solid #F0D9C9}
body.lux .ex-skill{margin-top:8px;font-size:13px;line-height:1.7;color:#8E3A0C;
  background:linear-gradient(120deg,#FFF7F1,#FDEDE2);border:1px solid #F3DCCB;
  border-radius:10px;padding:8px 11px;font-weight:600}

/* 底部免责声明（首页） */
body.lux .disclaimer{margin:16px 12px 8px;padding:12px 13px 13px;border-radius:14px;
  background:#FBF6F1;border:1px solid #EFE2D6;color:#7A6558}
body.lux .disclaimer b{display:block;font-size:13px;color:#4A352A;margin-bottom:6px}
body.lux .disclaimer b:not(:first-child){margin-top:8px}
body.lux .disclaimer p{margin:0 0 5px;font-size:11.5px;line-height:1.65;text-align:justify}
body.lux .disclaimer p b{display:inline;font-size:11.5px;color:#A9391A;margin:0}
body.lux .disclaimer .copy{margin-top:8px;padding-top:8px;border-top:1px dashed #E4D3C4;
  text-align:center;color:#9A8577;font-size:11px}
body.lux .disclaimer .copy a{color:#9A8577;text-decoration:none;border-bottom:1px solid #DCC7B6}

/* ===== 防盗水印：极淡、斜排、平铺整页（答题页/考试页同样覆盖） ===== */
body.lux::after{
  content:"";
  position:fixed;left:0;top:0;right:0;bottom:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='230'%3E%3Ctext x='150' y='115' font-size='29' font-weight='800' font-family='Microsoft YaHei,PingFang SC,sans-serif' fill='%23C05A22' fill-opacity='0.05' text-anchor='middle' dominant-baseline='central' transform='rotate(-27 150 115)'%3E云堡出品%3C/text%3E%3C/svg%3E");
  background-repeat:repeat;
  pointer-events:none;user-select:none;-webkit-user-select:none;
  z-index:9;
}
/* 题图不允许长按/右键另存 */
body.lux .q-img img{
  -webkit-touch-callout:none;pointer-events:auto;
}

/* 站内看图：图 + 水印，避免新标签页直接另存原图 */
#img-viewer{
  position:fixed;inset:0;z-index:60;display:none;
  background:rgba(24,16,12,.92);
  align-items:center;justify-content:center;
}
#img-viewer.on{display:flex}
#img-viewer img{max-width:92vw;max-height:80vh;object-fit:contain;
  -webkit-touch-callout:none;user-select:none;-webkit-user-select:none}
#img-viewer .iv-wm{
  position:absolute;left:50%;top:50%;
  transform:translate(-50%,-50%) rotate(-27deg);
  font-size:clamp(26px,8vw,54px);font-weight:800;letter-spacing:.2em;
  color:#fff;opacity:.09;pointer-events:none;white-space:nowrap;
}