/* =========================================================
   星舰文件库 — 朴素版模板（simple）
   对齐「爱纯净」一类的资源站观感：白底、细边框、方正卡片、
   单一强调色、无毛玻璃 / 无渐变 / 无装饰动效。
   本文件在 front.css 之后加载，只做覆盖，不影响星舰版。
   全局生效：由后台「主题外观 → 前台模板」切换。
   ========================================================= */

/* ---------- 1. 主题变量覆盖（浅色） ---------- */
html.tpl-simple.theme-light,
html.tpl-simple.theme-system {
  --bg: #f5f6f9;
  --bg-soft: #eef0f4;
  --surface: #ffffff;
  --surface-solid: #ffffff;
  --text: #1d2129;
  --text-soft: #5a6472;
  --text-dim: #8d97a6;
  --glass-bg: #ffffff;
  --glass-border: #e4e7ed;
  --card-shadow: 0 1px 2px rgba(16, 24, 40, .05);
  --card-shadow-hover: 0 8px 22px rgba(16, 24, 40, .1);
  --input-bg: #ffffff;
  color-scheme: light;
}

/* ---------- 2. 主题变量覆盖（深色，避免强制深色用户白底黑字） ---------- */
html.tpl-simple.theme-dark {
  --bg: #14161a;
  --bg-soft: #1a1d22;
  --surface: #1b1e24;
  --surface-solid: #1b1e24;
  --text: #e4e7ec;
  --text-soft: #a6adba;
  --text-dim: #7b8493;
  --glass-bg: #1b1e24;
  --glass-border: #2a2f37;
  --card-shadow: none;
  --card-shadow-hover: 0 8px 22px rgba(0, 0, 0, .45);
  --input-bg: #12151a;
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  html.tpl-simple.theme-system {
    --bg: #14161a;
    --bg-soft: #1a1d22;
    --surface: #1b1e24;
    --surface-solid: #1b1e24;
    --text: #e4e7ec;
    --text-soft: #a6adba;
    --text-dim: #7b8493;
    --glass-bg: #1b1e24;
    --glass-border: #2a2f37;
    --card-shadow: none;
    --card-shadow-hover: 0 8px 22px rgba(0, 0, 0, .45);
    --input-bg: #12151a;
    color-scheme: dark;
  }
}

/* ---------- 3. 全局：去掉毛玻璃、光晕与装饰层 ---------- */
html.tpl-simple body { background: var(--bg); }
html.tpl-simple .bg-gradient,
html.tpl-simple .star-canvas,
html.tpl-simple .sakura-canvas,
html.tpl-simple .sparkle-canvas,
html.tpl-simple .comet-flyer,
html.tpl-simple .cursor-dot,
html.tpl-simple .scroll-progress,
html.tpl-simple .footer__glow,
html.tpl-simple .loader { display: none !important; }

html.tpl-simple .share-card,
html.tpl-simple .blog-item,
html.tpl-simple .links-panel,
html.tpl-simple .contact-card,
html.tpl-simple .nav__links.is-open,
html.tpl-simple .searchbar input,
html.tpl-simple .pager__btn,
html.tpl-simple .tag-pill,
html.tpl-simple .friend-link { backdrop-filter: none; }

/* 滚动条：朴素处理 */
html.tpl-simple ::-webkit-scrollbar { width: 9px; }
html.tpl-simple ::-webkit-scrollbar-track { background: var(--bg-soft); }
html.tpl-simple ::-webkit-scrollbar-thumb {
  background: #c3c9d4; border-radius: 99px; border: 2px solid var(--bg-soft);
}

/* 滚动显现：朴素版直接可见（无动效） */
html.tpl-simple .reveal { opacity: 1 !important; transform: none !important; transition: none !important; }

/* ---------- 4. 导航：实心白条 + 细分割线 ---------- */
html.tpl-simple .nav {
  height: 60px;
  background: var(--surface-solid);
  border-bottom: 1px solid var(--glass-border);
  box-shadow: none;
}
html.tpl-simple .nav.is-scrolled { background: var(--surface-solid); box-shadow: 0 1px 3px rgba(16, 24, 40, .06); }
html.tpl-simple .nav__brand-text strong { font-size: 17px; letter-spacing: .02em; }
@media (max-width: 720px) {
  html.tpl-simple .nav__links { top: calc(60px + var(--announce-h, 0px)); background: var(--surface-solid); border-bottom: 1px solid var(--glass-border); backdrop-filter: none; }
}
html.tpl-simple .nav__links > a { font-size: 14px; }
html.tpl-simple .nav__links > a.is-active { color: var(--theme); }

/* 标题统一为纯色文本：避免星舰版的渐变发光在朴素版出现透明字 */
html.tpl-simple .page-hero h1,
html.tpl-simple .hero__title .line span,
html.tpl-simple .section__title {
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: currentColor !important;
  color: var(--text) !important;
  filter: none !important;
  animation: none !important;
  transform: none !important;
}
html.tpl-simple .hero__title .line span { display: inline; }

