/* 底部面板 r05：整块照母图 02（平常）/ 21（第一天引导）。底板和按钮、页签都是从母图切的整图，不拆九宫格、不拉伸；
   位置由 production/工具-底部面板/build_dock.py 量出、gen_css.py 生成，改位置请改脚本重跑。 */
.dk{position:absolute;left:0;right:auto;width:1080px;bottom:auto;padding:0;border:0;background:none;display:block;gap:0;z-index:3;color:#13263b}
.dk>*{position:absolute;margin:0}
.dk-panel{left:0;top:0;width:1080px;pointer-events:none}
.dk button{padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.dk img{display:block;pointer-events:none;user-select:none}
.dk-news{text-align:left;border-radius:22px}.dk-news strong{position:absolute;white-space:nowrap;font-weight:900;line-height:1;transform:translateY(-50%)}
.dk-tabs{left:0;top:0;width:1080px;height:0;display:block}.dk-tab{position:absolute;display:block}
.dk-hold b{margin-left:.62em}
.dk button:active:not(:disabled){filter:none}
.dk-btn:disabled,.dk-btn[disabled]{opacity:1!important;filter:none!important}
.dk-tab>img{position:absolute}.dk-tab .dk-on{display:none}.dk-tab.active .dk-on{display:block}.dk-tab.active .dk-off{display:none}
.dk-tab small{position:absolute;left:0;right:0;bottom:6px;text-align:center;font-size:19px;line-height:20px;font-weight:800;color:#153547;white-space:nowrap}
.dk-tab.active small{bottom:22px}
.dk-card>*{position:absolute;white-space:nowrap;line-height:1;transform:translateY(-50%)}
.dk-card .company-icon{transform:none;object-fit:contain}
.dk-name{font-weight:900;color:#13263b}
.dk-price,.dk-chg{font-weight:900;color:#ec3b36;letter-spacing:-1px}.dk-chg{display:flex;align-items:center}
.dk-card .negative{color:#14a99c}
.dk-pc{display:flex;align-items:center;gap:54px}.dk-pc>*{position:static;transform:none}
.dk-arrow{display:block;width:auto}
.dk-hold{font-weight:900;color:#13263b;text-align:left;border-radius:10px}.dk-hold b{font-weight:900}
.dk-company{transform:none!important;border-radius:12px}
.dk-btn>img{position:absolute;left:0;top:0;width:100%;height:100%}.dk-btn .dk-off{display:none}.dk-btn:disabled .dk-off{display:block}.dk-btn:disabled .dk-art{display:none}.dk-btn:disabled{cursor:default}
.dk-btn{transition:transform .06s}.dk-btn:not(:disabled):active,.dk-btn.is-down:not(:disabled){transform:translateY(4px)}
.dk-btn:not(:disabled):active>img,.dk-btn.is-down:not(:disabled)>img{filter:brightness(.86)}
.dk-tab{transition:transform .06s}.dk-tab:active,.dk-tab.is-down{transform:translateY(3px)}.dk-tab:active>img,.dk-tab.is-down>img{filter:brightness(.9)}
.dk-news:active,.dk-news.is-down,.dk-hold:active,.dk-hold.is-down,.dk-company:active,.dk-company.is-down{background:rgba(19,38,59,.08)}
.view-game .quote-bubble{display:none}
/* 卖出成功提示 照母图 22：一整块圆角深蓝条（原来是九宫格拉开，右头切平、底下多一条），勾在左、两行字靠紧。尺寸量自母图 22 ×2 */
#game>#toast.feedback-sell{left:calc(168px*var(--scale))!important;right:auto!important;width:calc(744px*var(--scale))!important;height:calc(144px*var(--scale))!important;aspect-ratio:auto!important;background:rgb(27,45,67)!important;border:calc(2px*var(--scale)) solid rgb(58,80,104)!important;border-radius:calc(36px*var(--scale))!important;box-shadow:0 calc(6px*var(--scale)) calc(16px*var(--scale)) rgba(4,22,39,.35)!important;overflow:visible!important}
#game>#toast.feedback-sell .r04-main-skin{display:none!important}
#game>#toast.feedback-sell .feedback-sell-tick{left:calc(58px*var(--scale))!important;top:50%!important;width:calc(104px*var(--scale))!important;height:calc(104px*var(--scale))!important;transform:translateY(-52%);object-fit:contain}
#game>#toast.feedback-sell .feedback-money{left:calc(188px*var(--scale))!important;right:calc(24px*var(--scale))!important;top:calc(50px*var(--scale))!important;bottom:auto!important;transform:translateY(-50%);font-size:calc(38px*var(--scale))!important;line-height:1;font-weight:900;color:#fff!important}
#game>#toast.feedback-sell small{left:calc(188px*var(--scale))!important;right:calc(24px*var(--scale))!important;top:calc(104px*var(--scale))!important;bottom:auto!important;transform:translateY(-50%);font-size:calc(28px*var(--scale))!important;line-height:1;font-weight:600;color:#dfe6ee!important}
/* 提示条字号跟着游戏画面缩放（原来用 vw/vh 跟浏览器窗口走，电脑横屏上字比框大、金额被切掉） */
#toast{font-size:calc(23px*var(--scale))}
#toast .feedback-money{font-size:calc(30px*var(--scale))!important;right:4%!important}
#toast.feedback-sell .feedback-money{font-size:calc(32px*var(--scale))!important;right:3%!important}
#toast small{font-size:calc(20px*var(--scale))!important;right:3%;white-space:nowrap;overflow:visible}
#toast.feedback-buy small{display:none}
/* 信息条两个金额的框：总资产到分隔线、现金到齿轮前 */ .hud .metric{width:222px!important}.hud .metric~.metric{left:701px!important;width:180px!important}
/* 顶部信息条外圈重画（hud-whole-r05.png：描边整圈不透明、粗细一致，左边头像底座补描边，右头按母图形状）；图四周各多 8px（母图 940 比例），用 ::before 往外放，里面的字位置不变 */
.hud{background:none!important}.hud::before{content:"";position:absolute;left:-9.19px;top:-9.19px;width:1027.1px;height:220.6px;background:url(../assets/ui/r04/main/hud-whole-r05.png) 0 0/100% 100% no-repeat;z-index:-1;pointer-events:none}
/* 第一天：面板加高 35px 放 02 的高按钮，引导卡跟着上移 35px（原 1123.06） */ .r04-guide{top:1088.06px}
.dk.dk-02{top:1255px;height:665px}
.dk.dk-02 .dk-panel{height:666px}
.dk.dk-02 [data-action=buy]{left:30px;top:413px;width:508px;height:118px}
.dk.dk-02 [data-action=sell]{left:543px;top:413px;width:507px;height:118px}
.dk.dk-02 [data-action=advance]{left:24px;top:535px;width:1032px;height:110px}
.dk.dk-02 .dk-tab-ice{left:36px;top:122px;width:341px;height:127px}
.dk.dk-02 .dk-tab-ice .dk-on{left:0px;top:0px;width:341px;height:137px}
.dk.dk-02 .dk-tab-ice .dk-off{left:8px;top:3px;width:323px;height:124px}
.dk.dk-02 .dk-tab-box{left:378px;top:123px;width:337px;height:128px}
.dk.dk-02 .dk-tab-box .dk-on{left:0px;top:1px;width:337px;height:133px}
.dk.dk-02 .dk-tab-box .dk-off{left:4px;top:0px;width:327px;height:128px}
.dk.dk-02 .dk-tab-travel{left:709px;top:123px;width:338px;height:128px}
.dk.dk-02 .dk-tab-travel .dk-on{left:0px;top:1px;width:337px;height:133px}
.dk.dk-02 .dk-tab-travel .dk-off{left:4px;top:0px;width:334px;height:128px}
.dk.dk-02 .dk-news{left:45px;top:35px;width:990px;height:78px}
.dk.dk-02 .dk-news strong{left:137px;top:35px;font-size:43px}
.dk.dk-02 .dk-card{left:0;top:0;width:1080px;height:0}
.dk.dk-02 .dk-card .company-icon{left:74px;top:262px;width:68px;height:78px}
.dk.dk-02 .dk-pc{left:422px;top:299.5px}
.dk.dk-02 .dk-price{font-size:50px}.dk.dk-02 .dk-chg{font-size:45px}
.dk.dk-02 .dk-name{left:176px;top:298.5px;font-size:43px}
.dk.dk-02 .dk-hold{left:75px;top:374px;font-size:36px}
.dk.dk-02 .dk-arrow{height:42px;margin-right:17px}
.dk.dk-02 .dk-company{left:810px;top:345px;width:215px;height:56px}
.dk.dk-21{top:1337px;height:583px}
.dk.dk-21 .dk-panel{height:583px}
.dk.dk-21 [data-action=buy]{left:30px;top:321px;width:508px;height:118px}
.dk.dk-21 [data-action=sell]{left:543px;top:321px;width:507px;height:118px}
.dk.dk-21 [data-action=advance]{left:22px;top:433px;width:1036px;height:110px}
.dk.dk-21 .dk-tab-ice{left:39px;top:100px;width:333px;height:97px}
.dk.dk-21 .dk-tab-ice .dk-on{left:0px;top:0px;width:333px;height:111px}
.dk.dk-21 .dk-tab-ice .dk-off{left:4px;top:3px;width:321px;height:94px}
.dk.dk-21 .dk-tab-box{left:379px;top:101px;width:329px;height:98px}
.dk.dk-21 .dk-tab-box .dk-on{left:0px;top:1px;width:329px;height:107px}
.dk.dk-21 .dk-tab-box .dk-off{left:0px;top:0px;width:325px;height:98px}
.dk.dk-21 .dk-tab-travel{left:711px;top:101px;width:331px;height:98px}
.dk.dk-21 .dk-tab-travel .dk-on{left:0px;top:1px;width:329px;height:107px}
.dk.dk-21 .dk-tab-travel .dk-off{left:0px;top:0px;width:331px;height:98px}
.dk.dk-21 .dk-news{left:45px;top:33px;width:990px;height:63px}
.dk.dk-21 .dk-news strong{left:126px;top:27.5px;font-size:35px}
.dk.dk-21 .dk-card{left:0;top:0;width:1080px;height:0}
.dk.dk-21 .dk-card .company-icon{left:76px;top:203px;width:66px;height:65px}
.dk.dk-21 .dk-pc{left:414px;top:238px}
.dk.dk-21 .dk-price{font-size:50px}.dk.dk-21 .dk-chg{font-size:46px}
.dk.dk-21 .dk-name{left:175px;top:237px;font-size:42px}
.dk.dk-21 .dk-hold{left:73px;top:291px;font-size:34px}
.dk.dk-21 .dk-arrow{height:45px;margin-right:16px}
.dk.dk-21 .dk-company{left:820px;top:268px;width:215px;height:50px}

/* 第三轮复查修（2026-11-09，逐件对照 20/22 属性表）*/
/* 买入成功：母图 20 “扣款”绿字、金额大号红字 */
#toast.feedback-buy .feedback-money span{color:#14946d}
#toast.feedback-buy .feedback-money b{color:#ee2b2b;font-size:1.32em;font-weight:900;letter-spacing:-.02em}
/* 买入金额：现金不够的那颗做成母图 22 的蓝灰禁用样（不再像能点的奶油色），禁用的永远不挂选中勾 */
.r04-trade .trade-choice:disabled{filter:none;opacity:1;cursor:default}
.r04-trade .trade-choice:disabled .trade-choice-skin{filter:grayscale(1) brightness(.76) sepia(.25) hue-rotate(178deg) saturate(1)}
.r04-trade .trade-choice:disabled strong,.r04-trade .trade-choice:disabled b{color:#7a8b9e!important;-webkit-text-stroke:0!important}
/* 重试加载 / 重试保存：黄色比母图 20 淡，按母图调回饱和度 */
[data-action=retryLoad] img,[data-action=retrySave] img{filter:hue-rotate(-6deg) saturate(1.35) contrast(1.06)}