/* 曦曦的美食系统 v19 · 主界面重新设计（assets/v19/hub19.css）
   设计：阿呆就是「美食系统」，主界面做成围着 3D 舞台的全息系统界面——
   全息青 #6FE6FF 代表系统（提示、把手、底栏），灶火金 #FFC861 代表行动（开始冒险、资源），胭脂粉 #FF8FB1 给 Q 版玩法。
   底色夜空蓝 #0E1433、墨紫 #1B1640，文字瓷白 #F5F0E6。标题用马善政毛笔字，栏目用站酷小薇，数字用 Oxanium。
   不用 backdrop-filter（在 3D 画面上面每帧模糊很费电）。 */
html.v19{--h-cyan:#6fe6ff;--h-gold:#ffc861;--h-pink:#ff8fb1;--h-night:#0e1433;--h-ink:#1b1640;--h-porc:#f5f0e6;--h-dock:64px}
/* ---------- 舞台 ---------- */
html.v19 #v19Vig{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(120% 60% at 50% 30%,transparent 45%,rgba(8,8,24,.55) 100%),linear-gradient(180deg,rgba(8,8,24,.55) 0,transparent 16%,transparent 44%,rgba(8,8,24,.7) 70%)}
/* ---------- 顶部状态栏 ---------- */
html.v19 #hubTop{padding-top:env(safe-area-inset-top,0px)}
html.v19 #hubTitle h1{font:24px "MG16 Brush","MG16 Xiaowei",serif!important;letter-spacing:.06em;color:var(--h-porc)!important;text-shadow:0 0 14px rgba(111,230,255,.45),0 2px 0 rgba(0,0,0,.6)!important}
html.v19 #hubSub{color:#bfe9ff!important;font-size:12px!important}
html.v19 #hubTop .chip{background:rgba(14,20,51,.62)!important;border:1px solid rgba(111,230,255,.35)!important;border-radius:999px!important;box-shadow:none!important;font-family:Oxanium,"MG16 Xiaowei",sans-serif}
html.v19 #hubTop .chip .v19ri{display:inline-block;width:18px;height:18px;background:center/contain no-repeat;vertical-align:-4px;margin-right:2px;border:0;box-shadow:none}
html.v19 #hubTop .res{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:6px!important;width:auto!important;position:absolute!important;right:12px!important;top:calc(10px + env(safe-area-inset-top,0px))!important}
html.v19 #hubTop .res .chip{position:static!important;padding:4px 9px!important;height:auto!important}
html.v19 #hubTitle{max-width:none!important;width:auto!important;right:auto!important;top:calc(44px + env(safe-area-inset-top,0px))!important;position:absolute!important;left:14px!important}
/* ---------- 阿呆的话：全息系统消息 ---------- */
html.v19 #adaiSay{background:linear-gradient(160deg,rgba(14,32,60,.78),rgba(14,20,51,.72))!important;border:1px solid rgba(111,230,255,.55)!important;border-radius:14px!important;box-shadow:0 0 20px -6px rgba(111,230,255,.6)!important;color:#e9fbff!important}
html.v19 #adaiSay em{color:var(--h-cyan)!important}
/* ---------- 抽屉 ---------- */
html.v19 #hub #menu{position:absolute!important;left:0!important;right:0!important;top:auto!important;bottom:calc(var(--h-dock) + env(safe-area-inset-bottom,0px))!important;height:auto!important;width:auto!important;max-height:calc(100% - var(--h-dock) - 300px);
  margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;transform:none!important;z-index:20;pointer-events:none;transition:max-height .35s cubic-bezier(.2,.8,.2,1)}
html.v19 #hub.v19x #menu{max-height:calc(100% - var(--h-dock) - 96px)}
html.v19 #hub #menuIn{pointer-events:auto;position:relative!important;margin:0!important;width:auto!important;max-width:none!important;max-height:inherit;overflow-y:auto;overscroll-behavior:contain;
  padding:0 12px 12px!important;border-radius:26px 26px 0 0!important;border:0!important;border-top:1px solid rgba(111,230,255,.4)!important;
  background:linear-gradient(180deg,rgba(27,22,64,.86) 0,rgba(14,12,36,.97) 90px)!important;box-shadow:0 -14px 40px -12px rgba(0,0,0,.7)!important;scrollbar-width:none}
