@charset "UTF-8";
/* ==========================================================================
   口袋猫漫画 - 站点样式表 (漫画手绘风 / 移动优先 / 全端自适应)
   适配：Android 8+ / iOS 12+ / HarmonyOS / 主流国产浏览器
   ========================================================================== */

/* ---------- 1. 变量 ---------- */
:root {
  --ink: #131a2a;
  --ink-2: #2b3853;
  --ink-3: #61708f;
  --paper: #f2f6fd;
  --paper-2: #e8eefb;
  --white: #ffffff;

  --blue: #2e7df7;
  --blue-d: #1a5ad4;
  --blue-l: #e6f0ff;

  --yellow: #ffc633;
  --yellow-l: #fff3d2;

  --pink: #ff6b8a;
  --pink-l: #ffe9ee;

  --mint: #14c2a3;
  --mint-l: #ddfaf4;

  --purple: #8a6bff;
  --purple-l: #ede8ff;

  --dark: #101a2e;
  --dark-2: #16223b;
  --dark-line: rgba(255, 255, 255, 0.12);

  --line: 2.5px solid var(--ink);
  --shadow: 5px 5px 0 var(--ink);
  --shadow-sm: 3px 3px 0 var(--ink);
  --radius: 18px;
  --radius-lg: 26px;

  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", "HarmonyOS Sans SC",
    "HarmonyOS Sans", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC",
    "Source Han Sans SC", "Microsoft YaHei", "WenQuanYi Micro Hei", Roboto,
    Helvetica, Arial, sans-serif;

  --maxw: 1140px;
}

/* ---------- 2. 基础重置 ---------- */
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-behavior: smooth;
  scroll-padding-top: 76px;
}

body {
  font-family: var(--font);
  font-size: 16px;
  line-height: 1.75;
  color: var(--ink-2);
  background: var(--paper);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 页面网点底纹（漫画网纸感） */
body::before {
  content: "";
  position: fixed;
  left: 0; top: 0; right: 0; bottom: 0;
  background-image: radial-gradient(rgba(46, 125, 247, 0.13) 1px, transparent 1px);
  background-size: 22px 22px;
  pointer-events: none;
  z-index: 0;
}

img { max-width: 100%; height: auto; border: 0; display: block; }
a { color: var(--blue-d); text-decoration: none; }
a:hover { color: var(--blue); }
ul, ol { list-style: none; }
button { font-family: inherit; cursor: pointer; border: 0; background: none; }

h1, h2, h3, h4 {
  color: var(--ink);
  line-height: 1.35;
  font-weight: 800;
  letter-spacing: 0.2px;
}
h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 19px; }
h4 { font-size: 17px; }
p { word-wrap: break-word; }

.lb_skip {
  position: absolute; left: -9999px; top: 0; z-index: 999;
  background: var(--yellow); color: var(--ink);
  border: var(--line); border-radius: 10px; padding: 8px 14px;
}
.lb_skip:focus { left: 12px; top: 12px; }

/* ---------- 3. 通用布局 ---------- */
.lb_container {
  width: 100%;
  max-width: var(--maxw);
  margin: 0 auto;
  padding: 0 18px;
  position: relative;
  z-index: 2;
}

.lb_section { padding: 54px 0; position: relative; z-index: 1; }
.lb_section_paper { background: var(--paper); }
.lb_section_white { background: var(--white); }

