/* 米其琳-罗琳 个人门户 · 黑金设计语言（2026-08-21 多页版） */
:root {
  --ink: #1A1A1A;
  --dim: #333333;
  --line: rgba(26, 26, 26, 0.10);
  --night: #171310;
  --night-2: #241D16;
  --gold: #FFE01B;
  --gold-deep: #E8C800;
  --gold-bronze: #D4AF37;
  --gold-amber: #E8C25A;
  --gold-umber: #8A6D1A;
  --cream: #F7F5F0;
  --card: #FFFFFF;
  --radius: 18px;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  background: var(--cream);
  color: var(--ink);
  font-family: "HarmonyOS Sans SC", "MiSans", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  line-height: 1.7;
  font-size: 16px;
}
.wrap { max-width: 1120px; margin: 0 auto; padding: 0 36px; }

/* ===== 顶部导航（固定） ===== */
nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 100;
  background: rgba(23,19,16,0.94); backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255,224,27,0.3);
}
nav .wrap { display: flex; align-items: center; justify-content: space-between; height: 64px; }
.brand { font-size: 19px; font-weight: 800; letter-spacing: 1px; color: #FFFFFF; text-decoration: none; }
.brand b { color: var(--gold); }
nav .links { display: flex; align-items: center; }
nav a.link { color: rgba(255,255,255,0.78); text-decoration: none; margin-left: 26px; font-size: 15px; font-weight: 700; }
nav a.link:hover { color: var(--gold); }
nav a.link.active { color: var(--gold); border-bottom: 2px solid var(--gold); padding-bottom: 3px; }
.nav-toggle {
  display: none; background: none; border: 1.5px solid rgba(255,224,27,0.55);
  color: var(--gold); font-size: 22px; line-height: 1; border-radius: 8px;
  width: 42px; height: 40px; cursor: pointer; align-items: center; justify-content: center;
}

/* ===== Hero（首页首屏） ===== */
header.hero {
  position: relative; overflow: hidden;
  padding: 150px 0 110px;
  background:
    linear-gradient(rgba(18,14,10,0.78), rgba(18,14,10,0.55)),
    url('images/banner_top.jpg') center/cover no-repeat;
  color: #FFFFFF;
}
.hero::after {
  content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 5L55 55H5z' fill='none' stroke='rgba(255,224,27,0.05)' stroke-width='1'/%3E%3C/svg%3E");
}
.hero-inner { position: relative; z-index: 1; display: flex; align-items: center; gap: 48px; }
.hero-text { flex: 1; min-width: 0; }
.eyebrow {
  display: inline-block; font-size: 13px; letter-spacing: 4px; color: var(--gold);
  border: 1px solid rgba(255,224,27,0.6); border-radius: 999px;
  padding: 5px 16px; margin-bottom: 24px; background: rgba(255,224,27,0.08);
}
h1.name { font-size: 52px; font-weight: 700; letter-spacing: 1px; line-height: 1.2; color: #FFFFFF; }
h1.name b { color: var(--gold); }
.tagline { font-size: 23px; font-weight: 800; color: var(--gold); margin-top: 14px; letter-spacing: 3px; }
.sub { font-size: 16.5px; color: rgba(255,255,255,0.9); margin-top: 12px; max-width: 560px; }
.cta-row { margin-top: 38px; display: flex; gap: 16px; flex-wrap: wrap; }
.btn {
  display: inline-block; padding: 14px 36px; border-radius: 10px;
  font-size: 16px; font-weight: 700; text-decoration: none; transition: all .2s;
  border: none; cursor: pointer;
}
.btn-primary { background: var(--gold); color: #1A1200; }
.btn-primary:hover { background: var(--gold-deep); transform: translateY(-2px); }
.btn-ghost { border: 2px solid var(--gold); color: #1A1200; background: var(--gold); }
.btn-ghost:hover { background: var(--gold-deep); transform: translateY(-2px); }

/* ===== 首页 hero 按钮：亮黄描边（2026-08-25 罗老师要求去实心、勾边风格） =====
   只作用于 hero 区，不影响留言表单等其它 .btn 使用处 */
.hero .cta-row .btn {
  background: transparent;
  border: 2px solid var(--gold);
  border-radius: 10px;
}
.hero .cta-row .btn-primary {
  color: var(--gold);
  background: rgba(255,224,27,0.06);
}
.hero .cta-row .btn-primary:hover {
  background: var(--gold);
  color: #1A1200;
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(212,175,55,.25);
}
.hero .cta-row .btn-ghost {
  color: rgba(255,255,255,0.92);
  border-color: rgba(255,224,27,0.5);
  background: transparent;
}
.hero .cta-row .btn-ghost:hover {
  border-color: var(--gold);
  color: var(--gold);
  background: rgba(255,224,27,0.08);
  transform: translateY(-2px);
}

/* ===== 内页头部 ===== */
.page-hero {
  padding: 130px 0 56px; background: var(--night);
  background:
    linear-gradient(rgba(18,14,10,0.82), rgba(23,19,16,0.66)),
    url('images/banner_top.jpg') center/cover no-repeat;
  color: #FFFFFF;
}
.page-hero h1 { font-size: 36px; font-weight: 800; letter-spacing: 1px; }
.page-hero .p-sub { color: rgba(255,255,255,0.8); margin-top: 10px; font-size: 16px; font-weight: 400; }

/* ===== 通用板块 ===== */
section { padding: 56px 0; }
.sec-head {
  display: flex; align-items: flex-end; justify-content: space-between;
  margin-bottom: 12px; flex-wrap: wrap; gap: 10px;
}
.sec-tag {
  display: inline-block; font-size: 12px; letter-spacing: 4px;
  border-radius: 999px; padding: 7px 20px; font-weight: 600; margin-bottom: 14px;
  background: linear-gradient(135deg, #8A6A1F 0%, #B08A2E 100%);
  color: #FFF8E7;
  border: 1px solid rgba(255,224,27,0.4);
  box-shadow: 0 4px 16px rgba(138,106,31,0.35);
}
h2.title { font-size: 32px; font-weight: 700; letter-spacing: 1px; color: var(--ink); }
h2.title .k { color: var(--ink); }
.more-link {
  color: var(--ink); text-decoration: none; font-size: 15px; font-weight: 600;
  padding: 6px 2px; display: inline-block; position: relative;
  transition: all .2s;
}
.more-link::after {
  content: ""; position: absolute; left: 0; right: 100%; bottom: 2px;
  height: 2px; background: var(--gold-deep); transition: right .25s;
}
.more-link:hover { color: var(--gold-deep); }
.more-link:hover::after { right: 0; }
.lead { font-size: 16px; font-weight: 400; color: var(--dim); max-width: 720px; margin-bottom: 40px; }

/* ===== 关于我（首页简版） ===== */
.about-grid { display: grid; grid-template-columns: 340px 1fr; gap: 48px; align-items: stretch; }
.portrait {
  aspect-ratio: 3/4; border-radius: 20px; overflow: hidden; position: relative;
  border: 1px solid var(--line); box-shadow: 0 18px 55px rgba(26,26,26,0.12);
  display: flex; align-items: center; justify-content: center;
}
.portrait img { width: 100%; height: 100%; object-fit: cover; }
.sticky-tags { display: flex; flex-direction: column; gap: 16px; height: 100%; }
.sticky {
  background: var(--card); border-left: 4px solid #B8860B;
  padding: 16px 22px; font-size: 16.5px; font-weight: 700; color: var(--ink);
  border-radius: 0 14px 14px 0; box-shadow: 0 6px 24px rgba(26,26,26,0.06);
  flex: 1; display: flex; flex-direction: column; justify-content: center;
}
.sticky small { display: block; margin-top: 6px; font-size: 13.5px; font-weight: 400; color: var(--dim); line-height: 1.6; }
/* 4 标签：纵向 4 排，字完整展示（2026-08-24 调整） */
.sticky-tags .sticky-q {
  padding: 14px 18px; font-size: 15.5px;
  border-left: 3px solid #B8860B; border-radius: 0 12px 12px 0;
  box-shadow: 0 4px 16px rgba(26,26,26,0.05);
}
.sticky-tags .sticky-q small { margin-top: 4px; font-size: 13px; }
.about-note {
  color: var(--dim); font-size: 15.5px; margin-top: 24px;
  background: var(--card); border-radius: 14px; padding: 20px 24px; border: 1px solid var(--line);
}
.about-note b { color: var(--gold-deep); }

/* ===== 关于我页（大照片 + 标签云 + 留言） ===== */
.about-hero-grid { display: grid; grid-template-columns: 380px 1fr; gap: 56px; align-items: start; }
.about-big-photo {
  aspect-ratio: 4/5; border-radius: 22px; overflow: hidden; position: relative;
  border: 1px solid var(--line); box-shadow: 0 22px 60px rgba(26,26,26,0.16);
  background: linear-gradient(160deg, #1C1812, #2A2418);
}
.about-big-photo img { width: 100%; height: 100%; object-fit: cover; }
.tag-cloud { display: flex; flex-wrap: wrap; gap: 12px; margin: 8px 0 28px; }
.tag-pill {
  display: inline-block; font-size: 13.5px; font-weight: 700; color: #6B5410;
  background: linear-gradient(180deg, #FFFFFF, #FDFAF2);
  border: 1px solid rgba(212,175,55,0.35); border-radius: 999px; padding: 8px 18px;
  box-shadow: 0 3px 10px rgba(138,109,26,0.10);
}
.tag-pill.add { color: var(--dim); border-style: dashed; border-color: rgba(26,26,26,0.25); background: transparent; font-weight: 400; }

/* ===== 服务卡（扑克正面：图 + 主标题 + 副标题 + 查看完整内容，2026-08-24 去翻转） ===== */
.services { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 26px; }
.svc-card {
  background: var(--card);
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: 0 14px 44px rgba(26,26,26,0.10);
  transition: transform .3s, box-shadow .3s;
}
.svc-card:hover { transform: translateY(-4px); box-shadow: 0 18px 50px rgba(26,26,26,0.16); }
.svc-card a { text-decoration: none; color: inherit; display: flex; flex-direction: column; height: 100%; }
.svc-media {
  position: relative; height: 260px; flex-shrink: 0; overflow: hidden;
  background: linear-gradient(160deg, #1C1812 0%, #241D16 55%, #2A2418 100%);
}
.svc-media .svc-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.svc-media::after {
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(180deg, transparent 60%, rgba(15,12,8,0.35) 100%);
}
.svc-bg-ph {
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  color: rgba(232,194,90,0.75);
}
.svc-body {
  padding: 20px 22px 22px; display: flex; flex-direction: column; flex: 1;
  background: var(--card); text-align: left;
}
.svc-body h3 {
  font-size: 21px; font-weight: 800; letter-spacing: 0.5px; color: var(--ink);
  margin: 0 0 8px; line-height: 1.35; max-width: 100%;
}
.svc-body .svc-sub {
  font-size: 13.5px; font-weight: 400; color: var(--dim); line-height: 1.6; margin: 0 0 16px;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.svc-more {
  margin-top: auto; align-self: flex-start;
  color: var(--ink); font-weight: 600; font-size: 14.5px;
  padding: 4px 2px; display: inline-block; position: relative;
  transition: color .2s;
}
.svc-more::after {
  content: ""; position: absolute; left: 0; right: 100%; bottom: 2px;
  height: 2px; background: var(--gold-deep); transition: right .25s;
}
.svc-card:hover .svc-more { color: var(--gold-deep); }
.svc-card:hover .svc-more::after { right: 0; }

/* ===== 案例卡（扑克正面：图 + 标签 + 主标题 + 查看案例详情，2026-08-24 去翻转去描述） ===== */
.case-card {
  background: var(--card);
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: 0 14px 44px rgba(26,26,26,0.10);
  transition: transform .3s, box-shadow .3s;
}
.case-card:hover { transform: translateY(-4px); box-shadow: 0 18px 50px rgba(26,26,26,0.16); }
.case-card a { text-decoration: none; color: inherit; display: flex; flex-direction: column; height: 100%; }
.case-media {
  position: relative; height: 220px; flex-shrink: 0; overflow: hidden;
  background: linear-gradient(160deg, #1C1812 0%, #241D16 55%, #2A2418 100%);
}
.case-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.case-media .ph {
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  font-size: 48px;
}
.case-body {
  padding: 18px 22px 22px; display: flex; flex-direction: column; flex: 1;
  background: var(--card); text-align: left;
}
.case-tag { font-size: 13px; letter-spacing: 1.5px; color: #8A6D1A; font-weight: 700; margin-bottom: 8px; }
.case-body h3 { font-size: 18px; font-weight: 800; color: var(--ink); margin: 0 0 16px; line-height: 1.4; }
.case-more {
  margin-top: auto; align-self: flex-start;
  color: var(--ink); font-weight: 600; font-size: 14px;
  padding: 4px 2px; display: inline-block; position: relative;
  transition: color .2s;
}
.case-more::after {
  content: ""; position: absolute; left: 0; right: 100%; bottom: 2px;
  height: 2px; background: var(--gold-deep); transition: right .25s;
}
.case-card:hover .case-more { color: var(--gold-deep); }
.case-card:hover .case-more::after { right: 0; }

/* ===== AI 企业工作流板块（首页背景 + cases 主界面，2026-08-24 新增） ===== */
.aiwf-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; margin-bottom: 34px; }
.aiwf-block {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 26px 28px;
}
.aiwf-block h3 { font-size: 17px; font-weight: 700; color: var(--ink); margin: 0 0 12px; line-height: 1.5; }
.aiwf-block p { font-size: 14.5px; color: var(--dim); line-height: 1.85; margin: 0; }
.aiwf-cta {
  display: inline-block; margin-top: 6px;
  background: var(--ink); color: #FFF; font-weight: 600; font-size: 15px;
  padding: 14px 34px; border-radius: 999px; text-decoration: none;
  transition: all .25s;
}
.aiwf-cta:hover { background: var(--gold-deep); transform: translateY(-2px); }
.aiwf-text { font-size: 15.5px; color: var(--dim); line-height: 2; max-width: 860px; margin-bottom: 40px; }
.aiwf-steps { padding-left: 22px; margin: 0 0 10px; max-width: 860px; }
.aiwf-steps li { font-size: 15.5px; color: var(--dim); line-height: 2.1; }

/* ===== AI 企业工作流 4 卡（2026-08-24 新增，比服务卡小一号，4 列） ===== */
.aiwf-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; margin-bottom: 30px; }
.aiwf-card {
  background: var(--card);
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: 0 12px 36px rgba(26,26,26,0.09);
  transition: transform .3s, box-shadow .3s;
}
.aiwf-card:hover { transform: translateY(-4px); box-shadow: 0 16px 44px rgba(26,26,26,0.15); }
.aiwf-card a { text-decoration: none; color: inherit; display: flex; flex-direction: column; height: 100%; }
.aiwf-card-media {
  position: relative; height: 260px; flex-shrink: 0; overflow: hidden;
  background: linear-gradient(160deg, #1C1812 0%, #241D16 55%, #2A2418 100%);
}
.aiwf-card-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
/* 2026-08-25：封面图文字密集时缩略显示刺眼 → 轻微柔化 + 底部黑金渐变衔接 */
.aiwf-card-media img { filter: saturate(.92) contrast(.96); }
.aiwf-card-media::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(180deg, rgba(20,16,10,0) 52%, rgba(20,16,10,.42) 100%);
}
.aiwf-card-ph {
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  color: rgba(232,194,90,0.7);
}
.aiwf-card-body {
  padding: 20px 22px 22px; display: flex; flex-direction: column; flex: 1;
  background: var(--card); text-align: left;
}
.aiwf-card-body h3 { font-size: 21px; font-weight: 800; color: var(--ink); margin: 0 0 8px; line-height: 1.35; }
.aiwf-card-body .aiwf-card-sub {
  font-size: 13.5px; font-weight: 400; color: var(--dim); line-height: 1.6; margin: 0 0 16px;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.aiwf-card-more {
  margin-top: auto; align-self: flex-start;
  color: var(--ink); font-weight: 600; font-size: 14.5px;
  padding: 4px 2px; display: inline-block; position: relative;
  transition: color .2s;
}
.aiwf-card-more::after {
  content: ""; position: absolute; left: 0; right: 100%; bottom: 2px;
  height: 2px; background: var(--gold-deep); transition: right .25s;
}
.aiwf-card:hover .aiwf-card-more { color: var(--gold-deep); }
.aiwf-card:hover .aiwf-card-more::after { right: 0; }

/* ===== 飞书系统成功案例与入驻客户 logo 墙（2026-08-24 新增） ===== */
.clogo-wall {
  display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px;
  background: #FFFFFF; border-radius: var(--radius);
  padding: 22px; box-shadow: 0 10px 30px rgba(26,26,26,0.06);
}
.clogo {
  display: flex; align-items: center; justify-content: center;
  padding: 8px; border-radius: 10px; background: #FFFFFF;
  border: 1px solid rgba(26,26,26,0.06);
  /* 雪碧图：6列×15行，一次加载 89 个 logo */
  background-image: url('images/customers/sprite.png');
  background-repeat: no-repeat;
  background-size: 600% 1500%;
  background-origin: content-box;
  background-clip: content-box;
  aspect-ratio: 2 / 1;
}
.clogo:hover { filter: brightness(1.03); }

/* ===== 留言墙（便签式） ===== */
.wall-notes {
  display: flex; flex-wrap: wrap; gap: 26px; justify-content: center;
  padding: 34px 0 10px; align-items: flex-start;
}
.wall-note {
  position: relative; width: 230px; padding: 26px 18px 16px; border-radius: 4px;
  box-shadow: 0 8px 22px rgba(26,26,26,.13); transition: transform .3s, box-shadow .3s;
}
.wall-note:hover { transform: scale(1.04) !important; box-shadow: 0 12px 28px rgba(26,26,26,.18); z-index: 3; }
.note-yellow { background: linear-gradient(180deg, #FFF9E0, #FFF3C4); }
.note-pink { background: linear-gradient(180deg, #FFE9EE, #FFDCE5); }
.note-blue { background: linear-gradient(180deg, #E4F2FD, #D6EAFB); }
.note-green { background: linear-gradient(180deg, #E9F7EA, #DDF1DF); }
.note-pin {
  position: absolute; top: -9px; left: 50%; transform: translateX(-50%);
  width: 15px; height: 15px; border-radius: 50%; z-index: 3;
  box-shadow: 0 2px 4px rgba(0,0,0,.28), inset 0 1px 1px rgba(255,255,255,.55);
}
.note-pin::after {
  content: ""; position: absolute; top: 2px; left: 3px;
  width: 4px; height: 4px; border-radius: 50%; background: rgba(255,255,255,.75);
}
.pin-red { background: radial-gradient(circle at 35% 30%, #FF8A80, #E53935 60%, #B71C1C); }
.pin-blue { background: radial-gradient(circle at 35% 30%, #82B1FF, #1E88E5 60%, #0D47A1); }
.pin-green { background: radial-gradient(circle at 35% 30%, #A5D6A7, #43A047 60%, #1B5E20); }
.pin-gold { background: radial-gradient(circle at 35% 30%, #FFE082, #F9A825 60%, #B26A00); }
.pin-purple { background: radial-gradient(circle at 35% 30%, #CE93D8, #8E24AA 60%, #4A148C); }
.note-text { font-size: 14.5px; line-height: 1.85; color: #3A3328; word-break: break-word; }
.note-meta { margin-top: 12px; font-size: 12px; color: #9A9A9A; text-align: right; letter-spacing: .3px; }
/* 拍立得样式 */
.wall-note.polaroid { background: #FFFFFF; padding: 12px 12px 18px; width: 230px; }
.wall-note.polaroid .note-pin { top: -9px; }
.wall-note.polaroid img { width: 100%; height: auto; display: block; border-radius: 2px; margin-bottom: 12px; }
.wall-note.polaroid .note-text { font-family: "KaiTi","STKaiti","楷体",serif; font-size: 15px; color: #4A4A4A; }
.wall-note.polaroid .note-meta { font-family: "KaiTi","STKaiti","楷体",serif; }
/* 表单图片上传 */
.wall-actions { display: flex; gap: 12px; margin-top: 16px; }
.wall-actions .btn-act {
  flex: 1; display: inline-flex; align-items: center; justify-content: center;
  padding: 13px 16px; font-size: 14.5px; text-align: center; cursor: pointer;
}
.wall-photo-info { display: flex; align-items: center; gap: 12px; margin-top: 12px; flex-wrap: wrap; }
.wall-photo-info[hidden] { display: none; }
.gb-photo-preview { width: 64px; height: 64px; object-fit: cover; border-radius: 8px; border: 1px solid var(--line); }
.gb-photo-name { font-size: 12.5px; color: var(--dim); max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gb-photo-remove { font-size: 12.5px; color: #C0392B; cursor: pointer; font-weight: 600; }
.gb-photo-remove:hover { text-decoration: underline; }

/* ===== 同频墙：便签类型选择 / 点灯 / 接话 ===== */
.note-types { display: flex; gap: 10px; margin-bottom: 14px; flex-wrap: wrap; }
.note-type-btn {
  flex: 1; min-width: 120px; display: flex; flex-direction: column; align-items: center; gap: 2px;
  padding: 10px 12px; border: 1.5px solid rgba(26,26,26,.14); border-radius: 10px; cursor: pointer;
  background: #FAF9F6; font-size: 14px; font-weight: 700; color: #3A3328; transition: all .2s;
}
.note-type-btn span { font-size: 20px; }
.note-type-btn small { font-size: 11px; font-weight: 400; color: #999; line-height: 1.4; text-align: center; }
.note-type-btn:hover { border-color: var(--gold); transform: translateY(-1px); }
.note-type-btn.on { border-color: var(--gold); background: rgba(212,175,55,.12); box-shadow: 0 3px 10px rgba(212,175,55,.2); }
.note-orange { background: linear-gradient(180deg, #FFF3E4, #FFE8CF); }
.wall-invite { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; margin: 14px 0 6px; }
.wall-invite span { font-size: 13px; font-weight: 700; color: #8A6D1A; background: rgba(212,175,55,.1); border: 1px solid rgba(212,175,55,.35); border-radius: 999px; padding: 5px 14px; }
.wall-form-box { margin: 16px 0 8px; scroll-margin-top: 90px; }
.note-actions { display: flex; gap: 8px; margin-top: 12px; }
.heart-btn, .reply-btn {
  border: 1px solid rgba(26,26,26,.16); background: rgba(255,255,255,.65); border-radius: 999px;
  font-size: 12.5px; padding: 4px 12px; cursor: pointer; color: #5A5144; transition: all .2s; font-weight: 600;
}
.heart-btn .hearts { font-size: 13px; }
.heart-btn.on { border-color: #E53935; background: rgba(229,57,53,.1); color: #E53935; }
.heart-btn:hover { background: rgba(229,57,53,.12); border-color: #E53935; transform: scale(1.05); }
.reply-btn:hover { background: rgba(26,26,26,.06); transform: scale(1.05); }
/* 纸堆：主便签 + 回复叠在下方，越叠越厚 */
.note-stack { display: flex; flex-direction: column; align-items: center; width: 230px; }
.note-stack > .wall-note:not(:first-child) {
  width: 218px; margin-top: -14px; position: relative;
  box-shadow: 0 4px 0 #E0D6C0, 0 8px 16px rgba(26,26,26,.16);
}
.note-stack > .wall-note:not(:first-child)::after {
  content: ""; position: absolute; left: 0; right: 0; top: -14px; height: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.35));
  pointer-events: none;
}
.note-stack > .wall-note:first-child { z-index: 3; box-shadow: 0 8px 22px rgba(26,26,26,.13); }
.note-stack > .wall-note:nth-child(2) { z-index: 2; }
.note-stack > .wall-note:nth-child(3) { z-index: 1; }
.note-stack .note-text { font-size: 13.5px; line-height: 1.7; }

/* 内联接话框：便签下方直接弹出，浮在最上层盖住其他便签 */
.inline-reply {
  width: 230px; background: #FFFDF6; border: 1.5px dashed var(--gold); border-radius: 8px;
  padding: 10px; margin-top: 8px; position: relative; z-index: 100;
  box-shadow: 0 10px 24px rgba(26,26,26,.22);
}
.inline-reply textarea {
  width: 100%; min-height: 56px; border: 1px solid rgba(26,26,26,.15); border-radius: 6px;
  font-size: 13px; padding: 8px; resize: vertical; font-family: inherit; background: #fff;
}
.inline-reply textarea:focus { outline: none; border-color: var(--gold); }
.inline-reply .ir-actions { display: flex; gap: 8px; margin-top: 8px; justify-content: flex-end; }
.inline-reply .ir-btn {
  border: none; border-radius: 999px; padding: 5px 14px; font-size: 12.5px; cursor: pointer; font-weight: 700;
}
.inline-reply .ir-btn.go { background: linear-gradient(135deg, #E8C25A, #D4AF37); color: #1A1200; }
.inline-reply .ir-btn.go:hover { transform: translateY(-1px); }
.inline-reply .ir-btn.no { background: rgba(26,26,26,.07); color: #777; }
.wall-note.replying { outline: 2px dashed var(--gold); outline-offset: 3px; }
.wall-note.replying .heart-btn, .wall-note.replying .reply-btn { display: none; }

/* ===== 案例 ===== */
.cases { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 26px; }

/* ===== 文章卡 ===== */
.articles { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.art {
  background: linear-gradient(180deg, #FFFFFF 0%, #FDFAF2 100%);
  border: 1px solid rgba(212,175,55,0.22); border-radius: 14px;
  padding: 20px 22px; text-decoration: none; color: var(--ink); transition: all .25s;
  display: flex; gap: 18px; align-items: center;
  position: relative; overflow: hidden;
}
.art::before {
  content: ''; position: absolute; top: -46px; right: -46px;
  width: 150px; height: 150px; border-radius: 50%; pointer-events: none;
  background: radial-gradient(circle, rgba(212,175,55,0.12), transparent 70%);
}
.art:hover {
  border-color: var(--gold); transform: translateY(-3px);
  background: linear-gradient(180deg, #FFFFFF 0%, #FBF4E4 100%);
  box-shadow: 0 14px 36px rgba(138,109,26,0.16);
}
.art-cover {
  width: 64px; height: 64px; border-radius: 12px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center; color: #FFFFFF;
  background: linear-gradient(140deg, #E8C25A, #8A6D1A);
  box-shadow: 0 6px 16px rgba(138,109,26,0.28);
  position: relative;
}
/* ===== 系列板块色板（2026-08-26：知识库每板块一色）===== */
.art-cover-c1 { background: linear-gradient(140deg, #E8C25A, #8A6D1A); box-shadow: 0 6px 16px rgba(138,109,26,0.28); }
.art-cover-c2 { background: linear-gradient(140deg, #4FB8D8, #1D6E8A); box-shadow: 0 6px 16px rgba(29,110,138,0.28); }
.art-cover-c3 { background: linear-gradient(140deg, #F2A65A, #C07030); box-shadow: 0 6px 16px rgba(192,112,48,0.28); }
.art-cover-c4 { background: linear-gradient(140deg, #9B8CF0, #5F50C9); box-shadow: 0 6px 16px rgba(95,80,201,0.28); }
.art-cover-c5 { background: linear-gradient(140deg, #4FC3A1, #1F7A63); box-shadow: 0 6px 16px rgba(31,122,99,0.28); }
.series-c1 { color: #8A6D1A !important; }
.series-c2 { color: #1D6E8A !important; }
.series-c3 { color: #C07030 !important; }
.series-c4 { color: #5F50C9 !important; }
.series-c5 { color: #1F7A63 !important; }
.art-cover::after {
  content: ''; position: absolute; inset: 0; border-radius: 12px; pointer-events: none;
  background: linear-gradient(160deg, rgba(255,255,255,0.28), transparent 46%);
}
.art-cover svg { width: 30px; height: 30px; position: relative; z-index: 1; }
.art-body { min-width: 0; flex: 1; }
.art-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.art .series { font-size: 11.5px; color: #8A6D1A; font-weight: 800; letter-spacing: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.art h4 { font-size: 17px; font-weight: 800; margin: 3px 0 4px; color: var(--ink); }
.art span { font-size: 13px; font-weight: 400; color: var(--dim); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.art-meta { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.art-meta .views {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 12px; font-weight: 600; color: var(--dim);
  background: rgba(23,19,16,0.05); border-radius: 999px; padding: 3px 10px;
}
.art-meta .views svg { width: 13px; height: 13px; color: #8A6D1A; }
.art-meta .hot {
  display: inline-flex; align-items: center; gap: 3px;
  font-size: 11px; font-weight: 800; letter-spacing: 1px; color: #8A6D1A;
  background: rgba(212,175,55,0.16); border-radius: 999px; padding: 3px 10px;
}
.art-meta .hot svg { width: 12px; height: 12px; color: #D4AF37; }
.art:hover .art-meta .views { color: #1A1A1A; }
.art.art-soon { cursor: default; }
.art.art-soon:hover { transform: none; border-color: rgba(212,175,55,0.22); }
.art.art-soon .art-cover {
  background: linear-gradient(140deg, #C9C4B8, #A8A295);
  box-shadow: none;
}
.art-soon-badge {
  position: absolute; top: 14px; right: 14px; z-index: 2;
  font-size: 10.5px; font-weight: 700; letter-spacing: 1px; color: var(--dim);
  background: rgba(23,19,16,0.06); border: 1px solid rgba(23,19,16,0.12);
  border-radius: 999px; padding: 2px 9px;
}

/* ===== 知识库页：系列分组 ===== */
.series-block { margin-bottom: 44px; }
.series-block .series-head {
  display: flex; align-items: baseline; gap: 14px; margin-bottom: 16px;
  border-left: 4px solid var(--gold-bronze); padding-left: 14px;
}
/* 板块色板：分组头竖线跟随系列色（2026-08-26） */
.series-block-c1 .series-head { border-left-color: #8A6D1A; }
.series-block-c2 .series-head { border-left-color: #1D6E8A; }
.series-block-c3 .series-head { border-left-color: #C07030; }
.series-block-c4 .series-head { border-left-color: #5F50C9; }
.series-block-c5 .series-head { border-left-color: #1F7A63; }
.series-block .series-head h3 { font-size: 20px; font-weight: 800; color: var(--ink); }
.series-block .series-head .count { font-size: 13px; color: var(--dim); font-weight: 400; }
.series-block .articles { margin-top: 0; }

/* ===== 留言墙 ===== */
.wall-box {
  background: var(--card); border: 1px solid var(--line); border-radius: 20px; padding: 40px;
  box-shadow: 0 14px 44px rgba(26,26,26,0.07);
}
.wall-box textarea {
  width: 100%; min-height: 110px; border-radius: 12px; padding: 18px 20px;
  background: #FAF9F6; border: 1px solid var(--line); color: var(--ink);
  font-size: 16px; font-family: inherit; resize: vertical;
}
.wall-box textarea:focus { outline: none; border-color: var(--gold); }
.wall-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 16px; }
.wall-row input {
  padding: 14px 18px; border-radius: 10px; background: #FAF9F6;
  border: 1px solid var(--line); color: var(--ink); font-size: 15px;
}
.wall-row input:focus { outline: none; border-color: var(--gold); }
.wall-tip { font-size: 13px; color: var(--dim); margin-top: 14px; font-weight: 400; }

/* 留言列表 */
.msg-list { margin-top: 44px; display: grid; gap: 16px; }
.msg-item {
  background: var(--card); border: 1px solid var(--line); border-radius: 16px; padding: 22px 26px;
  box-shadow: 0 6px 22px rgba(26,26,26,0.05);
}
.msg-item .msg-head { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }
.msg-item .msg-name { font-size: 15px; font-weight: 800; color: var(--ink); }
.msg-item .msg-tag {
  font-size: 11.5px; font-weight: 700; color: #6B5410;
  background: rgba(212,175,55,0.16); border-radius: 999px; padding: 2px 10px;
}
.msg-item .msg-time { font-size: 12px; color: #999; font-weight: 400; margin-left: auto; }
.msg-item p { color: var(--dim); font-size: 14.5px; font-weight: 400; }

/* ===== 页脚 ===== */
footer {
  border-top: 1px solid rgba(255,224,27,0.3); padding: 54px 0 42px; text-align: center;
  background:
    linear-gradient(rgba(23,19,16,0.55), rgba(23,19,16,0.72)),
    url('images/banner_bottom.jpg') center/cover;
  color: #FFFFFF;
}
.qr {
  width: 118px; height: 118px; margin: 0 auto 16px; border-radius: 14px;
  border: 1.5px solid rgba(255,224,27,0.45); display: flex; align-items: center; justify-content: center;
  background: #FAF9F6; overflow: hidden; padding: 8px;
}
.qr img { width: 100%; height: 100%; object-fit: contain; }
footer .f-brand { font-size: 17px; font-weight: 800; color: #FFFFFF; }
footer .f-brand b { color: var(--gold); }
footer .copy { color: rgba(255,255,255,0.65); font-size: 13px; margin-top: 8px; }
footer .copy a { color: var(--gold); text-decoration: none; border-bottom: 1px solid rgba(255,224,27,0.35); }
footer .copy a:hover { color: #FFFFFF; border-bottom-color: #FFFFFF; }

/* ===== 响应式 ===== */
@media (max-width: 900px) {
  .wrap { padding: 0 20px; }
  .hero-inner { padding: 0 4px; }
  .about-grid { grid-template-columns: 1fr; }
  .about-hero-grid { grid-template-columns: 1fr; }
  .services { grid-template-columns: 1fr; }
  .cases { grid-template-columns: 1fr; }
  .aiwf-grid { grid-template-columns: 1fr; }
  .aiwf-cards { grid-template-columns: 1fr; }
  .clogo-wall { grid-template-columns: repeat(3, 1fr); }
  .articles { grid-template-columns: 1fr; }
  .wall-row { grid-template-columns: 1fr; }
  h1.name { font-size: 42px; }
  /* 移动端导航：汉堡菜单 */
  .nav-toggle { display: flex; }
  nav .links {
    display: none; position: fixed; top: 64px; left: 0; right: 0; z-index: 99;
    background: rgba(23,19,16,0.98); flex-direction: column;
    border-bottom: 1px solid rgba(255,224,27,0.3);
    box-shadow: 0 18px 40px rgba(0,0,0,0.35); padding: 10px 0 18px;
  }
  nav .links.open { display: flex; }
  nav a.link {
    display: block; margin: 0; padding: 13px 24px;
    font-size: 16px; border-bottom: 1px solid rgba(255,255,255,0.06);
  }
  nav a.link.active { border-bottom: 2px solid var(--gold); padding-bottom: 12px; }
}