/* ══════════════════════════════
   guides.css — 专业指南（商品展示 + 购买者账号）专属样式
   独立系统：不引用/不依赖 rescue.css / medical.css / career.css
   仅使用 base.css 提供的站点级设计变量（--bg/--t1/--r-md 等）
   Living Japanese v4.0 SSG
══════════════════════════════ */

/* ────────────────────────────────
   一、商品展示页
   前缀：.guides-*
──────────────────────────────── */

.guides-page {
  max-width: 680px;
  margin: 0 auto;
  padding: 16px 16px 48px;
}

.guides-title {
  font-size: 24px;
  font-weight: 800;
  color: var(--t1);
  margin: 8px 0 10px;
  letter-spacing: -0.01em;
}

.guides-intro {
  font-size: 14px;
  line-height: 1.7;
  color: var(--t3);
  margin-bottom: 28px;
}

.guides-category { margin-bottom: 32px; }

.guides-category-title {
  font-size: 15px;
  font-weight: 700;
  color: var(--t1);
  margin: 0 0 14px;
  padding-left: 10px;
  border-left: 3px solid #FF3B30;
}

.guides-product-grid {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.guides-product-card {
  border: 1px solid rgba(0,0,0,.08);
  border-radius: var(--r-md, 14px);
  padding: 16px;
  background: var(--card-bg, #fff);
}

.guides-product-title {
  font-size: 15px;
  font-weight: 700;
  color: var(--t1);
  margin: 0 0 6px;
}

.guides-product-desc {
  font-size: 13px;
  line-height: 1.6;
  color: var(--t3);
  margin: 0 0 14px;
}

.guides-product-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.guides-product-price {
  font-size: 16px;
  font-weight: 700;
  color: var(--t1);
}

.guides-product-cta {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  padding: 8px 16px;
  border-radius: 999px;
  white-space: nowrap;
}

.guides-product-cta--buy {
  background: linear-gradient(135deg, #FF3B30 0%, #FF6B5B 100%);
  color: #fff;
}
.guides-product-cta--buy:active { opacity: .85; }

.guides-product-cta--consult {
  background: rgba(0,0,0,.06);
  color: var(--t1);
  margin-left: auto;
}
.guides-product-cta--consult:active { opacity: .7; }

.guides-login-entry {
  margin-top: 8px;
  text-align: center;
}

.guides-login-link {
  font-size: 13px;
  color: var(--t3);
  text-decoration: underline;
}

.guides-disclaimer {
  font-size: 11.5px;
  line-height: 1.6;
  color: var(--t3);
  opacity: .8;
  margin-top: 32px;
  padding-top: 16px;
  border-top: 1px solid rgba(0,0,0,.06);
}

/* ────────────────────────────────
   二、登录页 / 我的购买记录页
   前缀：.guides-auth-*
──────────────────────────────── */

.guides-auth-page {
  max-width: 480px;
  margin: 0 auto;
  padding: 24px 16px 48px;
}

.guides-auth-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--t1);
  margin: 0 0 8px;
}

.guides-auth-subtitle {
  font-size: 13px;
  line-height: 1.6;
  color: var(--t3);
  margin: 0 0 24px;
}

.guides-auth-field { margin-bottom: 16px; }

.guides-auth-field label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--t1);
  margin-bottom: 6px;
}

.guides-auth-field input {
  width: 100%;
  box-sizing: border-box;
  font-size: 15px;
  padding: 11px 12px;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 10px;
  background: var(--bg);
  color: var(--t1);
}

.guides-auth-submit {
  width: 100%;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  background: linear-gradient(135deg, #FF3B30 0%, #FF6B5B 100%);
  border: none;
  border-radius: 999px;
  padding: 13px;
  cursor: pointer;
}
.guides-auth-submit:disabled { opacity: .5; }

.guides-auth-message {
  font-size: 13px;
  line-height: 1.6;
  margin-top: 14px;
  padding: 12px;
  border-radius: 10px;
}
.guides-auth-message--info { background: rgba(0,122,255,.08); color: #007AFF; }
.guides-auth-message--error { background: rgba(255,59,48,.08); color: #FF3B30; }

/* ────────────────────────────────
   三、购买记录列表
   前缀：.guides-purchases-*
──────────────────────────────── */

.guides-purchases-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.guides-purchase-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 12px;
  padding: 14px 16px;
}

.guides-purchase-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--t1);
}

.guides-purchase-date {
  font-size: 12px;
  color: var(--t3);
  margin-top: 2px;
}

.guides-purchase-download {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(135deg, #FF3B30 0%, #FF6B5B 100%);
  border-radius: 999px;
  padding: 8px 14px;
  text-decoration: none;
  white-space: nowrap;
}

.guides-purchases-empty {
  font-size: 13px;
  color: var(--t3);
  text-align: center;
  padding: 32px 0;
}

/* ────────────────────────────────
   四、下载校验页
   前缀：.guides-download-*
──────────────────────────────── */

.guides-download-page {
  max-width: 480px;
  margin: 0 auto;
  padding: 48px 16px;
  text-align: center;
}

.guides-download-status {
  font-size: 15px;
  color: var(--t1);
  line-height: 1.7;
}

.guides-download-status--error { color: #FF3B30; }

/* ────────────────────────────────
   五、社交分享按钮
   前缀：.guides-share-*
──────────────────────────────── */

.guides-share-row {
  display: flex;
  gap: 10px;
  margin-top: 16px;
  flex-wrap: wrap;
}

.guides-share-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: var(--t1);
  background: rgba(0,0,0,.05);
  border-radius: 999px;
  padding: 8px 14px;
  text-decoration: none;
}
.guides-share-btn:active { opacity: .7; }