:root{--bg: #050816;--bg-2: #0a1030;--glass: rgba(148, 163, 255, 0.06);--glass-strong: rgba(148, 163, 255, 0.10);--line: rgba(148, 163, 255, 0.14);--line-strong: rgba(148, 163, 255, 0.28);--text: #e8ebf7;--text-2: #9aa3c7;--text-3: #626b91;--brand: #3b82ff;--brand-2: #7c5cff;--brand-grad: linear-gradient(135deg, #2f6bff 0%, #7c5cff 100%);--glow: 0 0 24px rgba(59, 130, 255, 0.45);--ok: #34d399;--warn: #f5a524;--bad: #f43f5e;--radius: 16px;--radius-sm: 10px;--gap: 16px;--font: "Inter", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--surface: rgba(5, 8, 22, 0.55);--surface-strong: rgba(10, 16, 48, 0.92);--card-bg: linear-gradient(180deg, rgba(148,163,255,0.08), rgba(148,163,255,0.03));--shadow: 0 10px 30px rgba(0, 0, 0, 0.35);--page-bg: radial-gradient(900px 600px at 85% -10%, rgba(124, 92, 255, 0.22), transparent 60%), radial-gradient(800px 500px at -10% 20%, rgba(47, 107, 255, 0.18), transparent 60%), radial-gradient(520px 520px at 105% 55%, rgba(255, 122, 69, 0.16), transparent 60%), #050816;color-scheme: dark}:root[data-theme="light"]{--bg: #f4f6fc;--bg-2: #ffffff;--glass: rgba(47, 80, 200, 0.05);--glass-strong: rgba(47, 80, 200, 0.09);--line: rgba(40, 60, 140, 0.12);--line-strong: rgba(40, 60, 140, 0.22);--text: #141a33;--text-2: #4d5675;--text-3: #8890ab;--surface: rgba(255, 255, 255, 0.85);--surface-strong: rgba(255, 255, 255, 0.96);--card-bg: linear-gradient(180deg, rgba(255,255,255,0.92), rgba(255,255,255,0.78));--shadow: 0 8px 24px rgba(30, 45, 110, 0.08);--glow: 0 0 18px rgba(59, 130, 255, 0.25);--page-bg: radial-gradient(900px 600px at 85% -10%, rgba(124, 92, 255, 0.12), transparent 60%), radial-gradient(800px 500px at -10% 20%, rgba(47, 107, 255, 0.10), transparent 60%), #f4f6fc;color-scheme: light}*{box-sizing: border-box}html, body{margin: 0;min-height: 100%}body{font-family: var(--font);font-size: 14px;line-height: 1.5;color: var(--text);background: var(--page-bg);background-attachment: fixed}a{color: var(--brand);text-decoration: none}h1, h2, h3{margin: 0;font-weight: 600;letter-spacing: 0.2px}h1{font-size: 28px}h2{font-size: 18px}h3{font-size: 15px}.muted{color: var(--text-2)}.faint{color: var(--text-3);font-size: 12px}.mono{font-family: var(--mono)}.grad-text{background: var(--brand-grad);-webkit-background-clip: text;background-clip: text;color: transparent}.app{display: grid;grid-template-columns: 76px 1fr;min-height: 100vh}.sidebar{position: sticky;top: 0;height: 100vh;padding: 20px 12px;display: flex;flex-direction: column;align-items: center;gap: 8px;background: var(--surface);border-right: 1px solid var(--line);backdrop-filter: blur(16px)}.sidebar .logo{width: 40px;height: 40px;border-radius: 12px;background: var(--brand-grad);box-shadow: var(--glow);margin-bottom: 16px;display: grid;place-items: center;font-weight: 700}.nav-item{width: 48px;height: 48px;border-radius: 14px;display: grid;place-items: center;color: var(--text-3);border: 1px solid transparent;cursor: pointer;transition: .2s}.nav-item:hover{color: var(--text);background: var(--glass)}.nav-item.active{color: var(--brand);background: var(--glass-strong);border-color: var(--line-strong);box-shadow: inset 0 0 12px rgba(59,130,255,.25)}.nav-item svg{width: 22px;height: 22px}.main{padding: 28px clamp(16px, 3vw, 40px);width: 100%;min-width: 0}.topbar{display: flex;align-items: center;justify-content: space-between;gap: 16px;margin-bottom: 24px}.grid{display: grid;gap: var(--gap);grid-template-columns: repeat(12, 1fr)}.col-3{grid-column: span 3}.col-4{grid-column: span 4}.col-6{grid-column: span 6}.col-5{grid-column: span 5}.col-7{grid-column: span 7}.col-8{grid-column: span 8}.col-12{grid-column: span 12}.row{display: flex;align-items: center;gap: 12px}.between{justify-content: space-between}.stack{display: flex;flex-direction: column;gap: 12px}.tabbar{display: none}@media (max-width: 900px){.app{grid-template-columns: 1fr}.sidebar{display: none}.main{padding: 16px 16px 96px}.col-4, .col-5, .col-6, .col-7, .col-8{grid-column: span 12}.col-3{grid-column: span 6}.tabbar{display: flex;justify-content: space-around;position: fixed;left: 12px;right: 12px;bottom: 12px;z-index: 20;padding: 8px;border-radius: 22px;background: var(--surface-strong);border: 1px solid var(--line);backdrop-filter: blur(18px)}.tabbar .nav-item{width: auto;padding: 6px 14px;font-size: 11px;display: flex;flex-direction: column;gap: 2px}}.card{position: relative;padding: 20px;border-radius: var(--radius);background: var(--card-bg);border: 1px solid var(--line);backdrop-filter: blur(14px);box-shadow: var(--shadow)}.card.highlight{border-color: rgba(59,130,255,.55);box-shadow: var(--shadow), var(--glow)}.card-title{display: flex;align-items: center;justify-content: space-between;margin-bottom: 14px;color: var(--text-2);font-size: 13px;letter-spacing: .4px}.stat{font-size: 34px;font-weight: 600;line-height: 1.1}.stat small{font-size: 15px;color: var(--text-2);margin-left: 4px}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;height: 38px;padding: 0 16px;border-radius: 999px;border: 1px solid var(--line-strong);background: var(--glass);color: var(--text);font: inherit;font-weight: 500;cursor: pointer;transition: .2s;white-space: nowrap}.btn:hover{background: var(--glass-strong)}.btn-primary{border: 0;background: var(--brand-grad);color: #fff;box-shadow: 0 6px 20px rgba(59,130,255,.35)}.btn-primary:hover{filter: brightness(1.1);background: var(--brand-grad)}.btn-sm{height: 30px;padding: 0 12px;font-size: 12px}.btn[disabled], .btn.loading{opacity: .55;pointer-events: none}.btn.loading::before{content: "";width: 14px;height: 14px;border-radius: 50%;border: 2px solid currentColor;border-right-color: transparent;animation: spin .8s linear infinite}@keyframes spin{to{transform: rotate(360deg)}}.field{display: flex;flex-direction: column;gap: 6px}.field label{font-size: 12px;color: var(--text-2)}.input, select.input{height: 42px;padding: 0 14px;border-radius: var(--radius-sm);border: 1px solid var(--line);background: var(--surface);color: var(--text);font: inherit;outline: none;transition: .2s}.input:focus{border-color: var(--brand);box-shadow: 0 0 0 3px rgba(59,130,255,.18)}.input.invalid{border-color: var(--bad)}.field .error{color: var(--bad);font-size: 12px}.table{width: 100%;border-collapse: collapse}.table th{text-align: left;font-weight: 500;font-size: 12px;color: var(--text-3);padding: 10px 12px;border-bottom: 1px solid var(--line)}.table td{padding: 12px;border-bottom: 1px solid rgba(148,163,255,.07)}.table tr:hover td{background: rgba(148,163,255,.04)}.list-item{display: flex;align-items: center;gap: 12px;padding: 12px 14px;border-radius: 12px;border: 1px solid var(--line);background: var(--surface)}.table-wrap{overflow-x: auto}@media (max-width: 900px){.table{min-width: 640px}.table:has(.m-hide){min-width: 0}.ring{--size: 84px !important}.stat{font-size: 28px}}.badge{display: inline-flex;align-items: center;gap: 6px;height: 24px;padding: 0 10px;border-radius: 999px;font-size: 12px;background: var(--glass);border: 1px solid var(--line);color: var(--text-2)}.badge::before{content: "";width: 6px;height: 6px;border-radius: 50%;background: currentColor}.badge.ok{color: var(--ok);border-color: rgba(52,211,153,.3)}.badge.warn{color: var(--warn);border-color: rgba(245,165,36,.3)}.badge.bad{color: var(--bad);border-color: rgba(244,63,94,.3)}.badge.info{color: var(--brand);border-color: rgba(59,130,255,.35)}.ring{--p: 0;--size: 120px;width: var(--size);height: var(--size);border-radius: 50%;display: grid;place-items: center;background: conic-gradient(from 200deg, #2f6bff, #7c5cff calc(var(--p) * 1%), rgba(148,163,255,.12) 0);filter: drop-shadow(0 0 10px rgba(91,110,255,.45))}.ring::before{content: "";grid-area: 1 / 1;width: calc(var(--size) - 16px);height: calc(var(--size) - 16px);border-radius: 50%;background: var(--bg-2)}.ring > *{grid-area: 1 / 1;z-index: 1;text-align: center}.bar{height: 6px;border-radius: 99px;background: rgba(148,163,255,.12);overflow: hidden}.bar > i{display: block;height: 100%;border-radius: inherit;background: var(--brand-grad);box-shadow: var(--glow)}.bar.warn > i{background: linear-gradient(90deg, #f5a524, #ff7a45)}.bar.bad > i{background: linear-gradient(90deg, #f43f5e, #ff7a45)}.toast-box{position: fixed;top: 20px;right: 20px;z-index: 100;display: flex;flex-direction: column;gap: 8px}.toast{padding: 12px 16px;border-radius: 12px;background: var(--surface-strong);border: 1px solid var(--line-strong);box-shadow: var(--shadow);min-width: 220px}.toast.bad{border-color: rgba(244,63,94,.5)}.toast.ok{border-color: rgba(52,211,153,.5)}.modal-mask{position: fixed;inset: 0;z-index: 90;display: grid;place-items: center;background: rgba(2,4,12,.65);backdrop-filter: blur(6px);padding: 16px}.modal{width: min(460px, 100%);max-height: 90vh;overflow: auto}.empty{padding: 36px 16px;text-align: center;color: var(--text-3)}.alert-banner{padding: 12px 16px;border-radius: 12px;margin-bottom: 16px;color: #ffd5dc;background: linear-gradient(90deg, rgba(244,63,94,.25), rgba(244,63,94,.08));border: 1px solid rgba(244,63,94,.45)}.skeleton{border-radius: 8px;background: linear-gradient(90deg, rgba(148,163,255,.06), rgba(148,163,255,.14), rgba(148,163,255,.06));background-size: 200% 100%;animation: shimmer 1.2s infinite}@keyframes shimmer{to{background-position: -200% 0}}.auth-wrap{min-height: 100vh;display: grid;place-items: center;padding: 24px 16px}.auth-card{width: min(420px, 100%)}.brand{display: flex;align-items: center;gap: 12px;margin-bottom: 24px}.brand .logo{width: 44px;height: 44px;border-radius: 12px;background: var(--brand-grad);box-shadow: var(--glow);display: grid;place-items: center;font-weight: 700;color: #fff}.tabs{display: flex;gap: 4px;overflow-x: auto;padding: 4px;border-radius: 999px;background: var(--glass);border: 1px solid var(--line);margin-bottom: 20px;scrollbar-width: none}.tabs button, .tabs a{flex: 1 0 auto;display: grid;place-items: center;padding: 0 12px;height: 34px;border: 0;border-radius: 999px;background: transparent;color: var(--text-2);font: inherit;cursor: pointer}.tabs button.active, .tabs a.active{background: var(--brand-grad);color: #fff}.switch{display: inline-block;vertical-align: middle;position: relative;width: 40px;height: 22px;border-radius: 99px;background: var(--glass-strong);border: 1px solid var(--line-strong);cursor: pointer;transition: .2s;flex: none}.switch::after{content: "";position: absolute;top: 2px;left: 2px;width: 16px;height: 16px;border-radius: 50%;background: var(--text-2);transition: .2s}.switch.on{background: var(--brand-grad);border-color: transparent}.switch.on::after{left: 20px;background: #fff}.pager{display: flex;align-items: center;justify-content: flex-end;gap: 8px;margin-top: 12px}.choice-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));gap: 8px}.choice{padding: 10px 12px;border-radius: var(--radius-sm);border: 1px solid var(--line);background: var(--surface);color: var(--text);font: inherit;cursor: pointer;text-align: left}.choice.active{border-color: var(--brand);box-shadow: 0 0 0 3px rgba(59,130,255,.18)}.choice small{display: block;color: var(--text-3);font-size: 12px}.icon-btn{width: 36px;height: 36px;border-radius: 50%;border: 1px solid var(--line);background: var(--glass);color: var(--text-2);cursor: pointer;display: grid;place-items: center}.icon-btn svg{width: 18px;height: 18px}.qr-box{display: grid;place-items: center;padding: 16px;background: #fff;border-radius: 12px;width: fit-content;margin: 8px auto}.price{font-size: 28px;font-weight: 600}:root[data-theme="light"] .alert-banner{color: #b4233f}.sidebar-foot{margin-top: auto;display: flex;flex-direction: column;align-items: center;gap: 6px}.sidebar-foot .nav-item{background: transparent}.avatar{width: 38px;height: 38px;border-radius: 50%;border: 1px solid var(--line-strong);background: var(--brand-grad);color: #fff;font: 600 13px var(--font);cursor: pointer;box-shadow: var(--glow);margin-top: 8px}button.nav-item{border: 1px solid transparent;font: inherit}.mobile-only{display: none}@media (max-width: 900px){.mobile-only{display: flex}.tabbar{overflow-x: auto;justify-content: flex-start;gap: 4px}.tabbar .nav-item{flex: 1 0 auto}.tabbar .nav-item svg{width: 20px;height: 20px}}.hero{overflow: hidden;min-height: 170px}.hero .chip{padding: 4px 12px;border-radius: 999px;background: var(--glass-strong);border: 1px solid var(--line);font-family: var(--mono);font-size: 13px}.hero h1{font-size: 30px;margin: 6px 0 4px}.wave{position: absolute;left: 0;right: 0;bottom: 0;width: 100%;height: 90px;pointer-events: none}.wave path.line{fill: none;stroke: url(#waveGrad);stroke-width: 2.5;filter: drop-shadow(0 0 6px rgba(59,130,255,.8))}.wave path.area{fill: url(#waveFill)}.wave circle{fill: #8fb4ff;filter: drop-shadow(0 0 4px #3b82ff)}.tiles{display: grid;grid-template-columns: repeat(auto-fill, minmax(92px, 1fr));gap: 10px}.tile{display: flex;flex-direction: column;align-items: center;gap: 8px;padding: 14px 6px;border-radius: 14px;border: 1px solid var(--line);background: var(--surface);color: var(--text-2);font: 12px var(--font);cursor: pointer;transition: .2s}.tile:hover{color: var(--text);border-color: var(--line-strong);box-shadow: var(--glow)}.tile{--c: #3b82ff}.tile i{width: 42px;height: 42px;border-radius: 12px;display: grid;place-items: center;color: var(--c);background: linear-gradient(180deg, color-mix(in srgb, var(--c) 30%, transparent), color-mix(in srgb, var(--c) 12%, transparent));box-shadow: inset 0 0 12px color-mix(in srgb, var(--c) 28%, transparent)}.tile:hover i{color: #fff;background: var(--c)}.tile i svg{width: 22px;height: 22px}.bars{display: flex;align-items: flex-end;gap: 8px;height: 160px;padding-top: 24px}.bars .col{flex: 1;display: flex;flex-direction: column;align-items: center;gap: 6px;height: 100%;justify-content: flex-end;position: relative}.bars .col b{width: 10px;min-height: 4px;border-radius: 99px;background: linear-gradient(180deg, #7cb3ff, #2f6bff);box-shadow: 0 0 12px rgba(59,130,255,.6)}.bars .col span{font-size: 11px;color: var(--text-3)}.bars .col em{position: absolute;top: -22px;font-style: normal;font-size: 11px;padding: 1px 6px;border-radius: 6px;background: var(--glass-strong);border: 1px solid var(--line);opacity: 0;transition: .2s;white-space: nowrap}.bars .col:hover em, .bars .col.top em{opacity: 1}.auth-wrap.split{grid-template-columns: 1.2fr 1fr;gap: 48px;max-width: 1120px;margin: 0 auto}.auth-hero .eyebrow{font-style: italic;font-size: 22px;color: var(--brand)}.auth-hero h1{font-size: clamp(36px, 5vw, 56px);line-height: 1.15;margin: 8px 0 12px}.auth-hero .features{display: grid;grid-template-columns: repeat(3, 1fr);gap: 12px;margin-top: 28px}.auth-hero .features .card{padding: 16px;text-align: center}.auth-hero .slogan{margin-top: 24px;letter-spacing: 6px;color: var(--text-2)}@media (max-width: 900px){.auth-wrap.split{grid-template-columns: minmax(0, 1fr);gap: 24px}.auth-hero h1{font-size: 34px}.auth-hero .features{display: none}}.card-title svg{width: 18px;height: 18px;flex: none}@media (max-width: 600px){.bars{gap: 4px}.bars .col span{font-size: 10px;white-space: nowrap}.bars .col:nth-child(odd) span{visibility: hidden}.stat{font-size: 24px}}.bars{overflow: hidden}.bars .col:last-child em{right: 0}.bars .col:first-child em{left: 0}.rules-toolbar{display: flex;flex-wrap: wrap;align-items: center;gap: 8px;margin-bottom: 14px}.rules-toolbar .search{margin-left: auto;display: flex;gap: 6px;min-width: 260px;flex: 0 1 360px}.rules-toolbar .search .input{flex: 1}.btn svg{width: 15px;height: 15px}.btn[disabled]{opacity: .45}.btn-warn{border: 0;color: #fff;background: linear-gradient(135deg, #f5a524, #ff8a3d)}.btn-ok{border: 0;color: #fff;background: linear-gradient(135deg, #22c38e, #34d399)}.btn-info{border: 0;color: #fff;background: linear-gradient(135deg, #3b82ff, #6d8bff)}.btn-danger{border: 0;color: #fff;background: linear-gradient(135deg, #f43f5e, #ff6b81)}.btn-warn:hover, .btn-ok:hover, .btn-info:hover, .btn-danger:hover{filter: brightness(1.1)}.input-sm{height: 32px;padding: 0 10px;font-size: 13px}.textarea{height: auto;padding: 10px 14px;resize: vertical;font-family: var(--mono)}.nowrap{white-space: nowrap}.chip-mono{display: inline-block;padding: 2px 8px;border-radius: 6px;background: var(--glass-strong);border: 1px solid var(--line);font-family: var(--mono)}.edit-btn{width: 22px;height: 22px;margin-left: 4px;padding: 0;border: 0;background: none;color: var(--text-3);cursor: pointer;vertical-align: middle}.edit-btn:hover{color: var(--brand)}.edit-btn svg{width: 15px;height: 15px}.icon-btn.sm{width: 30px;height: 30px}.icon-btn.sm svg{width: 16px;height: 16px}.rules-table td, .rules-table th{text-align: center}.rules-table td:first-child, .rules-table th:first-child{width: 36px}.rules-table input[type=checkbox]{width: 16px;height: 16px;accent-color: var(--brand)}.list-scroll{max-height: 260px;overflow: auto;display: flex;flex-direction: column;gap: 4px}.pager{flex-wrap: wrap}@media (max-width: 900px){.rules-toolbar .search{margin-left: 0;flex: 1 1 100%;min-width: 0}.rules-table{min-width: 980px}}button.badge{cursor: pointer;font: inherit;font-size: 12px}.site-foot{text-align: center;padding: 0 16px 24px}.site-foot a{color: var(--text-3)}.legal h2{margin: 24px 0 8px}.legal p{color: var(--text-2);line-height: 1.8;margin: 6px 0}.exp-btn{min-width: 30px;height: 30px;padding: 0 8px;border-radius: 8px;border: 1px solid var(--line);background: var(--glass);color: var(--text-3);cursor: pointer;font: 12px var(--mono);display: inline-grid;place-items: center}.exp-btn svg{width: 16px;height: 16px}.exp-btn:hover{color: var(--brand);border-color: var(--brand)}.exp-btn.is-set{color: var(--brand);border-color: rgba(59,130,255,.45)}.exp-btn.is-expired{color: var(--bad);border-color: rgba(244,63,94,.5);background: rgba(244,63,94,.08)}.popover{position: absolute;z-index: 80;width: 300px;padding: 14px;background: var(--surface-strong)}.popover .card-title svg{width: 16px;height: 16px;color: var(--brand)}.popover p{margin: 8px 0}.field-error{color: var(--bad);font-size: 12px;min-height: 0}.field-error:not(:empty){margin-bottom: 8px}.log-box{height: 180px;overflow: auto;padding: 8px 10px;border-radius: 10px;background: #050816;border: 1px solid var(--line);font: 12px/1.6 var(--mono);word-break: break-all}.log-box .log-ok{color: #34d399}.log-box .log-bad{color: #fb7185}.log-box .log-info{color: #94a3b8}.popover .card-title{justify-content: flex-start;gap: 6px;color: var(--text)}.traffic-tip{margin-top: 12px;padding: 10px 12px;border-radius: 10px;font-size: 12px;line-height: 1.7;color: var(--text-2);background: var(--glass);border: 1px solid var(--line)}.traffic-tip.warn{color: #fcd34d;background: rgba(245,165,36,.10);border-color: rgba(245,165,36,.4)}:root[data-theme="light"] .traffic-tip.warn{color: #92400e}.alert-banner a, .traffic-tip a{font-weight: 600}.line-chart .grid{stroke: var(--line);stroke-width: 1}.line-chart .axis{fill: var(--text-3);font-size: 11px}.line-chart .cross{stroke: var(--text-3);stroke-width: 1;stroke-dasharray: 3 3}.line-chart .chart-tip{position: absolute;top: 4px;min-width: 110px;padding: 6px 10px;border-radius: 8px;font-size: 12px;pointer-events: none;background: var(--bg-2);border: 1px solid var(--line);box-shadow: 0 4px 16px rgba(0,0,0,.25);color: var(--text)}.m-show{display: none}@media (max-width: 720px){.m-hide{display: none}.m-show{display: block}}.form-row{display: grid;grid-template-columns: 120px 1fr;gap: 12px;align-items: start}.form-row > label{padding-top: 10px;text-align: right;color: var(--text-2);font-size: 14px}.form-hint{font-size: 12px;margin-top: 4px}.form-row .input{width: 100%}.form-row > label .form-hint{text-align: right}@media (max-width: 600px){.form-row{grid-template-columns: 1fr;gap: 6px}.form-row > label{padding-top: 0;text-align: left}.form-row > label .form-hint{text-align: left}}.inline-note{margin-top: 8px;padding: 8px 12px;border-radius: 10px;font-size: 13px;line-height: 1.5;border: 1px solid var(--line);background: var(--glass-strong);color: var(--text);white-space: normal}.inline-note.bad{border-color: color-mix(in srgb, var(--bad) 55%, transparent);background: color-mix(in srgb, var(--bad) 14%, transparent)}.inline-note.bad::before{content: "⚠ "}.inline-note.ok{border-color: color-mix(in srgb, var(--ok) 50%, transparent);background: color-mix(in srgb, var(--ok) 12%, transparent)}.inline-note.ok::before{content: "✓ "}.inline-note.page{margin: 0 0 16px}td > .inline-note{margin-top: 6px;max-width: 320px}.mail-preview{width: 100%;height: 340px;border: 1px solid var(--line);border-radius: 12px;background: #fff}.thread{display: flex;flex-direction: column;gap: 14px}.msg{max-width: 82%;padding: 12px 14px;border-radius: 14px;border: 1px solid var(--line);background: var(--glass-strong);align-self: flex-start}.msg.mine{align-self: flex-end;background: color-mix(in srgb, var(--brand) 14%, transparent);border-color: color-mix(in srgb, var(--brand) 35%, transparent)}.msg.note{background: color-mix(in srgb, var(--warn) 12%, transparent);border-color: color-mix(in srgb, var(--warn) 45%, transparent);border-style: dashed}.msg.system{align-self: center;max-width: 92%;background: transparent;border-style: dashed}.msg-head{display: flex;gap: 8px;align-items: center;flex-wrap: wrap;font-size: 13px;margin-bottom: 6px}.msg-head .faint{margin-left: auto;font-size: 12px}.msg-body{line-height: 1.7;word-break: break-word}.atts{display: flex;flex-wrap: wrap;gap: 8px;margin-top: 10px}.att-thumb{padding: 0;border: 1px solid var(--line);border-radius: 10px;overflow: hidden;background: var(--glass);cursor: pointer;width: 96px;height: 72px}.att-thumb img{width: 100%;height: 100%;object-fit: cover;display: block}.att-chip{display: inline-flex;align-items: center;gap: 6px;padding: 4px 10px;border-radius: 999px;border: 1px solid var(--line);background: var(--glass);color: var(--text);font: inherit;font-size: 13px;cursor: pointer}.link-btn{border: 0;background: none;color: var(--text-3);cursor: pointer;padding: 0 2px;font: inherit}.star{border: 0;background: none;font-size: 24px;line-height: 1;color: var(--line-strong);cursor: pointer;padding: 0 2px}.star.on{color: #f5b400}.nav-item.dot{position: relative}.nav-item.dot::after{content: "";position: absolute;top: 6px;right: 8px;width: 8px;height: 8px;border-radius: 50%;background: var(--bad);box-shadow: 0 0 0 2px var(--bg)}@media (max-width: 720px){.msg{max-width: 100%}}[hidden]{display: none !important}.client-link{color: inherit;text-decoration: underline dotted color-mix(in srgb, currentColor 45%, transparent);text-underline-offset: 3px;cursor: pointer}.client-link:hover{color: var(--brand);text-decoration-color: currentColor}.side-brand{display: flex;align-items: center;gap: 10px}.side-brand b, .sidebar .nav-label{display: none}:root[data-skin="classic"]{--bg: #f4f6fa;--bg-2: #ffffff;--glass: #f6f8fc;--glass-strong: #eef2f9;--line: #e6eaf2;--line-strong: #d3dae8;--text: #1f2937;--text-2: #4b5563;--text-3: #8a94a6;--brand: #2563eb;--brand-2: #2563eb;--brand-grad: linear-gradient(0deg, #2563eb, #2563eb);--glow: 0 0 0 transparent;--surface: #ffffff;--surface-strong: #ffffff;--card-bg: #ffffff;--shadow: 0 1px 3px rgba(16, 24, 40, 0.06);--page-bg: radial-gradient(ellipse 46% 78% at 32% -2%, rgba(176, 222, 252, .95) 0%, rgba(176, 222, 252, 0) 72%), radial-gradient(ellipse 48% 95% at 30% 38%, rgba(206, 212, 255, .8) 0%, rgba(206, 212, 255, 0) 72%), linear-gradient(180deg, #edf1ff 0%, #f0f3ff 100%);color-scheme: light}:root[data-skin="classic"] body{background-attachment: fixed}:root[data-skin="classic"] .card{backdrop-filter: none}:root[data-skin="classic"] .card.highlight{border-color: #bfd3ff;box-shadow: var(--shadow)}:root[data-skin="classic"] .grad-text{background: none;color: var(--brand);-webkit-text-fill-color: currentColor}:root[data-skin="classic"] .btn-primary{box-shadow: none}:root[data-skin="classic"] .btn-primary:hover{filter: none;background: #1d4ed8}:root[data-skin="classic"] .btn{border-color: var(--line-strong);background: #fff}:root[data-skin="classic"] .btn:hover{background: var(--glass)}:root[data-skin="classic"] .btn-primary, :root[data-skin="classic"] .btn-danger, :root[data-skin="classic"] .btn-ok, :root[data-skin="classic"] .btn-warn, :root[data-skin="classic"] .btn-info{border-color: transparent}:root[data-skin="classic"] .btn-primary{background: var(--brand)}:root[data-skin="classic"] .input, :root[data-skin="classic"] select.input{background: #fff}:root[data-skin="classic"] .input:focus{box-shadow: 0 0 0 3px rgba(37, 99, 235, .15)}:root[data-skin="classic"] .table td{border-bottom-color: var(--line)}:root[data-skin="classic"] .table tr:hover td{background: #f8fafd}:root[data-skin="classic"] .alert-banner{color: #b4233f;background: #fff1f3;border-color: #fecdd3}:root[data-skin="classic"] .traffic-tip.warn{color: #92400e;background: #fffbeb;border-color: #fde68a}:root[data-skin="classic"] .modal-mask{background: rgba(15, 23, 42, .35)}:root[data-skin="classic"] .ring{filter: none}:root[data-skin="classic"] .bar > i, :root[data-skin="classic"] .bars .col b{box-shadow: none}:root[data-skin="classic"] .tile i{background: color-mix(in srgb, var(--c) 13%, #fff);color: var(--c);box-shadow: none}:root[data-skin="classic"] .tile:hover i{background: var(--c);color: #fff}:root[data-skin="classic"] .tile:hover{box-shadow: none;border-color: #bfd3ff}:root[data-skin="classic"] .wave path.line{filter: none}:root[data-skin="classic"] .tabs{background: #f1f4f9}:root[data-skin="classic"] .switch.on{background: var(--brand)}:root[data-skin="classic"] [data-act="theme"], :root[data-skin="classic"] [data-theme-label]{display: none !important}@media (min-width: 901px){:root[data-skin="classic"] .app{grid-template-columns: 220px 1fr}:root[data-skin="classic"] .sidebar{align-items: stretch;padding: 20px 14px;background: #fff;backdrop-filter: none;border-right-color: var(--line)}:root[data-skin="classic"] .side-brand{margin: 0 6px 18px}:root[data-skin="classic"] .side-brand .logo{margin: 0;box-shadow: none;width: 34px;height: 34px;border-radius: 10px;color: #fff}:root[data-skin="classic"] .side-brand b{display: inline;font-size: 18px}:root[data-skin="classic"] .sidebar .nav-item{width: 100%;height: 42px;display: flex;justify-content: flex-start;gap: 12px;padding: 0 12px;border-radius: 10px;color: var(--text-2)}:root[data-skin="classic"] .sidebar .nav-label{display: inline;font-size: 14px}:root[data-skin="classic"] .sidebar .nav-item svg{width: 18px;height: 18px}:root[data-skin="classic"] .sidebar .nav-item:hover{background: var(--glass);color: var(--text)}:root[data-skin="classic"] .sidebar .nav-item.active{background: #eef3ff;color: var(--brand);border-color: transparent;box-shadow: inset -3px 0 0 var(--brand);font-weight: 600}:root[data-skin="classic"] .sidebar-foot{align-items: flex-start;padding: 0 6px}:root[data-skin="classic"] .avatar{box-shadow: none}}:root[data-skin="classic"] .tabbar{background: #fff;box-shadow: 0 4px 20px rgba(16, 24, 40, .08)}.skin-picks{display: grid;grid-template-columns: 1fr 1fr;gap: 10px}.skin-pick{text-align: left;padding: 12px;border-radius: var(--radius-sm);border: 1px solid var(--line);background: var(--surface);color: var(--text);font: inherit;cursor: pointer;display: flex;flex-direction: column;gap: 4px}.skin-pick span{color: var(--text-3);font-size: 12px}.skin-pick.active{border-color: var(--brand);box-shadow: 0 0 0 3px rgba(59,130,255,.18)}.skin-swatch{display: block;height: 54px;border-radius: 8px;margin-bottom: 6px;border: 1px solid var(--line)}.skin-swatch.modern{background: linear-gradient(90deg, #0a1030 0 18%, transparent 18%), radial-gradient(120px 60px at 80% 0%, rgba(124,92,255,.45), transparent), #050816}.skin-swatch.classic{background: linear-gradient(90deg, #fff 0 18%, transparent 18%), linear-gradient(#2563eb, #2563eb) 30% 60% / 30% 18% no-repeat, #f4f6fa}.shop-filter{display: grid;grid-template-columns: 72px 1fr;gap: 12px;align-items: start;margin-bottom: var(--gap)}.filter-label{padding-top: 10px;color: var(--text-2);font-size: 13px}.group-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));gap: 10px}.group-card{text-align: left;padding: 12px 14px;border-radius: var(--radius-sm);border: 1px solid var(--line);background: var(--surface);color: var(--text);font: inherit;cursor: pointer;transition: .2s}.group-card:hover{border-color: var(--line-strong)}.group-card.active{border-color: var(--brand);box-shadow: 0 0 0 3px rgba(59,130,255,.18)}.product-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: var(--gap)}.product-card{display: flex;flex-direction: column;gap: 10px;cursor: pointer;transition: transform .2s, box-shadow .2s, border-color .2s}.product-card:hover, .product-card:focus-visible{transform: translateY(-6px);border-color: var(--brand);outline: none;box-shadow: 0 18px 40px -12px rgba(59,130,255,.45), 0 0 0 1px rgba(59,130,255,.35)}.product-card:hover .btn-primary{box-shadow: var(--glow)}@media (prefers-reduced-motion: reduce){.product-card, .product-card:hover{transition: none;transform: none}}.shop-cats{margin-bottom: var(--gap);display: grid;gap: 12px}.shop-cats .shop-filter{margin: 0}.cat-tabs, .sub-tabs{display: flex;flex-wrap: wrap;gap: 8px}.cat-tab{padding: 10px 22px;border-radius: var(--radius-sm);border: 1px solid var(--line);background: var(--surface);color: var(--text);font: inherit;font-weight: 600;cursor: pointer;transition: .2s}.cat-tab:hover{border-color: var(--line-strong)}.cat-tab.active{border-color: var(--brand);box-shadow: 0 0 0 3px rgba(59,130,255,.18)}.sub-tab{padding: 6px 14px;border-radius: 999px;border: 1px solid var(--line);background: transparent;color: var(--text-2);font: inherit;font-size: 13px;cursor: pointer;transition: .2s}.sub-tab:hover{color: var(--text);border-color: var(--line-strong)}.sub-tab.active{background: var(--brand-grad);color: #fff;border-color: transparent}.product-card .tag{align-self: flex-start;padding: 2px 8px;border-radius: 6px;font-size: 12px;color: var(--brand);background: rgba(59,130,255,.12);border: 1px solid rgba(59,130,255,.3)}.product-card h3{font-size: 18px}.product-desc{color: var(--text-2);font-size: 13px;line-height: 1.7}.desc-list{margin: 0;padding-left: 18px}.desc-list li{margin: 0}.spec-list{list-style: none;margin: 0;padding: 0;display: grid;gap: 6px;font-size: 13px}.spec-list li{display: grid;grid-template-columns: 40px 1fr;gap: 8px}.spec-list span{color: var(--text-3)}.spec-list b{font-weight: 500}.product-foot{margin-top: auto;padding-top: 12px;border-top: 1px solid var(--line);display: flex;align-items: flex-end;justify-content: space-between}.product-price{font-size: 26px;font-weight: 600;color: var(--brand)}.product-price small{font-size: 12px;color: var(--text-3);font-weight: 400;margin-left: 2px}.cfg-block h3{margin-bottom: 14px}.region + .region{margin-top: 10px}.region > .faint{display: block;margin-bottom: 6px}.choice-price{font-weight: 600;margin-left: 4px}.choice .save{color: var(--ok);white-space: nowrap}.choice-grid.wide{grid-template-columns: repeat(auto-fill, minmax(170px, 1fr))}.buy-layout{display: grid;grid-template-columns: minmax(0, 1fr) 360px;gap: var(--gap);align-items: start}.buy-summary{position: sticky;top: 24px;padding: 0;overflow: hidden}.sum-head{padding: 22px 20px;text-align: center;background: var(--brand-grad);color: #fff;display: flex;flex-direction: column;gap: 4px}.sum-head span, .sum-head small{opacity: .85;font-size: 13px}.sum-head b{font-size: 36px;font-weight: 700}.sum-body{padding: 18px 20px 20px}.sum-lines{display: grid;grid-template-columns: 1fr auto;gap: 10px 12px;margin: 0 0 14px;padding-bottom: 14px;border-bottom: 1px solid var(--line);font-size: 13px}.sum-lines dt{color: var(--text-2)}.sum-lines dd{margin: 0;text-align: right}.sum-credit{margin-bottom: 14px}.sum-pay{display: grid;gap: 8px}.pay-way{display: grid;grid-template-columns: auto 1fr;gap: 0 10px;align-items: center;padding: 10px 12px;border-radius: var(--radius-sm);border: 1px solid var(--line);background: var(--surface);cursor: pointer}.pay-way input{grid-row: span 2;accent-color: var(--brand)}.pay-way span{color: var(--text-3);font-size: 12px}.pay-way.active{border-color: var(--brand);background: rgba(59,130,255,.08)}.pay-way.off{opacity: .5;cursor: not-allowed}.sum-buy{width: 100%;height: 46px;margin-top: 16px;font-size: 15px}.buy-bar{display: none}@media (max-width: 900px){.shop-filter{grid-template-columns: 1fr;gap: 6px}.filter-label{padding-top: 0}.buy-layout{grid-template-columns: 1fr}.buy-summary{position: static}.buy-bar{display: flex;align-items: center;justify-content: space-between;gap: 12px;position: fixed;left: 12px;right: 12px;bottom: 84px;z-index: 19;padding: 10px 10px 10px 16px;border-radius: 16px;background: var(--surface-strong);border: 1px solid var(--line-strong);backdrop-filter: blur(18px);box-shadow: var(--shadow)}.buy-bar b{font-size: 20px}.main:has(.buy-bar){padding-bottom: 170px}}.nav-group, .skin-c{display: none}:root[data-skin="classic"] .skin-m{display: none}:root[data-skin="classic"] .skin-c{display: inline}:root[data-skin="classic"] body{border-top: 4px solid #6d4fc2}:root[data-skin="classic"] h1, :root[data-skin="classic"] h3{color: #111827;font-weight: 700}:root[data-skin="classic"] .card{border-radius: 14px;border-color: #edf0f5;box-shadow: 0 1px 2px rgba(16,24,40,.04)}:root[data-skin="classic"] .product-card .btn-primary{background: #111827;border-radius: 10px;height: 40px;padding: 0 22px;font-weight: 600}:root[data-skin="classic"] .product-card .btn-primary:hover{background: #1f2937}:root[data-skin="classic"] .product-card .tag{background: #eef3ff;border-color: #dbe6ff;color: #2563eb}:root[data-skin="classic"] .product-card:hover{border-color: #2563eb;box-shadow: 0 16px 32px -14px rgba(37,99,235,.35), 0 0 0 1px rgba(37,99,235,.25)}:root[data-skin="classic"] .product-card:hover .btn-primary{box-shadow: none;background: #2563eb}:root[data-skin="classic"] .cat-tab.active{border-color: #2563eb;background: #eef4ff;box-shadow: none}:root[data-skin="classic"] .sub-tab.active{background: #2563eb}:root[data-skin="classic"] .group-card.active, :root[data-skin="classic"] .choice.active{border-color: #2563eb;background: #eef4ff;box-shadow: none}:root[data-skin="classic"] .choice.active{box-shadow: inset 0 0 0 1px #2563eb}:root[data-skin="classic"] .sum-head{background: #2563eb;padding: 28px 20px}:root[data-skin="classic"] .sum-buy, :root[data-skin="classic"] .btn-primary{border-radius: 10px}:root[data-skin="classic"] .pay-way.active{background: #f5f8ff}:root[data-skin="classic"] .tabs button.active, :root[data-skin="classic"] .tabs a.active{background: #2563eb}@media (min-width: 901px){:root[data-skin="classic"] .app{grid-template-columns: 240px 1fr}:root[data-skin="classic"] .sidebar{gap: 2px}:root[data-skin="classic"] .sidebar > *{order: var(--o, 99)}:root[data-skin="classic"] .side-brand{order: -1}:root[data-skin="classic"] .sidebar-foot{order: 100}:root[data-skin="classic"] .nav-group{display: block;margin: 14px 12px 6px;font-size: 12px;font-weight: 600;color: #374151}:root[data-skin="classic"] .sidebar .nav-item{height: 44px;font-weight: 500;color: #374151}:root[data-skin="classic"] .sidebar .nav-item.active{background: #eef3ff;color: #2563eb;box-shadow: inset -3px 0 0 #2563eb}}.choice.fixed{cursor: default;font-weight: 600}.choice.fixed small{font-weight: 400;margin-bottom: 2px}.qty{display: grid;grid-template-columns: 36px 1fr 36px 160px;gap: 12px;align-items: center}.qty input[type=range]{width: 100%;accent-color: var(--brand)}.qty-input{position: relative}.qty-input .input{width: 100%;text-align: right;padding-right: 44px;font-weight: 600}.qty-input span{position: absolute;right: 12px;top: 50%;transform: translateY(-50%);color: var(--text-3);font-size: 12px}.qty-hint{display: flex;justify-content: space-between;gap: 8px;margin-top: 8px;padding: 0 48px}@media (max-width: 900px){.qty{grid-template-columns: 36px 1fr 36px}.qty-input{grid-column: 1 / -1}.qty-hint{padding: 0;flex-wrap: wrap}}.kv{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));border-top: 1px solid var(--line)}.kv > div{display: flex;gap: 12px;padding: 11px 4px;border-bottom: 1px solid var(--line);font-size: 13px;min-width: 0}.kv > div:nth-child(odd){padding-right: 16px}.kv > div > span:first-child{color: var(--text-3);width: 84px;flex: none}.form-grid{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 14px}.form-grid .span-2{grid-column: span 2}.form-grid .field, .form-grid .input{min-width: 0}@media (max-width: 900px){.kv{grid-template-columns: 1fr}.kv > div:nth-child(odd){padding-right: 4px}.form-grid{grid-template-columns: repeat(2, minmax(0, 1fr))}}@media (max-width: 520px){.form-grid{grid-template-columns: minmax(0, 1fr)}.form-grid .span-2{grid-column: auto}}.grow{flex: 1;min-width: 0}.due-warn{color: var(--warn);font-weight: 600}.due-bad{color: var(--bad);font-weight: 600}.svc.warn, :root[data-skin="classic"] .svc.warn{border-color: var(--warn);box-shadow: inset 4px 0 0 var(--warn);background: linear-gradient(90deg, rgba(245,165,36,.10), transparent 45%), var(--surface)}.svc.bad, :root[data-skin="classic"] .svc.bad{border-color: var(--bad);box-shadow: inset 4px 0 0 var(--bad);background: linear-gradient(90deg, rgba(244,63,94,.12), transparent 45%), var(--surface)}.svc.ok, :root[data-skin="classic"] .svc.ok{border-color: color-mix(in srgb, var(--ok) 55%, transparent);box-shadow: inset 4px 0 0 var(--ok);background: linear-gradient(90deg, rgba(52,211,153,.10), transparent 45%), var(--surface)}.svc.info, :root[data-skin="classic"] .svc.info{border-color: color-mix(in srgb, var(--brand) 55%, transparent);box-shadow: inset 4px 0 0 var(--brand);background: linear-gradient(90deg, rgba(59,130,255,.10), transparent 45%), var(--surface)}.svc-row.ok td:first-child{box-shadow: inset 4px 0 0 var(--ok)}.svc-row.info td:first-child{box-shadow: inset 4px 0 0 var(--brand)}.svc-row.ok td{background: rgba(52,211,153,.05)}.svc-row.info td{background: rgba(59,130,255,.05)}.btn-detail{color: #fff;border-color: transparent;background: linear-gradient(135deg, #1d4ed8, #3b5bdb)}.btn-detail:hover{color: #fff;filter: brightness(1.12)}.svc-row.warn td:first-child{box-shadow: inset 4px 0 0 var(--warn)}.svc-row.bad td:first-child{box-shadow: inset 4px 0 0 var(--bad)}.svc-row.warn td{background: rgba(245,165,36,.06)}.svc-row.bad td{background: rgba(244,63,94,.07)}.btn-renew-bad{background: var(--bad);color: #fff;border-color: transparent}.btn-renew-bad:hover{filter: brightness(1.08)}.pick{display: inline-flex;align-items: center;cursor: pointer}.pick input{width: 18px;height: 18px;accent-color: var(--brand);cursor: pointer}.status-bar{display: flex;gap: 8px;flex-wrap: wrap;margin-bottom: var(--gap)}.status-chip{display: inline-flex;align-items: center;gap: 6px;padding: 7px 14px;border-radius: 999px;border: 1px solid var(--line);background: var(--surface);color: var(--text-2);font: inherit;font-size: 13px;cursor: pointer;transition: .2s}.status-chip:hover{border-color: var(--line-strong);color: var(--text)}.status-chip b{font-weight: 600;color: var(--text)}.status-chip.warn b{color: var(--warn)}.status-chip.bad b{color: var(--bad)}.status-chip.active{border-color: var(--brand);color: var(--text);box-shadow: 0 0 0 3px rgba(59,130,255,.15)}.view-toggle{display: inline-flex;padding: 3px;border-radius: 999px;border: 1px solid var(--line);background: var(--surface)}.view-toggle button{border: 0;background: transparent;color: var(--text-2);font: inherit;font-size: 12px;padding: 5px 12px;border-radius: 999px;cursor: pointer}.view-toggle button.active{background: var(--brand-grad);color: #fff}.select-bar{position: sticky;bottom: 16px;z-index: 15;margin-top: var(--gap);display: flex;align-items: center;justify-content: space-between;gap: 12px;flex-wrap: wrap;padding: 12px 16px;border-radius: var(--radius-sm);background: var(--surface-strong);border: 1px solid var(--brand);box-shadow: var(--shadow);backdrop-filter: blur(18px)}@media (max-width: 900px){.select-bar{bottom: 96px}}.batch-list{display: grid;gap: 8px;max-height: 50vh;overflow: auto}.batch-item{display: flex;align-items: center;gap: 10px;padding: 10px 12px;border-radius: var(--radius-sm);border: 1px solid var(--line);cursor: pointer}.batch-item input{width: 18px;height: 18px;accent-color: var(--brand);flex: none}.batch-item.warn{box-shadow: inset 4px 0 0 var(--warn)}.batch-item.bad{box-shadow: inset 4px 0 0 var(--bad)}:root[data-skin="classic"] .view-toggle button.active, :root[data-skin="classic"] .status-chip.active{background: #2563eb;color: #fff;border-color: #2563eb;box-shadow: none}:root[data-skin="classic"] .status-chip.active b{color: #fff}:root[data-skin="classic"] .select-bar{background: #fff;border-color: #2563eb}:root[data-skin="classic"] .btn-renew-bad{background: var(--bad);color: #fff;border-color: transparent;border-radius: 10px}:root[data-skin="classic"] .btn-renew-bad:hover{background: #e11d48}:root[data-skin="classic"] .btn-ok{background: #16a34a}:root[data-skin="classic"] .btn-ok:hover{background: #15803d;filter: none}:root[data-skin="classic"] .btn-warn{background: #f59e0b}:root[data-skin="classic"] .btn-warn:hover{background: #d97706;filter: none}:root[data-skin="classic"] .btn-detail{color: #fff;background: #1e40af;border-color: transparent}:root[data-skin="classic"] .btn-detail:hover{color: #fff;background: #1e3a8a}.topbar-wrap{flex-wrap: wrap}.topbar-wrap > div:first-child{flex: 1 0 auto}.topbar-wrap h1{white-space: nowrap}.choice.off, .choice:disabled{opacity: .45;cursor: not-allowed}.ip-qty{display: flex;align-items: center;gap: 8px;flex-wrap: wrap}.ip-cred{display: grid;gap: 8px}.ip-cred .row{gap: 8px}.ip-cred code{font-family: var(--mono);font-size: 13px;padding: 2px 8px;border-radius: 6px;background: var(--glass-strong);border: 1px solid var(--line);word-break: break-all}.lg-page{min-height: 100vh;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 24px 16px;gap: 14px}.lg-shell{width: min(1180px, 100%);display: grid;grid-template-columns: 1fr 1fr;border-radius: 26px;border: 1px solid var(--line-strong);overflow: hidden;background: linear-gradient(160deg, rgba(20, 40, 90, .55), rgba(6, 12, 32, .75));box-shadow: 0 30px 80px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .05);backdrop-filter: blur(18px)}.lg-hero{padding: 52px 52px 44px;display: flex;flex-direction: column;gap: 22px;min-width: 0}.lg-panel{border-left: 1px solid var(--line);display: grid;place-items: center;padding: 44px 40px;background: rgba(3, 8, 24, .35);min-width: 0}.lg-box{width: min(384px, 100%)}.lg-eyebrow{font-style: italic;color: #5aa2ff;font-size: 17px;display: flex;align-items: center;gap: 10px}.lg-eyebrow i{width: 34px;height: 1px;background: linear-gradient(90deg, #5aa2ff, transparent)}.lg-hero h1{font-size: clamp(32px, 3.4vw, 44px);line-height: 1.22;margin: -6px 0 0;letter-spacing: 1px}.lg-hero h1 span{background: linear-gradient(90deg, #2f80ff, #5fb0ff);-webkit-background-clip: text;background-clip: text;color: transparent}.lg-lead{color: var(--text-2);font-size: 14px;line-height: 1.75;margin: -6px 0 0;max-width: 400px}.lg-flow{display: flex;align-items: flex-start;max-width: 430px;margin: 4px 0}.lg-node{display: flex;flex-direction: column;align-items: center;gap: 8px;font-size: 12px;color: var(--text-2);flex: none}.lg-node i{width: 44px;height: 44px;border-radius: 12px;display: grid;place-items: center;color: #8fbcff;border: 1px solid rgba(90, 150, 255, .35);background: rgba(40, 80, 170, .22)}.lg-node svg{width: 20px;height: 20px}.lg-node.hub i{width: 56px;height: 56px;border-radius: 16px;color: #fff;background: linear-gradient(145deg, #2f7bff, #1a4fd6);border: 0;box-shadow: 0 0 0 6px rgba(60, 120, 255, .14), 0 0 0 7px rgba(90, 150, 255, .4), 0 0 30px rgba(47, 123, 255, .6)}.lg-node.hub{margin-top: -6px}.lg-node.hub svg{width: 22px;height: 22px}.lg-wire{flex: 1;height: 1px;margin: 22px 10px 0;background: linear-gradient(90deg, rgba(90, 150, 255, .25), rgba(120, 170, 255, .8), rgba(90, 150, 255, .25));position: relative}.lg-wire b{position: absolute;top: -3px;width: 7px;height: 7px;border-radius: 50%;background: #e8f1ff;box-shadow: 0 0 10px 2px #3b82ff;animation: lg-run 2.6s linear infinite}.lg-wire + .lg-node + .lg-wire b{animation-delay: 1.3s}@keyframes lg-run{from{left: 0}to{left: calc(100% - 7px)}}@media (prefers-reduced-motion: reduce){.lg-wire b{animation: none;left: 70%}}.lg-promo{border-radius: 18px;padding: 18px 18px 16px;border: 1px solid rgba(255, 176, 96, .38);position: relative;overflow: hidden;background: radial-gradient(160px 160px at 92% 10%, rgba(255, 176, 96, .14), transparent 70%), linear-gradient(135deg, rgba(120, 70, 30, .45), rgba(40, 26, 20, .35) 60%, rgba(20, 20, 30, .3))}.lg-promo-head{display: flex;gap: 14px;align-items: center}.lg-gift{width: 52px;height: 52px;border-radius: 14px;flex: none;display: grid;place-items: center;color: #fff;background: linear-gradient(145deg, #ff9d5c, #ff5f6d);box-shadow: 0 0 22px rgba(255, 120, 80, .45)}.lg-gift svg{width: 26px;height: 26px}.lg-tag{display: inline-flex;align-items: center;gap: 3px;font-size: 11px;font-weight: 600;color: #3a1d00;background: linear-gradient(90deg, #ffc46b, #ffa24a);border-radius: 999px;padding: 2px 8px}.lg-tag svg{width: 11px;height: 11px}.lg-promo h3{margin: 6px 0 2px;font-size: 18px;color: #fff3e6}.lg-promo p{margin: 0;font-size: 12px;color: #d9c4ae}.lg-steps{display: grid;grid-template-columns: repeat(3, 1fr);gap: 8px;margin: 16px 0 14px}.lg-step{position: relative;display: flex;flex-direction: column;align-items: center;gap: 4px;text-align: center;padding: 16px 6px 10px;border-radius: 10px;border: 1px solid rgba(255, 176, 96, .5);background: rgba(10, 10, 18, .55)}.lg-step i{color: #ffb45c}.lg-step i svg{width: 18px;height: 18px}.lg-step b{font-size: 12.5px;color: #fff}.lg-step small{font-size: 11px;color: #a99a8c}.lg-num{position: absolute;top: -9px;width: 18px;height: 18px;border-radius: 50%;font-size: 11px;font-weight: 700;display: grid;place-items: center;color: #3a1d00;background: #ffb45c;box-shadow: 0 0 0 3px rgba(40, 26, 20, .9)}.lg-promo-btn{width: 100%;height: 42px;border: 0;border-radius: 999px;cursor: pointer;font: 600 14px var(--font);color: #2a1600;display: flex;align-items: center;justify-content: center;gap: 8px;background: linear-gradient(90deg, #ffd585, #ff9f45);box-shadow: 0 6px 22px rgba(255, 150, 60, .3);transition: .2s}.lg-promo-btn:hover{filter: brightness(1.06);transform: translateY(-1px)}.lg-promo-btn svg{width: 16px;height: 16px}.lg-points{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 14px}.lg-points li{display: flex;gap: 14px;align-items: center}.lg-points i{width: 32px;height: 32px;border-radius: 9px;display: grid;place-items: center;flex: none;color: #8fbcff;border: 1px solid rgba(90, 150, 255, .35);background: rgba(40, 80, 170, .2)}.lg-points svg{width: 16px;height: 16px}.lg-points b{display: block;font-size: 14px}.lg-points small{color: var(--text-3);font-size: 12px}.lg-brand{display: none;align-items: center;gap: 10px;margin-bottom: 18px}.lg-brand .logo{width: 36px;height: 36px;border-radius: 10px;display: grid;place-items: center;font-weight: 700;color: #fff;background: var(--brand-grad)}.lg-title h2{font-size: 30px;margin: 0;letter-spacing: 4px}.lg-title p{margin: 6px 0 24px;color: var(--text-2);font-size: 13px}.lg-title a, .lg-link, .lg-terms a, .lg-check a{color: #4c9bff;font-weight: 600}.lg-seg{display: grid;grid-template-columns: 1fr 1fr;gap: 4px;padding: 4px;border-radius: 14px;border: 1px solid var(--line);background: rgba(0, 0, 0, .25);margin-bottom: 18px}.lg-seg button{height: 38px;border: 0;border-radius: 10px;background: transparent;color: var(--text-2);font: 500 14px var(--font);cursor: pointer;transition: .2s}.lg-seg button.active{color: #fff;background: linear-gradient(90deg, #2468ff, #3d8bff);box-shadow: 0 4px 16px rgba(47, 123, 255, .35)}.lg-seg button:not(.active):hover{color: var(--text)}.lg-by{display: flex;gap: 20px;margin-bottom: 14px}.lg-by button{border: 0;background: none;padding: 0 0 6px;color: var(--text-3);font: 500 12.5px var(--font);cursor: pointer;border-bottom: 2px solid transparent}.lg-by button.active{color: #4c9bff;border-bottom-color: #4c9bff}.lg-form{display: flex;flex-direction: column;gap: 14px}.lg-field{display: flex;flex-direction: column;gap: 8px}.lg-field[hidden]{display: none}.lg-field > label{font-size: 12.5px;color: var(--text-2)}.lg-input{position: relative;flex: 1;min-width: 0}.lg-input svg{position: absolute;left: 14px;top: 50%;width: 15px;height: 15px;transform: translateY(-50%);color: var(--text-3);pointer-events: none}.lg-input input, .lg-cc{width: 100%;height: 46px;border-radius: 12px;border: 1px solid var(--line);background: rgba(0, 0, 0, .28);color: var(--text);font: 14px var(--font);padding: 0 14px 0 40px;outline: none;transition: .2s}.lg-input input::placeholder{color: var(--text-3)}.lg-input input:focus, .lg-cc:focus{border-color: #3d8bff;box-shadow: 0 0 0 3px rgba(61, 139, 255, .18)}.lg-input input[type="password"]:not(:placeholder-shown){letter-spacing: 3px}.lg-phone, .lg-code{display: flex;gap: 10px}.lg-cc{width: 82px;flex: none;padding: 0 10px;cursor: pointer}.lg-send{flex: none;width: 112px;height: 46px;border-radius: 12px;border: 1px solid rgba(61, 139, 255, .45);background: rgba(47, 123, 255, .12);color: #6aa8ff;font: 500 13px var(--font);cursor: pointer}.lg-send:disabled{opacity: .6;cursor: default}.lg-forgot{align-self: flex-end;margin-top: -2px}.lg-link.small{font-size: 12px}.lg-check{display: flex;align-items: center;gap: 8px;font-size: 12.5px;color: var(--text-2);cursor: pointer;margin-top: 2px}.lg-check input{width: 15px;height: 15px;accent-color: #2f7bff}.lg-submit{height: 52px;margin-top: 6px;border: 0;border-radius: 999px;cursor: pointer;color: #fff;font: 600 16px var(--font);letter-spacing: 2px;background: linear-gradient(90deg, #1f66ff, #3d8bff 60%, #4aa3ff);box-shadow: 0 10px 30px rgba(47, 123, 255, .4);transition: .2s}.lg-submit:hover{filter: brightness(1.08);transform: translateY(-1px)}.lg-submit.loading{opacity: .7;pointer-events: none}.lg-terms{text-align: center;font-size: 12px;color: var(--text-3);margin: 4px 0 0}.lg-note{margin: 18px 0 0;font-size: 12px;color: var(--text-3);text-align: center}:root[data-theme="light"] .lg-shell, :root[data-skin="classic"] .lg-shell{background: linear-gradient(160deg, #ffffff, #f4f7ff);box-shadow: 0 24px 60px rgba(30, 45, 110, .12)}:root[data-theme="light"] .lg-panel, :root[data-skin="classic"] .lg-panel{background: #fff}:root[data-theme="light"] .lg-input input, :root[data-theme="light"] .lg-cc, :root[data-theme="light"] .lg-seg, :root[data-skin="classic"] .lg-input input, :root[data-skin="classic"] .lg-cc, :root[data-skin="classic"] .lg-seg{background: #f6f8fd}:root[data-theme="light"] .lg-promo, :root[data-skin="classic"] .lg-promo{background: linear-gradient(135deg, #fff4e8, #fffaf5);border-color: #ffd3a6}:root[data-theme="light"] .lg-promo h3, :root[data-skin="classic"] .lg-promo h3{color: #4a2a0c}:root[data-theme="light"] .lg-promo p, :root[data-skin="classic"] .lg-promo p, :root[data-theme="light"] .lg-step small, :root[data-skin="classic"] .lg-step small{color: #96765a}:root[data-theme="light"] .lg-step, :root[data-skin="classic"] .lg-step{background: #fff;border-color: #ffd3a6}:root[data-theme="light"] .lg-step b, :root[data-skin="classic"] .lg-step b{color: #3b2410}:root[data-theme="light"] .lg-num, :root[data-skin="classic"] .lg-num{box-shadow: 0 0 0 3px #fff}:root[data-theme="light"] .lg-node i, :root[data-theme="light"] .lg-points i, :root[data-skin="classic"] .lg-node i, :root[data-skin="classic"] .lg-points i{color: #2f6bff;background: #eef3ff}:root[data-theme="light"] .lg-node.hub i, :root[data-skin="classic"] .lg-node.hub i{color: #fff;background: linear-gradient(145deg, #2f7bff, #1a4fd6)}:root[data-skin="classic"] .lg-hero h1 span{-webkit-text-fill-color: transparent}@media (max-width: 900px){.lg-page{padding: 14px 12px 24px;justify-content: flex-start}.lg-shell{grid-template-columns: minmax(0, 1fr);border-radius: 20px}.lg-panel{order: -1;border-left: 0;border-bottom: 1px solid var(--line);padding: 28px 20px}.lg-brand{display: flex}.lg-hero{padding: 24px 20px;gap: 16px}.lg-hero h1, .lg-eyebrow, .lg-lead, .lg-flow{display: none}.lg-steps{gap: 6px}.lg-step{padding: 14px 4px 8px}.lg-step small{display: none}.lg-title h2{font-size: 26px}}@media (min-width: 901px){:root:not([data-skin="classic"]) .app.labeled{grid-template-columns: 188px 1fr}:root:not([data-skin="classic"]) .app.labeled .sidebar{align-items: stretch;padding: 20px 12px;gap: 4px;overflow-y: auto}:root:not([data-skin="classic"]) .app.labeled .side-brand{margin: 0 6px 14px}:root:not([data-skin="classic"]) .app.labeled .side-brand .logo{margin: 0;width: 36px;height: 36px;border-radius: 11px}:root:not([data-skin="classic"]) .app.labeled .side-brand b{display: inline;font-size: 17px}:root:not([data-skin="classic"]) .app.labeled .sidebar .nav-item{width: 100%;height: 42px;display: flex;justify-content: flex-start;align-items: center;gap: 12px;padding: 0 12px;border-radius: 11px;flex: none}:root:not([data-skin="classic"]) .app.labeled .sidebar .nav-label{display: inline;font-size: 14px;white-space: nowrap}:root:not([data-skin="classic"]) .app.labeled .sidebar .nav-item svg{width: 19px;height: 19px;flex: none}:root:not([data-skin="classic"]) .app.labeled .sidebar .nav-item.active{color: #fff;background: linear-gradient(90deg, rgba(59,130,255,.32), rgba(124,92,255,.14))}:root:not([data-skin="classic"]) .app.labeled .sidebar .nav-item.active svg{color: #8fb4ff}:root:not([data-skin="classic"]) .app.labeled .sidebar-foot{flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: flex-start;padding: 10px 4px 0;border-top: 1px solid var(--line)}:root:not([data-skin="classic"]) .app.labeled .sidebar-foot .nav-item{width: 40px;height: 40px;padding: 0;justify-content: center}:root:not([data-skin="classic"]) .app.labeled .sidebar-foot .avatar{margin: 0 0 0 auto}:root:not([data-skin="classic"]) .app.labeled .nav-item.dot::after{top: 8px;right: auto;left: 26px}}:root[data-theme="light"] .app.labeled .sidebar .nav-item.active{color: var(--brand)}.bank-card{position: relative;display: flex;flex-direction: column;justify-content: space-between;aspect-ratio: 1.586;min-height: 0;padding: 22px 24px 20px;border-radius: 18px;color: #e9e6df;overflow: hidden;isolation: isolate;text-decoration: none;background: radial-gradient(120% 90% at 100% 0%, rgba(255, 255, 255, .10), transparent 45%), radial-gradient(90% 120% at 0% 100%, rgba(120, 120, 135, .16), transparent 55%), repeating-linear-gradient(90deg, rgba(255, 255, 255, .018) 0 1px, transparent 1px 3px), linear-gradient(135deg, #2a2b30 0%, #121215 38%, #08080a 62%, #1b1c20 100%);border: 1px solid rgba(255, 255, 255, .14);box-shadow: 0 1px 0 rgba(255, 255, 255, .18) inset, 0 -1px 0 rgba(0, 0, 0, .6) inset, 0 18px 40px rgba(0, 0, 0, .45), 0 4px 12px rgba(0, 0, 0, .3);transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s}.bank-card::before{content: "";position: absolute;inset: 0;z-index: -1;opacity: .5;background: repeating-radial-gradient(circle at 115% 120%, transparent 0 14px, rgba(255, 255, 255, .035) 14px 15px)}.bank-card::after{content: "";position: absolute;inset: -40% -60%;z-index: 1;pointer-events: none;transform: translateX(-60%) rotate(18deg);background: linear-gradient(90deg, transparent 40%, rgba(255, 255, 255, .13) 50%, transparent 60%);transition: transform .9s ease}.bank-card:hover{transform: translateY(-4px) rotateX(4deg);box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset, 0 26px 50px rgba(0, 0, 0, .5), 0 6px 16px rgba(0, 0, 0, .3)}.bank-card:hover::after{transform: translateX(60%) rotate(18deg)}.bank-top, .bank-mid, .bank-bottom{display: flex;align-items: center;justify-content: space-between;gap: 12px;position: relative;z-index: 2}.bank-brand{display: flex;align-items: baseline;gap: 8px}.bank-brand b{font-size: 17px;letter-spacing: 3px;font-weight: 700;background: linear-gradient(180deg, #ffffff, #b9b6ae 55%, #8d8a83);-webkit-background-clip: text;background-clip: text;color: transparent}.bank-brand i{font-style: normal;font-size: 10px;letter-spacing: 3px;padding: 2px 7px;border-radius: 4px;color: #d9d4c7;border: 1px solid rgba(217, 212, 199, .4)}.bank-nfc{width: 24px;height: 24px;color: rgba(233, 230, 223, .75);transform: rotate(0deg)}.bank-chip{width: 46px;height: 35px;border-radius: 7px;flex: none;position: relative;overflow: hidden;background: linear-gradient(135deg, #f3dfa8 0%, #c9a65a 35%, #f6e7b8 55%, #a8843e 100%);box-shadow: 0 0 0 1px rgba(0, 0, 0, .35) inset, 0 1px 2px rgba(0, 0, 0, .4)}.bank-chip::before, .bank-chip::after{content: "";position: absolute;background: rgba(90, 64, 20, .45)}.bank-chip::before{left: 0;right: 0;top: 33%;height: 1px;box-shadow: 0 11px 0 rgba(90, 64, 20, .45)}.bank-chip::after{top: 0;bottom: 0;left: 50%;width: 1px}.bank-chip i{position: absolute;inset: 9px 14px;border-radius: 4px;border: 1px solid rgba(90, 64, 20, .45)}.bank-amount{text-align: right}.bank-amount small{display: block;font-size: 10.5px;letter-spacing: 2px;color: rgba(233, 230, 223, .55);margin-bottom: 2px}.bank-amount b{font: 600 34px/1.05 var(--font);letter-spacing: .5px;font-variant-numeric: tabular-nums;background: linear-gradient(180deg, #ffffff 10%, #d7d3ca 55%, #9d9990);-webkit-background-clip: text;background-clip: text;color: transparent}.bank-amount em{font-style: normal;font-size: 20px;margin-right: 4px}.bank-amount span{font-size: 20px}.bank-no{display: block;font-family: var(--mono);font-size: 14px;letter-spacing: 2.5px;color: #d6d2c8;text-shadow: 0 1px 0 rgba(0, 0, 0, .6)}.bank-bottom small{display: block;margin-top: 4px;font-size: 9.5px;letter-spacing: 1.8px;color: rgba(233, 230, 223, .45)}.bank-pay{display: inline-flex;align-items: center;gap: 6px;padding: 7px 14px;border-radius: 999px;font-size: 13px;font-weight: 600;color: #1a1712;background: linear-gradient(180deg, #f6f3ec, #cfcabd);box-shadow: 0 1px 0 rgba(255, 255, 255, .6) inset, 0 4px 12px rgba(0, 0, 0, .35);transition: .2s}.bank-pay svg{width: 14px;height: 14px;transition: transform .2s}.bank-card:hover .bank-pay svg{transform: translateX(3px)}.bank-stats{display: grid;grid-template-columns: repeat(3, max-content);gap: 36px;margin-top: 22px;position: relative;z-index: 1}.bank-stats b{font-size: 18px}.bank-stats > div{display: flex;flex-direction: column;gap: 4px}.bank-stats span{font-size: 12px}@media (prefers-reduced-motion: reduce){.bank-card, .bank-card::after{transition: none}}@media (max-width: 900px){.bank-amount b{font-size: 30px}}@media (max-width: 380px){.bank-card{padding: 18px 18px 16px}.bank-no{font-size: 12.5px;letter-spacing: 1.5px}}.appbar{display: flex;justify-content: flex-end;align-items: center;gap: 10px;margin: -12px 0 14px}.me-chip{display: inline-flex;align-items: center;gap: 8px;height: 36px;padding: 0 14px 0 4px;border-radius: 999px;border: 1px solid var(--line);background: var(--surface);color: var(--text-2);font-size: 13px;transition: .2s}.me-chip:hover{color: var(--text);border-color: var(--line-strong)}.me-chip i{width: 28px;height: 28px;border-radius: 50%;display: grid;place-items: center;font: 600 11.5px var(--font);font-style: normal;color: #fff;background: var(--brand-grad)}.logout-btn{display: inline-flex;align-items: center;gap: 7px;height: 36px;padding: 0 14px 0 12px;border-radius: 999px;cursor: pointer;border: 1px solid color-mix(in srgb, var(--bad) 35%, var(--line));background: color-mix(in srgb, var(--bad) 8%, transparent);color: color-mix(in srgb, var(--bad) 75%, var(--text));font: 500 13px var(--font);transition: .2s}.logout-btn svg{width: 16px;height: 16px;transition: transform .2s}.logout-btn:hover{color: #fff;background: var(--bad);border-color: var(--bad);box-shadow: 0 6px 18px color-mix(in srgb, var(--bad) 35%, transparent)}.logout-btn:hover svg{transform: translateX(2px)}.app.has-appbar .sidebar-foot .avatar{display: none}@media (max-width: 900px){.appbar{display: none}}:root[data-skin="classic"] .me-chip{background: #fff}:root[data-skin="classic"] .logout-btn:hover{box-shadow: none}@media (min-width: 901px){.hero-fill{height: 100%;display: flex;flex-direction: column}.hero-fill > svg:last-child, .hero-fill > .wave{margin-top: auto}}.hero-fill .wave{height: 64px;opacity: .85}.hero-fill{padding-bottom: 60px}.skin-switch{display: inline-flex;padding: 3px;border-radius: 999px;border: 1px solid var(--line);background: var(--surface)}.skin-switch button{height: 28px;padding: 0 12px;border: 0;border-radius: 999px;background: transparent;color: var(--text-2);font: 500 12.5px var(--font);cursor: pointer;transition: .2s}.skin-switch button:hover{color: var(--text)}.skin-switch button.active{color: #fff;background: var(--brand-grad)}.skin-switch.big button{height: 34px;padding: 0 20px;font-size: 14px}:root[data-skin="classic"] .skin-switch{background: #fff}:root[data-skin="classic"] .skin-switch button.active{background: var(--brand)}@media (min-width: 901px){:root:not([data-skin="classic"]) .app.labeled.has-appbar{grid-template-columns: 212px 1fr}:root:not([data-skin="classic"]) .app.labeled .sidebar > *{order: var(--o, 99)}:root:not([data-skin="classic"]) .app.labeled .side-brand{order: -1}:root:not([data-skin="classic"]) .app.labeled .sidebar-foot{order: 100}:root:not([data-skin="classic"]) .app.labeled .nav-group{display: block;margin: 14px 12px 6px;font-size: 12px;font-weight: 600;letter-spacing: 1px;color: var(--text-3)}:root:not([data-skin="classic"]) .app.labeled .sidebar .skin-m{display: none}:root:not([data-skin="classic"]) .app.labeled .sidebar .skin-c{display: inline}}.home-top{display: grid;grid-template-columns: minmax(0, 1fr) clamp(300px, 30%, 420px);gap: var(--gap);align-items: stretch}.home-top .bank-card{align-self: start;width: 100%}.svc-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr));gap: var(--gap);align-items: start}@media (max-width: 900px){.home-top{grid-template-columns: minmax(0, 1fr)}}.home-top{grid-template-columns: minmax(0, 1fr) clamp(340px, 30%, 420px)}.bank-no, .bank-pay{white-space: nowrap}@media (max-width: 1100px) and (min-width: 901px){.home-top{grid-template-columns: minmax(0, 1fr) 340px}}@media (max-width: 900px){.home-top{grid-template-columns: minmax(0, 1fr)}.tabbar{overflow-x: visible;gap: 0}.tabbar .nav-item{flex: 1 1 0;min-width: 0;padding: 6px 0}.tabbar .nav-item span{white-space: nowrap}}:root[data-skin="classic"] .btn-info{color: #fff;background: #3b82f6}:root[data-skin="classic"] .btn-info:hover{color: #fff;background: #2563eb;filter: none}:root[data-skin="classic"] .btn-danger{color: #fff;background: #ef4444}:root[data-skin="classic"] .btn-danger:hover{color: #fff;background: #dc2626;filter: none}:root[data-skin="classic"] .btn-ok, :root[data-skin="classic"] .btn-warn{color: #fff}.btn-info:disabled, .btn-danger:disabled{opacity: .6}.live-dot{display: inline-block;width: 8px;height: 8px;border-radius: 50%;background: #22c55e;margin-right: 6px;vertical-align: middle;box-shadow: 0 0 0 0 rgba(34, 197, 94, .55);animation: live-pulse 2s infinite}@keyframes live-pulse{70%{box-shadow: 0 0 0 6px rgba(34, 197, 94, 0)}100%{box-shadow: 0 0 0 0 rgba(34, 197, 94, 0)}}@media (prefers-reduced-motion: reduce){.live-dot{animation: none}}.online-link{color: inherit;white-space: nowrap}.online-link:hover{color: var(--brand)}.btn-teal{border: 0;color: #fff;background: linear-gradient(135deg, #0ea5b7, #22c3d6)}.btn-teal:hover{filter: brightness(1.1)}:root[data-skin="classic"] .btn-teal{color: #fff;background: #0891b2;border-color: transparent}:root[data-skin="classic"] .btn-teal:hover{color: #fff;background: #0e7490;filter: none}.btn-teal svg{stroke: currentColor}#ann-bar:empty{display: none}#ann-bar{display: flex;flex-direction: column;gap: 8px;margin-bottom: 16px}.ann-banner{--c: #3b82ff;display: flex;align-items: center;gap: 10px;padding: 10px 14px;border-radius: 12px;border: 1px solid color-mix(in srgb, var(--c) 45%, transparent);background: linear-gradient(90deg, color-mix(in srgb, var(--c) 22%, transparent), color-mix(in srgb, var(--c) 6%, transparent))}.ann-banner.important{--c: #f59e0b}.ann-banner.urgent{--c: #f43f5e}.ann-tag{flex: none;font-size: 12px;font-weight: 700;color: #fff;background: var(--c);padding: 2px 8px;border-radius: 999px}.ann-title{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.ann-view{flex: none}.ann-x{flex: none;border: 0;background: transparent;color: var(--text-3);cursor: pointer;font-size: 14px;padding: 4px 6px;border-radius: 8px}.ann-x:hover{color: var(--text);background: var(--glass)}.ann-meta{display: flex;align-items: center;gap: 10px;flex-wrap: wrap;margin-bottom: 12px}.ann-body{line-height: 1.8;color: var(--text-2);word-break: break-word;max-height: 60vh;overflow: auto}.ann-body a{color: var(--brand)}.ann-modal{max-width: 560px}.ann-modal.lv-urgent{border-color: rgba(244, 63, 94, .55)}.ann-modal.lv-important{border-color: rgba(245, 158, 11, .55)}.ann-pop-title{margin: 0 0 6px;font-size: 18px}.ann-list{display: flex;flex-direction: column}.ann-row{display: flex;align-items: flex-start;gap: 10px;padding: 12px 6px;border-bottom: 1px solid var(--line);color: inherit;text-decoration: none;border-radius: 8px}.ann-row:last-child{border-bottom: 0}.ann-row:hover{background: var(--glass)}.ann-row-dot{flex: none;width: 8px;height: 8px;border-radius: 50%;margin-top: 8px;background: transparent}.ann-row.unread .ann-row-dot{background: var(--bad)}.ann-row-main{flex: 1;min-width: 0}.ann-row-title{display: flex;align-items: center;gap: 6px;flex-wrap: wrap}.ann-row-snip{margin-top: 4px;font-size: 13px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.ann-list.compact .ann-row{padding: 8px 4px}.ann-list.compact .ann-row-snip{display: none}.ann-list.compact .badge{display: none}.home-news .card-title a{font-weight: 400;font-size: 13px}:root[data-skin="classic"] .ann-tag{color: #fff}@media (max-width: 600px){.ann-banner{flex-wrap: wrap}.ann-title{white-space: normal;flex-basis: calc(100% - 80px)}}label.check{display: inline-flex;align-items: center;gap: 6px;cursor: pointer;font-size: 14px}label.check input{width: 16px;height: 16px;accent-color: var(--brand)}.ann-picks{display: flex;flex-wrap: wrap;gap: 8px 16px;padding: 10px 12px;border: 1px solid var(--line);border-radius: 12px;max-height: 180px;overflow: auto}.pack-cta{width: 100%;margin-top: 14px;height: 46px;border: 0;border-radius: 12px;color: #fff;font-size: 15px;font-weight: 600;justify-content: center;gap: 8px;background: linear-gradient(135deg, #3b82ff, #7c5cff);box-shadow: 0 8px 20px rgba(59, 130, 255, .28)}.pack-cta svg{width: 18px;height: 18px}.pack-cta small{font-size: 12px;font-weight: 400;opacity: .85;margin-left: 4px}.pack-cta.warn{background: linear-gradient(135deg, #f59e0b, #f97316);box-shadow: 0 8px 20px rgba(249, 115, 22, .28)}.pack-cta.out{background: linear-gradient(135deg, #f43f5e, #f97316);box-shadow: 0 8px 22px rgba(244, 63, 94, .32)}.pack-cta:hover{filter: brightness(1.08);transform: translateY(-1px)}:root[data-skin="classic"] .pack-cta{color: #fff;border-color: transparent}:root[data-skin="classic"] .pack-cta:hover{color: #fff}:root[data-skin="classic"] .pack-cta{background: linear-gradient(135deg, #2563eb, #7c3aed);box-shadow: 0 8px 20px rgba(37, 99, 235, .25)}:root[data-skin="classic"] .pack-cta.warn{background: linear-gradient(135deg, #f59e0b, #f97316);box-shadow: 0 8px 20px rgba(249, 115, 22, .25)}:root[data-skin="classic"] .pack-cta.out{background: linear-gradient(135deg, #e11d48, #f97316);box-shadow: 0 8px 20px rgba(225, 29, 72, .28)}.eq{display: flex}.eq > .card{flex: 1;display: flex;flex-direction: column}.eq > .card > .pack-cta{margin-top: auto}.eq > .card > :nth-last-child(2){margin-bottom: 14px}:root:not([data-skin="classic"]):not([data-theme="light"]){--text-2: #a3acd4;--text-3: #6d769e;--line: rgba(128, 146, 255, 0.16);--line-strong: rgba(140, 156, 255, 0.34);--card-bg: linear-gradient(180deg, rgba(34, 42, 96, 0.42), rgba(14, 18, 46, 0.42));--page-bg: radial-gradient(900px 700px at 100% 0%, rgba(40, 90, 220, .42), transparent 62%), radial-gradient(700px 600px at 0% 100%, rgba(40, 70, 190, .22), transparent 65%), linear-gradient(180deg, #050a1f 0%, #040718 100%)}:root:not([data-skin="classic"]):not([data-theme="light"]) body::after{content: "";position: fixed;z-index: -1;pointer-events: none;border-radius: 50%;width: 900px;height: 1000px;right: -420px;top: 38%;background: radial-gradient(closest-side, rgba(255, 120, 50, .55) 0%, rgba(220, 90, 60, .32) 40%, rgba(120, 60, 140, .14) 70%, transparent 100%);filter: blur(10px);will-change: transform;animation: modern-ember 24s ease-in-out infinite alternate}@keyframes modern-ember{0%{transform: translate3d(0, -50%, 0) scale(1)}33%{transform: translate3d(-160px, -30%, 0) scale(1.1)}66%{transform: translate3d(-60px, -70%, 0) scale(.94)}100%{transform: translate3d(-200px, -45%, 0) scale(1.05)}}@media (prefers-reduced-motion: reduce){:root:not([data-skin="classic"]):not([data-theme="light"]) body::after{animation: none;transform: translate3d(0, -50%, 0)}}:root:not([data-skin="classic"]):not([data-theme="light"]) body::before{content: "";position: fixed;inset: 0;z-index: -1;pointer-events: none;opacity: .55;background-image: radial-gradient(1px 1px at 12% 22%, rgba(200, 210, 255, .55), transparent 60%), radial-gradient(1px 1px at 72% 12%, rgba(200, 210, 255, .45), transparent 60%), radial-gradient(1.5px 1.5px at 38% 64%, rgba(180, 160, 255, .45), transparent 60%), radial-gradient(1px 1px at 88% 48%, rgba(200, 210, 255, .4), transparent 60%), radial-gradient(1px 1px at 22% 86%, rgba(200, 210, 255, .35), transparent 60%), radial-gradient(1.5px 1.5px at 58% 92%, rgba(160, 190, 255, .35), transparent 60%);background-size: 640px 640px}:root:not([data-skin="classic"]):not([data-theme="light"]) .card{border-color: var(--line);box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 0 0 1px rgba(110, 130, 255, .03), 0 18px 40px rgba(2, 4, 20, .45), 0 0 30px rgba(80, 100, 255, .06)}:root:not([data-skin="classic"]):not([data-theme="light"]) .svc.ok, :root:not([data-skin="classic"]):not([data-theme="light"]) .svc.info{border-color: var(--line);background: var(--card-bg)}:root:not([data-skin="classic"]):not([data-theme="light"]) .svc.ok{box-shadow: inset 3px 0 0 rgba(52, 211, 153, .85), inset 0 1px 0 rgba(255,255,255,.06), 0 18px 40px rgba(2, 4, 20, .45)}:root:not([data-skin="classic"]):not([data-theme="light"]) .svc.info{box-shadow: inset 3px 0 0 #5b8cff, inset 0 1px 0 rgba(255,255,255,.06), 0 18px 40px rgba(2, 4, 20, .45)}:root:not([data-skin="classic"]):not([data-theme="light"]) .svc.warn{border-color: rgba(245, 165, 36, .38);box-shadow: inset 3px 0 0 var(--warn), 0 0 26px rgba(245, 165, 36, .10);background: linear-gradient(90deg, rgba(245,165,36,.07), transparent 50%), var(--card-bg)}:root:not([data-skin="classic"]):not([data-theme="light"]) .svc.bad{border-color: rgba(244, 63, 94, .42);box-shadow: inset 3px 0 0 var(--bad), 0 0 28px rgba(244, 63, 94, .12);background: linear-gradient(90deg, rgba(244,63,94,.08), transparent 50%), var(--card-bg)}:root:not([data-skin="classic"]):not([data-theme="light"]) .tile{background: rgba(14, 18, 48, .55)}:root:not([data-skin="classic"]):not([data-theme="light"]) .tile i{background: color-mix(in srgb, var(--c) 12%, #0b1030);border: 1px solid color-mix(in srgb, var(--c) 45%, transparent);box-shadow: inset 0 0 14px color-mix(in srgb, var(--c) 28%, transparent), 0 0 14px color-mix(in srgb, var(--c) 22%, transparent);color: color-mix(in srgb, var(--c) 80%, #fff)}:root:not([data-skin="classic"]):not([data-theme="light"]) .tile:hover i{background: color-mix(in srgb, var(--c) 30%, #0b1030);color: #fff}:root:not([data-skin="classic"]):not([data-theme="light"]) .tile:nth-child(1){--c: #5b8cff !important}:root:not([data-skin="classic"]):not([data-theme="light"]) .tile:nth-child(2){--c: #a78bfa !important}:root:not([data-skin="classic"]):not([data-theme="light"]) .tile:nth-child(3){--c: #2dd4bf !important}:root:not([data-skin="classic"]):not([data-theme="light"]) .tile:nth-child(4){--c: #e879f9 !important}:root:not([data-skin="classic"]):not([data-theme="light"]) .tile:nth-child(5){--c: #38bdf8 !important}:root:not([data-skin="classic"]):not([data-theme="light"]) .tile:nth-child(6){--c: #818cf8 !important}:root:not([data-skin="classic"]):not([data-theme="light"]) .traffic-tip.warn{color: #fbbf24;background: rgba(245, 165, 36, .06);border-color: rgba(245, 165, 36, .32)}:root:not([data-skin="classic"]):not([data-theme="light"]) .traffic-tip.warn b{color: #fcd34d}:root:not([data-skin="classic"]):not([data-theme="light"]) .ring{background: conic-gradient(from 210deg, #4f7bff, #8b5cf6 calc(var(--p) * .5%), #e879f9 calc(var(--p) * 1%), rgba(148,163,255,.10) 0);filter: drop-shadow(0 0 12px rgba(168, 85, 247, .45))}:root:not([data-skin="classic"]):not([data-theme="light"]) .ring::before{background: radial-gradient(circle at 50% 35%, #121a48, #070b26)}:root:not([data-skin="classic"]):not([data-theme="light"]) .ring b{font-size: 24px;letter-spacing: .5px}:root:not([data-skin="classic"]):not([data-theme="light"]) .badge{background: rgba(14, 18, 48, .6)}:root:not([data-skin="classic"]):not([data-theme="light"]) .btn{--bc: #8b9cff;color: #e6eaff;background: linear-gradient(180deg, color-mix(in srgb, var(--bc) 14%, rgba(255,255,255,.04)), color-mix(in srgb, var(--bc) 6%, rgba(255,255,255,.01)));border: 1px solid color-mix(in srgb, var(--bc) 34%, transparent);box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10), inset 0 0 10px color-mix(in srgb, var(--bc) 10%, transparent);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);transition: background .2s, border-color .2s, box-shadow .2s, transform .15s}:root:not([data-skin="classic"]):not([data-theme="light"]) .btn:hover:not(:disabled){filter: none;color: #fff;border-color: color-mix(in srgb, var(--bc) 60%, transparent);box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), inset 0 0 14px color-mix(in srgb, var(--bc) 22%, transparent), 0 0 18px color-mix(in srgb, var(--bc) 30%, transparent)}:root:not([data-skin="classic"]):not([data-theme="light"]) :is(.btn-primary, .btn-ok, .btn-warn, .btn-info, .btn-danger, .btn-teal, .btn-violet, .btn-renew-bad, .btn-detail, .pack-cta){color: #fff;background: linear-gradient(180deg, color-mix(in srgb, var(--bc) 46%, transparent), color-mix(in srgb, var(--bc2, var(--bc)) 24%, transparent));border: 1px solid color-mix(in srgb, var(--bc) 65%, transparent);box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), inset 0 0 14px color-mix(in srgb, var(--bc) 30%, transparent), 0 6px 18px color-mix(in srgb, var(--bc) 24%, transparent);text-shadow: 0 1px 2px rgba(0, 0, 0, .25)}:root:not([data-skin="classic"]):not([data-theme="light"]) :is(.btn-primary, .btn-ok, .btn-warn, .btn-info, .btn-danger, .btn-teal, .btn-violet, .btn-renew-bad, .btn-detail, .pack-cta):hover:not(:disabled){background: linear-gradient(180deg, color-mix(in srgb, var(--bc) 60%, transparent), color-mix(in srgb, var(--bc2, var(--bc)) 34%, transparent));box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), inset 0 0 16px color-mix(in srgb, var(--bc) 38%, transparent), 0 8px 24px color-mix(in srgb, var(--bc) 38%, transparent);transform: translateY(-1px)}:root:not([data-skin="classic"]):not([data-theme="light"]) .btn-primary{--bc: #4f7bff;--bc2: #8b5cf6}:root:not([data-skin="classic"]):not([data-theme="light"]) .btn-ok{--bc: #34d399}:root:not([data-skin="classic"]):not([data-theme="light"]) .btn-warn{--bc: #f59e0b;--bc2: #f97316}:root:not([data-skin="classic"]):not([data-theme="light"]) .btn-info{--bc: #60a5fa}:root:not([data-skin="classic"]):not([data-theme="light"]) .btn-danger{--bc: #f43f5e}:root:not([data-skin="classic"]):not([data-theme="light"]) .btn-teal{--bc: #22d3ee}:root:not([data-skin="classic"]):not([data-theme="light"]) .btn-violet{--bc: #a78bfa;--bc2: #c084fc}:root:not([data-skin="classic"]):not([data-theme="light"]) .btn-renew-bad{--bc: #f43f5e;--bc2: #fb7185}:root:not([data-skin="classic"]):not([data-theme="light"]) .btn-detail{--bc: #7c8cff}:root:not([data-skin="classic"]):not([data-theme="light"]) :is(.svc, .svc-row) .btn-ok{--bc: #4f7bff;--bc2: #8b5cf6}:root:not([data-skin="classic"]):not([data-theme="light"]) .pack-cta{--bc: #4f7bff;--bc2: #8b5cf6}:root:not([data-skin="classic"]):not([data-theme="light"]) .pack-cta.warn{--bc: #f59e0b;--bc2: #f97316}:root:not([data-skin="classic"]):not([data-theme="light"]) .pack-cta.out{--bc: #f43f5e;--bc2: #f97316}:root:not([data-skin="classic"]):not([data-theme="light"]) .btn:disabled{opacity: .45;box-shadow: inset 0 1px 0 rgba(255,255,255,.06);transform: none}:root:not([data-skin="classic"]):not([data-theme="light"]) .logout-btn{background: linear-gradient(180deg, rgba(244,63,94,.18), rgba(244,63,94,.06));border-color: rgba(244,63,94,.45);box-shadow: inset 0 1px 0 rgba(255,255,255,.10);backdrop-filter: blur(10px)}:root:not([data-skin="classic"]):not([data-theme="light"]) .btn-detail{--bc: #aab4e6;color: #dfe4ff;background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02));border-color: rgba(170, 180, 230, .30);box-shadow: inset 0 1px 0 rgba(255,255,255,.12)}.welcome-modal{max-width: 520px;overflow: hidden}.welcome-modal > .card-title h2:empty, .ok-modal > .card-title h2:empty{display: none}.welcome-modal > .card-title, .ok-modal > .card-title{position: absolute;top: 14px;right: 14px;z-index: 2;margin: 0}.welcome{position: relative;text-align: center;padding: 8px 4px 0}.welcome-glow{position: absolute;inset: -80px -60px auto;height: 260px;pointer-events: none;z-index: 0;background: radial-gradient(260px 160px at 50% 40%, rgba(124,92,255,.35), transparent 70%), radial-gradient(200px 120px at 30% 30%, rgba(59,130,255,.30), transparent 70%)}.welcome > *:not(.welcome-glow){position: relative;z-index: 1}.welcome-ic{width: 64px;height: 64px;margin: 6px auto 12px;border-radius: 20px;display: grid;place-items: center;color: #fff;background: linear-gradient(135deg, #4f7bff, #a855f7);box-shadow: 0 0 36px rgba(124,92,255,.55), inset 0 1px 0 rgba(255,255,255,.3)}.welcome-ic svg{width: 32px;height: 32px}.welcome h2{margin: 0;font-size: 22px}.welcome-sub{margin: 8px 0 18px;color: var(--text-2);line-height: 1.7}.welcome-sub b{color: #34d399}.welcome-stats{display: grid;grid-template-columns: repeat(3, 1fr);gap: 10px}.welcome-stats > div{display: flex;flex-direction: column;align-items: center;gap: 2px;padding: 14px 6px;border-radius: 14px;border: 1px solid var(--line);background: rgba(110,130,255,.06)}.welcome-stats span{color: #8fa2ff}.welcome-stats span svg{width: 20px;height: 20px}.welcome-stats b{font-size: 20px}.welcome-stats small{color: var(--text-3);font-size: 12px}.welcome-check{display: flex;align-items: center;justify-content: center;gap: 6px;margin: 14px 0 16px;font-size: 13px;color: #34d399}.welcome-check svg{width: 16px;height: 16px;flex: none}.welcome-news{display: flex;flex-direction: column;gap: 8px;text-align: left;margin-bottom: 18px}.welcome-news > div{display: flex;gap: 10px;align-items: flex-start;padding: 10px 12px;border-radius: 12px;background: rgba(255,255,255,.03);border: 1px solid var(--line)}.welcome-news svg{width: 18px;height: 18px;flex: none;color: #a78bfa;margin-top: 2px}.welcome-news span{font-size: 13px;color: var(--text-2);line-height: 1.6}.welcome-news b{display: block;color: var(--text);font-size: 14px}.welcome-foot{margin: 12px 0 0;font-size: 12px;color: var(--text-3)}:root[data-skin="classic"] .welcome-sub b, :root[data-skin="classic"] .welcome-check{color: #059669}:root[data-skin="classic"] .welcome-stats > div, :root[data-skin="classic"] .welcome-news > div{background: #f8faff;border-color: #e5eaf5}.ok-modal{max-width: 460px;overflow: hidden}.ok-card{position: relative;text-align: center;padding-top: 6px}.ok-mark{width: 84px;height: 84px;margin: 4px auto 14px;filter: drop-shadow(0 0 18px rgba(52,211,153,.55))}.ok-mark circle{fill: rgba(52,211,153,.12);stroke: #34d399;stroke-width: 2.5;stroke-dasharray: 160;stroke-dashoffset: 160;animation: ok-draw .6s ease-out forwards}.ok-mark path{fill: none;stroke: #34d399;stroke-width: 4;stroke-linecap: round;stroke-linejoin: round;stroke-dasharray: 40;stroke-dashoffset: 40;animation: ok-draw .35s .45s ease-out forwards}@keyframes ok-draw{to{stroke-dashoffset: 0}}.ok-burst{position: absolute;left: 50%;top: 48px;width: 0;height: 0}.ok-burst i{position: absolute;width: 6px;height: 6px;border-radius: 50%;background: #a78bfa;opacity: 0;animation: ok-pop .9s .35s ease-out forwards}.ok-burst i:nth-child(odd){background: #34d399}.ok-burst i:nth-child(3n){background: #60a5fa}.ok-burst i:nth-child(1){--x: 70px;--y: -20px}.ok-burst i:nth-child(2){--x: -66px;--y: -26px}.ok-burst i:nth-child(3){--x: 52px;--y: -58px}.ok-burst i:nth-child(4){--x: -48px;--y: -60px}.ok-burst i:nth-child(5){--x: 4px;--y: -76px}.ok-burst i:nth-child(6){--x: 80px;--y: 22px}.ok-burst i:nth-child(7){--x: -80px;--y: 18px}.ok-burst i:nth-child(8){--x: 30px;--y: -84px}.ok-burst i:nth-child(9){--x: -28px;--y: -86px}.ok-burst i:nth-child(10){--x: 92px;--y: -50px}@keyframes ok-pop{0%{opacity: 1;transform: translate(0, 0) scale(.6)}100%{opacity: 0;transform: translate(var(--x), var(--y)) scale(1)}}.ok-card h2{margin: 0;font-size: 22px}.ok-sub{margin: 6px 0 18px;color: var(--text-2)}.ok-connect{display: flex;align-items: center;gap: 10px;padding: 12px 14px;border-radius: 12px;border: 1px solid var(--line);background: rgba(255,255,255,.03);text-align: left}.ok-connect code{flex: 1;font-family: var(--mono);font-size: 15px;color: var(--text)}.ok-connect .btn svg{width: 14px;height: 14px}.ok-next{margin: 12px 0 18px;padding: 12px 14px;border-radius: 12px;text-align: left;font-size: 13px;line-height: 1.7;color: var(--text-2);background: rgba(110,130,255,.07);border: 1px dashed rgba(130,150,255,.35)}.ok-next b{display: block;color: var(--text);margin-bottom: 2px}.ok-date{display: flex;flex-direction: column;gap: 4px;padding: 16px;border-radius: 14px;border: 1px solid rgba(52,211,153,.3);background: rgba(52,211,153,.07)}.ok-date b{font-size: 26px;font-family: var(--mono);color: #34d399;letter-spacing: .5px}.ok-thanks{display: flex;align-items: center;justify-content: center;gap: 6px;margin: 14px 0 18px;color: var(--text-2);font-size: 14px}.ok-thanks svg{width: 16px;height: 16px;color: #f472b6}.ok-thanks b{color: #f472b6;font-size: 16px}:root[data-skin="classic"] .ok-connect{background: #f8faff;border-color: #e5eaf5}:root[data-skin="classic"] .ok-date{background: #ecfdf5;border-color: #a7f3d0}:root[data-skin="classic"] .ok-date b{color: #059669}@media (prefers-reduced-motion: reduce){.ok-mark circle, .ok-mark path{animation: none;stroke-dashoffset: 0}.ok-burst{display: none}}.bank-card.flash::after{animation: bank-flash 1s ease-out}@keyframes bank-flash{0%{transform: translateX(-60%) rotate(18deg);opacity: 1}100%{transform: translateX(60%) rotate(18deg);opacity: 1}}.bank-card.flash{box-shadow: 0 0 0 1px rgba(255,215,140,.35), 0 0 40px rgba(255,200,120,.25), 0 20px 40px rgba(0,0,0,.45);transition: box-shadow .6s}.credit-plus{position: absolute;right: 24px;top: 142px;z-index: 3;font-weight: 700;font-size: 15px;color: #fde68a;text-shadow: 0 0 12px rgba(253,230,138,.6);animation: credit-up 2.4s ease-out forwards;pointer-events: none}@keyframes credit-up{0%{opacity: 0;transform: translateY(10px)}15%{opacity: 1;transform: translateY(0)}75%{opacity: 1}100%{opacity: 0;transform: translateY(-18px)}}.ok-spin{width: 64px;height: 64px;margin: 10px auto 16px;border-radius: 50%;border: 4px solid rgba(130,150,255,.18);border-top-color: #7c8cff;animation: ok-rot 1s linear infinite;box-shadow: 0 0 24px rgba(110,130,255,.3)}@keyframes ok-rot{to{transform: rotate(360deg)}}.home-top .bank-card{align-self: stretch;aspect-ratio: auto;min-height: 220px}.bank-card::after{animation: bank-shine 5s ease-in-out 1s infinite}@keyframes bank-shine{0%{transform: translateX(-60%) rotate(18deg)}22%{transform: translateX(60%) rotate(18deg)}100%{transform: translateX(60%) rotate(18deg)}}.bank-card.flash::after{animation: bank-flash 1s ease-out, bank-shine 5s ease-in-out 2s infinite}@media (prefers-reduced-motion: reduce){.bank-card::after{animation: none}}@media (max-width: 900px){.home-top .bank-card{aspect-ratio: 1.586;min-height: 0}}.bank-days{display: block;margin-top: 2px;font-size: 10.5px;letter-spacing: 1.5px;color: rgba(253, 230, 138, .78)}.anniv{display: flex;align-items: center;gap: 14px;padding: 14px 16px;margin-bottom: 16px;border-radius: 16px;background: linear-gradient(90deg, rgba(244,114,182,.16), rgba(168,85,247,.10));border: 1px solid rgba(244,114,182,.35)}.anniv-ic{width: 40px;height: 40px;flex: none;border-radius: 12px;display: grid;place-items: center;color: #f472b6;background: rgba(244,114,182,.14)}.anniv-ic svg{width: 22px;height: 22px}.anniv > div{flex: 1;display: flex;flex-direction: column;gap: 2px}.anniv span{color: var(--text-2);font-size: 13px}:root[data-skin="classic"] .anniv{background: #fdf2f8;border-color: #fbcfe8}.month-stat{margin-top: 6px;color: var(--text-2);font-size: 13px}.month-stat b{color: var(--text);font-size: 15px;margin: 0 2px}.care-tip{display: flex;align-items: center;gap: 8px;margin-top: 10px;padding: 8px 10px;border-radius: 10px;font-size: 12.5px;line-height: 1.5;color: var(--text-2);background: rgba(110, 130, 255, .07);border: 1px solid rgba(130, 150, 255, .25)}.care-tip svg{width: 16px;height: 16px;flex: none;color: #8fa2ff}.care-tip b{color: var(--warn)}.care-tip span{flex: 1}.care-tip .btn{flex: none}:root[data-skin="classic"] .care-tip{background: #f5f8ff;border-color: #dbe4ff}.help-fab{position: fixed;left: 22px;bottom: 22px;z-index: 60;display: flex;flex-direction: column;align-items: flex-start;gap: 10px}.help-btn{display: inline-flex;align-items: center;gap: 6px;height: 46px;padding: 0 16px 0 14px;border-radius: 999px;cursor: pointer;color: #fff;font-weight: 600;font-size: 14px;border: 1px solid rgba(140, 160, 255, .55);background: linear-gradient(180deg, rgba(79,123,255,.55), rgba(139,92,246,.35));backdrop-filter: blur(12px);box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 10px 26px rgba(80,100,255,.35)}.help-btn svg{width: 20px;height: 20px}.help-btn:hover{transform: translateY(-1px)}.help-panel{width: 290px;padding: 16px;border-radius: 18px;display: flex;flex-direction: column;gap: 8px;background: var(--surface-strong);border: 1px solid var(--line-strong);box-shadow: 0 20px 50px rgba(0,0,0,.45);backdrop-filter: blur(16px)}.help-panel > b{font-size: 15px}.help-panel > .faint{font-size: 12px;margin-bottom: 4px}.help-item{display: flex;gap: 10px;align-items: center;padding: 10px 12px;border-radius: 12px;color: var(--text);text-decoration: none;border: 1px solid var(--line);background: var(--glass)}.help-item:hover{border-color: var(--line-strong);background: var(--glass-strong)}.help-item svg{width: 20px;height: 20px;flex: none;color: #8fa2ff}.help-item span{display: flex;flex-direction: column}.help-item small{color: var(--text-3);font-size: 12px}:root[data-skin="classic"] .help-btn{background: #2563eb;border-color: transparent;box-shadow: 0 8px 20px rgba(37,99,235,.3)}:root[data-skin="classic"] .help-panel{background: #fff;border-color: #e5eaf5;box-shadow: 0 16px 40px rgba(16,24,40,.12)}@media (max-width: 900px){.help-fab{left: 14px;bottom: 96px}.help-btn span{display: none}.help-btn{width: 46px;padding: 0;justify-content: center}}.stat-tab{display: block;width: 100%;text-align: left;font: inherit;color: inherit;cursor: pointer;transition: border-color .2s, box-shadow .2s, transform .2s}.stat-tab:hover{transform: translateY(-2px);border-color: rgba(59,130,255,.4)}.stat-tab:focus-visible{outline: 2px solid var(--brand, #3b82ff);outline-offset: 2px}.stat-tab .card-title{display: flex;justify-content: space-between;align-items: center}.stat-tab-hint{font-size: 12px;font-weight: 400;color: var(--text-3)}.stat-tab.highlight .stat-tab-hint{color: #7aa7ff}:root[data-skin="classic"] .stat-tab:hover{border-color: #bfd3ff}:root[data-skin="classic"] .stat-tab.highlight .stat-tab-hint{color: #2f6bff}.pt-form .tabs{margin-bottom: 14px}.pt-form .tabs button{flex: 1 1 0}.pt-opts{display: grid;gap: 8px;max-height: 300px;overflow: auto}.pt-opt{display: flex;align-items: center;gap: 12px;padding: 12px 14px;border-radius: 12px;border: 1px solid var(--line);background: var(--glass);cursor: pointer;transition: border-color .2s, background .2s}.pt-opt input{accent-color: #5b7cff}.pt-opt-main{flex: 1;min-width: 0;display: grid;gap: 2px}.pt-opt-main b{font-weight: 600}.pt-opt-main .faint{font-size: 12px}.pt-opt .mono{font-size: 12px}.pt-opt.on{border-color: rgba(91,124,255,.7);background: rgba(91,124,255,.12);box-shadow: 0 0 0 3px rgba(91,124,255,.12)}.pt-checks{display: grid;gap: 8px;margin-top: 14px;font-size: 14px}.pt-checks label{display: flex;gap: 8px;align-items: center;cursor: pointer;white-space: nowrap}.pt-checks label .faint{overflow: hidden;text-overflow: ellipsis}.pt-checks input{accent-color: #5b7cff}.pt-checks .faint{font-size: 12px}.pt-note{margin: 12px 0 0;font-size: 12px}.pt-result{min-height: 100%}.pt-empty{display: grid;justify-items: center;gap: 8px;text-align: center;padding: 48px 20px}.pt-empty-ic{width: 64px;height: 64px;display: grid;place-items: center;border-radius: 50%;background: rgba(91,124,255,.14);color: #8ea6ff;margin-bottom: 6px;box-shadow: 0 0 40px rgba(91,124,255,.25)}.pt-empty-ic svg{width: 30px;height: 30px}.pt-empty .faint{max-width: 360px;font-size: 13px}.pt-hero{display: flex;gap: 16px;align-items: center;padding: 16px;border-radius: 14px;margin-bottom: 14px;border: 1px solid var(--line)}.pt-hero.good{background: linear-gradient(135deg, rgba(34,197,94,.16), rgba(34,197,94,.04));border-color: rgba(34,197,94,.35)}.pt-hero.warn{background: linear-gradient(135deg, rgba(245,158,11,.16), rgba(245,158,11,.04));border-color: rgba(245,158,11,.35)}.pt-hero.bad{background: linear-gradient(135deg, rgba(239,68,68,.16), rgba(239,68,68,.04));border-color: rgba(239,68,68,.35)}.pt-hero.run{background: rgba(91,124,255,.08);border-color: rgba(91,124,255,.3)}.pt-ring{flex: none;width: 56px;height: 56px;border-radius: 50%;display: grid;place-items: center;font-size: 26px;font-weight: 700;color: #fff}.good .pt-ring{background: #22c55e;box-shadow: 0 0 28px rgba(34,197,94,.55)}.warn .pt-ring{background: #f59e0b;box-shadow: 0 0 28px rgba(245,158,11,.5)}.bad .pt-ring{background: #ef4444;box-shadow: 0 0 28px rgba(239,68,68,.5)}.run .pt-ring{background: rgba(91,124,255,.25)}.pt-title{font-size: 18px;font-weight: 700;margin-bottom: 2px}.pt-target{font-size: 12px;color: var(--text-3);margin-top: 6px}.pt-steps{display: grid;gap: 2px}.pt-step{display: flex;align-items: center;gap: 12px;padding: 10px 4px;border-bottom: 1px solid var(--line);animation: pt-in .35s both}.pt-step:last-child{border-bottom: 0}.pt-steps .pt-step:nth-child(2){animation-delay: .08s}.pt-steps .pt-step:nth-child(3){animation-delay: .16s}.pt-steps .pt-step:nth-child(4){animation-delay: .24s}.pt-steps .pt-step:nth-child(5){animation-delay: .32s}@keyframes pt-in{from{opacity: 0;transform: translateY(6px)}}.pt-mark{flex: none;width: 24px;height: 24px;border-radius: 50%;display: grid;place-items: center;font-style: normal;font-size: 13px;font-weight: 700}.pt-step.ok .pt-mark{background: rgba(34,197,94,.18);color: #4ade80}.pt-step.bad .pt-mark{background: rgba(239,68,68,.18);color: #f87171}.pt-step.skip .pt-mark, .pt-step.wait .pt-mark{background: var(--glass-strong);color: var(--text-3)}.pt-step-main{flex: 1;min-width: 0;display: grid;gap: 2px}.pt-step-main b{font-weight: 500}.pt-step-main .faint{font-size: 12px}.pt-step-val{font-family: var(--mono);font-size: 14px;text-align: right}.pt-step-val.bad{color: #f87171}.pt-step.wait{opacity: .55;animation: pt-wait 1.2s ease-in-out infinite alternate;animation-delay: calc(var(--d) * .2s)}@keyframes pt-wait{to{opacity: 1}}.pt-spin{width: 14px;height: 14px;border-radius: 50%;border: 2px solid rgba(142,166,255,.3);border-top-color: #8ea6ff;animation: pt-spin .8s linear infinite}.pt-ring .pt-spin{width: 26px;height: 26px;border-width: 3px}@keyframes pt-spin{to{transform: rotate(360deg)}}.pt-sub{margin: 16px 0 8px;font-size: 13px;color: var(--text-2)}.pt-sites{display: grid;grid-template-columns: repeat(3, 1fr);gap: 8px}.pt-site{display: flex;align-items: center;gap: 8px;padding: 10px 12px;border-radius: 12px;background: var(--glass);border: 1px solid var(--line);font-size: 13px}.pt-site i{flex: none;width: 26px;height: 26px;border-radius: 8px;display: grid;place-items: center;font-style: normal;font-weight: 700;background: var(--glass-strong)}.pt-site b{flex: 1;font-weight: 500}.pt-site span{font-family: var(--mono);font-size: 12px;white-space: nowrap}.pt-site b{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.pt-site.ok span{color: #4ade80}.pt-site.bad{border-color: rgba(239,68,68,.35)}.pt-site.bad span{color: #f87171}.pt-speed{display: flex;align-items: baseline;gap: 6px}.pt-speed b{font-size: 30px;font-weight: 700;background: var(--brand-grad);-webkit-background-clip: text;background-clip: text;color: transparent}.pt-speed .faint{margin-left: 10px;font-size: 12px}.pt-tips{margin-top: 14px;padding: 12px 14px;border-radius: 12px;background: rgba(245,158,11,.08);border: 1px solid rgba(245,158,11,.25);display: grid;gap: 6px;font-size: 13px;line-height: 1.6}.pt-actions{margin-top: 16px;gap: 8px;flex-wrap: wrap}.pt-actions svg{width: 15px;height: 15px;margin-right: 4px}.pt-local summary{cursor: pointer;list-style: none;margin: 0}.pt-local summary::-webkit-details-marker{display: none}.pt-local summary::after{content: '展开 ▾';font-size: 12px;font-weight: 400;color: var(--text-3)}.pt-local[open] summary::after{content: '收起 ▴'}.pt-local[open] summary{margin-bottom: 12px}.pt-cmd{gap: 8px;margin-top: 8px}.pt-cmd code{flex: 1;min-width: 0;overflow-x: auto;white-space: nowrap;padding: 8px 10px;border-radius: 8px;background: var(--glass-strong);font-size: 12px}@media (max-width: 720px){.pt-sites{grid-template-columns: repeat(2, 1fr)}.pt-hero{padding: 12px}.pt-ring{width: 46px;height: 46px;font-size: 22px}}:root[data-skin="classic"] .pt-opt.on{border-color: #2563eb;background: #eef4ff;box-shadow: none}:root[data-skin="classic"] .pt-step.ok .pt-mark{color: #16a34a}:root[data-skin="classic"] .pt-site.ok span{color: #16a34a}:root[data-skin="classic"] .pt-empty-ic{color: #2563eb;background: #eef4ff;box-shadow: none}.pt-top{max-width: 560px}.pt-top button{gap: 6px;display: inline-flex;align-items: center;justify-content: center}.pt-top svg{width: 16px;height: 16px}.pt-top small{margin-left: 2px;padding: 0 7px;border-radius: 999px;background: rgba(255,255,255,.18);font-size: 11px;line-height: 18px}.pt-file{cursor: pointer;gap: 6px}.pt-file svg{width: 14px;height: 14px}.pt-lines{width: 100%;resize: vertical;min-height: 150px;font-size: 13px;line-height: 1.7}.pt-batch-bar{display: flex;flex-wrap: wrap;align-items: center;gap: 10px 16px;margin-top: 12px;font-size: 14px}.pt-batch-bar .pt-go{width: auto;margin: 0;padding: 0 22px;height: 42px}.pt-parsed b{color: #8ea6ff;font-size: 16px}.pt-inline{display: inline-flex;align-items: center;gap: 6px;color: var(--text-2);cursor: pointer;white-space: nowrap}.pt-inline select.input{height: 34px;padding: 0 10px;width: auto}.pt-inline input{accent-color: #5b7cff}.ok-t{color: #4ade80}.bad-t{color: #f87171}.warn-t{color: #fbbf24}.pt-sum{display: flex;flex-wrap: wrap;gap: 10px;align-items: stretch}.pt-sum-item{min-width: 110px;padding: 12px 16px;border-radius: 12px;background: var(--glass);border: 1px solid var(--line);display: grid;gap: 4px}.pt-sum-item span{font-size: 12px;color: var(--text-3)}.pt-sum-item b{font-size: 24px;font-weight: 700}.pt-sum-item b small{font-size: 12px;font-weight: 400;margin-left: 3px;color: var(--text-3)}.pt-sum-item.ok b{color: #4ade80}.pt-sum-item.bad b{color: #f87171}.pt-sum-item.small b{font-size: 15px;font-weight: 600;padding-top: 6px}.pt-sum-rate{margin-left: auto;display: grid;align-content: center;justify-items: end;gap: 4px;font-size: 13px}.pt-sum-rate b{font-size: 22px;background: var(--brand-grad);-webkit-background-clip: text;background-clip: text;color: transparent}.pt-progress{height: 4px;border-radius: 4px;background: var(--glass-strong);margin: 14px 0;overflow: hidden}.pt-progress i{display: block;height: 100%;width: 0;background: var(--brand-grad);box-shadow: 0 0 12px rgba(91,124,255,.7);transition: width .4s}.pt-tools{gap: 8px;flex-wrap: wrap;margin-bottom: 10px}.pt-filter{margin: 0;flex: none}.pt-filter button{height: 30px;padding: 0 16px}.pt-table td{vertical-align: middle}.pt-table .pt-addr{white-space: nowrap}.pt-table td .faint{font-size: 12px}.pt-row-bad td{background: rgba(239,68,68,.04)}.pt-dot{display: inline-block;margin: 2px 4px 2px 0;padding: 1px 8px;border-radius: 999px;font-size: 11px;border: 1px solid var(--line)}.pt-dot.ok{color: #4ade80;border-color: rgba(34,197,94,.35);background: rgba(34,197,94,.08)}.pt-dot.bad{color: #f87171;border-color: rgba(239,68,68,.35);background: rgba(239,68,68,.08);text-decoration: line-through}.pt-upsell{display: flex;gap: 12px;align-items: center;justify-content: space-between;flex-wrap: wrap;margin-top: 14px;padding: 12px 14px;border-radius: 12px;background: rgba(91,124,255,.1);border: 1px solid rgba(91,124,255,.3);font-size: 13px}@media (max-width: 720px){.pt-top{max-width: none}.pt-top svg{display: none}.pt-batch-bar .pt-go{width: 100%}.pt-sum-item{min-width: calc(50% - 5px);flex: 1}.pt-sum-rate{margin-left: 0;justify-items: start}}:root[data-skin="classic"] .ok-t, :root[data-skin="classic"] .pt-sum-item.ok b, :root[data-skin="classic"] .pt-dot.ok{color: #16a34a}:root[data-skin="classic"] .pt-parsed b{color: #2563eb}.btn-violet{border: 0;color: #fff;background: linear-gradient(135deg, #8b5cf6, #c084fc)}.btn-violet:hover{filter: brightness(1.1)}.btn-violet:disabled{opacity: .6}.btn-violet svg, .rg-chip svg, .rg-tag svg, .rg-opt svg{width: 14px;height: 14px;flex: none}:root[data-skin="classic"] .btn-violet{color: #fff;background: #8b5cf6;border-color: transparent}:root[data-skin="classic"] .btn-violet:hover{color: #fff;background: #7c3aed;filter: none}.rg-bar{display: flex;align-items: center;gap: 10px;margin: 0 0 12px;flex-wrap: wrap}.rg-bar:empty{display: none}.rg-chips{display: flex;gap: 8px;flex: 1;min-width: 0;overflow-x: auto;padding: 2px;scrollbar-width: thin}.rg-chip{flex: none;display: inline-flex;align-items: center;gap: 6px;height: 32px;padding: 0 12px;border-radius: 999px;border: 1px solid var(--line);background: var(--glass);color: var(--text-2);font: inherit;font-size: 13px;cursor: pointer;white-space: nowrap;transition: border-color .2s, background .2s, color .2s}.rg-chip b{font-weight: 600;font-size: 12px;padding: 0 7px;border-radius: 999px;background: var(--glass-strong);color: var(--text);line-height: 18px}.rg-chip:hover{border-color: rgba(167,139,250,.55);color: var(--text)}.rg-chip.active{color: #fff;border-color: rgba(167,139,250,.8);background: linear-gradient(135deg, rgba(91,124,255,.55), rgba(167,139,250,.45));box-shadow: 0 0 16px rgba(139,92,246,.35)}.rg-chip.active b{background: rgba(255,255,255,.22);color: #fff}.rg-chip.rg-new{border-style: dashed;color: #b9a5ff}.rg-ops{display: flex;gap: 6px;flex: none}.rg-remark{position: relative;display: inline-block;vertical-align: middle}.rg-remark > .rg-tag{position: absolute;left: 50%;top: 100%;transform: translateX(-50%);margin-top: 1px;line-height: 16px}.rg-tag{display: inline-flex;align-items: center;gap: 4px;max-width: 160px;padding: 1px 8px;border-radius: 6px;border: 1px solid rgba(167,139,250,.4);background: rgba(139,92,246,.12);color: #c4b5fd;font: inherit;font-size: 11px;cursor: pointer;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.rg-tag:hover{border-color: rgba(167,139,250,.8)}.rg-tag.rg-add{border-style: dashed;background: transparent;color: var(--text-3);opacity: 0;transition: opacity .15s}tr:hover .rg-tag.rg-add, .rg-tag.rg-add:focus{opacity: 1}@media (hover: none){.rg-tag.rg-add{opacity: .7}}.rg-pick{display: grid;gap: 8px}.rg-options{display: grid;gap: 8px;max-height: 340px;overflow: auto}.rg-opt{display: flex;align-items: center;gap: 10px;padding: 10px 12px;border-radius: 10px;border: 1px solid var(--line);background: var(--glass);cursor: pointer}.rg-opt span{flex: 1;display: inline-flex;align-items: center;gap: 6px}.rg-opt small{color: var(--text-3)}.rg-opt input[type=radio]{accent-color: #8b5cf6}.rg-opt:has(input[type=radio]:checked){border-color: rgba(167,139,250,.75);background: rgba(139,92,246,.14)}.rg-opt-new .input{flex: 1;max-width: 220px}:root[data-skin="classic"] .rg-chip.active{color: #fff;background: #7c3aed;border-color: #7c3aed;box-shadow: none}:root[data-skin="classic"] .rg-tag{color: #6d28d9;background: #f3efff;border-color: #ddd0ff}:root[data-skin="classic"] .rg-opt:has(input[type=radio]:checked){background: #f5f0ff;border-color: #a78bfa}:is(.btn, .icon-btn, .nav-item, .rg-chip, .status-chip, .tabs button, .tabs a, .stat-tab, .view-toggle button, .help-fab, .pt-opt, .choice, .chip){transition: scale .14s cubic-bezier(.3, 1.6, .5, 1), background-color .2s, border-color .2s, box-shadow .2s, color .2s, filter .2s, transform .2s}:is(.btn, .icon-btn, .nav-item, .rg-chip, .status-chip, .tabs button, .tabs a, .view-toggle button, .help-fab, .chip):active:not(:disabled){scale: .95;transition-duration: .06s}:is(.stat-tab, .pt-opt, .choice):active{scale: .98;transition-duration: .06s}#view.page-in{animation: page-in .32s cubic-bezier(.2, .8, .2, 1) both}#view.page-in :is(.grid > *, .svc-grid > *, .grid-cards > *){animation: card-in .42s cubic-bezier(.2, .8, .2, 1) both}#view.page-in :is(.grid, .svc-grid) > :nth-child(2){animation-delay: .04s}#view.page-in :is(.grid, .svc-grid) > :nth-child(3){animation-delay: .08s}#view.page-in :is(.grid, .svc-grid) > :nth-child(4){animation-delay: .12s}#view.page-in :is(.grid, .svc-grid) > :nth-child(5){animation-delay: .16s}#view.page-in :is(.grid, .svc-grid) > :nth-child(n+6){animation-delay: .2s}@keyframes page-in{from{opacity: 0;transform: translateY(8px)}}@keyframes card-in{from{opacity: 0;transform: translateY(12px) scale(.985)}}.modal-mask{animation: mask-in .18s ease-out both}.modal-mask > .modal, .modal-mask > .card{animation: modal-in .26s cubic-bezier(.2, 1.2, .4, 1) both}.toast{animation: toast-in .3s cubic-bezier(.2, 1.2, .4, 1) both}.popover{animation: modal-in .18s ease-out both;transform-origin: top left}@keyframes mask-in{from{opacity: 0}}@keyframes modal-in{from{opacity: 0;transform: translateY(10px) scale(.96)}}@keyframes toast-in{from{opacity: 0;transform: translateX(24px)}}.sk-page{display: grid;gap: var(--gap, 20px)}.sk-head{padding: 6px 0 4px}.sk-card{display: block}.sk-page .skeleton{border-radius: 8px}@media (prefers-reduced-motion: reduce){*, *::before, *::after{animation-duration: .01ms !important;animation-iteration-count: 1 !important;animation-delay: 0s !important;transition-duration: .01ms !important;scroll-behavior: auto !important}:is(.btn, .icon-btn, .nav-item, .rg-chip, .status-chip, .tabs button, .tabs a, .stat-tab, .view-toggle button, .help-fab, .pt-opt, .choice, .chip):active{scale: none}}.ali-logo{width: 24px;height: 24px;border-radius: 7px;background: #1677ff;color: #fff;display: inline-grid;place-items: center;flex: none;font: 800 15px/1 "PingFang SC", "Microsoft YaHei", sans-serif}.ali-pay{margin-top: 4px;padding: 16px;border-radius: 16px;border: 1.5px solid #1677ff;background: linear-gradient(180deg, rgba(22,119,255,.14), rgba(22,119,255,.03));box-shadow: 0 0 0 4px rgba(22,119,255,.08), 0 10px 30px rgba(22,119,255,.18)}.ali-pay.ali-off{border-color: var(--line);box-shadow: none;background: var(--glass)}.ali-chip{display: inline-flex;align-items: center;gap: 8px;font-weight: 600;color: #4096ff;margin-bottom: 12px}.ali-qr{width: fit-content;margin: 0 auto}.ali-qr .qr-box{margin: 0;padding: 8px}.ali-steps{display: grid;grid-template-columns: repeat(3, 1fr);gap: 6px;margin-top: 14px;text-align: center;font-size: 12px}.ali-steps div{display: grid;justify-items: center;gap: 4px;color: var(--text-2)}.ali-steps b{width: 22px;height: 22px;border-radius: 50%;display: grid;place-items: center;background: #1677ff;color: #fff;font-size: 12px}.ali-btn{width: 100%;margin-top: 14px;gap: 8px;border: 0;color: #fff !important;background: #1677ff !important;box-shadow: 0 6px 18px rgba(22,119,255,.35) !important}.ali-btn .ali-logo{width: 20px;height: 20px;font-size: 13px;background: #fff;color: #1677ff}.ali-wait{display: flex;justify-content: center;align-items: center;gap: 8px;margin-top: 12px;font-size: 12px;color: var(--text-3)}.ali-wait i{width: 8px;height: 8px;border-radius: 50%;background: #1677ff;animation: ali-blink 1.2s infinite}@keyframes ali-blink{50%{opacity: .3}}:root[data-skin="classic"] .ali-chip, :root[data-theme="light"] .ali-chip{color: #1677ff}:root[data-skin="classic"] .ali-pay{background: linear-gradient(180deg, #eef5ff, #f8fbff);box-shadow: 0 0 0 4px rgba(22,119,255,.06)}.port-copy{font: inherit;color: inherit;cursor: pointer;transition: border-color .15s, background .15s}.port-copy:hover{border-color: var(--brand);background: color-mix(in srgb, var(--brand) 14%, transparent)}:root[data-skin="classic"]{--page-bg: #eef1fb}:root[data-skin="classic"] body::before, :root[data-skin="classic"] body::after{content: "";position: fixed;z-index: -1;pointer-events: none;border-radius: 50%;will-change: transform}:root[data-skin="classic"] body::before{width: 1100px;height: 1000px;left: -260px;top: -380px;background: radial-gradient(closest-side, rgba(120, 200, 255, .62) 0%, rgba(150, 175, 255, .42) 45%, rgba(190, 180, 255, .22) 70%, transparent 100%);animation: classic-drift-a 26s ease-in-out infinite alternate}:root[data-skin="classic"] body::after{width: 900px;height: 800px;right: -300px;bottom: -340px;background: radial-gradient(closest-side, rgba(196, 170, 255, .38), rgba(170, 200, 255, .18) 60%, transparent 100%);animation: classic-drift-b 32s ease-in-out infinite alternate}@keyframes classic-drift-a{0%{transform: translate3d(0, 0, 0) scale(1)}50%{transform: translate3d(140px, 60px, 0) scale(1.08)}100%{transform: translate3d(40px, 120px, 0) scale(.96)}}@keyframes classic-drift-b{0%{transform: translate3d(0, 0, 0) scale(1)}50%{transform: translate3d(-160px, -80px, 0) scale(1.1)}100%{transform: translate3d(-60px, -140px, 0) scale(.95)}}:root[data-skin="classic"] .sidebar{background: rgba(255, 255, 255, .72) !important;backdrop-filter: blur(18px) saturate(1.2) !important;border-right-color: rgba(255, 255, 255, .85) !important}:root[data-skin="classic"] .card{box-shadow: 0 1px 2px rgba(30, 50, 120, .04), 0 8px 24px rgba(60, 80, 160, .06)}@media (prefers-reduced-motion: reduce){:root[data-skin="classic"] body::before, :root[data-skin="classic"] body::after{animation: none}}.table th.sortable{cursor: pointer;user-select: none;white-space: nowrap;transition: color .15s}.table th.sortable:hover, .table th.sorted{color: var(--text)}.sort-ic{display: inline-flex;flex-direction: column;gap: 2px;margin-left: 5px;vertical-align: middle}.sort-ic::before, .sort-ic::after{content: "";width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;opacity: .35}.sort-ic::before{border-bottom: 5px solid currentColor}.sort-ic::after{border-top: 5px solid currentColor}.sort-ic.asc::before, .sort-ic.desc::after{opacity: 1;border-bottom-color: var(--brand);border-top-color: var(--brand)}.sort-ic.asc::after, .sort-ic.desc::before{opacity: .25}.sort-chips{margin-left: auto;display: inline-flex;align-items: center;gap: 6px;font-size: 13px}.sort-chip{display: inline-flex;align-items: center;height: 30px;padding: 0 10px 0 12px;border-radius: 999px;border: 1px solid var(--line);background: var(--glass);color: var(--text-2);font: inherit;font-size: 13px;cursor: pointer;white-space: nowrap}.sort-chip:hover{color: var(--text)}.sort-chip.active{color: var(--brand);border-color: color-mix(in srgb, var(--brand) 55%, transparent);background: color-mix(in srgb, var(--brand) 12%, transparent)}@media (max-width: 720px){.sort-chips{margin-left: 0;width: 100%}}.log-note{margin-top: 6px;padding: 4px 10px;border-radius: 8px;background: color-mix(in srgb, var(--brand) 10%, transparent);color: var(--text-2);font-size: 12px;line-height: 1.6;width: fit-content;max-width: 100%}.vt-cats{margin-bottom: 18px}.vt-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));gap: 18px}.vt-card{display: block;border-radius: 16px;overflow: hidden;border: 1px solid var(--line);background: var(--card-bg);color: inherit;text-decoration: none;cursor: pointer;transition: transform .2s, box-shadow .2s}.vt-card:hover{transform: translateY(-3px);box-shadow: 0 14px 40px rgba(40, 80, 255, .25)}.vt-cover{position: relative;aspect-ratio: 16 / 9;display: grid;place-items: center;overflow: hidden;background: #0b1024}.vt-cover img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover}.vt-cover .t{position: absolute;left: 16px;top: 14px;right: 16px;font-weight: 800;font-size: 20px;color: #fff;text-shadow: 0 2px 10px rgba(0, 0, 0, .4);line-height: 1.3}.vt-play{position: relative;width: 54px;height: 54px;border-radius: 50%;background: rgba(255, 255, 255, .18);backdrop-filter: blur(6px);border: 1px solid rgba(255, 255, 255, .5);display: grid;place-items: center;transition: transform .2s, background .2s}.vt-card:hover .vt-play, .vt-guide:hover .vt-play{transform: scale(1.1);background: rgba(255, 255, 255, .3)}.vt-play::after{content: "";border-left: 16px solid #fff;border-top: 10px solid transparent;border-bottom: 10px solid transparent;margin-left: 4px}.vt-dur{position: absolute;right: 10px;bottom: 10px;padding: 2px 8px;border-radius: 6px;background: rgba(0, 0, 0, .6);color: #fff;font-size: 12px;font-family: var(--mono)}.vt-new{position: absolute;left: 10px;bottom: 10px;padding: 2px 8px;border-radius: 6px;background: #22c55e;color: #fff;font-size: 11px;font-weight: 700}.vt-done{position: absolute;left: 10px;bottom: 10px;padding: 2px 8px;border-radius: 6px;background: rgba(0, 0, 0, .55);color: #9fe8b8;font-size: 11px}.vt-body{padding: 14px 16px 16px}.vt-body b{display: block;font-size: 15px;margin-bottom: 4px;color: var(--text)}.vt-body p{margin: 0;color: var(--text-2);font-size: 13px;line-height: 1.6;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.vt-meta{display: flex;gap: 10px;margin-top: 10px;font-size: 12px;color: var(--text-3)}.vt-g1{background: linear-gradient(135deg, #2f7bff, #7b5cff)}.vt-g2{background: linear-gradient(135deg, #0ea5b7, #2f7bff)}.vt-g3{background: linear-gradient(135deg, #f97316, #ef4444)}.vt-g4{background: linear-gradient(135deg, #8b5cf6, #ec4899)}.vt-g5{background: linear-gradient(135deg, #16a34a, #0ea5b7)}.vt-g6{background: linear-gradient(135deg, #334155, #2f7bff)}.modal.vt-player{width: min(980px, 100%);max-width: 980px;padding: 0;overflow: hidden auto;position: relative}.vt-player .vp-head{position: absolute;top: 10px;right: 10px;z-index: 3;margin: 0}.vt-player .vp-head h2{display: none}.vt-player .vp-head .icon-btn{background: rgba(0, 0, 0, .55);color: #fff;border-color: rgba(255, 255, 255, .25)}.vp-screen{aspect-ratio: 16 / 9;background: #000}.vp-screen video, .vp-screen iframe{display: block;width: 100%;height: 100%;border: 0;background: #000}.vt-player .vp-info{padding: 18px 22px 22px;display: grid;grid-template-columns: 1fr 280px;gap: 22px}.vp-info h2{margin: 0 0 6px;font-size: 20px}.vp-info .vp-meta{margin-bottom: 10px;font-size: 13px}.vp-info p{color: var(--text-2);line-height: 1.7;margin: 0;white-space: pre-line}.vp-steps{margin-top: 12px;display: grid;gap: 6px;font-size: 13px;color: var(--text-2)}.vp-t{border: 0;background: none;padding: 0;color: #8ea6ff;font-size: 13px;margin-right: 6px;cursor: pointer}.vp-t:hover:not(:disabled){text-decoration: underline}.vp-t:disabled{cursor: default;opacity: .8}.vp-acts{margin-top: 16px;gap: 8px;flex-wrap: wrap}.vp-next b{font-size: 13px;color: var(--text-2);display: block;margin-bottom: 8px}.vp-mini{display: flex;gap: 10px;align-items: center;padding: 6px;border-radius: 10px;cursor: pointer;color: var(--text);text-decoration: none}.vp-mini:hover{background: var(--glass)}.vp-mini .vt-cover{width: 86px;flex: none;border-radius: 8px}.vp-mini span{font-size: 13px;display: grid;gap: 2px}.vp-mini small{font-size: 12px}@media (max-width: 760px){.vt-player .vp-info{grid-template-columns: 1fr;padding: 14px 16px 18px}.modal-mask:has(.vt-player){padding: 0;align-items: flex-start}.modal.vt-player{border-radius: 0 0 16px 16px;max-height: 100%}}.tut-btn{display: inline-flex;align-items: center;gap: 6px;height: 30px;padding: 0 12px;border-radius: 999px;border: 1px dashed rgba(91, 140, 255, .6);color: #8ea6ff;background: rgba(91, 140, 255, .08);font-size: 13px;white-space: nowrap;text-decoration: none;flex: none}.tut-btn::before{content: "▶";font-size: 10px}.tut-btn:hover{background: rgba(91, 140, 255, .16)}.tut-btn .mono{opacity: .8;font-size: 12px}.card-title > .tut-btn{margin-left: auto;margin-right: 10px}.vt-guide{display: flex;align-items: center;gap: 18px;color: inherit;text-decoration: none;padding: 14px}.vt-guide .vt-cover{width: 200px;flex: none;border-radius: 12px}.vt-guide .vt-cover .t{font-size: 15px;left: 10px;top: 8px}.vt-guide .vt-play{width: 40px;height: 40px}.vt-guide-text{flex: 1;display: grid;gap: 4px;min-width: 0}.vt-guide-text small{color: var(--brand);font-size: 12px}.vt-guide-text b{font-size: 17px}@media (max-width: 640px){.vt-guide{flex-wrap: wrap}.vt-guide .vt-cover{width: 100%}.vt-guide > .btn{width: 100%;justify-content: center}}.vt-thumb{width: 104px;border-radius: 8px}.vt-thumb .vt-play{display: none}.vt-up{border: 2px dashed var(--line-strong, var(--line));border-radius: 14px;padding: 22px;text-align: center;color: var(--text-2);cursor: pointer;transition: border-color .2s, background .2s}.vt-up.drag, .vt-up:hover{border-color: var(--brand);background: color-mix(in srgb, var(--brand) 6%, transparent)}.vt-up b{display: block;color: var(--text);margin-bottom: 6px;word-break: break-all}.vt-prog{height: 8px;border-radius: 8px;background: var(--glass-strong);overflow: hidden;margin-top: 12px}.vt-prog i{display: block;height: 100%;width: 0;background: var(--brand-grad);transition: width .3s}.vt-cover-pick{display: flex;gap: 8px;flex-wrap: wrap;margin-top: 4px}.vt-cover-pick > *{width: 96px;aspect-ratio: 16 / 9;border-radius: 8px;border: 2px solid transparent;cursor: pointer;overflow: hidden;padding: 0;background: var(--glass)}.vt-cover-pick img{width: 100%;height: 100%;object-fit: cover;display: block}.vt-cover-pick .on{border-color: #5b8cff;box-shadow: 0 0 0 2px rgba(91, 140, 255, .3)}.vt-cover-pick .vt-add{display: grid;place-items: center;border: 1px dashed var(--line-strong, var(--line));color: var(--text-3);font-size: 13px}.vt-src-tabs{margin: 0;max-width: 460px}:root[data-skin="classic"] .vt-card{background: #fff;border-color: #e6eaf2}:root[data-skin="classic"] .vt-card:hover{box-shadow: 0 10px 28px rgba(37, 99, 235, .14)}:root[data-skin="classic"] .vt-meta{color: #8a94a6}:root[data-skin="classic"] .tut-btn{color: #2563eb;border-color: rgba(37, 99, 235, .5);background: rgba(37, 99, 235, .06)}:root[data-skin="classic"] .vp-t{color: #2563eb}:root[data-skin="classic"] .vt-player .vp-info{background: #fff}:root[data-theme="light"] .tut-btn{color: #3b5bdb}:root[data-theme="light"] .vp-t{color: #3b5bdb}.vp-mini .vt-dur{display: none}.drag-handle{cursor: grab;touch-action: none;user-select: none;color: var(--text-3);padding: 4px 6px;letter-spacing: -2px;font-size: 14px;line-height: 1}.drag-handle:hover{color: var(--text)}.drag-on{opacity: .85;outline: 2px dashed var(--brand);outline-offset: -2px;background: color-mix(in srgb, var(--brand) 10%, transparent) !important}body.drag-sorting, body.drag-sorting *{cursor: grabbing !important;user-select: none !important}.ct-bar{display: flex;gap: 8px;align-items: center;flex-wrap: wrap;margin-bottom: 12px}.ct-bar .faint{flex: 1;min-width: 240px}.ct-bar [data-q]{width: 200px;height: 34px}.ct-tree td{vertical-align: middle}.ct-tree td:first-child{min-width: 280px}.ct-name{display: flex;align-items: center;gap: 8px;min-width: 0;white-space: nowrap}.ct-tog{width: 22px;height: 22px;border-radius: 6px;border: 0;background: transparent;color: var(--text-2);cursor: pointer;flex: none;font-size: 12px}.ct-tog:hover{background: var(--glass-strong);color: var(--text)}.ct-l1 td{background: color-mix(in srgb, var(--brand) 9%, transparent);padding-top: 12px;padding-bottom: 12px}.ct-l1 .ct-name b{font-size: 15px}.ct-l2 td{background: var(--glass)}.ct-l2 .ct-name{padding-left: 24px}.ct-p .ct-name{padding-left: 50px}.ct-meta{color: var(--text-3);font-size: 12px;font-weight: 400}.ct-empty td{color: var(--text-3);font-size: 13px}.ct-empty .ct-name{padding-left: 84px;white-space: normal}.ct-tree .badge, .ct-use{white-space: nowrap}.ct-use{display: inline-block;padding: 0 6px;border-radius: 6px;font-size: 11px;background: color-mix(in srgb, var(--warn) 18%, transparent);color: var(--warn)}.ct-sub{display: none;font-size: 12px;color: var(--text-3);margin-top: 2px}.ct-ops span{display: flex;gap: 6px;justify-content: flex-end;flex-wrap: nowrap}.ct-tree .drag-handle{flex: none}.ct-tree.searching .drag-handle{visibility: hidden}.ct-del-list{margin: 10px 0 0;padding-left: 18px;color: var(--text-2);line-height: 1.9;font-size: 14px}.ct-block{display: grid;grid-template-columns: repeat(3, 1fr);gap: 8px;margin: 12px 0}.ct-block div{padding: 10px;border-radius: 10px;background: var(--glass);border: 1px solid var(--line);text-align: center}.ct-block b{display: block;font-size: 20px}@media (max-width: 720px){.ct-bar [data-q]{flex: 1;width: auto}.ct-tree{min-width: 0 !important}.ct-tree thead{display: none}.ct-tree tr{display: flex;flex-wrap: wrap;align-items: center;gap: 8px;padding: 10px 6px;border-bottom: 1px solid var(--line)}.ct-tree td{display: block;padding: 0 !important;border: 0 !important;background: none !important;min-width: 0 !important}.ct-tree td.m-hide{display: none}.ct-tree td:first-child{flex: 1 1 100%}.ct-sub{display: block}.ct-l1{background: color-mix(in srgb, var(--brand) 9%, transparent)}.ct-l2{background: var(--glass)}.ct-tree .ct-name{white-space: normal;flex-wrap: wrap}.ct-l2 .ct-name{padding-left: 12px}.ct-p .ct-name, .ct-empty .ct-name{padding-left: 24px}.ct-p .ct-sub{padding-left: 58px}.ct-l2 td:nth-child(2), .ct-p td:nth-child(5){margin-left: 36px}.ct-ops{margin-left: auto}}
/* 后台线路产品配置项价格矩阵 */.cfg-matrix th,.cfg-matrix td{padding:4px 6px;vertical-align:top}.cfg-matrix td .input+.input{margin-top:4px;display:block}.cfg-opt{border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px}
/* 线路产品选购：区域卡片的国旗 */.cfg-flag{font-size:18px;margin-right:6px;vertical-align:-2px}
/* 线路产品连接信息 */.link-box{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start}.link-qr{text-align:center}.link-url{margin:10px 0 0;padding:10px 14px;background:var(--glass-strong);border:1px solid var(--line);border-radius:var(--radius-sm);font-family:var(--mono);font-size:12px;white-space:pre-wrap;word-break:break-all;max-height:220px;overflow:auto}@media (max-width:640px){.link-box{grid-template-columns:1fr}}
/* 后台从中控勾选区域 */.zk-pick{max-height:52vh;overflow:auto;display:grid;gap:4px}.zk-pick-item{gap:8px;padding:6px 8px;border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer}.zk-pick-item[hidden]{display:none}

/* 线路产品连接面板（我的产品 / 概览卡片上的专线入口信息） */
.conn-panel{margin-top:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:11px 13px}
.conn-panel.pending{color:var(--text-3);font-size:12.5px;text-align:center;border-style:dashed;padding:13px}
.conn-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.conn-lbl{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--text-3)}
.conn-proto{font-size:11px;font-weight:600;color:var(--brand);background:var(--glass);border:1px solid var(--line);border-radius:999px;padding:2px 9px}
.conn-dom{display:flex;align-items:center;gap:8px}
.conn-dom .btn-qr{margin-left:auto}
.conn-dom code{font-family:var(--mono);font-size:14.5px;font-weight:700;color:var(--text);word-break:break-all;background:none;padding:0;min-width:0}
.conn-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px;padding-top:9px;border-top:1px solid var(--line)}
.conn-cell{min-width:0}
.conn-k{display:block;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:3px}
.conn-v{display:flex;align-items:center;gap:7px;min-width:0}
.conn-v code{font-family:var(--mono);font-size:13px;font-weight:600;color:var(--text);background:none;padding:0;overflow:hidden;text-overflow:ellipsis}
.btn-copy{flex:none;border:0;background:var(--brand-grad);color:#fff;border-radius:7px;font-size:11px;font-weight:600;padding:4px 10px;cursor:pointer}
.btn-copy:hover{filter:brightness(1.08)}
.svc-search{margin:10px 0 18px}
.svc-search .input{width:100%}

/* 连接面板二维码按钮 */
.btn-qr{flex:none;white-space:nowrap;border:1px solid var(--brand);background:transparent;color:var(--brand);border-radius:7px;font-size:11px;font-weight:600;padding:4px 10px;cursor:pointer}
.btn-qr:hover{background:var(--brand);color:#fff}
/* 二维码弹窗 */
.qr-box{width:200px;height:200px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;padding:10px}
.qr-box img, .qr-box canvas, .qr-box table{max-width:100%;height:auto}
.url-copy{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px;cursor:pointer;word-break:break-all}
.url-copy:hover{border-color:var(--brand)}
.url-copy code{font-family:var(--mono);font-size:12.5px;color:var(--text);background:none;padding:0}

/* 线路商品卡片的周期价格（月付 / 季付 / 半年付 / 年付） */





.svc-users{margin-top:4px;font-size:12px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}

.shop-search{display:flex;gap:10px;align-items:center;margin-bottom:12px}.shop-search .input{flex:1;min-width:0;max-width:520px}