/* ===== CSS 变量 ===== */
:root {
  --color-primary: #3b82f6;
  --color-primary-dark: #2563eb;
  --color-primary-light: #93c5fd;
  --color-secondary: #0f172a;
  --color-accent: #f59e0b;
  --color-accent-dark: #d97706;
  --color-bg: #ffffff;
  --color-bg-alt: #f8fafc;
  --color-bg-card: #ffffff;
  --color-text: #1e293b;
  --color-text-secondary: #64748b;
  --color-text-muted: #94a3b8;
  --color-border: #e2e8f0;
  --color-border-light: #f1f5f9;
  --color-success: #22c55e;
  --color-warning: #f59e0b;
  --color-danger: #ef4444;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 30px rgba(0,0,0,0.12);
  --shadow-xl: 0 20px 60px rgba(0,0,0,0.15);
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "SF Mono", "Fira Code", "Consolas", monospace;
  --transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --container-max: 1200px;
}

/* ===== Reset & Base ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:72px}
body{
  font-family:var(--font-sans);
  font-size:15px;
  line-height:1.6;
  color:var(--color-text);
  background:var(--color-bg);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
a{color:var(--color-primary);text-decoration:none;transition:color var(--transition)}
a:hover{color:var(--color-primary-dark)}
img{max-width:100%;display:block}
ul,ol{list-style:none}
button{cursor:pointer;font-family:inherit;border:none;background:none}
.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}

/* ===== 导航栏 ===== */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:rgba(255,255,255,0.92);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid var(--color-border);
  height:64px;
  transition:box-shadow var(--transition);
}
.nav--scrolled{box-shadow:var(--shadow-md)}
.nav__inner{
  display:flex;align-items:center;justify-content:space-between;
  height:64px;
}
.nav__logo{
  display:flex;align-items:center;gap:4px;
  text-decoration:none !important;
}
.nav__logo-img{display:block}
.nav__menu{display:flex;gap:4px}
.nav__link{
  display:block;padding:8px 14px;
  font-size:14px;font-weight:500;color:var(--color-text-secondary);
  border-radius:var(--radius-sm);
  transition:all var(--transition);
}
.nav__link:hover,.nav__link:focus{
  color:var(--color-primary);background:var(--color-bg-alt);
}
.nav__search-btn{
  display:flex;align-items:center;justify-content:center;
  width:32px;height:32px;font-size:16px;text-decoration:none;
  border-radius:var(--radius-sm);color:var(--color-text-secondary);
  transition:all var(--transition);margin-right:4px;
}
.nav__search-btn:hover{background:var(--color-bg-alt);color:var(--color-primary)}

