/* 管饱 品牌层 v1 · 2026-10-29
 * logo / 吉祥物 注入样式（配合 /brand-kit.js）
 * 只做增量与定位，不改站点主题色。
 */

/* ---------- 通用 ---------- */
.gb-mascot{display:block;max-width:100%;height:auto;pointer-events:none;user-select:none;-webkit-user-drag:none}

/* ---------- 顶部/侧栏 logo 光影调整 ---------- */
.gb-brand-tile{box-shadow:none!important}

/* ---------- 首页 Hero 吉祥物 ---------- */
.terminal-container{position:relative}
.gb-hero-mascot{position:absolute;left:-152px;bottom:-34px;width:174px;z-index:3;
  filter:drop-shadow(0 18px 26px rgba(234,88,12,.22));animation:gb-float 6.5s ease-in-out infinite}
@keyframes gb-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media (max-width:1180px){.gb-hero-mascot{display:none}}

/* ---------- 首页 管饱家族 ---------- */
.gb-family{position:relative;margin:0 0 3rem;padding:1.75rem 1.5rem 1.5rem;border-radius:1.5rem;overflow:hidden;
  border:1px solid #fde3c9;background:linear-gradient(155deg,#fffdf8 0%,#fff7ed 55%,#fff1e2 100%);
  box-shadow:0 20px 44px -34px rgba(194,65,12,.5)}
