.demo-center-container:where(.astro-4dkszrvs){color:#333;width:100%;font-family:inherit}.demo-layout:where(.astro-4dkszrvs){background:#fff;align-items:stretch;width:100%;min-height:520px;display:flex}.demo-sidebar:where(.astro-4dkszrvs){border-right:1px solid #f0f0f0;flex-direction:column;flex-shrink:0;justify-content:flex-start;align-self:flex-start;width:284px;min-width:284px;padding:4px 16px 16px 0;display:flex}.demo-tab-list:where(.astro-4dkszrvs){flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.demo-tab-item:where(.astro-4dkszrvs){margin-bottom:8px}.demo-tab-item:where(.astro-4dkszrvs):last-child{margin-bottom:0}.demo-tab-btn:where(.astro-4dkszrvs){cursor:pointer;color:#333;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;width:100%;height:44px;padding:0 10px;font-size:14px;font-weight:500;transition:background-color .15s,color .15s;display:flex}.demo-tab-btn:where(.astro-4dkszrvs):hover{color:#1677ff;background-color:#f4f8ff}.demo-tab-btn:where(.astro-4dkszrvs).active{color:#1677ff;background-color:#e8efff;font-weight:700}.demo-tab-icon-wrap:where(.astro-4dkszrvs){flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-right:8px;display:inline-flex}.demo-tab-icon-wrap:where(.astro-4dkszrvs) svg:where(.astro-4dkszrvs){width:24px;height:24px;display:block}.demo-tab-icon-wrap:where(.astro-4dkszrvs) img:where(.astro-4dkszrvs){object-fit:contain;width:20px;height:20px}.demo-tab-title:where(.astro-4dkszrvs){white-space:nowrap;flex:1;line-height:1.2}.demo-tab-badge:where(.astro-4dkszrvs){text-transform:uppercase;border-radius:3px;margin-left:6px;padding:1px 5px;font-size:10px;font-weight:700;line-height:14px;display:inline-block}.demo-tab-badge:where(.astro-4dkszrvs).badge--hot{color:#fff;background:#ff4d4f}.demo-tab-badge:where(.astro-4dkszrvs).badge--saas{color:#1677ff;background:#e6f4ff}.demo-tab-btn:where(.astro-4dkszrvs).active .demo-tab-badge:where(.astro-4dkszrvs).badge--hot{color:#fff;background:#ff4d4f}.demo-tab-btn:where(.astro-4dkszrvs).active .demo-tab-badge:where(.astro-4dkszrvs).badge--saas{color:#fff;background:#1677ff}.sidebar-action-wrap:where(.astro-4dkszrvs){justify-content:center;margin-top:20px;padding-top:0;display:flex;position:relative}.sidebar-copy-btn:where(.astro-4dkszrvs){color:#fff;cursor:pointer;background-color:#1677ff;border:none;border-radius:24px;justify-content:center;align-items:center;width:184px;height:48px;font-size:15px;font-weight:600;transition:background-color .2s,transform .1s;display:inline-flex;box-shadow:0 4px 12px rgba(22,119,255,.25)}.sidebar-copy-btn:where(.astro-4dkszrvs):hover{background-color:#0958d9}.sidebar-copy-btn:where(.astro-4dkszrvs):active{transform:scale(.98)}.copy-svg-icon:where(.astro-4dkszrvs){margin-right:8px}.sidebar-copy-toast:where(.astro-4dkszrvs){color:#fff;opacity:0;visibility:hidden;white-space:nowrap;pointer-events:none;z-index:20;background:rgba(0,0,0,.82);border-radius:4px;padding:7px 14px;font-size:13px;transition:opacity .2s,visibility .2s;position:absolute;bottom:56px;left:50%;transform:translate(-50%)}.sidebar-copy-toast:where(.astro-4dkszrvs).show{opacity:1;visibility:visible}.demo-main:where(.astro-4dkszrvs){flex-direction:column;flex:1;min-width:0;padding-left:28px;display:flex}.demo-panel:where(.astro-4dkszrvs){flex:1;width:100%;display:none}.demo-panel:where(.astro-4dkszrvs).active{flex-direction:column;display:flex}.demo-platform-tabs:where(.astro-4dkszrvs){margin-bottom:16px;display:flex}.demo-platform-tab-btn:where(.astro-4dkszrvs){cursor:pointer;text-align:left;background:#f7f9fc;border:1px solid #e4e7ed;border-radius:8px;align-items:center;margin-right:12px;padding:8px 18px;transition:all .2s;display:inline-flex}.demo-platform-tab-btn:where(.astro-4dkszrvs):hover{background:#f0f7ff;border-color:#91caff}.demo-platform-tab-btn:where(.astro-4dkszrvs).active{background:#eef6ff;border-color:#1677ff;box-shadow:0 2px 8px rgba(22,119,255,.12)}.platform-tab-main:where(.astro-4dkszrvs){flex-direction:column;display:flex}.platform-tab-title:where(.astro-4dkszrvs){color:#333;font-size:14px;font-weight:700;line-height:1.3}.demo-platform-tab-btn:where(.astro-4dkszrvs).active .platform-tab-title:where(.astro-4dkszrvs){color:#1677ff}.platform-tab-sub:where(.astro-4dkszrvs){color:#8c8c8c;margin-top:1px;font-size:12px}.demo-subpanel:where(.astro-4dkszrvs){flex-direction:column;flex:1;justify-content:flex-start;display:none}.demo-subpanel:where(.astro-4dkszrvs).active{display:flex}.demo-table-wrapper:where(.astro-4dkszrvs){background:#fff;border:1px solid #f0f0f0;border-radius:8px;width:100%;overflow-x:auto}.demo-table:where(.astro-4dkszrvs){border-collapse:collapse;text-align:left;width:100%}.demo-table:where(.astro-4dkszrvs) th:where(.astro-4dkszrvs){color:#555;white-space:nowrap;background-color:#fafafa;border-bottom:1px solid #f0f0f0;padding:12px 14px;font-size:14px;font-weight:600;line-height:1.3}.demo-table:where(.astro-4dkszrvs) td:where(.astro-4dkszrvs){color:#333;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #f0f0f0;padding:12px 14px;font-size:14px;line-height:1.3}.demo-table:where(.astro-4dkszrvs) tbody:where(.astro-4dkszrvs) tr:where(.astro-4dkszrvs):last-child td:where(.astro-4dkszrvs){border-bottom:none}.demo-table:where(.astro-4dkszrvs) tbody:where(.astro-4dkszrvs) tr:where(.astro-4dkszrvs):hover td:where(.astro-4dkszrvs){background-color:#f8fbff}.col-platform:where(.astro-4dkszrvs){white-space:nowrap;width:120px}.platform-name-text:where(.astro-4dkszrvs){color:#222;font-weight:500}.col-site:where(.astro-4dkszrvs){min-width:180px}.site-link-anchor:where(.astro-4dkszrvs){color:#1677ff;word-break:break-all;white-space:normal;vertical-align:middle;max-width:100%;text-decoration:none;transition:color .15s;display:inline-block}.site-link-anchor:where(.astro-4dkszrvs):hover{color:#0958d9;text-decoration:underline}.col-account:where(.astro-4dkszrvs){white-space:nowrap;width:100px}.account-code:where(.astro-4dkszrvs){color:#444;font-weight:500}.col-password:where(.astro-4dkszrvs){white-space:nowrap;width:100px}.password-code:where(.astro-4dkszrvs){color:#444;font-weight:500}.demo-qr-section:where(.astro-4dkszrvs){border-top:1px solid #f2f4f8;flex-wrap:wrap;align-items:flex-start;margin-top:18px;padding-top:16px;display:flex}.qr-item-card:where(.astro-4dkszrvs){flex-direction:column;align-items:center;margin-bottom:8px;margin-right:24px;display:flex}.qr-item-card:where(.astro-4dkszrvs):last-child{margin-right:0}.qr-image-box:where(.astro-4dkszrvs){background:#fff;border:1px solid #eaedf2;border-radius:10px;justify-content:center;align-items:center;width:136px;height:136px;padding:6px;display:flex;box-shadow:0 2px 10px rgba(0,0,0,.05)}.qr-image-box:where(.astro-4dkszrvs) img:where(.astro-4dkszrvs){object-fit:contain;width:124px;height:124px}.qr-item-label:where(.astro-4dkszrvs){color:#333;text-align:center;white-space:nowrap;margin-top:8px;font-size:13px;font-weight:600}@media (max-width:992px){.demo-layout:where(.astro-4dkszrvs){flex-direction:column}.demo-sidebar:where(.astro-4dkszrvs){border-bottom:1px solid #f0f0f0;border-right:none;width:100%;min-width:100%;padding-bottom:20px;padding-right:0}.demo-main:where(.astro-4dkszrvs){padding-top:20px;padding-left:0}.sidebar-action-wrap:where(.astro-4dkszrvs){margin-top:16px}.qr-item-card:where(.astro-4dkszrvs){margin-right:16px}}