/* Hamburger */
.nav__toggle{display:none;flex-direction:column;gap:4px;padding:4px}
.nav__toggle span{
  display:block;width:22px;height:2px;
  background:var(--color-text);border-radius:2px;
  transition:all var(--transition);
}
.nav__toggle.is-active span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.nav__toggle.is-active span:nth-child(2){opacity:0}
.nav__toggle.is-active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* ===== Hero 区域 ===== */
.hero{
  position:relative;padding:140px 0 80px;
  background:linear-gradient(135deg, #0f172a 0%, #1e3a5f 40%, #1e40af 100%);
  color:#fff;overflow:hidden;
}
.hero__bg{
  position:absolute;top:0;left:0;right:0;bottom:0;
  background:
    radial-gradient(ellipse at 20% 50%, rgba(59,130,246,0.15) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 20%, rgba(245,158,11,0.08) 0%, transparent 50%),
    radial-gradient(ellipse at 60% 80%, rgba(34,197,94,0.06) 0%, transparent 50%);
  pointer-events:none;
}
.hero__inner{
  position:relative;z-index:1;
  display:flex;align-items:center;justify-content:space-between;gap:60px;
}
.hero__content{flex:1;max-width:620px}
.hero__title{
  font-size:48px;font-weight:800;line-height:1.15;margin-bottom:20px;
  letter-spacing:-0.02em;
}
.hero__accent{
  display:block;background:linear-gradient(135deg, var(--color-primary-light), var(--color-accent));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}
.hero__desc{
  font-size:17px;line-height:1.7;color:rgba(255,255,255,0.75);
  margin-bottom:32px;
}
.hero__actions{display:flex;gap:12px;flex-wrap:wrap}
.hero__stats{display:flex;gap:32px;flex-shrink:0}
.hero__stat{
  display:flex;flex-direction:column;align-items:center;
  padding:20px 24px;
  background:rgba(255,255,255,0.08);
  border:1px solid rgba(255,255,255,0.12);
  border-radius:var(--radius-lg);
  backdrop-filter:blur(4px);
}
.hero__stat-num{
  font-size:32px;font-weight:800;
  background:linear-gradient(135deg, #fff, var(--color-primary-light));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}
.hero__stat-label{font-size:13px;color:rgba(255,255,255,0.7);margin-top:4px}

/* ===== Buttons ===== */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  padding:12px 28px;font-size:15px;font-weight:600;
  border-radius:var(--radius-md);transition:all var(--transition);
  text-decoration:none !important;
}
.btn--primary{
  background:var(--color-primary);color:#fff;
  box-shadow:0 4px 14px rgba(59,130,246,0.35);
}
.btn--primary:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 6px 20px rgba(59,130,246,0.45);color:#fff}
.btn--outline{
  background:rgba(255,255,255,0.1);color:#fff;
  border:1.5px solid rgba(255,255,255,0.3);
}
.btn--outline:hover{background:rgba(255,255,255,0.18);border-color:rgba(255,255,255,0.5);color:#fff}

/* ===== Section ===== */
.section{
  padding:40px 0;
}
.section--alt{background:var(--color-bg-alt)}
.section__header{
  text-align:center;margin-bottom:48px;
  max-width:640px;margin-left:auto;margin-right:auto;
}
.section__footer{
  margin-top:32px;text-align:center;
  display:flex;gap:12px;justify-content:center;flex-wrap:wrap;
}
.section__footer .btn--outline{
  background:var(--color-bg-card);border-color:var(--color-border);
  color:var(--color-text-secondary);padding:8px 20px;font-size:13px;
}
.section__footer .btn--outline:hover{
  border-color:var(--color-primary);color:var(--color-primary);
  background:var(--color-bg-alt);transform:translateY(-1px);
}
.section__footer .btn--sm{padding:6px 16px;font-size:12px}
.section__title{
  font-size:32px;font-weight:800;color:var(--color-secondary);margin-bottom:12px;
  letter-spacing:-0.02em;
}
.section__accent{
  color:var(--color-primary);
}
.section__icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:1.25em;height:1.25em;margin-right:8px;vertical-align:-0.12em;
}
.section__icon--img{object-fit:contain}
.section__desc{
  font-size:16px;color:var(--color-text-secondary);
  line-height:1.7;
}
.section__more{font-size:13px;font-weight:600;color:var(--color-primary);white-space:nowrap}
.section__more:hover{color:var(--color-primary-dark);text-decoration:underline}

/* ===== Tabs ===== */
.tabs{
  display:flex;justify-content:center;gap:4px;margin-bottom:36px;
  background:var(--color-bg-alt);padding:4px;border-radius:var(--radius-lg);
  width:fit-content;margin-left:auto;margin-right:auto;
}
.tabs__btn{
  padding:10px 24px;font-size:14px;font-weight:600;
  color:var(--color-text-secondary);border-radius:var(--radius-md);
  transition:all var(--transition);white-space:nowrap;
}
.tabs__btn:hover{color:var(--color-text)}
.tabs__btn.is-active{
  background:#fff;color:var(--color-primary);
  box-shadow:var(--shadow-sm);
}
.tab-panel{display:none}
.tab-panel.is-active{display:block}

/* ===== Provider Grid ===== */
.provider-grid{
  display:grid;grid-template-columns:repeat(5,1fr);gap:16px;
}
.provider-card{
  background:var(--color-bg-card);
  border:1px solid var(--color-border);
  border-radius:var(--radius-lg);padding:20px;
  display:flex;flex-direction:column;
  transition:all var(--transition);
}
.provider-card:hover{
  border-color:var(--color-primary-light);
  box-shadow:var(--shadow-md);
  transform:translateY(-3px);
}
.provider-card__header{
  display:flex;flex-direction:column;align-items:center;
  text-align:center;margin-bottom:12px;
}
.provider-card__logo{
  width:48px;height:48px;border-radius:12px;
  background:#fff;margin-bottom:8px;
  background-size:contain;background-repeat:no-repeat;background-position:center;
  border:1px solid var(--color-border);
  object-fit:contain;display:block;
}
.provider-card__name{font-size:15px;font-weight:700;margin-bottom:4px}
.provider-card__badge{
  display:inline-block;padding:2px 8px;font-size:11px;font-weight:600;
  background:var(--color-bg-alt);color:var(--color-primary);
  border-radius:20px;
}
.provider-card__desc{
  font-size:13px;color:var(--color-text-secondary);
  line-height:1.6;margin-bottom:14px;flex:1;
}
.provider-card__features{margin-bottom:14px}
.provider-card__feature{
  font-size:13px;padding:3px 0;line-height:1.5;
}
.provider-card__feature--pro{color:var(--color-text)}
.provider-card__feature--con{color:var(--color-text-muted)}

.provider-card--linked{display:flex;flex-direction:column;text-decoration:none!important;color:inherit;cursor:pointer}
.provider-card--linked:hover .provider-card__name{color:var(--color-primary)}
.provider-card__tag{
  display:inline-block;margin-top:auto;padding:3px 12px;font-size:11px;font-weight:700;
  background:var(--color-primary);color:#fff;border-radius:20px;align-self:center;
}
.provider-card--linked:hover .provider-card__tag{background:var(--color-primary-dark)}
.provider-card__link{
  font-size:13px;font-weight:600;color:var(--color-primary);
  display:inline-flex;align-items:center;gap:4px;
  padding:4px 10px;border-radius:var(--radius-sm);
  transition:background var(--transition);
}
.provider-card__link:hover{background:var(--color-bg-alt)}
.provider-card__link + .provider-card__link{margin-left:4px}

/* ===== Partners ===== */
.partner-grid{
  display:grid;grid-template-columns:repeat(6,1fr);gap:16px;
}
.partner-item{
  display:flex;flex-direction:column;align-items:center;gap:10px;
  padding:24px 16px;
  background:var(--color-bg-card);
  border:1px solid var(--color-border);
  border-radius:var(--radius-lg);
  transition:all var(--transition);
}
.partner-item:hover{
  border-color:var(--color-primary-light);
  box-shadow:var(--shadow-md);
  transform:translateY(-2px);
}
.partner-item__logo{
  width:56px;height:56px;border-radius:14px;
  background:#fff;
  background-size:contain;background-repeat:no-repeat;background-position:center;
  border:1px solid var(--color-border);
  display:block;object-fit:contain;padding:8px;
}
.partner-item__name{font-size:14px;font-weight:600;color:var(--color-text)}

/* ===== AI Grid ===== */
.ai-grid{
  display:grid;grid-template-columns:repeat(5,1fr);gap:14px;
}
.ai-card{
  display:flex;flex-direction:column;align-items:center;text-align:center;
  gap:8px;padding:24px 14px;
  background:var(--color-bg-card);
  border:1px solid var(--color-border);
  border-radius:var(--radius-lg);
  transition:all var(--transition);
  text-decoration:none !important;
}
.ai-card:hover{
  border-color:var(--color-primary-light);
  box-shadow:var(--shadow-md);
  transform:translateY(-3px);
}
.ai-card:hover .ai-card__title{color:var(--color-primary)}
.ai-card__icon{font-size:36px;line-height:1}
.ai-card__title{font-size:14px;font-weight:700;color:var(--color-text);transition:color var(--transition)}
.ai-card__desc{font-size:12px;color:var(--color-text-muted);line-height:1.5}

/* ===== AI 建站页面 ===== */
.ai-page-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:16px;
}
.module-card{
  display:flex;gap:14px;padding:20px;
  background:var(--color-bg-card);
  border:1px solid var(--color-border);
  border-radius:var(--radius-lg);
  transition:all var(--transition);
  cursor:pointer;color:inherit;text-decoration:none;
}
.module-card:hover{
  border-color:var(--color-primary-light);
  box-shadow:var(--shadow-md);
  transform:translateY(-2px);
}
.module-card__icon{font-size:32px;flex-shrink:0;padding-top:2px}
.module-card__body{flex:1;min-width:0}
.module-card__title{font-size:16px;font-weight:700;margin-bottom:4px}
.module-card__desc{font-size:13px;color:var(--color-text-secondary);line-height:1.6;margin-bottom:10px}
.module-card__meta{display:flex;align-items:center;gap:8px}
.module-card__tag{
  padding:2px 10px;font-size:11px;font-weight:600;
  background:var(--color-bg-alt);color:var(--color-primary);
  border-radius:20px;
}
.module-card__count{font-size:12px;color:var(--color-text-muted)}

/* ===== 资源分类 ===== */
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.cat-item{
  display:flex;align-items:center;gap:12px;padding:16px;
  background:var(--color-bg-card);
  border:1px solid var(--color-border);
  border-radius:var(--radius-lg);
  transition:all var(--transition);
  text-decoration:none;color:inherit;
}
.cat-item:hover{
  border-color:var(--color-primary-light);
  box-shadow:var(--shadow-md);
  transform:translateY(-2px);
}
.cat-item__icon{font-size:28px;flex-shrink:0}
.cat-item__body{flex:1;min-width:0}
.cat-item__title{font-size:14px;font-weight:700;margin-bottom:2px}
.cat-item__desc{font-size:12px;color:var(--color-text-muted);line-height:1.5;margin-bottom:4px}
.cat-item__count{font-size:11px;color:var(--color-primary);font-weight:600}

/* ===== 代办服务 ===== */
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}
.service-grid--providers{grid-template-columns:repeat(4,1fr);gap:16px}
.service-card{
  display:flex;flex-direction:column;text-align:center;padding:24px 16px;
  background:var(--color-bg-card);
  border:1px solid var(--color-border);
  border-radius:var(--radius-lg);
  text-decoration:none !important;color:inherit;
  transition:all var(--transition);
}
.service-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:var(--color-primary-light)}
.service-card--featured{
  border-color:var(--color-primary);border-width:2px;
  box-shadow:0 0 0 1px var(--color-primary-light);
  position:relative;
}
.service-card__header{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}
.service-card__logo{
  width:44px;height:44px;border-radius:8px;margin-bottom:4px;
  background-size:contain;background-repeat:no-repeat;background-position:center;
  background-color:#fff;border:1px solid var(--color-border);
  object-fit:contain;display:block;
}
.service-card__icon{font-size:36px}
.service-card__title{font-size:16px;font-weight:700;margin:0}
.service-card__price{font-size:24px;font-weight:800;color:var(--color-primary);margin-top:4px}
.service-card__badge{
  position:absolute;top:-10px;right:12px;padding:3px 12px;font-size:11px;font-weight:700;
  background:var(--color-primary);color:#fff;border-radius:20px;
}
.service-card__features{text-align:left;list-style:none;padding:0;margin:0 0 12px;flex:1}
.service-card__features li{
  padding:5px 0;font-size:13px;color:var(--color-text-secondary);
  line-height:1.5;border-bottom:1px solid var(--color-border-light);
}
.service-card__features li:last-child{border-bottom:none}
.service-card__features li::before{content:"✓ ";color:var(--color-primary);font-weight:700}
.service-contact{text-align:center;padding:32px;background:var(--color-bg-alt);border-radius:var(--radius-lg)}
.service-contact p{font-size:14px;color:var(--color-text-secondary);margin-bottom:20px}
.service-contact__actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}
.service-contact__or{font-size:13px;color:var(--color-text-muted)}
.service-contact__qrcode{display:flex;flex-direction:column;align-items:center;gap:6px}
.service-contact__qrcode-img{width:100px;height:100px;border-radius:var(--radius-md);border:2px solid var(--color-border);object-fit:cover}
.service-contact__qrcode-label{font-size:12px;color:var(--color-text-muted)}

