/* MIIGO core – matched to 1080p.my inner shell */
*,*::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{height:40px;margin:0 6px 14px;padding:0 13px;border-radius:999px;display:flex;align-items:center;gap:8px;background:rgba(230,230,230,.88);color:#64748b;box-shadow:0 8px 18px rgba(15,23,42,.1);font-weight:800;position:relative}
.miigo-search-real-icon-v1::before{content:"⌕";font-size:20px;line-height:1;opacity:.78}
.miigo-search-real-input-v1{flex:1;border:0;background:transparent;outline:none;font-size:14px;font-weight:800;color:#64748b;min-width:0}
.miigo-search-real-input-v1::placeholder{color:#94a3b8}
.miigo-inner-search button{border-left:1px solid #9aa3b2;background:transparent;padding-left:12px;color:#475569;font-size:14px;font-weight:800;white-space:nowrap}

.miigo-inner-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{display:none}
.miigo-inner-channel-nav button{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-channel-nav button.is-active,.miigo-inner-channel-nav button.active{color:#111827;text-shadow:none}

.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)}
.miigo-inner-pic{height:118px;background:#e5e7eb center/cover no-repeat}
.miigo-inner-name{min-height:44px;padding:8px;font-size:13px;font-weight:850;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.miigo-inner-meta{padding:0 8px 8px;font-size:11px;color:#94a3b8;font-weight:700}

/* 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:hidden}
#miigo-v4-tabbar button{width:100%;min-width:0;height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#6b7280;font-size:10px;font-weight:800;line-height:1.1;padding:0 1px}
#miigo-v4-tabbar button.is-active{color:#111827}
#miigo-v4-tabbar button img{display:block;object-fit:contain;flex-shrink:0}
#miigo-v4-tabbar button span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#miigo-v4-tabbar button.is-center img{margin-top:-4px}

/* player */
.miigo-player-safe{position:fixed;inset:0;z-index:9999999;background:#000;display:flex;flex-direction:column}
.miigo-player-safe[hidden]{display:none!important}
.miigo-player-safe-top{display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top,0px)) 12px 10px;background:linear-gradient(180deg,rgba(0,0,0,.85),transparent);position:absolute;top:0;left:0;right:0;z-index:2}
.miigo-player-safe-top button{color:#fff;font-size:22px;font-weight:900;width:36px;height:36px;display:flex;align-items:center;justify-content:center}
.miigo-player-safe-top div{flex:1;color:#fff;font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.miigo-player-safe video{flex:1;width:100%;max-height:100%;background:#000;object-fit:contain}

/* dev placeholder */
.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}
