body {
            background-color: #0B0F19;
            color: #E2E8F0;
        }

        /* ===== Background: static base gradient + ONE low-res canvas (grid drift, rotating glow, scan band) ===== */
        .bg-fx { position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; contain: strict; }
        .bg-fx canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
        html.anim-paused *, html.anim-paused *::before, html.anim-paused *::after { animation-play-state: paused !important; }
        @keyframes pingSoft { 0% { opacity: .75; } 70%, 100% { opacity: 0; } }
        .ping-soft { animation: pingSoft 2s ease-out infinite; transform: scale(1.8); }

        /* ===== Nav buttons: freemail.cq.de5.net .sidebar-toggle-btn (dark) + .btn layers ===== */
        .fm-btn { position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center;
            height: 36px; padding: 0 14px; border-radius: 12px;
            background: linear-gradient(135deg, rgba(30, 41, 59, 0.9) 0%, rgba(15, 23, 42, 0.95) 100%);
            border: 1px solid #475569; color: #e2e8f0; font-size: 14px; font-weight: 600; letter-spacing: -0.01em;
            box-shadow: 0 4px 16px rgba(0,0,0,0.12), inset 0 1px 0 rgba(255,255,255,0.08);
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; user-select: none; }
        .fm-btn::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
            transition: left 0.6s ease; pointer-events: none; }
        .fm-btn::after { content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
            background: linear-gradient(180deg, rgba(255,255,255,0.15) 0%, transparent 50%); opacity: .5; }
        .fm-btn:hover { background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%); border-color: #6366f1; color: #fff;
            transform: scale(1.06) translateY(-2px); box-shadow: 0 8px 25px rgba(59, 130, 246, 0.4); }
        .fm-btn:hover::before { left: 100%; }
        .fm-btn:active { transform: scale(0.95); }
        .fm-btn:focus-visible { outline: 2px solid rgba(99,102,241,0.6); outline-offset: 2px; }
        /* idle shine: same gradient sweeping on a loop (reference only sweeps on hover) */
        .fm-btn .fm-shine { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.22), transparent);
            transform: translateX(-100%); animation: fmShine 1.4s ease-in-out 0.8s 1 backwards; }
        .fm-btn + .fm-btn .fm-shine { animation-delay: 0.35s; }
        .fm-btn:hover .fm-shine { opacity: 0; }
        @keyframes fmShine { 0% { transform: translateX(-100%); } 35%, 100% { transform: translateX(100%); } }

        @media (prefers-reduced-motion: reduce) {
            .fm-btn .fm-shine, .ping-soft { animation: none !important; }
            .fm-btn .fm-shine { display: none; }
            .fm-btn { transition: none; } .fm-btn::before { display: none; }
            .fm-btn:hover { transform: none; }
        }

        /* Glassmorphism utilities */
        .glass-card {
            background: rgba(19, 25, 40, 0.82);
            border: 1px solid rgba(255, 255, 255, 0.08);
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
            /* Hardware acceleration for smoother mobile rendering */
            transform: translateZ(0);
        }

        /* Token specific styling */
        .token-text {
            background: linear-gradient(to right, #ffffff, #a5b4fc);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-shadow: 0 0 40px rgba(0, 240, 255, 0.2);
        }

        /* SVG Timer Ring */
        .timer-ring-circle {
            transition: stroke-dashoffset 1s linear, stroke 0.3s ease;
            transform: rotate(-90deg);
            transform-origin: 50% 50%;
        }

        /* Custom Scrollbars */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: #0B0F19; }
        ::-webkit-scrollbar-thumb { background: #2A344A; border-radius: 10px; }
        ::-webkit-scrollbar-thumb:hover { background: #475569; }

        .slide-up { animation: slideUp 0.4s cubic-bezier(0.16, 1, 0.3, 1) backwards; }
        @keyframes slideUp {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .pulse-code { animation: codePulse 0.4s ease-out; }
        @keyframes codePulse {
            0% { transform: scale(0.95); opacity: 0.5; filter: brightness(1.5); }
            100% { transform: scale(1); opacity: 1; filter: brightness(1); }
        }
        .fm-btn.active { background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%); border-color: #6366f1; color: #fff; box-shadow: 0 4px 14px rgba(99, 102, 241, 0.3); }
        /* JSON syntax colors */
        .json-out .jk, .jt-tree .jk { color: #7dd3fc; } .json-out .js, .jt-tree .js { color: #86efac; } .json-out .jn, .jt-tree .jn { color: #fbbf24; } .json-out .jb, .jt-tree .jb { color: #c4b5fd; } .json-out .jz, .jt-tree .jz { color: #f472b6; }
        .json-out { min-width: 0; max-width: 100%; }
        .json-out .jwrap { padding: 1rem 1.25rem 1rem 1rem; white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word; min-width: 0; }
        #jin { overflow-wrap: anywhere; word-break: break-word; }

/* ===== JSON 工具 v2 ===== */
.jt-card{display:flex;flex-direction:column;min-width:0}
.jt-toolbar{display:flex;flex-wrap:wrap;gap:.5rem .9rem;padding:1rem 1.25rem;border-bottom:1px solid rgba(42,52,74,.6);background:rgba(11,15,25,.35)}
.jt-group{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}
.jt-group+.jt-group{padding-left:.9rem;border-left:1px solid rgba(42,52,74,.6)}
.jt-btn{font-size:13px;line-height:1;padding:.55rem .8rem;border-radius:.65rem;border:1px solid #2A344A;background:rgba(42,52,74,.35);color:#e2e8f0;font-weight:500;white-space:nowrap;transition:background-color .15s,border-color .15s,color .15s}
.jt-btn:hover{background:rgba(42,52,74,.8);border-color:#3b4862}
.jt-btn:active{transform:translateY(1px)}
.jt-btn.pri{background:linear-gradient(90deg,#00F0FF,#7000FF);border-color:transparent;color:#fff;font-weight:700;padding:.55rem 1.1rem}
.jt-btn.pri:hover{box-shadow:0 0 16px rgba(112,0,255,.45)}
.jt-btn.sm{padding:.4rem .65rem;font-size:12px}
.jt-sel{font-size:13px;background:rgba(0,0,0,.55);border:1px solid #2A344A;border-radius:.6rem;color:#cbd5e1;padding:.45rem .5rem;outline:none}
.jt-sel:focus{border-color:#00F0FF}
.jt-opts label{display:inline-flex;align-items:center;gap:.3rem;font-size:13px;color:#94a3b8;cursor:pointer;user-select:none;white-space:nowrap}
.jt-opts input{accent-color:#00F0FF;width:14px;height:14px}
.jt-panes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:0}
.jt-tb .jt-panes{grid-template-columns:minmax(0,1fr)}
.jt-pane{display:flex;flex-direction:column;min-width:0;min-height:0;height:680px;padding:1rem 1.25rem;gap:.6rem}
.jt-pane+.jt-pane{border-left:1px solid rgba(42,52,74,.6);background:linear-gradient(to bottom,rgba(21,28,44,.5),rgba(11,15,25,.5))}
.jt-tb .jt-pane{height:560px}
.jt-tb .jt-pane+.jt-pane{border-left:0;border-top:1px solid rgba(42,52,74,.6)}
.jt-phead{display:flex;align-items:center;gap:.6rem;min-width:0;flex-wrap:wrap}
.jt-ptitle{font-size:13px;font-weight:700;color:#00F0FF;letter-spacing:.12em}
.jt-badge{font-size:12px;font-weight:500;padding:.2rem .6rem;border-radius:999px;white-space:nowrap}
.jt-badge.ok{color:#4ade80;background:rgba(74,222,128,.1)}.jt-badge.err{color:#f87171;background:rgba(248,113,113,.1)}.jt-badge.info{color:#94a3b8;background:rgba(148,163,184,.1)}
.jt-link{font-size:12px;color:#00F0FF;margin-left:.4rem}.jt-link:hover{text-decoration:underline}
.jt-phead>.jt-link:first-of-type{margin-left:auto}
.jt-meta{margin-left:auto;font-size:11px;color:#64748b;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:nowrap}
.jt-label{font-size:12px;color:#c4b5fd;background:rgba(112,0,255,.15);padding:.15rem .55rem;border-radius:.4rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}
.jt-hint{font-size:12.5px;color:#fbbf24;background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.25);border-radius:.6rem;padding:.4rem .7rem}
.jt-editor,.jt-out{position:relative;flex:1 1 auto;min-height:0;min-width:0;display:flex;background:rgba(0,0,0,.6);border:1px solid #2A344A;border-radius:.8rem;overflow:hidden;box-shadow:inset 0 2px 10px rgba(0,0,0,.5)}
.jt-editor:focus-within{border-color:#00F0FF;box-shadow:0 0 0 2px rgba(0,240,255,.25)}
.jt-gut{flex:none;min-width:3.2rem;overflow:hidden;padding:12px 0 80px;background:rgba(255,255,255,.025);border-right:1px solid rgba(42,52,74,.7);color:#475569;font:12px/21px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-align:right;user-select:none;position:relative}
.jt-gut .gn{white-space:pre;padding:0 .6rem 0 .5rem}
.jt-gut .gw{padding:0 .6rem 0 .5rem}
.jt-gut .gw>div{line-height:21px;overflow:hidden}
.jt-gut .ge,.jt-gut .gerr{color:#fff;background:#dc2626}
.jt-gut .gerr{position:absolute;left:0;right:0;height:21px;padding-right:.6rem}
.jt-edwrap{position:relative;flex:1 1 auto;min-width:0;overflow:hidden}
.jt-errline{position:absolute;left:0;right:0;display:none;background:rgba(220,38,38,.22);border-left:2px solid #ef4444;pointer-events:none}
.jt-ta{position:absolute;inset:0;width:100%;height:100%;resize:none;border:0;outline:none;background:transparent;color:#e2e8f0;padding:12px 14px;box-sizing:border-box;font:13px/21px ui-monospace,SFMono-Regular,Menlo,Consolas,"Noto Sans Mono CJK SC",monospace;tab-size:4;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all;overflow:auto;caret-color:#00F0FF}
.jt-ta::placeholder{color:#475569}
.jt-ta.nowrap{white-space:pre;overflow-wrap:normal;word-break:normal}
.jt-mirror{visibility:hidden;height:auto;inset:0 auto auto 0;overflow:hidden;pointer-events:none}
.jt-err{margin:0;max-height:9.5rem;overflow:auto;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#fca5a5;background:rgba(127,29,29,.25);border:1px solid rgba(248,113,113,.35);border-radius:.6rem;padding:.55rem .75rem;white-space:pre-wrap;overflow-wrap:anywhere;cursor:pointer;flex:none}
.jt-foot{font-size:11px;color:#64748b;font-family:ui-monospace,Menlo,Consolas,monospace;min-height:14px}
.jt-tabs{display:inline-flex;background:rgba(0,0,0,.4);border:1px solid #2A344A;border-radius:.6rem;padding:2px}
.jt-tabs button{font-size:12.5px;padding:.3rem .8rem;border-radius:.45rem;color:#94a3b8}
.jt-tabs button.on{background:linear-gradient(90deg,rgba(0,240,255,.2),rgba(112,0,255,.3));color:#fff}
.jt-treebar{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}
.jt-search{display:flex;align-items:center;flex:1 1 220px;min-width:0;background:rgba(0,0,0,.5);border:1px solid #2A344A;border-radius:.6rem;padding:0 .3rem 0 .6rem}
.jt-search:focus-within,.jt-jp:focus-within{border-color:#00F0FF}
.jt-search input,.jt-jp input{flex:1;min-width:0;background:transparent;border:0;outline:none;color:#e2e8f0;font-size:12.5px;padding:.42rem 0}
.jt-search span{font-size:11px;color:#94a3b8;white-space:nowrap;margin:0 .3rem}
.jt-search button{color:#94a3b8;padding:.2rem .4rem;border-radius:.3rem}.jt-search button:hover{color:#fff;background:rgba(42,52,74,.8)}
.jt-jp{display:flex;align-items:center;gap:.4rem;background:rgba(0,0,0,.5);border:1px solid #2A344A;border-radius:.6rem;padding:.2rem .25rem .2rem .6rem;flex:none}
.jt-pathbar{display:flex;align-items:center;gap:.5rem;font-size:12px;min-width:0;flex:none}
.jt-pathbar code{color:#c4b5fd;font-family:ui-monospace,Menlo,Consolas,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:0 1 auto}
.jt-tree,.jt-text{flex:1 1 auto;min-width:0;overflow:auto;font:13px/21px ui-monospace,SFMono-Regular,Menlo,Consolas,"Noto Sans Mono CJK SC",monospace;color:#cbd5e1;overscroll-behavior:contain}
.jt-tree{padding:10px 12px 40px 6px}
.jt-text{padding:12px 0 40px;--gw:3ch}
.tempty{color:#475569;padding:12px 14px;font-family:inherit}
.jt-text .tl{position:relative;padding-left:calc(var(--gw) + 1.4rem + var(--i) + 2ch);text-indent:calc(-1 * (var(--i) + 2ch));padding-right:14px;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all;min-height:21px}
.jt-text .tl::before{content:attr(data-n);position:absolute;left:0;top:0;width:calc(var(--gw) + .2rem);text-align:right;color:#475569;text-indent:0;font-size:12px;user-select:none}
.jt-text .ti{white-space:pre}
.jt-text .more{color:#64748b;padding:6px 14px;font-size:12px}
.jt-card:not(.jt-wrap) .jt-text .tl{white-space:pre;overflow-wrap:normal;word-break:normal;width:max-content;min-width:100%}
.jt-card:not(.jt-wrap) .jt-tree .th{white-space:pre;width:max-content}
.tn>.tk,.tn>.tend{display:none}
.tn.open>.tk,.tn.open>.tend{display:block}
.tn.open>.th .tc,.tn.open>.th .tcl{display:none}
.tk{padding-left:1.35rem;border-left:1px dashed rgba(71,85,105,.45);margin-left:.45rem}
.tend{padding-left:1.25rem}
.th{position:relative;padding-left:1.25rem;border-radius:.3rem;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all;cursor:default}
.th:hover{background:rgba(148,163,184,.08)}
.th.sel{background:rgba(0,240,255,.1);box-shadow:inset 2px 0 0 #00F0FF}
.th.hit{background:rgba(251,191,36,.22)!important;box-shadow:inset 2px 0 0 #fbbf24}
.tg{position:absolute;left:0;top:0;width:1.1rem;height:21px;cursor:pointer;color:#64748b;text-align:center}
.tg::before{content:'▸';display:inline-block;transition:transform .12s}
.tn.open>.th .tg::before{transform:rotate(90deg)}
.tg:hover{color:#00F0FF}
.tc{color:#64748b;font-size:11.5px;margin:0 .35rem;cursor:pointer;padding:0 .3rem;border-radius:.3rem;background:rgba(148,163,184,.1)}
.tc:hover{color:#e2e8f0}
.tcl{cursor:pointer}
.tp{color:#94a3b8}
.ti2{color:#64748b}
.tt{margin-left:.6rem;font-size:11px;color:#a78bfa;opacity:.75;font-family:inherit}
.tmore{display:block;margin:.2rem 0 .2rem 1.25rem;font-size:12px;color:#00F0FF}
.jt-full{position:fixed!important;inset:0;z-index:60;border-radius:0!important;max-width:none!important;background:#0B0F19!important;overflow:auto}
.jt-full .jt-pane{height:calc(100vh - var(--tbh,130px));min-height:420px}
.jt-full.jt-tb .jt-pane{height:calc((100vh - var(--tbh,130px)) / 2)}
html.jt-noscroll,html.jt-noscroll body{overflow:hidden}
@media (max-width:1023px){
  .jt-panes{grid-template-columns:minmax(0,1fr)}
  .jt-pane{height:520px}
  .jt-pane+.jt-pane{border-left:0;border-top:1px solid rgba(42,52,74,.6)}
  #olayout{display:none}
  .jt-group+.jt-group{padding-left:0;border-left:0}
}
@media (max-width:640px){
  .jt-toolbar{padding:.8rem;gap:.45rem}
  .jt-pane{padding:.8rem;height:460px}
  .jt-btn{padding:.5rem .6rem;font-size:12.5px}
}

/* ===== Base64 工具 v2 ===== */
.b-top{align-items:center;justify-content:space-between}
.b-tabs{flex-wrap:wrap;max-width:100%}
.b-tabs button{padding:.42rem .85rem;font-size:13px}
.b-panel{min-width:0}
.b-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .6rem;padding:.9rem 1.25rem 0}
.b-lab{display:inline-flex;align-items:center;gap:.35rem;font-size:13px;color:#94a3b8;white-space:nowrap}
.b-lab input[type=checkbox]{accent-color:#00F0FF}
.b-mode{font-size:12px;color:#64748b;margin-left:auto}
.b-pane{height:560px}
.b-ta{flex:1 1 auto;min-height:0;min-width:0;width:100%;resize:none;background:rgba(0,0,0,.6);border:1px solid #2A344A;border-radius:.8rem;color:#e2e8f0;padding:12px 14px;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,"Noto Sans Mono CJK SC",monospace;outline:none;box-shadow:inset 0 2px 10px rgba(0,0,0,.5);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all;overflow:auto}
.b-ta:focus{border-color:#00F0FF;box-shadow:0 0 0 2px rgba(0,240,255,.25)}
.b-ta::placeholder{color:#475569}
.b-nowrap .b-ta{white-space:pre;overflow-wrap:normal;word-break:normal}
.b-hex{flex:0 0 150px;font-size:12px;white-space:pre!important;overflow-wrap:normal!important;word-break:normal!important}
.b-row{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;flex:none}
.b-row .jt-meta{margin-left:auto}
.b-input{flex:1 1 180px;min-width:0;background:rgba(0,0,0,.55);border:1px solid #2A344A;border-radius:.6rem;color:#e2e8f0;font-size:13px;padding:.48rem .7rem;outline:none}
.b-input:focus{border-color:#00F0FF}
.b-info{font-size:12px;color:#94a3b8;min-height:16px;overflow-wrap:anywhere;flex:none}
.b-info b{color:#e2e8f0}
.b-body{padding:1rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:1rem;min-width:0}
.b-drop{border:2px dashed #2A344A;border-radius:1rem;padding:1.6rem 1rem;text-align:center;color:#94a3b8;font-size:14px;cursor:pointer;background:rgba(0,0,0,.25);transition:border-color .15s,background-color .15s;flex:none}
.b-drop.sm{padding:1rem;font-size:13px}
.b-drop:hover,.b-drop.drag{border-color:#00F0FF;background:rgba(0,240,255,.06)}
.b-drop b{color:#e2e8f0}
.b-drop-ic{font-size:28px;margin-bottom:.3rem}
.b-sub{font-size:12px;color:#64748b;margin-top:.35rem}
.b-list{display:flex;flex-direction:column;gap:.8rem;min-width:0}
.b-item{display:flex;gap:1rem;padding:.9rem;border:1px solid #2A344A;border-radius:1rem;background:rgba(0,0,0,.3);min-width:0}
.b-thumb{flex:none;width:132px;height:132px;border-radius:.7rem;display:flex;align-items:center;justify-content:center;overflow:hidden;background:repeating-conic-gradient(#1e293b 0 25%,#0f172a 0 50%) 0 0/16px 16px}
.b-thumb img{max-width:100%;max-height:100%;object-fit:contain}
.b-ibody{flex:1;min-width:0;display:flex;flex-direction:column;gap:.45rem}
.b-iname{font-weight:600;color:#e2e8f0;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b-imeta{display:flex;flex-wrap:wrap;gap:.35rem;font-size:11.5px}
.b-imeta span{color:#94a3b8;background:rgba(148,163,184,.1);padding:.12rem .5rem;border-radius:999px}
.b-small{flex:none;height:84px;font-size:12px}
.b-iact{display:flex;flex-wrap:wrap;gap:.4rem}
.b-prev{flex:1 1 auto;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;overflow:auto;border:1px solid #2A344A;border-radius:.8rem;padding:12px;background:repeating-conic-gradient(#1e293b 0 25%,#0f172a 0 50%) 0 0/20px 20px}
.b-prev img{max-width:100%;max-height:100%;object-fit:contain}
.b-errbox{color:#fca5a5;font-size:13px;background:rgba(127,29,29,.35);border:1px solid rgba(248,113,113,.35);border-radius:.6rem;padding:.7rem .9rem;max-width:100%;overflow-wrap:anywhere}
.b-prev .tempty{color:#64748b;background:rgba(11,15,25,.8);border-radius:.5rem}
@media (max-width:1023px){.b-pane{height:420px}.b-mode{margin-left:0;width:100%}}
@media (max-width:640px){.b-bar{padding:.8rem .8rem 0}.b-body{padding:.8rem}.b-item{flex-direction:column}.b-thumb{width:100%;height:160px}.b-pane{height:380px}}

/* ===== 复制结果按钮（与 2FA「复制验证码」同款渐变） ===== */
.cp-btn{position:relative;display:inline-flex;align-items:center;gap:.4rem;margin-left:auto;flex:none;padding:.5rem .95rem;border-radius:.7rem;border:0;color:#fff;font-weight:700;font-size:13px;line-height:1;white-space:nowrap;background:linear-gradient(90deg,#00F0FF,#7000FF);box-shadow:0 0 0 1px rgba(255,255,255,.08) inset;transition:box-shadow .2s,transform .15s,filter .2s;cursor:pointer}
.cp-btn::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.3));pointer-events:none}
.cp-btn:hover{box-shadow:0 0 20px rgba(112,0,255,.45),0 0 10px rgba(0,240,255,.25);transform:translateY(-1px)}
.cp-btn:active{transform:translateY(0)}
.cp-btn:focus-visible{outline:2px solid #00F0FF;outline-offset:2px}
.cp-btn .cp-ic{width:15px;height:15px;flex:none;position:relative;z-index:1}
.cp-btn .cp-l{position:relative;z-index:1}
.cp-btn.done{background:linear-gradient(90deg,#10b981,#059669)}
.cp-btn.sm{margin-left:0;padding:.4rem .7rem;font-size:12px}
.cp-btn.hidden{display:none}
.jt-phead .jt-meta+.cp-btn{margin-left:.6rem}
@media (max-width:640px){
  .jt-phead .cp-btn{padding:.5rem .6rem}
  .jt-phead .cp-btn .cp-l{display:none}
  .jt-phead:has(.cp-btn){flex-wrap:nowrap}
  .jt-phead:has(.cp-btn) .jt-meta{min-width:0;overflow:hidden;text-overflow:ellipsis}
  .jt-phead:has(.cp-btn) .jt-ptitle{white-space:nowrap}
}
/* ===== /totp 加密动态码链接 ===== */
.tp-sec{padding:28px 28px 30px}
.tp-head{margin-bottom:18px}.tp-h{font-size:1.35rem;font-weight:700;color:#fff;margin:0 0 6px}.tp-p{color:#94a3b8;font-size:.92rem;line-height:1.6;margin:0}
.tp-form{display:flex;flex-direction:column;gap:6px}
.tp-l{display:block;color:#cbd5e1;font-size:.85rem;font-weight:600;margin:10px 0 2px}.tp-l.m0{margin:0}
.tp-in{width:100%;background:#0B0F19;border:1px solid #2A344A;border-radius:12px;color:#e2e8f0;padding:11px 14px;font-size:.95rem;outline:none;transition:border-color .2s,box-shadow .2s}
.tp-in:focus{border-color:#00F0FF;box-shadow:0 0 0 3px rgba(0,240,255,.15)}
select.tp-in{appearance:auto}
.mono{font-family:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace}
.tp-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tp-msg{color:#f87171;font-size:.85rem;min-height:1.1em}
.tp-warn{margin:14px 0 4px;padding:12px 14px;border-radius:12px;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.35);color:#fcd34d;font-size:.86rem;line-height:1.6}
.tp-warn b{color:#fbbf24}.tp-a{color:#00F0FF;text-decoration:underline}
.tp-pri{margin-top:14px;padding:13px 18px;border:0;border-radius:12px;font-weight:700;color:#fff;cursor:pointer;background:linear-gradient(90deg,#00F0FF,#7000FF);box-shadow:0 6px 24px rgba(0,240,255,.2);transition:filter .2s,transform .1s}
.tp-pri:hover{filter:brightness(1.12)}.tp-pri:active{transform:scale(.98)}.tp-pri:disabled{opacity:.6;cursor:wait}
.tp-sec-btn{display:inline-flex;align-items:center;padding:9px 16px;border-radius:10px;border:1px solid #2A344A;background:#151C2C;color:#cbd5e1;font-size:.88rem;cursor:pointer;transition:border-color .2s,color .2s}
.tp-sec-btn:hover{border-color:#00F0FF;color:#fff}
.tp-out{margin-top:22px;padding-top:18px;border-top:1px solid #2A344A}
.tp-ohead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.tp-link{resize:none;font-size:.82rem;word-break:break-all;color:#67e8f9}
.tp-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px}#code .tp-row{justify-content:center;margin-top:20px}
.tp-note{color:#94a3b8;font-size:.85rem}.tp-note.center{text-align:center;margin-top:14px}
.tp-chk{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:.86rem;margin-top:6px;cursor:pointer}.tp-chk input{accent-color:#00F0FF;width:16px;height:16px}
#code{text-align:center}
.tp-label{color:#e2e8f0;font-size:1.1rem;font-weight:600;margin-bottom:14px;word-break:break-all}
.tp-ring-wrap{position:relative;width:96px;height:96px;margin:0 auto 10px}
.tp-ring{width:100%;height:100%;transform:rotate(-90deg)}
.tp-ring-bg{fill:none;stroke:#2A344A;stroke-width:8}.tp-ring-fg{fill:none;stroke:url(#tpg);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .25s linear}
.tp-ring-txt{position:absolute;inset:0;display:flex;align-items:baseline;justify-content:center;padding-top:32px;color:#fff;font-weight:700;font-size:1.5rem}.tp-ring-txt small{font-size:.7rem;color:#94a3b8;margin-left:2px}
.tp-code{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:clamp(2.6rem,11vw,4.2rem);font-weight:800;letter-spacing:.08em;color:#fff;cursor:pointer;user-select:all;text-shadow:0 0 24px rgba(0,240,255,.35);transition:color .3s}
.tp-bar{height:4px;background:#2A344A;border-radius:4px;overflow:hidden;max-width:320px;margin:10px auto 0}.tp-bar>div{height:100%;background:linear-gradient(90deg,#00F0FF,#7000FF);transform-origin:left;transition:transform .25s linear}
.tp-next{color:#64748b;font-size:.88rem;margin-top:10px}.tp-next span{color:#94a3b8;letter-spacing:.05em}
.tp-urgent .tp-code{color:#fca5a5;text-shadow:0 0 24px rgba(248,113,113,.35)}.tp-urgent .tp-ring-fg{stroke:#f87171}.tp-urgent .tp-bar>div{background:#f87171}
.cp-btn.tp-big{margin-left:0;padding:12px 22px;font-size:1rem}
#code .tp-warn{text-align:left;margin:0 0 18px}
@media (max-width:640px){.tp-sec{padding:20px 16px 22px}.tp-grid2{grid-template-columns:1fr;gap:0}}
.tp-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px;padding:4px;background:#0B0F19;border:1px solid #2A344A;border-radius:12px}
.tp-tab{flex:1;padding:9px 12px;border-radius:9px;border:0;background:transparent;color:#94a3b8;font-size:.9rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}
.tp-tab:hover{color:#fff}.tp-tab.active{color:#fff;background:linear-gradient(90deg,rgba(0,240,255,.25),rgba(112,0,255,.35));box-shadow:inset 0 0 0 1px rgba(0,240,255,.35)}
.tp-more{margin-top:8px;color:#94a3b8;font-size:.88rem}.tp-more summary{cursor:pointer;padding:6px 0}.tp-more summary:hover{color:#fff}
.tp-kbd{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:.85em;background:#0B0F19;border:1px solid #2A344A;border-radius:6px;padding:1px 6px;color:#67e8f9}
.tp-blist{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow:auto}
.tp-bitem{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #2A344A;border-radius:10px;background:#0B0F19;min-width:0}
.tp-bitem.bad{color:#f87171;font-size:.85rem}
.tp-bk{color:#e2e8f0;font-size:.85rem;font-weight:600;flex:0 0 auto;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tp-bl{flex:1;min-width:0;color:#67e8f9;font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tp-bl:hover{text-decoration:underline}
.tp-sec-btn.sm{padding:5px 10px;font-size:.8rem;flex:0 0 auto}
.tp-acct{display:inline-flex;align-items:center;gap:10px;max-width:100%;margin:0 auto 16px;padding:8px 8px 8px 14px;border:1px solid #2A344A;border-radius:12px;background:#0B0F19}
.tp-acct-k{color:#64748b;font-size:.8rem;flex:0 0 auto}.tp-acct-v{color:#fff;font-size:1rem;font-weight:600;word-break:break-all;text-align:left}
@media (max-width:640px){.tp-tab{font-size:.8rem;padding:8px 6px}.tp-acct-v{font-size:.9rem}}
#pane-batch .tp-pri{width:100%}
/* 手机版精简导航（<640px） */
.m-nav{display:none}
@media (max-width:639.98px){
  .m-nav{display:flex;gap:10px;padding:0 16px 12px;justify-content:center}
  .m-nav .fm-btn{flex:1;max-width:200px;padding:8px 10px;font-size:13px;border-radius:10px}
}
/* ===== /totp 验证码视图 v2 ===== */
.tpv{position:relative;isolation:isolate;overflow:hidden;padding:30px 28px 26px!important}
.tpv-edge{position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;opacity:.9;
  background:radial-gradient(600px 220px at 50% -40px,rgba(0,240,255,.14),transparent 70%),radial-gradient(500px 260px at 50% 115%,rgba(112,0,255,.16),transparent 70%)}
.tpv-top{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:6px}
.tpv-badge{display:inline-flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.18em;color:#67e8f9;text-transform:uppercase;padding:4px 10px;border-radius:999px;border:1px solid rgba(0,240,255,.25);background:rgba(0,240,255,.06)}
.tpv-badge i{width:6px;height:6px;border-radius:50%;background:#22d3ee;box-shadow:0 0 8px #22d3ee;animation:tpvPulse 1.6s ease-in-out infinite}
@keyframes tpvPulse{50%{opacity:.35;transform:scale(.7)}}
.tpv .tp-label{margin:0;font-size:1.05rem;color:#cbd5e1}
.tpv-stage{position:relative;display:flex;align-items:center;justify-content:center;margin:14px auto 6px}
.tpv-ring{display:none}
.tpv-digits{position:relative;display:flex;align-items:center;gap:10px;background:none;border:0;padding:6px;cursor:pointer;overflow:hidden;border-radius:18px;color:inherit;-webkit-tap-highlight-color:transparent}
.tpv-gap{width:10px}
.tpv-d{position:relative;display:inline-flex;align-items:center;justify-content:center;width:60px;height:80px;border-radius:14px;overflow:hidden;
  font:800 44px/1 'JetBrains Mono',ui-monospace,monospace;color:#fff;
  background:linear-gradient(180deg,#1b2438,#0f1524) padding-box,linear-gradient(160deg,rgba(0,240,255,.7),rgba(112,0,255,.7) 60%,rgba(42,52,74,.6)) border-box;border:1.5px solid transparent;
  box-shadow:0 10px 30px -10px rgba(0,240,255,.35),inset 0 1px 0 rgba(255,255,255,.06)}
.tpv-d::after{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.45);box-shadow:0 1px 0 rgba(255,255,255,.04)}
.tpv-d b{display:block;font-weight:inherit;text-shadow:0 0 18px rgba(0,240,255,.45)}
.tpv-d.roll b{animation:tpvRoll .5s cubic-bezier(.2,.9,.25,1.15) both;animation-delay:calc(var(--i)*45ms)}
@keyframes tpvRoll{from{transform:translateY(-70%) rotateX(80deg);opacity:0}to{transform:none;opacity:1}}
.tpv-digits:hover .tpv-d{box-shadow:0 12px 36px -8px rgba(0,240,255,.5),inset 0 1px 0 rgba(255,255,255,.08)}
.tpv-digits:active{transform:scale(.985)}
.tpv-ripple{position:absolute;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:rgba(0,240,255,.45);pointer-events:none;animation:tpvRip .65s ease-out forwards}
@keyframes tpvRip{to{transform:scale(22);opacity:0}}
.tpv-copied{position:absolute;top:-8px;left:50%;transform:translate(-50%,6px);opacity:0;pointer-events:none;font-size:12px;font-weight:700;color:#052e2b;background:linear-gradient(90deg,#34d399,#22d3ee);padding:4px 10px;border-radius:999px;transition:opacity .2s,transform .2s;z-index:2}
.tpv-stage.copied .tpv-copied{opacity:1;transform:translate(-50%,-100%)}
.tpv-stage.copied .tpv-d{border-color:transparent;background:linear-gradient(180deg,#14302b,#0f1a1c) padding-box,linear-gradient(160deg,#34d399,#22d3ee) border-box}
.tpv-timer{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px}
.tpv-segs{display:flex;gap:3px}
.tpv-segs i{width:7px;height:14px;border-radius:2px;background:#222b3e;transition:background .3s,box-shadow .3s}
.tpv-segs i.on{background:linear-gradient(180deg,#00F0FF,#7000FF);box-shadow:0 0 6px rgba(0,240,255,.45)}
.tpv-sec{min-width:44px;font:700 20px/1 'JetBrains Mono',monospace;color:#fff}.tpv-sec small{font-size:11px;color:#64748b;margin-left:2px}
.tpv-bar{display:none}
.tpv-next{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:5px 6px 5px 12px;border-radius:999px;background:#0B0F19;border:1px solid #2A344A;font-size:12px;color:#64748b}
.tpv-next b{font-weight:600;color:#94a3b8;letter-spacing:.08em;padding:2px 8px;border-radius:999px;background:#151C2C}
.tpv-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:16px}
.tpv-chips span{font-size:11px;color:#64748b;padding:3px 9px;border-radius:999px;border:1px solid #232c40;background:rgba(11,15,25,.6)}
#code.tpv{text-align:center}
/* 警示色：≤10s 琥珀，≤5s 红 */
.tpv.tp-warn5 .tpv-segs i.on{background:#f59e0b;box-shadow:0 0 6px rgba(245,158,11,.5)}
.tpv.tp-warn5 .tpv-d{background:linear-gradient(180deg,#1b2438,#0f1524) padding-box,linear-gradient(160deg,#f59e0b,#7000FF 70%) border-box}
.tpv.tp-urgent .tpv-segs i.on{background:#f87171;box-shadow:0 0 8px rgba(248,113,113,.6)}
.tpv.tp-urgent .tpv-d{background:linear-gradient(180deg,#2a1a22,#160f16) padding-box,linear-gradient(160deg,#f87171,#be123c) border-box}
.tpv.tp-urgent .tpv-d b{color:#fecaca;text-shadow:0 0 18px rgba(248,113,113,.5)}
.tpv.tp-urgent .tpv-sec{color:#f87171}
.tpv .tp-code{display:none}
/* --- B: Orbit（环绕光环） --- */
.tpv-b .tpv-ring{display:block;position:absolute;width:330px;height:330px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-90deg);pointer-events:none}
.tpv-b .tpv-ring .tp-ring-bg{stroke:#1d2538;stroke-width:3}
.tpv-b .tpv-ring .tp-ring-fg{stroke-width:4;filter:drop-shadow(0 0 4px rgba(0,240,255,.6))}
.tpv-b .tpv-stage{height:330px;margin:0 auto}
.tpv-b .tpv-d{width:auto;height:auto;background:none;border:0;box-shadow:none;font-size:56px}
.tpv-b .tpv-d::after{display:none}
.tpv-b .tpv-d b{background:linear-gradient(180deg,#fff 30%,#a5f3fc);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 0 14px rgba(0,240,255,.35))}
.tpv-b .tpv-digits{gap:4px}.tpv-b .tpv-gap{width:16px}
.tpv-insec{display:none}
.tpv-b .tpv-insec{display:block;position:absolute;left:50%;top:calc(50% + 52px);transform:translateX(-50%);font-size:12px;color:#64748b;letter-spacing:.1em}
.tpv-b .tpv-insec b{font:700 15px 'JetBrains Mono',monospace;color:#e2e8f0}
.tpv-b.tp-urgent .tpv-insec b{color:#f87171}
.tpv-b .tpv-timer{display:none}
.tpv-b.tp-urgent .tp-ring-fg{stroke:#f87171}.tpv-b.tp-warn5 .tp-ring-fg{stroke:#f59e0b}
.tpv-b.tp-urgent .tpv-d b{background:linear-gradient(180deg,#fff,#fca5a5);-webkit-background-clip:text;background-clip:text}
.tpv-b .tpv-stage.copied .tpv-d{background:none}
/* --- C: Terminal（极简等宽 + 下划线槽位） --- */
.tpv-c{background:linear-gradient(180deg,rgba(0,240,255,.03),transparent 40%)}
.tpv-c .tpv-d{width:52px;height:76px;border-radius:0;background:none;border:0;box-shadow:none;border-bottom:3px solid #2A344A;font-size:52px;color:#e0fbff}
.tpv-c .tpv-d::after{display:none}
.tpv-c .tpv-d.roll{border-bottom-color:#00F0FF}
.tpv-c .tpv-d b{text-shadow:0 0 22px rgba(0,240,255,.55)}
.tpv-c .tpv-segs{display:none}
.tpv-c .tpv-bar{display:block;max-width:420px;height:3px;margin-top:16px}
.tpv-c .tpv-timer{margin-top:8px}
.tpv-c.tp-urgent .tpv-d{border-bottom-color:#f87171;background:none}.tpv-c.tp-warn5 .tpv-d{background:none;border-bottom-color:#f59e0b}
.tpv-c .tpv-stage.copied .tpv-d{background:none;border-bottom-color:#34d399}
/* 移动端 */
@media (max-width:640px){
  .tpv{padding:24px 14px 22px!important}
  .tpv-d{width:42px;height:58px;font-size:32px;border-radius:11px}.tpv-digits{gap:6px}.tpv-gap{width:4px}
  .tpv-segs i{width:5px;height:12px}.tpv-segs{gap:2px}
  .tpv-b .tpv-ring{width:290px;height:290px}.tpv-b .tpv-stage{height:290px}.tpv-b .tpv-d{font-size:42px;width:auto;height:auto}
  .tpv-c .tpv-d{width:38px;height:56px;font-size:38px}
}
/* 省电 / 减少动态 */
html[data-bg=static] .tpv-d.roll b,html[data-bg=static] .tpv-badge i{animation:none}
@media (prefers-reduced-motion:reduce){.tpv-d.roll b,.tpv-badge i,.tpv-ripple{animation:none}}
.tpv-b .tpv-d,.tpv-c .tpv-d{background:none!important;box-shadow:none!important}
.tpv-b .tpv-d{border:0!important}
/* --- D: HUD（赛博终端） --- */
.hud-only{display:none}
.tpv-hud{text-align:left!important}
.tpv-hud .tpv-top .tpv-badge,.tpv-hud .tpv-timer{display:none}
.tpv-hud .tpv-top{align-items:flex-start;margin:0}
.tpv-hud .hud-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.hud-title{display:flex;align-items:center;gap:10px;color:#e2e8f0}
.hud-title b{display:block;font-size:1.05rem;letter-spacing:.04em}.hud-title small{display:block;font:500 10px 'JetBrains Mono',monospace;color:#475569;letter-spacing:.2em;margin-top:2px}
.hud-ic{width:30px;height:30px;color:#00F0FF;padding:5px;border-radius:9px;background:rgba(0,240,255,.08);border:1px solid rgba(0,240,255,.25)}
.hud-led{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 0 3px rgba(52,211,153,.15),0 0 10px #34d399;animation:tpvPulse 2s ease-in-out infinite}
.hud-dial{position:relative;width:64px;height:64px;flex:0 0 auto}
.hud-dial svg{width:100%;height:100%}
.hud-dial line{stroke:#1f2840;stroke-width:2;stroke-linecap:round;transition:stroke .3s}
.hud-dial line.on{stroke:#22d3ee}
.hud-dial span{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.hud-dial b{font:700 17px 'JetBrains Mono',monospace;color:#fff}.hud-dial small{font:600 7px 'JetBrains Mono',monospace;color:#64748b;letter-spacing:.2em;margin-top:2px}
.tpv-hud .tpv-stage{display:flex;margin:0;padding:38px 14px;border-radius:14px;background:#05070d;border:1px solid #1a2234;box-shadow:inset 0 0 0 1px rgba(0,0,0,.6),inset 0 18px 40px -20px rgba(0,240,255,.12);overflow:hidden}
.tpv-hud .tpv-stage::before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px)}
.hud-c{display:block;position:absolute;width:14px;height:14px;border:2px solid #00F0FF;opacity:.8}
.hud-c.tl{top:8px;left:8px;border-right:0;border-bottom:0}.hud-c.tr{top:8px;right:8px;border-left:0;border-bottom:0;border-color:#7000FF}
.hud-c.bl{bottom:8px;left:8px;border-right:0;border-top:0;border-color:#7000FF}.hud-c.br{bottom:8px;right:8px;border-left:0;border-top:0}
.tpv-hud .hud-c,.tpv-hud .hud-lbl,.tpv-hud .hud-scan{display:block}
.hud-scan{position:absolute;left:0;right:0;top:0;height:40%;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(0,240,255,.07) 85%,rgba(0,240,255,.25) 100%);animation:hudScan 3.2s linear infinite;transform:translateY(-100%)}
@keyframes hudScan{to{transform:translateY(260%)}}
.hud-lbl{position:absolute;font:500 9.5px 'JetBrains Mono',monospace;letter-spacing:.14em;color:#3b4a66;text-transform:uppercase;white-space:nowrap}
.hud-lbl em{font-style:normal;text-transform:none;color:#67e8f9}.hud-lbl em.ok{color:#34d399}
.hud-lbl.l1{top:12px;left:30px}.hud-lbl.r1{top:12px;right:30px}.hud-lbl.l2{bottom:12px;left:30px}.hud-lbl.r2{bottom:12px;right:30px}
.tpv-hud .tpv-d{width:56px;height:74px;border-radius:8px;font-size:44px;background:linear-gradient(180deg,#0c1220,#080b14)!important;border:1px solid #1d2a44!important;box-shadow:inset 0 -2px 0 rgba(0,240,255,.35)!important;color:#e6fdff}
.tpv-hud .tpv-d::after{display:none}
.tpv-hud .tpv-d b{text-shadow:0 0 14px rgba(0,240,255,.6),0 0 2px #fff}
.tpv-hud .tpv-gap{width:14px;height:2px;background:#2A344A;border-radius:2px}
.tpv-hud .tpv-d.roll b{animation:hudGlitch .55s steps(1) both;animation-delay:calc(var(--i)*55ms)}
@keyframes hudGlitch{0%{opacity:0;transform:translateX(-6px)}15%{opacity:1;transform:translateX(4px) skewX(-12deg);color:#ff3df2}30%{opacity:.3;transform:translateX(-2px)}45%{opacity:1;transform:translateX(2px);color:#00F0FF}60%{opacity:.6;transform:none}100%{opacity:1;transform:none}}
.tpv-hud.tp-warn5 .tpv-d{box-shadow:inset 0 -2px 0 #f59e0b!important}.tpv-hud.tp-warn5 .hud-dial line.on{stroke:#f59e0b}
.tpv-hud.tp-urgent .tpv-d{box-shadow:inset 0 -2px 0 #f87171!important;border-color:#4a1f2a!important}.tpv-hud.tp-urgent .hud-dial line.on{stroke:#f87171}.tpv-hud.tp-urgent .hud-dial b{color:#f87171}
.tpv-hud.tp-urgent .tpv-d b{color:#fecaca;text-shadow:0 0 14px rgba(248,113,113,.6)}
.tpv-hud .tpv-stage.copied .tpv-d{box-shadow:inset 0 -2px 0 #34d399!important}
.tpv-hud .tpv-copied{top:10px;transform:translate(-50%,0)}.tpv-hud .tpv-stage.copied .tpv-copied{transform:translate(-50%,0)}
.tpv-hud .hud-meter{display:block;height:3px;margin:12px 4px 0;background:#141b2b;border-radius:3px;overflow:hidden}
.hud-meter i{display:block;height:100%;transform-origin:left;background:linear-gradient(90deg,#00F0FF,#7000FF);transition:transform .25s linear}
.tpv-hud.tp-urgent .hud-meter i{background:#f87171}
.tpv-hud .tpv-next{display:flex;width:max-content;margin:14px 0 0}
.tpv-hud .tp-row{flex-direction:column;align-items:stretch;gap:10px}
.tpv-hud .cp-btn.tp-big{position:relative;overflow:hidden;width:100%;justify-content:center;padding:14px;font-size:1rem;letter-spacing:.1em;border-radius:12px;color:#e6fdff;
  background:linear-gradient(#0a0f1a,#0a0f1a) padding-box,linear-gradient(90deg,#00F0FF,#7000FF) border-box;border:1.5px solid transparent;box-shadow:0 0 18px -6px rgba(0,240,255,.5)}
.tpv-hud .cp-btn.tp-big::after{content:'';position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.18),transparent);transform:translateX(-120%);animation:hudSweep 3.5s ease-in-out infinite}
@keyframes hudSweep{60%,100%{transform:translateX(300%)}}
.tpv-hud .cp-btn.tp-big:hover{background:linear-gradient(90deg,rgba(0,240,255,.18),rgba(112,0,255,.25)) padding-box,linear-gradient(90deg,#00F0FF,#7000FF) border-box}
.tpv-hud .cp-btn.tp-big.done{background:linear-gradient(#0a1a14,#0a1a14) padding-box,linear-gradient(90deg,#34d399,#22d3ee) border-box}
.tpv-hud .tp-sec-btn{justify-content:center}
.tpv-hud .tpv-chips{justify-content:flex-start}
html[data-bg=static] .hud-scan,html[data-bg=static] .tpv-hud .cp-btn.tp-big::after,html[data-bg=static] .hud-led{animation:none;opacity:0}
html[data-bg=static] .hud-led{opacity:1}
@media (prefers-reduced-motion:reduce){.hud-scan,.tpv-hud .cp-btn.tp-big::after,.tpv-hud .tpv-d.roll b{animation:none}}
@media (max-width:640px){
  .tpv-hud .tpv-stage{padding:34px 6px}
  .tpv-hud .tpv-d{width:40px;height:56px;font-size:32px}.tpv-hud .tpv-digits{gap:5px}.tpv-hud .tpv-gap{width:6px}
  .hud-lbl{font-size:8px;letter-spacing:.08em}.hud-lbl.l1,.hud-lbl.l2{left:24px}.hud-lbl.r1,.hud-lbl.r2{right:24px}
  .hud-dial{width:56px;height:56px}
}
/* --- E: 简约（默认） --- */
.e-pill{display:none}
.tpv-e{display:flex;flex-direction:column;text-align:left!important;padding:28px 30px 26px!important}
.tpv-e .tpv-edge,.tpv-e .tpv-badge,.tpv-e .tpv-timer,.tpv-e .tpv-insec,.tpv-e .tpv-chips,.tpv-e .hud-dial,.tpv-e .hud-led,.tpv-e .hud-title small{display:none!important}
.tpv-e .tpv-top{order:0;align-items:flex-start;margin:0}
.tpv-e .tpv-top:has(#c-label:empty):has(#c-acct.hidden){display:none}
.tpv-e .tp-label{font-size:.9rem;color:#94a3b8;margin-bottom:10px}
.tpv-e .hud-head{order:1;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.tpv-e .hud-title{gap:10px}.tpv-e .hud-title b{font-size:1rem;font-weight:600;letter-spacing:.02em;color:#e2e8f0}
.tpv-e .hud-ic{width:28px;height:28px;padding:5px;border-radius:8px;color:#22d3ee;background:rgba(34,211,238,.08);border:1px solid rgba(34,211,238,.18)}
.tpv-e .e-pill{display:inline-flex;align-items:baseline;gap:2px;padding:4px 12px;border-radius:999px;font-size:12px;color:#94a3b8;background:rgba(34,211,238,.06);border:1px solid rgba(34,211,238,.2)}
.tpv-e .e-pill b{font:600 13px 'JetBrains Mono',monospace;color:#67e8f9}
.tpv-e .hud-meter{order:2;display:block;height:4px;margin:0 0 16px;background:#1a2132;border-radius:4px;overflow:hidden}
.tpv-e .hud-meter i{background:linear-gradient(90deg,#22d3ee,#7c3aed);opacity:.9}
.tpv-e .tpv-stage{order:3;display:flex;justify-content:center;margin:0;padding:30px 12px;border-radius:14px;background:#070a12;border:1px solid #1c2436}
.tpv-e .tpv-digits{gap:6px;padding:0}
.tpv-e .tpv-d{width:auto;height:auto;padding:0 2px;background:none!important;border:0!important;box-shadow:none!important;font:600 52px/1.1 'JetBrains Mono',ui-monospace,monospace;color:#f1f5f9;border-radius:0}
.tpv-e .tpv-d::after{display:none}
.tpv-e .tpv-d b{text-shadow:none!important;color:#f1f5f9!important}
.tpv-e .tpv-gap{width:22px}
.tpv-e .tpv-d.roll b{animation:eFade .35s ease-out both;animation-delay:calc(var(--i)*25ms)}
@keyframes eFade{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.tpv-e .tpv-stage.copied .tpv-d b{color:#6ee7b7!important}
.tpv-e .tpv-copied{top:8px;transform:translate(-50%,0);font-size:11px}.tpv-e .tpv-stage.copied .tpv-copied{transform:translate(-50%,0)}
.tpv-e .tpv-ripple{background:rgba(255,255,255,.12)}
.tpv-e .tpv-next{order:4;display:block;margin:12px 0 0;padding:0;border:0;background:none;font-size:12px;color:#64748b;text-align:center}
.tpv-e .tpv-next b{background:none;padding:0 0 0 6px;color:#94a3b8;font-weight:500}
.tpv-e .tp-row{order:5;flex-direction:column;align-items:stretch;gap:8px;margin-top:22px}
.tpv-e .cp-btn.tp-big{width:100%;justify-content:center;padding:14px;border-radius:12px;font-size:1rem;letter-spacing:.06em;background:linear-gradient(90deg,#06b6d4,#7c3aed);box-shadow:none}
.tpv-e .cp-btn.tp-big:hover{filter:brightness(1.08);box-shadow:none}
.tpv-e .tp-sec-btn{justify-content:center;background:transparent;border-color:#232c40;color:#94a3b8}
.tpv-e.tp-warn5 .e-pill b{color:#fbbf24}.tpv-e.tp-warn5 .e-pill{border-color:rgba(251,191,36,.3);background:rgba(251,191,36,.06)}.tpv-e.tp-warn5 .hud-meter i{background:#f59e0b}
.tpv-e.tp-urgent .e-pill b{color:#f87171}.tpv-e.tp-urgent .e-pill{border-color:rgba(248,113,113,.35);background:rgba(248,113,113,.07)}.tpv-e.tp-urgent .hud-meter i{background:#ef4444}
@media (max-width:640px){.tpv-e{padding:22px 16px 20px!important}.tpv-e .tpv-d{font-size:38px}.tpv-e .tpv-digits{gap:3px}.tpv-e .tpv-gap{width:12px}.tpv-e .tpv-stage{padding:24px 8px}}
.tpv-e .hud-c,.tpv-e .hud-scan,.tpv-e .hud-lbl,.tpv-a .hud-c,.tpv-b .hud-c,.tpv-c .hud-c{display:none!important}
/* D：标准数字字体 */
.tpv-hud .tpv-d,.tpv-hud .tpv-next b{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1}
.tpv-hud .tpv-d{font-weight:600}
.tpv-hud .tpv-stage{padding:26px 14px}
@media (max-width:640px){.tpv-hud .tpv-stage{padding:22px 6px}}
/* D：呼吸灯倒计时 */
.hud-breath{display:none}
.tpv-hud .hud-dial{display:none}
.tpv-hud .hud-breath{--hb:#22d3ee;--hbs:rgba(34,211,238,.45);--hbt:2s;position:relative;display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:7px 14px 7px 12px;border-radius:999px;
  font-size:13px;color:#cbd5e1;background:rgba(8,12,22,.85);border:1px solid color-mix(in srgb,var(--hb) 40%,transparent);isolation:isolate}
.tpv-hud .hud-breath::before{content:'';position:absolute;inset:-1px;border-radius:inherit;z-index:-1;border:1px solid var(--hb);box-shadow:0 0 14px var(--hbs),inset 0 0 8px color-mix(in srgb,var(--hb) 20%,transparent);opacity:.25;animation:hbGlow var(--hbt) ease-in-out infinite}
.tpv-hud .hud-breath b{font:600 15px -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;font-variant-numeric:tabular-nums;color:var(--hb);min-width:1.2em;text-align:right}
.hb-dot{position:relative;width:8px;height:8px;border-radius:50%;background:var(--hb);animation:hbDot var(--hbt) ease-in-out infinite}
.hb-dot::after{content:'';position:absolute;inset:-5px;border-radius:50%;background:radial-gradient(circle,var(--hbs),transparent 70%);animation:hbHalo var(--hbt) ease-in-out infinite}
@keyframes hbDot{0%,100%{opacity:.45;transform:scale(.75)}50%{opacity:1;transform:scale(1.1)}}
@keyframes hbHalo{0%,100%{opacity:0;transform:scale(.6)}50%{opacity:1;transform:scale(1.3)}}
@keyframes hbGlow{0%,100%{opacity:.15}50%{opacity:.85}}
.tpv-hud.tp-warn5 .hud-breath{--hb:#f59e0b;--hbs:rgba(245,158,11,.5);--hbt:1.2s}
.tpv-hud.tp-urgent .hud-breath{--hb:#f87171;--hbs:rgba(248,113,113,.55);--hbt:.6s}
html[data-bg=static] .hud-breath::before,html[data-bg=static] .hb-dot,html[data-bg=static] .hb-dot::after{animation:none}
html[data-bg=static] .hud-breath::before{opacity:.5}html[data-bg=static] .hb-dot::after{opacity:.6}
@media (prefers-reduced-motion:reduce){.hud-breath::before,.hb-dot,.hb-dot::after{animation:none!important}.hud-breath::before{opacity:.5!important}}
@media (max-width:640px){.tpv-hud .hud-breath{padding:6px 11px 6px 10px;font-size:12px}.tpv-hud .hud-breath b{font-size:14px}}
/* 呼吸灯放大 */
.tpv-hud .hud-breath{gap:10px;padding:8px 18px 8px 14px;font-size:14px;color:#94a3b8;background:color-mix(in srgb,var(--hb) 12%,#080c16);border:1.5px solid color-mix(in srgb,var(--hb) 60%,transparent)}
.tpv-hud .hud-breath::before{box-shadow:0 0 22px var(--hbs),inset 0 0 14px color-mix(in srgb,var(--hb) 30%,transparent)}
.tpv-hud .hud-breath b{font-size:30px;font-weight:800;line-height:1;letter-spacing:-.01em}
.tpv-hud .hb-dot{width:13px;height:13px;box-shadow:0 0 10px var(--hb)}
.tpv-hud .hb-dot::after{inset:-9px}
@media (max-width:640px){.tpv-hud .hud-breath{gap:8px;padding:6px 13px 6px 11px;font-size:12px}.tpv-hud .hud-breath b{font-size:24px}.tpv-hud .hb-dot{width:11px;height:11px}.tpv-hud .hud-head{gap:8px}}
/* 倒计时新样式 ?cd=1/2/3 */
.cdx{display:none}
.tpv-hud.cd1 .hud-breath,.tpv-hud.cd2 .hud-breath,.tpv-hud.cd3 .hud-breath{display:none}
.tpv-hud.cd1 .cdx,.tpv-hud.cd2 .cdx,.tpv-hud.cd3 .cdx{--c1:#00F0FF;--c2:#8b5cf6;--cg:rgba(0,240,255,.35);display:flex;position:relative;flex:0 0 auto;align-items:center;justify-content:center;isolation:isolate}
.cdx-ring,.cdx-line{display:none}
.cdx-num{display:flex;align-items:baseline;gap:2px;line-height:1}
.cdx-num b{font:800 28px -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;font-variant-numeric:tabular-nums;color:#fff;transition:color .3s}
.cdx-num small{font-size:12px;color:#94a3b8;font-weight:600}
.tpv-hud.tp-warn5 .cdx{--c1:#fbbf24;--c2:#f59e0b;--cg:rgba(245,158,11,.4)}
.tpv-hud.tp-urgent .cdx{--c1:#f87171;--c2:#ef4444;--cg:rgba(248,113,113,.45)}
.tpv-hud.tp-warn5 .cdx-num b{color:#fcd34d}.tpv-hud.tp-urgent .cdx-num b{color:#fca5a5}
/* 1: 圆环 */
.tpv-hud.cd1 .cdx{width:72px;height:72px}
.tpv-hud.cd1 .cdx::before{content:'';position:absolute;inset:6px;border-radius:50%;z-index:-1;background:radial-gradient(circle,var(--cg),transparent 70%);animation:cdxBreath 2.4s ease-in-out infinite}
.tpv-hud.cd1 .cdx-ring{display:block;position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.cdx-bg{fill:rgba(8,12,22,.9);stroke:#1c2438;stroke-width:5}
.cdx-fg{fill:none;stroke:url(#cdxg);stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset .25s linear}
.tpv-hud.tp-warn5 .cdx-fg,.tpv-hud.tp-urgent .cdx-fg{stroke:var(--c1)}
.tpv-hud.cd1 .cdx-num{flex-direction:column;align-items:center;gap:0}.tpv-hud.cd1 .cdx-num b{font-size:26px}.tpv-hud.cd1 .cdx-num small{font-size:10px;margin-top:1px}
@keyframes cdxBreath{0%,100%{opacity:.25;transform:scale(.85)}50%{opacity:.9;transform:scale(1.15)}}
/* 2: 大数字 + 下划线 */
.tpv-hud.cd2 .cdx{flex-direction:column;align-items:flex-end;gap:7px;padding:2px 2px 0}
.tpv-hud.cd2 .cdx::before{content:'';position:absolute;right:-6px;top:-10px;width:80px;height:60px;z-index:-1;background:radial-gradient(closest-side,var(--cg),transparent);animation:cdxBreath 2.4s ease-in-out infinite}
.tpv-hud.cd2 .cdx-num b{font-size:38px;letter-spacing:-.02em;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--c1) 60%,#fff));-webkit-background-clip:text;background-clip:text;color:transparent}
.tpv-hud.cd2 .cdx-num small{font-size:14px}
.tpv-hud.cd2 .cdx-line{display:block;width:64px;height:3px;border-radius:3px;background:#1c2438;overflow:hidden}
.cdx-line i{display:block;height:100%;transform-origin:right;background:linear-gradient(90deg,var(--c2),var(--c1));transition:transform .25s linear}
/* 3: 胶囊电量条 */
.tpv-hud.cd3 .cdx{width:104px;height:44px;border-radius:12px;border:1.5px solid color-mix(in srgb,var(--c1) 55%,#1c2438);background:#080c16;overflow:hidden}
.tpv-hud.cd3 .cdx::after{content:'';position:absolute;right:-6px;top:50%;width:4px;height:14px;margin-top:-7px;border-radius:0 3px 3px 0;background:color-mix(in srgb,var(--c1) 55%,#1c2438)}
.tpv-hud.cd3 .cdx-line{display:block;position:absolute;inset:3px;border-radius:8px;overflow:hidden;z-index:-1;background:none}
.tpv-hud.cd3 .cdx-line i{transform-origin:left;background:linear-gradient(90deg,color-mix(in srgb,var(--c2) 55%,transparent),color-mix(in srgb,var(--c1) 55%,transparent));animation:cdxGlow 2.4s ease-in-out infinite}
@keyframes cdxGlow{50%{opacity:.7}}
.tpv-hud.cd3 .cdx-num b{font-size:26px;text-shadow:0 1px 6px rgba(0,0,0,.6)}.tpv-hud.cd3 .cdx-num small{color:#e2e8f0}
.tpv-hud.cd3{overflow:visible}
.tpv-hud.cd3 .hud-head{padding-right:6px}
html[data-bg=static] .cdx::before,html[data-bg=static] .cdx-line i{animation:none!important}
@media (prefers-reduced-motion:reduce){.cdx::before,.cdx-line i{animation:none!important}}
@media (max-width:640px){.tpv-hud.cd1 .cdx{width:62px;height:62px}.tpv-hud.cd1 .cdx-num b{font-size:22px}.tpv-hud.cd2 .cdx-num b{font-size:32px}.tpv-hud.cd3 .cdx{width:88px;height:40px}.tpv-hud.cd3 .cdx-num b{font-size:22px}}
.tpv-hud .cdx-num{position:relative;z-index:1}
/* 倒计时第二批 ?cd=4..7 */
.cdx-flip,.cdx-dots,.cdx-segs{display:none}
.tpv-hud:is(.cd4,.cd5,.cd6,.cd7) .hud-breath{display:none}
.tpv-hud:is(.cd4,.cd5,.cd6,.cd7) .cdx{--c1:#00F0FF;--c2:#8b5cf6;--cg:rgba(0,240,255,.35);display:flex;align-items:center;gap:12px;position:relative}
.tpv-hud:is(.cd4,.cd5,.cd6,.cd7).tp-warn5 .cdx{--c1:#fbbf24;--c2:#f59e0b;--cg:rgba(245,158,11,.4)}
.tpv-hud:is(.cd4,.cd5,.cd6,.cd7).tp-urgent .cdx{--c1:#f87171;--c2:#ef4444;--cg:rgba(248,113,113,.45)}
/* 4 翻牌 */
.tpv-hud.cd4 .cdx-num{display:none}
.tpv-hud.cd4 .cdx-flip{display:flex;gap:5px;perspective:300px}
.cdx-flip i{position:relative;width:34px;height:46px;display:grid;place-items:center;font:800 28px -apple-system,'Segoe UI',Roboto,Arial,sans-serif;font-style:normal;font-variant-numeric:tabular-nums;color:#fff;border-radius:8px;background:linear-gradient(180deg,#1a2236 0 49%,#0e1424 51%);border:1px solid #2A344A;box-shadow:inset 0 -2px 0 var(--c1),0 4px 14px -6px var(--cg);transform-origin:50% 50%}
.cdx-flip i::after{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.6)}
.cdx-flip i.fl{animation:cdFlip .45s cubic-bezier(.3,.7,.3,1)}
@keyframes cdFlip{0%{transform:rotateX(80deg);opacity:.3}100%{transform:none;opacity:1}}
.tpv-hud.cd4 .cdx::after{content:'秒';font-size:13px;color:#94a3b8;font-weight:600;margin-left:-6px;align-self:flex-end}
/* 5 LED 点阵 */
.tpv-hud.cd5 .cdx-dots{display:grid;grid-template-columns:repeat(15,7px);gap:5px}
.cdx-dots i,.cdx-segs i{display:block;border-radius:50%;width:7px;height:7px;background:#1c2438;transition:background .3s,box-shadow .3s}
.cdx-dots i.on{background:var(--c1);box-shadow:0 0 6px var(--cg)}
.cdx-dots i.on:nth-child(n+16){background:var(--c2)}
.tpv-hud.cd5 .cdx-num b{font-size:30px}
/* 6 分段条 */
.tpv-hud.cd6 .cdx{flex:1;margin-left:28px;gap:16px;max-width:520px}
.tpv-hud.cd6 .cdx-segs{display:flex;flex:1;gap:3px;align-items:flex-end;height:30px}
.cdx-segs i{flex:1;width:auto;height:100%;border-radius:2px;transform:scaleY(.35);transform-origin:bottom}
.cdx-segs i.on{background:linear-gradient(0deg,var(--c2),var(--c1));transform:none}
.tpv-hud.cd6 .cdx-num b{font-size:40px;min-width:1.3em;text-align:right}
/* 7 面板边框倒计时 */
.tpv-hud.cd7 .cdx-num b{font-size:34px;color:var(--c1)}
.tpv-hud.cd7 .tpv-stage{position:relative}
.tpv-hud.cd7 .tpv-stage::after{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:2px;pointer-events:none;z-index:3;
 background:conic-gradient(from 0deg,var(--c1),var(--c2) calc(var(--f,1)*360deg),rgba(42,52,74,.5) 0);
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.tpv-hud.cd7.tp-warn5 .tpv-stage::after{background:conic-gradient(#fbbf24 calc(var(--f)*360deg),rgba(42,52,74,.5) 0)}
.tpv-hud.cd7.tp-urgent .tpv-stage::after{background:conic-gradient(#f87171 calc(var(--f)*360deg),rgba(42,52,74,.5) 0)}
.tpv-hud.cd7 .hud-c{display:none}
@media (max-width:640px){.cdx-flip i{width:28px;height:38px;font-size:22px}.tpv-hud.cd5 .cdx-dots{grid-template-columns:repeat(15,5px);gap:3px}.cdx-dots i{width:5px;height:5px}.tpv-hud.cd5 .cdx-num b{font-size:22px}.tpv-hud.cd5 .cdx{gap:8px}.tpv-hud.cd6 .cdx{margin-left:12px;gap:8px}.tpv-hud.cd6 .cdx-num b{font-size:28px}.tpv-hud.cd6 .cdx-segs{gap:2px;height:24px}}
html[data-bg=static] .cdx-flip i.fl{animation:none}@media (prefers-reduced-motion:reduce){.cdx-flip i.fl{animation:none}}
.tpv-hud.cd7 .tpv-stage::after{inset:0!important;display:block!important;opacity:1!important;animation:none!important;transform:none!important;z-index:6}
.tpv-hud.cd6 .cdx{min-width:130px}.tpv-hud.cd6 .cdx-segs{min-width:60px}
.tpv-hud.cd6 .cdx-num b{color:var(--c1)}
@media (max-width:640px){.tpv-hud:is(.cd5,.cd6) .hud-title small{display:none}}
.tpv-hud.cd7 .tpv-stage::after{display:none!important}
.tpv-hud.cd7 .tpv-stage{--rest:rgba(42,52,74,.55);border:2px solid transparent;background:linear-gradient(#05070d,#05070d) padding-box,conic-gradient(#00F0FF,#8b5cf6 calc(var(--f,1)*360deg),var(--rest) 0) border-box}
.tpv-hud.cd7.tp-warn5 .tpv-stage{background:linear-gradient(#05070d,#05070d) padding-box,conic-gradient(#fbbf24 calc(var(--f)*360deg),var(--rest) 0) border-box}
.tpv-hud.cd7.tp-urgent .tpv-stage{background:linear-gradient(#05070d,#05070d) padding-box,conic-gradient(#f87171 calc(var(--f)*360deg),var(--rest) 0) border-box}
/* 倒计时第三批 ?cd=8..11 */
:where(#code) :is(.cd8,.cd9,.cd10,.cd11){display:none}
.tpv-hud:is(.cv8,.cv9,.cv10,.cv11) :is(.hud-breath,.cdx){display:none!important}
.tpv-hud:is(.cv8,.cv9,.cv10,.cv11){--k:#00F0FF;--k2:#8b5cf6}
.tpv-hud:is(.cv8,.cv9,.cv10,.cv11).tp-warn5{--k:#fbbf24;--k2:#f59e0b}
.tpv-hud:is(.cv8,.cv9,.cv10,.cv11).tp-urgent{--k:#f87171;--k2:#ef4444}
[data-sec]{font-variant-numeric:tabular-nums}
/* 8 码下方文字 */
.tpv-hud.cv8 .cd8{display:block;text-align:center;margin:10px 0 2px;font-size:15px;color:#94a3b8;letter-spacing:.04em}
.tpv-hud.cv8 .cd8 b{font-size:20px;font-weight:700;color:var(--k);margin:0 3px;transition:color .3s}
/* 9 纯文字 */
.tpv-hud.cv9 .cd9{display:flex;align-items:center;gap:8px;line-height:1}
.cd9 i{width:8px;height:8px;border-radius:50%;background:var(--k);animation:cd9p 1s ease-in-out infinite}
@keyframes cd9p{50%{opacity:.25;transform:scale(.7)}}
.cd9 b{font:700 34px -apple-system,'Segoe UI',Roboto,Arial,sans-serif;color:var(--k);font-variant-numeric:tabular-nums;transition:color .3s}
.cd9 small{font-size:16px;font-weight:600;color:#94a3b8;margin-left:-4px;align-self:flex-end;padding-bottom:3px}
/* 10 复制按钮计时 */
.tpv-hud.cv10 .cd10{display:inline;opacity:.75;font-weight:600}
.tpv-hud.cv10 .cd10 b{color:var(--k)}
.tpv-hud.cv10 .cp-btn.tp-big{position:relative;overflow:hidden;isolation:isolate}
.tpv-hud.cv10 .cp-btn.tp-big::before{content:'';position:absolute;inset:0;z-index:-1;transform-origin:left;transform:scaleX(var(--f,1));background:linear-gradient(90deg,color-mix(in srgb,var(--k2) 28%,transparent),color-mix(in srgb,var(--k) 22%,transparent));transition:transform .25s linear}
/* 11 半圆仪表 */
.tpv-hud.cv11 .cd11{display:block;position:relative;width:84px;height:48px}
.cd11 svg{width:100%;height:100%;overflow:visible}
.cd11 path{fill:none;stroke-width:6;stroke-linecap:round}
.cd11 .g-bg{stroke:#1c2438}
.cd11 .g-fg{stroke:url(#cd11g);stroke-dasharray:100;stroke-dashoffset:calc((1 - var(--f,1))*100);transition:stroke-dashoffset .25s linear}
.tpv-hud.cv11:is(.tp-warn5,.tp-urgent) .g-fg{stroke:var(--k)}
.cd11 b{position:absolute;left:0;right:0;bottom:-2px;text-align:center;font:700 22px -apple-system,'Segoe UI',Roboto,Arial,sans-serif;color:#fff}
.tpv-hud.cv11:is(.tp-warn5,.tp-urgent) .cd11 b{color:var(--k)}
html[data-bg=static] .cd9 i{animation:none}@media (prefers-reduced-motion:reduce){.cd9 i{animation:none}}
@media (max-width:640px){.cd9 b{font-size:28px}}
/* 倒计时 12..17 */
:where(#code) :is(.cd12,.cd13,.cd14,.cd15,.cd16){display:none}
.tpv-hud:is(.cv12,.cv13,.cv14,.cv15,.cv16,.cv17) :is(.hud-breath,.cdx){display:none!important}
.tpv-hud:is(.cv12,.cv13,.cv14,.cv15,.cv16,.cv17){--k:#00F0FF;--k2:#8b5cf6}
.tpv-hud:is(.cv12,.cv13,.cv14,.cv15,.cv16,.cv17).tp-warn5{--k:#fbbf24;--k2:#f59e0b}
.tpv-hud:is(.cv12,.cv13,.cv14,.cv15,.cv16,.cv17).tp-urgent{--k:#f87171;--k2:#ef4444}
/* 12 侧边竖条 + 头部简洁秒数 */
.tpv-hud:is(.cv12,.cv17) .cd9{display:flex;align-items:baseline;gap:4px}
.tpv-hud:is(.cv12,.cv17) .cd9 i{display:none}
.tpv-hud:is(.cv12,.cv17) .cd9 b{font-size:26px;color:#e2e8f0}
.tpv-hud:is(.cv12,.cv17):is(.tp-warn5,.tp-urgent) .cd9 b{color:var(--k)}
.tpv-hud.cv12 .tpv-stage{position:relative}
.tpv-hud.cv12 .cd12{display:block;position:absolute;right:12px;top:16px;bottom:16px;width:5px;border-radius:5px;background:#1c2438;overflow:hidden}
.tpv-hud.cv12 .cd12::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(0deg,var(--k2),var(--k));transform-origin:bottom;transform:scaleY(var(--f,1));transition:transform .25s linear}
/* 13 背景水印数字 */
.tpv-hud.cv13 .tpv-stage{position:relative}
.tpv-hud.cv13 .cd13{display:grid;place-items:center;position:absolute;inset:0;font:800 150px/1 -apple-system,'Segoe UI',Roboto,Arial,sans-serif;color:var(--k);opacity:.09;pointer-events:none;letter-spacing:-.04em;transition:color .3s}
.tpv-hud.cv13 #c-code{position:relative;z-index:1}
/* 14 刻度尺 */
.tpv-hud.cv14 .cd14{display:flex;align-items:center;gap:12px;margin:12px 2px 0}
.cd14 span{flex:1;display:flex;justify-content:space-between;align-items:flex-end;height:14px}
.cd14 span i{width:2px;height:8px;border-radius:1px;background:#2A344A;transition:background .3s,height .3s}
.cd14 span i:nth-child(5n){height:14px}
.cd14 span i.on{background:var(--k)}
.cd14 b{font:700 20px -apple-system,'Segoe UI',Roboto,Arial,sans-serif;color:var(--k);min-width:2ch;text-align:right}
.tpv-hud.cv14 .hud-meter,.tpv-hud.cv14 .tpv-bar{display:none!important}
/* 15 极简胶囊 */
.tpv-hud.cv15 .cd15{display:block;position:relative;width:86px;height:34px;border-radius:17px;border:1px solid #2A344A;background:#0b101c;overflow:hidden}
.cd15 i{position:absolute;inset:0;transform-origin:left;transform:scaleX(var(--f,1));background:linear-gradient(90deg,color-mix(in srgb,var(--k2) 35%,transparent),color-mix(in srgb,var(--k) 30%,transparent));transition:transform .25s linear}
.cd15 b{position:relative;display:grid;place-items:center;height:100%;font:600 15px -apple-system,'Segoe UI',Roboto,Arial,sans-serif;color:#e2e8f0}
.cd15 em{font-style:normal;font-size:18px;font-weight:700;color:var(--k);margin-right:2px}
/* 16 标题行内 */
.tpv-hud.cv16 .cd16{display:inline-flex;align-items:center;gap:6px;margin-left:12px;font-size:15px;font-weight:600;color:#94a3b8;vertical-align:middle}
.cd16 i{width:7px;height:7px;border-radius:50%;background:var(--k);animation:cd9p 1s ease-in-out infinite}
.cd16 em{font-style:normal;font-size:20px;font-weight:700;color:var(--k);font-variant-numeric:tabular-nums}
/* 17 标题下划线 */
.tpv-hud.cv17 .cd-tt{position:relative;display:inline-block;padding-bottom:6px}
.tpv-hud.cv17 .cd-tt::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--k),var(--k2));transform-origin:left;transform:scaleX(var(--f,1));transition:transform .25s linear}
html[data-bg=static] .cd16 i{animation:none}@media (prefers-reduced-motion:reduce){.cd16 i{animation:none}}
@media (max-width:640px){.tpv-hud.cv13 .cd13{font-size:110px}.tpv-hud.cv16 .hud-title small{display:none}}
.tpv-hud.cv15 .cd15{width:96px}.cd15 b{white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:2px}
/* 翻牌倒计时 · 高识别度配色 */
.tpv-hud.cd4 .cdx{--fc:#22e3ff;--fr:34,227,255}
.tpv-hud.cd4.tp-warn5 .cdx{--fc:#ffb020;--fr:255,176,32}
.tpv-hud.cd4.tp-urgent .cdx{--fc:#ff4d5e;--fr:255,77,94}
.tpv-hud.cd4 .cdx-flip i{color:var(--fc);text-shadow:0 0 10px rgba(var(--fr),.55);background:linear-gradient(180deg,rgba(var(--fr),.2) 0 49%,rgba(var(--fr),.11) 51%),#0b111d;border:1px solid rgba(var(--fr),.55);box-shadow:inset 0 -2px 0 var(--fc),0 0 16px -2px rgba(var(--fr),.45);transition:color .3s,border-color .3s,box-shadow .3s,text-shadow .3s}
.tpv-hud.cd4.tp-urgent .cdx-flip i{text-shadow:0 0 14px rgba(var(--fr),.75);box-shadow:inset 0 -2px 0 var(--fc),0 0 22px 0 rgba(var(--fr),.55)}
.tpv-hud.cd4 .cdx::after{color:var(--fc);opacity:.9}
.tpv-hud.cd4 .hud-meter i,.tpv-hud.cd4 .tpv-bar{transition:background .3s}
.tpv-hud.cd4.tp-warn5 .hud-meter i{background:#ffb020!important;box-shadow:0 0 8px rgba(255,176,32,.6)}
.tpv-hud.cd4.tp-urgent .hud-meter i{background:#ff4d5e!important;box-shadow:0 0 10px rgba(255,77,94,.7)}
.tpv-hud.cd4:not(.tp-warn5):not(.tp-urgent) .hud-meter i{background:linear-gradient(90deg,#22e3ff,#7000FF)}
.site-logo{display:block;object-fit:contain;filter:drop-shadow(0 0 8px rgba(140,120,255,.25));transition:filter .3s,transform .3s}a:hover .site-logo,.group:hover .site-logo{filter:drop-shadow(0 0 12px rgba(0,240,255,.4));transform:scale(1.04)}
/* 宫殿科技 logo：固定在页头最左侧 */
.palace-pin{position:absolute;left:20px;top:50%;transform:translateY(-50%);z-index:2;display:block;line-height:0}
.palace-logo{display:block;width:40px;height:40px;filter:drop-shadow(0 0 6px rgba(255,210,122,.12));transition:filter .3s}
.palace-pin:hover .palace-logo{filter:drop-shadow(0 0 10px rgba(255,210,122,.3))}
@media (max-width:1240px){header.sticky>div.max-w-6xl{padding-left:80px}}
@media (max-width:640px){.palace-pin{left:10px}.palace-logo{width:32px;height:32px}header.sticky>div.max-w-6xl{padding-left:52px}}
@media (max-width:380px){.palace-logo{width:28px;height:28px}header.sticky>div.max-w-6xl{padding-left:46px}}
.palace-pin{top:40px}@media (max-width:639px){.palace-pin{top:32px}}
/* 宫殿科技 新标志（加大） */
.palace-pin{left:16px}
.palace-logo{width:52px;height:52px}
@media (max-width:1240px){header.sticky>div.max-w-6xl{padding-left:82px}}
@media (max-width:640px){.palace-pin{left:8px}.palace-logo{width:40px;height:40px}header.sticky>div.max-w-6xl{padding-left:58px}}
@media (max-width:380px){.palace-pin{left:6px}.palace-logo{width:36px;height:36px}header.sticky>div.max-w-6xl{padding-left:50px}}