:root{
  --bg:#e2f0d6;
  --main:#96b278;
  --main-dark:#7f9f5e;
  --main-light:#b8cf9e;
  --accent:#f2efbe;
  --card:rgba(255,255,255,0.85);
  --text:#2a3b1e;
  --sub:#7f9a64;
  --shadow:0 12px 24px -10px rgba(80,110,50,0.2);
  --shadow-hover:0 18px 32px -12px rgba(80,110,50,0.32);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:'Segoe UI','PingFang SC',Roboto,'Helvetica Neue',sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.65;
  overflow-x:hidden;
}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;}
.container{
  width:100%;
  max-width:1240px;
  margin:0 auto;
  padding:0 24px;
}

/* 顶部导航 */
.top-bar{
  position:sticky;
  top:12px;
  z-index:100;
  padding:0 20px;
}
.nav{
  max-width:1200px;
  margin:0 auto;
  background:rgba(255,255,255,0.88);
  backdrop-filter:blur(8px);
  border-radius:60px;
  box-shadow:var(--shadow);
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 24px;
  gap:16px;
}
.brand{
  display:flex;
  align-items:center;
  gap:10px;
}
.brand img{
  height:34px;
  width:auto;
}
.brand-text strong{
  display:block;
  font-size:1.05rem;
  font-weight:800;
  letter-spacing:1px;
}
.brand-text span{
  display:block;
  font-size:0.66rem;
  color:var(--sub);
  letter-spacing:1px;
}
.nav-links{
  display:flex;
  align-items:center;
  gap:4px;
  flex-wrap:wrap;
  justify-content:center;
}
.nav-links a{
  font-size:0.85rem;
  padding:7px 12px;
  border-radius:30px;
  transition:all .25s ease;
  white-space:nowrap;
}
.nav-links a:hover{
  background:var(--main);
  color:#fff;
  transform:translateY(-2px);
}
.nav-links a.active{
  background:var(--accent);
  font-weight:700;
}
.nav-tools{
  display:flex;
  align-items:center;
  gap:10px;
}
.icon-btn{
  width:34px;height:34px;
  border-radius:50%;
  background:var(--main-light);
  display:flex;align-items:center;justify-content:center;
  font-size:0.9rem;
  color:#fff;
  transition:all .25s ease;
  cursor:pointer;
  border:none;
}
.icon-btn:hover{background:var(--main-dark);transform:translateY(-2px);}
.avatar{
  width:34px;height:34px;border-radius:50%;
  background:linear-gradient(135deg,var(--main),var(--main-dark));
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:0.8rem;font-weight:700;
}

/* 搜索条 */
.search-section{
  padding:28px 0 8px;
}
.search-bar{
  display:flex;
  align-items:center;
  background:#fff;
  border-radius:60px;
  box-shadow:var(--shadow);
  padding:6px 6px 6px 22px;
  gap:10px;
}
.search-bar input{
  flex:1;
  border:none;
  outline:none;
  background:transparent;
  font-size:0.92rem;
  color:var(--text);
  font-family:inherit;
  padding:10px 0;
}
.search-bar input::placeholder{color:var(--sub);}
.search-bar button{
  border:none;
  background:var(--main);
  color:#fff;
  font-size:0.9rem;
  font-weight:600;
  padding:11px 28px;
  border-radius:60px;
  cursor:pointer;
  transition:all .25s ease;
  font-family:inherit;
}
.search-bar button:hover{background:var(--main-dark);}

