/* 力清广告官网 · 手机优先样式
   设计语言：深炭底 + 暖金光，中文衬线标题 + 无衬线正文
   所有颜色/字号来自设计稿，改动请同步方案文档 */

:root{
  --bg:#0A0C0F; --bg2:#0F1216; --card:#171B21; --line:#232A33;
  --ink:#F2F4F7; --body:#98A3B1; --sub:#8A94A1; --mute:#6E7885; --dim:#5E6875;
  --acc:#DFA65C;
  --serif:"Songti SC","STSong","Noto Serif CJK SC","Source Han Serif SC","SimSun",serif;
  --sans:-apple-system,BlinkMacSystemFont,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:var(--sans);font-size:15px;line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

/* ---------- 顶部 ---------- */
.top{position:sticky;top:0;z-index:30;background:rgba(10,12,15,.9);
     -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.hd{display:flex;align-items:center;justify-content:space-between;
    height:56px;padding:0 20px}
.brand{font-family:var(--serif);font-size:16px;letter-spacing:2.5px}
.hd .tel{font-family:var(--mono);font-size:12.5px;color:var(--acc);
         letter-spacing:.3px;padding:10px 0 10px 10px}
.tabs{display:flex;gap:22px;padding:0 20px 12px;overflow-x:auto;
      scrollbar-width:none;-webkit-overflow-scrolling:touch;
      border-bottom:1px solid var(--line)}
.tabs::-webkit-scrollbar{display:none}
.tabs a{font-size:13.5px;color:var(--mute);white-space:nowrap;
        padding:4px 0;border-bottom:1px solid transparent}
.tabs a.on{color:var(--ink);border-bottom-color:var(--acc)}

/* ---------- 区块 ---------- */
.sec{padding:38px 20px 42px}
.sec.alt{background:var(--bg2)}
.sec.hero{padding:30px 20px 36px}
.eyebrow{display:block;font-family:var(--mono);font-size:10.5px;
         letter-spacing:2.5px;color:var(--acc);margin-bottom:14px}
h1{font-family:var(--serif);font-weight:500;font-size:clamp(26px,7.2vw,31px);
   line-height:1.5;letter-spacing:.5px;margin:0 0 16px}
h2{font-family:var(--serif);font-weight:500;font-size:22px;
   line-height:1.45;letter-spacing:1px;margin:0 0 18px}
h3{font-family:var(--serif);font-weight:500;font-size:19px;
   letter-spacing:.5px;margin:0 0 14px}
p{margin:0 0 14px;color:var(--sub)}
p:last-child{margin-bottom:0}
.lead{color:var(--body);font-size:15px;line-height:1.85}
.statement{font-family:var(--serif);font-size:16.5px;line-height:1.85;
           color:var(--acc);margin:0 0 22px}
.rule{height:1px;background:var(--line);margin:22px 0}

/* ---------- 按钮 ---------- */
.btn{display:flex;align-items:center;justify-content:center;
     height:52px;border-radius:4px;background:var(--acc);
     color:#0A0C0F;font-size:14.5px;font-weight:600;letter-spacing:.5px;
     transition:opacity .15s}
.btn:active{opacity:.82}

/* ---------- 首页：四件事 ---------- */
.svc{display:flex;flex-direction:column;gap:20px}
.svc-item h3{font-size:15px;font-family:var(--sans);font-weight:600;
             letter-spacing:0;margin:0 0 3px}
.svc-item p{font-size:13px;line-height:1.75;margin:0;color:var(--sub)}

/* ---------- 金句横带 ---------- */
.quote{border-top:1px solid var(--line);border-bottom:1px solid var(--line);
       padding:38px 20px}
.quote p{font-family:var(--serif);font-size:18px;line-height:1.9;
         color:var(--sub);margin:0}
.quote .punch{font-size:20px;color:var(--acc);margin-top:14px;font-weight:500}

/* ---------- 案例卡 ---------- */
.cases{display:flex;flex-direction:column;gap:14px}
.case{background:var(--card);border:1px solid var(--line);
      border-radius:3px;padding:18px}
.case .name{font-family:var(--serif);font-size:16.5px;letter-spacing:.5px;
            display:block;margin-bottom:4px}
.case .proj{font-size:12.5px;color:#C3CBD5;line-height:1.75;
            display:block;margin-bottom:4px}
.case .desc{font-size:12px;color:#7E8896;line-height:1.8;display:block;margin:0}
.more{display:inline-block;font-size:12.5px;color:var(--acc);margin-top:4px}

/* ---------- 凭什么 / 流程 ---------- */
.rows{display:flex;flex-direction:column;gap:18px}
.row{display:flex;flex-direction:column;gap:3px}
.row .k{font-family:var(--mono);font-size:11.5px;color:var(--acc);
        letter-spacing:.5px}
.row .t{font-size:14.5px;font-weight:600;color:#E4E9EF}
.row .d{font-size:12.5px;color:var(--sub);line-height:1.8;margin:0}

/* ---------- 价格 ---------- */
.tiers{border-top:1px solid var(--line);margin-top:4px}
.tier{display:flex;align-items:center;justify-content:space-between;
      padding:15px 0;border-bottom:1px solid var(--line)}
.tier .n{font-size:14px;color:#D6DDE5}
.tier .p{font-family:var(--mono);font-size:13.5px;color:var(--acc);letter-spacing:.5px}
.fineprint{font-size:12.5px;line-height:1.85;color:var(--sub);margin:16px 0 0}
.fineprint.dim{color:#77828F}

/* ---------- FAQ ---------- */
.faq{display:flex;flex-direction:column;gap:20px}
.faq .q{font-size:14px;font-weight:600;color:#E4E9EF;line-height:1.7;
        display:block;margin-bottom:5px}
.faq .q.hl{color:var(--acc)}
.faq .a{font-size:12.5px;color:var(--sub);line-height:1.85;display:block;margin:0}

/* ---------- 公司信息表 ---------- */
.info{display:flex;flex-direction:column;gap:13px}
.info .ir{display:flex;gap:12px;align-items:flex-start}
.info .ik{flex:0 0 82px;font-size:11.5px;color:var(--mute);line-height:1.85}
.info .iv{flex:1;font-size:12.5px;color:#C3CBD5;line-height:1.85}

/* ---------- 联系 + 页脚 ---------- */
.cta{padding:44px 20px 26px;background:var(--bg2)}
.cta h2{font-size:26px;margin-bottom:10px}
.cta .bigtel{display:block;font-family:var(--mono);font-size:26px;
             font-weight:300;letter-spacing:1px;color:var(--acc);margin-bottom:10px}
.cta .meta{font-size:12px;color:#7E8896;line-height:1.9}
.ft{border-top:1px solid var(--line);margin-top:26px;padding-top:18px}
.ft p{font-size:10.5px;color:var(--dim);line-height:1.9;margin:0}

/* ---------- 平板：手机框兜底（600–899px） ---------- */
@media (min-width:600px) and (max-width:899px){
  body{background:#07090B}
  .wrap{max-width:480px;margin:0 auto;background:var(--bg);
        min-height:100vh;box-shadow:0 0 60px rgba(0,0,0,.6)}
}

/* ---------- PC 版（≥900px，目标 1440 宽） ----------
   媒体查询实现，不复制第二套 html：一套文件同时吃手机和 PC，
   域名迁移时无需改两处。 */
@media (min-width:900px){
  body{font-size:15.5px;background:var(--bg)}
  .wrap{max-width:1180px;margin:0 auto;background:transparent;
        box-shadow:none;min-height:auto;padding:0 40px}

  /* 顶栏 */
  .hd{height:76px;padding:0 0}
  .brand{font-size:19px;letter-spacing:3.5px}
  .hd .tel{font-size:13.5px}
  .tabs{gap:36px;padding:0 0 16px;overflow:visible;border-bottom:1px solid var(--line)}
  .tabs a{font-size:14px;padding:6px 0}

  /* 区块留白 */
  .sec{padding:82px 0 88px}
  .sec.alt{background:transparent;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .sec.hero{padding:104px 0 96px}
  .eyebrow{font-size:11px;letter-spacing:3px;margin-bottom:18px}

  /* 字号 */
  h1{font-size:54px;line-height:1.35;letter-spacing:1px;margin-bottom:22px}
  h2{font-size:31px;letter-spacing:1.5px;margin-bottom:26px}
  h3{font-size:21px}
  p{font-size:15.5px;line-height:1.9;max-width:74ch}
  .lead{font-size:18px;line-height:1.95;max-width:52ch}
  .statement{font-size:21px;line-height:1.85;margin-bottom:30px;max-width:40ch}
  .rule{margin:30px 0}

  /* 按钮 */
  .btn{display:inline-flex;height:56px;padding:0 44px;font-size:15px;border-radius:3px}

  /* 四件事：2×2 */
  .svc{display:grid;grid-template-columns:1fr 1fr;gap:34px 56px}
  .svc-item h3{font-size:17px;margin-bottom:6px}
  .svc-item p{font-size:14px;line-height:1.85;max-width:none}

  /* 金句带 */
  .quote{padding:80px 0;text-align:center}
  .quote p{font-size:25px;line-height:1.8;max-width:none}
  .quote .punch{font-size:28px;margin-top:20px}

  /* 案例：2 列 */
  .cases{display:grid;grid-template-columns:1fr 1fr;gap:22px}
  .case{padding:28px 30px}
  .case .name{font-size:19px;margin-bottom:6px}
  .case .proj{font-size:13px;margin-bottom:6px}
  .case .desc{font-size:13px;line-height:1.85}
  .more{font-size:13.5px;margin-top:18px}

  /* 凭什么：3 列 */
  .rows{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 44px}
  .row .k{font-size:12px}
  .row .t{font-size:16px}
  .row .d{font-size:13.5px;line-height:1.85;max-width:none}

  /* 价格 */
  .tiers{max-width:760px}
  .tier{padding:20px 0}
  .tier .n{font-size:15.5px}
  .tier .p{font-size:15px}
  .fineprint{font-size:13px;max-width:70ch;margin-top:20px}

  /* FAQ：2 列 */
  .faq{display:grid;grid-template-columns:1fr 1fr;gap:34px 56px}
  .faq .q{font-size:15.5px;margin-bottom:7px}
  .faq .a{font-size:13.5px;line-height:1.9}

  /* 公司信息 */
  .info{max-width:820px}
  .info .ik{flex:0 0 110px;font-size:12.5px}
  .info .iv{font-size:13.5px}

  /* 联系 */
  .cta{padding:92px 0 40px}
  .cta h2{font-size:40px;margin-bottom:16px}
  .cta .bigtel{font-size:46px;margin-bottom:14px}
  .cta .meta{font-size:13px}
  .ft{margin-top:40px;padding-top:22px;display:flex;gap:28px;flex-wrap:wrap}
  .ft p{font-size:11.5px}
}

/* 超宽屏（≥1440）留白略加 */
@media (min-width:1440px){
  .wrap{max-width:1240px}
  .sec{padding:96px 0 100px}
  h1{font-size:58px}
  h2{font-size:33px}
}

/* ---------- ICP 备案号（2026-11-05） ---------- */
.ft .icp{margin-top:2px}
.ft .icp a{color:var(--dim);text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.18);padding-bottom:1px;transition:.15s}
.ft .icp a:hover{color:var(--ink);border-color:var(--ink)}