/* Home 2026 dedicated stylesheet. Loaded only on front/home to avoid CDN/cache mismatch. */
/* ============================================================
   HOME 2026 — visual inspirado na referência enviada pelo usuário
   ============================================================ */
/* A home usa as mesmas variáveis do Personalizar -> Gerenciamento de Cores. */
.home-2026 {
  --home-primary: var(--primary, #ff315d);
  --home-primary-hover: var(--primary-hover, #ff5277);
  --home-secondary: var(--secondary, #00b8ff);
  --home-accent: var(--accent, #a52b9f);
}
body.home { background:var(--background, #05070d); color:var(--text, #fff); }
body.home .homepage-container, body.home .content-with-sidebar { max-width:none; padding:0; margin:0; }
body.home .site-header { background:color-mix(in srgb, var(--background, #05070d) 96%, transparent); border-bottom:1px solid rgba(255,255,255,.06); box-shadow:none; }
body.home .header-container { max-width:1440px; padding-left:34px; padding-right:34px; }
body.home .site-title { background:none; -webkit-text-fill-color:initial; color:var(--primary, #ff2b64); letter-spacing:1.4px; font-size:1.28rem; }
body.home .nav-menu li a { color:var(--text-secondary, #aeb6c8); font-size:.86rem; padding:0 13px; }
body.home .nav-menu li a:hover, body.home .nav-menu li.current-menu-item a { color:var(--text, #fff); }
body.home .site-main.home-2026 { width:100%; max-width:none; margin:0; }

.home-featured { position:relative; min-height:440px; overflow:hidden; border-bottom:1px solid rgba(255,255,255,.05); isolation:isolate; }
.home-featured::before { content:""; position:absolute; inset:0; background-image:linear-gradient(90deg,color-mix(in srgb, var(--primary, #ff315d) 28%, rgba(5,7,13,.88)) 0%,color-mix(in srgb, var(--background, #05070d) 88%, transparent) 53%,color-mix(in srgb, var(--accent, #a52b9f) 32%, rgba(5,7,13,.86)) 100%),var(--hero-bg); background-size:cover; background-position:center 27%; filter:saturate(.8); z-index:-2; }
.home-featured::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.03),color-mix(in srgb, var(--background, #05070d) 35%, transparent)); z-index:-1; }
.home-featured-inner { max-width:1440px; min-height:440px; margin:auto; padding:46px 50px; display:grid; grid-template-columns:230px minmax(0,760px); gap:28px; align-items:center; }
.home-featured-cover { width:230px; height:326px; border-radius:11px; overflow:hidden; border:1px solid rgba(255,255,255,.26); box-shadow:0 20px 50px rgba(0,0,0,.38); }
.home-featured-cover img { width:100%; height:100%; object-fit:cover; display:block; }
.home-featured-copy h1 { margin:0 0 8px; color:var(--text, #fff); font-size:clamp(2.15rem,4vw,4rem); line-height:.96; font-weight:900; text-transform:uppercase; letter-spacing:-1.5px; max-width:850px; }
.home-featured-meta { display:flex; align-items:center; flex-wrap:wrap; gap:8px; color:var(--text-secondary, #c7cbd5); font-size:.82rem; text-transform:uppercase; letter-spacing:1px; }
.home-featured-meta strong { color:var(--text, #fff); }
.home-featured-meta span+span::before { content:"|"; color:#6b7280; margin-right:8px; }
.home-featured-copy>p { color:var(--text-secondary, #d2d5df); max-width:780px; margin:17px 0 13px; line-height:1.7; font-size:.92rem; }
.home-featured-pills { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:17px; }
.home-featured-pills span { border:1px solid rgba(255,255,255,.16); background:color-mix(in srgb, var(--card-bg, #0b1019) 70%, transparent); border-radius:999px; padding:5px 10px; color:#dce4ef; font-size:.72rem; }
.home-featured-pills span:first-child { border-color:#8b4b26; background:rgba(111,54,21,.38); color:#ffd7b5; }
.home-featured-pills span:nth-child(2) { border-color:#315e91; background:rgba(32,74,120,.35); color:#cde6ff; }
.home-featured-pills span:nth-child(3) { border-color:#286d55; background:rgba(28,102,75,.34); color:#caffec; }
.home-featured-actions { display:flex; gap:10px; }
.home-btn { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 22px; border-radius:999px; color:#fff!important; font-size:.76rem; font-weight:800; background:color-mix(in srgb, var(--card-bg, #05080e) 78%, transparent); border:1px solid var(--border, rgba(255,255,255,.08)); }
.home-btn-primary { color:#fff!important; background:linear-gradient(90deg,var(--button-bg, var(--primary, #ff315d)),var(--accent, #a52b9f)); border-color:transparent; }
.home-btn-primary:hover { background:linear-gradient(90deg,var(--button-hover, var(--primary-hover, #ff5277)),var(--accent, #a52b9f)); }

.home-vip-strip { max-width:1330px; margin:17px auto 28px; border:1px solid color-mix(in srgb, var(--primary, #ff4f8b) 38%, transparent); background:linear-gradient(90deg, color-mix(in srgb, var(--primary, #ff315c) 55%, #180812), color-mix(in srgb, var(--accent, #a52b9f) 55%, #15102a)); min-height:62px; border-radius:11px; padding:12px 17px; display:flex; align-items:center; justify-content:space-between; gap:20px; box-shadow:inset 0 1px rgba(255,255,255,.08); }
.home-vip-strip div { display:flex; flex-direction:column; color:#f2dcea; }
.home-vip-strip strong { color:var(--text, #fff); font-size:.88rem; }
.home-vip-strip span { font-size:.76rem; opacity:.86; }
.home-vip-strip>a { background:linear-gradient(90deg,var(--primary, #ff315c),var(--accent, #a52b9f)); color:var(--text, #fff); padding:9px 17px; border-radius:999px; font-size:.72rem; font-weight:800; }

.home-section { max-width:1330px; margin:0 auto 31px; padding:0; }
.home-section-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
.home-section-head h2 { margin:0; color:var(--text, #f2f4f8); font-size:1.02rem; font-weight:850; letter-spacing:.15px; }
.home-section-head h2 span { color:var(--primary, #ff326b); margin-right:5px; }
.home-section-head p { margin:3px 0 0; color:var(--text-secondary, #777f91); font-size:.75rem; }
.home-section-head>a { color:var(--text, #e9edf4)!important; background:var(--card-bg, #141b2b); border:1px solid var(--border, rgba(255,255,255,.06)); padding:8px 15px; border-radius:999px; font-size:.68rem; font-weight:750; }
.home-popular-track { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:13px; overflow:hidden; }
.home-latest-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:13px; }
.home-manga-card { min-width:0; background:var(--card-bg, #0b1019); border:1px solid var(--border, #232b39); border-radius:10px; overflow:hidden; box-shadow:0 8px 24px rgba(0,0,0,.16); transition:transform .2s,border-color .2s; }
.home-manga-card:hover { transform:translateY(-3px); border-color:var(--primary, #3b4659); }
.home-manga-cover { display:block; position:relative; aspect-ratio:3/4.1; background:color-mix(in srgb, var(--card-bg, #111827) 82%, var(--background, #05070d)); overflow:hidden; }
.home-manga-cover img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .35s ease; }
.home-manga-card:hover .home-manga-cover img { transform:scale(1.035); }
.home-cover-placeholder { display:flex; width:100%; height:100%; align-items:center; justify-content:center; color:var(--text-secondary, #64748b); font-size:.72rem; }
.home-type-badge,.home-rating-badge { position:absolute; top:8px; z-index:2; border-radius:999px; font-size:.54rem; line-height:1; font-weight:800; padding:5px 7px; backdrop-filter:blur(8px); }
.home-type-badge { left:7px; background:color-mix(in srgb, var(--secondary, #00b8ff) 28%, var(--card-bg, #08152a)); color:var(--text, #d8efff); border:1px solid color-mix(in srgb, var(--secondary, #00b8ff) 45%, transparent); }
.home-rating-badge { right:7px; background:color-mix(in srgb, var(--card-bg, #0a0d13) 86%, transparent); color:color-mix(in srgb, var(--secondary, #ffd76a) 55%, #ffe58a); border:1px solid color-mix(in srgb, var(--secondary, #ffd76a) 30%, transparent); }
.home-card-body { padding:8px 8px 9px; }
.home-card-body h3 { margin:0 0 7px; min-height:30px; font-size:.72rem; line-height:1.25; font-weight:750; }
.home-card-body h3 a { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; color:var(--text, #f4f6fb); }
.home-card-chapters { display:flex; flex-direction:column; gap:5px; }
.home-card-chapters>a { display:flex; justify-content:space-between; align-items:center; gap:5px; background:color-mix(in srgb, var(--card-bg, #0d1420) 82%, var(--background, #05070d)); border:1px solid var(--border, #273043); color:var(--text, #dde3ed); border-radius:5px; padding:5px 6px; font-size:.61rem; }
.home-card-chapters>a:first-child { border-color:color-mix(in srgb, var(--primary, #7c4d35) 65%, var(--border, #273043)); }
.home-card-chapters small { background:var(--primary, #fb315d); color:var(--text, #fff); border-radius:999px; padding:2px 5px; font-size:.47rem; font-weight:900; }
.home-no-chapter { color:var(--text-secondary, #687386); font-size:.61rem; }

.home-seo-panel { border-top:1px solid var(--border, #242a35); background:color-mix(in srgb, var(--card-bg, #10131a) 75%, var(--background, #05070d)); padding:30px max(50px,calc((100vw - 1330px)/2)); margin-top:21px; }
.home-seo-panel h2 { margin:0 0 10px; color:var(--text, #f4f5f7); font-size:1rem; }
.home-seo-panel p { color:var(--text-secondary, #959baa); max-width:940px; font-size:.74rem; line-height:1.7; }
.home-genre-pills { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }
.home-genre-pills a { color:var(--text-secondary, #7e8798); background:var(--tag-bg, #171c25); border:1px solid var(--border, #252b35); border-radius:999px; font-size:.61rem; padding:5px 9px; }
.home-genre-pills a:hover { color:var(--text, #fff); border-color:var(--primary, #ff2f6d); }

body.home .site-footer { background:linear-gradient(180deg,var(--background, #090c12),color-mix(in srgb, var(--card-bg, #11101a) 82%, var(--background, #090c12))); border-top:1px solid var(--border, #242936); }
body.home .site-footer .container { max-width:1330px; }
body.home .site-stats { margin:0; padding:19px 0; border:0; }
body.home .stats-wrapper { justify-content:flex-start; gap:8px; }
body.home .stats-divider { display:none; }
body.home .stats-group { gap:8px; }
body.home .stats-item { background:var(--card-bg, #151923); border:1px solid var(--border, #252a35); border-radius:8px; padding:8px 12px; min-width:135px; }
body.home .stats-label { font-size:.58rem; color:var(--text-secondary, #7f8796); }
body.home .stats-value { font-size:.92rem; }
body.home .footer-widgets { display:none; }

@media (max-width:1200px){
  .home-featured-inner,.home-section,.home-vip-strip { max-width:calc(100% - 40px); }
  .home-featured-inner { grid-template-columns:190px minmax(0,1fr); padding-left:0; padding-right:0; }
  .home-featured-cover { width:190px; height:270px; }
  .home-popular-track,.home-latest-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
}
@media (max-width:900px){
  .home-featured { min-height:auto; }
  .home-featured-inner { padding:34px 0; grid-template-columns:155px minmax(0,1fr); min-height:0; }
  .home-featured-cover { width:155px; height:220px; }
  .home-featured-copy h1 { font-size:2rem; }
  .home-featured-copy>p { font-size:.8rem; max-height:64px; overflow:hidden; }
  .home-popular-track,.home-latest-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .home-seo-panel { padding-left:20px; padding-right:20px; }
}
@media (max-width:680px){
  body.home .header-container { padding-left:15px; padding-right:15px; }
  .home-featured-inner { max-width:calc(100% - 28px); display:block; padding:24px 0 28px; text-align:left; }
  .home-featured-cover { width:118px; height:168px; float:left; margin:0 15px 10px 0; }
  .home-featured-copy h1 { font-size:1.5rem; padding-top:4px; }
  .home-featured-copy>p { clear:both; padding-top:8px; max-height:none; }
  .home-featured-pills { clear:both; }
  .home-vip-strip,.home-section { max-width:calc(100% - 24px); }
  .home-vip-strip span { display:none; }
  .home-popular-track { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:8px; }
  .home-popular-track .home-manga-card { flex:0 0 148px; scroll-snap-align:start; }
  .home-latest-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .home-section-head h2 { font-size:.9rem; }
}

/* Slider principal da home */
.home-featured-slider{position:relative;overflow:hidden;background:var(--background,#05070d);}
.home-featured-slides{display:grid;}
.home-featured-slide{grid-area:1/1;opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.015);transition:opacity .55s ease,transform .7s ease,visibility .55s;}
.home-featured-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1);z-index:2;}
.home-featured-title{margin:0 0 8px;color:var(--text,#fff);font-size:clamp(2.15rem,4vw,4rem);line-height:.96;font-weight:900;text-transform:uppercase;letter-spacing:-1.5px;max-width:850px;}
.home-hero-arrow{position:absolute;top:50%;z-index:5;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(5,8,15,.58);backdrop-filter:blur(12px);color:#fff;font-size:2rem;line-height:1;display:grid;place-items:center;cursor:pointer;transition:.2s ease;}
.home-hero-arrow:hover{background:color-mix(in srgb,var(--primary,#ff315d) 30%,rgba(5,8,15,.82));border-color:color-mix(in srgb,var(--primary,#ff315d) 65%,transparent);transform:translateY(-50%) scale(1.06);}
.home-hero-prev{left:22px}.home-hero-next{right:22px}
.home-hero-dots{position:absolute;z-index:6;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:8px;padding:7px 10px;border-radius:999px;background:rgba(5,8,15,.42);backdrop-filter:blur(10px);}
.home-hero-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.34);cursor:pointer;transition:.25s ease;}
.home-hero-dots button.is-active{width:26px;border-radius:999px;background:linear-gradient(90deg,var(--primary,#ff315d),var(--accent,#a52b9f));}
.home-hero-progress{position:absolute;z-index:7;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.05);overflow:hidden;}
.home-hero-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--primary,#ff315d),var(--accent,#a52b9f));}
.home-featured-slider.is-running .home-hero-progress span{animation:slimereadHeroProgress var(--hero-interval,7s) linear forwards;}
@keyframes slimereadHeroProgress{from{width:0}to{width:100%}}
@media (max-width:900px){.home-featured-title{font-size:2rem}.home-hero-arrow{width:38px;height:38px;font-size:1.6rem}.home-hero-prev{left:10px}.home-hero-next{right:10px}}
@media (max-width:640px){.home-featured-title{font-size:1.5rem;padding-top:4px}.home-hero-arrow{top:auto;bottom:13px;transform:none;width:34px;height:34px}.home-hero-arrow:hover{transform:scale(1.04)}.home-hero-prev{left:14px}.home-hero-next{right:14px}.home-hero-dots{bottom:18px}.home-hero-progress{height:2px}}
@media (prefers-reduced-motion:reduce){.home-featured-slide{transition:none}.home-featured-slider.is-running .home-hero-progress span{animation:none}}

/* Paginação das Últimas Atualizações — integrada ao visual 2026 */
.home-section-head-clean{justify-content:flex-start;}
.home-latest-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:7px;
  margin:24px auto 2px;
  padding:10px 12px;
  width:max-content;
  max-width:100%;
  border:1px solid var(--border,#232b39);
  border-radius:16px;
  background:color-mix(in srgb,var(--card-bg,#0b1019) 90%,transparent);
  box-shadow:0 12px 32px rgba(0,0,0,.2);
  backdrop-filter:blur(12px);
}
.home-latest-pagination a,
.home-latest-pagination .is-current{
  min-width:36px;
  height:36px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--border,#273043);
  border-radius:10px;
  background:color-mix(in srgb,var(--card-bg,#101725) 88%,var(--background,#05070d));
  color:var(--text-secondary,#aeb6c8);
  font-size:.76rem;
  font-weight:800;
  line-height:1;
  text-decoration:none;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease;
}
.home-latest-pagination a:hover{
  transform:translateY(-1px);
  color:var(--text,#fff);
  border-color:color-mix(in srgb,var(--primary,#ff315d) 55%,var(--border,#273043));
  background:color-mix(in srgb,var(--primary,#ff315d) 13%,var(--card-bg,#101725));
}
.home-latest-pagination .is-current{
  color:#fff;
  border-color:color-mix(in srgb,var(--primary,#ff315d) 72%,transparent);
  background:linear-gradient(135deg,var(--primary,#ff315d),var(--accent,#a52b9f));
  box-shadow:0 7px 18px color-mix(in srgb,var(--primary,#ff315d) 24%,transparent);
}
.home-latest-pagination .home-page-arrow{font-size:1.15rem;}
.home-latest-pagination .home-page-dots{display:inline-flex;align-items:center;justify-content:center;min-width:22px;color:var(--text-secondary,#687386);font-weight:800;}
@media (max-width:680px){
  .home-latest-pagination{gap:5px;margin-top:18px;padding:8px;border-radius:14px;width:100%;}
  .home-latest-pagination a,.home-latest-pagination .is-current{min-width:34px;height:34px;padding:0 8px;font-size:.72rem;border-radius:9px;}
}

/* ============================================================
   HOME PREMIUM 2026 — refinamento visual completo
   Mantém as variáveis do Personalizar e a estrutura SEO existente.
   ============================================================ */
body.home{
  background:
    radial-gradient(circle at 14% 10%,color-mix(in srgb,var(--primary,#ff315d) 10%,transparent),transparent 28%),
    radial-gradient(circle at 88% 18%,color-mix(in srgb,var(--secondary,#00b8ff) 8%,transparent),transparent 26%),
    var(--background,#05070d);
}
body.home .site-header{
  position:sticky;top:0;z-index:900;
  background:color-mix(in srgb,var(--background,#05070d) 78%,transparent);
  backdrop-filter:blur(18px) saturate(135%);
  -webkit-backdrop-filter:blur(18px) saturate(135%);
  border-bottom:1px solid color-mix(in srgb,var(--border,#273043) 68%,transparent);
}
.home-featured-slider{margin-bottom:34px;border-bottom:1px solid color-mix(in srgb,var(--border,#273043) 70%,transparent);}
.home-featured{min-height:500px;}
.home-featured::before{filter:saturate(.92) contrast(1.05);transform:scale(1.03);}
.home-featured::after{background:linear-gradient(90deg,color-mix(in srgb,var(--background,#05070d) 92%,transparent) 0%,color-mix(in srgb,var(--background,#05070d) 56%,transparent) 48%,color-mix(in srgb,var(--background,#05070d) 72%,transparent) 100%),linear-gradient(180deg,transparent 52%,var(--background,#05070d) 100%);}
.home-featured-inner{min-height:500px;grid-template-columns:250px minmax(0,780px);gap:42px;padding-top:54px;padding-bottom:64px;}
.home-featured-cover{width:250px;height:354px;border-radius:18px;border:1px solid color-mix(in srgb,var(--primary,#ff315d) 35%,rgba(255,255,255,.18));box-shadow:0 30px 80px rgba(0,0,0,.54),0 0 38px color-mix(in srgb,var(--primary,#ff315d) 12%,transparent);transition:transform .28s ease,box-shadow .28s ease;}
.home-featured-cover:hover{transform:translateY(-5px) rotate(-.5deg);box-shadow:0 36px 90px rgba(0,0,0,.6),0 0 48px color-mix(in srgb,var(--primary,#ff315d) 18%,transparent);}
.home-featured-title{text-shadow:0 8px 28px rgba(0,0,0,.46);}
.home-featured-copy>p{font-size:.95rem;line-height:1.78;}
.home-featured-actions .home-btn{min-height:44px;border-radius:12px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;}
.home-btn-primary{box-shadow:0 12px 30px color-mix(in srgb,var(--primary,#ff315d) 24%,transparent);}
.home-section{max-width:1360px;margin-bottom:48px;}
.home-section-head{margin-bottom:18px;}
.home-section-head-modern{align-items:flex-end;}
.home-section-kicker{display:block;margin-bottom:5px;color:var(--primary,#ff315d);font-size:.58rem;font-weight:900;letter-spacing:1.8px;text-transform:uppercase;}
.home-section-head h2{font-size:1.13rem;letter-spacing:.1px;}
.home-section-head p{font-size:.72rem;margin-top:5px;}
.home-section-head>a{transition:transform .18s ease,border-color .18s ease,background .18s ease;}
.home-section-head>a:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary,#ff315d) 55%,var(--border,#273043));background:color-mix(in srgb,var(--primary,#ff315d) 11%,var(--card-bg,#141b2b));}
.home-popular-track{display:flex;overflow-x:auto;gap:14px;padding:2px 2px 13px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--primary,#ff315d) 40%,var(--border,#273043)) transparent;}
.home-popular-track .home-manga-card{flex:0 0 176px;scroll-snap-align:start;}
.home-latest-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:15px;}
.home-manga-card{border-radius:14px;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--card-bg,#101725) 96%,#fff 1%),color-mix(in srgb,var(--card-bg,#0d131f) 92%,var(--background,#05070d)));border:1px solid color-mix(in srgb,var(--border,#273043) 82%,transparent);box-shadow:0 10px 28px rgba(0,0,0,.17);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;}
.home-manga-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--primary,#ff315d) 45%,var(--border,#273043));box-shadow:0 20px 42px rgba(0,0,0,.3);}
.home-manga-cover{overflow:hidden;}
.home-manga-cover img{transition:transform .35s ease,filter .35s ease;}
.home-manga-card:hover .home-manga-cover img{transform:scale(1.045);filter:saturate(1.06);}
.home-new-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:14px;}
.home-ranking-section{padding:25px;border:1px solid color-mix(in srgb,var(--border,#273043) 80%,transparent);border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--card-bg,#101725) 90%,transparent),color-mix(in srgb,var(--accent,#a52b9f) 7%,var(--card-bg,#0a101b)));box-shadow:0 24px 60px rgba(0,0,0,.18);}
.home-ranking-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 14px;}
.home-ranking-item{display:grid;grid-template-columns:48px 54px minmax(0,1fr) 28px;align-items:center;gap:12px;min-height:76px;padding:9px 12px;border:1px solid color-mix(in srgb,var(--border,#273043) 76%,transparent);border-radius:14px;background:color-mix(in srgb,var(--background,#05070d) 40%,var(--card-bg,#111827));text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease;}
.home-ranking-item:hover{transform:translateX(3px);border-color:color-mix(in srgb,var(--primary,#ff315d) 48%,var(--border,#273043));background:color-mix(in srgb,var(--primary,#ff315d) 6%,var(--card-bg,#111827));}
.home-rank-number{font-size:1.2rem;font-weight:950;letter-spacing:-1px;color:color-mix(in srgb,var(--text-secondary,#8d96a8) 75%,transparent);text-align:center;}
.home-ranking-item:nth-child(-n+3) .home-rank-number{color:var(--primary,#ff315d);text-shadow:0 0 20px color-mix(in srgb,var(--primary,#ff315d) 25%,transparent);}
.home-rank-cover{width:54px;height:58px;border-radius:9px;overflow:hidden;background:var(--card-bg,#101725);}
.home-rank-cover img{width:100%;height:100%;object-fit:cover;display:block;}
.home-rank-info{min-width:0;display:flex;flex-direction:column;gap:5px;}
.home-rank-info strong{color:var(--text,#fff);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.home-rank-info small{color:var(--text-secondary,#8993a5);font-size:.61rem;}
.home-rank-arrow{color:var(--text-secondary,#8993a5);font-size:1.45rem;text-align:center;}
.home-discover-genres{padding:28px;border-radius:22px;background:radial-gradient(circle at 12% 20%,color-mix(in srgb,var(--primary,#ff315d) 12%,transparent),transparent 28%),radial-gradient(circle at 85% 70%,color-mix(in srgb,var(--secondary,#00b8ff) 10%,transparent),transparent 28%),color-mix(in srgb,var(--card-bg,#101725) 78%,var(--background,#05070d));border:1px solid color-mix(in srgb,var(--border,#273043) 80%,transparent);}
.home-genre-cloud{display:flex;flex-wrap:wrap;gap:9px;}
.home-genre-cloud a{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 13px;border-radius:11px;background:color-mix(in srgb,var(--card-bg,#121a28) 88%,transparent);border:1px solid color-mix(in srgb,var(--border,#273043) 85%,transparent);color:var(--text,#f3f5f8);font-size:.7rem;font-weight:750;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease;}
.home-genre-cloud a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary,#ff315d) 55%,var(--border,#273043));background:color-mix(in srgb,var(--primary,#ff315d) 10%,var(--card-bg,#121a28));}
.home-genre-cloud small{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--primary,#ff315d) 14%,transparent);color:color-mix(in srgb,var(--primary,#ff315d) 65%,#fff);font-size:.55rem;}
.home-seo-panel{margin-top:0;border-top:0;border-radius:22px 22px 0 0;}
@media(max-width:1200px){.home-new-grid{grid-template-columns:repeat(5,minmax(0,1fr));}.home-latest-grid{grid-template-columns:repeat(5,minmax(0,1fr));}.home-ranking-section,.home-discover-genres{max-width:calc(100% - 40px);}.home-featured-inner{grid-template-columns:210px minmax(0,1fr)}.home-featured-cover{width:210px;height:298px}}
@media(max-width:900px){.home-new-grid,.home-latest-grid{grid-template-columns:repeat(4,minmax(0,1fr));}.home-ranking-list{grid-template-columns:1fr}.home-ranking-section,.home-discover-genres{padding:20px}.home-featured{min-height:auto}.home-featured-inner{grid-template-columns:165px minmax(0,1fr);min-height:410px}.home-featured-cover{width:165px;height:235px}}
@media(max-width:680px){.home-featured-slider{margin-bottom:24px}.home-section{margin-bottom:34px}.home-section-head-modern{align-items:flex-start}.home-section-head>a{padding:7px 10px;font-size:.61rem}.home-new-grid,.home-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-popular-track .home-manga-card{flex-basis:150px}.home-ranking-section,.home-discover-genres{max-width:calc(100% - 24px);padding:16px;border-radius:17px}.home-ranking-item{grid-template-columns:38px 48px minmax(0,1fr) 20px;gap:9px;padding:8px}.home-rank-cover{width:48px;height:54px}.home-rank-info strong{font-size:.72rem}.home-genre-cloud{gap:7px}.home-genre-cloud a{min-height:35px;padding:0 10px;font-size:.64rem}.home-featured-cover:hover,.home-manga-card:hover{transform:none}}