/* 墨黑鎏金：效果图 03，深色双列应用列表。 */
:root{--primary:#d6a858;--primary-strong:#b98232;--accent:#f0c978;--text:#f5e4bd;--muted:#a79d8c;--shadow:none;--shadow-strong:0 20px 50px rgba(0,0,0,.55);--hover-border:rgba(224,181,100,.5);--hover-shadow:none;color-scheme:dark}
html,body{background:#090a0b!important;color:#f1eadc!important}.top-bg{opacity:.12!important;filter:grayscale(1) brightness(.35)!important}header{background:rgba(14,15,16,.96)!important;border-color:#302a20!important;box-shadow:none!important}header:before,header:after{opacity:.16!important}.brand-logo{filter:brightness(1.18) contrast(1.04) drop-shadow(0 5px 12px rgba(214,168,88,.22))!important}.nav-main-btn,.notice-center-btn{border-color:#65502d!important;background:#171717!important;color:#e8bc6d!important;box-shadow:none!important}.carousel-wrap{border-color:#463820!important;background:#111!important;box-shadow:none!important}.marquee-wrap{border-color:#3d3324!important;background:#171716!important;box-shadow:none!important}.marquee-text{color:#e6c17c!important;text-shadow:none!important}.section-head{justify-content:flex-start}.category-tabs{display:flex;width:100%;max-width:none;overflow-x:auto;scrollbar-width:none;padding:4px;border-color:#3b3327;background:#111;box-shadow:none}.category-tabs::-webkit-scrollbar{display:none}.tab-btn{min-width:82px;flex:1 0 auto;border:0;background:transparent;color:#bbb2a3;box-shadow:none}.tab-btn.active{background:#e2b667;color:#17120a;border:0;box-shadow:none}.icon-ticker{padding:11px;border-color:#332c22;background:#121313;box-shadow:none}.icon-item{width:54px;height:54px;border-radius:15px;border-color:#4c402d;background:#191919;box-shadow:none}.icon-item img{border-radius:14px}.card-grid{gap:11px}.card-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:0;border:0;background:transparent;box-shadow:none}.card{min-height:116px;display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-areas:'avatar title' 'avatar desc';align-content:center;align-items:center;gap:4px 13px;padding:15px;text-align:left;border-color:#292929;border-radius:14px;background:linear-gradient(110deg,#181919,#121313);box-shadow:none}.card .avatar{grid-area:avatar;width:64px;height:64px;margin:0;border-radius:15px}.card .title{grid-area:title;width:100%;color:#f2eee6!important;font-size:16px;text-align:left}.card-desc{grid-area:desc;width:100%;color:#aaa49a!important;font-size:12px;text-align:left}.site-footer{color:#998b73}
.notice-dialog,.notice-footer{border-color:#3c3120!important;background:#151515!important;color:#f2dfb5!important}.notice-body h3{color:#f2dfb5!important}.notice-body p,.notice-day{color:#b8ad9b!important}.notice-close{background:#2a241b!important;color:#edc578!important}.notice-action{background:#b78739!important;color:#111!important}
@media(max-width:650px){.card-row{gap:7px}.card{min-height:106px;grid-template-columns:49px minmax(0,1fr);gap:3px 8px;padding:9px 7px}.card .avatar{width:49px;height:49px;border-radius:12px}.card .title{font-size:13px}.card-desc{font-size:10px}}
.card-action{position:absolute;right:13px;bottom:12px;padding:6px 15px;border:1px solid #a77b37;border-radius:999px;color:#e8bc6d;font-size:11px;font-weight:800}.card{padding-bottom:40px}@media(max-width:650px){.card-action{right:7px;bottom:7px;padding:4px 9px;font-size:9px}.card{padding-bottom:29px}}
/* 下划线分栏；双列深色列表。 */
.category-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow:visible;padding:0;border:0;border-bottom:1px solid #3b3327;border-radius:0;background:transparent}.tab-btn{min-width:0;border-radius:0;border-bottom:2px solid transparent}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.card-row{display:contents}@media(max-width:650px){.category-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid{gap:7px}}
/* 模板 03 细节：圆润分类，选中项为黄色胶囊；手机始终双列。 */
.category-tabs{gap:7px;padding:6px;border:1px solid #3b3327;border-radius:18px;background:#111}.tab-btn{min-height:39px;border:1px solid #332d24;border-radius:999px!important;background:#181817}.tab-btn.active{border-color:#e2b667;border-radius:999px!important;background:#e2b667;color:#17120a}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{min-width:0}@media(max-width:650px){.category-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.tab-btn{min-height:36px;padding:6px 2px;font-size:10px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{min-width:0}}
/* 模板 03 使用与模板 02 相同的矮横向 App 气泡比例。 */
@media(max-width:650px){.card{min-height:98px!important;grid-template-columns:56px minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;grid-template-areas:'avatar title action' 'avatar desc action'!important;align-content:center!important;padding:9px 7px!important;gap:3px 7px!important}.card .avatar{width:56px!important;height:56px!important;margin:-2px 0 0 -2px!important}.card-desc{display:-webkit-box!important;max-height:31px!important;overflow:hidden!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal!important}.card-action{position:static!important;grid-area:action;align-self:center!important;min-width:50px!important;padding:6px 8px!important}}
@media(max-width:650px){.card{min-height:108px!important;grid-template-columns:58px minmax(0,1fr)!important;grid-template-rows:auto auto 30px!important;grid-template-areas:'avatar title' 'avatar desc' 'avatar action'!important;align-content:start!important;padding:9px 8px 8px 4px!important;column-gap:8px!important}.card .avatar{width:56px!important;height:56px!important;margin:5px 0 0 0!important;align-self:start!important}.card .title{margin:1px 0 0!important;align-self:start!important;position:relative!important;z-index:1!important}.card-desc{margin:0!important;align-self:start!important}.card-action{position:static!important;grid-area:action;justify-self:end!important;align-self:end!important;min-width:60px!important;margin-right:7px!important;padding:6px 10px!important}}
@media(max-width:650px){.card{padding-left:3px!important;padding-top:5px!important}.card .avatar{margin:0!important;align-self:start!important}.card-action{min-width:68px!important;margin-right:5px!important;padding:7px 13px!important;transform:translateY(4px)!important;font-size:11px!important}}
@media(max-width:650px){.card-action{width:auto!important;min-width:0!important;margin-right:7px!important;padding:6px 10px!important;transform:translateY(6px)!important;font-size:10px!important;line-height:1.2!important}}
@media(max-width:650px){.card-grid{gap:12px!important;padding:0 4px!important}.card-action{margin-right:0!important;padding:7px 11px!important;font-size:11px!important;transform:translate(2px,7px)!important}}
@media(max-width:650px){.card{min-height:94px!important;grid-template-rows:auto auto 22px!important;padding-bottom:2px!important}.card-action{justify-self:end!important;transform:translate(-2px,18px)!important}}
@media(max-width:650px){.card{padding-bottom:30px!important}.card-action{position:absolute!important;right:10px!important;bottom:3px!important;margin:0!important;transform:none!important}}
@media(max-width:650px){.card-action{right:12px!important;bottom:2px!important;width:auto!important;min-width:66px!important;height:28px!important;padding:0 10px!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:28px!important;white-space:nowrap!important;word-break:keep-all!important}}
@media(max-width:650px){.card{height:94px!important;min-height:94px!important;max-height:94px!important;overflow:hidden!important}.card-action{right:5px!important}.card .title{max-height:18px!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}.card-desc{max-height:30px!important;overflow:hidden!important}}
@media(max-width:650px){.card-desc{position:absolute!important;left:68px!important;top:30px!important;right:74px!important;width:auto!important;margin:0!important;line-height:15px!important}}
@media(max-width:650px){.card .title{position:absolute!important;left:68px!important;top:6px!important;right:6px!important;width:auto!important;margin:0!important;line-height:18px!important}.card-desc{left:68px!important;top:27px!important;right:6px!important;display:-webkit-box!important;opacity:1!important;visibility:visible!important;-webkit-box-orient:vertical;-webkit-line-clamp:2}}
@media(max-width:650px){.card .title,.card-desc{right:50px!important;opacity:1!important;visibility:visible!important}}
@media(max-width:650px){.card .title{left:auto!important;right:5px!important;top:4px!important;width:72px!important;max-width:72px!important;height:18px!important;color:#f2eee6!important;text-align:center!important;z-index:3!important}.card-desc{left:auto!important;right:5px!important;top:5px!important;width:72px!important;max-width:72px!important;height:30px!important;color:#aaa49a!important;text-align:center!important;z-index:3!important}.card-action{top:auto!important;right:5px!important;bottom:2px!important;width:72px!important;z-index:4!important}}
@media(max-width:650px){.card-action{top:20px!important;bottom:auto!important}}

/* 顶部导航轻微提亮。 */
header{background:rgba(20,21,22,.96)!important;border-color:#3a3123!important}
header:before,header:after{opacity:.18!important}

/* 分类栏使用更宽的柔和白金扫光。 */
.category-tabs{overflow:hidden!important}
.category-tabs::before{inset:0 auto 0 -48%!important;width:46%!important;border-radius:18px!important;background:linear-gradient(105deg,transparent,rgba(255,247,225,.06) 22%,rgba(255,247,225,.24) 50%,rgba(255,247,225,.07) 78%,transparent)!important;z-index:0!important;animation:blackgoldCategoryShine 3.8s ease-in-out infinite!important}
.category-tabs .tab-btn{position:relative;z-index:1}
@keyframes blackgoldCategoryShine{0%,12%{transform:translateX(0)}72%,100%{transform:translateX(330%)}}
@media(prefers-reduced-motion:reduce){.category-tabs::before{left:27%!important;animation:none!important}}

/* App 气泡使用更克制、错峰出现的白金扫光。 */
.card::after{content:"";position:absolute;top:-22%;bottom:-22%;left:-58%;width:42%;border-radius:50%;background:linear-gradient(105deg,transparent,rgba(255,247,225,.035) 20%,rgba(255,247,225,.16) 50%,rgba(255,247,225,.04) 80%,transparent);transform:skewX(-12deg);pointer-events:none;z-index:0;animation:blackgoldCardShine 5.2s ease-in-out infinite}
.card>*{z-index:1}
.card>.rec-badge{z-index:4}
.card:nth-child(2n)::after{animation-delay:-1.3s}.card:nth-child(3n)::after{animation-delay:-2.6s}.card:nth-child(4n)::after{animation-delay:-3.9s}
@keyframes blackgoldCardShine{0%,22%{left:-58%;opacity:0}34%{opacity:1}68%,100%{left:125%;opacity:0}}
@media(prefers-reduced-motion:reduce){.card::after{display:none}}

/* 模板三悬浮客服面板：黑金配色与柔和扫光。 */
.kefu-btn{border-color:#8e6b32!important;background:#171717!important;box-shadow:0 8px 22px rgba(0,0,0,.38)!important}
.kefu-panel{overflow:hidden!important;isolation:isolate;border-color:#4a3b25!important;background:#151515!important;color:#f2dfb5!important;box-shadow:0 22px 50px rgba(0,0,0,.5)!important}
.kefu-panel>*{position:relative;z-index:1}.kefu-panel>.kefu-close{position:absolute}
.kefu-panel h4,.kefu-val{color:#f2dfb5!important}.kefu-type{color:#aaa092!important}
.kefu-item{border-color:#342c20!important;background:#1b1916!important;color:#eee7da!important}
.kefu-close{background:#2a241b!important;color:#edc578!important}.kefu-copy{background:#b78739!important;color:#111!important}
.kefu-panel::before{content:"";position:absolute;z-index:0;top:-18%;bottom:-18%;left:-58%;width:42%;border-radius:50%;background:linear-gradient(105deg,transparent,rgba(255,247,225,.04) 20%,rgba(255,247,225,.18) 50%,rgba(255,247,225,.05) 80%,transparent);transform:skewX(-12deg);pointer-events:none;animation:blackgoldKefuShine 4.6s ease-in-out infinite}
@keyframes blackgoldKefuShine{0%,18%{left:-58%;opacity:0}32%{opacity:1}72%,100%{left:125%;opacity:0}}
@media(prefers-reduced-motion:reduce){.kefu-panel::before{display:none}}