/*! ============================================================
   贪婪后台 · 纯白主题（Light / Pure White）
   说明：本文件只覆盖配色，不动布局、交互与任何业务逻辑。
   加载顺序必须排在所有主题之后（各页面 </head> 前引入）。
   ============================================================ */

/* ---------- 1. 变量层：把所有深色变量翻成白色系 ---------- */
:root,
html[data-theme="night"],
html[data-theme="day"] {
    color-scheme: light !important;

    /* Liquid Glass */
    --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);

    /* tyy 主题 */
    --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 层 */
    --okx-text: #15171c;
    --okx-border: #e9eaf0;
}

/* ---------- 2. 基础层 ---------- */

/* html 元素背景（内容不满一屏时会露出来） */
html:root{
    background:#f6f7f9 !important;
    background-color:#f6f7f9 !important;
    background-image:none !important;
    color-scheme:light !important;
}

html:root:root:root body {
    background: #f6f7f9 !important;
    background-image: none !important;
    color: #15171c !important;
}

html:root:root:root body::before,
html:root:root:root body::after {
    background: none !important;
    background-image: none !important;
    opacity: 0 !important;
}

/* 背景动效（字符雨 / 扫描线 / 暗角 / 光球）在纯白主题下全部关闭 */
canvas#rain,
canvas#matrix-rain,
.startup-visual,
.scanline,
.vignette,
.aurora,
.orbit,
.core,
.spark,
.scan,
.rain-canvas {
    display: none !important;
    opacity: 0 !important;
}

::selection {
    background: rgba(232, 200, 119, .45);
    color: #15171c;
}

/* ---------- 3. 容器 / 卡片 / 面板 ---------- */
html:root:root:root body .card,
html:root:root:root body .panel,
html:root:root:root body .section,
html:root:root:root body .box,
html:root:root:root body .content-card,
html:root:root:root body .page-container,
html:root:root:root body .form-container,
html:root:root:root body .table-wrap,
html:root:root:root body .upload-card,
html:root:root:root body .goods-card,
html:root:root:root body .order-card,
html:root:root:root body .fn-sheet,
html:root:root:root body .toolbar,
html:root:root:root body .submit-bar,
html:root:root:root body .card-header,
html:root:root:root body .card-body,
html:root:root:root body .card-footer,
html:root:root:root body .form-panel,
html:root:root:root body .list-panel,
html:root:root:root body .settings-card,
html:root:root:root body .settings-panel,
html:root:root:root body .link-panel,
html:root:root:root body .modal-content,
html:root:root:root body .dialog,
html:root:root:root body .drawer,
html:root:root:root body .sheet,
html:root:root:root body .menu-panel,
html:root:root:root body .info-card,
html:root:root:root body .search-box,
html:root:root:root body .filter-box,
html:root:root:root body .result-box,
html:root:root:root body .table-container,
html:root:root:root body .empty-state,
html:root:root:root body .detail-list,
html:root:root:root body .pagination,
html:root:root:root body .ol-shell,
html:root:root:root body .ol-header,
html:root:root:root body .fn-sec ul,
html:root:root:root body .fn-sec li,
html:root:root:root body .fn-list,
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:root:root:root body .card:before,
html:root:root:root body .panel:before,
html:root:root:root body .content-card:before,
html:root:root:root body .page-container:before,
html:root:root:root body .form-container:before {
    display: none !important;
}

/* 顶栏 / 导航条：白底毛玻璃 */
html:root:root:root body .header,
html:root:root:root body .topbar,
html:root:root:root body .top-nav,
html:root:root:root body .chat-header,
html:root:root:root body .tab_bar,
html:root:root:root body .nav-bar,
html:root:root:root body .navbar,
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:root:root:root body .tab,
html:root:root:root body .nav-tab,
html:root:root:root body .menu-item,
html:root:root:root body .nav-item,
html:root:root:root body .page-btn,
html:root:root:root body .pager a,
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:root:root:root body .tab.active,
html:root:root:root body .nav-tab.active,
html:root:root:root body .menu-item.active,
html:root:root:root body .nav-item.active,
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;
}

