:root{
  --bg:#0d1117;--bg-panel:#161b22;--bg-card:#21262d;--bg-hover:#2d333b;--bg-active:#373e47;
  --border:#30363d;--border-sub:#21262d;
  --primary:#58a6ff;--success:#3fb950;--error:#f85149;--warning:#d29922;
  --text:#c9d1d9;--text-h:#f0f6fc;--text-m:#8b949e;--text-d:#484f58;
  --c-str:#a5d6ff;--c-num:#ff7b72;--c-bool:#79c0ff;--c-null:#d2a8ff;--c-key:#7ee787;
  --diff-add:rgba(46,160,67,.15);--diff-del:rgba(248,81,73,.15);--diff-mod:rgba(210,153,34,.15);
  --r:6px;--hh:50px;--ph:34px;--mbh:56px;
  --mono:'Cascadia Code','Fira Code','JetBrains Mono','Consolas','Courier New',monospace;
  --sans:'PingFang SC','Microsoft YaHei UI','Segoe UI',system-ui,sans-serif;
  --shadow:0 8px 24px rgba(0,0,0,.4);
}
[data-theme="light"]{
  --bg:#f6f8fa;--bg-panel:#fff;--bg-card:#f6f8fa;--bg-hover:#eaeef2;--bg-active:#dde1e6;
  --border:#d0d7de;--border-sub:#eaeef2;
  --text:#24292f;--text-h:#1f2328;--text-m:#57606a;--text-d:#8c959f;
  --c-str:#0550ae;--c-num:#cf222e;--c-bool:#0969da;--c-null:#8250df;--c-key:#116329;
  --shadow:0 4px 12px rgba(0,0,0,.12);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:14px;-webkit-text-size-adjust:100%}
body{font-family:var(--sans);background:var(--bg);color:var(--text);display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;overscroll-behavior:none}
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--text-d)}

