/* OXBET — "cobalt journal" 骨架: cb_ 类名体系(下划线) · 深蓝黑 · 杂志两栏 · Flex-first */
:root{--ax:#89dcc3;--bg:#112217;--sf:#23392a;--ink:#eaf1ec;--mut:#99bda5;--line:#2f3340;--btk:#142923;--rad:14px;--wid:1200px;--dl:linear-gradient(180deg,#9b47dc,#9d99eb);--li:linear-gradient(180deg,#32cda4,#67f4a6);--rg:linear-gradient(180deg,#eb6682,#e43aa0);--mono:"Cascadia Code",Consolas,monospace}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font:16px/1.64 -apple-system,"Segoe UI",Roboto,sans-serif}
img{max-width:100%;height:auto;display:block}a{color:var(--ax);text-decoration:none}a:hover{text-decoration:underline}
:focus-visible{outline:2px solid var(--ax);outline-offset:3px}
.cb_jump{position:absolute;top:6px;left:6px;z-index:99;background:var(--sf);border:1px solid var(--ax);color:var(--ink);padding:8px 14px;border-radius:var(--rad);transform:translateY(-64px)}.cb_jump:focus{transform:none}
.cb_container{max-width:var(--wid);margin-inline:auto;padding-inline:22px}
.cb_topstrip{position:sticky;top:0;z-index:70;background:var(--sf);border-bottom:1px solid var(--line)}
.cb_toplayout{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:62px}
.cb_links{display:flex;gap:2px;flex-wrap:wrap}.cb_links a{padding:7px 11px;border-radius:var(--rad);color:var(--mut);font-size:.9rem;font-weight:600;font-family:var(--mono)}
.cb_links a:hover{color:var(--ink);text-decoration:none;background:color-mix(in srgb,var(--ax) 14%,transparent)}
.cb_links a[aria-current="page"]{color:var(--ax);box-shadow:inset 0 -2px 0 var(--ax)}
.cb_ham{display:none;width:42px;height:38px;background:none;border:1px solid var(--line);border-radius:var(--rad);cursor:pointer;position:relative}
.cb_ham i,.cb_ham i::before,.cb_ham i::after{content:"";position:absolute;width:18px;height:2px;background:var(--ink);left:12px;border-radius:2px;transition:.2s}
.cb_ham i{top:18px}.cb_ham i::before{top:-7px}.cb_ham i::after{top:7px}
.cb_ham[aria-expanded="true"] i{background:transparent}
.cb_ham[aria-expanded="true"] i::before{transform:translateY(7px) rotate(45deg)}
.cb_ham[aria-expanded="true"] i::after{transform:translateY(-7px) rotate(-45deg)}
.cb_cluster{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.cb_go{display:inline-flex;align-items:center;gap:8px;padding:11px 21px;border:1px solid transparent;border-radius:var(--rad);font-weight:700;font-size:.93rem;color:var(--btk);cursor:pointer;font-family:var(--mono);transition:transform .18s,box-shadow .18s;box-shadow:0 6px 16px rgba(0,0,0,.32)}
.cb_go:hover{transform:translateY(-2px);box-shadow:0 9px 20px color-mix(in srgb,var(--ax) 22%,rgba(0,0,0,.32));text-decoration:none}
.cb_go--dl{background-image:var(--dl)}.cb_go--in{background-image:var(--li)}.cb_go--rg{background-image:var(--rg)}
.cb_go--ol{background:none;border-color:var(--ax);color:var(--ax);box-shadow:none}.cb_go--ol:hover{background:color-mix(in srgb,var(--ax) 11%,transparent)}
.cb_go--tny{padding:7px 14px;font-size:.83rem}
.cb_bill{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.cb_rain{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.cb_rain i{position:absolute;top:-8%;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#ffe9a8,#d4a017 60%,#8a5a00);box-shadow:0 0 7px rgba(255,214,120,.45)}
.cb_billgrid{position:relative;display:flex;gap:30px;align-items:center;padding-block:40px;flex-wrap:wrap}
.cb_billcopy{flex:1 1 420px}
.cb_alert{display:inline-block;padding:5px 13px;border-radius:var(--rad);background:color-mix(in srgb,var(--ax) 14%,transparent);color:var(--ax);font-size:.76rem;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}
.cb_megatitle{font-family:var(--mono);font-size:clamp(1.8rem,4vw,2.85rem);font-weight:800;line-height:1.2;margin-bottom:10px}
.cb_megatitle b{color:var(--ax)}
.cb_tagline{color:var(--mut);max-width:50ch;margin-bottom:14px}
.cb_boons{display:flex;flex-wrap:wrap;gap:7px 19px;margin-bottom:19px}
.cb_boons li{list-style:none;font-size:.9rem}.cb_boons li::before{content:"[✓] ";color:var(--ax);font-family:var(--mono);font-size:.75rem}
.cb_show{position:relative;flex:1 1 380px;min-height:290px;border-radius:calc(var(--rad) * 1.6);overflow:hidden;border:1px solid var(--line);box-shadow:0 18px 45px rgba(0,0,0,.42);outline:none}
.cb_pic{position:absolute;inset:0;opacity:0;transition:opacity .5s}.cb_pic.on{opacity:1}
.cb_pic img{width:100%;height:100%;object-fit:cover}
.cb_pic figcaption{position:absolute;inset:auto 13px 13px;padding:9px 13px;border-radius:var(--rad);background:rgba(8,10,16,.78);font-size:.85rem;font-family:var(--mono)}
.cb_pagers{position:absolute;top:13px;right:13px;z-index:3;display:flex;gap:7px}
.cb_pagers button{width:22px;height:10px;padding:0;border:1.5px solid var(--ax);background:none;border-radius:3px;cursor:pointer}
.cb_pagers button.on{background:var(--ax)}
.cb_band{padding-block:44px;border-bottom:1px solid var(--line)}
.cb_bandtitle{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 16px;margin-bottom:22px}
.cb_bandtitle h2{font-family:var(--mono);font-size:1.5rem}.cb_bandtitle h2::before{content:"## ";color:var(--ax)}
.cb_bandtitle p{color:var(--mut);font-size:.9rem}.cb_bandtitle a{margin-left:auto;font-size:.86rem;font-family:var(--mono)}
.cb_trio{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}
.cb_sheet{background:var(--sf);border:1px solid var(--line);border-radius:var(--rad);overflow:hidden;transition:transform .2s,border-color .2s}
.cb_sheet:hover{transform:translateY(-4px);border-color:var(--ax)}
.cb_sheet h3{font-family:var(--mono);font-size:1.08rem;margin:13px 15px 6px}.cb_sheet p{color:var(--mut);font-size:.89rem;margin:0 15px 14px}
.cb_wall{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cb_slab{position:relative;background:var(--sf);border:1px solid var(--line);border-radius:var(--rad);overflow:hidden;transition:transform .2s,box-shadow .2s}
.cb_slab:hover{transform:translateY(-4px);box-shadow:0 14px 30px color-mix(in srgb,var(--ax) 15%,transparent)}
.cb_slab .kind{position:absolute;top:9px;left:9px;z-index:2;padding:3px 9px;border-radius:var(--rad);background:rgba(8,10,16,.8);border:1px solid var(--ax);color:var(--ax);font-size:.69rem;font-weight:700;font-family:var(--mono)}
.cb_slabbar{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 13px}
.cb_slabbar h3{font-family:var(--mono);font-size:.95rem}
.cb_wall2{display:grid;gap:13px}
.cb_picktags{display:flex;gap:7px;flex-wrap:wrap}
.cb_picktags button{padding:7px 14px;border-radius:var(--rad);border:1px solid var(--line);background:var(--sf);color:var(--mut);font-size:.83rem;font-family:var(--mono);cursor:pointer}
.cb_picktags button.on{background-image:var(--dl);color:var(--btk);border-color:transparent;font-weight:700}
.cb_msg{background:var(--sf);border:1px solid var(--line);border-radius:var(--rad);padding:15px 17px}
.cb_msg[hidden]{display:none}
.cb_msghead{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:7px;font-size:.83rem;color:var(--mut)}
.cb_msghead .fa{width:29px;height:29px;border-radius:var(--rad);background:color-mix(in srgb,var(--ax) 16%,transparent);border:1px solid var(--ax);color:var(--ax);display:inline-flex;align-items:center;justify-content:center;font-weight:800;flex:none}
.cb_msghead .lb{margin-left:auto;padding:2px 9px;border-radius:var(--rad);background:color-mix(in srgb,var(--ax) 13%,transparent);color:var(--ax);font-size:.7rem;font-family:var(--mono)}
.cb_msg h3{font-family:var(--mono);font-size:.98rem;margin-bottom:5px}.cb_msg>p{color:var(--mut);font-size:.88rem;margin-bottom:9px}
.cb_quote{border-left:3px solid var(--ax);background:color-mix(in srgb,var(--ax) 7%,transparent);padding:7px 12px;border-radius:0 var(--rad) var(--rad) 0;font-size:.86rem;margin-bottom:7px}
.cb_quote b{color:var(--ax)}
.cb_matrix{overflow-x:auto;border:1px solid var(--line);border-radius:var(--rad);background:var(--sf)}
.cb_matrix table{width:100%;min-width:620px;font-size:.89rem}
.cb_matrix caption{text-align:left;padding:13px 16px 3px;color:var(--mut);font-size:.82rem;font-family:var(--mono)}
.cb_matrix th,.cb_matrix td{padding:10px 15px;text-align:left;border-bottom:1px solid var(--line)}
.cb_matrix thead th{font-family:var(--mono);color:var(--ax);background:color-mix(in srgb,var(--ax) 8%,transparent)}
.cb_matrix .y{color:#5bd17a;font-weight:800}.cb_matrix .n{color:#e36e88;font-weight:800}.cb_matrix .m{color:#dcae5c;font-weight:800}
.cb_offers{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}
.cb_offer{position:relative;background:var(--sf);border:1px solid var(--line);border-top:3px solid var(--ax);border-radius:var(--rad);padding:20px 18px}
.cb_offer .amt{display:block;font-family:var(--mono);font-size:1.7rem;font-weight:800;color:var(--ax);margin-bottom:4px}
.cb_offer h3{font-size:1rem;margin-bottom:5px}.cb_offer p{color:var(--mut);font-size:.87rem;margin-bottom:10px}
.cb_offer .till{display:block;border-top:1px dashed var(--line);padding-top:8px;font-size:.75rem;color:var(--mut);font-family:var(--mono)}
.cb_offer.dead{display:none}
.cb_shell{border:1px solid var(--line);border-radius:var(--rad);overflow:hidden;background:#0b0d13}
.cb_prompts{display:flex;align-items:center;background:var(--sf);border-bottom:1px solid var(--line)}
.cb_prompts [role="tab"]{padding:10px 17px;border:0;background:none;color:var(--mut);font-family:var(--mono);font-size:.83rem;cursor:pointer;border-bottom:3px solid transparent}
.cb_prompts [role="tab"][aria-selected="true"]{color:var(--ax);border-bottom-color:var(--ax);background:color-mix(in srgb,var(--ax) 7%,transparent)}
.cb_prompts .cp{margin-left:auto;margin-right:10px;padding:5px 12px;border-radius:var(--rad);border:1px solid var(--ax);color:var(--ax);background:none;font-size:.77rem;font-family:var(--mono);cursor:pointer}
.cb_shell pre{display:none;padding:17px 19px;overflow-x:auto;font-family:var(--mono);font-size:.83rem;line-height:1.72;color:#cfd6e4}
.cb_shell pre.on{display:block}
.cb_shell .c{color:#667089}.cb_shell .k{color:var(--ax)}.cb_shell .s{color:#7be0a4}
.cb_ladder{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;counter-reset:rung}
.cb_rung{position:relative;counter-increment:rung;background:var(--sf);border:1px solid var(--line);border-radius:var(--rad);padding:27px 14px 14px}
.cb_rung::before{content:"step_" counter(rung);position:absolute;top:-11px;left:13px;padding:3px 10px;border-radius:var(--rad);background-image:var(--dl);color:var(--btk);font-family:var(--mono);font-weight:800;font-size:.72rem}
.cb_rung h3{font-size:.95rem;margin-bottom:4px}.cb_rung p{color:var(--mut);font-size:.84rem}
.cb_roll{display:grid;grid-auto-flow:column;grid-auto-columns:200px;gap:14px;overflow-x:auto;padding-bottom:11px;scroll-snap-type:x mandatory}
.cb_roll figure{scroll-snap-align:center;border:1px solid var(--line);border-radius:var(--rad);overflow:hidden;background:var(--sf)}
.cb_roll figcaption{padding:8px 11px;font-size:.78rem;color:var(--mut);font-family:var(--mono)}
.cb_push{text-align:center;padding-block:48px 56px}
.cb_push h2{font-family:var(--mono);font-size:clamp(1.5rem,2.9vw,2.05rem);margin-bottom:9px}.cb_push h2::before{content=">>> ";color:var(--ax)}
.cb_push p{color:var(--mut);margin-bottom:20px}
.cb_push .cb_cluster{justify-content:center}
.cb_end{border-top:1px solid var(--line);background:var(--sf);margin-top:16px}
.cb_endcols{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding-block:30px}
.cb_endcols h2{font-size:.83rem;letter-spacing:.11em;text-transform:uppercase;color:var(--mut);font-family:var(--mono);margin-bottom:9px}
.cb_endcols li{list-style:none;margin-bottom:6px;font-size:.89rem}
.cb_endcols .note{color:var(--mut);font-size:.87rem;max-width:41ch}
.cb_endbar{border-top:1px solid var(--line);padding:12px 0 14px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px 17px;color:var(--mut);font-size:.78rem;font-family:var(--mono)}
.cb_floatbar{position:fixed;inset:auto 0 0 0;z-index:75;display:none;background:color-mix(in srgb,var(--sf) 95%,#000);border-top:1px solid var(--ax);padding:8px 12px calc(8px + env(safe-area-inset-bottom))}
.cb_floatbar .cb_cluster{justify-content:space-around}.cb_floatbar .cb_go{flex:1;max-width:200px}
.cb_bread{display:flex;flex-wrap:wrap;gap:5px;padding-block:13px 3px;font-size:.8rem;color:var(--mut);font-family:var(--mono)}
.cb_bread li{list-style:none}.cb_bread li+li::before{content:"~/";color:var(--ax)}
.cb_bread a{color:var(--mut)}.cb_bread a:hover{color:var(--ax)}
.cb_leadzone{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;padding-block:22px 26px}
.cb_leadzone img{border-radius:20px;border:1px solid var(--line);box-shadow:0 10px 28px rgba(0,0,0,.3)}
.cb_leadzone h1{font-family:var(--mono);font-size:clamp(1.5rem,3vw,2.15rem);font-weight:800;line-height:1.28;margin-bottom:8px}
.cb_leadzone .desc{color:var(--mut);max-width:60ch;margin-bottom:13px}
.cb_tocline{display:flex;flex-wrap:wrap;align-items:center;gap:7px;border:1px solid var(--line);border-radius:var(--rad);background:var(--sf);padding:11px 14px;margin-bottom:30px}
.cb_tocline b{font-size:.77rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);font-family:var(--mono);margin-right:3px}
.cb_tocline a{font-size:.84rem;padding:5px 11px;border-radius:var(--rad);border:1px solid color-mix(in srgb,var(--ax) 35%,transparent);color:var(--ax);font-family:var(--mono)}
.cb_tocline a:hover{background:color-mix(in srgb,var(--ax) 10%,transparent);text-decoration:none}
.cb_brickgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cb_brick{background:var(--sf);border:1px solid var(--line);border-radius:var(--rad);padding:15px;transition:transform .18s,border-color .18s}
.cb_brick:hover{transform:translateY(-3px);border-color:var(--ax)}
.cb_brick h3{font-family:var(--mono);font-size:.98rem;margin-bottom:6px}.cb_brick h3 a{color:var(--ink)}.cb_brick h3 a:hover{color:var(--ax);text-decoration:none}
.cb_brick p{color:var(--mut);font-size:.86rem;margin-bottom:8px}
.cb_accordion{display:grid;gap:10px}
.cb_acc{border:1px solid var(--line);border-radius:var(--rad);background:var(--sf)}
.cb_acc[open]{border-color:var(--ax)}
.cb_acc summary{cursor:pointer;list-style:none;padding:12px 15px;font-weight:700;font-size:.92rem;display:flex;gap:10px;align-items:center;font-family:var(--mono)}
.cb_acc summary::-webkit-details-marker{display:none}
.cb_acc summary::after{content:"[+]";margin-left:auto;color:var(--ax);font-size:.85rem;font-weight:400}
.cb_acc[open] summary::after{content:"[−]"}
.cb_acc .ans{padding:0 15px 13px;color:var(--mut);font-size:.9rem}.cb_acc .ans p+p{margin-top:7px}
.cb_credit{display:flex;flex-wrap:wrap;gap:7px 13px;align-items:center;padding:9px 0 14px;margin-bottom:18px;border-bottom:1px solid var(--line);font-size:.82rem;color:var(--mut);font-family:var(--mono)}
.cb_credit b{color:var(--ink)}.cb_credit .st{color:var(--ax)}
.cb_text{max-width:74ch}
.cb_text h2{font-family:var(--mono);font-size:1.32rem;margin:24px 0 10px;line-height:1.4}
.cb_text h2::before{content:"// ";color:var(--ax)}
.cb_text h3{font-size:1rem;margin:17px 0 7px;color:var(--ax)}
.cb_text p{margin-bottom:11px;color:color-mix(in srgb,var(--ink) 88%,var(--mut))}
.cb_text ul,.cb_text ol{margin-bottom:11px;color:color-mix(in srgb,var(--ink) 88%,var(--mut))}
.cb_text li{margin-bottom:5px}
.cb_text blockquote{border-left:3px solid var(--ax);background:color-mix(in srgb,var(--ax) 8%,transparent);padding:11px 15px;border-radius:0 var(--rad) var(--rad) 0;margin:14px 0;font-style:italic}
.cb_text figure{margin:17px 0}.cb_text figcaption{font-size:.79rem;color:var(--mut);margin-top:6px}
.cb_origin{margin-top:26px;border:1px dashed var(--line);border-radius:var(--rad);background:var(--sf);padding:13px 15px;font-size:.82rem;color:var(--mut)}
.cb_origin h2{font-size:.88rem;color:var(--ink);margin:0 0 6px}.cb_origin h2::before{content:""}
.cb_origin p{margin-bottom:5px}
.cb_intro{display:grid;grid-template-columns:1fr 1.1fr;gap:23px;align-items:start;padding-top:18px}
.cb_intro img{border-radius:var(--rad);border:1px solid var(--line)}
.cb_intro h1{font-family:var(--mono);font-size:clamp(1.45rem,2.9vw,2.05rem);font-weight:800;line-height:1.3;margin-bottom:8px}
.cb_intro .gt{display:inline-block;padding:4px 11px;border-radius:var(--rad);background:color-mix(in srgb,var(--ax) 12%,transparent);color:var(--ax);font-size:.76rem;font-family:var(--mono);margin-bottom:10px}
.cb_intro p{color:var(--mut);margin-bottom:11px}
.cb_trio3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cb_trio3 figure{border:1px solid var(--line);border-radius:var(--rad);overflow:hidden}
.cb_trio3 figcaption{padding:8px 11px;font-size:.8rem;color:var(--mut);background:var(--sf)}
.cb_typebox{display:flex;gap:11px;padding-top:24px}
.cb_typebox input{flex:1;padding:12px 16px;border:1px solid var(--line);border-radius:var(--rad);background:var(--sf);color:var(--ink);font-size:1rem;font-family:var(--mono)}
.cb_typebox input:focus{border-color:var(--ax);outline:none}
.cb_hits{display:grid;gap:10px;padding-top:20px}
.cb_hits li{list-style:none;border:1px solid var(--line);border-radius:var(--rad);background:var(--sf);padding:11px 15px}
.cb_hits a{font-weight:700}.cb_hits p{font-size:.84rem;color:var(--mut);margin-top:3px}
.cb_nohit{color:var(--mut);padding-top:20px;font-family:var(--mono)}
@media(max-width:768px){body{font-size:15.5px}.cb_toplayout{flex-wrap:wrap;min-height:0;padding-block:9px}.cb_ham{display:inline-flex;order:3}.cb_links{display:none;order:4;width:100%;flex-direction:column;align-items:stretch;gap:1px;padding-bottom:7px}.cb_links.open{display:flex}.cb_links a{padding:10px 12px;border-bottom:1px dashed var(--line)}.cb_billgrid{flex-direction:column-reverse;padding-block:24px}.cb_show{min-height:208px}.cb_trio,.cb_offers,.cb_brickgrid{grid-template-columns:1fr}.cb_wall,.cb_ladder{grid-template-columns:repeat(2,1fr)}.cb_endcols{grid-template-columns:repeat(2,1fr);gap:13px}.cb_leadzone,.cb_intro{grid-template-columns:1fr}.cb_floatbar{display:block}}
@media(max-width:600px){.cb_wall,.cb_ladder,.cb_trio3{grid-template-columns:1fr}.cb_endcols{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}