/* ===== 出海指南 ===== */
.guide-page-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:16px;
}
.guide-item-card{
  padding:20px;
  background:var(--color-bg-card);
  border:1px solid var(--color-border);
  border-radius:var(--radius-lg);
  transition:all var(--transition);
}
.guide-item-card:hover{
  border-color:var(--color-primary-light);
  box-shadow:var(--shadow-md);
  transform:translateY(-2px);
}
.guide-item-card--wide{grid-column:1 / -1}
.guide-item-card__header{
  display:flex;align-items:center;gap:10px;margin-bottom:10px;
}
.guide-item-card__logo{
  width:28px;height:28px;border-radius:6px;flex-shrink:0;
  background-size:contain;background-repeat:no-repeat;background-position:center;
  background-color:#fff;border:1px solid var(--color-border);
}
.guide-item-card__icon{font-size:28px;flex-shrink:0}
.guide-item-card__title{font-size:16px;font-weight:700}
.guide-item-card__desc{font-size:13px;color:var(--color-text-secondary);line-height:1.7;margin-bottom:10px}
.guide-item-card__meta{display:flex;gap:6px;flex-wrap:wrap}
.guide-item-card__tag{
  padding:2px 10px;font-size:11px;font-weight:600;
  background:var(--color-bg-alt);color:var(--color-text-secondary);
  border-radius:20px;
}