/* ---------- 4. 按钮：白底灰边深字，主按钮走金色 ---------- */
html:root:root:root body button,
html:root:root:root body .btn,
html:root:root:root body .tyy-btn,
html:root:root:root body .theme-btn,
html:root:root:root body .file-btn,
html:root:root:root body .action-btn,
html:root:root:root body .cancel-btn,
html:root:root:root body .delete-btn,
html:root:root:root body .page-btn,
html:root:root:root body .pager a,
html:root:root:root body .pager button,
html:root:root:root body .submit-bar button,
html:root:root:root body .ol-actions button,
html:root:root:root body input[type="button"],
html:root:root:root body input[type="submit"],
html:root:root:root body a.btn,
html:root:root:root body a.btn-ghost,
html:root:root:root body a.btn-fn,
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:root:root:root body .btn-primary,
html:root:root:root body .btn-fill,
html:root:root:root body .btn-ok,
html:root:root:root body .btn-save,
html:root:root:root body .confirm-btn,
html:root:root:root body .tyy-btn-fill,
html:root:root:root body .submit,
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:root:root:root body .btn-danger,
html:root:root:root body .delete-btn {
    color: #b4383c !important;
    border-color: #f0d3d3 !important;
}

html:root:root:root body button:hover,
html:root:root:root body .btn:hover,
html:root:root:root body .tyy-btn:hover,
html:root:root:root body .page-btn:hover,
html:root:root:root body .pager a:hover,
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:root:root:root body .btn-primary:hover,
html:root:root:root body .btn-fill:hover,
html:root:root:root body .confirm-btn:hover,
html:root:root:root body .save-btn:hover,
html:root:root:root body .tyy-btn-fill:hover {
    background: linear-gradient(180deg, #f9e9bd, #e6c579) !important;
    border-color: #d6b266 !important;
}

/* ---------- 5. 表单 ---------- */
html:root:root:root body input,
html:root:root:root body textarea,
html:root:root:root body select,
html:root:root:root body .input-text,
html:root:root:root body .input-control,
html:root:root:root body .search-input,
html:root:root:root body .filter-input,
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:root:root:root body input::placeholder,
html:root:root:root body textarea::placeholder,
html:root:root:root body select::placeholder {
    color: #a9adb6 !important;
}

html:root:root:root body input:focus,
html:root:root:root body textarea:focus,
html:root:root:root body select:focus,
html:root:root:root body .input-text:focus,
html:root:root:root body .input-control:focus,
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:root:root:root body .input-prefix,
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:root:root:root body label,
html:root:root:root body .form-label {
    color: #5b6270 !important;
}

/* ---------- 6. 表格 ---------- */
html:root:root:root body table,
html:root:root:root body .tyy-table,
html:root:root:root body .table {
    background: #ffffff !important;
    color: #15171c !important;
    border-color: #ececf2 !important;
}

html:root:root:root body table th,
html:root:root:root body .tyy-table th,
html:root:root:root body .table th {
    background: #f7f8fa !important;
    background-image: none !important;
    color: #5b6270 !important;
    border-color: #ececf2 !important;
}

html:root:root:root body table td,
html:root:root:root body .tyy-table td,
html:root:root:root body .table td {
    color: #1b1e26 !important;
    border-color: #f0f0f5 !important;
}

html:root:root:root body tbody tr:hover,
html:root:root:root body table tr:hover {
    background: #fafbfd !important;
}

/* ---------- 7. 文字色 ---------- */
html:root:root:root body h1, html:root:root:root body h2, html:root:root:root body h3, html:root:root:root body h4, html:root:root:root body h5, html:root:root:root body h6,
html:root:root:root body p, html:root:root:root body span, html:root:root:root body div, html:root:root:root body li, html:root:root:root body td, html:root:root:root body th,
html:root:root:root body label, html:root:root:root body strong, html:root:root:root body b, html:root:root:root body small, html:root:root:root body em {
    text-shadow: none !important;
}

html:root:root:root body .sub,
html:root:root:root body .desc,
html:root:root:root body .muted,
html:root:root:root body .tip,
html:root:root:root body .last-time,
html:root:root:root body .last-msg,
html:root:root:root body .input-desc,
html:root:root:root body .msg-time,
html:root:root:root body .user-id {
    color: #7b8290 !important;
}

/* ---------- 8. 遮罩 / 弹层 ---------- */
html:root:root:root body .fn-mask,
html:root:root:root body .mask,
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:root:root:root body .fn-sec li+li,
html:root:root:root body .fn-list li+li {
    border-top: 1px solid #f0f0f5 !important;
}

html:root:root:root body .fn-sec a,
html:root:root:root body .fn-list a {
    background: transparent !important;
    color: #1b1e26 !important;
}

html:root:root:root body .fn-sec a:hover,
html:root:root:root body .fn-list a:hover {
    background: #f7f8fa !important;
    background-image: none !important;
}

html:root:root:root body .fn-tag,
html:root:root:root body .fn-close {
    background: #f4f5f8 !important;
    color: #5b6270 !important;
    border-color: #e9eaf0 !important;
    box-shadow: none !important;
}

/* ---------- 9. 客服气泡 ---------- */
html:root:root:root body .msg.received .bubble {
    background: #f4f5f8 !important;
    background-image: none !important;
    color: #1b1e26 !important;
    border: 1px solid #ececf2 !important;
}

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:root:root:root body .date-divider span {
    background: #f4f5f8 !important;
    color: #7b8290 !important;
}

html:root:root:root body .session-item {
    background: #ffffff !important;
    border: 1px solid #ececf2 !important;
}

html:root:root:root body .session-item:hover,
html:root:root:root body .session-item.active {
    background: #fdf8ea !important;
    border-color: #ecd9a8 !important;
}

/* ---------- 10. 状态徽章 ---------- */
html:root:root:root body .status-badge,
html:root:root:root body .tag,
html:root:root:root body .tag-new,
html:root:root:root body .badge,
html:root:root:root body .chip,
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;
}

