:root{
  --bg:#e2f0d6;
  --main:#96b278;
  --main-dark:#7f9f5e;
  --main-light:#b8cf9e;
  --accent:#f2efbe;
  --card:rgba(255,255,255,0.85);
  --text:#2a3b1e;
  --sub:#5f7a4a;
  --shadow:0 12px 24px -10px rgba(80,110,50,0.2);
}
*{margin:0;padding:0;box-sizing:border-box;}
body{
  background:var(--bg);
  color:var(--text);
  font-family:'Segoe UI','PingFang SC',Roboto,'Helvetica Neue',sans-serif;
  line-height:1.65;
  padding-bottom:40px;
}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}
.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 24px;}

/* 顶部导航 */
header.site-header{
  position:sticky;top:12px;z-index:100;
  padding:0 20px;
}
.navbar{
  max-width:1200px;margin:0 auto;
  background:rgba(255,255,255,0.92);
  border:1px solid var(--main-light);
  border-radius:60px;
  box-shadow:var(--shadow);
  display:flex;align-items:center;gap:18px;
  padding:10px 22px;
  backdrop-filter:blur(10px);
}
.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.brand img{height:34px;width:auto;}
.brand-text{display:flex;flex-direction:column;line-height:1.2;}
.brand-text strong{font-size:1.05rem;font-weight:800;}
.brand-text span{font-size:0.7rem;color:var(--sub);}
.nav-links{display:flex;flex-wrap:wrap;gap:4px;margin-left:auto;}
.nav-links a{
  font-size:0.85rem;font-weight:600;color:var(--text);
  padding:8px 13px;border-radius:30px;transition:all .22s ease;
}
.nav-links a:hover{background:var(--main-light);transform:translateY(-2px);}
.nav-links a.active{background:var(--main);color:#fff;}
.nav-tools{display:flex;gap:8px;flex-shrink:0;}
.nav-tools a{
  width:34px;height:34px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--accent);font-size:0.9rem;transition:all .2s;
}
.nav-tools a:hover{background:var(--main-light);transform:translateY(-2px);}

/* 搜索条 */
.search-bar{
  max-width:1200px;margin:18px auto 0;
  display:flex;gap:10px;padding:0 24px;
}
.search-bar input{
  flex:1;border:1px solid var(--main-light);
  border-radius:30px;padding:12px 20px;font-size:0.9rem;
  background:rgba(255,255,255,0.8);color:var(--text);outline:none;
}
.search-bar input:focus{border-color:var(--main);}
.search-bar button{
  border:none;background:var(--main);color:#fff;
  font-weight:700;font-size:0.9rem;padding:12px 28px;
  border-radius:30px;cursor:pointer;transition:all .2s;
}
.search-bar button:hover{background:var(--main-dark);transform:translateY(-2px);}