/* ===== 行业资讯 ===== */
.news-layout{display:grid;grid-template-columns:1fr 300px;gap:32px;align-items:start}
.news-main{display:flex;flex-direction:column;gap:20px}
.news-article{
  padding:20px;
  background:var(--color-bg-card);
  border:1px solid var(--color-border);
  border-radius:var(--radius-lg);
  transition:all var(--transition);
}
.news-article:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}
.news-article__meta{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.news-article__tag{
  padding:2px 10px;font-size:11px;font-weight:700;
  border-radius:20px;
}
.news-article__tag--cloudflare{background:#fff7ed;color:#ea580c}
.news-article__tag--aliyun{background:#fef2f2;color:#dc2626}
.news-article__tag--tencent{background:#eff6ff;color:#2563eb}
.news-article__tag--dev{background:#f0fdf4;color:#16a34a}
.news-article__tag--domain{background:#f5f3ff;color:#7c3aed}
.news-article__date{font-size:12px;color:var(--color-text-muted)}
.news-article__title{font-size:18px;font-weight:700;margin-bottom:8px;line-height:1.4}
.news-article__title a{color:var(--color-text);text-decoration:none}
.news-article__title a:hover{color:var(--color-primary)}
.news-article__summary{font-size:14px;color:var(--color-text-secondary);line-height:1.7;margin-bottom:12px}
.news-article__footer{display:flex;justify-content:space-between;align-items:center}
.news-article__source{font-size:12px;color:var(--color-text-muted)}
.news-article__link{font-size:13px;font-weight:600;color:var(--color-primary)}

/* ===== 分页 ===== */
.news-pagination{display:flex;gap:6px;justify-content:center;padding:12px 0}
.news-pagination__item{
  display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;font-size:14px;font-weight:600;
  border-radius:var(--radius-sm);text-decoration:none;
  color:var(--color-text-secondary);transition:all var(--transition);
}
.news-pagination__item:hover{background:var(--color-bg-alt);color:var(--color-primary)}
.news-pagination__item--active{background:var(--color-primary);color:#fff}
.pagination{display:flex;gap:8px;justify-content:center;margin:24px 0}
.pagination-btn{padding:8px 18px;font-size:14px;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition)}
.pagination-btn:hover{opacity:0.9}

/* ===== 侧边栏 ===== */
.news-sidebar{display:flex;flex-direction:column;gap:16px}
.sidebar-card{
  padding:20px;
  background:var(--color-bg-card);
  border:1px solid var(--color-border);
  border-radius:var(--radius-lg);
}
.sidebar-card__title{font-size:15px;font-weight:700;margin-bottom:12px}
.sidebar-card__desc{font-size:13px;color:var(--color-text-muted);margin-bottom:12px}
.sidebar-cats{list-style:none;padding:0}
.sidebar-cats__link{
  display:flex;justify-content:space-between;align-items:center;
  padding:8px 0;font-size:14px;color:var(--color-text-secondary);
  border-bottom:1px solid var(--color-border-light);
  text-decoration:none;transition:color var(--transition);
}
.sidebar-cats__link:hover{color:var(--color-primary)}
.sidebar-cats__count{font-size:12px;color:var(--color-text-muted)}
.sidebar-hot{list-style:none;padding:0}
.sidebar-hot__link{
  display:flex;align-items:center;gap:10px;
  padding:8px 0;text-decoration:none;
  border-bottom:1px solid var(--color-border-light);
}
.sidebar-hot__link:last-child{border-bottom:none}
.sidebar-hot__num{
  flex-shrink:0;width:22px;height:22px;border-radius:6px;
  display:flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:700;
  background:var(--color-bg-alt);color:var(--color-text-muted);
}
.sidebar-hot__num:nth-child(1){background:var(--color-primary);color:#fff}
.sidebar-hot__title{display:block;font-size:13px;font-weight:600;color:var(--color-text);line-height:1.4}
.sidebar-hot__views{display:block;font-size:11px;color:var(--color-text-muted);margin-top:2px}

/* ===== 文章详情 ===== */
.article-layout{
  display:grid;grid-template-columns:1fr 300px;gap:32px;align-items:start;
}
.article-layout--full{grid-template-columns:1fr}
.article-main--full{max-width:var(--container-max);margin:0 auto}
.article-main{
  background:var(--color-bg-card);border:1px solid var(--color-border);
  border-radius:var(--radius-lg);padding:32px;
}
.article-header{margin-bottom:28px}
.article-header__meta{
  display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap;
}
.article-header__date{font-size:13px;color:var(--color-text-muted)}
.article-header__source{font-size:13px;color:var(--color-text-muted)}
.article-header__title{
  font-size:28px;font-weight:800;line-height:1.3;margin-bottom:12px;
  color:var(--color-text);
}
.article-header__desc{
  font-size:16px;color:var(--color-text-secondary);line-height:1.7;
}
.article-body{font-size:16px;line-height:1.8;color:var(--color-text)}
.article-body h2{
  font-size:22px;font-weight:700;margin:36px 0 16px;padding-bottom:8px;
  border-bottom:1px solid var(--color-border-light);
}
.article-body h3{font-size:18px;font-weight:700;margin:28px 0 12px}
.article-body p{margin-bottom:16px}
.article-body ul,.article-body ol{margin-bottom:16px;padding-left:20px}
.article-body li{margin-bottom:8px}
.article-body strong{font-weight:700}
.article-body blockquote{
  margin:24px 0;padding:16px 20px;border-left:4px solid var(--color-primary);
  background:var(--color-bg-alt);border-radius:0 var(--radius-sm) var(--radius-sm) 0;
}
.article-body blockquote p{margin-bottom:8px;font-style:italic;color:var(--color-text-secondary)}
.article-body blockquote cite{font-size:13px;font-style:normal;color:var(--color-text-muted)}
.article-body pre{
  margin:20px 0;padding:16px;background:#1e1e2e;color:#cdd6f4;
  border-radius:var(--radius-md);overflow-x:auto;-webkit-overflow-scrolling:touch;
  font-size:13px;line-height:1.6;font-family:"SF Mono","Fira Code","JetBrains Mono",monospace;
  position:relative;
  word-break:break-word;white-space:pre-wrap;
}
@media(max-width:520px){
  .article-body pre{padding:12px;font-size:12px;margin:16px -8px;border-radius:var(--radius-sm)}
}
.article-body code{
  font-size:14px;padding:2px 6px;background:var(--color-bg-alt);
  border-radius:4px;font-family:"SF Mono","Fira Code",monospace;
}
.article-body pre code{background:none;padding:0;font-size:14px}
.article-nav{
  display:flex;justify-content:space-between;gap:16px;
  margin-top:24px;padding-top:24px;border-top:1px solid var(--color-border);
}
.article-nav__link{
  flex:1;padding:16px;border:1px solid var(--color-border);
  border-radius:var(--radius-md);text-decoration:none;
  transition:all var(--transition);max-width:50%;
}
.article-nav__link:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}
.article-nav__link--next{text-align:right}
.article-nav__dir{display:block;font-size:12px;color:var(--color-text-muted);margin-bottom:4px}
.article-nav__title{font-size:14px;font-weight:600;color:var(--color-text);line-height:1.4}
.article-footer{margin-top:32px;padding-top:24px;border-top:1px solid var(--color-border)}
.article-footer__source{font-size:13px;color:var(--color-text-muted);margin-bottom:4px}
.article-footer__ref{font-size:13px}
.article-footer__ref a{color:var(--color-primary)}
.article-bottom{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}
.article-bottom h3{font-size:15px;font-weight:700;margin-bottom:12px}
.article-bottom__related ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}
.article-bottom__related li a{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-secondary);text-decoration:none;line-height:1.4}
.article-bottom__related li a:hover{color:var(--color-primary)}
.article-bottom__date{display:block;font-size:11px;color:var(--color-text-muted);margin-top:1px}
.article-bottom__share .article-share{display:flex;flex-wrap:wrap;gap:8px}

/* ===== 面包屑 ===== */
.breadcrumb{
  padding:80px 24px 8px;font-size:13px;color:var(--color-text-muted);
  display:flex;flex-wrap:wrap;align-items:center;gap:0;
  overflow:hidden;
}
.breadcrumb + .section{padding-top:24px}
.breadcrumb + .section--alt{padding-top:24px}
.breadcrumb__link{color:var(--color-text-secondary);text-decoration:none;white-space:nowrap}
.breadcrumb__link:hover{color:var(--color-primary)}
.breadcrumb__sep{margin:0 6px;flex-shrink:0;color:var(--color-border)}
.breadcrumb__current{color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}

/* ===== 文章目录 ===== */
.article-toc{list-style:none;padding:0}
.toc__link{
  display:block;padding:6px 0;font-size:13px;color:var(--color-text-secondary);
  text-decoration:none;line-height:1.5;transition:color var(--transition);
}
.toc__link:hover{color:var(--color-primary)}
.toc__link--h2{font-weight:600}
.toc__link--h3{padding-left:12px;font-size:12px}

/* ===== 分享按钮 ===== */
.article-share{display:flex;flex-wrap:wrap;gap:8px}
.article-share__btn{
  padding:6px 14px;font-size:12px;font-weight:600;
  background:var(--color-bg-alt);color:var(--color-text-secondary);
  border:1px solid var(--color-border);border-radius:var(--radius-sm);
  text-decoration:none;transition:all var(--transition);
}
.article-share__btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}

/* ===== 服务商详情 ===== */
.provider-detail{
  max-width:var(--container-max);margin:0 auto;
}
.provider-detail__header{
  display:flex;justify-content:space-between;align-items:flex-start;
  gap:20px;margin-bottom:24px;flex-wrap:wrap;
}
.provider-detail__brand{display:flex;align-items:center;gap:16px}
.provider-detail__logo{
  width:56px;height:56px;border-radius:12px;flex-shrink:0;
  background-size:contain;background-repeat:no-repeat;background-position:center;
  background-color:#fff;border:1px solid var(--color-border);
  object-fit:contain;display:block;
}
.provider-detail__name{font-size:26px;font-weight:800;margin-bottom:6px}
.provider-detail__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.provider-detail__category{
  padding:2px 10px;font-size:11px;font-weight:700;
  border-radius:20px;
}
.provider-detail__badge{
  padding:2px 10px;font-size:11px;font-weight:600;
  background:var(--color-bg-alt);color:var(--color-text-secondary);
  border-radius:20px;
}
.provider-detail__desc{
  font-size:15px;color:var(--color-text-secondary);line-height:1.7;
  margin-bottom:32px;padding:20px;background:var(--color-bg-alt);
  border-radius:var(--radius-md);
}
.provider-detail__grid{
  display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px;
}
.provider-detail__section{margin-bottom:32px}
.provider-detail__section-title{
  font-size:18px;font-weight:700;margin-bottom:16px;padding-bottom:8px;
  border-bottom:1px solid var(--color-border-light);
}
.provider-features{list-style:none;padding:0;display:flex;flex-direction:column;gap:6px}
.provider-feature{
  padding:10px 14px;font-size:14px;border-radius:var(--radius-sm);
  background:var(--color-bg-alt);
}
.provider-info{display:flex;flex-direction:column;gap:0}
.provider-info__row{
  display:flex;justify-content:space-between;align-items:center;
  padding:10px 14px;font-size:14px;
  border-bottom:1px solid var(--color-border-light);
}
.provider-info__row:last-child{border-bottom:none}
.provider-info__label{color:var(--color-text-muted);font-weight:500}
.provider-info__value{color:var(--color-text);font-weight:600}
.price-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.price-card{
  padding:20px;text-align:center;
  background:var(--color-bg-card);border:1px solid var(--color-border);
  border-radius:var(--radius-lg);transition:all var(--transition);
}
.price-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}
.price-card__name{font-size:13px;color:var(--color-text-muted);margin-bottom:8px}
.price-card__price{font-size:24px;font-weight:800;color:var(--color-primary)}
.price-card__period{font-size:12px;color:var(--color-text-muted);margin-top:4px}
.review-grid{display:flex;flex-direction:column;gap:12px}
.review-card{
  padding:16px 20px;background:var(--color-bg-alt);
  border-radius:var(--radius-md);border-left:3px solid var(--color-primary);
}
.review-card__user{font-size:12px;font-weight:700;color:var(--color-primary);margin-bottom:4px}
.review-card__text{font-size:14px;color:var(--color-text-secondary);line-height:1.6;font-style:italic}
.provider-detail__cta{
  display:flex;gap:12px;justify-content:center;padding-top:24px;
  border-top:1px solid var(--color-border);
}
.provider-separator{height:48px}
.provider-promos{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.provider-promo{
  padding:16px;border:1px solid var(--color-border);
  border-radius:var(--radius-md);background:var(--color-bg-card);
  transition:all var(--transition);
}
.provider-promo:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}
.provider-promo__title{font-size:14px;font-weight:700;margin-bottom:4px}
.provider-promo__title .emoji{margin-right:4px}
.provider-promo__desc{font-size:13px;color:var(--color-text-secondary);line-height:1.5;margin-bottom:6px}
.provider-promo__code{
  display:inline-block;padding:2px 8px;font-size:11px;font-weight:700;
  background:var(--color-bg-alt);color:var(--color-primary);
  border-radius:var(--radius-sm);font-family:var(--font-mono);
}

/* ===== 资源详情 ===== */
.res-detail{max-width:900px;margin:0 auto}
.res-detail__header{margin-bottom:28px}
.res-detail__meta{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.res-detail__lang{
  padding:3px 12px;font-size:11px;font-weight:700;text-transform:uppercase;
  background:var(--color-secondary);color:#fff;border-radius:var(--radius-sm);
  font-family:var(--font-mono);
}
.res-detail__cat{
  padding:2px 10px;font-size:11px;font-weight:600;
  background:var(--color-bg-alt);color:var(--color-text-secondary);border-radius:20px;
}
.res-detail__free{
  padding:2px 10px;font-size:11px;font-weight:700;
  background:#dcfce7;color:#16a34a;border-radius:20px;
}
.res-detail__pro{
  padding:2px 10px;font-size:11px;font-weight:700;
  background:#fef9c3;color:#ca8a04;border-radius:20px;
}
.res-detail__title{font-size:26px;font-weight:800;margin-bottom:10px;line-height:1.3}
.res-detail__desc{font-size:15px;color:var(--color-text-secondary);line-height:1.6;margin-bottom:12px}
.res-detail__tags{display:flex;flex-wrap:wrap;gap:6px}
.res-detail__tag{font-size:12px;color:var(--color-primary);background:var(--color-primary)10;padding:2px 8px;border-radius:12px}
.res-detail__body{margin-bottom:28px}
.res-detail__toolbar{
  display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap;
}
.res-detail__toolbar .copy-btn{position:static}
.res-detail__toolbar .download-btn{
  display:inline-flex;align-items:center;gap:6px;padding:6px 14px;
  font-size:12px;font-weight:600;text-decoration:none;
  background:var(--color-bg-alt);color:var(--color-text-secondary);
  border:1px solid var(--color-border);border-radius:var(--radius-sm);
  cursor:pointer;transition:all var(--transition);
}
.res-detail__toolbar .download-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}
.res-detail__footer{display:flex;gap:12px;justify-content:center;padding-top:24px;border-top:1px solid var(--color-border)}
.res-detail__related{margin-top:32px}
.res-detail__related-title{font-size:18px;font-weight:700;margin-bottom:16px}
.res-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.res-item{
  display:flex;align-items:flex-start;gap:12px;
  padding:14px;background:var(--color-bg-card);
  border:1px solid var(--color-border);border-radius:var(--radius-md);
  text-decoration:none;color:inherit;transition:all var(--transition);
}
.res-item:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm);transform:translateY(-1px)}
.res-item__lang{
  flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:700;text-transform:uppercase;
  background:var(--color-bg-alt);color:var(--color-primary);border-radius:var(--radius-sm);
  font-family:var(--font-mono);
}
.res-item__body{flex:1;min-width:0}
.res-item__title{font-size:14px;font-weight:700;line-height:1.4;margin-bottom:4px}
.res-item__desc{font-size:12px;color:var(--color-text-secondary);line-height:1.5}
.res-item__badge{
  flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:700;
  background:#dcfce7;color:#16a34a;border-radius:20px;
}
.res-item__badge--pro{background:#fef9c3;color:#ca8a04}

/* ===== 脚本库 ===== */
.lib-filters{
  display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;
}
.lib-filter{
  padding:6px 16px;font-size:13px;font-weight:600;font-family:var(--font-mono);
  background:var(--color-bg-card);color:var(--color-text-secondary);
  border:1px solid var(--color-border);border-radius:20px;
  cursor:pointer;transition:all var(--transition);
}
.lib-filter:hover{border-color:var(--color-primary);color:var(--color-primary)}
.lib-filter.is-active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}
.lib-stats{font-size:13px;color:var(--color-text-muted);margin-bottom:16px}
.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.lib-card{
  display:flex;flex-direction:column;gap:8px;
  padding:20px;background:var(--color-bg-card);
  border:1px solid var(--color-border);border-radius:var(--radius-lg);
  text-decoration:none;color:inherit;
  transition:all var(--transition);
}
.lib-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}
.lib-card__top{display:flex;align-items:center;gap:8px}
.lib-card__lang{
  padding:2px 10px;font-size:10px;font-weight:700;text-transform:uppercase;
  border-radius:var(--radius-sm);font-family:var(--font-mono);
}
.lib-card__title{font-size:15px;font-weight:700;line-height:1.4}
.lib-card__desc{font-size:13px;color:var(--color-text-secondary);line-height:1.5;flex:1}
.lib-card__cat{font-size:11px;color:var(--color-text-muted)}

