:root:root {color-scheme:dark;--fcwl-accent:#edc76c;--fcwl-accent-soft:#352918;--fcwl-text:#fff7e7;--fcwl-muted:#aaa49a;--fcwl-page:#090a0c;--fcwl-card:#181716;--gold:linear-gradient(110deg,#81501d 0%,#e9bc60 25%,#fff1b2 47%,#c18a30 75%,#f3d584 100%);}
html body #app#app {color:#f8f4e9;font-family:"PingFang SC","Microsoft YaHei",sans-serif}
html body #app#app .safe-page {background:#0b0b0d!important;color:#f8f4e9!important}
html body #app#app :is(.card,.soft-card,.filter-panel,.empty-state,.modal-content,.popup-content,.order-card,.mine-card,.notice-card) {background:#181716!important;color:#f8f4e9!important;border-color:#6b552e!important}
html body #app#app :is(input,textarea,select) {background:#161616!important;color:#fff3d2!important;border-color:#806536!important}
html body #app#app :is(input,textarea)::placeholder{color:#a6a19a!important}
html body #app#app .home-page {padding:0 0 120px!important;max-width:470px!important;margin:auto!important;background:#08090b!important}
html body #app#app .h11-masthead{position:relative;order:-3;height:76px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#0c0d10 url('/h11-ribbon.svg') center/cover no-repeat;overflow:hidden}
.h11-masthead span{font-family:"Songti SC","SimSun",serif;font-weight:900;font-size:38px;letter-spacing:8px;line-height:1;background:var(--gold);background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 5px #7a4d17);padding-top:15px}
.h11-masthead::before{content:"♛";position:absolute;top:-3px;color:#ffe5a1;font-size:27px;text-shadow:0 0 12px #a87928}
.h11-masthead::after{content:"❧　　　　　　　　☙";position:absolute;bottom:7px;color:#d9b76a;font-size:24px;pointer-events:none}
html body #app#app .home-profile{position:relative!important;order:-2!important;top:auto!important;left:auto!important;right:auto!important;display:flex!important;align-items:center!important;min-height:68px!important;height:auto!important;margin:0 12px 10px!important;padding:0!important;background:transparent!important;box-shadow:none!important}
html body #app#app .home-profile .home-avatar{display:block!important;width:52px!important;height:52px!important;border:2px solid #e7c16d!important;border-radius:50%!important;box-shadow:0 0 12px #9c661b88!important;object-fit:cover!important;margin:0 9px 0 0!important}
html body #app#app .home-profile .home-name{display:block!important;color:#fff9e8!important;font-size:16px!important;font-weight:800!important;max-width:175px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body #app#app .home-profile :is(.profile-main,.profile-copy){display:flex!important;flex-direction:column!important;gap:5px!important}
html body #app#app .home-profile .home-intro{display:block!important;color:#c7c2b8!important;font-size:11px!important}
html body #app#app .fcwl-top-actions{position:static!important;margin-left:auto!important;width:auto!important;height:38px!important;gap:6px!important}
html body #app#app .fcwl-top-actions button{height:34px!important}
html body #app#app .fcwl-top-search{width:120px!important;border:1px solid #d9bd79!important;border-radius:24px!important;background:linear-gradient(#191919,#050505)!important;box-shadow:inset 0 0 8px #d5a34d33!important;gap:6px!important}
html body #app#app .fcwl-top-search::after{content:"输入搜索内容";color:#bfbcb5;font-size:12px}
html body #app#app .fcwl-top-search img{width:17px!important;height:17px!important;filter:grayscale(1) brightness(2)}
html body #app#app .fcwl-top-switch img{filter:sepia(1) saturate(1.5) brightness(1.35)}
html body #app#app .online-pill{position:absolute!important;top:126px!important;left:auto!important;right:0!important;width:auto!important;height:32px!important;padding:0 5px!important;background:none!important;color:#f2d27d!important;font-size:12px!important;z-index:25!important}
html body #app#app .online-pill::before{content:"平台当前在线人数：";color:#e7e2d9;font-size:10px}
html body #app#app .category-strip{position:relative!important;order:-1!important;top:auto!important;left:auto!important;right:auto!important;margin:0 12px 10px!important;height:42px!important;min-height:42px!important;gap:10px!important;overflow-x:auto!important;justify-content:stretch!important;flex-shrink:0}
html body #app#app .category-strip .category-item{flex:1 0 100px!important;height:40px!important;border:1px solid #3d372a!important;border-radius:24px!important;background:linear-gradient(#1b1b1c,#080909)!important}
html body #app#app .category-strip .category-name{color:#d3d0c8!important;font-size:19px!important;line-height:40px!important;font-weight:800!important}
html body #app#app .category-strip .category-item.active{background:var(--gold)!important;border-color:#f4dc99!important;box-shadow:inset 0 1px 4px #fff3c9,0 4px 12px #c88a242b!important}
html body #app#app .category-strip .category-item.active .category-name{color:#110d07!important}
html body #app#app .category-strip .category-item.active::after{bottom:2px!important;height:2px!important;width:25px!important;background:#fffbd9!important;box-shadow:0 0 7px 2px #fff1a2!important}
html body #app#app .home-rank-section{margin:0 11px 13px!important;border:1px solid #aa8546!important;border-radius:17px!important;background:linear-gradient(125deg,#29251f,#10100f 45%,#17130e)!important;box-shadow:inset 0 -1px 5px #bd8d3b55,0 8px 25px #0006!important}
html body #app#app .home-rank-head{background:linear-gradient(#252525,#0c0c0c)!important;height:43px!important;min-height:43px!important;border-bottom:1px solid #59492d!important}
html body #app#app .fcwl-rank-head-ui{height:43px!important;grid-template-columns:0 1fr 1fr!important;width:55%!important;padding:0 4px!important}
html body #app#app .fcwl-rank-brand{display:none!important}
html body #app#app .fcwl-rank-tab{height:43px!important;line-height:43px!important;font-size:14px!important;color:#bcb9b1!important}
html body #app#app .fcwl-rank-tab.active{font-size:15px!important;color:#f6df91!important;text-shadow:0 0 10px #bf8e3b88!important}
html body #app#app .fcwl-rank-tab.active::after{background:linear-gradient(90deg,transparent,#f7d575,transparent)!important;height:2px!important;width:70%!important;bottom:6px!important}
html body #app#app .home-rank-grid{background:transparent!important;padding:10px 3px 2px!important;row-gap:5px!important}
html body #app#app .home-rank-item{margin-bottom:12px!important}
html body #app#app .home-rank-avatar-wrap{width:54px!important;height:54px!important;min-width:54px!important;border:1.5px solid #e9cd84!important;background:#1a1711!important;box-shadow:0 0 8px #aa721d66!important}
html body #app#app .home-rank-avatar{width:100%!important;height:100%!important;min-width:0!important}
html body #app#app .home-rank-name{font-size:14px!important;font-weight:700!important;color:#fff8e6!important;height:21px!important;line-height:21px!important;margin-top:3px!important}
html body #app#app .home-rank-score{width:64px!important;height:20px!important;min-height:20px!important;border:1px solid #9b3832!important;border-radius:15px!important;background:linear-gradient(#8f211c,#410705)!important;margin-top:3px!important;padding:0 4px!important;box-shadow:inset 0 1px 3px #df6f4333}
html body #app#app .home-rank-label,html body #app#app .home-rank-number{color:#ffedc6!important;height:18px!important;font-size:11px!important}
html body #app#app .home-rank-label{flex:1!important;width:auto!important}
html body #app#app .home-rank-number{flex:0 0 14px!important}
html body #app#app .notice-card{background:linear-gradient(100deg,#372715,#12110f)!important;border:1px solid #8d6c31!important;border-radius:16px!important;margin:0 11px 12px!important;padding-left:31px!important;height:30px!important;min-height:30px!important}
html body #app#app .notice-card::before{content:"♬"!important;display:block!important;position:absolute;left:11px;color:#e6c875}
html body #app#app .notice-card *{color:#e7d5a3!important}
html body #app#app .article-list{order:3!important;margin:0 11px!important;gap:12px!important}
html body #app#app .article-card{position:relative!important;box-sizing:border-box!important;min-height:170px!important;height:170px!important;margin:0 0 12px!important;border:1px solid #bb9551!important;border-radius:17px!important;background:radial-gradient(ellipse at 90% 15%,#79603955,transparent 40%),linear-gradient(125deg,#2a2724,#101112 60%,#3f2d15)!important;box-shadow:inset 0 -1px 5px #e0b46355!important;overflow:hidden!important}
html body #app#app .article-card .author-head{position:static!important;padding:0!important}
html body #app#app .article-card .author-avatar{position:absolute!important;top:10px!important;left:14px!important;width:52px!important;height:52px!important;border:2px solid #ebd188!important;border-radius:50%!important;box-shadow:0 0 8px #c9993f55!important}
html body #app#app .article-card .author-name{position:absolute!important;top:15px!important;left:76px!important;font-size:21px!important;color:#fff9ec!important;font-weight:800!important}
html body #app#app .article-card .article-head{top:68px!important;left:16px!important;right:12px!important;height:26px!important}
html body #app#app .article-card .article-title{color:#fffaf0!important;font-size:17px!important;font-weight:700!important;line-height:26px!important}
html body #app#app .article-card .article-title *{color:inherit!important}
html body #app#app .article-card .beans.home-price{position:absolute!important;top:103px!important;right:0!important;left:auto!important;min-width:120px!important;height:35px!important;justify-content:center!important;padding:6px 10px 6px 21px!important;box-sizing:border-box!important;background:var(--gold)!important;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%);color:#0c0802!important}
html body #app#app .article-card .home-price > span{color:#100b03!important}
html body #app#app .article-card .home-price-integer{font-size:27px!important}
html body #app#app .article-card .home-price-symbol,html body #app#app .article-card .home-price-decimal{font-size:16px!important}
html body #app#app .article-card .article-foot{top:auto!important;bottom:8px!important;left:16px!important;right:12px!important;border:0!important;padding:0!important;height:20px!important}
html body #app#app .article-card :is(.date,.view-count){color:#bcb8b0!important;font-size:13px!important}
html body #app#app .article-card .article-badge-row{top:42px!important;left:76px!important;right:auto!important;max-width:60%!important}
html body #app#app .article-card .article-badge-row text{background:#282014!important;border-color:#9d7835!important;color:#ecd18a!important}
html body #app#app .article-card .fcwl-article-issue{top:104px!important;color:#dfc780!important;font-size:12px!important}
html body #app#app .home-page > .empty-state{background:transparent!important;color:#99948a!important}
html body #app#app .h5-tabbar{background:linear-gradient(#1a1917,#0c0d0f)!important;border-top:1px solid #68573b!important;height:calc(66px + env(safe-area-inset-bottom))!important;max-width:470px!important}
html body #app#app .h5-tabbar > *,html body .fcwl-nav-message-floating{height:66px!important;padding-top:10px!important;color:#c0bfb8!important}
html body #app#app .h5-tabbar .active{color:#ffe3a0!important;text-shadow:0 1px 10px #b3802c!important}
html body #app#app .h5-tabbar > *::before,html body .fcwl-nav-message-floating::before{filter:grayscale(1) brightness(2)}
html body #app#app .h5-tabbar .active::before{filter:sepia(1) saturate(2) brightness(1.5)!important}
html body #app#app .h5-tabbar small,html body #app#app .h5-tabbar span,html body .fcwl-nav-message-floating span{font-size:13px!important;font-weight:600!important}
html body .fcwl-home-disclaimer{bottom:calc(76px + env(safe-area-inset-bottom))!important;width:calc(100% - 22px)!important;max-width:448px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;border:1px solid #94713a!important;border-radius:22px!important;height:29px!important;line-height:29px!important;background:linear-gradient(100deg,#3b2813,#785022,#33230f)!important;color:#ffebbb!important;box-shadow:inset 0 1px 4px #ddb46944!important}
html body #app#app .login-page{max-width:470px!important;margin:auto!important;min-height:100vh!important;background:radial-gradient(ellipse at 50% 0,#59401c55,transparent 48%),#0b0c0f!important}
html body #app#app .login-page::before{background:#0d0e11 url('/h11-ribbon.svg') center top/100% auto no-repeat!important}
html body #app#app .login-page::after{background:#171614!important;border-top:1px solid #7f6332!important}
html body #app#app .login-page :is(.login-welcome,.login-brand-dynamic){color:#ffe7aa!important}
html body #app#app .login-page .login-subtitle{color:#b5aa94!important}
html body #app#app .login-page .login-logo-mark{background:var(--gold)!important;color:#211806!important;border-color:#f4d37c!important}
html body #app#app .login-page :is(.wechat-login-hotspot,.account-login-hotspot){background:var(--gold)!important;color:#201605!important;box-shadow:0 5px 20px #be8d2633!important}
html body #app#app .login-page :is(.wechat-tab,.account-tab){color:#f2d58e!important;background:#322616!important}
html body #app#app .login-page.wechat .wechat-tab,html body #app#app .login-page.account .account-tab{background:#171614!important}
html body #app#app .login-page .exact-input{background:#171614!important;border-color:#92733c!important;color:#fff4d5!important}
@media(min-width:640px){html body #app#app .home-page{width:470px!important;left:50%!important;margin:0!important;transform:translateX(-50%)!important}html body #app#app .h5-tabbar{width:470px!important}html body .fcwl-nav-message-floating{left:calc(50% - 117.5px)!important;width:117.5px!important}}
@media(max-width:380px){html body #app#app .home-profile .home-name{max-width:132px!important;font-size:14px!important}html body #app#app .fcwl-top-search{width:96px!important}html body #app#app .fcwl-top-search::after{font-size:10px}html body #app#app .home-rank-avatar-wrap{width:46px!important;height:46px!important;min-width:46px!important}html body #app#app .home-rank-score{width:56px!important}html body #app#app .fcwl-rank-tab{font-size:12px!important}html body #app#app .online-pill{font-size:10px!important}html body #app#app .online-pill::before{font-size:9px}}

html body #app#app .home-profile{flex-direction:row!important;justify-content:flex-start!important;gap:0!important;align-items:center!important}
html body #app#app .home-profile .home-avatar{position:static!important;flex:0 0 52px!important;transform:none!important}
html body #app#app .home-profile .home-name{position:static!important;flex:1 1 auto!important;min-width:0!important;width:auto!important;max-width:none!important;text-align:left!important;line-height:22px!important;margin:0 8px 0 0!important;padding:0!important;height:auto!important}
html body #app#app .fcwl-top-actions{flex:0 0 auto!important}
html body #app#app .fcwl-rank-head-ui{grid-template-columns:1fr 1fr!important}
html body #app#app .fcwl-rank-tab{white-space:nowrap!important}
html body #app#app .article-list{display:block!important;margin:0 11px!important}
html body #app#app .h5-tabbar{position:fixed!important;left:50%!important;right:auto!important;bottom:0!important;transform:translateX(-50%)!important;width:100%!important;max-width:470px!important;background:linear-gradient(#1a1917,#0c0d0f)!important;height:calc(66px + env(safe-area-inset-bottom))!important}
html body:not(#h11-none) .fcwl-home-disclaimer{bottom:calc(76px + env(safe-area-inset-bottom))!important;width:calc(100% - 22px)!important;max-width:448px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;border:1px solid #94713a!important;border-radius:22px!important;height:29px!important;line-height:29px!important;background:linear-gradient(100deg,#3b2813,#785022,#33230f)!important;color:#ffebbb!important}
html body:not(#h11-none) .fcwl-home-disclaimer .fcwl-disclaimer-close{height:27px!important;line-height:27px!important}
html body:not(#h11-none) .fcwl-nav-message-floating{height:66px!important;padding-top:10px!important;box-sizing:border-box!important;color:#bfbdb7!important}
html body:not(#h11-none) .fcwl-nav-message-floating::before{filter:grayscale(1) brightness(2)!important}

html body #app#app .home-page > .article-card{width:calc(100% - 22px)!important;margin-left:11px!important;margin-right:11px!important}html body #app#app .article-card{background-image:url('/h11-mountains.svg'),linear-gradient(125deg,#2a2724,#101112 60%,#3f2d15)!important;background-size:100% 108px,100% 100%!important;background-position:right top,center!important;background-repeat:no-repeat!important}html body #app#app .article-card .article-foot{gap:8px!important}html body #app#app .article-card .article-foot .date{font-size:11px!important}html body #app#app .article-card .article-foot-right{max-width:56%!important;min-width:0!important;overflow:hidden!important}html body #app#app .article-card .view-avatar:nth-child(n+4){display:none!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}