html.v19 #hub #menuIn::-webkit-scrollbar{display:none}
html.v19 .v19Head{display:block;width:100%;height:22px;margin:0;padding:0;border:0;background:none;position:sticky;top:0;z-index:3}
html.v19 .v19Head i{display:block;width:44px;height:5px;margin:8px auto 0;border-radius:3px;background:rgba(111,230,255,.55);box-shadow:0 0 10px rgba(111,230,255,.6)}
/* 任务提示：一行全息条 */
html.v19 #mGuide{min-height:0!important;padding:8px 10px!important;margin:0 0 8px!important;border-radius:12px!important;background:rgba(111,230,255,.07)!important;border:1px solid rgba(111,230,255,.28)!important;box-shadow:none!important}
html.v19 #mGuide b{font-size:14.5px!important}html.v19 #mGuide small{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-size:12px!important;color:#bcd6e6!important}
html.v19 #mGuide .gi{background:var(--h-cyan)!important;color:#05222c!important}
/* 开始冒险：实景天空 + 3D 食物 */
html.v19 #mGo{position:relative;min-height:104px!important;margin:0!important;border-radius:22px!important;overflow:hidden;border:1.5px solid rgba(255,200,97,.75)!important;
  background:linear-gradient(90deg,rgba(14,12,36,.86) 0,rgba(14,12,36,.32) 50%,rgba(14,12,36,0) 100%),var(--v19sky) center 40%/cover no-repeat!important;box-shadow:0 10px 26px -12px rgba(255,200,97,.7)!important}