/* ===== 搜索页 ===== */
.search-page{max-width:720px;margin:0 auto}
.search-page__header{text-align:center;margin-bottom:28px}
.search-page__title{font-size:28px;font-weight:800;margin-bottom:8px}
.search-page__desc{font-size:15px;color:var(--color-text-secondary)}
.search-page__form{display:flex;gap:10px;margin-bottom:24px}
.search-page__input{
  flex:1;padding:14px 18px;font-size:16px;font-family:inherit;
  border:2px solid var(--color-border);border-radius:var(--radius-md);
  outline:none;transition:border var(--transition);background:var(--color-bg-card);
}
.search-page__input:focus{border-color:var(--color-primary)}
.search-page__submit{
  padding:14px 28px;font-size:15px;font-weight:700;
  background:var(--color-primary);color:#fff;border:none;
  border-radius:var(--radius-md);cursor:pointer;
  transition:background var(--transition);
}
.search-page__submit:hover{background:var(--color-primary-dark)}
.search-page__meta{font-size:13px;color:var(--color-text-muted);margin-bottom:16px}
.search-page__results{display:flex;flex-direction:column;gap:12px}
.search-page__empty{text-align:center;padding:60px 0;color:var(--color-text-muted);font-size:15px}
.search-page__no-results{text-align:center;padding:40px 0;color:var(--color-text-secondary)}
.search-result{
  display:block;padding:18px 20px;
  background:var(--color-bg-card);border:1px solid var(--color-border);
  border-radius:var(--radius-md);text-decoration:none;color:inherit;
  transition:all var(--transition);
}
.search-result:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}
.search-result__cat{
  display:inline-block;padding:1px 8px;font-size:10px;font-weight:700;
  background:var(--color-bg-alt);color:var(--color-text-muted);
  border-radius:var(--radius-sm);margin-bottom:6px;
}
.search-result__title{font-size:16px;font-weight:700;margin-bottom:4px;line-height:1.4}
.search-result__title mark{background:#fef08a;color:var(--color-text);padding:0 2px;border-radius:2px}
.search-result__desc{font-size:13px;color:var(--color-text-secondary);line-height:1.5;margin-bottom:6px}
.search-result__desc mark{background:#fef08a;color:var(--color-text);padding:0 2px;border-radius:2px}
.search-result__url{font-size:11px;color:var(--color-primary)}

/* ===== 法律页面 / 关于页面 ===== */
.legal-page{width:100%}
.legal-page h2{font-size:20px;font-weight:700;margin:32px 0 12px;color:var(--color-text)}
.legal-page h2:first-of-type{margin-top:0}
.legal-page p{margin-bottom:14px;color:var(--color-text-secondary);font-size:15px;line-height:1.8}
.legal-page ul{margin-bottom:18px;padding-left:20px}
.legal-page ul ul{margin-bottom:0}
.legal-page li{margin-bottom:8px;color:var(--color-text-secondary);font-size:15px;line-height:1.7}
.legal-page li strong{color:var(--color-text)}
.legal-page__updated{font-size:13px;color:var(--color-text-muted);margin-bottom:8px}

/* ===== 关于页英雄区 ===== */
.about-hero{text-align:center;padding:32px;margin-bottom:24px;background:var(--color-bg-alt);border-radius:var(--radius-lg)}
.about-hero__icon{font-size:48px;margin-bottom:12px}
.about-hero__text{font-size:18px;font-weight:600;color:var(--color-primary)}

/* ===== 404 页面 ===== */
.error-page{text-align:center;padding:60px 20px;max-width:600px;margin:0 auto}
.error-page__code{font-size:120px;font-weight:900;line-height:1;color:var(--color-primary);opacity:.3;margin-bottom:8px}
.error-page__title{font-size:28px;font-weight:800;margin-bottom:12px}
.error-page__desc{font-size:15px;color:var(--color-text-secondary);line-height:1.7;margin-bottom:24px}
.error-page__actions{display:flex;gap:12px;justify-content:center;margin-bottom:32px}
.error-page__links{padding-top:24px;border-top:1px solid var(--color-border)}
.error-page__links p{font-size:13px;color:var(--color-text-muted);margin-bottom:8px}
.error-page__links a{display:inline-block;padding:4px 12px;font-size:13px;color:var(--color-primary);text-decoration:none;margin:0 4px 6px;background:var(--color-primary)08;border-radius:var(--radius-sm)}
.error-page__links a:hover{background:var(--color-primary)15}
.sidebar-sub{display:flex;gap:6px}
.sidebar-sub__input{
  flex:1;padding:8px 12px;font-size:13px;font-family:inherit;
  border:1px solid var(--color-border);border-radius:var(--radius-sm);
  outline:none;transition:border var(--transition);
}
.sidebar-sub__input:focus{border-color:var(--color-primary)}
.sidebar-sub__btn{
  padding:8px 14px;font-size:13px;font-weight:600;font-family:inherit;
  background:var(--color-primary);color:#fff;border:none;
  border-radius:var(--radius-sm);cursor:pointer;
  transition:background var(--transition);
}
.sidebar-sub__btn:hover{background:var(--color-primary-dark)}

/* ===== 订阅组件 ===== */
.subscribe-box{
  display:flex;align-items:center;justify-content:space-between;gap:32px;
  padding:40px 48px;
  background:linear-gradient(135deg, #1e3a5f 0%, #1e40af 100%);
  border-radius:var(--radius-xl);
  color:#fff;
}
.subscribe-box__content{flex:1}
.subscribe-box__title{font-size:24px;font-weight:800;margin-bottom:8px}
.subscribe-box__desc{font-size:15px;line-height:1.7;color:rgba(255,255,255,0.75);max-width:480px}
.subscribe-box__form{display:flex;gap:8px;flex-shrink:0}
.subscribe-box__input{
  padding:12px 18px;font-size:14px;font-family:inherit;
  border:none;border-radius:var(--radius-md);min-width:240px;
  outline:none;
}
.subscribe-box__btn{
  padding:12px 24px;font-size:14px;font-weight:700;font-family:inherit;
  background:var(--color-accent);color:#fff;border:none;
  border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;
  transition:background var(--transition);
}
.subscribe-box__btn:hover{background:var(--color-accent-dark)}

/* ===== 联系我们 ===== */
.contact-page-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:24px;
}
.contact-info-card{
  text-align:center;padding:40px 24px;
  background:var(--color-bg-card);
  border:1px solid var(--color-border);
  border-radius:var(--radius-lg);
  transition:all var(--transition);
}
.contact-info-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}
.contact-info-card__icon{font-size:44px;display:block;margin-bottom:12px}
.contact-info-card__title{font-size:18px;font-weight:700;margin-bottom:8px}
.contact-info-card__desc{font-size:14px;color:var(--color-text-secondary);margin-bottom:12px;line-height:1.6}
.contact-info-card__link{font-size:14px;font-weight:600;color:var(--color-primary);display:inline-block}
.contact-info-card__qr{display:flex;justify-content:center;margin-top:8px}
.contact-qr-img{width:130px;height:130px;border-radius:var(--radius-md);object-fit:cover}

/* ===== FAQ ===== */
.faq-grid{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.faq-item{
  border:1px solid var(--color-border);
  border-radius:var(--radius-md);
  overflow:hidden;
  background:var(--color-bg-card);
}
.faq-item__q{
  padding:16px 20px;font-size:15px;font-weight:600;
  cursor:pointer;list-style:none;
  display:flex;justify-content:space-between;align-items:center;
  transition:background var(--transition);
  user-select:none;
}
.faq-item__q::-webkit-details-marker{display:none}
.faq-item__q::after{content:"+";font-size:18px;color:var(--color-text-muted);transition:transform var(--transition)}
.faq-item[open] .faq-item__q::after{content:"−"}
.faq-item__q:hover{background:var(--color-bg-alt)}
.faq-item__a{
  padding:0 20px 16px;font-size:14px;
  color:var(--color-text-secondary);line-height:1.7;
}

/* ===== Promotions ===== */
.promo-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:16px;
}
.promo-page-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:20px;
}
.promo-card{
  background:var(--color-bg-card);
  border:1px solid var(--color-border);
  border-radius:var(--radius-lg);
  overflow:hidden;
  transition:all var(--transition);
}
.promo-card:hover{
  border-color:var(--color-primary-light);
  box-shadow:var(--shadow-md);
  transform:translateY(-2px);
}
.promo-card--featured{border-color:var(--color-primary-light);border-width:2px}
.promo-card__tag{
  display:inline-block;padding:6px 14px;font-size:12px;font-weight:700;
}
.promo-card__tag--hot{background:#fef2f2;color:var(--color-danger)}
.promo-card__tag--new{background:#eff6ff;color:var(--color-primary)}
.promo-card__tag--ended{background:#f3f4f6;color:#9ca3af}
.promo-card__provider{
  display:flex;align-items:center;gap:8px;
  padding:12px 20px 0;
}
.promo-card__provider-logo{
  width:20px;height:20px;border-radius:4px;
  background-size:contain;background-repeat:no-repeat;background-position:center;
  background-color:#fff;border:1px solid var(--color-border);
}
.promo-card__provider-name{font-size:13px;font-weight:600;color:var(--color-text-muted)}
.promo-card__body{padding:12px 20px 20px}
.promo-card__title{font-size:16px;font-weight:700;margin-bottom:6px}
.promo-card__desc{font-size:14px;color:var(--color-text-secondary);margin-bottom:12px;line-height:1.6}
.promo-card__desc strong{color:var(--color-primary)}
.promo-card__meta{display:flex;justify-content:space-between;align-items:center}
.promo-card__date{font-size:13px;color:var(--color-text-muted)}
.promo-card__link{font-size:13px;font-weight:600;color:var(--color-primary)}

/* ===== Split Grid ===== */
.split-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:32px;
}
.guide-list{display:flex;flex-direction:column;gap:10px}
.guide-item{
  display:flex;align-items:center;gap:14px;
  padding:16px 18px;
  background:var(--color-bg-card);
  border:1px solid var(--color-border);
  border-radius:var(--radius-md);
  transition:all var(--transition);
  text-decoration:none !important;
}
.guide-item:hover{
  border-color:var(--color-primary-light);
  box-shadow:var(--shadow-sm);
  transform:translateX(4px);
}
.guide-item:hover .guide-item__title{color:var(--color-primary)}
.guide-item__icon{font-size:28px;flex-shrink:0}
.guide-item__title{font-size:15px;font-weight:600;color:var(--color-text);margin-bottom:2px;transition:color var(--transition)}
.guide-item__desc{font-size:13px;color:var(--color-text-muted);line-height:1.5}

.news-list{display:flex;flex-direction:column;gap:0}
.news-item{
  display:flex;gap:14px;
  padding:14px 16px;
  border-bottom:1px solid var(--color-border-light);
  transition:background var(--transition);
}
.news-item:hover{background:var(--color-bg-alt)}
.news-item__date{
  flex-shrink:0;font-size:13px;font-weight:600;
  color:var(--color-text-muted);min-width:52px;
  padding-top:1px;
}
.news-item__title{font-size:14px;font-weight:600;margin-bottom:4px}
.news-item__title a{color:var(--color-text)}
.news-item__title a:hover{color:var(--color-primary)}
.news-item__desc{font-size:13px;color:var(--color-text-muted);line-height:1.5}

/* ===== Article Roll (homepage) ===== */
.article-roll{
  max-width:720px;margin:0 auto;
  display:flex;flex-direction:column;
  border:1px solid var(--color-border);border-radius:var(--radius-md);
  overflow:hidden;
}
.article-roll__item{
  display:flex;justify-content:space-between;align-items:center;
  padding:14px 20px;text-decoration:none;
  border-bottom:1px solid var(--color-border-light);
  transition:background var(--transition);
}
.article-roll__item:last-child{border-bottom:none}
.article-roll__item:hover{background:var(--color-bg-alt)}
.article-roll__title{
  font-size:14px;font-weight:500;color:var(--color-text);
  line-height:1.5;flex:1;min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.article-roll__item:hover .article-roll__title{color:var(--color-primary)}
.article-roll__date{
  flex-shrink:0;font-size:13px;color:var(--color-text-muted);
  margin-left:16px;
}

/* ===== Contact ===== */
.contact-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:24px;
}
.contact-card{
  text-align:center;padding:36px 24px;
  background:var(--color-bg-card);
  border:1px solid var(--color-border);
  border-radius:var(--radius-lg);
  transition:all var(--transition);
}
.contact-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.contact-card__icon{font-size:40px;margin-bottom:12px}
.contact-card__title{font-size:16px;font-weight:700;margin-bottom:8px}
.contact-card__value{font-size:14px;color:var(--color-text-secondary);margin-bottom:8px}
.contact-card__link{font-size:14px;font-weight:600;color:var(--color-primary);display:inline-block;margin-top:4px}
.contact-card__qr{display:flex;justify-content:center;margin-top:8px}
.qr-image{
  width:120px;height:120px;
  border-radius:var(--radius-md);
  object-fit:cover;
}

/* ===== 购买攻略 ===== */
.tips-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:20px;
}
.tip-card{
  padding:24px;
  background:var(--color-bg-card);
  border:1px solid var(--color-border);
  border-radius:var(--radius-lg);
  transition:all var(--transition);
}
.tip-card:hover{
  box-shadow:var(--shadow-md);transform:translateY(-2px);
}
.tip-card__icon{font-size:32px;margin-bottom:10px;display:block}
.tip-card__title{font-size:16px;font-weight:700;margin-bottom:6px}
.tip-card__desc{font-size:14px;color:var(--color-text-secondary);line-height:1.7}

/* ===== Footer ===== */
.footer{
  background:var(--color-secondary);color:rgba(255,255,255,0.7);
  padding:56px 0 0;
}
.footer__links{
  display:grid;grid-template-columns:repeat(4,1fr);gap:24px;
  padding-bottom:32px;
  border-bottom:1px solid rgba(255,255,255,0.1);
}
.footer__title{
  font-size:14px;font-weight:700;color:#fff;margin-bottom:12px;
}
.footer__col a{
  display:block;font-size:14px;color:rgba(255,255,255,0.6);
  padding:4px 0;transition:color var(--transition);
}
.footer__col a:hover{color:var(--color-primary-light)}
/* ===== Footer Language Switcher ===== */
.footer__lang{
  text-align:center;padding:16px 0 0;font-size:13px;
}
.footer__lang-link{color:var(--color-text-muted);text-decoration:none}
.footer__lang-link:hover{color:var(--color-primary)}
.footer__lang-sep{margin:0 10px;color:var(--color-border)}

.footer__bottom{
  text-align:center;padding:20px 0;margin-top:0;
  font-size:13px;color:rgba(255,255,255,0.4);
}

/* ===== 导航栏链接激活状态 ===== */
.nav__link--active,.nav__link--active:hover{color:var(--color-primary);font-weight:700}

/* ===== Hero 变小 (内页) ===== */
.hero--sm{padding:100px 0 56px}
.hero--sm .hero__title{font-size:36px}
.hero--sm .hero__stats{display:none}

/* ===== AI 建站详情 - 资源卡片 ===== */
.prompt-card{
  background:var(--color-bg-card);border:1px solid var(--color-border);
  border-radius:var(--radius-lg);overflow:hidden;margin-bottom:20px;
  transition:box-shadow var(--transition);
}
.prompt-card:hover{box-shadow:var(--shadow-md)}
.prompt-card__header{
  display:flex;align-items:center;gap:12px;
  padding:16px 20px;border-bottom:1px solid var(--color-border);
  background:var(--color-bg-alt);
}
.prompt-card__lang{
  display:inline-block;padding:2px 10px;font-size:11px;font-weight:700;
  border-radius:20px;text-transform:uppercase;letter-spacing:.5px;
  background:var(--color-primary);color:#fff;flex-shrink:0;
}
.prompt-card__lang:has(+ .prompt-card__title:empty){display:none}
.prompt-card__title{font-size:16px;font-weight:700;margin:0}
.prompt-card__body{padding:20px;position:relative}
.prompt-card__body .code-block{margin:0}
.prompt-card__foot{margin-top:14px}
.prompt-card__example{
  margin-top:14px;padding:12px 14px;background:var(--color-bg-alt);
  border:1px solid var(--color-border);border-radius:var(--radius-md);
}
.prompt-card__example summary{
  cursor:pointer;font-size:13px;font-weight:700;color:var(--color-primary);
}
.prompt-card__example .code-block{margin-top:12px}
.res-detail__example{margin-top:14px}
.prompt-usage{margin-top:12px;margin-bottom:32px;padding:20px;background:var(--color-bg-alt);border-radius:var(--radius-md);border:1px solid var(--color-border)}
.prompt-usage__title{font-size:14px;font-weight:700;margin-bottom:8px;color:var(--color-text)}
.prompt-usage p{font-size:14px;line-height:1.7;color:var(--color-text-secondary);margin-bottom:16px}
.prompt-usage p:last-child{margin-bottom:0}
.prompt-usage .code-block{margin:8px 0 0;max-height:400px;overflow-y:auto}
.prompt-usage code{font-size:13px}
.copy-btn{
  position:absolute;top:20px;right:20px;
  padding:6px 14px;font-size:12px;font-weight:600;
  background:var(--color-primary);color:#fff;border:none;
  border-radius:var(--radius-sm);cursor:pointer;
  transition:background var(--transition);
}
.copy-btn:hover{background:var(--color-primary-dark)}
.copy-btn:active{transform:scale(.95)}

/* ===== 代码块 ===== */
.code-block{
  background:#1e1e2e;color:#cdd6f4;padding:20px;
  border-radius:var(--radius-md);overflow-x:auto;
  font-size:13px;line-height:1.6;font-family:"SF Mono","Fira Code","JetBrains Mono",monospace;
  white-space:pre-wrap;word-break:break-word;
  position:relative;
}
.code-block code{background:none;padding:0;color:inherit;font-size:inherit}

/* ===== 语法高亮颜色 ===== */
.hl-kw{color:#c792ea;font-weight:600}       /* 关键字 */
.hl-str{color:#c3e88d}                       /* 字符串 */
.hl-num{color:#f78c6c}                       /* 数字 */
.hl-comment{color:#6a9955;font-style:italic} /* 注释 */
.hl-var{color:#ffcb6b}                       /* 变量 */
.hl-fn{color:#82aaff}                        /* 函数 */
.hl-tag{color:#f07178}                       /* HTML 标签 */
.hl-attr{color:#ffcb6b}                      /* HTML 属性 */
.hl-section{color:#89ddff;font-weight:600}   /* YAML 键/INI 节 */
.hl-builtin{color:#f78c6c}                   /* 内置函数/命令 */

/* ===== 检查清单 ===== */
.checklist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.checklist__item{
  display:flex;align-items:flex-start;gap:10px;
  padding:10px 14px;border-radius:var(--radius-sm);
  background:var(--color-bg-alt);font-size:14px;
}
.checklist__item::before{
  content:"✓";display:inline-flex;align-items:center;justify-content:center;
  width:20px;height:20px;border-radius:50%;
  background:var(--color-primary);color:#fff;
  font-size:11px;font-weight:700;flex-shrink:0;margin-top:1px;
}

/* ===== 对比表 ===== */
.compare-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:20px}
.compare-table{width:100%;border-collapse:collapse;font-size:13px;min-width:700px}
.compare-table th,.compare-table td{
  padding:12px 14px;text-align:left;border-bottom:1px solid var(--color-border);
  vertical-align:middle;
}
.compare-table thead{background:var(--color-bg-alt)}
.compare-table th{font-weight:700;font-size:13px;color:var(--color-text-secondary);white-space:nowrap}
.compare-table tbody tr{transition:background var(--transition)}
.compare-table tbody tr:hover{background:var(--color-bg-alt)}
.compare-table tbody tr:last-child td{border-bottom:none}
.compare-table__provider{display:flex;align-items:center;gap:10px;font-weight:600}
.compare-table__logo{
  width:28px;height:28px;border-radius:6px;flex-shrink:0;
  background-size:contain;background-repeat:no-repeat;background-position:center;
  background-color:#fff;border:1px solid var(--color-border);
}

/* ===== 评分徽章 ===== */
.badge{
  display:inline-block;padding:2px 10px;font-size:12px;font-weight:700;
  border-radius:20px;
}
.badge--a{background:#dcfce7;color:#16a34a}
.badge--b{background:#fef9c3;color:#ca8a04}

/* ===== 帮我选 · 决策卡片 ===== */
.wizard-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:16px;
}
.wizard-card{
  display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:24px 16px;background:var(--color-bg-card);
  border:1px solid var(--color-border);border-radius:var(--radius-lg);
  text-decoration:none !important;color:inherit;
  transition:all var(--transition);
}
.wizard-card:hover{
  border-color:var(--color-primary-light);
  box-shadow:var(--shadow-md);transform:translateY(-2px);
}
.wizard-card__icon{font-size:32px;margin-bottom:6px}
.wizard-card__title{font-size:15px;font-weight:700;color:var(--color-text);margin-bottom:6px}
.wizard-card__badge{
  display:inline-block;padding:2px 10px;font-size:11px;font-weight:700;
  background:var(--color-primary);color:#fff;border-radius:20px;margin-bottom:6px;
}
.wizard-card__provider{font-size:16px;font-weight:800;color:var(--color-secondary);margin-bottom:8px}
.wizard-card__pros{list-style:none;padding:0;margin:0 0 12px;font-size:13px;color:var(--color-text-secondary);line-height:1.8}
.wizard-card__link{font-size:13px;font-weight:600;color:var(--color-primary);margin-top:auto}

@media(max-width:768px){
  .wizard-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
  .wizard-grid{grid-template-columns:1fr}
}

/* ===== 服务推荐 Logo ===== */


/* ===== 返回顶部 ===== */
.back-to-top{
  position:fixed;bottom:32px;right:32px;z-index:999;
  width:44px;height:44px;border-radius:50%;
  background:var(--color-primary);color:#fff;border:none;
  font-size:20px;cursor:pointer;box-shadow:var(--shadow-lg);
  opacity:0;visibility:hidden;transform:translateY(12px);
  transition:all var(--transition);
  display:flex;align-items:center;justify-content:center;
}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-xl)}
.back-to-top:active{transform:translateY(0)}

/* ===== 响应式 ===== */
@media(max-width:1024px){
  .hero__inner{flex-direction:column;text-align:center;gap:40px}
  .hero__content{max-width:100%}
  .hero__actions{justify-content:center}
  .hero__stats{justify-content:center}
  .hero__title{font-size:40px}
  .provider-grid{grid-template-columns:repeat(3,1fr)}
  .ai-grid{grid-template-columns:repeat(3,1fr)}
  .partner-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
  .nav__menu{
    position:absolute;top:calc(100% + 6px);right:0;
    background:var(--color-bg-card);border:1px solid var(--color-border);
    border-radius:var(--radius-md);box-shadow:var(--shadow-lg);
    flex-direction:column;padding:6px;gap:0;min-width:160px;
    opacity:0;visibility:hidden;transform:translateY(-6px);
    transition:all var(--transition);z-index:100;
  }
  .nav__menu.is-open{
    opacity:1;visibility:visible;transform:translateY(0);
  }
  .nav__link{
    display:block;padding:8px 12px;font-size:13px;font-weight:500;
    color:var(--color-text-secondary);border-radius:var(--radius-sm);
    white-space:nowrap;
  }
  .nav__link:hover,.nav__link:focus{background:var(--color-bg-alt);color:var(--color-primary)}
  .nav__toggle{display:flex;z-index:1000;position:relative}
  .nav__inner{position:relative}
  .nav__toggle{display:flex;z-index:1000;position:relative}
  .hero{padding:72px 0 40px}
  .hero__title{font-size:32px}
  .hero__desc{font-size:15px}
  .hero--sm{padding:76px 0 28px}
  .breadcrumb + .section{padding-top:16px}
  .breadcrumb + .section--alt{padding-top:16px}
  .hero--sm .hero__title{font-size:28px}
  .hero__stats{gap:16px}
  .hero__stat{padding:14px 18px}
  .hero__stat-num{font-size:26px}
  .section{padding:32px 0}
  .section__title{font-size:26px}
  .provider-grid,.ai-grid,.partner-grid,
  .promo-page-grid,.ai-page-grid,.service-grid,.cat-grid,
  .guide-page-grid,
  .contact-page-grid{grid-template-columns:repeat(2,1fr)}
  .service-grid--providers{grid-template-columns:repeat(3,1fr)}
  .service-grid{gap:14px}
  .service-card{padding:16px 12px}
  .service-card__logo{width:36px;height:36px}
  .service-card__icon{font-size:28px}
  .service-card__title{font-size:14px}
  .service-card__price{font-size:20px}
  .service-card__badge{font-size:10px;padding:2px 8px}
  .service-card__features li{font-size:12px}
  .promo-grid,.contact-grid{grid-template-columns:repeat(2,1fr)}
  .split-grid{grid-template-columns:1fr}
  .tabs{flex-wrap:wrap;width:100%;justify-content:flex-start}
  .footer__links{padding-bottom:24px}
  .footer__links{grid-template-columns:repeat(2,1fr)}
  .news-layout{grid-template-columns:1fr}
  .article-bottom{grid-template-columns:1fr}
  .subscribe-box{flex-direction:column;text-align:center;padding:32px 24px}
  .subscribe-box__desc{max-width:100%}
  .subscribe-box__form{width:100%;justify-content:center}
  .subscribe-box__input{min-width:0;flex:1;max-width:300px}
  .wizard-grid{grid-template-columns:repeat(2,1fr)}
  .breadcrumb{padding:76px 24px 8px;font-size:12px}
  .breadcrumb__current{max-width:140px}
}
@media(max-width:520px){
  .container{padding:0 16px}
  .hero{padding:92px 0 40px}
  .hero__title{font-size:28px}
  .hero--sm{padding:92px 0 28px}
  .hero__stats{flex-direction:column;gap:10px}
  .hero__stat{flex-direction:row;gap:12px;width:100%;padding:12px 16px}
  .provider-grid,.ai-grid,.partner-grid,
  .promo-page-grid,.ai-page-grid,
  .guide-page-grid,
  .contact-page-grid{grid-template-columns:1fr}
  .service-grid,.cat-grid{grid-template-columns:1fr;gap:10px}
  .service-grid--providers{grid-template-columns:repeat(2,1fr);gap:10px}
  .service-card{padding:16px 12px}
  .service-card__logo{width:32px;height:32px}
  .service-card__icon{font-size:28px}
  .service-card__title{font-size:15px}
  .service-card__price{font-size:22px}
  .service-card__badge{font-size:10px;padding:2px 8px}
  .service-card__features li{font-size:12px;padding:4px 0}
  .promo-grid,.contact-grid{grid-template-columns:1fr}
  .tips-grid{grid-template-columns:1fr}
  .footer__links{grid-template-columns:repeat(2,1fr)}
  .tabs{overflow-x:auto;flex-wrap:nowrap;padding:4px;gap:0}
  .tabs__btn{padding:8px 16px;font-size:13px;flex-shrink:0}
  .breadcrumb{padding:74px 16px 6px;font-size:11px}
  .breadcrumb + .section{padding-top:12px}
  .breadcrumb + .section--alt{padding-top:12px}
  .breadcrumb__current{max-width:100px}
}