/* ---------- 5. Hero：单列居中、留白优先 ---------- */
html.tpl-simple .hero {
  grid-template-columns: 1fr;
  min-height: 0;
  padding-top: calc(60px + 44px);
  padding-bottom: 44px;
  text-align: left;
}
html.tpl-simple .hero__left { max-width: 720px; }
html.tpl-simple .hero__title { font-size: clamp(28px, 4.2vw, 42px); line-height: 1.35; }
html.tpl-simple .hero__badge {
  animation: none; border-radius: 4px; letter-spacing: .04em;
  background: var(--surface-solid); color: var(--text-soft);
}
html.tpl-simple .hero__avatar { border-radius: 8px; box-shadow: none; }
html.tpl-simple .hero__sub { animation: none; font-size: 15px; }
html.tpl-simple .hero__sub .typed-caret { color: var(--theme); }
html.tpl-simple .hero__cta { margin: 22px 0 18px; }

/* 按钮：小圆角、实心 */
html.tpl-simple .btn {
  border-radius: 6px; overflow: visible; padding: 11px 20px; font-size: 14px; letter-spacing: .02em;
}
html.tpl-simple .btn::after,
html.tpl-simple .btn::before { display: none; }
html.tpl-simple .btn--primary { background: var(--theme); color: #fff; box-shadow: none; }
html.tpl-simple .btn--primary:hover { filter: brightness(1.06); transform: none; }
html.tpl-simple .btn--ghost { background: var(--surface-solid); border: 1px solid var(--glass-border); color: var(--text-soft); }
html.tpl-simple .btn--ghost:hover { color: var(--theme); border-color: var(--theme); transform: none; }

/* ---------- 6. 板块与卡片：白底细边框 ---------- */
html.tpl-simple .section { padding: 46px 0; }
html.tpl-simple .section__head { margin-bottom: 26px; }
html.tpl-simple .section__kicker {
  border-radius: 4px; letter-spacing: .16em; font-size: 11px; padding: 4px 10px;
  background: transparent; border: 1px solid var(--glass-border); color: var(--text-dim);
}
html.tpl-simple .section__title { font-size: clamp(21px, 2.6vw, 26px); font-weight: 700; }
html.tpl-simple .page-hero { padding-top: calc(60px + 32px); padding-bottom: 22px; }

html.tpl-simple .share-card { border-radius: 8px; overflow: hidden; }
html.tpl-simple .share-card:hover { transform: translateY(-2px); }
html.tpl-simple .share-card__badge { border-radius: 4px; }
html.tpl-simple .share-card__tags a,
html.tpl-simple .tag-pill { border-radius: 4px; }

/* ---------- 7. 博客：朴素版同样保持清爽 ---------- */
html.tpl-simple .blog-item { border-radius: 8px; gap: 14px; padding: 14px; }
html.tpl-simple .blog-item:hover { transform: translateY(-2px); }
html.tpl-simple .blog-item__art { width: 124px; border-radius: 6px; }
html.tpl-simple .blog-item__title { font-size: 16px; }
html.tpl-simple .post__body { font-size: 15px; line-height: 1.85; }
html.tpl-simple .post__body h3 { font-size: 18px; margin-top: 24px; }

/* ---------- 8. 其它组件 ---------- */
html.tpl-simple .announce {
  background: var(--surface-solid); color: var(--text-soft);
  border-bottom: 1px solid var(--glass-border);
  animation: none; text-shadow: none; font-size: 13px;
}
html.tpl-simple .announce__icon { color: var(--theme); }
/* 装饰插画：朴素版不展示（保留文字内容） */
html.tpl-simple .about-art { display: none; }
html.tpl-simple .about-grid { grid-template-columns: 1fr; max-width: 760px; }
html.tpl-simple .marquee-band { display: none; }
html.tpl-simple .searchbar input { border-radius: 6px; padding: 10px 14px; }
html.tpl-simple .searchbar button { border-radius: 6px; background: var(--theme); color: #fff; border: none; padding: 10px 20px; }
html.tpl-simple .pager__btn { border-radius: 6px; }
html.tpl-simple .empty-state__icon { font-size: 34px; }
html.tpl-simple .contact-card,
html.tpl-simple .friend-link { border-radius: 8px; }
html.tpl-simple .links-panel { border-radius: 8px; top: 76px; }
html.tpl-simple .footer { margin-top: 24px; background: var(--surface-solid); }
html.tpl-simple .announce { border-radius: 0; }
html.tpl-simple .state-page__code { background: none; -webkit-text-fill-color: currentColor; color: var(--text-dim); }

/* ---------- 9. 移动端微调 ---------- */
@media (max-width: 720px) {
  html.tpl-simple .wrap { width: min(1200px, 94vw); }
  html.tpl-simple .section { padding: 34px 0; }
  html.tpl-simple .hero { padding-top: calc(60px + 26px); padding-bottom: 26px; }
  html.tpl-simple .blog-item__art { width: 100%; min-height: 140px; }
}