/* ---------- 11. 首页（终端风 fq.html） ---------- */
html:root:root:root body .topbar {
    background: rgba(255, 255, 255, .92) !important;
    border-bottom: 1px solid #ececf2 !important;
}

html:root:root:root body .path,
html:root:root:root body .mono {
    color: #6b7280 !important;
}

html:root:root:root body .path span {
    color: #a67c2e !important;
}

html:root:root:root body .dot {
    background: #e2e3e9 !important;
}

html:root:root:root body .dot.r { background: #ffbdae !important; }
html:root:root:root body .dot.y { background: #ffe08a !important; }
html:root:root:root body .dot.g { background: #a8e0b4 !important; }

/* ---------- 12. 灵动岛 / 公告弹窗 ---------- */
html:root:root:root body .island-panel,
html:root:root:root body .dynamic-island,
html:root:root:root body .new-order-alert,
html:root:root:root body .notification,
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;
}

/* ---------- 13. 底部导航 ---------- */
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:root:root:root body .bottom-nav button {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #7b8290 !important;
}

html:root:root:root body .bottom-nav button.active,
html:root:root:root body .bottom-nav button.on {
    color: #a67c2e !important;
    background: #fdf8ea !important;
    border: 1px solid #f0e2c0 !important;
}

/* ---------- 14. 滚动条 ---------- */
html:root:root:root body ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

html:root:root:root body ::-webkit-scrollbar-track {
    background: #f4f5f8;
}

html:root:root:root body ::-webkit-scrollbar-thumb {
    background: #dcdee6;
    border-radius: 999px;
    border: 2px solid #f4f5f8;
}

html:root:root:root body ::-webkit-scrollbar-thumb:hover {
    background: #c9ccd8;
}

/* ============================================================
   15. 登录页（原黑金奢华风 → 纯白）
   ============================================================ */
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:root:root:root body.lux::before,
html:root:root:root body.lux::after{ display:none !important; }

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:root:root:root body.lux .shell::before{ border:0 !important; }
html:root:root:root body.lux .shell::after{ display:none !important; }

/* 头像：去掉金环滤镜，保留克制的金色描边 */
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: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:root:root:root body.lux .mb-logo.avatar-logo::after{ border-color:rgba(214,178,102,.32) !important; }

/* 品牌字：去掉金色流光，改深墨字 */
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:root:root:root body.lux .brand .typer{ width:auto !important; }
html:root:root:root body.lux .caret{
    background:#c9a44c !important;
    box-shadow:none !important;
    animation:none !important;
    opacity:1 !important;
}
html:root:root:root body.lux .tagline{ color:#9aa0aa !important; }
html:root:root:root body.lux .field label{ color:#6b7280 !important; }

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:root:root:root body.lux .inwrap input::placeholder{ color:#a9adb6 !important; }
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:root:root:root body.lux .fstate .spin{
    border:2px solid rgba(214,178,102,.25) !important;
    border-top-color:#d6b266 !important;
}
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: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:root:root:root body.lux #ubMsg.is-err{ color:#b4383c !important; background:#fdf3f3 !important; border:1px solid #f2d6d6 !important; }
html:root:root:root body.lux #ubMsg.is-info{ color:#8a6a20 !important; background:#fdf9ee !important; border:1px solid #f0e4c6 !important; }
html:root:root:root body.lux #ubMsg.is-ok{ color:#2f7a44 !important; background:#f2f9f3 !important; border:1px solid #d7ebdc !important; }
html:root:root:root body.lux #uRole{ color:#7b8290 !important; }
html:root:root:root body.lux #uRole b{ color:#a67c2e !important; }
html:root:root:root body.lux .nj-note{ color:#b4383c !important; background:#fdf3f3 !important; border:1px solid #f2d6d6 !important; }
html:root:root:root body.lux .foot{ color:#9aa0aa !important; }
html:root:root:root body.lux .rule{ background:linear-gradient(90deg,transparent,#e8d5a6,transparent) !important; }
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:root:root:root body.lux .palette-btn i{ box-shadow:none !important; }

/* ============================================================
   16. 终端风首页：把透明度/渐变文字提回可读的深墨色
   ============================================================ */
html:root:root:root body .hero,
html:root:root:root body .hero *,
html:root:root:root body .wrap,
html:root:root:root body .wrap *{
    filter:none !important;
}
html:root:root:root body .desc,
html:root:root:root body .lead,
html:root:root:root body .about,
html:root:root:root body .about *,
html:root:root:root body p,
html:root:root:root body .mono,
html:root:root:root body .whoami,
html:root:root:root body .status,
html:root:root:root body .foot,
html:root:root:root body footer{
    color:#3f4654 !important;
    opacity:1 !important;
    -webkit-text-fill-color:#3f4654 !important;
    background-image:none !important;
}
html:root:root:root body h1,
html:root:root:root body h2,
html:root:root:root body h3,
html:root:root:root body .name,
html:root:root:root body .title,
html:root:root:root body .brand-txt{
    color:#15171c !important;
    background-image:none !important;
    -webkit-text-fill-color:#15171c !important;
    opacity:1 !important;
}

/* ============================================================
   17. 商品卡封面 / 图片占位区（原为深色渐变）
   ============================================================ */
html:root:root:root body .goods-cover-wrap,
html:root:root:root body .goods-cover,
html:root:root:root body .cover,
html:root:root:root body .waterfall-item .goods-cover{
    background:#f4f5f8 !important;
    background-image:none !important;
}
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:root:root:root body .goods-body{
    background:#ffffff !important;
    background-image:none !important;
}
html:root:root:root body .waterfall-item img,
html:root:root:root body .goods-cover-wrap img{
    background:#f4f5f8 !important;
}

/* ============================================================
   18. 订单流页面残留深色
   ============================================================ */
html:root:root:root body .order-stream-page{
    background:#f6f7f9 !important;
    color:#15171c !important;
}
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:root:root:root body .ol-title{ color:#15171c !important; }
html:root:root:root body .ol-pill.is-live{ background:#fdf8ea !important; color:#a67c2e !important; border-color:#f0e2c0 !important; }
html:root:root:root body .ol-pill .dot{ background:#d9be7d !important; }
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:root:root:root body .pipe-fill{ background:linear-gradient(90deg,#e0bc6c,#f0d79c) !important; }

/* ============================================================
   19. 商品卡 / 工具条按钮（页面内联样式权重更高，这里同等提升）
   ============================================================ */
html:root:root:root body .waterfall .waterfall-item .goods-card,
html:root:root:root body .waterfall .waterfall-item,
html:root:root:root body .waterfall .waterfall-item .goods-body,
html:root:root:root body .waterfall .waterfall-item .goods-body > *:not(.btn-fn),
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:root:root:root body .waterfall .waterfall-item .goods-title,
html:root:root:root body .waterfall .waterfall-item .goods-meta,
html:root:root:root body .waterfall .waterfall-item .goods-price {
    color: #15171c !important;
}
html:root:root:root body .waterfall .waterfall-item .goods-cover-id {
    background: #f4f5f8 !important;
    color: #5b6270 !important;
    border: 1px solid #e9eaf0 !important;
}
html:root:root:root body .toolbar .btn-ghost,
html:root:root:root body a.btn-ghost,
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:root:root:root body .toolbar-copy h1,
html:root:root:root body .toolbar-copy p {
    color: #15171c !important;
}
html:root:root:root body .toolbar-copy p {
    color: #7b8290 !important;
}

/* ============================================================
   20. 底部导航（灵动岛那排按钮）→ 白底浅边
   ============================================================ */
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:root:root:root body .bottom-nav button b{
    color:#5b6270 !important;
    text-shadow:none !important;
}
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:root:root:root body .bottom-nav button .isvg{
    filter:none !important;
}
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:root:root:root body .bottom-nav button.active,
html:root:root:root body .bottom-nav button.on,
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:root:root:root body .bottom-nav button.active b,
html:root:root:root body .bottom-nav button.on b{
    color:#a67c2e !important;
}
html:root:root:root body .bottom-nav button.active span,
html:root:root:root body .bottom-nav button.on span{
    background:#ffffff !important;
    border-color:#eddfbc !important;
    color:#a67c2e !important;
}

/* ============================================================
   21. 首页（终端风）细节：徽章 / 标题 / 文案 / 按钮
   ============================================================ */
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:root:root:root body .avatar-tag::before{ display:none !important; }
html:root:root:root body .avatar-frame{
    animation:none !important;
    box-shadow:0 8px 24px rgba(20,24,38,.08) !important;
}
html:root:root:root body .avatar-frame::after{ display:none !important; }

html:root:root:root body .glitch-name{
    color:#15171c !important;
    text-shadow:none !important;
    animation:none !important;
}
html:root:root:root body .glitch-name::before,
html:root:root:root body .glitch-name::after{ display:none !important; }

html:root:root:root body .hero-manifesto p,
html:root:root:root body .hero-desc,
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:root:root:root body .hero-desc b{ color:#15171c !important; -webkit-text-fill-color:#15171c !important; }
html:root:root:root body .prompt-line,
html:root:root:root body .role-type,
html:root:root:root body .path{
    color:#7b8290 !important;
    animation:none !important;
    text-shadow:none !important;
}

html:root:root:root body .hero-cta .btn,
html:root:root:root body .hero-cta .btn.solid,
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: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;
}

/* ============================================================
   22. 顶栏品牌字 / 头像金环 / 下拉菜单 / 灵动岛面板
   ============================================================ */
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: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: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:root:root:root body .user_drop a{
    color:#1b1e26 !important;
    background:transparent !important;
}
html:root:root:root body .user_drop a:hover{
    background:#f7f8fa !important;
}

html:root:root:root body .island-panel-head button,
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: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:root:root:root body .island-grid button b{ color:#1b1e26 !important; }
html:root:root:root body .island-panel-head span::before{
    color:#a67c2e !important;
    text-shadow:none !important;
}
html:root:root:root body .island-panel-head .panel-avatar{
    box-shadow:0 0 0 1px #ececf2 !important;
}

/* ============================================================
   23. 音乐播放器弹窗（原深色）→ 纯白
   ============================================================ */
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: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:root:root:root body .ncm-head{ color:#9aa0aa !important; }
html:root:root:root body .ncm-title{ color:#15171c !important; }
html:root:root:root body .ncm-artist{ color:#9aa0aa !important; }
html:root:root:root body .ncm-time{ color:#9aa0aa !important; }
html:root:root:root body .ncm-range{ background:#ececf2 !important; }
html:root:root:root body .ncm-close{
    background:#f4f5f8 !important;
    border-color:#ececf2 !important;
    color:#5b6270 !important;
}
html:root:root:root body .ncm-close:hover{ background:#ecedf2 !important; color:#15171c !important; }
html:root:root:root body .ncm-disc{ border-color:#f4f5f8 !important; }
html:root:root:root body .ncm-disc-wrap::after{ background:#ffffff !important; }
html:root:root:root body .ncm-tip{ color:#a9adb6 !important; }
html:root:root:root body .ncm-ext{
    border-color:#e8d5a6 !important;
    background:#fdf8ea !important;
    color:#a67c2e !important;
}
html:root:root:root body .ncm-ext:hover{ background:#f8efd8 !important; color:#8a6a20 !important; }

/* ============================================================
   24. 出单弹窗 / 通用提示
   ============================================================ */
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;
}