/* ── Header ── */
#hdr{background:var(--bg-panel);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:200;height:var(--hh);flex-shrink:0}
.hdr-in{display:flex;align-items:center;gap:12px;padding:0 14px;height:100%}
.logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text-h);font-weight:700;font-size:15px;flex-shrink:1;min-width:0}
.logo-name{flex-shrink:0}
.logo-sub{font-size:12px;font-weight:400;color:var(--text-m);letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:11em}
.logo-badge{font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px;background:var(--primary);color:#fff;letter-spacing:.5px;flex-shrink:0}
.nav-tabs{display:flex;gap:2px}
.ntab{padding:5px 14px;border:none;background:transparent;color:var(--text-m);font-size:13px;font-weight:500;cursor:pointer;border-radius:4px;transition:all .15s;font-family:var(--sans);white-space:nowrap}
.ntab:hover{color:var(--text);background:var(--bg-hover)}
.ntab.active{color:var(--text-h);background:var(--bg-active)}
.hdr-actions{display:flex;gap:6px;margin-left:auto;flex-shrink:0}
.ibtn{width:30px;height:30px;border:none;background:transparent;color:var(--text-m);cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s}
.ibtn:hover{background:var(--bg-hover);color:var(--text)}

/* ── Path Bar ── */
#path-bar{display:flex;align-items:center;gap:8px;padding:0 14px;background:var(--bg-panel);border-bottom:1px solid var(--border);height:var(--ph);flex-shrink:0;position:sticky;top:var(--hh);z-index:199}
#path-lbl{font-size:11px;color:var(--text-d);flex-shrink:0;font-family:var(--mono)}
#path-inp{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:4px;color:var(--text);padding:3px 8px;font-family:var(--mono);font-size:12px;outline:none;transition:border-color .15s;min-width:0}
#path-inp:focus{border-color:var(--primary)}
.path-copy{padding:3px 10px;border:1px solid var(--border);border-radius:4px;background:transparent;color:var(--text-m);font-size:11px;cursor:pointer;transition:all .15s;white-space:nowrap;font-family:var(--sans);flex-shrink:0}
.path-copy:hover{border-color:var(--primary);color:var(--primary)}

/* ── Main tool area ── */
#app{flex-shrink:0;height:calc(100vh - var(--hh) - var(--ph));height:calc(100dvh - var(--hh) - var(--ph));display:flex;flex-direction:column;overflow:hidden;min-height:0}
#app.no-path{height:calc(100vh - var(--hh));height:calc(100dvh - var(--hh))}
.tpane{display:none;flex:1;flex-direction:column;overflow:hidden;min-height:0}
.tpane.on{display:flex}

/* ── Buttons ── */
.btn{padding:4px 12px;border-radius:4px;border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;font-family:var(--sans);white-space:nowrap;line-height:1.5}
.btn:hover{background:var(--bg-hover);border-color:var(--text-d)}
.btn:active{transform:scale(.97)}
.btn-p{background:var(--primary);border-color:var(--primary);color:#fff}
.btn-p:hover{opacity:.88;background:var(--primary)}
.btn-d{color:var(--error);border-color:var(--error)}
.btn-d:hover{background:rgba(248,81,73,.1)}
.btn-s{padding:3px 9px;font-size:11px}

/* ── Editor Tab ── */
.el{display:flex;flex:1;overflow:hidden;min-height:0}
.lpanel{display:flex;flex-direction:column;width:50%;min-width:260px;border-right:1px solid var(--border);overflow:hidden;flex-shrink:0}
.toolbar{display:flex;align-items:center;gap:4px;padding:7px 10px;background:var(--bg-panel);border-bottom:1px solid var(--border);flex-shrink:0;overflow-x:auto;-webkit-overflow-scrolling:touch}
.toolbar::-webkit-scrollbar{height:0}
.ptitle{font-size:11px;font-weight:600;color:var(--text-d);margin-right:2px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}
.ew{flex:1;display:flex;overflow:hidden}
.lnums{width:40px;min-width:40px;padding:11px 6px 11px 0;text-align:right;font-family:var(--mono);font-size:12px;line-height:1.65;color:var(--text-d);background:var(--bg-panel);user-select:none;overflow:hidden;flex-shrink:0;border-right:1px solid var(--border-sub);white-space:pre;word-break:normal}
#jin{flex:1;padding:11px 10px;background:var(--bg-panel);color:var(--text);border:none;resize:none;font-family:var(--mono);font-size:13px;line-height:1.65;outline:none;tab-size:2;white-space:pre;overflow:auto;-webkit-overflow-scrolling:touch}
#jin::placeholder{color:var(--text-d)}
#err-msg{padding:7px 12px;background:rgba(248,81,73,.08);border-top:1px solid rgba(248,81,73,.25);color:var(--error);font-size:12px;font-family:var(--mono);display:none;flex-shrink:0;line-height:1.5}
.estat{display:flex;align-items:center;gap:10px;padding:4px 10px;background:var(--bg-panel);border-top:1px solid var(--border);font-size:11px;color:var(--text-m);flex-shrink:0}
.s-ok{color:var(--success)}.s-err{color:var(--error)}
.rsz{width:3px;background:var(--border);cursor:col-resize;flex-shrink:0;transition:background .15s}
.rsz:hover,.rsz.on{background:var(--primary)}
.rpanel{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}
.rtabs{display:flex;background:var(--bg-panel);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch}
.rtabs::-webkit-scrollbar{height:0}
.rtab{padding:8px 12px;border:none;background:transparent;color:var(--text-m);font-size:12px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;font-family:var(--sans);white-space:nowrap;flex-shrink:0}
.rtab:hover{color:var(--text)}
.rtab.active{color:var(--primary);border-bottom-color:var(--primary)}
.racts{display:flex;gap:4px;margin-left:auto;padding:5px 8px;flex-shrink:0}
.rcontent{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}

/* ── Tree ── */
.tree-search{display:flex;gap:6px;padding:7px 10px;border-bottom:1px solid var(--border);background:var(--bg-panel);flex-shrink:0}
.ts-inp{flex:1;padding:4px 8px;background:var(--bg);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:12px;outline:none;font-family:var(--sans);transition:border-color .15s;min-width:0}
.ts-inp:focus{border-color:var(--primary)}
#tree-area{flex:1;overflow:auto;padding:10px 12px;font-family:var(--mono);font-size:13px;line-height:1.7;-webkit-overflow-scrolling:touch}
.tn{position:relative}
.ti{display:flex;align-items:flex-start;padding:1px 2px;border-radius:3px;cursor:default;min-height:22px}
.ti:hover{background:var(--bg-hover)}
.ti.sel{background:rgba(88,166,255,.1)}
.tog{width:14px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-d);cursor:pointer;flex-shrink:0;font-size:9px;user-select:none;transition:transform .12s}
.tog.cl{transform:rotate(-90deg)}
.tog.mt{opacity:0;pointer-events:none}
.tch{padding-left:18px;border-left:1px solid var(--border-sub);margin-left:5px}
.tch.hd{display:none}
.tk{color:var(--c-key)}.tc{color:var(--text-d);margin:0 2px}
.tv-s{color:var(--c-str)}.tv-n{color:var(--c-num)}.tv-b{color:var(--c-bool)}.tv-null{color:var(--c-null);font-style:italic}
.tb{color:var(--text-m)}.tcount{color:var(--text-d);font-size:11px}
.ai-btn{display:none;margin-left:4px;padding:1px 5px;font-size:10px;border:1px solid var(--border);border-radius:3px;background:var(--bg-card);color:var(--text-m);cursor:pointer;font-family:var(--sans);transition:all .15s;flex-shrink:0;line-height:1.4}
.ti:hover .ai-btn{display:inline-block}
.ai-btn:hover{color:var(--primary);border-color:var(--primary)}
.pbtn{display:none;width:14px;height:14px;margin-left:2px;border:none;background:transparent;color:var(--text-d);cursor:pointer;flex-shrink:0;transition:color .12s;align-items:center;justify-content:center}
.ti:hover .pbtn{display:inline-flex}
.pbtn:hover{color:var(--primary)}
mark.hl{background:rgba(210,153,34,.35);color:inherit;border-radius:2px}
#fmt-area{flex:1;overflow:auto;padding:12px;font-family:var(--mono);font-size:13px;line-height:1.65;white-space:pre-wrap;word-break:break-all;-webkit-overflow-scrolling:touch}
.fs{color:var(--c-str)}.fn{color:var(--c-num)}.fb{color:var(--c-bool)}.fnl{color:var(--c-null)}.fk{color:var(--c-key)}.fbr{color:var(--text-m)}
#tbl-area{flex:1;overflow:auto;padding:10px;-webkit-overflow-scrolling:touch}
.tbl-acts{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap;align-items:center}
.tbl-filter{flex:1;min-width:120px;padding:5px 9px;background:var(--bg);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:12px;outline:none;font-family:var(--sans);transition:border-color .15s}
.tbl-filter:focus{border-color:var(--primary)}
.dtw{overflow:auto;border:1px solid var(--border);border-radius:var(--r)}
.dt{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:12px}
.dt th{padding:7px 12px;background:var(--bg-card);color:var(--text-m);font-weight:600;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;position:sticky;top:0;cursor:pointer;user-select:none}
.dt th:hover{color:var(--text)}
.dt td{padding:5px 12px;border-bottom:1px solid var(--border-sub);color:var(--text);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dt tr:last-child td{border-bottom:none}
.dt tr:hover td{background:var(--bg-hover)}
.tbl-hint{padding:32px;color:var(--text-d);font-size:13px;text-align:center}

/* ── Diff ── */
.diff-layout{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0}
.diff-inputs{display:flex;flex:1;min-height:0;overflow:hidden}
.dpanel{flex:1;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--border)}
.dpanel:last-child{border-right:none}
.dpanel-hdr{display:flex;align-items:center;padding:7px 12px;background:var(--bg-panel);border-bottom:1px solid var(--border);font-size:12px;font-weight:600;color:var(--text-m);gap:6px;flex-shrink:0}
.dta{flex:1;padding:10px 12px;background:var(--bg-panel);color:var(--text);border:none;resize:none;font-family:var(--mono);font-size:13px;line-height:1.65;outline:none;tab-size:2;overflow:auto;-webkit-overflow-scrolling:touch}
.diff-bar{display:flex;align-items:center;gap:8px;padding:7px 14px;background:var(--bg-panel);border-top:1px solid var(--border);flex-shrink:0;flex-wrap:wrap}
.diff-stats{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.dbadge{font-size:11px;padding:1px 7px;border-radius:10px;font-weight:600}
.db-a{background:rgba(46,160,67,.2);color:var(--success)}
.db-d{background:rgba(248,81,73,.2);color:var(--error)}
.db-m{background:rgba(210,153,34,.2);color:var(--warning)}
.diff-result{display:flex;overflow:hidden;flex:1;min-height:0}
.drpanel{flex:1;overflow:auto;padding:10px 12px;font-family:var(--mono);font-size:12px;line-height:1.7;border-right:1px solid var(--border);-webkit-overflow-scrolling:touch}
.drpanel:last-child{border-right:none}
.dn-a{background:var(--diff-add);border-left:2px solid var(--success);padding-left:4px;border-radius:2px}
.dn-d{background:var(--diff-del);border-left:2px solid var(--error);padding-left:4px;border-radius:2px}
.dn-m{background:var(--diff-mod);border-left:2px solid var(--warning);padding-left:4px;border-radius:2px}

/* ── Schema ── */
.schema-layout{display:flex;flex:1;overflow:hidden;min-height:0}
.sipanel{width:50%;display:flex;flex-direction:column;border-right:1px solid var(--border);overflow:hidden}
.sopanel{flex:1;display:flex;flex-direction:column;overflow:hidden}
.s-ta{flex:1;padding:11px 12px;background:var(--bg-panel);color:var(--text);border:none;resize:none;font-family:var(--mono);font-size:13px;line-height:1.65;outline:none;tab-size:2;overflow:auto;-webkit-overflow-scrolling:touch}
#schema-out{flex:1;padding:12px;background:var(--bg-panel);color:var(--c-str);font-family:var(--mono);font-size:13px;line-height:1.65;overflow:auto;white-space:pre-wrap;word-break:break-all;border:none;outline:none}

/* ── AI Tooltip ── */
#ai-tip{position:fixed;z-index:1000;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:10px 14px;max-width:300px;font-size:12px;line-height:1.6;box-shadow:var(--shadow);display:none}
.aik{color:var(--primary);font-weight:600;margin-bottom:4px;font-family:var(--mono)}
.ait{color:var(--text)}
.ai-close{float:right;color:var(--text-d);cursor:pointer;font-size:15px;margin-left:8px;background:none;border:none;line-height:1}

/* ── Toast ── */
#toasts{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom));right:20px;z-index:2000;display:flex;flex-direction:column;gap:7px;pointer-events:none}
.toast{padding:9px 14px;border-radius:var(--r);font-size:12px;font-weight:500;display:flex;align-items:center;gap:7px;animation:tin .2s ease;box-shadow:var(--shadow);pointer-events:auto;min-width:180px}
.toast-s{background:rgba(63,185,80,.12);border:1px solid var(--success);color:var(--success)}
.toast-e{background:rgba(248,81,73,.12);border:1px solid var(--error);color:var(--error)}
.toast-i{background:rgba(88,166,255,.12);border:1px solid var(--primary);color:var(--primary)}
@keyframes tin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
#prog{position:fixed;top:0;left:0;height:2px;background:var(--primary);transition:width .3s;z-index:9999;display:none}

/* ── Modal ── */
.modal-ov{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:1500;display:none;align-items:center;justify-content:center;padding:16px}
.modal-ov.on{display:flex}
.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:22px;width:460px;max-width:100%}
.modal-title{font-size:15px;font-weight:700;color:var(--text-h);margin-bottom:12px}
.modal-desc{font-size:12px;color:var(--text-m);margin-bottom:14px;line-height:1.6}
.modal-inp{width:100%;padding:7px 10px;background:var(--bg);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:13px;outline:none;margin-bottom:10px;font-family:var(--mono);transition:border-color .15s}
.modal-inp:focus{border-color:var(--primary)}
.modal-foot{display:flex;justify-content:flex-end;gap:8px}
.modal-hint{font-size:11px;color:var(--text-d);margin-bottom:14px;line-height:1.5}

/* ── Mobile Bottom TabBar ── */
#mob-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:200;height:calc(var(--mbh) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--bg-panel);border-top:1px solid var(--border);box-shadow:0 -2px 12px rgba(0,0,0,.18);justify-content:space-around;align-items:center}
.mob-btn{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:none;background:transparent;color:var(--text-d);cursor:pointer;font-family:var(--sans);transition:color .15s;position:relative;-webkit-tap-highlight-color:transparent}
.mob-btn.active{color:var(--primary)}
.mob-btn svg{flex-shrink:0}
.mob-label{font-size:11px;font-weight:500;line-height:1;white-space:nowrap}

/* ── Content sections below tool ── */
#pg{background:var(--bg);border-top:1px solid var(--border);flex:1}
.pg-inner{max-width:800px;margin:0 auto;padding:48px 24px 40px}
.pg-article h2{font-size:19px;font-weight:700;color:var(--text-h);margin:0 0 12px}
.pg-article h3{font-size:15px;font-weight:600;color:var(--text-h);margin:32px 0 8px}
.pg-article p{font-size:13px;color:var(--text-m);line-height:1.8;margin-bottom:12px}
.pg-article code{font-family:var(--mono);font-size:12px;background:var(--bg-card);padding:1px 5px;border-radius:3px;color:var(--c-str)}
.faq-section{margin-top:36px}
.faq-section h2{font-size:17px;font-weight:700;color:var(--text-h);margin-bottom:16px}
.faq-wrap{margin-bottom:32px}
.faq-item{border-bottom:1px solid var(--border)}
.faq-item:first-child{border-top:1px solid var(--border)}
.faq-q{padding:14px 0;font-weight:600;color:var(--text-h);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;user-select:none}
.faq-q:hover{color:var(--primary)}
.faq-arr{flex-shrink:0;transition:transform .2s;color:var(--text-d)}
.faq-item.open .faq-arr{transform:rotate(180deg)}
.faq-a{font-size:13px;color:var(--text-m);line-height:1.75;padding-bottom:14px;display:none}
.faq-a p{margin:0}
.faq-a code{font-family:var(--mono);font-size:12px;background:var(--bg-card);padding:1px 5px;border-radius:3px;color:var(--c-str)}
.faq-item.open .faq-a{display:block}

/* ── Footer ── */
footer{background:var(--bg-panel);border-top:1px solid var(--border);padding:18px 20px;text-align:center;color:var(--text-m);font-size:12px;flex-shrink:0}
footer a{color:var(--text-m);text-decoration:none}
footer a:hover{color:var(--primary)}
.f-links{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.f-sep{color:var(--text-d)}
.ww{white-space:pre-wrap!important;word-break:break-all!important}
label.btn{cursor:pointer}

/* ══════════════════════════════════════
   RESPONSIVE — Mobile
══════════════════════════════════════ */
@media (max-width:767px){
  :root{--hh:46px;--ph:34px;--mbh:64px}

  #mob-bar{display:flex}
  .nav-tabs{display:none}

  /* vh 作 fallback，dvh 覆盖（支持动态视口高度的浏览器使用后者） */
  #app{height:calc(100vh - var(--hh) - var(--mbh));height:calc(100dvh - var(--hh) - var(--mbh))}
  #app.no-path{height:calc(100vh - var(--hh) - var(--mbh));height:calc(100dvh - var(--hh) - var(--mbh))}
  body[data-view="preview"] #app{
    height:calc(100vh - var(--hh) - var(--ph) - var(--mbh));
    height:calc(100dvh - var(--hh) - var(--ph) - var(--mbh))
  }

  #path-bar{display:none!important}
  body[data-view="preview"] #path-bar{display:flex!important;position:sticky;top:var(--hh)}

  .rsz{display:none!important}
  body[data-view="edit"] .rpanel{display:none!important}
  body[data-view="edit"] .lpanel{width:100%!important;min-width:0!important;border-right:none!important}
  body[data-view="preview"] .lpanel{display:none!important}
  body[data-view="preview"] .rpanel{flex:1!important}

  .diff-inputs{flex-direction:column}
  .dpanel{border-right:none!important;border-bottom:1px solid var(--border)}
  .dpanel:last-child{border-bottom:none}
  .diff-result{flex-direction:column}
  .drpanel{border-right:none!important;border-bottom:1px solid var(--border);max-height:40vh}
  .drpanel:last-child{border-bottom:none}

  .schema-layout{flex-direction:column}
  .sipanel{width:100%!important;border-right:none!important;border-bottom:1px solid var(--border);max-height:40vh}

  .toolbar{padding:6px 8px;gap:5px}
  .racts{padding:4px 6px;gap:3px}
  .btn{padding:4px 9px}
  .btn-s{padding:3px 7px}
  #tree-area{font-size:12px}
  #fmt-area{font-size:12px}
  .pg-inner{padding:28px 16px calc(80px + env(safe-area-inset-bottom))}
  footer{padding-bottom:calc(18px + var(--mbh) + env(safe-area-inset-bottom))}
  #toasts{right:12px;bottom:calc(var(--mbh) + env(safe-area-inset-bottom) + 12px)}

  .diff-bar>span:last-child{display:none}
  .diff-bar{gap:6px}
}
@media (max-width:767px){
  .logo-sub{max-width:none;font-size:11px}
}
@media (max-width:400px){
  .hdr-in{padding:0 10px;gap:6px}
  .logo-name{display:none}
  .logo{gap:6px}
  .logo-sub{font-size:12px;color:var(--text-h);font-weight:500}
}

/* ── 右侧面板广告（首屏，Tab 栏与内容之间） ── */
#panel-ad{flex-shrink:0;min-height:60px;border-bottom:1px solid var(--border);background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
#panel-ad::after{content:'';position:absolute;bottom:3px;right:7px;font-size:9px;color:var(--text-d);opacity:.5;font-family:var(--sans);pointer-events:none;letter-spacing:.3px}
.pad-inner{width:100%;max-width:468px;min-height:60px;display:flex;align-items:center;justify-content:center;color:var(--text-d);font-size:11px}
@media(max-width:767px){#panel-ad{min-height:50px}.pad-inner{max-width:320px;min-height:50px}}