.ex-qr-card{position:relative;overflow:hidden;border-radius:18px;padding:16px 15px 15px;margin-top:16px;color:#f6f7f3;background:radial-gradient(120% 90% at 85% 0,rgba(127,208,224,.22),transparent 60%),linear-gradient(158deg,#0e3f4d,#07232d);border:1px solid rgba(127,208,224,.18);box-shadow:0 16px 30px -22px rgba(7,35,45,.9)}.ex-qr-card:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.06;background-image:linear-gradient(rgba(255,255,255,.9) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.9) 1px,transparent 0);background-size:14px 14px}.ex-qr-card>*{position:relative;z-index:1}.ex-qr-head{display:flex;align-items:center;gap:9px;margin-bottom:12px}.ex-qr-icon{flex:none;width:32px;height:32px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;color:#7fd0e0;background:rgba(127,208,224,.14);border:1px solid rgba(127,208,224,.22)}.ex-qr-title{margin:0;font:700 14.5px/1.15 var(--ex-display,inherit);color:#fff;letter-spacing:-.01em}.ex-qr-sub{margin:2px 0 0;font-size:11.5px;line-height:1.35;color:rgba(246,247,243,.66)}.ex-qr-scan{display:flex;flex-direction:column;align-items:center;gap:9px}.ex-qr-plate{position:relative;padding:9px;border-radius:12px;background:#fff;box-shadow:0 8px 18px -10px rgba(0,0,0,.55)}.ex-qr-plate img{width:132px;height:132px;display:block;image-rendering:pixelated}.ex-qr-plate:after,.ex-qr-plate:before{content:"";position:absolute;width:13px;height:13px;border:2px solid #7fd0e0;border-radius:3px}.ex-qr-plate:before{top:-4px;left:-4px;border-right:0;border-bottom:0}.ex-qr-plate:after{bottom:-4px;right:-4px;border-left:0;border-top:0}.ex-qr-scan-label{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:rgba(246,247,243,.72)}.ex-qr-stats{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;padding-top:11px;border-top:1px solid rgba(255,255,255,.1)}.ex-qr-stat{text-align:center;min-width:0}.ex-qr-stat-v{display:block;font:700 13px var(--ex-display,inherit);color:#fff}.ex-qr-stat-l{display:block;font-size:9.5px;letter-spacing:.3px;text-transform:uppercase;color:rgba(246,247,243,.5);margin-top:1px}.ex-qr-stat-sep{width:1px;height:22px;background:rgba(255,255,255,.12);flex:none}.ex-qr-btn{display:none;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 14px;border-radius:12px;background:#7fd0e0;color:#07232d;font:700 13.5px var(--ex-display,inherit);text-decoration:none}.ex-qr-btn:hover{background:#9fdeea;color:#07232d}@media (max-width:1024px){.ex-qr-scan{display:none}.ex-qr-btn{display:inline-flex}.ex-qr-stats{margin-top:11px}}.cl-grid-no-rail .ex-toc{display:flex;flex-direction:column;max-height:calc(100vh - var(--ex-top-offset, 152px) - 24px)}.cl-grid-no-rail .ex-toc-list{overflow-y:auto;min-height:0;scrollbar-width:thin}.cl-grid-no-rail .ex-qr-card{flex:none}@media (max-width:1024px){.cl-grid-no-rail .ex-toc{display:block;max-height:none;position:static;padding:0;border:0;background:none;box-shadow:none;order:2}.cl-grid-no-rail .ex-toc>:not(.ex-qr-card){display:none}.cl-grid-no-rail .ex-toc-list{overflow-y:visible}}@media (max-width:1180px){.ex-side .ex-rail:has(>.ex-qr-card){display:block;margin:0;padding:0;border:0;background:none;box-shadow:none}.ex-side .ex-rail>:not(.ex-qr-card){display:none}}