/* ========================================================================== 快乐宝贝 —— 首页右下角「狗狗互动挂件」 -------------------------------------------------------------------------- 来源：/game/dog/index.html（原独立页），此文件是【给首页用的隔离版】： · 所有样式都加了 #jzDogPet 作用域，不会影响首页任何其他元素； · 视频 / 图片 / 小游戏路径已改为 /game/dog/... 绝对路径； · 逻辑与原页完全一致，改功能请改 /game/dog/index.html 后同步本文件。 ⚠️ 原页 html,body 的背景/高度规则已丢弃（会污染首页）。 ========================================================================== */ #jzDogPet{font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:#333; line-height:normal;font-size:14px;} #jzDogPet *{font-family:inherit;} #jzDogPet button{font-family:inherit;cursor:pointer;} #jzDogPet .pet-stage{ position:fixed;right:0;bottom:0;width:300px;display:grid; pointer-events:auto;z-index:50;cursor:pointer; } #jzDogPet .pet-video{ grid-area:1/1;width:100%;height:auto;display:block; opacity:1;transition:opacity .25s ease;z-index:1; } #jzDogPet #petB{opacity:0;} #jzDogPet .bubble{ position:absolute;top:-22px;right:8px;max-width:200px; background:#fff;border:2px solid #ffb74d;border-radius:14px; padding:6px 11px;font-size:13px;line-height:1.35;color:#5a3d00; box-shadow:0 3px 10px rgba(0,0,0,.15); opacity:0;transition:opacity .35s ease;pointer-events:none;z-index:55; } #jzDogPet .bubble::after{ content:"";position:absolute;right:24px;bottom:-9px; border:8px solid transparent;border-top-color:#ffb74d; } #jzDogPet .bubble.show{opacity:1;} #jzDogPet .menu-wrap{ position:fixed;right:0;bottom:184px;width:300px;height:300px; z-index:60;pointer-events:none;filter:url(#filt); } #jzDogPet .menu-wrap .blob{ position:absolute;border:none;outline:none;border-radius:50%; pointer-events:auto;cursor:pointer;user-select:none; background-color:#F44336; } #jzDogPet .menu-wrap .item{ right:2px;bottom:0;width:44px;height:44px;line-height:44px; font-size:13px;font-weight:600;text-align:center; background:#fff;color:#F44336; border:1px solid #ffcdd2; box-shadow:0 1px 5px rgba(0,0,0,.12); z-index:10;padding:0; opacity:0;visibility:hidden;pointer-events:none; transition:right .5s ease-in-out, bottom .5s ease-in-out, opacity .35s ease, visibility 0s linear .5s, background-color .4s, color .4s; } #jzDogPet #menu-toggle:checked ~ .item{ opacity:1;visibility:visible;pointer-events:auto; transition:right .5s ease-in-out, bottom .5s ease-in-out, opacity .25s ease, visibility 0s, background-color .4s, color .4s; } #jzDogPet .menu-wrap .main{ right:7px;bottom:5px;width:37px;height:37px;z-index:30;display:block;padding:0; background-color:rgba(244,67,54,.4); border:1.5px solid rgba(255,255,255,.55); backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px); box-shadow:inset 0 0 8px rgba(255,255,255,.35), 0 2px 12px rgba(244,67,54,.35); } #jzDogPet #menu-toggle:checked ~ .p1{right:5px; bottom:46px; background:#fff;color:#F44336;} #jzDogPet #menu-toggle:checked ~ .p2{right:43px; bottom:22px; background:#fff;color:#F44336;} #jzDogPet #menu-toggle:checked ~ .p3{right:42px; bottom:-23px;background:#fff;color:#F44336;} #jzDogPet #menu-toggle:checked ~ .p4{right:114px;bottom:38px; background:#fff;color:#F44336;} #jzDogPet #menu-toggle:checked ~ .p5{right:97px; bottom:80px; background:#fff;color:#F44336;} #jzDogPet #menu-toggle:checked ~ .p6{right:54px; bottom:98px; background:#fff;color:#F44336;} #jzDogPet #menu-toggle:checked ~ .p7{right:7px; bottom:99px; background:#fff;color:#F44336;} #jzDogPet #menu-toggle:checked ~ .p8{right:117px;bottom:-8px; background:#fff;color:#F44336;} #jzDogPet .menu-wrap .item:hover{ color:#F44336; animation:harlem .5s linear forwards; } #jzDogPet .bar{display:block;width:17px;height:3px;margin:2px auto;background:#fff;border-radius:2px; transition:all .4s linear .1s;} #jzDogPet .bar:first-child{margin-top:11px;} #jzDogPet #menu-toggle:checked ~ .main .bar:nth-child(1){transform:rotate(45deg);margin-top:15px;} #jzDogPet #menu-toggle:checked ~ .main .bar:nth-child(2){transform:rotate(-45deg);margin-top:-4px;} #jzDogPet #menu-toggle:checked ~ .main .bar:nth-child(3){opacity:0;} @keyframes harlem{ 0%{transform:translate(0);} 25%{transform:translate(3px,3px);} 50%{transform:translate(-3px,-3px);} 75%{transform:translate(1px,1px);} 100%{transform:translate(0);} } #jzDogPet .panel{ position:fixed;z-index:110;background:rgba(255,255,255,.97); border:1px solid #eee;border-radius:14px;box-shadow:0 10px 32px rgba(0,0,0,.22); padding:12px;display:none;color:#333; right:92px;bottom:200px; } #jzDogPet .panel.show{display:block;} #jzDogPet .panel-head{display:flex;align-items:center;justify-content:space-between; font-size:15px;font-weight:700;margin-bottom:8px;} #jzDogPet .panel-head .sub{font-size:11px;font-weight:400;color:#888;margin-left:6px;} #jzDogPet .panel .x{border:none;background:#eee;width:24px;height:24px;border-radius:50%; font-size:15px;cursor:pointer;color:#666;line-height:1;flex:none;} #jzDogPet .panel .x:hover{background:#f44336;color:#fff;} #jzDogPet .bones-chip{background:#fff8e1;border:1px solid #ffd54f;border-radius:14px; padding:2px 10px;font-size:13px;font-weight:700;color:#8d6e00;flex:none;} #jzDogPet #statusPanel{width:286px;} #jzDogPet #statusPanel .row{display:flex;align-items:center;gap:8px;margin:7px 0;font-size:13px;} #jzDogPet #statusPanel .row label{width:50px;color:#555;flex:none;} #jzDogPet #statusPanel .barwrap{flex:1;height:13px;background:#eee;border-radius:8px;overflow:hidden;} #jzDogPet #statusPanel .barfill{height:100%;width:100%;border-radius:8px;transition:width .4s,background .4s;} #jzDogPet #statusPanel .row .num{width:26px;text-align:right;color:#777;font-variant-numeric:tabular-nums;} #jzDogPet #statusPanel .note{margin-top:7px;font-size:12px;color:#c0392b;min-height:16px;} #jzDogPet #warehouseModal{width:390px;height:390px;} #jzDogPet #warehouseModal.show{display:flex;flex-direction:column;} #jzDogPet .wh-head{display:flex;align-items:center;gap:6px;margin-bottom:8px;flex-wrap:nowrap;} #jzDogPet .wh-head .title{font-size:15px;font-weight:700;flex:none;} #jzDogPet .wh-head .sub{font-size:10px;color:#999;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #jzDogPet .tabs{display:flex;gap:6px;margin-bottom:8px;} #jzDogPet .tabs .tab{border:none;background:#eee;padding:5px 16px;border-radius:8px;cursor:pointer;font-size:13px;} #jzDogPet .tabs .tab.active{background:#F44336;color:#fff;} #jzDogPet .wh-body{flex:1;overflow-y:auto;min-height:0;} #jzDogPet .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;} #jzDogPet .card{background:#fafafa;border:1px solid #eee;border-radius:10px; padding:6px 4px;text-align:center;} #jzDogPet .card img{width:64px;height:64px;object-fit:contain;background:#fff; border:1px solid #eee;border-radius:8px;} #jzDogPet .card .nm{font-size:12px;font-weight:700;margin-top:3px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #jzDogPet .card .pr{font-size:11px;color:#8d6e00;font-weight:700;height:15px;} #jzDogPet .card .acts{display:flex;gap:4px;justify-content:center;margin-top:3px;} #jzDogPet .card .acts button{border:none;border-radius:6px;padding:3px 9px;font-size:11px;cursor:pointer;} #jzDogPet .card .acts .buy{background:#4caf50;color:#fff;} #jzDogPet .card .acts .use{background:#2196f3;color:#fff;} #jzDogPet .card .acts .dtl{background:#eee;color:#555;} #jzDogPet .empty{color:#aaa;font-size:13px;text-align:center;padding:30px 0;} #jzDogPet .feed-water-btn{ display:block;width:100%;margin:0 0 8px;padding:9px;border:none;border-radius:10px; background:#e1f5fe;color:#0277bd;font-size:14px;font-weight:700;cursor:pointer;box-sizing:border-box; } #jzDogPet .feed-water-btn:hover:not(:disabled){background:#b3e5fc;} #jzDogPet .feed-water-btn:disabled{background:#eee;color:#aaa;cursor:not-allowed;} #jzDogPet #settingsModal{width:300px;} #jzDogPet #settingsModal label{display:block;font-size:13px;color:#555;margin:8px 0 4px;} #jzDogPet #settingsModal input{width:100%;box-sizing:border-box;padding:7px 10px;border:1px solid #ccc; border-radius:8px;font-size:14px;} #jzDogPet #settingsModal .save{margin-top:12px;width:100%;border:none;background:#F44336;color:#fff; padding:8px;border-radius:8px;font-size:14px;cursor:pointer;} #jzDogPet #moodPopup{width:204px;} #jzDogPet .mood-opt{display:block;width:100%;margin:6px 0;border:none;background:#f3e5f5;color:#6a1b9a; padding:8px;border-radius:10px;font-size:14px;cursor:pointer;box-sizing:border-box;} #jzDogPet .mood-opt:hover{background:#e1bee7;} #jzDogPet .mood-opt.done{background:#eceff1;color:#b0bec5;} #jzDogPet .mood-opt.done:hover{background:#eceff1;} #jzDogPet .mood-opt small{display:block;margin-top:1px;font-size:10.5px;font-weight:400;opacity:.85;} #jzDogPet .mood-note{margin-top:8px;font-size:11px;color:#9e9e9e;text-align:center;line-height:1.5;} #jzDogPet #companionModal{right:92px;bottom:200px;width:330px;padding:0; background:transparent;border:none;box-shadow:none;} #jzDogPet #companionDog{position:absolute;left:50%;transform:translateX(-50%); top:-98px;width:150px;height:150px;object-fit:cover;object-position:top center; z-index:0;border-radius:12px 12px 0 0;} #jzDogPet .comp-head{font-size:12px;font-weight:700;color:#8e24aa;letter-spacing:.6px;margin-bottom:7px;} #jzDogPet .comp-opts{margin-top:10px;} #jzDogPet .comp-opt{display:block;width:100%;text-align:left;margin-top:8px;box-sizing:border-box; border:1px solid #e1bee7;background:#fbf6fd;color:#4a148c; padding:9px 11px;border-radius:10px;font-size:13px;line-height:1.55;cursor:pointer; font-family:inherit;transition:background .15s,border-color .15s;} #jzDogPet .comp-opt:hover:not(:disabled){background:#f3e5f5;border-color:#ce93d8;} #jzDogPet .comp-opt:disabled{cursor:default;} #jzDogPet .comp-opt.dim{opacity:.45;} #jzDogPet .comp-opt.best{background:#e8f5e9;border-color:#a5d6a7;color:#1b5e20;font-weight:600;} #jzDogPet .comp-opt.ok{background:#fff8e1;border-color:#ffe082;color:#7a5c00;font-weight:600;} #jzDogPet .comp-opt.bad{background:#ffebee;border-color:#ef9a9a;color:#b71c1c;font-weight:600;} #jzDogPet .comp-reply{margin-top:11px;padding:9px 11px;border-radius:0 8px 8px 0; border-left:3px solid #ba68c8;background:#f8f0fb; font-size:12.5px;line-height:1.65;color:#5e2b73;} #jzDogPet .comp-delta{margin-top:6px;font-size:12px;font-weight:700;} #jzDogPet .comp-delta.up{color:#2e7d32;} #jzDogPet .comp-delta.down{color:#c62828;} #jzDogPet .comp-delta.flat{color:#9e9e9e;} #jzDogPet .comp-dots{display:flex;justify-content:center;gap:6px;margin-top:11px;} #jzDogPet .comp-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#e1bee7;} #jzDogPet .comp-dots i.on{background:#8e24aa;} #jzDogPet #compNext{margin-top:11px;} #jzDogPet #toast{position:fixed;right:12px;bottom:174px; background:#ffebee;color:#c62828;border:1px solid #ef9a9a; padding:6px 14px;border-radius:18px; font-size:13px;z-index:200;opacity:0;transition:opacity .3s;pointer-events:none;max-width:340px;} #jzDogPet #toast.show{opacity:1;} #jzDogPet #exploreModal{right:92px;bottom:200px;width:320px;padding:0; background:transparent;border:none;box-shadow:none;} #jzDogPet #exploreDog{position:absolute;left:50%;transform:translateX(-50%); top:-98px;width:150px;height:150px;object-fit:cover;object-position:top center; z-index:0;border-radius:12px 12px 0 0;} #jzDogPet .exp-box{position:relative;z-index:1; background:rgba(255,255,255,.97);border:1px solid #eee;border-radius:14px; box-shadow:0 10px 32px rgba(0,0,0,.22);padding:12px;} #jzDogPet .exp-text{font-size:13px;line-height:1.55;color:#444;max-height:150px;overflow-y:auto;} #jzDogPet .exp-btn{display:block;width:100%;margin-top:10px;border:none;background:#F44336;color:#fff; padding:9px;border-radius:10px;font-size:14px;cursor:pointer;} #jzDogPet .exp-btn:hover{background:#e53935;} #jzDogPet .exp-link{margin-top:8px;text-align:center;font-size:12px;color:#999;cursor:pointer; text-decoration:underline;} #jzDogPet .exp-link:hover{color:#F44336;} #jzDogPet .exp-tip{margin-top:6px;font-size:12px;color:#c62828;text-align:center;min-height:16px;} #jzDogPet #loginAskModal, #jzDogPet #nameAskModal, #jzDogPet #byeModal{right:92px;bottom:200px;width:320px;padding:0; background:transparent;border:none;box-shadow:none;} #jzDogPet #loginAskDog, #jzDogPet #nameAskDog, #jzDogPet #byeDog{position:absolute;left:50%;transform:translateX(-50%); top:-98px;width:150px;height:150px;object-fit:cover;object-position:top center; z-index:0;border-radius:12px 12px 0 0;} #jzDogPet #settingsModal .hide-dog{margin-top:8px;width:100%;border:1px solid #e0e0e0;background:#fafafa; color:#666;padding:8px;border-radius:8px;font-size:13px;cursor:pointer;box-sizing:border-box;} #jzDogPet #settingsModal .hide-dog:hover{background:#fff3e0;border-color:#ffcc80;color:#e65100;} #jzDogPet #settingsModal .tutorial{margin-top:8px;width:100%;border:1px solid #cfe3ff;background:#f2f8ff; color:#1565c0;padding:8px;border-radius:8px;font-size:13px;cursor:pointer;box-sizing:border-box;} #jzDogPet #settingsModal .tutorial:hover{background:#e3f0ff;border-color:#9dc7ff;color:#0d47a1;} #jzDogPet #dogTutorialModal{width:344px;max-height:62vh;overflow-y:auto;} #jzDogPet #dogTutorialModal .tut-q{font-weight:700;color:#333;font-size:13.5px;margin:0 0 5px;} #jzDogPet #dogTutorialModal .tut-a{margin:0 0 10px;font-size:12.5px;line-height:1.65;color:#444;} #jzDogPet #dogTutorialModal .tut-h{margin:12px 0 6px;font-size:12px;font-weight:700;color:#e65100; border-left:3px solid #ffb74d;padding-left:7px;line-height:1.3;} #jzDogPet #dogTutorialModal .tut-list{margin:0;padding:0;list-style:none;} #jzDogPet #dogTutorialModal .tut-list li{margin:0 0 6px;padding-left:10px;position:relative; font-size:12.5px;line-height:1.6;color:#444;} #jzDogPet #dogTutorialModal .tut-list li:before{content:'';position:absolute;left:0;top:7px; width:4px;height:4px;border-radius:50%;background:#ffb74d;} #jzDogPet #dogTutorialModal .tut-list b{color:#333;} #jzDogPet #dogTutorialModal .tut-shot{margin-top:8px;text-align:center;} #jzDogPet #dogTutorialModal .tut-shot img{width:150px;height:auto;border:1px solid #eee; border-radius:10px;background:#fff;} @media (min-width:521px){#jzDogPet #dogTutorialModal{width:520px;} #jzDogPet #dogTutorialModal .tut-list{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;}} html.dog-pet-off #jzDogPet .pet-stage, html.dog-pet-off #jzDogPet .menu-wrap, html.dog-pet-off #jzDogPet #outChip{display:none !important;} #jzDogPet #outingModal{right:92px;bottom:200px;width:374px;padding:10px;} #jzDogPet .out-imgwrap{position:relative;border-radius:10px;overflow:hidden;} #jzDogPet .out-imgwrap img{display:block;width:100%;height:170px;object-fit:cover;} #jzDogPet .out-overlay{position:absolute;left:0;right:0;bottom:0;color:#fff;text-align:center; font-size:13px;font-weight:700;padding:26px 10px 8px; background:linear-gradient(transparent,rgba(0,0,0,.72));} #jzDogPet .out-say{margin-top:8px;font-size:13px;line-height:1.5;color:#555;text-align:center; min-height:38px;} #jzDogPet .out-count{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:6px;} #jzDogPet .out-count .chip{background:#f5f5f5;border-radius:8px;padding:2px 10px;font-size:12px;color:#888;} #jzDogPet #outTimer{font-size:22px;font-weight:800;color:#333;font-variant-numeric:tabular-nums;letter-spacing:1px;} #jzDogPet #outChip{position:fixed;right:12px;bottom:12px;z-index:90;display:none; background:rgba(255,255,255,.95);border:1px solid #ffd54f;border-radius:18px; padding:6px 12px;font-size:12px;color:#8d6e00;cursor:pointer; box-shadow:0 3px 10px rgba(0,0,0,.15);} #jzDogPet .hidden{display:none !important;} @media (max-width:520px){#jzDogPet .panel{ left:50% !important; right:auto !important; transform:translateX(-50%); width:calc(100vw - 24px) !important; max-width:340px; bottom:176px !important; top:auto !important; max-height:64vh; overflow-y:auto; box-sizing:border-box; } #jzDogPet #warehouseModal{ width:calc(100vw - 24px) !important; height:auto !important; max-height:64vh; } #jzDogPet #statusPanel, #jzDogPet #moodPopup, #jzDogPet #settingsModal{ max-width:340px; } #jzDogPet #exploreModal, #jzDogPet #companionModal, #jzDogPet #loginAskModal, #jzDogPet #nameAskModal, #jzDogPet #byeModal{ overflow:visible; max-height:none; } #jzDogPet #toast{ left:50% !important; right:auto !important; transform:translateX(-50%); bottom:150px !important; max-width:82vw; }} /* ================= PC 黑暗模式隔离（自动生成，别手改） ================= 站内 template/pc/skin/css/dark-mode.css 里有几条【广谱/通用类名】规则会命中挂件内部： ① body.dark-mode .menu-wrap { background:#5a5a5a !important } → 300x300 容器变灰块 ② body.dark-mode .main { background:transparent !important } → ≡ 菜单圆按钮的红底被刷没 ③ body.dark-mode span / p { color:#ccc !important } → 挂件内文字全变浅灰 ④ body.dark-mode input { background:#777 !important } → 设置面板输入框变色 下面按 #jzDogPet 提高特异性 + !important 逐条顶回，使挂件【暗色 = 亮色】。 ★ 只作用于挂件内部；站内其它元素与 dark-mode.css 原有规则一律不受影响。 ★ 只改颜色，不改任何位置 / 尺寸 / 交互。 */ /* ① 容器：恢复透明底 */ html.dark-mode #jzDogPet .menu-wrap{background-color:transparent !important;color:#333 !important;} /* ② ≡ 菜单圆按钮：恢复红色半透明底 */ html.dark-mode #jzDogPet .menu-wrap .main{background-color:rgba(244,67,54,.4) !important;} /* ③ 文字兜底：span / p / label 等回归自然继承（顶掉 #ccc） */ html.dark-mode #jzDogPet span, html.dark-mode #jzDogPet p, html.dark-mode #jzDogPet label, html.dark-mode #jzDogPet li, html.dark-mode #jzDogPet b, html.dark-mode #jzDogPet em, html.dark-mode #jzDogPet a{color:inherit !important;} /* ④ 挂件自身的颜色规则，暗色下原样重声明（与亮色逐像素一致） */ html.dark-mode #jzDogPet .bubble{color:#5a3d00 !important;} html.dark-mode #jzDogPet .menu-wrap .item{color:#F44336 !important;} html.dark-mode #jzDogPet #menu-toggle:checked ~ .p1{color:#F44336 !important;} html.dark-mode #jzDogPet #menu-toggle:checked ~ .p2{color:#F44336 !important;} html.dark-mode #jzDogPet #menu-toggle:checked ~ .p3{color:#F44336 !important;} html.dark-mode #jzDogPet #menu-toggle:checked ~ .p4{color:#F44336 !important;} html.dark-mode #jzDogPet #menu-toggle:checked ~ .p5{color:#F44336 !important;} html.dark-mode #jzDogPet #menu-toggle:checked ~ .p6{color:#F44336 !important;} html.dark-mode #jzDogPet #menu-toggle:checked ~ .p7{color:#F44336 !important;} html.dark-mode #jzDogPet #menu-toggle:checked ~ .p8{color:#F44336 !important;} html.dark-mode #jzDogPet .menu-wrap .item:hover{color:#F44336 !important;} html.dark-mode #jzDogPet .panel{color:#333 !important;} html.dark-mode #jzDogPet .panel-head .sub{color:#888 !important;} html.dark-mode #jzDogPet .panel .x{color:#666 !important;} html.dark-mode #jzDogPet .panel .x:hover{color:#fff !important;} html.dark-mode #jzDogPet .bones-chip{color:#8d6e00 !important;} html.dark-mode #jzDogPet #statusPanel .row label{color:#555 !important;} html.dark-mode #jzDogPet #statusPanel .row .num{color:#777 !important;} html.dark-mode #jzDogPet #statusPanel .note{color:#c0392b !important;} html.dark-mode #jzDogPet .wh-head .sub{color:#999 !important;} html.dark-mode #jzDogPet .tabs .tab.active{color:#fff !important;} html.dark-mode #jzDogPet .card .pr{color:#8d6e00 !important;} html.dark-mode #jzDogPet .card .acts .buy{color:#fff !important;} html.dark-mode #jzDogPet .card .acts .use{color:#fff !important;} html.dark-mode #jzDogPet .card .acts .dtl{color:#555 !important;} html.dark-mode #jzDogPet .empty{color:#aaa !important;} html.dark-mode #jzDogPet .feed-water-btn{color:#0277bd !important;} html.dark-mode #jzDogPet .feed-water-btn:disabled{color:#aaa !important;} html.dark-mode #jzDogPet #settingsModal label{color:#555 !important;} html.dark-mode #jzDogPet #settingsModal .save{color:#fff !important;} html.dark-mode #jzDogPet .mood-opt{color:#6a1b9a !important;} html.dark-mode #jzDogPet .mood-opt.done{color:#b0bec5 !important;} html.dark-mode #jzDogPet .mood-note{color:#9e9e9e !important;} html.dark-mode #jzDogPet .comp-head{color:#8e24aa !important;} html.dark-mode #jzDogPet .comp-opt{color:#4a148c !important;} html.dark-mode #jzDogPet .comp-opt.best{color:#1b5e20 !important;} html.dark-mode #jzDogPet .comp-opt.ok{color:#7a5c00 !important;} html.dark-mode #jzDogPet .comp-opt.bad{color:#b71c1c !important;} html.dark-mode #jzDogPet .comp-reply{color:#5e2b73 !important;} html.dark-mode #jzDogPet .comp-delta.up{color:#2e7d32 !important;} html.dark-mode #jzDogPet .comp-delta.down{color:#c62828 !important;} html.dark-mode #jzDogPet .comp-delta.flat{color:#9e9e9e !important;} html.dark-mode #jzDogPet #toast{color:#c62828 !important;} html.dark-mode #jzDogPet .exp-text{color:#444 !important;} html.dark-mode #jzDogPet .exp-btn{color:#fff !important;} html.dark-mode #jzDogPet .exp-link{color:#999 !important;} html.dark-mode #jzDogPet .exp-link:hover{color:#F44336 !important;} html.dark-mode #jzDogPet .exp-tip{color:#c62828 !important;} html.dark-mode #jzDogPet #settingsModal .hide-dog{color:#666 !important;} html.dark-mode #jzDogPet #settingsModal .hide-dog:hover{color:#e65100 !important;} html.dark-mode #jzDogPet #settingsModal .tutorial{color:#1565c0 !important;} html.dark-mode #jzDogPet #settingsModal .tutorial:hover{color:#0d47a1 !important;} html.dark-mode #jzDogPet #dogTutorialModal .tut-q{color:#333 !important;} html.dark-mode #jzDogPet #dogTutorialModal .tut-a{color:#444 !important;} html.dark-mode #jzDogPet #dogTutorialModal .tut-h{color:#e65100 !important;} html.dark-mode #jzDogPet #dogTutorialModal .tut-list li{color:#444 !important;} html.dark-mode #jzDogPet #dogTutorialModal .tut-list b{color:#333 !important;} html.dark-mode #jzDogPet .out-overlay{color:#fff !important;} html.dark-mode #jzDogPet .out-say{color:#555 !important;} html.dark-mode #jzDogPet .out-count .chip{color:#888 !important;} html.dark-mode #jzDogPet #outTimer{color:#333 !important;} html.dark-mode #jzDogPet #outChip{color:#8d6e00 !important;} /* ⑤ 输入框：恢复白底深字 */ html.dark-mode #jzDogPet input:not([type=checkbox]), html.dark-mode #jzDogPet textarea, html.dark-mode #jzDogPet select{background-color:#fff !important;color:#333 !important;border-color:#ccc !important;} /* ================= 云存档提示条（设置面板底部） ================= */ #jzDogPet .cloud-tip{margin-top:10px;padding:7px 9px;border-radius:7px;font-size:11px;line-height:1.65; color:#8a6d3b;background:#fff8e1;border:1px solid #ffe0a3;} #jzDogPet .cloud-tip.ok{color:#1e6b3a;background:#eaf7ef;border-color:#bfe6cd;} #jzDogPet .cloud-tip a{color:#1565c0;text-decoration:underline;} html.dark-mode #jzDogPet .cloud-tip, body.dark-mode #jzDogPet .cloud-tip{color:#8a6d3b !important;background-color:#fff8e1 !important;border-color:#ffe0a3 !important;} html.dark-mode #jzDogPet .cloud-tip.ok, body.dark-mode #jzDogPet .cloud-tip.ok{color:#1e6b3a !important;background-color:#eaf7ef !important;border-color:#bfe6cd !important;} html.dark-mode #jzDogPet .cloud-tip a, body.dark-mode #jzDogPet .cloud-tip a{color:#1565c0 !important;}