html.v19 #mGo .mbg{display:none!important}
html.v19 #mGo .ic{width:72px!important;height:72px!important;background:none!important;border:0!important;box-shadow:none!important}
html.v19 #mGo .ic .v19ic{width:72px;height:72px;filter:drop-shadow(0 8px 10px rgba(0,0,0,.55));animation:v19bob 3.2s ease-in-out infinite}
@keyframes v19bob{50%{transform:translateY(-4px) rotate(-4deg)}}
html.v19 #mGo b{font:30px "MG16 Brush","MG16 Xiaowei",serif!important;color:#fff6dc!important;text-shadow:0 2px 0 rgba(0,0,0,.5),0 0 14px rgba(255,200,97,.55)!important}
html.v19 #mGo span:not(.ic):not(.go){color:#fff1d6!important;font-size:12.5px!important;text-shadow:0 1px 3px rgba(0,0,0,.9)!important;opacity:1!important;position:static!important}
html.v19 #mGo .pg{height:6px!important;border-radius:3px!important;background:rgba(255,255,255,.18)!important}html.v19 #mGo .pg>*{background:linear-gradient(90deg,var(--h-gold),#fff1b8)!important}
html.v19 #mGo .go{color:var(--h-gold)!important;font-size:34px!important}
/* 玩法：横滑大卡，每张一个颜色 */
html.v19 .v19Rail{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:10px -12px 0;padding:6px 12px 4px;scrollbar-width:none}
html.v19 .v19Rail::-webkit-scrollbar{display:none}
html.v19 .v19Card{--c:#ff8fb1;position:relative;flex:0 0 104px;height:120px;scroll-snap-align:start;display:grid;justify-items:center;align-content:end;gap:1px;padding:0 6px 10px;border-radius:20px;border:1.5px solid color-mix(in srgb,var(--c) 70%,transparent);
  background:radial-gradient(110% 80% at 50% 0%,color-mix(in srgb,var(--c) 42%,transparent),transparent 70%),linear-gradient(180deg,#221a52,#140f34);color:var(--h-porc);box-shadow:0 10px 20px -12px var(--c);transition:transform .15s}
html.v19 .v19Card:active{transform:scale(.95)}
html.v19 .v19Card img{position:absolute;top:8px;left:50%;width:58px;height:58px;margin-left:-29px;filter:drop-shadow(0 8px 8px rgba(0,0,0,.5))}
html.v19 .v19Card b{font:17px "MG16 Xiaowei",serif;letter-spacing:.04em}html.v19 .v19Card small{font-size:10.5px;color:#cbbfe8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
html.v19 .v19Card em{position:absolute;top:6px;right:6px;font-style:normal;font-size:10px;padding:1px 6px;border-radius:8px;background:var(--h-pink);color:#3a0618}
html.v19 .v19Card[data-go="连连看"]{--c:#ff8fb1}html.v19 .v19Card[data-go="七味远征"]{--c:#ff7a59}html.v19 .v19Card[data-go="采摘"]{--c:#7ee08a}html.v19 .v19Card[data-go="炼锅"]{--c:#b48cff}html.v19 .v19Card[data-go="图谱"]{--c:#ffc861}
/* 全部入口：收起时不显示，展开后按组排开 */
html.v19 #hub #menuIn .mgrid,html.v19 #hub #menuIn .mfoot{display:none!important}
html.v19 #hub.v19x #menuIn .mgrid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px 8px!important;margin-top:6px!important}
html.v19 #hub.v19x #menuIn .mfoot{display:flex!important;margin-top:14px}
html.v19 .v19h{grid-column:1/-1;margin:10px 2px 0;font:15px "MG16 Xiaowei",serif;color:#bfe9ff;display:flex;align-items:center;gap:8px}
html.v19 .v19h::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(111,230,255,.45),transparent)}
html.v19 #menuIn .mgrid .mtile.v19t{position:relative;height:auto!important;min-height:0!important;padding:10px 4px 8px!important;display:grid!important;justify-items:center;gap:3px;border-radius:18px!important;grid-column:auto!important;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02))!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:none!important}
html.v19 #menuIn .mgrid .mtile.v19t .tbg,html.v19 #menuIn .mgrid .mtile.v19t .ic,html.v19 #menuIn .mgrid .mtile.v19t .p16ti{display:none!important}
html.v19 #menuIn .mgrid .mtile.v19t .v19ic{width:46px;height:46px;filter:drop-shadow(0 6px 6px rgba(0,0,0,.45))}
html.v19 #menuIn .mgrid .mtile.v19t b{position:static!important;font:14px "MG16 Xiaowei",serif!important;color:var(--h-porc)!important;transform:none!important}
html.v19 #menuIn .mgrid .mtile.v19t small{position:static!important;font-size:10.5px!important;color:#a99fc8!important;white-space:nowrap;transform:none!important}
html.v19 #menuIn .mgrid .mtile.v19t::after{display:none}
/* ---------- 底部常用栏 ---------- */
#v19Dock{position:absolute;left:0;right:0;bottom:0;z-index:25;display:grid;grid-template-columns:repeat(5,1fr);height:var(--h-dock);padding:4px 6px env(safe-area-inset-bottom,0px);box-sizing:content-box;
  background:linear-gradient(180deg,#141038,#0b0a22);border-top:1px solid rgba(111,230,255,.3)}
#v19Dock button{display:grid;justify-items:center;align-content:center;gap:2px;border:0;background:none;color:#cfe3f5;font:12px "MG16 Xiaowei",serif;letter-spacing:.06em}
#v19Dock button img{width:30px;height:30px;transition:transform .18s cubic-bezier(.2,1.6,.4,1)}
#v19Dock button:active img{transform:scale(1.18)}
#v19Dock .all img{width:50px;height:50px;margin-top:-26px;padding:7px;box-sizing:border-box;border-radius:50%;background:radial-gradient(circle at 50% 35%,#2d3478,#141236);border:2px solid var(--h-cyan);box-shadow:0 0 18px rgba(111,230,255,.6)}
#v19Dock .all span{color:var(--h-cyan)}
html.v19 #hub:not(.on) #v19Dock{display:none}
/* ---------- 各页面标题的 3D 图标 ---------- */
#v19vi{width:30px;height:30px;margin-right:6px;vertical-align:middle;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}
@media (prefers-reduced-motion:reduce){html.v19 #mGo .ic .v19ic{animation:none}html.v19 #hub #menu{transition:none}}