.example-page[data-v-5a6d631a]{flex:1;width:100%;height:100%;display:flex;flex-direction:column;background:radial-gradient(1200px 600px at 50% -200px,rgba(70,123,255,.08),transparent 60%),linear-gradient(180deg,#eef2f8,#f4f6fb 240px);color:#4b5563;overflow:hidden}.example-toolbar[data-v-5a6d631a]{flex-shrink:0;z-index:20;background:#ffffffd9;backdrop-filter:blur(14px);border-bottom:1px solid rgba(70,123,255,.08);box-shadow:0 6px 24px #1428500a}.example-toolbar-inner[data-v-5a6d631a]{max-width:1100px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:18px}.tb-back[data-v-5a6d631a]{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid #e0e6f0;background:#fff;font-size:13px;color:#4b5563;cursor:pointer;transition:all .15s}.tb-back[data-v-5a6d631a]:hover{border-color:#467bff80;color:#467bff}.tb-title[data-v-5a6d631a]{flex:1;min-width:0}.tb-title .tb-eyebrow[data-v-5a6d631a]{margin:0;font-size:10px;font-weight:700;letter-spacing:.22em;color:#467bff}.tb-title h1[data-v-5a6d631a]{margin:2px 0 0;font-size:17px;font-weight:700;color:#1e2c40;line-height:1.4;letter-spacing:-.2px;font-family:"Source Han Serif SC","Noto Serif SC",PingFang SC,serif;display:inline-flex;align-items:center;gap:10px}.tb-tag-sample[data-v-5a6d631a]{display:inline-flex;align-items:center;padding:2px 10px;border-radius:6px;background:linear-gradient(135deg,#fff7e6,#ffeccc);color:#b87600;font-size:11px;font-weight:700;letter-spacing:.5px;border:1px solid rgba(184,118,0,.18);font-family:-apple-system,PingFang SC,sans-serif}.tb-pages-badge[data-v-5a6d631a]{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;background:#467bff14;color:#467bff;font-size:11px;font-weight:600;letter-spacing:.2px;font-family:-apple-system,PingFang SC,sans-serif}.tb-actions[data-v-5a6d631a]{display:flex;align-items:center;gap:12px}.tb-zoom[data-v-5a6d631a]{display:inline-flex;align-items:center;gap:0;border:1px solid #e0e6f0;border-radius:999px;background:#fff;overflow:hidden}.tb-zoom button[data-v-5a6d631a]{width:32px;height:32px;background:transparent;border:0;font-size:16px;color:#4b5563;cursor:pointer;transition:background .15s}.tb-zoom button[data-v-5a6d631a]:hover:not(:disabled){background:#f5f8ff;color:#467bff}.tb-zoom button[data-v-5a6d631a]:disabled{color:#c5cad3;cursor:not-allowed}.tb-zoom span[data-v-5a6d631a]{min-width:48px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums;color:#4b5563;border-left:1px solid #eef1f6;border-right:1px solid #eef1f6;padding:0 6px;line-height:32px}.example-notice[data-v-5a6d631a]{width:100%;max-width:900px;margin:0 auto 22px;display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:10px;background:linear-gradient(135deg,#f5f8ff,#fafbff);border:1px solid rgba(70,123,255,.14)}.example-notice p[data-v-5a6d631a]{margin:0;font-size:12.5px;line-height:1.7;color:#4b5563}.example-notice p strong[data-v-5a6d631a]{color:#1e2c40;font-weight:600}.example-notice-icon[data-v-5a6d631a]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;margin-top:1px;border-radius:50%;background:#467bff;color:#fff;font-size:11px;font-weight:700;font-style:italic;font-family:Georgia,serif}.example-body[data-v-5a6d631a]{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:28px 24px 60px;display:flex;flex-direction:column;align-items:center}.example-state[data-v-5a6d631a]{display:flex;flex-direction:column;align-items:center;gap:14px;padding:80px 0;color:#6b7280;font-size:14px}.example-state--error[data-v-5a6d631a]{color:#d9534f}.spinner[data-v-5a6d631a]{width:32px;height:32px;border:3px solid #dde6ff;border-top-color:#467bff;border-radius:50%;animation:spin-5a6d631a .8s linear infinite}@keyframes spin-5a6d631a{to{transform:rotate(360deg)}}.retry-btn[data-v-5a6d631a]{padding:8px 18px;border:1px solid #467bff;color:#467bff;background:#fff;border-radius:999px;cursor:pointer;font-size:13px}.retry-btn[data-v-5a6d631a]:hover{background:#467bff;color:#fff}.example-pages[data-v-5a6d631a]{display:flex;flex-direction:column;align-items:center;gap:18px;width:100%}.example-page-card[data-v-5a6d631a]{position:relative;background:#fff;border-radius:8px;box-shadow:0 1px #1428500a,0 12px 36px #1428501a,0 2px 6px #1428500a;overflow:hidden;max-width:100%;transition:box-shadow .2s}.example-page-card[data-v-5a6d631a]:hover{box-shadow:0 1px #1428500a,0 18px 48px #467bff24,0 3px 8px #1428500f}.example-page-card canvas[data-v-5a6d631a]{display:block;max-width:100%;height:auto}.page-num[data-v-5a6d631a]{position:absolute;right:12px;bottom:10px;padding:3px 10px;border-radius:999px;background:#1e2c408c;color:#fff;font-size:11px;font-variant-numeric:tabular-nums}@media (max-width: 768px){.example-toolbar-inner[data-v-5a6d631a]{padding:12px 14px;gap:10px}.tb-title h1[data-v-5a6d631a]{font-size:14px}.tb-download[data-v-5a6d631a]{display:none}.example-body[data-v-5a6d631a]{padding:16px 12px 40px}}