html.dark .gb-family{border-color:rgba(249,115,22,.22);background:linear-gradient(155deg,#171310,#1e1712 60%,#241a12);
  box-shadow:0 24px 50px -36px rgba(0,0,0,.9)}
.gb-family::after{content:"";position:absolute;right:-80px;top:-100px;width:280px;height:280px;border-radius:50%;
  background:radial-gradient(circle,rgba(249,115,22,.16),transparent 66%);pointer-events:none}
.gb-family::before{content:"";position:absolute;left:-60px;bottom:-120px;width:240px;height:240px;border-radius:50%;
  background:radial-gradient(circle,rgba(16,185,129,.10),transparent 68%);pointer-events:none}
.gb-family-head{position:relative;z-index:1;text-align:center;margin-bottom:1.5rem}
.gb-kicker{display:inline-flex;align-items:center;gap:6px;font-size:11px;line-height:1;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;padding:6px 12px}
html.dark .gb-kicker{color:#fdba74;background:rgba(249,115,22,.12);border-color:rgba(249,115,22,.35)}
.gb-family-head h2{margin:.8rem 0 .45rem;font-size:1.5rem;line-height:1.3;font-weight:700;color:#111827}
html.dark .gb-family-head h2{color:#f9fafb}
.gb-family-head p{font-size:.9rem;color:#6b7280}
html.dark .gb-family-head p{color:#9ca3af}
.gb-fam-grid{position:relative;z-index:1;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}
.gb-fam-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:1rem;background:rgba(255,255,255,.86);
  border:1px solid #f6e7d8;box-shadow:0 1px 2px rgba(120,53,15,.05);transition:transform .25s ease,box-shadow .25s ease}
.gb-fam-card:hover{transform:translateY(-3px);box-shadow:0 18px 30px -20px rgba(194,65,12,.45)}
html.dark .gb-fam-card{background:rgba(255,255,255,.045);border-color:rgba(249,115,22,.18)}
.gb-fam-card img{flex:0 0 96px;width:96px;height:96px;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(234,88,12,.18))}
.gb-fam-card .gb-role{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;color:#ea580c;margin-bottom:2px}
html.dark .gb-fam-card .gb-role{color:#fb923c}
.gb-fam-card h3{font-size:1rem;font-weight:600;color:#1f2937;line-height:1.35}
html.dark .gb-fam-card h3{color:#f3f4f6}
.gb-fam-card p{margin-top:5px;font-size:12.5px;line-height:1.6;color:#6b7280}
html.dark .gb-fam-card p{color:#9ca3af}
@media (max-width:860px){
  .gb-fam-grid{grid-template-columns:1fr}
  .gb-family{padding:1.4rem 1.1rem 1.2rem;border-radius:1.25rem}
  .gb-fam-card img{flex-basis:80px;width:80px;height:80px}
}

/* ---------- 登录/注册 吉祥物 ---------- */
.gb-auth-card{position:relative}
.gb-auth-mascot{position:absolute;right:-18px;top:-44px;width:98px;height:98px;z-index:5;
  filter:drop-shadow(0 14px 20px rgba(234,88,12,.22));animation:gb-float 7s ease-in-out infinite}
@media (max-width:640px){.gb-auth-mascot{width:74px;height:74px;right:-6px;top:-32px;animation:none}}

/* ---------- 模型广场标题 ---------- */
.gb-plaza-title{position:relative;padding-right:128px}
.gb-plaza-mascot{position:absolute;right:2px;top:-18px;width:112px;z-index:2;filter:drop-shadow(0 12px 18px rgba(234,88,12,.16))}
@media (max-width:768px){.gb-plaza-title{padding-right:0}.gb-plaza-mascot{display:none}}

/* ---------- 控制台 ---------- */
.gb-account-card{position:relative}
.gb-purchase-mascot{position:absolute;right:18px;bottom:-8px;width:96px;z-index:2;filter:drop-shadow(0 10px 16px rgba(234,88,12,.18))}
@media (max-width:640px){.gb-purchase-mascot{width:72px;right:10px;bottom:-4px}}

/* 空状态：直接用 CSS 把默认图标换成「饱饱·休息一下」，不插 DOM（Vue 重渲染也不掉） */
.empty-state > div:first-child{
  width:96px!important;height:96px!important;border-radius:0!important;background-color:transparent!important;
  background-image:url('/brand/action-resting.webp')!important;
  background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;
  box-shadow:none!important;
}
.empty-state > div:first-child > *{display:none!important}

/* 404 */
.gb-404-icon{display:none!important}
.gb-404-mascot{width:104px;height:104px;filter:drop-shadow(0 14px 22px rgba(234,88,12,.22))}

/* ---------- 页脚品牌 ---------- */
.gb-footer-brand{display:flex;flex-direction:column;align-items:center;gap:10px;padding:4px 0 18px}
.gb-footer-row{display:flex;align-items:center;gap:12px}
.gb-footer-logo{height:46px;width:auto;display:block}
.gb-footer-mascot{width:52px;height:52px;display:block;filter:drop-shadow(0 8px 14px rgba(234,88,12,.18))}
.gb-footer-tag{font-size:12px;color:#9ca3af;letter-spacing:.02em}
html.dark .gb-footer-tag{color:#6b7280}
/* 页脚 lockup 在明暗两种底色上都可用（橙色字标） */

/* ---------- 模型广场公开入口（2026-10-29） ---------- */
.gb-hero-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}
@media (min-width:1024px){.gb-hero-actions{justify-content:flex-start}}
.gb-cta-ghost{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 22px;border-radius:.75rem;
  border:1px solid rgba(15,23,42,.16);background:rgba(255,255,255,.72);color:#0f172a;font-size:15px;font-weight:600;
  text-decoration:none;transition:border-color .2s,color .2s,background .2s,transform .2s;backdrop-filter:blur(6px)}
.gb-cta-ghost:hover{border-color:#f97316;color:#c2410c;background:#fff;transform:translateY(-1px);text-decoration:none}
html.dark .gb-cta-ghost{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:#e5e7eb}
html.dark .gb-cta-ghost:hover{border-color:#fb923c;color:#fdba74;background:rgba(255,255,255,.1)}
@media (max-width:640px){.gb-cta-ghost{height:44px;padding:0 18px;font-size:14px}}

.gb-auth-public{margin:12px 0 0}
.gb-auth-public a{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:#c2410c;text-decoration:none}
.gb-auth-public a:hover{text-decoration:underline}
html.dark .gb-auth-public a{color:#fdba74}

.gb-footer-links{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px}
.gb-footer-links a{color:#9ca3af;text-decoration:none}
.gb-footer-links a:hover{color:#ea580c;text-decoration:underline}
html.dark .gb-footer-links a{color:#6b7280}
html.dark .gb-footer-links a:hover{color:#fdba74}