.lb_section_dark {
  background: var(--dark);
  color: #c9d5ea;
}
.lb_section_dark::after {
  content: "";
  position: absolute; inset: 0;
  background-image: radial-gradient(rgba(255, 255, 255, 0.11) 1px, transparent 1px);
  background-size: 20px 20px;
  pointer-events: none;
}
.lb_section_dark h1, .lb_section_dark h2, .lb_section_dark h3, .lb_section_dark h4 { color: #fff; }

.lb_section_header { text-align: center; margin-bottom: 32px; position: relative; z-index: 2; }
.lb_section_title {
  font-size: 25px;
  font-weight: 900;
  display: inline-block;
  position: relative;
  padding-bottom: 6px;
}
.lb_section_title_highlight {
  color: var(--blue);
  position: relative;
  display: inline-block;
}
.lb_section_title_highlight::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -2px;
  height: 9px;
  background: var(--yellow);
  border-radius: 6px;
  z-index: -1;
  opacity: 0.9;
}
.lb_section_dark .lb_section_title_highlight { color: var(--yellow); }
.lb_section_dark .lb_section_title_highlight::after { background: rgba(46, 125, 247, 0.85); }
.lb_section_description {
  margin-top: 12px;
  font-size: 15px;
  color: var(--ink-3);
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
}
.lb_section_dark .lb_section_description { color: #93a3bf; }

/* 漫画描边卡片 */
.lb_cm_card {
  background: var(--white);
  border: var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 22px;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.lb_cm_card.lb_hoverable:hover {
  transform: translate(-2px, -2px);
  box-shadow: 8px 8px 0 var(--ink);
}

/* ---------- 4. 按钮 ---------- */
.lb_btn {
  display: inline-block;
  font-size: 16px;
  font-weight: 800;
  padding: 13px 24px;
  border: var(--line);
  border-radius: 14px;
  box-shadow: var(--shadow-sm);
  text-align: center;
  transition: transform 0.14s ease, box-shadow 0.14s ease, background-color 0.14s ease;
  line-height: 1.3;
}
.lb_btn:active { transform: translate(3px, 3px); box-shadow: 0 0 0 var(--ink); }

.lb_btn_primary { background: var(--blue); color: #fff; }
.lb_btn_primary:hover { background: var(--blue-d); color: #fff; }
.lb_btn_yellow { background: var(--yellow); color: var(--ink); }
.lb_btn_yellow:hover { background: #ffd35c; color: var(--ink); }
.lb_btn_pink { background: var(--pink); color: #fff; }
.lb_btn_pink:hover { background: #f8587b; color: #fff; }
.lb_btn_ghost { background: #fff; color: var(--ink); }
.lb_btn_ghost:hover { background: var(--blue-l); color: var(--ink); }
.lb_btn_sm { font-size: 14px; padding: 9px 16px; border-radius: 11px; }
.lb_btn_block { display: block; width: 100%; }

/* ---------- 5. 顶部导航 ---------- */
.lb_navbar {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(255, 255, 255, 0.94);
  -webkit-backdrop-filter: saturate(160%) blur(10px);
  backdrop-filter: saturate(160%) blur(10px);
  border-bottom: 2.5px solid var(--ink);
}
.lb_navbar_container {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 62px;
}
.lb_logo {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  font-weight: 900;
  color: var(--ink);
  font-size: 17px;
  line-height: 1.15;
}
.lb_logo img {
  width: 48px;
  height: 48px;
  border-radius: 11px;
  border: 2.5px solid var(--ink);
  margin-right: 9px;
  background: #fff;
}
.lb_logo small {
  display: block;
  font-size: 11px;
  font-weight: 600;
  color: var(--ink-3);
  letter-spacing: 0.5px;
}
.lb_logo:hover { color: var(--ink); }

.lb_nav_links { display: none; }
.lb_nav_links a {
  color: var(--ink-2);
  font-weight: 700;
  font-size: 15px;
  margin-left: 22px;
  padding: 4px 2px;
  position: relative;
}
.lb_nav_links a::after {
  content: "";
  position: absolute;
  left: 0; right: 100%; bottom: 0;
  height: 3px;
  background: var(--yellow);
  border-radius: 3px;
  transition: right 0.2s ease;
}
.lb_nav_links a:hover::after, .lb_nav_links a.lb_active::after { right: 0; }
.lb_nav_links a.lb_active { color: var(--blue); }

.lb_menu_btn {
  width: 42px; height: 40px;
  border: var(--line);
  border-radius: 11px;
  background: var(--yellow);
  box-shadow: var(--shadow-sm);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.lb_menu_btn span {
  display: block;
  width: 19px; height: 2.5px;
  background: var(--ink);
  border-radius: 2px;
  margin: 2.4px 0;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.lb_menu_btn.lb_open span:nth-child(1) { transform: translateY(4.8px) rotate(45deg); }
.lb_menu_btn.lb_open span:nth-child(2) { opacity: 0; }
.lb_menu_btn.lb_open span:nth-child(3) { transform: translateY(-4.8px) rotate(-45deg); }

.lb_mobile_menu {
  display: none;
  background: #fff;
  border-top: 2px solid var(--paper-2);
  padding: 6px 0 16px;
}
.lb_mobile_menu.lb_open { display: block; }
.lb_mobile_menu a {
  display: block;
  padding: 12px 4px;
  color: var(--ink);
  font-weight: 700;
  border-bottom: 1.5px dashed var(--paper-2);
  font-size: 15.5px;
}
.lb_mobile_menu a:last-child { border-bottom: 0; }

/* ---------- 6. 首屏 ---------- */
.lb_hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(165deg, #dceaff 0%, #eef4ff 42%, #fff7e2 100%);
  border-bottom: 2.5px solid var(--ink);
  padding: 44px 0 50px;
}
.lb_hero::before {
  content: "";
  position: absolute;
  right: -70px; top: -70px;
  width: 250px; height: 250px;
  border-radius: 50%;
  background: var(--yellow);
  opacity: 0.55;
}
.lb_hero::after {
  content: "";
  position: absolute;
  left: -90px; bottom: -110px;
  width: 260px; height: 260px;
  border-radius: 50%;
  background: var(--blue);
  opacity: 0.14;
}
.lb_hero_grid { position: relative; z-index: 3; }

.lb_hero_badge {
  display: inline-block;
  background: var(--ink);
  color: var(--yellow);
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: 1px;
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 16px;
}
.lb_hero_title {
  font-size: 31px;
  font-weight: 900;
  line-height: 1.3;
  margin-bottom: 14px;
  letter-spacing: 0.5px;
}
.lb_hero_title em {
  font-style: normal;
  color: var(--blue);
  position: relative;
  display: inline-block;
  white-space: nowrap;
}
.lb_hero_title em::after {
  content: "";
  position: absolute;
  left: -2px; right: -2px; bottom: 1px;
  height: 11px;
  background: var(--yellow);
  border-radius: 6px;
  z-index: -1;
}
.lb_hero_desc { font-size: 15.5px; color: var(--ink-2); margin-bottom: 22px; }
.lb_hero_desc p { margin-bottom: 5px; }

.lb_hero_btns { display: block; margin-bottom: 8px; }
.lb_hero_btns .lb_btn { margin: 0 0 12px; }

.lb_hero_trust {
  font-size: 13px;
  color: var(--ink-3);
  margin-top: 6px;
}
.lb_hero_trust b { color: var(--ink); }

/* 数据条 */
.lb_hero_stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 26px;
}
.lb_stat_item {
  background: #fff;
  border: var(--line);
  border-radius: 15px;
  box-shadow: var(--shadow-sm);
  padding: 13px 6px;
  text-align: center;
}
.lb_stat_number {
  font-size: 20px;
  font-weight: 900;
  color: var(--blue);
  line-height: 1.25;
}
.lb_stat_item:nth-child(2) .lb_stat_number { color: var(--pink); }
.lb_stat_item:nth-child(3) .lb_stat_number { color: var(--mint); }
.lb_stat_label { font-size: 12.5px; color: var(--ink-3); font-weight: 600; }

/* 首屏手机预览 */
.lb_hero_phone { display: none; }

.lb_phone {
  position: relative;
  background: #fff;
  border: 3px solid var(--ink);
  border-radius: 26px;
  box-shadow: 8px 8px 0 var(--ink);
  padding: 7px;
  overflow: hidden;
}
.lb_phone picture { display: block; }
.lb_phone img { width: 100%; display: block; border-radius: 19px; }

/* ---------- 7. 功能卡 ---------- */
.lb_features_grid { display: grid; grid-template-columns: 1fr; gap: 18px; position: relative; z-index: 2; }

.lb_feature_card {
  background: var(--white);
  border: var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 22px 20px;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.lb_feature_card:hover { transform: translate(-2px, -2px); box-shadow: 8px 8px 0 var(--ink); }
.lb_feature_icon {
  width: 52px; height: 52px;
  border: var(--line);
  border-radius: 15px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  margin-bottom: 14px;
  background: var(--blue-l);
}
.lb_feature_icon svg { width: 27px; height: 27px; display: block; }
.lb_feature_card:nth-child(2n) .lb_feature_icon { background: var(--yellow-l); }
.lb_feature_card:nth-child(3n) .lb_feature_icon { background: var(--pink-l); }
.lb_feature_card:nth-child(4n) .lb_feature_icon { background: var(--mint-l); }
.lb_feature_card:nth-child(5n) .lb_feature_icon { background: var(--purple-l); }
.lb_feature_title { font-size: 17.5px; font-weight: 800; color: var(--ink); margin-bottom: 7px; }
.lb_feature_description { font-size: 14.5px; color: var(--ink-3); line-height: 1.75; }

/* 深色区块里的功能卡 */
.lb_section_dark .lb_feature_card {
  background: var(--dark-2);
  border-color: rgba(255, 255, 255, 0.16);
  box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.4);
}
.lb_section_dark .lb_feature_card:hover { box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.45); }
.lb_section_dark .lb_feature_title { color: #fff; }
.lb_section_dark .lb_feature_description { color: #9db0cd; }
.lb_section_dark .lb_feature_icon { border-color: rgba(255, 255, 255, 0.25); }

/* ---------- 8. 界面预览 ---------- */
.lb_preview_grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}
.lb_preview_item { text-align: center; }
.lb_preview_item .lb_phone { box-shadow: 5px 5px 0 var(--ink); }
.lb_preview_caption {
  margin-top: 12px;
  font-size: 14px;
  font-weight: 700;
  color: var(--ink);
}
.lb_preview_caption span {
  display: block;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--ink-3);
  margin-top: 2px;
}
.lb_section_dark .lb_preview_caption { color: #fff; }
.lb_section_dark .lb_preview_caption span { color: #93a3bf; }
.lb_section_dark .lb_phone { border-color: rgba(255, 255, 255, 0.28); box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.45); background: #1b2740; }

/* ---------- 9. 分类 ---------- */
.lb_categories_grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.lb_category_card {
  position: relative;
  display: block;
  border: var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
  padding: 20px 14px;
  text-align: center;
  color: var(--ink);
  overflow: hidden;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.lb_category_card:hover { transform: translate(-2px, -2px); box-shadow: 6px 6px 0 var(--ink); color: var(--ink); }
.lb_category_card::before {
  content: "";
  position: absolute;
  right: -18px; top: -18px;
  width: 62px; height: 62px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.55);
}
.lb_category_emoji { font-size: 30px; line-height: 1; position: relative; z-index: 1; }
.lb_category_name { font-size: 16.5px; font-weight: 800; margin-top: 10px; position: relative; z-index: 1; }
.lb_category_sub { font-size: 12.5px; color: rgba(19, 26, 42, 0.62); font-weight: 600; margin-top: 3px; position: relative; z-index: 1; }

.lb_cat_blue { background: #d7e8ff; }
.lb_cat_yellow { background: #ffe9b0; }
.lb_cat_pink { background: #ffdfe7; }
.lb_cat_mint { background: #d3f7ef; }
.lb_cat_purple { background: #e6e0ff; }
.lb_cat_orange { background: #ffe2c9; }

/* ---------- 10. 步骤 ---------- */
.lb_steps_grid { display: grid; grid-template-columns: 1fr; gap: 18px; }
.lb_step_card {
  position: relative;
  background: #fff;
  border: var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
  padding: 22px 20px 20px;
}
.lb_step_num {
  position: absolute;
  left: 18px; top: -19px;
  width: 40px; height: 40px;
  border: var(--line);
  border-radius: 50%;
  background: var(--yellow);
  color: var(--ink);
  font-weight: 900;
  font-size: 17px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.lb_step_card h3 { margin: 12px 0 7px; font-size: 17.5px; }
.lb_step_card p { font-size: 14.5px; color: var(--ink-3); }

/* ---------- 11. 用户评价 ---------- */
.lb_reviews_grid { display: grid; grid-template-columns: 1fr; gap: 18px; position: relative; z-index: 2; }
.lb_review_card {
  background: var(--white);
  border: var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 20px;
}
.lb_section_dark .lb_review_card {
  background: var(--dark-2);
  border-color: rgba(255, 255, 255, 0.16);
  box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.4);
}
.lb_review_header {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 12px;
}
.lb_review_avatar {
  width: 46px; height: 46px;
  border-radius: 50%;
  border: 2.5px solid var(--ink);
  margin-right: 12px;
  background: var(--blue-l);
  -webkit-box-flex: 0;
  flex: 0 0 auto;
}
.lb_review_author { font-weight: 800; color: var(--ink); font-size: 15.5px; }
.lb_section_dark .lb_review_author { color: #fff; }
.lb_review_meta { font-size: 12.5px; color: var(--ink-3); }
.lb_section_dark .lb_review_meta { color: #8ea1be; }
.lb_review_stars { color: #ffb400; font-size: 13px; letter-spacing: 2px; line-height: 1.2; }
.lb_review_text { font-size: 14.5px; color: var(--ink-2); line-height: 1.8; }
.lb_section_dark .lb_review_text { color: #b9c7de; }
.lb_review_time { display: block; margin-top: 11px; font-size: 12.5px; color: var(--ink-3); }
.lb_section_dark .lb_review_time { color: #7f92ae; }

/* ---------- 12. FAQ ---------- */
.lb_faq_list { max-width: 860px; margin: 0 auto; }
.lb_faq_item {
  background: #fff;
  border: var(--line);
  border-radius: 15px;
  box-shadow: var(--shadow-sm);
  margin-bottom: 14px;
  overflow: hidden;
}
.lb_faq_q {
  width: 100%;
  text-align: left;
  font-size: 16px;
  font-weight: 800;
  color: var(--ink);
  padding: 16px 46px 16px 18px;
  position: relative;
  display: block;
  line-height: 1.5;
}
.lb_faq_q::after {
  content: "";
  position: absolute;
  right: 18px; top: 50%;
  width: 11px; height: 11px;
  border-right: 3px solid var(--blue);
  border-bottom: 3px solid var(--blue);
  -webkit-transform: translateY(-70%) rotate(45deg);
  transform: translateY(-70%) rotate(45deg);
  transition: transform 0.2s ease;
}
.lb_faq_item.lb_open .lb_faq_q::after {
  -webkit-transform: translateY(-30%) rotate(225deg);
  transform: translateY(-30%) rotate(225deg);
}
.lb_faq_a {
  display: none;
  padding: 0 18px 18px;
  font-size: 14.5px;
  color: var(--ink-3);
  border-top: 1.5px dashed var(--paper-2);
  padding-top: 14px;
  line-height: 1.85;
}
.lb_faq_item.lb_open .lb_faq_a { display: block; }
.lb_faq_a a { text-decoration: underline; }

/* ---------- 13. 下载区 ---------- */
.lb_download_section {
  background: linear-gradient(160deg, #2e7df7 0%, #1a5ad4 60%, #1748ad 100%);
  border-top: 2.5px solid var(--ink);
  border-bottom: 2.5px solid var(--ink);
  padding: 52px 0;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.lb_download_section::before {
  content: "";
  position: absolute;
  left: -60px; top: -60px;
  width: 210px; height: 210px;
  border-radius: 50%;
  background: rgba(255, 198, 51, 0.28);
}
.lb_download_section::after {
  content: "";
  position: absolute;
  right: -70px; bottom: -80px;
  width: 230px; height: 230px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
}
.lb_download_title { font-size: 26px; font-weight: 900; color: #fff; margin-bottom: 10px; position: relative; z-index: 2; }
.lb_download_description { font-size: 15px; color: rgba(255, 255, 255, 0.88); margin-bottom: 26px; position: relative; z-index: 2; }
.lb_download_buttons {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  max-width: 560px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.lb_download_btn {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  background: #fff;
  color: var(--ink);
  border: var(--line);
  border-radius: 16px;
  box-shadow: var(--shadow-sm);
  padding: 13px 18px;
  transition: transform 0.14s ease, box-shadow 0.14s ease;
}
.lb_download_btn:hover { transform: translate(-2px, -2px); box-shadow: 5px 5px 0 var(--ink); color: var(--ink); }
.lb_download_btn:active { transform: translate(3px, 3px); box-shadow: none; }
.lb_download_icon { width: 30px; height: 30px; margin-right: 12px; -webkit-box-flex: 0; flex: 0 0 auto; }
.lb_download_text { text-align: left; }
.lb_download_subtext { font-size: 12px; color: var(--ink-3); line-height: 1.3; }
.lb_download_platform { font-size: 16.5px; font-weight: 800; color: var(--ink); line-height: 1.35; }
.lb_download_note { margin-top: 20px; font-size: 13px; color: rgba(255, 255, 255, 0.82); position: relative; z-index: 2; }

/* 夸克网盘条 */
.lb_pan_box {
  max-width: 620px;
  margin: 26px auto 0;
  background: rgba(255, 255, 255, 0.14);
  border: 2.5px dashed rgba(255, 255, 255, 0.7);
  border-radius: var(--radius);
  padding: 20px 18px;
  position: relative;
  z-index: 2;
}
.lb_pan_title { color: #fff; font-weight: 800; font-size: 16px; margin-bottom: 6px; }
.lb_pan_desc { color: rgba(255, 255, 255, 0.85); font-size: 13.5px; margin-bottom: 14px; }
.lb_pan_link { width: 100%; }

/* ---------- 14. 页脚 ---------- */
.lb_footer { background: var(--dark); color: #93a3bf; padding: 40px 0 26px; position: relative; }
.lb_footer_top { display: grid; grid-template-columns: 1fr; gap: 26px; margin-bottom: 28px; }
.lb_footer_brand { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; margin-bottom: 12px; }
.lb_footer_brand img {
  width: 40px; height: 40px;
  border-radius: 11px;
  border: 2px solid rgba(255, 255, 255, 0.28);
  margin-right: 10px;
  background: #fff;
}
.lb_footer_brand strong { color: #fff; font-size: 16.5px; display: block; line-height: 1.3; }
.lb_footer_brand span { font-size: 12px; color: #7f92ae; }
.lb_footer_about { font-size: 13.5px; line-height: 1.85; color: #8b9db9; }
.lb_footer_h { color: #fff; font-size: 15px; font-weight: 800; margin-bottom: 12px; }
.lb_footer_links { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px 12px; }
.lb_footer_links a { color: #a3b4cd; font-size: 13.5px; }
.lb_footer_links a:hover { color: var(--yellow); }
.lb_footer_contact p { font-size: 13.5px; color: #8b9db9; margin-bottom: 8px; line-height: 1.7; }
.lb_footer_contact a { color: var(--yellow); }
.lb_footer_bottom {
  border-top: 1px solid var(--dark-line);
  padding-top: 18px;
  font-size: 12.5px;
  color: #7c8da9;
  text-align: center;
  line-height: 1.9;
}
.lb_footer_bottom p { margin-bottom: 4px; }
.lb_footer_bottom a { color: #93a3bf; }

/* 悬浮返回顶部 */
.lb_totop {
  position: fixed;
  right: 14px; bottom: 18px;
  width: 46px; height: 46px;
  border: var(--line);
  border-radius: 14px;
  background: var(--yellow);
  box-shadow: var(--shadow-sm);
  display: none;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  z-index: 90;
}
.lb_totop.lb_show { display: -webkit-box; display: flex; }
.lb_totop svg { width: 21px; height: 21px; }

/* ---------- 15. 内页 ---------- */
.lb_page_hero {
  background: linear-gradient(160deg, #e3eeff 0%, #f4f8ff 100%);
  border-bottom: 2.5px solid var(--ink);
  padding: 30px 0 34px;
}
.lb_breadcrumb { font-size: 13px; color: var(--ink-3); margin-bottom: 12px; }
.lb_breadcrumb a { color: var(--blue-d); }
.lb_breadcrumb span { margin: 0 6px; color: #9fadc6; }
.lb_page_hero h1 { font-size: 26px; margin-bottom: 10px; }
.lb_page_hero .lb_page_lead { font-size: 15px; color: var(--ink-3); max-width: 760px; }

.lb_article { max-width: 820px; margin: 0 auto; }
.lb_article h2 {
  font-size: 21px;
  margin: 34px 0 12px;
  padding-left: 14px;
  position: relative;
}
.lb_article h2::before {
  content: "";
  position: absolute;
  left: 0; top: 3px; bottom: 3px;
  width: 6px;
  border-radius: 4px;
  background: var(--yellow);
  border: 1.5px solid var(--ink);
}
.lb_article h3 { font-size: 17.5px; margin: 22px 0 9px; color: var(--ink); }
.lb_article p { margin-bottom: 14px; font-size: 15.5px; color: var(--ink-2); line-height: 1.9; }
.lb_article ul, .lb_article ol { margin: 0 0 16px 0; padding-left: 0; }
.lb_article ul li, .lb_article ol li {
  font-size: 15.5px;
  color: var(--ink-2);
  line-height: 1.9;
  padding-left: 24px;
  position: relative;
  margin-bottom: 8px;
}
.lb_article ul li::before {
  content: "";
  position: absolute;
  left: 6px; top: 12px;
  width: 8px; height: 8px;
  background: var(--blue);
  border-radius: 50%;
  border: 1.5px solid var(--ink);
}
.lb_article ol { counter-reset: lbnum; }
.lb_article ol li { counter-increment: lbnum; }
.lb_article ol li::before {
  content: counter(lbnum);
  position: absolute;
  left: 0; top: 4px;
  width: 20px; height: 20px;
  line-height: 17px;
  text-align: center;
  font-size: 12px;
  font-weight: 800;
  color: var(--ink);
  background: var(--yellow);
  border: 1.5px solid var(--ink);
  border-radius: 50%;
}
.lb_article table { width: 100%; border-collapse: collapse; margin-bottom: 18px; font-size: 14.5px; }
.lb_article th, .lb_article td {
  border: 2px solid var(--ink);
  padding: 10px 12px;
  text-align: left;
  color: var(--ink-2);
}
.lb_article th { background: var(--yellow-l); font-weight: 800; color: var(--ink); }
.lb_article .lb_note {
  background: var(--blue-l);
  border: var(--line);
  border-radius: 14px;
  padding: 16px 18px;
  font-size: 14.5px;
  color: var(--ink-2);
  margin-bottom: 18px;
}
.lb_article .lb_note strong { color: var(--ink); }

.lb_card_grid2 { display: grid; grid-template-columns: 1fr; gap: 18px; }
.lb_link_list { display: grid; grid-template-columns: 1fr; gap: 12px; }
.lb_link_card {
  display: block;
  background: #fff;
  border: var(--line);
  border-radius: 14px;
  box-shadow: var(--shadow-sm);
  padding: 16px 18px;
  color: var(--ink);
}
.lb_link_card:hover { transform: translate(-2px, -2px); box-shadow: 5px 5px 0 var(--ink); color: var(--ink); }
.lb_link_card strong { display: block; font-size: 16px; margin-bottom: 4px; color: var(--ink); }
.lb_link_card span { font-size: 13.5px; color: var(--ink-3); }

/* ---------- 16. 动效 ---------- */
.lb_reveal {
  opacity: 0;
  -webkit-transform: translateY(18px);
  transform: translateY(18px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.lb_reveal.lb_in {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.lb_nojs .lb_reveal, .lb_reveal.lb_in { opacity: 1; }

/* ---------- 17. 中等屏幕 ---------- */
@media (min-width: 640px) {
  body { font-size: 16px; }
  .lb_section { padding: 66px 0; }
  .lb_section_title { font-size: 29px; }
  .lb_hero { padding: 56px 0 62px; }
  .lb_hero_title { font-size: 40px; }
  .lb_hero_desc { font-size: 16.5px; }
  .lb_hero_btns { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; }
  .lb_hero_btns .lb_btn { margin: 0 14px 0 0; }
  .lb_features_grid { grid-template-columns: repeat(2, 1fr); }
  .lb_categories_grid { grid-template-columns: repeat(3, 1fr); }
  .lb_reviews_grid { grid-template-columns: repeat(2, 1fr); }
  .lb_steps_grid { grid-template-columns: repeat(3, 1fr); }
  .lb_preview_grid { grid-template-columns: repeat(3, 1fr); }
  .lb_download_buttons { grid-template-columns: repeat(2, 1fr); }
  .lb_footer_top { grid-template-columns: 1.4fr 1fr 1fr; }
  .lb_card_grid2 { grid-template-columns: repeat(2, 1fr); }
  .lb_link_list { grid-template-columns: repeat(2, 1fr); }
  .lb_footer_links { grid-template-columns: repeat(2, 1fr); }
  .lb_page_hero { padding: 40px 0 44px; }
  .lb_page_hero h1 { font-size: 32px; }
}

/* ---------- 18. 桌面 ---------- */
@media (min-width: 960px) {
  .lb_section { padding: 78px 0; }
  .lb_menu_btn { display: none; }
  .lb_mobile_menu { display: none !important; }
  .lb_nav_links { display: block; }
  .lb_logo { font-size: 18.5px; }

  .lb_hero { padding: 62px 0 72px; }
  .lb_hero_grid { display: grid; grid-template-columns: 1.08fr 0.92fr; gap: 40px; align-items: center; }
  .lb_hero_title { font-size: 46px; }
  .lb_hero_desc { font-size: 17px; }
  .lb_hero_phone { display: block; position: relative; }
  .lb_hero_phone .lb_phone_main { width: 74%; margin-left: auto; }
  .lb_hero_phone .lb_phone_float {
    position: absolute;
    left: 0; bottom: -22px;
    width: 42%;
    -webkit-transform: rotate(-6deg);
    transform: rotate(-6deg);
  }
  .lb_hero_stats { margin-top: 32px; }
  .lb_stat_number { font-size: 23px; }

  .lb_features_grid { grid-template-columns: repeat(3, 1fr); gap: 22px; }
  .lb_categories_grid { grid-template-columns: repeat(3, 1fr); gap: 20px; }
  .lb_reviews_grid { grid-template-columns: repeat(3, 1fr); }
  .lb_preview_grid { grid-template-columns: repeat(3, 1fr); gap: 26px; }
  .lb_section_header { margin-bottom: 42px; }
  .lb_section_title { font-size: 32px; }
  .lb_download_title { font-size: 32px; }
  .lb_footer_links { grid-template-columns: repeat(2, 1fr); }
  .lb_totop { right: 26px; bottom: 26px; }
  .lb_link_list { grid-template-columns: repeat(3, 1fr); }
}

/* ---------- 19. 大屏 ---------- */
@media (min-width: 1200px) {
  .lb_hero_title { font-size: 52px; }
  .lb_container { padding: 0 24px; }
}

/* ---------- 20. 无障碍 / 降级 ---------- */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    transition-duration: 0.001ms !important;
  }
  .lb_reveal { opacity: 1; transform: none; }
}

@media print {
  .lb_navbar, .lb_totop, .lb_download_section { display: none; }
  body { background: #fff; }
  body::before { display: none; }
}


/* ---------- 21. 举报/反馈悬浮入口 ---------- */
.lb_report {
  position: fixed;
  left: 14px; bottom: 18px;
  z-index: 90;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  background: #fff;
  color: var(--ink);
  border: 2px solid var(--ink);
  border-radius: 999px;
  box-shadow: var(--shadow-sm);
  padding: 7px 13px 7px 10px;
  font-size: 12.5px;
  font-weight: 700;
}
.lb_report:hover { color: var(--ink); background: var(--yellow-l); }
.lb_report svg { width: 17px; height: 17px; margin-right: 5px; -webkit-box-flex: 0; flex: 0 0 auto; }

/* 行内元素在卡片中的排列修正 */
.lb_download_subtext, .lb_download_platform,
.lb_category_name, .lb_category_sub,
.lb_review_stars { display: block; }

/* 小屏下收紧悬浮元素，避免遮挡正文 */
@media (max-width: 420px) {
  .lb_report { padding: 7px 9px; }
  .lb_report span { display: none; }
  .lb_report svg { margin-right: 0; }
}

@media print {
  .lb_report { display: none; }
}