/* 主视觉 */
.hero{
  padding:32px 0 12px;
}
.hero-inner{
  background:linear-gradient(135deg,#cfe4bb 0%,#a9c78d 55%,#8fae72 100%);
  border-radius:32px;
  padding:52px 48px;
  display:grid;
  grid-template-columns:1.15fr 0.85fr;
  gap:40px;
  align-items:center;
  position:relative;
  overflow:hidden;
  box-shadow:var(--shadow);
}
.hero-inner::after{
  content:"";
  position:absolute;
  width:360px;height:360px;
  border-radius:50%;
  background:rgba(255,255,255,0.16);
  right:-120px;bottom:-140px;
}
.hero-text h1{
  font-size:3.2rem;
  font-weight:800;
  line-height:1.18;
  letter-spacing:1px;
  color:#1f3015;
  margin-bottom:18px;
}
.hero-text p{
  font-size:1rem;
  color:#2f421f;
  max-width:520px;
  margin-bottom:24px;
}
.hero-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:28px;
}
.hero-tags span{
  background:rgba(255,255,255,0.7);
  color:#2f421f;
  font-size:0.78rem;
  font-weight:600;
  padding:7px 16px;
  border-radius:30px;
}
.hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.btn-main{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:#fff;
  color:#2f421f;
  font-weight:700;
  font-size:0.92rem;
  padding:13px 26px;
  border-radius:60px;
  box-shadow:0 8px 18px -8px rgba(40,60,20,0.4);
  transition:all .25s ease;
}
.btn-main:hover{transform:translateY(-4px);box-shadow:0 16px 26px -10px rgba(40,60,20,0.5);}
.btn-ghost{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:rgba(255,255,255,0.35);
  color:#2f421f;
  font-weight:600;
  font-size:0.92rem;
  padding:13px 26px;
  border-radius:60px;
  border:1px solid rgba(255,255,255,0.7);
  transition:all .25s ease;
}
.btn-ghost:hover{background:rgba(255,255,255,0.6);transform:translateY(-4px);}
.hero-visual{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
}
.hero-cover{
  width:100%;
  max-width:320px;
  border-radius:22px;
  box-shadow:0 22px 40px -16px rgba(35,55,20,0.55);
  transform:rotate(-3deg);
  border:5px solid rgba(255,255,255,0.85);
  transition:transform .35s ease;
}
.hero-cover:hover{transform:rotate(0deg) scale(1.02);}
.hero-side{
  position:absolute;
  right:0;
  bottom:-10px;
  width:150px;
  border-radius:16px;
  border:4px solid rgba(255,255,255,0.9);
  box-shadow:0 16px 30px -14px rgba(35,55,20,0.5);
  transform:rotate(5deg);
}

