*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{background:#FAFAFA;color:#262626;font-family:"Microsoft YaHei","PingFang SC",-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-size:14px;min-height:100vh}
img{border:0;outline:0;vertical-align:top}
a{color:#E1306C;text-decoration:none;transition:color .3s}
a:hover{color:#833AB4}
ul,li{list-style:none}

/* ===== Navbar ===== */
.navbar{background:rgba(255,255,255,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.06);height:60px;position:sticky;top:0;z-index:10000}
.nav-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;height:60px;padding:0 20px;position:relative;z-index:10001}
.logo{font-size:24px;font-weight:bold;cursor:pointer;position:relative;z-index:10002;display:flex;align-items:center;gap:10px}
.logo img{ padding:10px 0; height:60px;}
.logo-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#2B2B2B,#1a1a1a);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:bold;font-size:18px;position:relative;box-shadow:0 2px 8px rgba(0,0,0,.12);flex-shrink:0}
.logo-icon::after{content:'';position:absolute;bottom:6px;width:20px;height:6px;background:#FF5252;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.logo-text{display:flex;flex-direction:column;justify-content:center}
.logo .q10086{font-size:22px;background:linear-gradient(90deg,#F77737,#E1306C,#833AB4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.logo .sub{color:#8E8E8E;font-size:12px;font-weight:normal;display:flex;align-items:center;gap:4px}
.biz-icons{display:flex;gap:3px;margin-left:4px}
.biz-icon{width:14px;height:14px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:8px;color:#fff;font-weight:bold;line-height:1}
.biz-icon.vip{background:linear-gradient(135deg,#FFD700,#FFB300);color:#333}
.biz-icon.yellow{background:#FFB300}
.biz-icon.blue{background:#448AFF}
.biz-icon.green{background:#00C853}
.biz-icon.red{background:#FF5252}
.biz-icon.purple{background:#AB47BC}
.nav-menu{display:flex;margin-left:30px;position:relative;z-index:10002}
.nav-menu li{position:relative;height:60px;display:flex;align-items:center;padding:0 16px;color:#8E8E8E;font-size:14px;cursor:pointer;transition:all .3s;white-space:nowrap;user-select:none}
.nav-menu li a{ color:#8E8E8E;}
.nav-menu li:hover a,.nav-menu li.active a{color:#E1306C}
.nav-menu li.active::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:28px;height:3px;background:linear-gradient(90deg,#F77737,#E1306C,#833AB4);border-radius:2px}

/* ===== Page View ===== */
.page-view{display:none}
.page-view.active{display:block}

/* ===== Banner ===== */
.banner{background:#FAFAFA;margin:0 auto 0;text-align:center;position:relative;overflow:hidden}
.banner img{max-width:980px;width:100%;height:auto;display:block;margin:0 auto;border:0;outline:0}
.banner-sm img{max-width:980px;width:100%;height:auto;display:block;margin:0 auto;border:0;outline:0}

/* ===== Hero Valuation ===== */
.hero{max-width:960px;margin:30px auto 0;padding:0 20px}
.hero-card{background:#FFFFFF;border:1px solid rgba(0,0,0,.06);border-radius:20px;padding:36px 40px;text-align:center;position:relative;overflow:hidden;box-shadow:0 2px 20px rgba(0,0,0,.04)}
.hero-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#F77737,#E1306C,#833AB4);pointer-events:none}
.hero-badge{display:inline-block;background:linear-gradient(90deg,#F77737,#E1306C,#833AB4);color:#fff;font-size:13px;font-weight:bold;padding:4px 16px;border-radius:20px;margin-bottom:16px;position:relative}
.hero-title{font-size:32px;font-weight:bold;color:#262626;margin-bottom:6px;position:relative}
.hero-sub{font-size:15px;color:#8E8E8E;margin-bottom:24px;position:relative}
.hero-input-row{display:flex;gap:10px;max-width:500px;margin:0 auto 8px;position:relative}
.hero-input-row input{flex:1;padding:14px 20px;border-radius:12px;border:2px solid #DBDBDB;background:#FAFAFA;color:#262626;font-size:20px;font-family:inherit;outline:none;letter-spacing:3px;transition:all .3s;text-align:center}
.hero-input-row input::placeholder{color:#C7C7C7;letter-spacing:1px;font-size:14px}
.hero-input-row input:focus{border-color:#E1306C;box-shadow:0 0 20px rgba(225,48,108,.12);background:#fff}
.hero-select-row{display:flex;gap:10px;max-width:500px;margin:0 auto 12px;position:relative}
.hero-select-row select{flex:1;padding:12px 36px 12px 16px;border-radius:12px;border:2px solid #DBDBDB;background:#FAFAFA;color:#262626;font-size:15px;font-family:inherit;outline:none;transition:all .3s;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23C7C7C7' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer}
.hero-select-row select:focus{border-color:#E1306C;box-shadow:0 0 20px rgba(225,48,108,.12);background-color:#fff}
.hero-btn{display:block;width:100%;max-width:500px;margin:0 auto;padding:14px;border-radius:12px;font-size:18px;font-weight:bold;color:#fff;background:linear-gradient(90deg,#F77737,#E1306C,#833AB4);border:none;cursor:pointer;transition:all .3s;position:relative;letter-spacing:2px}
.hero-btn:hover{box-shadow:0 6px 30px rgba(225,48,108,.3);transform:translateY(-2px)}
.hero-hint{font-size:12px;color:#C7C7C7;margin-top:10px;position:relative}

/* Hero Result */
.hero-result{display:none;max-width:500px;margin:16px auto 0;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:20px 24px;text-align:left;box-shadow:0 2px 16px rgba(0,0,0,.04)}
.hero-result.show{display:block;animation:fadeInUp .4s ease}
.hero-result .result-qq{font-size:22px;font-weight:bold;color:#E1306C;letter-spacing:2px;margin-bottom:12px}
.hero-result .result-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #F0F0F0;font-size:13px}
.hero-result .result-row .rl{color:#8E8E8E}
.hero-result .result-row .rr{color:#262626}
.hero-result .result-total{display:flex;justify-content:space-between;padding:10px 0 0;margin-top:8px;border-top:2px solid #E1306C}
.hero-result .result-total .rl{font-size:15px;color:#E1306C;font-weight:bold}
.hero-result .result-total .rr{font-size:22px;font-weight:bold;background:linear-gradient(90deg,#F77737,#E1306C,#833AB4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
@keyframes fadeInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

/* ===== Scrolling Valuation Records ===== */
.scroll-ticker{max-width:960px;margin:20px auto;padding:0 20px}
.ticker-label{display:inline-block;font-size:13px;font-weight:bold;color:#E1306C;margin-bottom:8px}
.ticker-label .dot{display:inline-block;width:8px;height:8px;background:#4CAF50;border-radius:50%;margin-right:6px;animation:blink 1.5s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.ticker-wrap{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:12px;overflow:hidden;height:48px;position:relative;box-shadow:0 1px 8px rgba(0,0,0,.04)}
.ticker-track{display:flex;gap:0;position:absolute;white-space:nowrap;animation:tickerScroll 60s linear infinite;align-items:center;height:48px}
.ticker-wrap:hover .ticker-track{animation-play-state:paused}
@keyframes tickerScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.ticker-item{display:inline-flex;align-items:center;gap:8px;padding:0 20px;font-size:13px;white-space:nowrap;color:#262626}
.ticker-item .t-qq{color:#E1306C;font-weight:bold;letter-spacing:1px}
.ticker-item .t-price{background:linear-gradient(90deg,#F77737,#833AB4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:bold}
.ticker-item .t-time{color:#C7C7C7;font-size:11px}
.ticker-item::after{content:'';display:inline-block;width:1px;height:20px;background:#F0F0F0;margin-left:16px}

/* ===== Section Title ===== */
.section{max-width:1200px;margin:30px auto;padding:0 20px}
.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #EFEFEF}
.section-title h2{font-size:20px;color:#262626;font-weight:700}
.section-title .more{font-size:12px;color:#E1306C;cursor:pointer;transition:all .3s;font-weight:600}
.section-title .more:hover{color:#833AB4}

/* ===== Process Steps ===== */
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.process-step{text-align:center;padding:24px 16px;background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:16px;transition:all .3s;position:relative;box-shadow:0 1px 6px rgba(0,0,0,.03)}
.process-step:hover{border-color:rgba(225,48,108,.2);transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,.08)}
.process-step .step-num{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#F77737,#E1306C,#833AB4);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:22px;font-weight:bold;color:#fff}
.process-step .step-arrow{position:absolute;right:-18px;top:50%;transform:translateY(-50%);font-size:20px;color:#E1306C;opacity:.4}
.process-step:last-child .step-arrow{display:none}
.process-step h3{font-size:15px;color:#262626;margin-bottom:6px}
.process-step p{font-size:12px;color:#8E8E8E;line-height:1.6}

/* ===== Price Range Cards ===== */
.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.price-card{text-align:center;padding:20px 16px;background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:16px;transition:all .3s;cursor:default;box-shadow:0 1px 6px rgba(0,0,0,.03)}
.price-card:hover{border-color:rgba(225,48,108,.2);transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,.08)}
.price-card .digit-tag{display:inline-block;font-size:24px;font-weight:bold;background:linear-gradient(90deg,#F77737,#E1306C,#833AB4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}
.price-card .price-range{font-size:16px;font-weight:bold;color:#262626;margin-bottom:4px}
.price-card .price-desc{font-size:12px;color:#8E8E8E}

/* ===== News/Articles ===== */
.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.news-item{display:flex;gap:14px;background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:16px;padding:16px;cursor:pointer;transition:all .3s;overflow:hidden;position:relative;box-shadow:0 1px 6px rgba(0,0,0,.03)}
.news-item::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#F77737,#E1306C,#833AB4);opacity:0;transition:opacity .3s}
.news-item:hover{transform:translateY(-3px);border-color:rgba(225,48,108,.2);box-shadow:0 8px 30px rgba(0,0,0,.08)}
.news-item:hover::before{opacity:1}
.news-thumb{width:100px;height:70px;border-radius:10px;object-fit:cover;flex-shrink:0;background:linear-gradient(135deg,#FDEDF3,#F3E8FF)}
.news-content{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}
.news-content h3{font-size:15px;color:#262626;margin-bottom:6px;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.news-item:hover .news-content h3{color:#E1306C}
.news-content p{font-size:13px;color:#8E8E8E;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-content .meta{margin-top:8px;font-size:12px;color:#C7C7C7}

/* ===== Article Detail ===== */
.article-detail{max-width:800px;margin:30px auto;padding:40px 50px;background:#FFFFFF;border-radius:20px;box-shadow:0 2px 20px rgba(0,0,0,.05)}
.article-header{border-bottom:1px solid #EFEFEF;padding-bottom:20px;margin-bottom:24px}
.article-header h1{font-size:24px;color:#262626;margin-bottom:12px;line-height:1.4}
.article-meta{display:flex;gap:16px;font-size:13px;color:#C7C7C7}
.article-body{line-height:2;font-size:15px;color:#333}
.article-body p{margin-bottom:16px}
.article-body h3{font-size:18px;color:#E1306C;margin:24px 0 12px}
.article-body strong{color:#262626}
.article-body ul{margin:12px 0 12px 20px}
.article-body li{margin-bottom:8px;color:#555}
.article-banner img{max-width:100%;height:auto;border-radius:12px}

/* ===== Contact Section ===== */
.contact-bar{max-width:1200px;margin:30px auto;padding:0 20px}
.contact-card{background:#FFFFFF;border:1px solid rgba(0,0,0,.06);border-radius:20px;padding:30px 40px;display:flex;align-items:center;gap:30px;box-shadow:0 2px 16px rgba(0,0,0,.04);position:relative;overflow:hidden}
.contact-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#F77737,#E1306C,#833AB4)}
.contact-qr{background:linear-gradient(135deg,#FDEDF3,#F3E8FF);padding:8px;border-radius:12px;width:100px;height:100px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:#E1306C;font-weight:bold}
.contact-info{flex:1}
.contact-info h3{color:#262626;font-size:18px;margin-bottom:8px}
.contact-info p{color:#8E8E8E;font-size:13px;line-height:1.8}
.contact-info .contact-qq{color:#E1306C;font-weight:bold}

/* ===== Footer ===== */
.footer{background:#fff;border-top:1px solid #EFEFEF;padding:30px 20px;text-align:center;margin-top:40px}
.footer p{color:#C7C7C7;font-size:12px;line-height:2}

/* ===== Announce Bar ===== */
.announce{max-width:1200px;margin:0 auto 24px;padding:0 20px}
.announce-bar{display:flex;align-items:stretch;height:64px;background:#fff;border-radius:14px;overflow:hidden;position:relative;box-shadow:0 2px 16px rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.06)}
.announce-bar::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(225,48,108,.03),transparent);pointer-events:none}
.announce-tag{background:linear-gradient(90deg,#F77737,#E1306C,#833AB4);color:#fff;font-size:16px;font-weight:bold;padding:0 22px;display:flex;align-items:center;white-space:nowrap;position:relative;z-index:1}
.announce-articles{flex:1;display:flex;align-items:center;gap:0;padding:0 20px;position:relative;z-index:1}
.announce-article{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.announce-article .label{background:linear-gradient(90deg,#F77737,#E1306C);color:#fff;font-size:11px;font-weight:bold;padding:2px 6px;border-radius:4px;white-space:nowrap;flex-shrink:0}
.announce-article .title{color:#262626;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.announce-article .title a{color:#262626;}
.announce-article .title a:hover{text-decoration:underline;color:#E1306C}
.announce-divider{width:1px;height:24px;background:#EFEFEF;margin:0 16px;flex-shrink:0}

/* ===== Breadcrumb ===== */
.breadcrumb{max-width:1200px;margin:16px auto 0;padding:0 20px;font-size:13px;color:#C7C7C7}
.breadcrumb span{color:#E1306C;cursor:pointer;transition:color .3s}
.breadcrumb span:hover{color:#833AB4}

/* ===== Mobile Hamburger ===== */
.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;cursor:pointer;gap:5px;margin-left:auto;z-index:10002;position:relative}
.hamburger span{display:block;width:22px;height:2px;background:#262626;border-radius:2px;transition:all .3s}
.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hamburger.active span:nth-child(2){opacity:0}
.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

/* Mobile Nav Overlay */
.mobile-nav-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.45);z-index:9998;opacity:0;transition:opacity .3s}
.mobile-nav-overlay.show{display:block;opacity:1}

/* Mobile Nav Drawer */
.mobile-nav-drawer{position:fixed;top:0;right:-280px;width:260px;height:100vh;background:#fff;z-index:9999;transition:right .35s cubic-bezier(.4,0,.2,1);box-shadow:-4px 0 24px rgba(0,0,0,.1);overflow-y:auto;padding:12px 0;padding-top:68px}
.mobile-nav-drawer.open{right:0}
.mobile-nav-drawer li{display:flex;align-items:center;gap:12px;padding:14px 24px;color:#262626;font-size:15px;cursor:pointer;transition:all .2s;border-bottom:1px solid #F5F5F5}
.mobile-nav-drawer li:hover,.mobile-nav-drawer li.active{background:linear-gradient(90deg,rgba(225,48,108,.06),rgba(131,58,180,.06));color:#E1306C}
.mobile-nav-drawer li.active{font-weight:bold;border-left:3px solid #E1306C}
.mobile-nav-drawer li .nav-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.mobile-nav-drawer li:nth-child(1) .nav-dot{background:linear-gradient(135deg,#F77737,#E1306C)}
.mobile-nav-drawer li:nth-child(2) .nav-dot{background:#E1306C}
.mobile-nav-drawer li:nth-child(3) .nav-dot{background:#833AB4}
.mobile-nav-drawer li:nth-child(4) .nav-dot{background:#448AFF}
.mobile-nav-drawer li:nth-child(5) .nav-dot{background:#00C853}
.mobile-nav-drawer li:nth-child(6) .nav-dot{background:#FF5252}
.mobile-nav-drawer li:nth-child(7) .nav-dot{background:#FFB300}
.mobile-nav-drawer li:nth-child(8) .nav-dot{background:#AB47BC}

/* Mobile Contact Quick Bar in Drawer */
.mobile-nav-contact{padding:16px 24px;margin:8px 12px;background:linear-gradient(135deg,rgba(225,48,108,.06),rgba(131,58,180,.06));border-radius:12px}
.mobile-nav-contact p{font-size:12px;color:#8E8E8E;line-height:1.6}
.mobile-nav-contact .mc-qq{color:#E1306C;font-weight:bold;font-size:14px}

/* Responsive */
@media(max-width:900px){
  .process-grid,.price-grid{grid-template-columns:repeat(2,1fr)}
  .news-grid{grid-template-columns:1fr}
  .contact-card{flex-direction:column;text-align:center}
  .hero-title{font-size:24px}
  .article-detail{padding:24px 20px}
}
@media(max-width:600px){
  .process-grid,.price-grid{grid-template-columns:1fr}
  .nav-menu{display:none}
  .hamburger{display:flex}
  .navbar{height:56px}
  .nav-container{height:56px;padding:0 16px}
  .logo .q10086{font-size:18px}
  .logo .sub{font-size:10px}
  .biz-icons{gap:2px}
  .biz-icon{width:12px;height:12px;font-size:7px}
  .logo-icon{width:34px;height:34px;font-size:16px}
  .announce-bar{height:52px}
  .announce-tag{font-size:14px;padding:0 16px}
  .announce-article .title{font-size:12px}
  .hero-card{padding:24px 20px}
  .hero-title{font-size:22px}
  .hero-sub{font-size:13px}
  .hero-input-row input{font-size:18px;padding:12px 16px;letter-spacing:2px}
  .hero-select-row select{padding:10px 32px 10px 14px;font-size:14px}
  .hero-btn{padding:12px;font-size:16px;letter-spacing:1px}
  .hero-badge{font-size:12px;padding:3px 14px}
  .ticker-label{font-size:12px}
  .ticker-wrap{height:40px}
  .ticker-item{font-size:12px;padding:0 14px}
  .section{margin:20px auto;padding:0 16px}
  .section-title h2{font-size:17px}
  .process-step{padding:18px 12px}
  .process-step .step-num{width:40px;height:40px;font-size:18px}
  .process-step .step-arrow{right:-14px;font-size:16px}
  .price-card{padding:16px 12px}
  .price-card .digit-tag{font-size:20px}
  .news-item{padding:12px}
  .news-thumb{width:80px;height:56px}
  .news-content h3{font-size:14px}
  .contact-card{padding:20px}
  .contact-qr{width:80px;height:80px;font-size:11px}
}

/* --- 帝国CMS默认分页容器 --- */
.epages a:nth-child(1){ display:none;}
.epages {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 28px 0 36px;
  font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
  font-size: 14px;
  user-select: none;
  flex-wrap: wrap;
  clear: both;
}

/* 总条数 <em> */
.epages em {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  padding: 0 16px;
  margin-right: 4px;
  color: #E1306C;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  background: linear-gradient(135deg, rgba(247,119,55,0.08), rgba(225,48,108,0.08), rgba(131,58,180,0.08));
  border-radius: 10px;
  letter-spacing: 0.5px;
}

/* 当前激活页码 <b> */
.epages b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 14px;
  border-radius: 10px;
  border: none;
  background: linear-gradient(135deg, #F77737, #E1306C, #833AB4);
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 4px 16px rgba(225, 48, 108, 0.35);
  cursor: default;
  transition: all 0.25s ease;
}

/* 所有分页链接 <a> */
.epages a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1.5px solid #EFEFEF;
  background: #FFFFFF;
  color: #555;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.25s ease;
  cursor: pointer;
}

.epages a:hover {
  border-color: #E1306C;
  color: #E1306C;
  background: rgba(225, 48, 108, 0.04);
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(225, 48, 108, 0.15);
}

/* 首页/上一页/下一页/尾页 文字链接增强 */
.epages a[href*="index"],
.epages a[href*="pre"] {
  padding: 0 16px;
  font-size: 13px;
  letter-spacing: 1px;
  color: #8E8E8E;
  border-color: #F0F0F0;
}

.epages a[href*="next"],
.epages a[href*="last"],
.epages a:last-child {
  padding: 0 16px;
  font-size: 13px;
  letter-spacing: 1px;
  color: #8E8E8E;
  border-color: #F0F0F0;
}

/* --- 响应式适配 --- */
@media (max-width: 600px) {
  .epages {
    gap: 5px;
    padding: 20px 12px 28px;
  }

  .epages em {
    height: 34px;
    padding: 0 12px;
    font-size: 12px;
    border-radius: 8px;
  }

  .epages b {
    min-width: 36px;
    height: 36px;
    padding: 0 12px;
    font-size: 14px;
    border-radius: 8px;
    box-shadow: 0 3px 12px rgba(225, 48, 108, 0.3);
  }

  .epages a {
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    font-size: 13px;
    border-radius: 8px;
  }

  .epages a[href*="index"],
  .epages a[href*="pre"] {
    padding: 0 12px;
    font-size: 12px;
  }

  .epages a[href*="next"],
  .epages a:last-child {
    padding: 0 12px;
    font-size: 12px;
  }

  /* 手机端隐藏"首页""尾页"文字按钮，节省空间 */
  .epages a[href*="index"] {
    display: none;
  }
}