:root:root{color-scheme:dark;--admin-primary:#cfaa59;--admin-primary-deep:#a97c2d;--admin-primary-rgb:207,170,89;--admin-gradient-end:#f3dda0;--admin-ink:#f4eddb;--admin-muted:#ada490;--admin-soft:#292316;--admin-canvas:#101113;--admin-sidebar:#1d1912;--admin-sidebar-end:#090a0c;--admin-border:#51442c;--admin-shadow:0 16px 44px #0005;--el-color-primary:#cfaa59;--el-bg-color:#191919;--el-text-color-primary:#f4eddb;--el-border-color:#51442c}
html body,html body #app{background:#101113!important;color:#eee6d3!important}
html body :is(.card,.panel,.login-card,.login-box,.stat-card,.metric-card,.toolbar,.table-wrap,.table-card,.filter-bar,.filters,.modal,.modal-card,.modal-content,.dialog,.overview-card,.summary-card,.el-card,.el-dialog){background:linear-gradient(135deg,#24211b,#171819)!important;color:#f4eddb!important;border:1px solid #5b4a2b!important;box-shadow:0 8px 28px #0003!important}
html body :is(main,section,.content,.main-content,.page-content,.shell){color:#eee6d3!important;background-color:#111214!important}
html body :is(header,.topbar,.page-header,thead,th){background:#242018!important;color:#f0d58f!important;border-color:#5b4a2b!important}
html body :is(td,tr,table){background-color:transparent!important;color:#e6dfcf!important;border-color:#423b2d!important}
html body tbody tr:hover{background:#30291b!important}
html body :is(input,select,textarea){background:#101113!important;border:1px solid #65512c!important;color:#f3e9cc!important}
html body :is(input,textarea)::placeholder{color:#8f887b!important}
html body :is(h1,h2,h3,h4,label,.title,.stat-value,.metric-value){color:#f6e5b6!important}
html body :is(.muted,.subtitle,.description,.hint){color:#b2a895!important}
html body button:not(.danger):not(.ghost):not(.close){background:linear-gradient(110deg,#b08432,#f1d789,#c7983c)!important;color:#1d1608!important;border-color:#d0b16d!important}
html body .shell>aside{background:radial-gradient(ellipse at top,#5c442444,transparent 65%),linear-gradient(#1a1814,#090a0d)!important;border-right:1px solid #705b32!important}
html body .shell>aside button{background:transparent!important;color:#c7bda8!important;border-color:transparent!important}
html body .shell>aside button.active{background:linear-gradient(110deg,#ab7c2d,#f3d993)!important;color:#211708!important;box-shadow:0 3px 14px #b27c2322}
html body .shell>aside .brand{color:#f8dda0!important}
html body .shell>aside .brand::before{border-color:#d2ad5a!important;background:#5f451b!important;color:#ffe8a6!important}
html body :is(.login-page,.login){background:radial-gradient(ellipse at 50% 0,#70522666,transparent 60%),#0c0d10!important;min-height:100vh}
html body a{color:#e3c572}
html body .pagination button{background:#252017!important;color:#e4d4ab!important}

html body #app .stat{background:linear-gradient(135deg,#30281a,#191a1c)!important;border:1px solid #6d5831!important;color:#c8baa1!important}
html body #app .stat strong{color:#f4d68c!important}
html body #app .stat::after{background:#b68c3220!important}
html body #admin-sidebar button{background:transparent!important;color:#c8bda6!important;border:1px solid transparent!important;box-shadow:none!important}
html body #admin-sidebar button:hover{background:#352a18!important;color:#ffe3a0!important}
html body #admin-sidebar button.active{background:linear-gradient(110deg,#a97a2a,#f1d88e)!important;color:#201707!important;border-color:#d2b573!important}
html body #app .overview-revenue__bar{background:#282825!important}
html body #app .overview-revenue__date,html body #app .overview-revenue__heading span{color:#b6aa92!important}
html body #app .overview-revenue__bar--order .overview-revenue__value{background:#a98034!important;color:#fff7d8!important}
html body #app .overview-revenue__bar--platform .overview-revenue__value{background:#735b39!important;color:#fff0ca!important}
html body #app .overview-revenue__bar--merchant .overview-revenue__value{background:#465747!important;color:#e7eddc!important}
html body #app .box{background:linear-gradient(135deg,#30281c,#17181a)!important;color:#eadcbd!important;border:1px solid #8a703d!important;box-shadow:0 15px 60px #0008!important}

/* Complete dark surfaces, 2026-11-14. */
html body #app#app .login-page.wechat .wechat-tab::after,
html body #app#app .login-page.account .account-tab::before{content:none!important;display:none!important;background:transparent!important;box-shadow:none!important}
html body #app#app .login-page .tab-hotspot{box-shadow:none!important}
html body #app#app :is(.plain-page,.settings-page,.about-page,.agreement-page,.check-page,.authors-page,.withdraw-page,.digital-publish-page,.password-change-page){background:#101113!important;color:#e9dfc8!important}
html body #app#app :is(.admin-form,.admin-table,.permission-grid>div,.checks label,.author-modal,.avatar-picker,.play-panel,.pool-modal,.play-modal,.smart-sheet,.public-sheet,.percent-dialog,.tag-dialog,.pay-panel,.withdraw-panel,.publish-form,.open-card,.check-body,.check-preview,.check-result,.quick-pool-card,.record-card,.pub-card,.author-card,.sheet-item,.paid-editor,.paid-history-box,.order-report-summary-card,.order-report-error){background:#1b1a18!important;color:#e9dfc8!important;border-color:#655435!important}
html body #app#app :is(.ghost,.btn.secondary,.btn.ghost,.captcha-btn,.dialog-actions button,.modal-actions .cancel,.pool-modal-actions .cancel,.pool-modal-actions .clear,.play-modal-actions .cancel,.smart-actions .cancel){background:#302719!important;color:#efd493!important;border-color:#80673b!important}
html body #app#app :is(.field,.admin-form,.permission-grid,.checks,.password-change-page,.settings-page,.pay-panel,.author-modal,.play-modal,.pool-modal,.withdraw-panel) :is(label,h2,h3,p,small,.label,.title,.hint){color:#d8cbb1!important}
html body #app#app :is(input,textarea,select,option){color-scheme:dark;background-color:#161615!important;color:#eee3c9!important;border-color:#655435!important}
html body #app#app .login-page .eye-hotspot{filter:brightness(3) grayscale(1)!important}