/* WADH card center — frosted glass, light first, OneNav dark mode. */
.wkc{--wkc-ink:#1e2943;--wkc-muted:#52617b;--wkc-accent:#4056d1;--wkc-button:#4057d5;--wkc-line:rgba(91,112,172,.18);--wkc-soft:rgba(226,234,255,.66);--wkc-glass:rgba(255,255,255,.65);--wkc-glass-strong:rgba(255,255,255,.86);--wkc-edge:rgba(255,255,255,.85);--wkc-shadow:0 12px 30px rgba(51,68,123,.08);--wkc-motion:cubic-bezier(.16,1,.3,1);position:relative;isolation:isolate;max-width:1160px;margin:28px auto;padding:40px;border-radius:24px;color:var(--wkc-ink);background:radial-gradient(ellipse at 3% 0%,rgba(154,195,255,.48),transparent 46%),radial-gradient(ellipse at 100% 28%,rgba(197,177,249,.34),transparent 43%),linear-gradient(145deg,#f0f5ff,#f5f3fc 58%,#ecf6fc);font:400 15px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;box-sizing:border-box;overflow-wrap:anywhere}
.wkc *{box-sizing:border-box}.wkc [hidden]{display:none!important}.wkc ::selection{background:#d9dfff;color:#172454}.wkc h2,.wkc h3,.wkc h4,.wkc p{margin:0;padding:0}.wkc h2{font-size:32px;font-weight:750;line-height:1.25;letter-spacing:-.025em}.wkc h3{font-size:21px;font-weight:700;line-height:1.45;margin-bottom:8px}.wkc h4{font-size:16px;font-weight:650;line-height:1.5}.wkc-heading{margin-bottom:28px;animation:wkc-rise .5s var(--wkc-motion) both}.wkc-heading p{color:var(--wkc-muted);margin-top:10px;max-width:68ch}.wkc a{color:var(--wkc-accent)}.wkc :focus-visible{outline:3px solid #687ded;outline-offset:4px}.wkc :disabled{cursor:not-allowed}
.wkc-account,.wkc-product,.wkc-order,.wkc-ledger,.wkc-advertisements{background:var(--wkc-glass);border:1px solid var(--wkc-edge);box-shadow:var(--wkc-shadow),inset 0 1px 0 rgba(255,255,255,.64);-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%)}
.wkc-account{display:flex;align-items:center;gap:32px;padding:26px 28px;border-radius:16px;animation:wkc-rise .55s var(--wkc-motion) both}.wkc-balance{display:flex;flex-direction:column;gap:4px;min-width:136px;padding-right:28px;border-right:1px solid var(--wkc-line)}.wkc-balance span{font-size:13px;color:var(--wkc-muted)}.wkc-balance strong{font-size:36px;line-height:1.2;font-weight:750;color:var(--wkc-accent);font-variant-numeric:tabular-nums;letter-spacing:-.03em}.wkc-share{display:flex;flex:1;align-items:flex-end;gap:12px;min-width:0}.wkc-share label{display:block;flex:1;min-width:0;font-size:13px;font-weight:600}.wkc input{display:block;width:100%;min-width:0;height:44px;padding:10px 12px;margin-top:8px;border:1px solid var(--wkc-line);border-radius:10px;background:var(--wkc-glass-strong);color:var(--wkc-ink);font:inherit;caret-color:var(--wkc-accent);box-shadow:inset 0 1px 2px rgba(38,60,108,.03);transition:border-color .18s ease,background-color .18s ease}.wkc input:focus{border-color:var(--wkc-accent)}
.wkc button,.wkc a.wkc-primary,.wkc a.wkc-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 16px;border:1px solid transparent;border-radius:10px;font:600 14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;cursor:pointer;text-decoration:none;white-space:normal;transition:transform .18s var(--wkc-motion),background-color .2s ease,box-shadow .2s ease,color .2s ease}
.wkc .wkc-primary{color:#fff;background:var(--wkc-button);box-shadow:0 5px 12px rgba(61,81,195,.16)}.wkc .wkc-secondary{color:var(--wkc-ink);background:var(--wkc-glass-strong);border-color:var(--wkc-line)}.wkc button:active,.wkc a.wkc-primary:active{transform:translateY(1px)}.wkc button:disabled{color:var(--wkc-muted);background:var(--wkc-soft);border-color:transparent;box-shadow:none;transform:none;opacity:.72}.wkc-muted{color:var(--wkc-muted);font-size:13px}.wkc-rule{max-width:80ch;font-size:12px;color:var(--wkc-muted);margin-top:14px!important;line-height:1.8}.wkc-section{margin-top:36px}.wkc-section>p{margin-bottom:16px}.wkc-store-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}.wkc-store-header h3{margin:0}.wkc-store-toolbar{display:flex;justify-content:flex-end;margin:0;flex:none}.wkc-store-toolbar button{font-size:13px;min-height:40px;padding:9px 14px}.wkc-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.wkc-product{position:relative;display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:16px;min-width:0;transition:transform .24s var(--wkc-motion),background-color .24s ease,box-shadow .24s ease;animation:wkc-rise .55s var(--wkc-motion) both;animation-delay:var(--wkc-delay,0ms)}.wkc-product-top{display:flex;flex-direction:column;gap:8px}.wkc-product-top h4{min-height:24px;padding-right:28px}.wkc-product-mark{position:absolute;top:24px;right:20px;color:var(--wkc-accent);opacity:.72}.wkc-product-mark svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.wkc-price{font-size:24px;line-height:1.3;font-weight:720;color:var(--wkc-accent);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.wkc-product>p{color:var(--wkc-muted);font-size:14px;white-space:pre-line;flex:1;min-height:48px}.wkc-product small{font-size:12px}.wkc-product-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:4px}.wkc-product-actions button{width:100%}.wkc-notice{font-size:14px;color:var(--wkc-accent);margin-top:16px!important;overflow-wrap:anywhere}.wkc-notice:empty{display:none}.wkc-notice.is-error{color:#a33336}.wkc-empty{padding:20px 0;color:var(--wkc-muted)}
.wkc-order{display:grid;grid-template-columns:minmax(120px,1fr) minmax(130px,1.25fr) auto;gap:20px;align-items:center;padding:22px 24px;border-radius:16px;margin-top:12px}.wkc-order h4{margin-bottom:5px}.wkc-order small{font-size:12px}.wkc-code{padding:14px;background:var(--wkc-soft);border-radius:10px;white-space:pre-wrap;overflow-wrap:anywhere;user-select:all;color:var(--wkc-ink);font:14px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.wkc-order-actions{display:flex;flex-direction:column;align-items:stretch;gap:6px}.wkc-order-actions>a{display:inline-flex;justify-content:center;align-items:center;min-height:36px;font-size:12px}.wkc .wkc-use{color:var(--wkc-accent);text-decoration:underline;text-underline-offset:4px;text-decoration-color:currentColor}.wkc-ledger{margin-top:28px;padding:20px 24px;border-radius:16px}.wkc summary{font-size:14px;font-weight:650;cursor:pointer;list-style-position:inside}.wkc summary::marker{color:var(--wkc-accent)}.wkc-ledger-row{display:grid;grid-template-columns:1fr auto 64px;gap:16px;padding:14px 0;font-size:13px;border-bottom:1px solid var(--wkc-line)}.wkc-ledger-row:last-child{border:0;padding-bottom:0}.wkc-ledger-row time{font-variant-numeric:tabular-nums;color:var(--wkc-muted)}.wkc-ledger-row strong{text-align:right;color:var(--wkc-accent);font-variant-numeric:tabular-nums}.wkc-ledger[open] .wkc-ledger-row{animation:wkc-reveal .25s ease both}
.wkc .wkc-dialog{width:min(540px,calc(100% - 32px));max-width:540px;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);margin:auto;padding:0;border:1px solid var(--wkc-edge);border-radius:20px;background:var(--wkc-glass-strong);color:var(--wkc-ink);font:inherit;text-align:left;overflow:hidden;box-shadow:0 28px 80px rgba(26,38,84,.25),inset 0 1px 0 rgba(255,255,255,.6);-webkit-backdrop-filter:blur(28px) saturate(145%);backdrop-filter:blur(28px) saturate(145%)}.wkc .wkc-dialog:not([open]){display:none}.wkc .wkc-dialog[open]{display:flex;flex-direction:column;animation:wkc-dialog-in .32s var(--wkc-motion) both}.wkc-dialog::backdrop{background:rgba(24,34,61,.36);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:wkc-reveal .25s ease both}.wkc .wkc-dialog.is-closing{animation:wkc-dialog-out .16s ease-in both}.wkc-dialog.is-closing::backdrop{animation:wkc-backdrop-out .16s ease both}
.wkc-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid var(--wkc-line);flex:none}.wkc .wkc-dialog-header h3{margin:0;font-size:20px;line-height:1.4;min-width:0}.wkc .wkc-dialog-close{display:inline-flex;width:44px;height:44px;min-height:44px;padding:10px;border:0;background:transparent;color:var(--wkc-muted);box-shadow:none;flex:none}.wkc-dialog-close svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.wkc-dialog-body{padding:24px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a7b4da transparent;min-height:0}.wkc-checkout{display:flex;flex-direction:column;align-items:stretch;gap:16px}.wkc-checkout h3{margin:0;font-size:18px}.wkc-checkout p{max-width:70ch}.wkc .wkc-checkout .wkc-price{font-size:26px}.wkc-methods{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;border:0}.wkc-methods legend{font-size:13px;color:var(--wkc-muted);margin-bottom:10px}.wkc-methods label{display:flex;align-items:center;gap:8px;cursor:pointer;min-height:44px;padding:10px 14px;border-radius:10px;background:var(--wkc-soft);transition:background-color .18s ease,box-shadow .18s ease}.wkc-methods label:has(input:checked){background:var(--wkc-soft);box-shadow:inset 0 0 0 1.5px var(--wkc-accent)}.wkc .wkc-methods input{display:inline-block;width:17px;height:17px;margin:0;accent-color:var(--wkc-button);box-shadow:none}.wkc-payment-controls{display:flex;flex-direction:column;align-items:center;gap:12px}.wkc-payment-controls>a,.wkc-payment-controls>button,.wkc-payment-controls>form{width:100%}.wkc-payment-controls>form button{width:100%}.wkc-payment-controls:empty{display:none}.wkc-pay-qr{width:218px;height:218px;max-width:100%;object-fit:contain;background:#fff;padding:10px;border-radius:12px}.wkc .wkc-countdown{padding:12px 16px;background:var(--wkc-soft);color:var(--wkc-accent);border-radius:10px;font-size:15px;font-weight:650;font-variant-numeric:tabular-nums}.wkc-purchase-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;border-top:1px solid var(--wkc-line)}.wkc-purchase-row:first-child{padding-top:0;border:0}.wkc-purchase-row:last-child{padding-bottom:0}.wkc-purchase-row>div{min-width:0}.wkc-purchase-row small{display:block;margin-top:5px}.wkc-purchase-row button{flex:none}.wkc-dialog .wkc-notice{margin-top:0!important}
.wkc-advertisements{margin:0 0 24px;padding:20px 24px;border-radius:16px}.wkc-ad-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.wkc .wkc-ad-heading h3{font-size:16px;margin:0}.wkc .wkc-ad-heading a{font-size:12px;min-height:36px;padding:8px 12px}.wkc-ad-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.wkc-ad-link{display:flex;align-items:center;gap:8px;min-width:0;padding:8px 10px;border-radius:10px;background:var(--wkc-glass-strong);color:var(--wkc-ink)!important;font-size:12px;text-decoration:none;transition:background-color .18s ease,transform .18s ease}.wkc-ad-link>span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wkc-ad-initial{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:8px;background:var(--wkc-soft);color:var(--wkc-accent);font-size:13px;font-weight:650}.wkc-advertisements .wkc-empty{padding:6px 0;font-size:13px}
@media(hover:hover) and (pointer:fine){.wkc-product:hover{transform:translateY(-4px);background:var(--wkc-glass-strong);box-shadow:0 18px 36px rgba(51,68,123,.13),inset 0 1px 0 rgba(255,255,255,.8)}.wkc .wkc-primary:hover{background:#3148be;color:#fff;box-shadow:0 7px 16px rgba(61,81,195,.22)}.wkc .wkc-secondary:hover,.wkc .wkc-dialog-close:hover{background:var(--wkc-soft);color:var(--wkc-ink)}.wkc-ad-link:hover{transform:translateY(-2px);background:var(--wkc-soft)}.wkc .wkc-use:hover{text-decoration-thickness:2px}}
body.io-black-mode .wkc{--wkc-ink:#edf1ff;--wkc-muted:#b4c0d7;--wkc-accent:#b3c1ff;--wkc-button:#4b60d1;--wkc-line:rgba(164,182,229,.18);--wkc-soft:rgba(83,105,160,.19);--wkc-glass:rgba(29,40,65,.7);--wkc-glass-strong:rgba(32,45,74,.91);--wkc-edge:rgba(170,190,245,.16);--wkc-shadow:0 12px 30px rgba(1,6,23,.18);background:radial-gradient(ellipse at 3% 0%,rgba(61,93,159,.35),transparent 47%),radial-gradient(ellipse at 100% 26%,rgba(104,68,148,.24),transparent 44%),linear-gradient(145deg,#141f34,#1b2138 58%,#152c37)}body.io-black-mode .wkc .wkc-notice.is-error{color:#ffb9b9}body.io-black-mode .wkc .wkc-primary:hover{background:#536cdd}body.io-black-mode .wkc-dialog::backdrop{background:rgba(3,8,21,.65)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.wkc{--wkc-glass:#f9fbff;--wkc-glass-strong:#fff}body.io-black-mode .wkc{--wkc-glass:#202d46;--wkc-glass-strong:#25324e}}
@media(max-width:900px){.wkc{padding:28px}.wkc-products{grid-template-columns:repeat(2,minmax(0,1fr))}.wkc-product{padding:22px}.wkc-account{gap:22px;padding:24px}.wkc-balance{min-width:115px;padding-right:20px}.wkc-order{grid-template-columns:1fr auto}.wkc-order>div{grid-column:1/-1}.wkc-ad-list{grid-template-columns:repeat(3,minmax(0,1fr))}.wkc-store-toolbar{margin:0}}
@media(max-width:540px){.wkc{margin:16px auto;padding:22px 16px;border-radius:18px}.wkc h2{font-size:27px}.wkc-heading{margin-bottom:22px}.wkc-heading p{font-size:14px;line-height:1.8}.wkc-account{display:block;padding:22px 20px}.wkc-balance{min-width:0;padding:0;border:0}.wkc-balance strong{font-size:32px}.wkc-share{display:block;margin-top:20px}.wkc-share button{width:100%;margin-top:10px}.wkc-products{grid-template-columns:1fr;gap:14px}.wkc-product{padding:22px}.wkc-product-actions{flex-direction:row;flex-wrap:wrap}.wkc-product-actions button{flex:1;min-width:110px}.wkc-product>p{min-height:0}.wkc-section{margin-top:30px}.wkc-store-toolbar{margin:0}.wkc-order{grid-template-columns:1fr;padding:20px;gap:14px}.wkc-order-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px}.wkc-ledger{padding:20px}.wkc-ledger-row{grid-template-columns:1fr 64px;gap:6px}.wkc-ledger-row time{grid-column:1/-1;grid-row:2}.wkc-advertisements{padding:18px 16px}.wkc-ad-list{grid-template-columns:repeat(2,minmax(0,1fr))}.wkc .wkc-dialog{width:calc(100% - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);border-radius:16px}.wkc-dialog-header{padding:12px 16px}.wkc-dialog-body{padding:22px 18px}.wkc-purchase-row{align-items:flex-start;flex-wrap:wrap}.wkc-purchase-row button{font-size:13px}}
@keyframes wkc-rise{from{opacity:.65;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes wkc-reveal{from{opacity:.45}to{opacity:1}}@keyframes wkc-dialog-in{from{opacity:.3;transform:translateY(16px) scale(.98);filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes wkc-dialog-out{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.985)}}@keyframes wkc-backdrop-out{from{opacity:1}to{opacity:0}}
@media(prefers-reduced-motion:reduce){.wkc *,.wkc *::before,.wkc *::after,.wkc-dialog::backdrop{animation:none!important;transition:none!important;scroll-behavior:auto!important}.wkc-product:hover,.wkc-ad-link:hover{transform:none}}