/* 主视觉 */
.hero{
  max-width:1200px;margin:26px auto 0;padding:0 24px;
}
.hero-inner{
  display:grid;grid-template-columns:1.15fr 0.85fr;gap:30px;
  background:linear-gradient(135deg,#d5eec0 0%,#eaf6dd 60%,#f6f7d9 100%);
  border:1px solid var(--main-light);
  border-radius:32px;padding:42px 40px;
  box-shadow:var(--shadow);
  align-items:center;
}
.hero h1{font-size:2.5rem;font-weight:800;line-height:1.25;letter-spacing:0.5px;}
.hero p.lead{margin-top:16px;font-size:1rem;color:var(--sub);max-width:40em;}
.hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;}
.hero-tags span{
  background:var(--accent);color:var(--text);
  font-size:0.78rem;font-weight:600;
  padding:6px 16px;border-radius:30px;
}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;}
.btn-main{
  display:inline-block;background:var(--main);color:#fff;
  font-weight:700;font-size:0.95rem;
  padding:13px 32px;border-radius:30px;
  box-shadow:var(--shadow);transition:all .22s ease;
}
.btn-main:hover{background:var(--main-dark);transform:translateY(-5px);}
.btn-ghost{
  display:inline-block;background:rgba(255,255,255,0.85);
  border:1px solid var(--main);color:var(--text);
  font-weight:700;font-size:0.95rem;
  padding:13px 30px;border-radius:30px;transition:all .22s ease;
}
.btn-ghost:hover{background:#fff;transform:translateY(-5px);}
.hero-visual{
  border:2px dashed var(--main);
  border-radius:28px;
  overflow:hidden;
  background:rgba(255,255,255,0.5);
  min-height:280px;
  display:flex;align-items:center;justify-content:center;
}
.hero-visual img{width:100%;height:100%;object-fit:cover;}

/* 卡片通用 */
.card{
  max-width:1200px;margin:32px auto 0;
  background:var(--card);
  border:1px solid var(--main-light);
  border-radius:32px;
  padding:28px 30px;
  box-shadow:var(--shadow);
  backdrop-filter:blur(6px);
}
.card-head{
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;margin-bottom:22px;
}
.card-head h2{
  font-size:1.8rem;font-weight:700;
  padding-left:16px;position:relative;line-height:1.2;
}
.card-head h2::before{
  content:"";position:absolute;left:0;top:6px;bottom:6px;
  width:12px;border-radius:6px;background:var(--main);
}
.card-head h2.small{font-size:1.45rem;}
.more-link{
  background:var(--accent);color:var(--text);
  font-size:0.8rem;font-weight:600;
  padding:8px 18px;border-radius:30px;white-space:nowrap;
  transition:all .22s ease;
}
.more-link:hover{transform:translateX(4px);background:var(--main-light);}

/* 漫画网格 */
.manga-grid{
  display:grid;grid-template-columns:repeat(6,1fr);gap:18px;
}
.manga-item{
  background:#fafdf7;border:1px solid var(--main-light);
  border-radius:24px;overflow:hidden;
  transition:all .25s ease;
}
.manga-item:hover{
  transform:translateY(-5px);
  border-color:var(--main);
  box-shadow:0 16px 26px -12px rgba(80,110,50,0.35);
}
.manga-cover{
  height:150px;overflow:hidden;
  background:linear-gradient(160deg,#cfe6ba,#f0f6e6);
}
.manga-cover img{width:100%;height:100%;object-fit:cover;}
.manga-info{padding:12px 14px 16px;}
.manga-info h3{font-size:1.02rem;font-weight:700;margin-bottom:4px;}
.manga-meta{font-size:0.75rem;color:var(--sub);margin-bottom:6px;}
.manga-desc{
  font-size:0.76rem;color:#4d6440;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;line-height:1.5;margin-bottom:8px;
}
.mini-tags{display:flex;flex-wrap:wrap;gap:5px;}
.mini-tags span{
  font-size:0.66rem;font-weight:600;
  background:var(--main-light);color:#2f4520;
  padding:2px 9px;border-radius:30px;
}

/* 排行榜 */
.rank-list{display:flex;flex-direction:column;gap:8px;}
.rank-item{
  display:flex;align-items:center;gap:16px;
  padding:10px 14px;border-radius:20px;
  transition:all .22s ease;
}
.rank-item:hover{background:#eef6e5;transform:translateX(6px);}
.rank-no{
  font-size:1.35rem;font-weight:800;width:34px;text-align:center;
  color:var(--main-dark);flex-shrink:0;
}
.rank-item:nth-child(1) .rank-no{color:#c9a227;}
.rank-item:nth-child(2) .rank-no{color:#8e9aa5;}
.rank-item:nth-child(3) .rank-no{color:#b07a43;}
.rank-thumb{
  width:48px;height:48px;border-radius:14px;overflow:hidden;flex-shrink:0;
  background:linear-gradient(150deg,#cfe6ba,#eef6e5);
}
.rank-thumb img{width:100%;height:100%;object-fit:cover;}
.rank-body{flex:1;min-width:0;}
.rank-body h3{font-size:1rem;font-weight:700;}
.rank-body p{font-size:0.75rem;color:var(--sub);}
.rank-trend{font-size:0.78rem;font-weight:700;white-space:nowrap;}
.trend-up{color:var(--main-dark);}
.trend-down{color:#c9822c;}
.trend-flat{color:#9aa78f;}

/* 专题 */
.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.topic-card{
  position:relative;border-radius:28px;padding:28px 24px;
  background:linear-gradient(140deg,#a9c98a,#7f9f5e);
  color:#fff;overflow:hidden;transition:all .25s ease;
  box-shadow:var(--shadow);
}
.topic-card:nth-child(2){background:linear-gradient(140deg,#b9d59b,#8fb06d);}
.topic-card:nth-child(3){background:linear-gradient(140deg,#8fae72,#6f9450);}
.topic-card:hover{transform:translateY(-5px);}
.topic-card h3{font-size:1.3rem;font-weight:700;margin-bottom:8px;}
.topic-card p{font-size:0.82rem;opacity:0.92;margin-bottom:18px;}
.topic-card .deco{
  position:absolute;right:-6px;bottom:-14px;font-size:5rem;opacity:0.22;
  pointer-events:none;
}
.topic-btn{
  display:inline-block;background:rgba(255,255,255,0.9);
  color:var(--text);font-size:0.78rem;font-weight:700;
  padding:8px 20px;border-radius:30px;transition:all .22s ease;
}
.topic-btn:hover{background:#fff;transform:translateY(-2px);}

/* 分类标签 */
.tag-cloud{display:flex;flex-wrap:wrap;gap:10px;}
.tag-cloud a{
  font-size:0.82rem;font-weight:600;
  background:var(--main-light);color:#2f4520;
  padding:7px 18px;border-radius:30px;
  transition:all .22s ease;
}
.tag-cloud a:hover{
  background:var(--main);color:#fff;transform:translateY(-2px);
}
.tag-cloud a.hot{background:var(--accent);color:var(--text);}

/* 社区动态 */
.feed{display:flex;flex-direction:column;gap:14px;}
.post{
  display:flex;gap:14px;padding:14px 16px;
  border-radius:22px;background:#fafdf7;
  border:1px solid #e2ecd8;transition:all .22s ease;
}
.post:hover{background:#fff;border-color:var(--main-light);box-shadow:0 10px 20px -12px rgba(80,110,50,0.3);}
.avatar{
  width:44px;height:44px;border-radius:50%;flex-shrink:0;overflow:hidden;
  background:linear-gradient(140deg,#cfe6ba,#f6f7d9);
  display:flex;align-items:center;justify-content:center;
  font-weight:800;color:#5f7a4a;font-size:1rem;
}
.post-body{flex:1;min-width:0;}
.post-user{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;}
.post-user strong{font-size:0.9rem;}
.post-user time{font-size:0.72rem;color:#93a887;}
.post-body p{font-size:0.84rem;margin:6px 0 8px;color:#3d5230;}
.post-foot{display:flex;gap:18px;font-size:0.75rem;color:var(--sub);}
.post-foot span{cursor:default;transition:color .2s;}
.post-foot span:hover{color:var(--main-dark);}

/* 资讯 */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.news-item{
  display:flex;gap:12px;background:#fafdf7;
  border:1px solid #e2ecd8;border-radius:20px;
  padding:12px;transition:all .22s ease;
}
.news-item:hover{transform:translateY(-4px);border-color:var(--main);box-shadow:0 12px 22px -14px rgba(80,110,50,0.4);}
.news-thumb{
  width:74px;height:74px;flex-shrink:0;border-radius:16px;overflow:hidden;
  background:linear-gradient(150deg,#cfe6ba,#eef6e5);
}
.news-thumb img{width:100%;height:100%;object-fit:cover;}
.news-text h3{font-size:0.9rem;font-weight:700;line-height:1.4;margin-bottom:4px;}
.news-text p{font-size:0.74rem;color:var(--sub);}

/* 问答 */
.qa-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
.qa-item{
  background:#f0f7e9;border-left:5px solid var(--main);
  border-radius:18px;padding:16px 18px;transition:all .22s ease;
}
.qa-item:hover{background:#fff;border-left-color:var(--main-dark);box-shadow:var(--shadow);}
.qa-ask{display:flex;align-items:center;gap:8px;font-size:0.76rem;color:var(--sub);margin-bottom:8px;}
.qa-ask .avatar{width:26px;height:26px;font-size:0.7rem;}
.qa-q{font-size:0.94rem;font-weight:700;margin-bottom:8px;}
.qa-a{
  background:#e9f4de;border-radius:14px;padding:10px 12px;
  font-size:0.8rem;color:#3d5230;
}
.qa-a strong{color:var(--main-dark);}
.qa-foot{display:flex;gap:16px;font-size:0.72rem;color:var(--sub);margin-top:10px;}
.ask-bar{display:flex;gap:10px;margin-top:18px;}
.ask-bar input{
  flex:1;border:1px solid var(--main-light);border-radius:30px;
  padding:12px 20px;font-size:0.85rem;outline:none;background:#fff;
}
.ask-bar input:focus{border-color:var(--main);}
.ask-bar button{
  border:none;background:var(--main);color:#fff;font-weight:700;
  padding:12px 28px;border-radius:30px;cursor:pointer;transition:all .2s;
}
.ask-bar button:hover{background:var(--main-dark);}

/* 编辑精选 / 完结 / 评分 四列 */
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.simple-item{
  background:#fafdf7;border:1px solid var(--main-light);
  border-radius:24px;overflow:hidden;transition:all .25s ease;
}
.simple-item:hover{transform:translateY(-5px);border-color:var(--main);box-shadow:0 16px 26px -14px rgba(80,110,50,0.35);}
.simple-cover{height:170px;overflow:hidden;background:linear-gradient(160deg,#cfe6ba,#f0f6e6);}
.simple-cover img{width:100%;height:100%;object-fit:cover;}
.simple-body{padding:12px 14px 16px;}
.simple-body h3{font-size:1rem;font-weight:700;margin-bottom:4px;}
.simple-body p{font-size:0.75rem;color:var(--sub);}

/* 新人必看 左右分栏 */
.split{
  display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;
}
.split h2{
  font-size:1.6rem;font-weight:700;position:relative;padding-left:16px;
}
.split h2::before{
  content:"";position:absolute;left:0;top:6px;bottom:6px;
  width:12px;border-radius:6px;background:var(--main);
}
.split p{margin-top:12px;font-size:0.88rem;color:var(--sub);}
.entry-tags{display:flex;flex-wrap:wrap;gap:12px;}
.entry-tags a{
  flex:1;min-width:120px;text-align:center;
  background:var(--accent);border:1px solid var(--main-light);
  border-radius:22px;padding:18px 12px;
  font-size:0.9rem;font-weight:700;
  transition:all .22s ease;
}
.entry-tags a:hover{background:var(--main);color:#fff;transform:translateY(-4px);}
.entry-tags span{display:block;font-size:0.7rem;font-weight:400;margin-top:4px;opacity:0.8;}

/* 活动 */
.activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.activity-card{
  position:relative;border-radius:28px;padding:26px 22px;color:#fff;overflow:hidden;
  background:linear-gradient(140deg,#9dc07e,#719453);transition:all .25s ease;
}
.activity-card:nth-child(2){background:linear-gradient(140deg,#c1d9a4,#8bab6b);}
.activity-card:nth-child(3){background:linear-gradient(140deg,#8aa96c,#658048);}
.activity-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);}
.activity-card h3{font-size:1.18rem;font-weight:700;margin-bottom:6px;}
.activity-card p{font-size:0.8rem;opacity:0.92;margin-bottom:16px;}
.activity-card .deco{position:absolute;right:0px;bottom:-10px;font-size:4.4rem;opacity:0.2;}

/* 时间表 */
.schedule-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.day-card{
  background:#fafdf7;border:1px solid var(--main-light);
  border-radius:22px;padding:18px 18px;transition:all .22s ease;
}
.day-card:hover{border-color:var(--main);box-shadow:var(--shadow);}
.day-card h3{
  font-size:1rem;font-weight:700;margin-bottom:10px;color:var(--main-dark);
}
.day-card ul{list-style:none;display:flex;flex-direction:column;gap:8px;}
.day-card li{font-size:0.82rem;color:#3d5230;display:flex;align-items:center;gap:8px;}
.day-card li::before{
  content:"";width:6px;height:6px;border-radius:50%;background:var(--main-light);flex-shrink:0;
}

/* 评分 */
.score-card{
  background:#fafdf7;border:1px solid var(--main-light);
  border-radius:24px;padding:20px;text-align:center;transition:all .22s ease;
}
.score-card:hover{transform:translateY(-5px);border-color:var(--main);box-shadow:var(--shadow);}
.score-card h3{font-size:0.98rem;font-weight:700;margin-bottom:8px;}
.score-num{font-size:2rem;font-weight:800;color:var(--main-dark);line-height:1.1;}
.score-card p{font-size:0.74rem;color:var(--sub);margin-top:6px;}

/* 订阅 */
.subscribe{
  display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;
}
.subscribe h2{font-size:1.6rem;font-weight:700;padding-left:16px;position:relative;}
.subscribe h2::before{
  content:"";position:absolute;left:0;top:6px;bottom:6px;width:12px;border-radius:6px;background:var(--main);
}
.subscribe p{margin-top:10px;font-size:0.88rem;color:var(--sub);}
.sub-form{display:flex;gap:10px;}
.sub-form input{
  flex:1;border:1px solid var(--main-light);border-radius:30px;
  padding:13px 20px;font-size:0.88rem;outline:none;background:#fff;
}
.sub-form input:focus{border-color:var(--main);}
.sub-form button{
  border:none;background:var(--main);color:#fff;font-weight:700;
  padding:13px 26px;border-radius:30px;cursor:pointer;transition:all .2s;white-space:nowrap;
}
.sub-form button:hover{background:var(--main-dark);}

/* 图片墙 */
.gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;}
.gallery figure{
  border-radius:20px;overflow:hidden;border:1px solid var(--main-light);
  background:#fafdf7;transition:all .22s ease;
}
.gallery figure:hover{transform:translateY(-4px);border-color:var(--main);box-shadow:var(--shadow);}
.gallery img{width:100%;height:170px;object-fit:cover;}
.gallery figcaption{font-size:0.72rem;color:var(--sub);padding:8px 10px;text-align:center;}

/* 页脚 */
footer.site-footer{
  max-width:1200px;margin:48px auto 0;padding:24px 24px 10px;
  border-top:1px solid rgba(150,178,120,0.4);
  font-size:0.76rem;color:#7f9a64;
}
.footer-top{
  display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:26px;
  padding-bottom:18px;
}
.footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
.footer-brand img{height:26px;}
.footer-brand strong{font-size:0.9rem;color:var(--text);}
.footer-top p{font-size:0.76rem;line-height:1.7;}
.footer-links{display:flex;flex-wrap:wrap;gap:8px 16px;}
.footer-links a{font-size:0.76rem;transition:color .2s;}
.footer-links a:hover{color:var(--main-dark);}
.footer-bottom{
  border-top:1px dashed rgba(150,178,120,0.5);
  padding-top:14px;display:flex;flex-wrap:wrap;gap:8px 20px;
  align-items:center;justify-content:space-between;
  font-size:0.72rem;color:#93a887;
}
.footer-bottom a{color:#93a887;text-decoration:underline;}

/* 悬浮按钮 */
.float-download{
  position:fixed;right:20px;bottom:22px;z-index:999;
  display:flex;align-items:center;gap:10px;
  background:#fff;border-radius:40px;padding:10px 20px 10px 10px;
  box-shadow:0 12px 26px -10px rgba(80,110,50,0.45);
  font-size:0.85rem;font-weight:700;color:var(--text);
  transition:all .22s ease;border:1px solid var(--main-light);
}
.float-download:hover{transform:translateY(-5px);}
.float-download .dl-icon{
  width:34px;height:34px;border-radius:50%;background:var(--main);
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:1rem;transition:transform .22s ease;
}
.float-download:hover .dl-icon{transform:scale(1.12);}
.float-feedback{
  position:fixed;right:22px;bottom:88px;z-index:998;
  width:44px;height:44px;border-radius:50%;
  background:var(--accent);border:1px solid var(--main-light);
  display:flex;align-items:center;justify-content:center;
  font-size:1.1rem;box-shadow:var(--shadow);transition:all .22s ease;
}
.float-feedback:hover{transform:scale(1.05);}

/* 响应式 */
@media (max-width:1024px){
  .manga-grid{grid-template-columns:repeat(3,1fr);}
  .news-grid{grid-template-columns:repeat(2,1fr);}
  .gallery{grid-template-columns:repeat(3,1fr);}
  .grid-4{grid-template-columns:repeat(2,1fr);}
  .hero h1{font-size:2.1rem;}
}
@media (max-width:900px){
  .hero-inner{grid-template-columns:1fr;padding:32px 26px;}
  .hero-visual{display:none;}
  .navbar{flex-wrap:wrap;justify-content:center;border-radius:36px;padding:12px 18px;}
  .nav-links{margin-left:0;justify-content:center;}
  .topic-grid{grid-template-columns:1fr;}
  .activity-grid{grid-template-columns:1fr;}
  .schedule-grid{grid-template-columns:repeat(2,1fr);}
  .qa-grid{grid-template-columns:1fr;}
  .split,.subscribe{grid-template-columns:1fr;}
  .footer-top{grid-template-columns:1fr;}
}
@media (max-width:600px){
  .wrap,.card,.hero,.search-bar{padding-left:16px;padding-right:16px;}
  .card{padding:20px 16px;margin-top:24px;border-radius:26px;}
  .card-head{flex-wrap:wrap;}
  .card-head h2{font-size:1.4rem;}
  .manga-grid{grid-template-columns:repeat(2,1fr);gap:12px;}
  .manga-cover{height:130px;}
  .news-grid{grid-template-columns:1fr;}
  .grid-4{grid-template-columns:1fr;}
  .gallery{grid-template-columns:repeat(2,1fr);}
  .schedule-grid{grid-template-columns:1fr;}
  .hero h1{font-size:1.7rem;}
  .search-bar button{padding:12px 18px;}
  .float-download{padding:8px 16px 8px 8px;font-size:0.78rem;bottom:16px;right:14px;}
  .float-feedback{width:38px;height:38px;bottom:74px;right:16px;}
  .subscribe h2,.split h2{font-size:1.3rem;}
}