/*! ============================================================
   参考图 · 深色主题层（Dark Reference Layer）
   本层替代原先的「纯白主题」层，加载顺序仍排在所有主题之后。
   站点恢复参考图的深色玻璃 + 金色点缀风格：
     · 底色 / 面板 / 文字回到深色体系，金色只做点缀
     · 顶部胶囊（头像 + 品牌名 + 收起箭头）
     · 右侧抽屉菜单（11 项，深灰胶囊 + 金色字）随面板一起呈现
   ============================================================ */

:root,
html[data-theme="night"],
html[data-theme="day"] {
    color-scheme: dark !important;
}

/* 页面底色兜底：玻璃层之下的最底层，避免内容不满一屏时露出白底 */
html,
body {
    background-color: #0a0c12;
}

/* 滚动条：细、暗、圆 */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, .16); border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, .26); }
::-webkit-scrollbar-track { background: transparent; }
* { scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, .18) transparent; }

/* 选中文字：金色 */
::selection { background: rgba(233, 205, 134, .28); color: #fff; }


/* ============================================================
   日间模式（Day / Light）—— 仅当 html[data-theme="day"] 时生效
   来源：原「纯白主题」组件层 + 原浅色 OKX 组件层，整体加 day 作用域。
   夜间模式（默认）不受本段任何影响。
   ============================================================ */
html[data-theme="day"]{
 --okx-text:#15171c;
 --okx-border:#e9eaf0;
}html[data-theme="day"] body *{
 font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC",sans-serif!important;
}html[data-theme="day"] .card,html[data-theme="day"] .panel,html[data-theme="day"] .box,html[data-theme="day"] .form-box{
 background:transparent!important;
 backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;
 border:none!important;
 box-shadow:none!important;
}html[data-theme="day"] button,html[data-theme="day"] .btn,html[data-theme="day"] .layui-btn,html[data-theme="day"] input[type=button],html[data-theme="day"] input[type=submit],html[data-theme="day"] a.btn,html[data-theme="day"] [role="button"]{
 background:#ffffff!important;
 background-image:none!important;
 color:#1b1e26!important;
 border:1px solid #e4e5ec!important;
 backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;
 border-radius:999px!important;
 box-shadow:0 2px 8px rgba(20,24,38,.05)!important;
}html[data-theme="day"] input,html[data-theme="day"] textarea,html[data-theme="day"] select{
 background:#ffffff!important;
 background-image:none!important;
 color:#15171c!important;
 border:1px solid #e6e7ec!important;
 border-radius:20px!important;
 backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;
}html[data-theme="day"] input::placeholder,html[data-theme="day"] textarea::placeholder{
 color:#a9adb6!important;
}html[data-theme="day"] table{
 background:transparent!important;
}html[data-theme="day"] [class*="card"],html[data-theme="day"] [class*="panel"],html[data-theme="day"] [class*="box"],html[data-theme="day"] [class*="container"],html[data-theme="day"] [class*="wrap"],html[data-theme="day"] [class*="section"]{
 border-color:#ececf2!important;
 box-shadow:none!important;
 backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;
}html[data-theme="day"] .function-list > *,html[data-theme="day"] .module-list > *,html[data-theme="day"] .menu-item,html[data-theme="day"] .function-item{
 background:#ffffff!important;
 background-image:none!important;
 border:1px solid #ececf2!important;
 border-radius:28px!important;
 backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;
 box-shadow:0 6px 20px rgba(20,24,38,.05)!important;
}html[data-theme="day"] .glass,html[data-theme="day"] .glass-card,html[data-theme="day"] .liquid-card,html[data-theme="day"] .panel-card{
 background:#ffffff!important;
 box-shadow:0 6px 20px rgba(20,24,38,.05)!important;
 border:1px solid #ececf2!important;
}

html[data-theme="day"],html[data-theme="day"],html[data-theme="day"]{
    color-scheme: light !important;

    
    --lg-bg: #ffffff;
    --lg-bg-soft: rgba(20, 23, 31, .028);
    --lg-bg-mid: rgba(20, 23, 31, .05);
    --lg-bg-hi: rgba(20, 23, 31, .08);
    --lg-border: #e9eaf0;
    --lg-border-hi: #d9dae3;
    --lg-text: #15171c;
    --lg-muted: #6b7280;
    --lg-shadow: 0 10px 30px rgba(20, 24, 38, .06);
    --lg-highlight: inset 0 1px 0 rgba(255, 255, 255, .9);

    
    --c-primary: #15171c;
    --c-ink: #15171c;
    --c-on-primary: #15171c;
    --c-on-primary-mute: #5b6270;
    --c-night: #ffffff;
    --c-night-soft: #ffffff;
    --c-light: #ffffff;
    --c-cool: #f6f7f9;
    --c-hair-dark: #e6e7ec;
    --c-hair-light: #ececf2;
    --c-ink-mute: #6b7280;
    --c-hover: #f4f5f8;
    --c-fill: #15171c;
    --c-on-fill: #ffffff;
    --c-mask: rgba(20, 22, 30, .32);

    
    --bg: #f6f7f9;
    --bg2: #ffffff;
    --text: #15171c;
    --dim: #6b7280;
    --line: #ececf2;
    --green: #a67c2e;
    --cyan: #8a6b1f;
    --magenta: #9c6b3f;

    
    --okx-text: #15171c;
    --okx-border: #e9eaf0;
}html[data-theme="day"]{
    background:#f6f7f9 !important;
    background-color:#f6f7f9 !important;
    background-image:none !important;
    color-scheme:light !important;
}html[data-theme="day"] html:root:root:root body{
    background: #f6f7f9 !important;
    background-image: none !important;
    color: #15171c !important;
}html[data-theme="day"] html:root:root:root body::before,html[data-theme="day"] html:root:root:root body::after{
    background: none !important;
    background-image: none !important;
    opacity: 0 !important;
}html[data-theme="day"] canvas#rain,html[data-theme="day"] canvas#matrix-rain,html[data-theme="day"] .startup-visual,html[data-theme="day"] .scanline,html[data-theme="day"] .vignette,html[data-theme="day"] .aurora,html[data-theme="day"] .orbit,html[data-theme="day"] .core,html[data-theme="day"] .spark,html[data-theme="day"] .scan,html[data-theme="day"] .rain-canvas{
    display: none !important;
    opacity: 0 !important;
}html[data-theme="day"] ::selection{
    background: rgba(232, 200, 119, .45);
    color: #15171c;
}html[data-theme="day"] html:root:root:root body .card,html[data-theme="day"] html:root:root:root body .panel,html[data-theme="day"] html:root:root:root body .section,html[data-theme="day"] html:root:root:root body .box,html[data-theme="day"] html:root:root:root body .content-card,html[data-theme="day"] html:root:root:root body .page-container,html[data-theme="day"] html:root:root:root body .form-container,html[data-theme="day"] html:root:root:root body .table-wrap,html[data-theme="day"] html:root:root:root body .upload-card,html[data-theme="day"] html:root:root:root body .goods-card,html[data-theme="day"] html:root:root:root body .order-card,html[data-theme="day"] html:root:root:root body .fn-sheet,html[data-theme="day"] html:root:root:root body .toolbar,html[data-theme="day"] html:root:root:root body .submit-bar,html[data-theme="day"] html:root:root:root body .card-header,html[data-theme="day"] html:root:root:root body .card-body,html[data-theme="day"] html:root:root:root body .card-footer,html[data-theme="day"] html:root:root:root body .form-panel,html[data-theme="day"] html:root:root:root body .list-panel,html[data-theme="day"] html:root:root:root body .settings-card,html[data-theme="day"] html:root:root:root body .settings-panel,html[data-theme="day"] html:root:root:root body .link-panel,html[data-theme="day"] html:root:root:root body .modal-content,html[data-theme="day"] html:root:root:root body .dialog,html[data-theme="day"] html:root:root:root body .drawer,html[data-theme="day"] html:root:root:root body .sheet,html[data-theme="day"] html:root:root:root body .menu-panel,html[data-theme="day"] html:root:root:root body .info-card,html[data-theme="day"] html:root:root:root body .search-box,html[data-theme="day"] html:root:root:root body .filter-box,html[data-theme="day"] html:root:root:root body .result-box,html[data-theme="day"] html:root:root:root body .table-container,html[data-theme="day"] html:root:root:root body .empty-state,html[data-theme="day"] html:root:root:root body .detail-list,html[data-theme="day"] html:root:root:root body .pagination,html[data-theme="day"] html:root:root:root body .ol-shell,html[data-theme="day"] html:root:root:root body .ol-header,html[data-theme="day"] html:root:root:root body .fn-sec ul,html[data-theme="day"] html:root:root:root body .fn-sec li,html[data-theme="day"] html:root:root:root body .fn-list,html[data-theme="day"] html:root:root:root body .fn-sheet-head{
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid #ececf2 !important;
    box-shadow: 0 8px 26px rgba(20, 24, 38, .055) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}html[data-theme="day"] html:root:root:root body .card:before,html[data-theme="day"] html:root:root:root body .panel:before,html[data-theme="day"] html:root:root:root body .content-card:before,html[data-theme="day"] html:root:root:root body .page-container:before,html[data-theme="day"] html:root:root:root body .form-container:before{
    display: none !important;
}html[data-theme="day"] html:root:root:root body .header,html[data-theme="day"] html:root:root:root body .topbar,html[data-theme="day"] html:root:root:root body .top-nav,html[data-theme="day"] html:root:root:root body .chat-header,html[data-theme="day"] html:root:root:root body .tab_bar,html[data-theme="day"] html:root:root:root body .nav-bar,html[data-theme="day"] html:root:root:root body .navbar,html[data-theme="day"] html:root:root:root body .ol-sync-bar{
    background: rgba(255, 255, 255, .92) !important;
    background-image: none !important;
    border-color: #ececf2 !important;
    box-shadow: 0 6px 20px rgba(20, 24, 38, .05) !important;
    -webkit-backdrop-filter: blur(18px) saturate(140%) !important;
    backdrop-filter: blur(18px) saturate(140%) !important;
    color: #15171c !important;
}html[data-theme="day"] html:root:root:root body .tab,html[data-theme="day"] html:root:root:root body .nav-tab,html[data-theme="day"] html:root:root:root body .menu-item,html[data-theme="day"] html:root:root:root body .nav-item,html[data-theme="day"] html:root:root:root body .page-btn,html[data-theme="day"] html:root:root:root body .pager a,html[data-theme="day"] html:root:root:root body .pager button{
    background: #ffffff !important;
    background-image: none !important;
    color: #5b6270 !important;
    border: 1px solid #e9eaf0 !important;
    box-shadow: 0 2px 8px rgba(20, 24, 38, .04) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}html[data-theme="day"] html:root:root:root body .tab.active,html[data-theme="day"] html:root:root:root body .nav-tab.active,html[data-theme="day"] html:root:root:root body .menu-item.active,html[data-theme="day"] html:root:root:root body .nav-item.active,html[data-theme="day"] html:root:root:root body .goods-add-page .tab.active{
    background: linear-gradient(180deg, #f7e2ab, #e2be6f) !important;
    background-image: linear-gradient(180deg, #f7e2ab, #e2be6f) !important;
    color: #33260a !important;
    border-color: #dcbb78 !important;
    box-shadow: 0 4px 14px rgba(198, 160, 86, .26) !important;
}html[data-theme="day"] html:root:root:root body button,html[data-theme="day"] html:root:root:root body .btn,html[data-theme="day"] html:root:root:root body .tyy-btn,html[data-theme="day"] html:root:root:root body .theme-btn,html[data-theme="day"] html:root:root:root body .file-btn,html[data-theme="day"] html:root:root:root body .action-btn,html[data-theme="day"] html:root:root:root body .cancel-btn,html[data-theme="day"] html:root:root:root body .delete-btn,html[data-theme="day"] html:root:root:root body .page-btn,html[data-theme="day"] html:root:root:root body .pager a,html[data-theme="day"] html:root:root:root body .pager button,html[data-theme="day"] html:root:root:root body .submit-bar button,html[data-theme="day"] html:root:root:root body .ol-actions button,html[data-theme="day"] html:root:root:root body input[type="button"],html[data-theme="day"] html:root:root:root body input[type="submit"],html[data-theme="day"] html:root:root:root body a.btn,html[data-theme="day"] html:root:root:root body a.btn-ghost,html[data-theme="day"] html:root:root:root body a.btn-fn,html[data-theme="day"] html:root:root:root body a.btn-light{
    background: #ffffff !important;
    background-image: none !important;
    color: #1b1e26 !important;
    border: 1px solid #e4e5ec !important;
    box-shadow: 0 2px 8px rgba(20, 24, 38, .05) !important;
    text-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}html[data-theme="day"] html:root:root:root body .btn-primary,html[data-theme="day"] html:root:root:root body .btn-fill,html[data-theme="day"] html:root:root:root body .btn-ok,html[data-theme="day"] html:root:root:root body .btn-save,html[data-theme="day"] html:root:root:root body .confirm-btn,html[data-theme="day"] html:root:root:root body .tyy-btn-fill,html[data-theme="day"] html:root:root:root body .submit,html[data-theme="day"] html:root:root:root body button[type="submit"]{
    background: linear-gradient(180deg, #f7e2ab, #e0bc6c) !important;
    background-image: linear-gradient(180deg, #f7e2ab, #e0bc6c) !important;
    color: #33260a !important;
    border: 1px solid #dcbb78 !important;
    box-shadow: 0 4px 14px rgba(198, 160, 86, .24) !important;
}html[data-theme="day"] html:root:root:root body .btn-danger,html[data-theme="day"] html:root:root:root body .delete-btn{
    color: #b4383c !important;
    border-color: #f0d3d3 !important;
}html[data-theme="day"] html:root:root:root body button:hover,html[data-theme="day"] html:root:root:root body .btn:hover,html[data-theme="day"] html:root:root:root body .tyy-btn:hover,html[data-theme="day"] html:root:root:root body .page-btn:hover,html[data-theme="day"] html:root:root:root body .pager a:hover,html[data-theme="day"] html:root:root:root body .pager button:hover{
    background: #f7f8fb !important;
    border-color: #d9dae3 !important;
    box-shadow: 0 6px 18px rgba(20, 24, 38, .08) !important;
}html[data-theme="day"] html:root:root:root body .btn-primary:hover,html[data-theme="day"] html:root:root:root body .btn-fill:hover,html[data-theme="day"] html:root:root:root body .confirm-btn:hover,html[data-theme="day"] html:root:root:root body .save-btn:hover,html[data-theme="day"] html:root:root:root body .tyy-btn-fill:hover{
    background: linear-gradient(180deg, #f9e9bd, #e6c579) !important;
    border-color: #d6b266 !important;
}html[data-theme="day"] html:root:root:root body input,html[data-theme="day"] html:root:root:root body textarea,html[data-theme="day"] html:root:root:root body select,html[data-theme="day"] html:root:root:root body .input-text,html[data-theme="day"] html:root:root:root body .input-control,html[data-theme="day"] html:root:root:root body .search-input,html[data-theme="day"] html:root:root:root body .filter-input,html[data-theme="day"] html:root:root:root body .form-input{
    background: #ffffff !important;
    background-image: none !important;
    color: #15171c !important;
    border: 1px solid #e6e7ec !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}html[data-theme="day"] html:root:root:root body input::placeholder,html[data-theme="day"] html:root:root:root body textarea::placeholder,html[data-theme="day"] html:root:root:root body select::placeholder{
    color: #a9adb6 !important;
}html[data-theme="day"] html:root:root:root body input:focus,html[data-theme="day"] html:root:root:root body textarea:focus,html[data-theme="day"] html:root:root:root body select:focus,html[data-theme="day"] html:root:root:root body .input-text:focus,html[data-theme="day"] html:root:root:root body .input-control:focus,html[data-theme="day"] html:root:root:root body .form-input:focus{
    border-color: #d9be7d !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(232, 200, 119, .22) !important;
    outline: none !important;
}html[data-theme="day"] html:root:root:root body .input-prefix,html[data-theme="day"] html:root:root:root body .goods-add-page .input-prefix{
    background: #f7f8fa !important;
    background-image: none !important;
    color: #5b6270 !important;
    border: 1px solid #e9eaf0 !important;
    box-shadow: none !important;
}html[data-theme="day"] html:root:root:root body label,html[data-theme="day"] html:root:root:root body .form-label{
    color: #5b6270 !important;
}html[data-theme="day"] html:root:root:root body table,html[data-theme="day"] html:root:root:root body .tyy-table,html[data-theme="day"] html:root:root:root body .table{
    background: #ffffff !important;
    color: #15171c !important;
    border-color: #ececf2 !important;
}html[data-theme="day"] html:root:root:root body table th,html[data-theme="day"] html:root:root:root body .tyy-table th,html[data-theme="day"] html:root:root:root body .table th{
    background: #f7f8fa !important;
    background-image: none !important;
    color: #5b6270 !important;
    border-color: #ececf2 !important;
}html[data-theme="day"] html:root:root:root body table td,html[data-theme="day"] html:root:root:root body .tyy-table td,html[data-theme="day"] html:root:root:root body .table td{
    color: #1b1e26 !important;
    border-color: #f0f0f5 !important;
}html[data-theme="day"] html:root:root:root body tbody tr:hover,html[data-theme="day"] html:root:root:root body table tr:hover{
    background: #fafbfd !important;
}html[data-theme="day"] html:root:root:root body h1,html[data-theme="day"] html:root:root:root body h2,html[data-theme="day"] html:root:root:root body h3,html[data-theme="day"] html:root:root:root body h4,html[data-theme="day"] html:root:root:root body h5,html[data-theme="day"] html:root:root:root body h6,html[data-theme="day"] html:root:root:root body p,html[data-theme="day"] html:root:root:root body span,html[data-theme="day"] html:root:root:root body div,html[data-theme="day"] html:root:root:root body li,html[data-theme="day"] html:root:root:root body td,html[data-theme="day"] html:root:root:root body th,html[data-theme="day"] html:root:root:root body label,html[data-theme="day"] html:root:root:root body strong,html[data-theme="day"] html:root:root:root body b,html[data-theme="day"] html:root:root:root body small,html[data-theme="day"] html:root:root:root body em{
    text-shadow: none !important;
}html[data-theme="day"] html:root:root:root body .sub,html[data-theme="day"] html:root:root:root body .desc,html[data-theme="day"] html:root:root:root body .muted,html[data-theme="day"] html:root:root:root body .tip,html[data-theme="day"] html:root:root:root body .last-time,html[data-theme="day"] html:root:root:root body .last-msg,html[data-theme="day"] html:root:root:root body .input-desc,html[data-theme="day"] html:root:root:root body .msg-time,html[data-theme="day"] html:root:root:root body .user-id{
    color: #7b8290 !important;
}html[data-theme="day"] html:root:root:root body .fn-mask,html[data-theme="day"] html:root:root:root body .mask,html[data-theme="day"] html:root:root:root body .modal-mask{
    background: rgba(20, 22, 30, .32) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    backdrop-filter: blur(6px) !important;
}html[data-theme="day"] html:root:root:root body .fn-sec li+li,html[data-theme="day"] html:root:root:root body .fn-list li+li{
    border-top: 1px solid #f0f0f5 !important;
}html[data-theme="day"] html:root:root:root body .fn-sec a,html[data-theme="day"] html:root:root:root body .fn-list a{
    background: transparent !important;
    color: #1b1e26 !important;
}html[data-theme="day"] html:root:root:root body .fn-sec a:hover,html[data-theme="day"] html:root:root:root body .fn-list a:hover{
    background: #f7f8fa !important;
    background-image: none !important;
}html[data-theme="day"] html:root:root:root body .fn-tag,html[data-theme="day"] html:root:root:root body .fn-close{
    background: #f4f5f8 !important;
    color: #5b6270 !important;
    border-color: #e9eaf0 !important;
    box-shadow: none !important;
}html[data-theme="day"] html:root:root:root body .msg.received .bubble{
    background: #f4f5f8 !important;
    background-image: none !important;
    color: #1b1e26 !important;
    border: 1px solid #ececf2 !important;
}html[data-theme="day"] html:root:root:root body .msg.sent .bubble{
    background: linear-gradient(180deg, #f7e2ab, #e6c579) !important;
    background-image: linear-gradient(180deg, #f7e2ab, #e6c579) !important;
    color: #33260a !important;
    border: 1px solid #e2c078 !important;
}html[data-theme="day"] html:root:root:root body .date-divider span{
    background: #f4f5f8 !important;
    color: #7b8290 !important;
}html[data-theme="day"] html:root:root:root body .session-item{
    background: #ffffff !important;
    border: 1px solid #ececf2 !important;
}html[data-theme="day"] html:root:root:root body .session-item:hover,html[data-theme="day"] html:root:root:root body .session-item.active{
    background: #fdf8ea !important;
    border-color: #ecd9a8 !important;
}html[data-theme="day"] html:root:root:root body .status-badge,html[data-theme="day"] html:root:root:root body .tag,html[data-theme="day"] html:root:root:root body .tag-new,html[data-theme="day"] html:root:root:root body .badge,html[data-theme="day"] html:root:root:root body .chip,html[data-theme="day"] html:root:root:root body .ol-pill{
    background: #f4f5f8 !important;
    background-image: none !important;
    color: #5b6270 !important;
    border: 1px solid #e9eaf0 !important;
    box-shadow: none !important;
}html[data-theme="day"] html:root:root:root body .topbar{
    background: rgba(255, 255, 255, .92) !important;
    border-bottom: 1px solid #ececf2 !important;
}html[data-theme="day"] html:root:root:root body .path,html[data-theme="day"] html:root:root:root body .mono{
    color: #6b7280 !important;
}html[data-theme="day"] html:root:root:root body .path span{
    color: #a67c2e !important;
}html[data-theme="day"] html:root:root:root body .dot{
    background: #e2e3e9 !important;
}html[data-theme="day"] html:root:root:root body .dot.r{ background: #ffbdae !important; }html[data-theme="day"] html:root:root:root body .dot.y{ background: #ffe08a !important; }html[data-theme="day"] html:root:root:root body .dot.g{ background: #a8e0b4 !important; }html[data-theme="day"] html:root:root:root body .island-panel,html[data-theme="day"] html:root:root:root body .dynamic-island,html[data-theme="day"] html:root:root:root body .new-order-alert,html[data-theme="day"] html:root:root:root body .notification,html[data-theme="day"] html:root:root:root body .toast{
    background: #ffffff !important;
    background-image: none !important;
    color: #15171c !important;
    border: 1px solid #ececf2 !important;
    box-shadow: 0 18px 50px rgba(20, 24, 38, .12) !important;
}html[data-theme="day"] html:root:root:root body .bottom-nav{
    background: rgba(255, 255, 255, .94) !important;
    background-image: none !important;
    border: 1px solid #ececf2 !important;
    box-shadow: 0 10px 30px rgba(20, 24, 38, .10) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    backdrop-filter: blur(20px) !important;
}html[data-theme="day"] html:root:root:root body .bottom-nav button{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #7b8290 !important;
}html[data-theme="day"] html:root:root:root body .bottom-nav button.active,html[data-theme="day"] html:root:root:root body .bottom-nav button.on{
    color: #a67c2e !important;
    background: #fdf8ea !important;
    border: 1px solid #f0e2c0 !important;
}html[data-theme="day"] html:root:root:root body ::-webkit-scrollbar{
    width: 10px;
    height: 10px;
}html[data-theme="day"] html:root:root:root body ::-webkit-scrollbar-track{
    background: #f4f5f8;
}html[data-theme="day"] html:root:root:root body ::-webkit-scrollbar-thumb{
    background: #dcdee6;
    border-radius: 999px;
    border: 2px solid #f4f5f8;
}html[data-theme="day"] html:root:root:root body ::-webkit-scrollbar-thumb:hover{
    background: #c9ccd8;
}html[data-theme="day"] html:root:root:root body.lux{
    background:#f6f7f9 !important;
    background-image:none !important;
    color:#15171c !important;
    font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif !important;
}html[data-theme="day"] html:root:root:root body.lux::before,html[data-theme="day"] html:root:root:root body.lux::after{ display:none !important; }html[data-theme="day"] html:root:root:root body.lux .shell{
    background:#ffffff !important;
    background-image:none !important;
    border:1px solid #ececf2 !important;
    border-radius:22px !important;
    box-shadow:0 24px 60px rgba(20,24,38,.10),0 4px 14px rgba(20,24,38,.04) !important;
}html[data-theme="day"] html:root:root:root body.lux .shell::before{ border:0 !important; }html[data-theme="day"] html:root:root:root body.lux .shell::after{ display:none !important; }html[data-theme="day"] html:root:root:root body.lux .avatar-logo img{
    filter:none !important;
    border:1px solid #ececf2 !important;
    box-shadow:0 4px 14px rgba(20,24,38,.08) !important;
}html[data-theme="day"] html:root:root:root body.lux .mb-logo.avatar-logo::before{
    background:conic-gradient(from var(--luxAngle),
        rgba(232,200,119,0) 0%,#e0bc6c 14%,
        rgba(255,248,225,.95) 20%,rgba(232,200,119,0) 36%,
        rgba(232,200,119,0) 50%,#e0bc6c 64%,
        rgba(255,248,225,.95) 70%,rgba(232,200,119,0) 86%) !important;
    opacity:.85 !important;
}html[data-theme="day"] html:root:root:root body.lux .mb-logo.avatar-logo::after{ border-color:rgba(214,178,102,.32) !important; }html[data-theme="day"] html:root:root:root body.lux .brand{
    background:none !important;
    background-image:none !important;
    -webkit-background-clip:border-box !important;
    background-clip:border-box !important;
    -webkit-text-fill-color:#15171c !important;
    color:#15171c !important;
    filter:none !important;
    animation:none !important;
    text-shadow:none !important;
}html[data-theme="day"] html:root:root:root body.lux .brand .typer{ width:auto !important; }html[data-theme="day"] html:root:root:root body.lux .caret{
    background:#c9a44c !important;
    box-shadow:none !important;
    animation:none !important;
    opacity:1 !important;
}html[data-theme="day"] html:root:root:root body.lux .tagline{ color:#9aa0aa !important; }html[data-theme="day"] html:root:root:root body.lux .field label{ color:#6b7280 !important; }html[data-theme="day"] html:root:root:root body.lux .inwrap input{
    color:#15171c !important;
    background:#fbfbfd !important;
    background-image:none !important;
    border:1px solid #e6e7ec !important;
    border-radius:12px !important;
    box-shadow:none !important;
}html[data-theme="day"] html:root:root:root body.lux .inwrap input::placeholder{ color:#a9adb6 !important; }html[data-theme="day"] html:root:root:root body.lux .inwrap input:focus{
    border-color:#d9be7d !important;
    background:#ffffff !important;
    box-shadow:0 0 0 3px rgba(232,200,119,.22) !important;
}html[data-theme="day"] html:root:root:root body.lux .fstate .spin{
    border:2px solid rgba(214,178,102,.25) !important;
    border-top-color:#d6b266 !important;
}html[data-theme="day"] html:root:root:root body.lux .submit{
    color:#33260a !important;
    border:1px solid #dcbb78 !important;
    border-radius:12px !important;
    background:#e6c579 !important;
    background-image:linear-gradient(180deg,#f7e2ab,#e0bc6c) !important;
    box-shadow:0 6px 18px rgba(198,160,86,.26) !important;
    text-shadow:none !important;
}html[data-theme="day"] html:root:root:root body.lux .submit:hover{
    background-image:linear-gradient(180deg,#f9e9bd,#e6c579) !important;
    box-shadow:0 8px 22px rgba(198,160,86,.30) !important;
}html[data-theme="day"] html:root:root:root body.lux #ubMsg.is-err{ color:#b4383c !important; background:#fdf3f3 !important; border:1px solid #f2d6d6 !important; }html[data-theme="day"] html:root:root:root body.lux #ubMsg.is-info{ color:#8a6a20 !important; background:#fdf9ee !important; border:1px solid #f0e4c6 !important; }html[data-theme="day"] html:root:root:root body.lux #ubMsg.is-ok{ color:#2f7a44 !important; background:#f2f9f3 !important; border:1px solid #d7ebdc !important; }html[data-theme="day"] html:root:root:root body.lux #uRole{ color:#7b8290 !important; }html[data-theme="day"] html:root:root:root body.lux #uRole b{ color:#a67c2e !important; }html[data-theme="day"] html:root:root:root body.lux .nj-note{ color:#b4383c !important; background:#fdf3f3 !important; border:1px solid #f2d6d6 !important; }html[data-theme="day"] html:root:root:root body.lux .foot{ color:#9aa0aa !important; }html[data-theme="day"] html:root:root:root body.lux .rule{ background:linear-gradient(90deg,transparent,#e8d5a6,transparent) !important; }html[data-theme="day"] html:root:root:root body.lux .palette-btn{
    background:#ffffff !important;
    background-image:none !important;
    border:1px solid #e6e7ec !important;
    color:#6b7280 !important;
    box-shadow:0 6px 18px rgba(20,24,38,.10) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}html[data-theme="day"] html:root:root:root body.lux .palette-btn i{ box-shadow:none !important; }html[data-theme="day"] html:root:root:root body .hero,html[data-theme="day"] html:root:root:root body .hero *,html[data-theme="day"] html:root:root:root body .wrap,html[data-theme="day"] html:root:root:root body .wrap *{
    filter:none !important;
}html[data-theme="day"] html:root:root:root body .desc,html[data-theme="day"] html:root:root:root body .lead,html[data-theme="day"] html:root:root:root body .about,html[data-theme="day"] html:root:root:root body .about *,html[data-theme="day"] html:root:root:root body p,html[data-theme="day"] html:root:root:root body .mono,html[data-theme="day"] html:root:root:root body .whoami,html[data-theme="day"] html:root:root:root body .status,html[data-theme="day"] html:root:root:root body .foot,html[data-theme="day"] html:root:root:root body footer{
    color:#3f4654 !important;
    opacity:1 !important;
    -webkit-text-fill-color:#3f4654 !important;
    background-image:none !important;
}html[data-theme="day"] html:root:root:root body h1,html[data-theme="day"] html:root:root:root body h2,html[data-theme="day"] html:root:root:root body h3,html[data-theme="day"] html:root:root:root body .name,html[data-theme="day"] html:root:root:root body .title,html[data-theme="day"] html:root:root:root body .brand-txt{
    color:#15171c !important;
    background-image:none !important;
    -webkit-text-fill-color:#15171c !important;
    opacity:1 !important;
}html[data-theme="day"] html:root:root:root body .goods-cover-wrap,html[data-theme="day"] html:root:root:root body .goods-cover,html[data-theme="day"] html:root:root:root body .cover,html[data-theme="day"] html:root:root:root body .waterfall-item .goods-cover{
    background:#f4f5f8 !important;
    background-image:none !important;
}html[data-theme="day"] html:root:root:root body .goods-cover-id{
    background:rgba(255,255,255,.92) !important;
    background-image:none !important;
    color:#5b6270 !important;
    border:1px solid #e9eaf0 !important;
    box-shadow:0 2px 8px rgba(20,24,38,.06) !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
}html[data-theme="day"] html:root:root:root body .goods-body{
    background:#ffffff !important;
    background-image:none !important;
}html[data-theme="day"] html:root:root:root body .waterfall-item img,html[data-theme="day"] html:root:root:root body .goods-cover-wrap img{
    background:#f4f5f8 !important;
}html[data-theme="day"] html:root:root:root body .order-stream-page{
    background:#f6f7f9 !important;
    color:#15171c !important;
}html[data-theme="day"] html:root:root:root body .order-stream-page .ol-sync-bar{
    background:linear-gradient(90deg,#e0bc6c,#f0d79c,#e0bc6c) !important;
    background-size:200% 100% !important;
}html[data-theme="day"] html:root:root:root body .ol-title{ color:#15171c !important; }html[data-theme="day"] html:root:root:root body .ol-pill.is-live{ background:#fdf8ea !important; color:#a67c2e !important; border-color:#f0e2c0 !important; }html[data-theme="day"] html:root:root:root body .ol-pill .dot{ background:#d9be7d !important; }html[data-theme="day"] html:root:root:root body .ol-actions .btn.is-on{ background:linear-gradient(180deg,#f7e2ab,#e0bc6c) !important; color:#33260a !important; border-color:#dcbb78 !important; }html[data-theme="day"] html:root:root:root body .pipe-fill{ background:linear-gradient(90deg,#e0bc6c,#f0d79c) !important; }html[data-theme="day"] html:root:root:root body .waterfall .waterfall-item .goods-card,html[data-theme="day"] html:root:root:root body .waterfall .waterfall-item,html[data-theme="day"] html:root:root:root body .waterfall .waterfall-item .goods-body,html[data-theme="day"] html:root:root:root body .waterfall .waterfall-item .goods-body > *:not(.btn-fn),html[data-theme="day"] html:root:root:root body .waterfall .waterfall-item .goods-cover-wrap{
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid #ececf2 !important;
    box-shadow: 0 6px 18px rgba(20, 24, 38, .06) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}html[data-theme="day"] html:root:root:root body .waterfall .waterfall-item .goods-title,html[data-theme="day"] html:root:root:root body .waterfall .waterfall-item .goods-meta,html[data-theme="day"] html:root:root:root body .waterfall .waterfall-item .goods-price{
    color: #15171c !important;
}html[data-theme="day"] html:root:root:root body .waterfall .waterfall-item .goods-cover-id{
    background: #f4f5f8 !important;
    color: #5b6270 !important;
    border: 1px solid #e9eaf0 !important;
}html[data-theme="day"] html:root:root:root body .toolbar .btn-ghost,html[data-theme="day"] html:root:root:root body a.btn-ghost,html[data-theme="day"] html:root:root:root body .btn-ghost{
    background: #ffffff !important;
    background-image: none !important;
    color: #1b1e26 !important;
    border: 1px solid #e4e5ec !important;
    box-shadow: 0 2px 8px rgba(20, 24, 38, .06) !important;
    text-shadow: none !important;
}html[data-theme="day"] html:root:root:root body .toolbar-copy h1,html[data-theme="day"] html:root:root:root body .toolbar-copy p{
    color: #15171c !important;
}html[data-theme="day"] html:root:root:root body .toolbar-copy p{
    color: #7b8290 !important;
}html[data-theme="day"] html:root:root:root body .bottom-nav button{
    background:#ffffff !important;
    background-image:none !important;
    border:1px solid #ececf2 !important;
    color:#5b6270 !important;
    box-shadow:0 4px 14px rgba(20,24,38,.07) !important;
    text-shadow:none !important;
}html[data-theme="day"] html:root:root:root body .bottom-nav button b{
    color:#5b6270 !important;
    text-shadow:none !important;
}html[data-theme="day"] html:root:root:root body .bottom-nav button span{
    background:#f4f5f8 !important;
    background-image:none !important;
    border:1px solid #ececf2 !important;
    color:#5b6270 !important;
    text-shadow:none !important;
}html[data-theme="day"] html:root:root:root body .bottom-nav button .isvg{
    filter:none !important;
}html[data-theme="day"] html:root:root:root body .bottom-nav button:hover{
    background:#fafbfd !important;
    background-image:none !important;
    border-color:#e0e1e8 !important;
    box-shadow:0 6px 18px rgba(20,24,38,.09) !important;
}html[data-theme="day"] html:root:root:root body .bottom-nav button.active,html[data-theme="day"] html:root:root:root body .bottom-nav button.on,html[data-theme="day"] html:root:root:root body .bottom-nav button[aria-current="page"]{
    background:linear-gradient(180deg,#fdf7e7,#f8efd8) !important;
    background-image:linear-gradient(180deg,#fdf7e7,#f8efd8) !important;
    border-color:#eddfbc !important;
}html[data-theme="day"] html:root:root:root body .bottom-nav button.active b,html[data-theme="day"] html:root:root:root body .bottom-nav button.on b{
    color:#a67c2e !important;
}html[data-theme="day"] html:root:root:root body .bottom-nav button.active span,html[data-theme="day"] html:root:root:root body .bottom-nav button.on span{
    background:#ffffff !important;
    border-color:#eddfbc !important;
    color:#a67c2e !important;
}html[data-theme="day"] html:root:root:root body .avatar-tag{
    background:#ffffff !important;
    background-image:none !important;
    color:#a67c2e !important;
    border:1px solid #e8d5a6 !important;
    animation:none !important;
    box-shadow:0 2px 8px rgba(20,24,38,.08) !important;
}html[data-theme="day"] html:root:root:root body .avatar-tag::before{ display:none !important; }html[data-theme="day"] html:root:root:root body .avatar-frame{
    animation:none !important;
    box-shadow:0 8px 24px rgba(20,24,38,.08) !important;
}html[data-theme="day"] html:root:root:root body .avatar-frame::after{ display:none !important; }html[data-theme="day"] html:root:root:root body .glitch-name{
    color:#15171c !important;
    text-shadow:none !important;
    animation:none !important;
}html[data-theme="day"] html:root:root:root body .glitch-name::before,html[data-theme="day"] html:root:root:root body .glitch-name::after{ display:none !important; }html[data-theme="day"] html:root:root:root body .hero-manifesto p,html[data-theme="day"] html:root:root:root body .hero-desc,html[data-theme="day"] html:root:root:root body .hero-desc b{
    animation:none !important;
    opacity:1 !important;
    color:#3f4654 !important;
    -webkit-text-fill-color:#3f4654 !important;
    text-shadow:none !important;
}html[data-theme="day"] html:root:root:root body .hero-desc b{ color:#15171c !important; -webkit-text-fill-color:#15171c !important; }html[data-theme="day"] html:root:root:root body .prompt-line,html[data-theme="day"] html:root:root:root body .role-type,html[data-theme="day"] html:root:root:root body .path{
    color:#7b8290 !important;
    animation:none !important;
    text-shadow:none !important;
}html[data-theme="day"] html:root:root:root body .hero-cta .btn,html[data-theme="day"] html:root:root:root body .hero-cta .btn.solid,html[data-theme="day"] html:root:root:root body .hero-cta a{
    background:#ffffff !important;
    background-image:none !important;
    color:#1b1e26 !important;
    border:1px solid #e4e5ec !important;
    box-shadow:0 3px 12px rgba(20,24,38,.06) !important;
    text-shadow:none !important;
}html[data-theme="day"] html:root:root:root body .hero-cta .btn.solid{
    background:linear-gradient(180deg,#f7e2ab,#e0bc6c) !important;
    background-image:linear-gradient(180deg,#f7e2ab,#e0bc6c) !important;
    color:#33260a !important;
    border-color:#dcbb78 !important;
}html[data-theme="day"] html:root:root:root body .header-word{
    background:none !important;
    background-image:none !important;
    -webkit-background-clip:border-box !important;
    background-clip:border-box !important;
    -webkit-text-fill-color:#15171c !important;
    color:#15171c !important;
    animation:none !important;
}html[data-theme="day"] html:root:root:root body .user_info img{
    background:
        linear-gradient(#ffffff,#ffffff) padding-box,
        conic-gradient(from var(--hiAngle),
            rgba(232,200,119,0) 0%,rgba(232,200,119,.95) 12%,rgba(255,214,130,.9) 18%,
            rgba(232,200,119,0) 34%,rgba(232,200,119,0) 50%,rgba(232,200,119,.95) 62%,
            rgba(255,214,130,.9) 68%,rgba(232,200,119,0) 84%) border-box !important;
    box-shadow:0 3px 12px rgba(20,24,38,.10) !important;
}html[data-theme="day"] html:root:root:root body .user_drop{
    background:#ffffff !important;
    background-image:none !important;
    border:1px solid #ececf2 !important;
    box-shadow:0 18px 45px rgba(20,24,38,.13) !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
}html[data-theme="day"] html:root:root:root body .user_drop a{
    color:#1b1e26 !important;
    background:transparent !important;
}html[data-theme="day"] html:root:root:root body .user_drop a:hover{
    background:#f7f8fa !important;
}html[data-theme="day"] html:root:root:root body .island-panel-head button,html[data-theme="day"] html:root:root:root body .island-grid button{
    background:#ffffff !important;
    background-image:none !important;
    border:1px solid #ececf2 !important;
    color:#1b1e26 !important;
    box-shadow:0 4px 14px rgba(20,24,38,.06) !important;
    text-shadow:none !important;
}html[data-theme="day"] html:root:root:root body .island-grid button span{
    background:#f4f5f8 !important;
    background-image:none !important;
    border:1px solid #ececf2 !important;
    color:#5b6270 !important;
    text-shadow:none !important;
}html[data-theme="day"] html:root:root:root body .island-grid button b{ color:#1b1e26 !important; }html[data-theme="day"] html:root:root:root body .island-panel-head span::before{
    color:#a67c2e !important;
    text-shadow:none !important;
}html[data-theme="day"] html:root:root:root body .island-panel-head .panel-avatar{
    box-shadow:0 0 0 1px #ececf2 !important;
}html[data-theme="day"] html:root:root:root body .ncm-player{
    background:rgba(20,22,30,.34) !important;
    -webkit-backdrop-filter:blur(8px) !important;
    backdrop-filter:blur(8px) !important;
}html[data-theme="day"] html:root:root:root body .ncm-box{
    background:#ffffff !important;
    background-image:none !important;
    border:1px solid #ececf2 !important;
    box-shadow:0 26px 70px rgba(20,24,38,.18) !important;
}html[data-theme="day"] html:root:root:root body .ncm-head{ color:#9aa0aa !important; }html[data-theme="day"] html:root:root:root body .ncm-title{ color:#15171c !important; }html[data-theme="day"] html:root:root:root body .ncm-artist{ color:#9aa0aa !important; }html[data-theme="day"] html:root:root:root body .ncm-time{ color:#9aa0aa !important; }html[data-theme="day"] html:root:root:root body .ncm-range{ background:#ececf2 !important; }html[data-theme="day"] html:root:root:root body .ncm-close{
    background:#f4f5f8 !important;
    border-color:#ececf2 !important;
    color:#5b6270 !important;
}html[data-theme="day"] html:root:root:root body .ncm-close:hover{ background:#ecedf2 !important; color:#15171c !important; }html[data-theme="day"] html:root:root:root body .ncm-disc{ border-color:#f4f5f8 !important; }html[data-theme="day"] html:root:root:root body .ncm-disc-wrap::after{ background:#ffffff !important; }html[data-theme="day"] html:root:root:root body .ncm-tip{ color:#a9adb6 !important; }html[data-theme="day"] html:root:root:root body .ncm-ext{
    border-color:#e8d5a6 !important;
    background:#fdf8ea !important;
    color:#a67c2e !important;
}html[data-theme="day"] html:root:root:root body .ncm-ext:hover{ background:#f8efd8 !important; color:#8a6a20 !important; }html[data-theme="day"] html:root:root:root body #salePopup{
    background:#ffffff !important;
    background-image:none !important;
    border:1px solid #ececf2 !important;
    color:#15171c !important;
    box-shadow:0 22px 60px rgba(20,24,38,.16) !important;
}