/* 大卡片 */
.section{
  padding:22px 0;
}
.card{
  background:var(--card);
  backdrop-filter:blur(6px);
  border:1px solid var(--main-light);
  border-radius:32px;
  padding:28px 30px;
  box-shadow:var(--shadow);
}
.card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:22px;
  flex-wrap:wrap;
}
.card-head h2{
  font-size:1.8rem;
  font-weight:700;
  position:relative;
  padding-left:18px;
  line-height:1.25;
}
.card-head h2::before{
  content:"";
  position:absolute;
  left:0;
  top:6px;
  bottom:6px;
  width:12px;
  border-radius:6px;
  background:var(--main);
}
.card-head .sub{
  font-size:0.82rem;
  color:var(--sub);
  margin-top:2px;
}
.view-all{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:var(--accent);
  color:#4a5c32;
  font-size:0.8rem;
  font-weight:600;
  padding:8px 18px;
  border-radius:30px;
  transition:all .25s ease;
}
.view-all:hover{transform:translateX(4px);background:#ece8a8;}

/* 漫画网格 */
.grid-6{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:16px;
}
.grid-4{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.grid-3{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.grid-2{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
}

.manga-card{
  background:#fafdf7;
  border:1px solid var(--main-light);
  border-radius:24px;
  overflow:hidden;
  transition:all .28s ease;
  display:flex;
  flex-direction:column;
}
.manga-card:hover{
  transform:translateY(-5px);
  border-color:var(--main);
  box-shadow:var(--shadow-hover);
}
.cover{
  height:150px;
  position:relative;
  overflow:hidden;
}
.cover img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .4s ease;
}
.manga-card:hover .cover img{transform:scale(1.06);}
.cover-badge{
  position:absolute;
  top:8px;
  left:8px;
  background:rgba(255,255,255,0.9);
  color:#3d5226;
  font-size:0.66rem;
  font-weight:700;
  padding:3px 9px;
  border-radius:30px;
}
.manga-info{
  padding:12px 14px 14px;
  display:flex;
  flex-direction:column;
  gap:6px;
  flex:1;
}
.manga-info h3{
  font-size:1.02rem;
  font-weight:700;
  line-height:1.3;
}
.manga-meta{
  font-size:0.72rem;
  color:var(--sub);
}
.manga-desc{
  font-size:0.76rem;
  color:#53663f;
  line-height:1.55;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:auto;
  padding-top:6px;
}
.tags span{
  background:var(--accent);
  color:#5a6d3c;
  font-size:0.66rem;
  font-weight:600;
  padding:3px 10px;
  border-radius:30px;
}

/* 排行榜 */
.rank-list{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.rank-item{
  display:flex;
  align-items:center;
  gap:14px;
  padding:10px 14px;
  border-radius:18px;
  transition:all .25s ease;
}
.rank-item:hover{
  background:#eef6e4;
  padding-left:24px;
}
.rank-num{
  font-size:1.3rem;
  font-weight:800;
  width:30px;
  text-align:center;
  color:var(--sub);
}
.rank-item:nth-child(1) .rank-num{color:#d4a72c;}
.rank-item:nth-child(2) .rank-num{color:#9aa3a8;}
.rank-item:nth-child(3) .rank-num{color:#c08650;}
.rank-thumb{
  width:52px;
  height:52px;
  border-radius:14px;
  overflow:hidden;
  flex-shrink:0;
}
.rank-thumb img{width:100%;height:100%;object-fit:cover;}
.rank-info{flex:1;min-width:0;}
.rank-info strong{font-size:0.95rem;display:block;}
.rank-info em{font-style:normal;font-size:0.74rem;color:var(--sub);}
.rank-trend{
  font-size:0.78rem;
  font-weight:700;
  padding:3px 10px;
  border-radius:30px;
}
.trend-up{background:#e3f2d3;color:#4f7a2a;}
.trend-down{background:#fde9d6;color:#c07a2a;}
.trend-flat{background:#e8eadd;color:#7f8a6a;}

/* 专题 */
.feature-card{
  border-radius:28px;
  padding:28px 26px;
  color:#fff;
  position:relative;
  overflow:hidden;
  min-height:190px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  transition:all .28s ease;
}
.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);}
.feature-card h3{font-size:1.25rem;font-weight:800;margin-bottom:8px;}
.feature-card p{font-size:0.84rem;opacity:.92;max-width:85%;}
.feature-card .deco{
  position:absolute;
  right:12px;
  bottom:4px;
  font-size:4rem;
  opacity:0.28;
  pointer-events:none;
}
.feature-btn{
  align-self:flex-start;
  background:rgba(255,255,255,0.9);
  color:#3f5727;
  font-size:0.78rem;
  font-weight:700;
  padding:8px 18px;
  border-radius:30px;
  margin-top:16px;
  transition:all .25s ease;
}
.feature-btn:hover{transform:translateX(4px);}
.f1{background:linear-gradient(135deg,#8fae72,#6f9153);}
.f2{background:linear-gradient(135deg,#a9c78d,#86a86a);}
.f3{background:linear-gradient(135deg,#7fa564,#61894a);}

/* 标签组 */
.tag-cloud{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.tag-cloud a{
  background:#fff;
  border:1px solid var(--main-light);
  color:#41552a;
  font-size:0.82rem;
  font-weight:600;
  padding:8px 18px;
  border-radius:30px;
  transition:all .25s ease;
}
.tag-cloud a:hover{
  background:var(--main);
  border-color:var(--main);
  color:#fff;
  transform:translateY(-2px);
}

/* 社区动态 */
.feed{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.feed-item{
  display:flex;
  gap:14px;
  background:#fafdf7;
  border:1px solid var(--main-light);
  border-radius:20px;
  padding:16px 18px;
  transition:all .25s ease;
}
.feed-item:hover{border-color:var(--main);box-shadow:var(--shadow);}
.feed-avatar{
  width:42px;height:42px;border-radius:50%;
  background:linear-gradient(135deg,var(--main),var(--main-dark));
  color:#fff;font-weight:700;font-size:0.82rem;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.feed-body{flex:1;min-width:0;}
.feed-head{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:6px;
}
.feed-head strong{font-size:0.9rem;}
.feed-head time{font-size:0.72rem;color:var(--sub);}
.feed-body p{font-size:0.86rem;color:#3d5226;margin-bottom:8px;}
.feed-actions{
  display:flex;
  gap:16px;
  font-size:0.74rem;
  color:var(--sub);
}
.feed-actions span{transition:color .2s ease;cursor:pointer;}
.feed-actions span:hover{color:var(--main-dark);}

/* 资讯 */
.news-item{
  display:flex;
  gap:14px;
  background:#fafdf7;
  border:1px solid var(--main-light);
  border-radius:20px;
  overflow:hidden;
  transition:all .25s ease;
}
.news-item:hover{border-color:var(--main);transform:translateY(-3px);box-shadow:var(--shadow);}
.news-thumb{
  width:110px;
  flex-shrink:0;
  overflow:hidden;
}
.news-thumb img{width:100%;height:100%;object-fit:cover;}
.news-text{
  padding:14px 14px 14px 0;
  display:flex;
  flex-direction:column;
  gap:6px;
  justify-content:center;
}
.news-text strong{font-size:0.9rem;line-height:1.4;}
.news-text span{font-size:0.72rem;color:var(--sub);}

/* 问答 */
.qa-item{
  background:#eef6e4;
  border-left:5px solid var(--main);
  border-radius:16px;
  padding:16px 18px;
  transition:all .25s ease;
}
.qa-item:hover{background:#fff;border-left-color:var(--main-dark);box-shadow:var(--shadow);}
.qa-head{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:8px;
}
.qa-avatar{
  width:30px;height:30px;border-radius:50%;
  background:var(--main-light);
  display:flex;align-items:center;justify-content:center;
  font-size:0.7rem;font-weight:700;color:#fff;
}
.qa-head strong{font-size:0.84rem;}
.qa-head time{font-size:0.7rem;color:var(--sub);margin-left:auto;}
.qa-q{
  font-size:0.9rem;
  font-weight:600;
  color:#2f421f;
  margin-bottom:8px;
}
.qa-q::before{content:"问 · ";color:var(--main-dark);font-weight:800;}
.qa-a{
  background:#f7fbef;
  border-radius:12px;
  padding:10px 12px;
  font-size:0.8rem;
  color:#44582e;
  margin-bottom:8px;
}
.qa-a strong{color:#2f421f;}
.qa-meta{
  display:flex;
  gap:16px;
  font-size:0.72rem;
  color:var(--sub);
}
.ask-bar{
  display:flex;
  gap:10px;
  margin-top:18px;
  background:#fff;
  border-radius:60px;
  padding:6px 6px 6px 20px;
  box-shadow:0 8px 18px -10px rgba(80,110,50,0.25);
}
.ask-bar input{
  flex:1;
  border:none;outline:none;
  background:transparent;
  font-size:0.86rem;
  color:var(--text);
  font-family:inherit;
}
.ask-bar button{
  border:none;
  background:var(--main);
  color:#fff;
  font-size:0.84rem;
  font-weight:600;
  padding:10px 24px;
  border-radius:60px;
  cursor:pointer;
  font-family:inherit;
  transition:background .25s ease;
}
.ask-bar button:hover{background:var(--main-dark);}

/* 新人必看 / 周报 左右分栏 */
.split{
  display:grid;
  grid-template-columns:1.1fr 0.9fr;
  gap:32px;
  align-items:center;
}
.split h2{
  font-size:1.55rem;
  font-weight:700;
  margin-bottom:12px;
}
.split p{
  font-size:0.9rem;
  color:#435a2c;
  margin-bottom:16px;
}
.entry-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.entry-tags a{
  background:var(--accent);
  color:#4a5c32;
  font-size:0.82rem;
  font-weight:600;
  padding:9px 18px;
  border-radius:30px;
  transition:all .25s ease;
}
.entry-tags a:hover{background:var(--main);color:#fff;transform:translateY(-2px);}
.split-visual{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.split-visual img{
  width:100%;
  height:150px;
  object-fit:cover;
  border-radius:18px;
  border:3px solid #fff;
  box-shadow:var(--shadow);
}

/* 榜单评分 */
.score-card{
  background:#fafdf7;
  border:1px solid var(--main-light);
  border-radius:22px;
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:10px;
  transition:all .25s ease;
}
.score-card:hover{transform:translateY(-4px);border-color:var(--main);box-shadow:var(--shadow);}
.score-card .score-thumb{
  width:100%;
  height:120px;
  border-radius:14px;
  overflow:hidden;
}
.score-card .score-thumb img{width:100%;height:100%;object-fit:cover;}
.score-card strong{font-size:0.95rem;}
.score-value{
  font-size:1.6rem;
  font-weight:800;
  color:var(--main-dark);
  line-height:1;
}
.score-value small{font-size:0.72rem;color:var(--sub);font-weight:500;margin-left:4px;}

/* 时间表 */
.schedule-card{
  background:#fafdf7;
  border:1px solid var(--main-light);
  border-radius:22px;
  padding:16px 18px;
  transition:all .25s ease;
}
.schedule-card:hover{border-color:var(--main);box-shadow:var(--shadow);}
.schedule-card h3{
  font-size:1rem;
  font-weight:700;
  color:#3d5226;
  margin-bottom:10px;
  padding-bottom:8px;
  border-bottom:1px dashed var(--main-light);
}
.schedule-card li{
  font-size:0.82rem;
  color:#4a5f33;
  padding:5px 0;
  display:flex;
  align-items:center;
  gap:8px;
}
.schedule-card li::before{
  content:"";
  width:6px;height:6px;
  border-radius:50%;
  background:var(--main);
  flex-shrink:0;
}

/* 活动 */
.activity-card{
  border-radius:26px;
  padding:26px 24px;
  color:#fff;
  position:relative;
  overflow:hidden;
  transition:all .28s ease;
}
.activity-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);}
.activity-card h3{font-size:1.12rem;font-weight:800;margin-bottom:6px;}
.activity-card p{font-size:0.82rem;opacity:.92;margin-bottom:14px;}
.activity-card .activity-btn{
  display:inline-block;
  background:rgba(255,255,255,0.9);
  color:#3f5727;
  font-size:0.76rem;
  font-weight:700;
  padding:7px 16px;
  border-radius:30px;
  transition:all .25s ease;
}
.activity-card .activity-btn:hover{transform:translateX(4px);}
.activity-card .deco{
  position:absolute;
  right:10px;bottom:0;
  font-size:3.4rem;
  opacity:0.25;
}

/* 订阅周报 */
.subscribe-box{
  background:linear-gradient(135deg,#cfe4bb,#9dbe80);
  border-radius:28px;
  padding:32px 34px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  align-items:center;
}
.subscribe-box h2{font-size:1.45rem;font-weight:800;margin-bottom:8px;color:#243718;}
.subscribe-box p{font-size:0.86rem;color:#33461f;}
.subscribe-form{
  display:flex;
  background:#fff;
  border-radius:60px;
  padding:6px 6px 6px 20px;
  gap:8px;
  box-shadow:0 8px 20px -10px rgba(40,60,20,0.35);
}
.subscribe-form input{
  flex:1;
  border:none;outline:none;
  background:transparent;
  font-size:0.86rem;
  color:var(--text);
  font-family:inherit;
  min-width:0;
}
.subscribe-form button{
  border:none;
  background:var(--main);
  color:#fff;
  font-size:0.84rem;
  font-weight:700;
  padding:10px 22px;
  border-radius:60px;
  cursor:pointer;
  font-family:inherit;
  white-space:nowrap;
  transition:background .25s ease;
}
.subscribe-form button:hover{background:var(--main-dark);}

/* 页脚 */
.footer{
  margin-top:40px;
  padding:36px 0 60px;
  border-top:1px solid var(--main-light);
  font-size:0.78rem;
  color:#6b8354;
}
.footer-top{
  display:flex;
  justify-content:space-between;
  gap:30px;
  flex-wrap:wrap;
  margin-bottom:22px;
}
.footer-brand{max-width:340px;}
.footer-brand strong{display:block;font-size:0.95rem;color:#41552a;margin-bottom:6px;}
.footer-brand p{font-size:0.76rem;line-height:1.7;color:#6b8354;}
.footer-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  align-content:flex-start;
}
.footer-links a{font-size:0.76rem;color:#6b8354;transition:color .2s ease;}
.footer-links a:hover{color:var(--main-dark);}
.footer-bottom{
  padding-top:16px;
  border-top:1px dashed var(--main-light);
  display:flex;
  flex-wrap:wrap;
  gap:8px 20px;
  align-items:center;
  font-size:0.72rem;
  color:#7d9367;
}
.footer-bottom a{color:#7d9367;}
.footer-bottom a:hover{color:var(--main-dark);}

/* 悬浮按钮 */
.float-download{
  position:fixed;
  right:22px;
  bottom:24px;
  z-index:999;
  display:flex;
  align-items:center;
  gap:9px;
  background:#fff;
  color:#33461f;
  font-size:0.84rem;
  font-weight:700;
  padding:10px 20px 10px 10px;
  border-radius:60px;
  box-shadow:0 14px 28px -10px rgba(60,90,40,0.45);
  transition:all .28s ease;
}
.float-download:hover{transform:translateY(-5px);box-shadow:0 20px 34px -12px rgba(60,90,40,0.55);}
.float-download .dl-icon{
  width:34px;height:34px;
  border-radius:50%;
  background:var(--main);
  color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-size:1rem;
  transition:transform .28s ease;
}
.float-download:hover .dl-icon{transform:scale(1.12);}
.float-feedback{
  position:fixed;
  right:22px;
  bottom:92px;
  z-index:998;
  width:44px;height:44px;
  border-radius:50%;
  background:var(--accent);
  color:#5a6d3c;
  display:flex;align-items:center;justify-content:center;
  font-size:1.05rem;
  box-shadow:0 10px 22px -8px rgba(80,110,50,0.4);
  transition:transform .25s ease;
}
.float-feedback:hover{transform:scale(1.05);}

/* 响应式 */
@media (max-width:1100px){
  .grid-6{grid-template-columns:repeat(3,1fr);}
  .hero-text h1{font-size:2.6rem;}
}
@media (max-width:900px){
  .hero-inner{
    grid-template-columns:1fr;
    padding:36px 28px;
  }
  .hero-visual{display:none;}
  .nav{flex-wrap:wrap;justify-content:center;border-radius:32px;padding:12px 18px;gap:10px;}
  .nav-links{order:3;width:100%;}
  .grid-4{grid-template-columns:repeat(2,1fr);}
  .grid-3{grid-template-columns:repeat(2,1fr);}
  .split{grid-template-columns:1fr;}
  .subscribe-box{grid-template-columns:1fr;padding:26px;}
  .card-head h2{font-size:1.5rem;}
}
@media (max-width:768px){
  .container{padding:0 16px;}
  .top-bar{padding:0 12px;top:8px;}
  .card{padding:22px 18px;border-radius:26px;}
  .card-head h2{font-size:1.28rem;padding-left:14px;}
  .card-head h2::before{width:8px;}
  .hero-text h1{font-size:2.1rem;}
  .hero-inner{padding:28px 22px;border-radius:24px;}
  .grid-6{grid-template-columns:repeat(2,1fr);gap:12px;}
  .grid-4{grid-template-columns:repeat(2,1fr);gap:12px;}
  .grid-3{grid-template-columns:1fr;}
  .grid-2{grid-template-columns:1fr;}
  .news-item{grid-template-columns:1fr;}
  .split-visual img{height:120px;}
}
@media (max-width:600px){
  .hero-text h1{font-size:1.85rem;}
  .hero-tags span{font-size:0.72rem;padding:6px 12px;}
  .btn-main,.btn-ghost{padding:11px 20px;font-size:0.85rem;}
  .grid-6{grid-template-columns:repeat(2,minmax(0,1fr));}
  .cover{height:120px;}
  .manga-info{padding:10px 10px 12px;}
  .manga-info h3{font-size:0.9rem;}
  .manga-desc{font-size:0.72rem;}
  .news-thumb{width:88px;}
  .float-download{right:14px;bottom:16px;padding:8px 16px 8px 8px;font-size:0.78rem;}
  .float-download .dl-icon{width:30px;height:30px;font-size:0.9rem;}
  .float-feedback{right:14px;bottom:76px;width:38px;height:38px;font-size:0.95rem;}
  .search-bar{padding:5px 5px 5px 16px;}
  .search-bar button{padding:9px 20px;font-size:0.84rem;}
  .tag-cloud a{font-size:0.76rem;padding:7px 14px;}
  .footer-bottom{flex-direction:column;align-items:flex-start;}
}