/* 主壳子：顶栏、内容区、底栏 */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;background:#eef4fb;color:#111827;-webkit-tap-highlight-color:transparent;scrollbar-width:none;-ms-overflow-style:none}
html::-webkit-scrollbar,body::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.miigo-v4-bg,.miigo-inner-real-shell,.miigo-inner-real-content,.miigo-inner-real-body{scrollbar-width:none;-ms-overflow-style:none}
.miigo-v4-bg::-webkit-scrollbar,.miigo-inner-real-shell::-webkit-scrollbar,.miigo-inner-real-content::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
button{font:inherit;border:0;background:none;cursor:pointer;padding:0}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.miigo-v4-bg{min-height:100%;height:100%}
.miigo-inner-real-body{overflow:hidden}
.miigo-inner-real-shell{position:relative;isolation:isolate;width:100%;max-width:430px;margin:0 auto;background:#f8fafc;box-sizing:border-box}
.miigo-inner-real-shell::before{content:"";position:absolute;left:0;right:0;top:0;height:330px;z-index:-1;pointer-events:none;background-image:linear-gradient(to bottom,rgba(0,0,0,.16),rgba(255,255,255,.1) 48%,#f8fafc 100%),var(--miigo-inner-top-atmosphere-img,linear-gradient(135deg,#7c3aed,#db2777,#f59e0b));background-size:cover;background-position:center top;background-repeat:no-repeat;filter:blur(18px) saturate(1.28);transform:scale(1.08);opacity:.92}
.miigo-inner-real-shell[data-inner-top-atmosphere-ready="1"]::before{opacity:.92}

/* header */
.miigo-inner-real-header{padding:calc(10px + env(safe-area-inset-top,0px)) 10px 0;background:transparent;border:0}
.miigo-inner-search.miigo-search-rebuild-v1{height:40px;margin:0 6px 14px;padding:0 13px;border-radius:999px;display:flex;align-items:center;overflow:hidden;background:rgba(230,230,230,.88);color:#55708f;box-shadow:0 8px 18px rgba(15,23,42,.1);font-weight:600;position:relative;cursor:text}
.miigo-inner-search.miigo-search-rebuild-v1 .miigo-search-real-icon-v1{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;z-index:5;pointer-events:none;opacity:.78;flex-shrink:0}
.miigo-inner-search.miigo-search-rebuild-v1 .miigo-search-real-icon-v1::before{content:"⌕";display:block;font-size:19px;line-height:18px;color:#55708f}
.miigo-inner-search.miigo-search-rebuild-v1 .miigo-search-real-input-v1{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;box-shadow:none;color:#55708f;font-size:15px;font-weight:600;line-height:normal;padding:0 8px 0 34px;margin:0;appearance:none;-webkit-appearance:none}
.miigo-inner-search.miigo-search-rebuild-v1 .miigo-search-real-input-v1::-webkit-search-decoration,
.miigo-inner-search.miigo-search-rebuild-v1 .miigo-search-real-input-v1::-webkit-search-cancel-button,
.miigo-inner-search.miigo-search-rebuild-v1 .miigo-search-real-input-v1::-webkit-search-results-button,
.miigo-inner-search.miigo-search-rebuild-v1 .miigo-search-real-input-v1::-webkit-search-results-decoration{display:none}
.miigo-inner-search.miigo-search-rebuild-v1 .miigo-search-real-input-v1::placeholder{color:#55708f;opacity:1}
.miigo-inner-search.miigo-search-rebuild-v1 button{border:0;border-left:1px solid rgba(85,112,143,.28);background:transparent;padding:0 0 0 12px;color:#334155;font-size:14px;font-weight:700;white-space:nowrap;height:100%;display:inline-flex;align-items:center}

.miigo-inner-channel-nav,
.miigo-v4-channel-nav{display:flex;gap:18px;align-items:center;overflow-x:auto;white-space:nowrap;padding:0 6px 16px;scrollbar-width:none}
.miigo-inner-channel-nav::-webkit-scrollbar,
.miigo-v4-channel-nav::-webkit-scrollbar{display:none}
.miigo-inner-channel-nav button,
.miigo-v4-channel-nav button{border:0;background:transparent;padding:0;font-size:18px;font-weight:950;color:rgba(255,255,255,.96);text-shadow:0 2px 9px rgba(0,0,0,.35);flex-shrink:0}

/* 顶部主分类：整组水平居中，选中放大白字 */
.miigo-inner-real-shell .miigo-inner-channel-nav,
.miigo-inner-real-shell .miigo-v4-channel-nav{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:22px!important;
  width:100%!important;
  padding:0 10px 15px!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}
.miigo-inner-real-shell .miigo-inner-channel-nav button,
.miigo-inner-real-shell .miigo-v4-channel-nav button{
  width:auto!important;
  flex:0 0 auto!important;
  text-align:center!important;
  font-size:17px!important;
  font-weight:900!important;
  line-height:1.2!important;
  letter-spacing:.2px!important;
  color:rgba(255,255,255,.88)!important;
  text-shadow:0 2px 8px rgba(0,0,0,.42)!important;
  transition:font-size .18s ease,transform .18s ease,color .18s ease!important;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
.miigo-inner-real-shell .miigo-inner-channel-nav button.is-active,
.miigo-inner-real-shell .miigo-inner-channel-nav button.active,
.miigo-inner-real-shell .miigo-v4-channel-nav button.is-active,
.miigo-inner-real-shell .miigo-v4-channel-nav button.active{
  font-size:20px!important;
  font-weight:950!important;
  transform:scale(1.04)!important;
  color:#fff!important;
  text-shadow:0 2px 10px rgba(0,0,0,.48)!important;
}

.miigo-inner-real-content{padding:0 10px;min-height:0;box-sizing:border-box}
.miigo-inner-loading,.miigo-inner-error,.miigo-inner-empty{min-height:132px;display:flex;align-items:center;justify-content:center;text-align:center;margin-top:14px;border:1px dashed #d4d4d8;border-radius:16px;background:#fff;color:#8a8f98;line-height:1.7;padding:18px;font-weight:800}

/* tags primary */
.miigo-inner-tags-primary{display:flex;align-items:center;justify-content:flex-start;gap:7px;width:100%;overflow-x:auto;white-space:nowrap;padding:0 0 7px;margin:0 auto;scrollbar-width:none}
.miigo-inner-tags-primary::-webkit-scrollbar{display:none}
.miigo-inner-tags-primary button{border:0;height:26px;min-height:26px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;line-height:1;color:#525c6f;background:#d7eef9;box-shadow:0 4px 10px rgba(15,23,42,.08);flex-shrink:0}
.miigo-inner-tags-primary button:nth-child(2){background:#ffeaf7;color:#343f55}
.miigo-inner-tags-primary button:nth-child(3){background:#fbe5f4;color:#4a5264}
.miigo-inner-tags-primary button:nth-child(4){background:#fbf4a2;color:#4a5264}
.miigo-inner-tags-primary button.is-active{background:#7f77f2!important;color:#242b3a!important;box-shadow:0 6px 14px rgba(15,23,42,.16)!important;transform:translateY(-1px)}

/* sub categories */
[data-inner-subcats="1"]{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px;scrollbar-width:none}
[data-inner-subcats="1"]::-webkit-scrollbar{display:none}
[data-inner-subcat]{flex-shrink:0;border:0;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800;color:#3457a8;background:#e7eefb;white-space:nowrap}
[data-inner-subcat].is-active{color:#fff;background:#2563eb}

/* banner – ~2:1 hero carousel */
.miigo-inner-top-ad{position:relative;margin:10px 0 16px;width:100%;aspect-ratio:2/1;border-radius:20px}
.miigo-inner-top-ad-ambient{position:absolute;left:8px;right:8px;top:14px;bottom:-10px;border-radius:22px;background:linear-gradient(135deg,rgba(37,99,235,.35),rgba(236,72,153,.28));background-size:cover;background-position:center;filter:blur(20px) saturate(1.35);opacity:.48;transform:scale(1.04);pointer-events:none;transition:opacity .35s ease}
.miigo-inner-top-ad-ambient[data-inner-atmosphere-ready="1"]{opacity:.58}
.miigo-inner-top-ad-main{position:absolute;inset:0;z-index:2;overflow:hidden;border-radius:20px;background:#e5e7eb;box-shadow:0 12px 28px rgba(15,23,42,.14)}
.miigo-inner-top-ad-slide{position:absolute;inset:0;opacity:0;transition:opacity .45s ease}
.miigo-inner-top-ad-slide.is-active{opacity:1}
.miigo-inner-top-ad-slide img,.miigo-inner-top-ad-main>img{width:100%;height:100%;object-fit:cover;display:block}
.miigo-inner-top-ad-dots{position:absolute;left:0;right:0;bottom:8px;display:flex;justify-content:center;gap:5px;pointer-events:none;z-index:3}
.miigo-inner-top-ad-dots span{width:5px;height:5px;border-radius:999px;background:rgba(255,255,255,.58);box-shadow:0 1px 3px rgba(0,0,0,.22);transition:all .25s ease}
.miigo-inner-top-ad-dots span.is-active{width:13px;background:rgba(255,255,255,.96)}

/* grid cards */
.miigo-inner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.miigo-inner-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 18px rgba(15,23,42,.06);cursor:pointer;display:flex;flex-direction:column}
.miigo-inner-pic{height:118px;background:#e5e7eb center/cover no-repeat;flex:0 0 auto}
.miigo-inner-name{
  margin:8px 8px 0;
  padding:0;
  font-size:13px;
  font-weight:850;
  line-height:1.4;
  color:#111827;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  text-overflow:ellipsis;
  word-break:break-word;
  /* 用 max-height 锁死行数，避免中文行高把下一行裁成一条缝 */
  max-height:calc(1.4em * 2);
  min-height:0;
}
.miigo-inner-meta{
  margin:4px 8px 10px;
  padding:0;
  font-size:10px;
  color:#94a3b8;
  font-weight:600;
  line-height:1.45;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  word-break:normal;
}

/* tabbar – full width inside phone, no transform offset */
#miigo-v4-tabbar.miigo-backend-tabbar-v1{position:fixed;left:0;right:0;bottom:0;width:100%;max-width:430px;margin:0 auto;transform:none;height:calc(62px + env(safe-area-inset-bottom,0px));padding:0 2px env(safe-area-inset-bottom,0px);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;background:rgba(255,255,255,.98);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid rgba(229,231,235,.86);box-shadow:0 -8px 22px rgba(15,23,42,.06);z-index:2147483000;box-sizing:border-box;overflow:visible}
#miigo-v4-tabbar button{position:relative;width:100%;min-width:0;height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#9ca3af;font-size:10px;font-weight:700;line-height:1.1;padding:6px 1px 2px;border-radius:14px;transition:color .2s ease,transform .15s ease}
#miigo-v4-tabbar button::before{content:"";position:absolute;top:2px;left:50%;transform:translateX(-50%) scaleX(0);width:20px;height:3px;border-radius:999px;background:linear-gradient(135deg,#7f77f2,#6366f1);transition:transform .2s ease,opacity .2s ease;opacity:0}
#miigo-v4-tabbar button.is-active{color:#111827;font-weight:950}
#miigo-v4-tabbar button.is-active::before{transform:translateX(-50%) scaleX(1);opacity:1}
#miigo-v4-tabbar button img{display:block;object-fit:contain;flex-shrink:0;transition:transform .15s ease,opacity .15s ease,filter .15s ease;opacity:.68;filter:grayscale(.15)}
#miigo-v4-tabbar button.is-active img{opacity:1;filter:none;transform:scale(1.06)}
#miigo-v4-tabbar button span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:inherit;transition:color .2s ease,font-weight .15s ease}
#miigo-v4-tabbar button.is-active span{color:#111827!important;font-weight:950!important;font-size:12px!important}
#miigo-v4-tabbar button:not(.is-active) span{color:#9ca3af!important;font-weight:700!important}
#miigo-v4-tabbar button.is-center img{margin-top:-4px}
#miigo-v4-tabbar button.is-center.is-active img{transform:scale(1.04)}

/* 频道占位（开发用） */
.miigo-dev-channel-placeholder-v1{min-height:360px;display:flex;align-items:center;justify-content:center;padding:30px 16px}
.miigo-dev-channel-placeholder-v1>div{width:100%;max-width:320px;text-align:center;border-radius:22px;padding:34px 18px;background:rgba(255,255,255,.92);box-shadow:0 18px 42px rgba(15,23,42,.1)}
.miigo-dev-channel-placeholder-v1>div strong{display:block;font-size:20px;font-weight:900;color:#111827;margin-bottom:10px}
.miigo-dev-channel-placeholder-v1>div span{font-size:15px;font-weight:800;color:#6b7280}

/* hide header search only on community/app if needed – reference keeps full header on me */
.miigo-inner-real-shell[data-channel="community"] .miigo-inner-channel-nav,
.miigo-inner-real-shell[data-channel="app"] .miigo-inner-channel-nav{display:none}

/* anime/manga/novel channel tweaks */
.miigo-inner-real-shell[data-channel="anime"] .miigo-inner-grid{grid-template-columns:repeat(3,1fr)}
.miigo-inner-real-shell[data-channel="anime"] .miigo-inner-pic{aspect-ratio:3/4;height:auto;min-height:140px}
.miigo-inner-real-shell[data-channel="manga"] [data-inner-subcat].is-active{background:linear-gradient(135deg,#ef5aa5,#b04488)}
.miigo-inner-real-shell[data-channel="manga"] [data-inner-subcat]{color:#9d2f72;background:#fff1f7;border:1px solid #ffd1e7}
.miigo-inner-real-shell[data-channel="novel"] [data-inner-subcat].is-active{background:#f59e0b}

/* 全局隐藏滚动条，保留滚动 */
[class*="miigo"],[data-inner-subcats],[data-inner-tags],.miigo-me-clean-root-v1,.miigo-community-home-v1{scrollbar-width:none;-ms-overflow-style:none}
[class*="miigo"]::-webkit-scrollbar,[data-inner-subcats]::-webkit-scrollbar,[data-inner-tags]::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
