:root{--siji-primary:#00c8b3;--siji-primary-dark:#009f8e;--siji-soft:#e8faf7;--siji-bg:#f8f8f8;--siji-text:#333}
html body,html body #app{background:#f8f8f8!important;background-image:none!important;color:#333}
html body::before,html body #app::before,html body #app .safe-page::before{background:none!important;background-image:none!important;content:none!important}
html body #app .safe-page{background:#f8f8f8!important;background-image:none!important}
html body #app .empty-state,html body #app .empty-state>view{color:#888!important}
html body #app .top-red,
html body #app .home-profile,
html body #app .mine-head,
html body #app .home-header,
html body #app .check-header{background:linear-gradient(90deg,#00d4b8,#00c8b3)!important;color:#fff!important}
html body #app .mine-page{background:#f4f4f4!important}
html body #app .mine-head{padding-bottom:20px!important}
html body #app .mine-grid .round-icon{background:#e6faf7!important;color:#00ae9b!important}
html body #app .wallet-panel{background:#fff!important;background-image:none!important;color:#333!important;box-shadow:0 5px 20px rgba(0,125,111,.08)!important;border:1px solid #e4f6f3!important;border-radius:12px!important}
html body #app .wallet-panel .wallet-title,
html body #app .wallet-panel .wallet-link,
html body #app .wallet-panel .wallet-main{color:#333!important}
html body #app .wallet-panel .wallet-income{color:#666!important}
html body #app .wallet-panel .balance,
html body #app .wallet-panel .balance-value{color:#00a894!important}
html body #app .wallet-panel button{background:#00c8b3!important;color:#fff!important;border:0!important;border-radius:6px!important}
html body #app .quick-card.four{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
html body #app .quick-icon{background:#e6faf7!important;color:#00ae9b!important;box-shadow:none!important;border-radius:12px!important}
html body #app .quick-icon.orange{background:#00c8b3!important;color:#fff!important}
html body #app .h5-tabbar{background:#fff!important;border-top:1px solid #eee!important}
html body #app .h5-tabbar button.active{color:#00bca8!important}
html body #app .h5-tabbar button.active svg{color:#00bca8!important;stroke:#00bca8!important}
html body #app .mine-grid .grid-icon,
html body #app .mine-grid .ico{background:#e9faf7!important;color:#00ae9b!important}
html body #app .card{border-radius:10px!important;box-shadow:none!important}
html body #app .categories-page{--category-select-accent:#00c8b3;--category-select-accent-soft:rgba(0,200,179,.14);--category-select-border:rgba(0,200,179,.2);--category-select-bg:#f1fcfa;--category-select-text:#333}
html body #app .category-filter .active,
html body #app .category-tabs button.active,
html body #app .publish-tools button,
html body #app .authors-page .add-author,
html body #app .authors-page .modal-actions .save,
html body #app .categories-page .save,
html body #app .primary-btn,
html body #app .submit-btn,
html body #app .btn-primary,
html body #app .buy-button{background:#00c8b3!important;color:#fff!important;border-color:#00c8b3!important;background-image:none!important}
html body #app input:focus,
html body #app textarea:focus{outline-color:#00c8b3!important}
html body #app .login-page:before{background:linear-gradient(180deg,#00d4b8 0%,#00c8b3 60%,#c8f5ed 100%)!important}
html body #app .login-logo-mark{background:#fff!important;color:#00b49f!important;box-shadow:0 5px 24px rgba(0,133,117,.15)!important}
html body #app .login-welcome,
html body #app .login-subtitle{color:#fff!important}
html body #app .login-submit{background:#00c8b3!important;color:#fff!important}
html body #app .account-tab.active,
html body #app .wechat-tab.active{color:#00b49f!important}
html body #app .login-page.account .account-tab,
html body #app .login-page.wechat .wechat-tab{color:#00b49f!important;border-color:#00c8b3!important}
html body #app .profile-edit .save-button,
html body #app .form-submit,
html body #app .bottom-submit>button{background:#00c8b3!important;border-color:#00c8b3!important;color:#fff!important}
html body #app .money,
html body #app .price{color:#00ad99!important}
html body #app .cg-article-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
html body #app .cg-article-images img{width:100%;max-height:420px;object-fit:contain;border-radius:6px;background:#f5f5f5}
@media(max-width:420px){html body #app .cg-article-images{grid-template-columns:1fr}}
