*,:before,:after{box-sizing:border-box}html{height:100%}body{flex-direction:column;min-height:100vh;margin:0;padding:0;display:flex}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit;font-size:inherit}body{background:var(--color-bg);color:var(--color-text);font-family:MPLUS1p,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}:root{--color-bg:#141418;--color-header:#141418;--color-modal:#141418;--color-panel:#1c1c20;--color-card:#242428;--color-card-active:#323236;--color-card-asset:transparent;--color-card-asset-active:#242428;--color-action:#545458;--color-bg-page:#101014;--color-surface:#1c1c20;--color-surface-hover:#202024;--color-surface-active:#242428;--color-border:#2c2c30;--color-gray:#242428;--color-text:#fff;--color-text-input:#3e3f5e;--color-text-secondary:#a7a7a9;--color-text-placeholder:#545458;--color-input:#1c1c20;--color-input-border:#1c1c20;--color-primary:#a3cb38;--color-primary-hover:#c4e538;--color-purple:#5f27cd;--color-purple-hover:#6f3fcf;--color-warning:#f1c40f;--color-warning-hover:#f39c12;--color-danger:#ea2027;--color-danger-hover:#ee5a24;--color-blue:#0652dd;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--radius-img:14px;--font-xs:10px;--font-sm:12px;--font-md:14px;--font-lg:16px;--font-xl:24px;--font-2xl:32px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:30px;--control-height:42px;--control-height-tall:54px;--control-info:5px 5px 15px 5px;--transition-fast:.2s ease;--transition:.3s ease;--z-header:100;--z-dropdown:200;--z-modal:1000;--z-toast:2000}html.light{--color-bg:#fff;--color-header:#fff;--color-modal:#fff;--color-panel:#fff;--color-card:#f6f6fa;--color-card-active:#ebebef;--color-card-asset:#fff;--color-card-asset-active:transparent;--color-bg-page:#f4f4f8;--color-surface:#fff;--color-surface-hover:#f6f6fa;--color-surface-active:#f0f0f4;--color-border:#e0e0e8;--color-action:#afafcd;--color-gray:#f1f3f4;--color-text:#334;--color-text-input:#3e3f5e;--color-text-secondary:#a7a7a9;--color-text-placeholder:#a7a7a9;--color-input:#fff;--color-input-border:#dddde9;--color-primary:#7ab800;--color-primary-hover:#a3cb38;--color-purple:#5f27cd;--color-purple-hover:#6f3fcf;--color-warning:#d4a007;--color-warning-hover:#f1c40f;--color-danger:#c81e24;--color-danger-hover:#ea2027;--color-blue:#0652dd;--radius-img:14px 14px 0px 0px;--control-info:5px 15px 15px 15px}.card-store{background-color:var(--color-card);transition:transform .2s eas;border-radius:12px;align-items:center;gap:10px;padding:15px;display:flex}.card-store-avatar{object-fit:cover;border-radius:9px;flex-shrink:0;width:64px;min-width:64px;height:64px}.card-store-info{flex-direction:column;justify-content:center;display:flex;overflow:hidden}input{-webkit-appearance:none;-webkit-tap-highlight-color:#0000;outline:none}input:-webkit-autofill{caret-color:var(--color-text,#fff);-webkit-box-shadow:0 0 0 1000px var(--color-card,#1b2332) inset!important;box-shadow:0 0 0 1000px var(--color-card,#1b2332) inset!important;-webkit-text-fill-color:var(--color-text,#fff)!important;border-radius:var(--radius-md)!important;border:0!important;outline:0!important;transition:background-color 9999s ease-out!important}input:-webkit-autofill:hover{caret-color:var(--color-text,#fff);-webkit-box-shadow:0 0 0 1000px var(--color-card,#1b2332) inset!important;box-shadow:0 0 0 1000px var(--color-card,#1b2332) inset!important;-webkit-text-fill-color:var(--color-text,#fff)!important;border-radius:var(--radius-md)!important;border:0!important;outline:0!important;transition:background-color 9999s ease-out!important}input:-webkit-autofill:focus{caret-color:var(--color-text,#fff);-webkit-box-shadow:0 0 0 1000px var(--color-card,#1b2332) inset!important;box-shadow:0 0 0 1000px var(--color-card,#1b2332) inset!important;-webkit-text-fill-color:var(--color-text,#fff)!important;border-radius:var(--radius-md)!important;border:0!important;outline:0!important;transition:background-color 9999s ease-out!important}input:-webkit-autofill:active{caret-color:var(--color-text,#fff);-webkit-box-shadow:0 0 0 1000px var(--color-card,#1b2332) inset!important;box-shadow:0 0 0 1000px var(--color-card,#1b2332) inset!important;-webkit-text-fill-color:var(--color-text,#fff)!important;border-radius:var(--radius-md)!important;border:0!important;outline:0!important;transition:background-color 9999s ease-out!important}.input,.select{width:100%;height:var(--control-height);box-shadow:none;-webkit-appearance:none;border-radius:var(--radius-md);background:var(--color-input);color:var(--color-text-input);transition:border-color var(--transition), background-color var(--transition);background-clip:padding-box;border:0;outline:0;padding:0 16px}.input::placeholder{color:var(--color-text-placeholder)}.input:focus{background:var(--color-surface-hover);outline:0}.input-group{border-radius:inherit;background:0 0;align-items:center;display:flex;position:relative}.input-icon{color:var(--color-text-placeholder);position:absolute;left:15px}.input-action{gap:10px;display:flex;position:absolute;right:15px}.input-tall{height:var(--control-height-tall)!important}.input-image-left{color:#545458;font-size:16px;position:absolute;left:15px}.input-group-right{grid-gap:10px;color:#545458;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;right:15px}.input-image-right{color:#545458;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;right:15px}.input::-webkit-input-placeholder{color:#545458;font-family:PingFang SC}.input-title{color:var(--color-text-placeholder);padding:5px 0;font-size:14px;display:block}.input-tip{color:#ed4c67;font-size:12px}.input-progress{background-color:#1c1c20;border-radius:12px;width:100%;height:42px;font-size:16px;display:none;position:absolute;overflow:hidden}.input-progress-bar{color:#fff;background-color:#5f27cd;justify-content:center;align-items:center;width:0%;height:100%;font-size:14px;transition:width .3s;display:flex}.input-color-search{color:var(--color-text);background:var(--color-panel);border-radius:var(--radius-md);box-shadow:none;border:0;outline:0}.input-color-dark,.input-dark{color:var(--color-text);background:var(--color-card);border-radius:var(--radius-md);box-shadow:none;border:0;outline:0}.input-card{color:var(--color-text);background:var(--color-card-active);border-radius:var(--radius-md);box-shadow:none;border:0;outline:0}.code-input{justify-content:space-between;gap:10px;display:flex}.code-input-cell{text-align:center;background:var(--color-card);width:48px;height:56px;color:var(--color-text,#fff);border:1px solid var(--color-border,transparent);border:1px solid #0000;border-radius:9px;outline:none;padding:0;font-size:22px;transition:border-color .15s,box-shadow .15s}.code-input-cell:focus{box-shadow:0 0 0 1px #9be15d40}.code-input-error .code-input-cell{border-color:#e74c3c}@media (width<=420px){.code-input{gap:6px}.code-input-cell{width:40px;height:48px;font-size:20px}}.link{color:#a7a7a9;white-space:nowrap;flex-shrink:0;align-items:center;font-size:14px;text-decoration:none;display:flex}.link:hover{cursor:pointer}.link-underline{text-decoration:underline}.link-overline{text-decoration:overline}.link-color-green{color:#a3cb38}.link-color-green:hover{color:#c4e538;transition:color .5s}.link-color-purple{color:#5f27cd}.link-color-purple:hover{color:#6f3fcf;transition:color .5s}.link-tag{white-space:nowrap;color:#fff;background:#1c1c20;border-radius:32px;padding:6px 12px;transition:background .3s}.link-tag:hover{cursor:pointer;background:#2c2c30}.layout-container{width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.sidebar-wrapper{z-index:50;flex-shrink:0;height:100%;transition:transform .3s ease-in-out}.main-wrapper{flex-direction:column;flex:1;width:100%;display:flex;overflow:hidden}.top-header{z-index:10;border-bottom:1px solid var(--border-color);background-color:var(--bg-white);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:64px;padding:0 24px;display:flex}.header-left{flex:1;align-items:center;gap:12px;display:flex}.header-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.header-search{width:100%;max-width:300px}.header-right select,.header-right button{cursor:pointer;border-radius:6px;outline:none;height:36px;padding:0 12px;font-size:14px;transition:all .2s}.header-right select{border:1px solid var(--border-color);background-color:var(--bg-white)}.header-right button{background-color:var(--primary-color);color:var(--bg-white);white-space:nowrap;border:none}.header-right button:hover{background-color:var(--primary-hover)}.main-content{flex:1;padding:24px;overflow-y:auto}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.main-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.content-store{box-sizing:border-box;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;width:100%;max-width:100%;display:grid;overflow:hidden}.mobile-menu-btn{color:var(--text-color,#333);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:none}.sidebar-overlay{z-index:40;background-color:#00000080;display:none;position:fixed;inset:0}@media (width<=768px){.mobile-menu-btn{display:flex}.top-header{padding:0 16px}.header-search{max-width:150px}.header-right select{display:none}.sidebar-wrapper{position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:2px 0 8px #0000001a}.sidebar-wrapper.is-open{transform:translate(0)}.sidebar-overlay{display:block}.main-content{padding:16px}}@media (width<=480px){.header-right button{padding:0 8px;font-size:12px}.header-search{display:none}}.side{flex-shrink:0;width:280px;min-width:68px;height:100vh;transition:width .2s;overflow:hidden auto}.side-info{background:var(--color-panel);border-radius:12px;flex-shrink:0;width:380px;max-height:calc(100vh - 70px);margin:10px 10px 20px;transition:opacity .2s;position:sticky;top:80px;overflow-y:auto}.side-info-header{justify-content:space-between;align-items:center;padding:10px;display:flex}.side-info-action{align-items:center;gap:6px;display:flex}.side-prop-avatar{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.image-viewer-pin{cursor:pointer;width:24px;height:24px;color:var(--color-text-placeholder);transition:color var(--transition-fast), background var(--transition-fast);z-index:102;border-radius:9px;justify-content:center;align-items:center;display:flex;position:absolute;right:40px}.image-viewer-pin:hover{color:var(--color-text);background:#ffffff14}.image-viewer-pin.is-pinned{color:var(--color-text)}.image-viewer-pin.is-pinned:hover{background:#a3cb3826}.side-info-close{cursor:pointer;width:24px;height:24px;color:var(--color-text-placeholder);transition:color var(--transition-fast), background var(--transition-fast);border-radius:9px;justify-content:center;align-items:center;margin-left:auto;display:inline-flex}.side-info-close:hover{color:var(--color-text);background:#ffffff14}.side-info-content{padding:0 30px 30px}.side-info-item{justify-content:space-between;align-items:center;display:flex}.side-info-item-title{color:var(--color-text-secondary);align-items:center;gap:9px;display:flex}.side-info-source-logo{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.side-info-source-logo svg{width:100%;height:100%;display:block}.side.no-transition{transition:none!important}.side.side-collapsed{width:68px}.side.side-collapsed .side-nav-header{justify-content:center;padding:10px 0}.side.side-collapsed .side-nav-item{grid-template-columns:1fr;justify-items:center;padding:10px 0}.side.side-collapsed .side-nav-item-link{grid-gap:0;grid-template-columns:1fr;justify-items:center}.side.side-collapsed .side-nav-item{cursor:pointer}.side::-webkit-scrollbar{width:6px!important}.side-info::-webkit-scrollbar{width:6px!important}.side::-webkit-scrollbar-track{background:#141418;border-radius:3px}.side-info::-webkit-scrollbar-track{background:#141418;border-radius:3px}.side::-webkit-scrollbar-thumb{background:#202024;border-radius:3px}.side-info::-webkit-scrollbar-thumb{background:#202024;border-radius:3px}.side::-webkit-scrollbar-thumb:hover{background:#545458}.side-info::-webkit-scrollbar-thumb:hover{background:#545458}.side::-webkit-scrollbar-button{display:none}.side-info::-webkit-scrollbar-button{display:none}.side-nav{padding:12px}.side-nav-header{justify-content:space-between;align-items:center;padding:10px;display:flex}.side-nav-item{grid-gap:10px;border-radius:12px;grid-template-columns:1fr auto;align-items:center;margin-bottom:5px;padding:10px;display:grid}.side-nav-item:hover{background:#1c1c20;transition:background .3s}.side-nav-item-link{grid-gap:10px;grid-template-columns:auto 1fr;align-items:center;display:grid}.side-header{justify-content:space-between;align-items:center;display:flex}.side-prop-info{color:#a7a7a9;justify-content:space-between;align-items:center;font-size:14px;display:flex}.side-prop-info-title{color:#c7c7c9;font-size:14px}.side-prop-info-img{align-items:center;gap:6px;display:inline-flex}.side-prop-info-sub{color:#a7a7a9;font-size:12px}.side-nav-docs-item{color:#a7a7a9;border-radius:12px;justify-content:space-between;padding:6px 10px;font-size:14px;text-decoration:none;display:flex}.side-nav-docs-item .active{color:#fff;background:#1c1c20}.side-nav-docs-title{align-items:flex-start;gap:5px;display:flex}.side-nav-docs-title:hover{text-decoration:underline}.side-nav-docs-title img{margin-top:-1px}