* { margin:0; padding:0; box-sizing:border-box; -webkit-tap-highlight-color:transparent; }
  html,body { width:100%; }
  html { scroll-behavior:smooth; }   /* 底部悬浮 CTA 点击 → 平滑滚到「挑选吉日事项」九宫格 */
  body {
    font-family: "PingFang SC","Hiragino Sans GB","Microsoft YaHei",serif;
    background:#e8ddc8;
    color:#5a3a26;
    display:flex; justify-content:center;
  }
  .page {
    width:100%; max-width:480px;
    background:#f6eedd;
    background-image:
      radial-gradient(circle at 20% 5%, rgba(214,168,96,.18) 0 18%, transparent 40%),
      radial-gradient(circle at 85% 12%, rgba(196,120,60,.12) 0 14%, transparent 38%),
      radial-gradient(circle at 15% 60%, rgba(214,168,96,.10) 0 12%, transparent 34%);
    overflow:hidden;
    padding-bottom:104px;   /* 给底部固定悬浮 CTA 留出空间，别让它压住页脚 */
    position:relative;
  }
  /* 九宫格锚点：滚到顶时留一点呼吸位，别贴着视口上沿 */
  #pick { scroll-margin-top:12px; }
  .serif { font-family:"STSong","SimSun","Songti SC",serif; }

  /* ---------- HERO ---------- */
  .hero {
    position:relative;
    padding:26px 18px 0;
    height:440px;
    background:
      radial-gradient(circle at 68% 40%, rgba(255,236,180,.95) 0 8%, rgba(255,224,150,.55) 26%, transparent 52%),
      radial-gradient(circle at 10% 88%, rgba(255,252,240,.55) 0 10%, transparent 40%),
      linear-gradient(180deg,#f9ecca 0%,#f2d9a2 44%,#e7c184 100%);
    overflow:hidden;
  }
  .hero::before{
    content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
    background:repeating-conic-gradient(from 0deg at 68% 40%,
      rgba(255,244,205,.20) 0deg 4deg, transparent 4deg 12deg);
    -webkit-mask-image:radial-gradient(circle at 68% 40%, #000 0 30%, transparent 62%);
            mask-image:radial-gradient(circle at 68% 40%, #000 0 30%, transparent 62%);
  }
  .hero::after{
    content:"";position:absolute;left:0;right:0;bottom:0;height:120px;
    background:linear-gradient(180deg,rgba(233,201,143,0) 0%,rgba(246,238,221,.95) 100%);
  }
  .cloud{ position:absolute; z-index:1; opacity:.8; pointer-events:none; }
  .birds{ position:absolute; z-index:1; top:20px; left:36%; opacity:.75; pointer-events:none; }
  .compass{
    position:absolute; z-index:1; top:34px; right:8px; width:296px; height:296px;
    filter:drop-shadow(0 14px 30px rgba(120,60,20,.35));
    animation:spin 90s linear infinite;
  }
  @keyframes spin{ to{ transform:rotate(360deg);} }
  .hero-badge{
    position:relative; z-index:2;
    display:inline-block;
    color:#7c4a1e;
    font-size:12px; letter-spacing:4px; line-height:1.9; text-align:center;
    padding:5px 14px; border-radius:4px;
    background:linear-gradient(180deg,rgba(255,250,238,.9),rgba(250,238,210,.85));
    border:1px solid #c99a56;
    box-shadow:0 3px 8px rgba(140,90,30,.18), inset 0 1px 0 #fff;
  }
  .hero-title{
    position:relative; z-index:2;
    margin-top:12px;
    writing-mode:vertical-rl;
    font-size:84px; line-height:1; font-weight:900; letter-spacing:12px;
    background:linear-gradient(180deg,#b23a26 0%,#8f2b1f 52%,#6e180e 100%);
    -webkit-background-clip:text; background-clip:text; color:transparent;
    filter:
      drop-shadow(0 2px 0 rgba(255,244,215,.95))
      drop-shadow(0 4px 0 rgba(190,140,70,.45))
      drop-shadow(0 12px 18px rgba(120,40,20,.35));
  }
  .hero-sub{
    position:relative; z-index:2;
    margin-top:14px;
    writing-mode:vertical-rl;
    font-size:14px; letter-spacing:6px; color:#7c5a34;
    text-shadow:0 1px 0 rgba(255,250,235,.8);
  }
  .hero-row{ display:flex; gap:14px; }
  .hero-seal{
    position:relative; z-index:3;
    margin-top:18px;
    display:inline-block;
    background:linear-gradient(160deg,#b03a2a 0%,#8c251c 60%,#741b13 100%);
    color:#fdf3e0; border:none; cursor:pointer;
    font-size:15px; letter-spacing:3px;
    padding:11px 26px; border-radius:8px;
    box-shadow:0 6px 14px rgba(140,37,28,.4), inset 0 0 0 1px rgba(255,225,190,.45), inset 0 2px 0 rgba(255,255,255,.2);
  }
  .hero-seal:active{ transform:translateY(1px); }
  .hero-banner{
    position:absolute; z-index:4; left:0; right:0; bottom:0;
    background:linear-gradient(90deg,#7c1f16,#a03024 50%,#7c1f16);
    color:#f7e8cf;
    padding:9px 14px;
    font-size:13px; letter-spacing:2px;
    text-align:center; line-height:1.7;
  }
  .hero-banner b{ color:#ffd98f; font-weight:700; }

  /* ---------- 窄屏头部适配（≤767px 才生效，桌面 ≥768px 完全走上面的基态）----------
     ⚠️ 断点必须是 767 而不是 480：.page 是 max-width:480px，视口 481~767 时页面仍然是
     480 宽的"手机版式"（只是两侧露出 body 底色），若断点写 480，这一段会走 PC 基态
     ⇒ 标题还是 84px、罗盘 296、红条盖住按钮，看起来就是"手机端没适配"。 */
  @media (max-width:767px){
    /* 🔴 .hero 高度必须是 auto：红条是流元素会占掉一行高，
       写死高度会把内容挤到 .hero 的 overflow:hidden 之外被裁掉。 */
    .hero{ padding:22px 14px 0; height:auto; }
    /* ⚠️⚠️ 罗盘：窄屏**从 absolute 改成 flex 项**，搬进 .hero-row 里（见 index.html）。
       这样它和「择吉日 / 标语」在同一行，靠 `.hero-row{align-items:center}` 自动垂直居中：
       罗盘比文字块矮 ⇒ 上下留白自动各一半，**不用写死任何高度常量**，
       标题字数变了（「择吉日」3 字 vs 「结婚吉日」4 字）也不需要改 CSS。
       ⚠️ 曾经用 absolute + `top` 硬算（top = 22 + (337 - 边长)/2）：那是照首页 3 字标题量出来的，
       抄到 4 字标题的服务页就全歪；而且用 `bottom` 会更糟（罗盘被压到贴红条，
       它**上面**空出 91.7px 一大块，实测过）。
       ⚠️⚠️ `.hero-row` 绝对**不能设 position** —— 罗盘搬进来后，
       PC 的 `position:absolute` 靠往上找同一个 positioned 祖先定位，中途多一层 relative 就会错位。
       宽高用 min(…)：大屏封顶 230px，小屏按 视口宽-125px 收，保证不撞到标语（罗盘左缘 x>118）。
       ⚠️ 宽高必须同一个参照（vw）：写 calc(100% - …) 时 width 的 100% 是容器宽（对），
       height 的 100% 却是容器**高**（错）⇒ 小屏会拉成椭圆。 */
    .hero-row{ align-items:center; gap:12px; }
    .compass{
      --rmc: min(230px, calc(100vw - 125px));
      position:relative;
      top:auto; right:auto; bottom:auto; left:auto;
      flex:0 0 auto;
      width:var(--rmc); height:var(--rmc);
      margin-left:auto;          /* 推到最右 */
      filter:drop-shadow(0 8px 18px rgba(120,60,20,.30));
    }
    .birds{ top:14px; left:32%; }
    /* 云朵原本 bottom:70px 是相对 hero 底的，hero 变高后会被红条盖住 → 改成按 top 定位 */
    .cloud{ bottom:auto; top:250px; }
    .hero-badge{ font-size:11px; letter-spacing:3px; padding:4px 11px; }
    /* 大字 84px 在窄屏过大 → 收到 56px；阴影层数砍到 2 层，避免小屏糊 */
    .hero-title{
      margin-top:6px; font-size:56px; letter-spacing:9px;
      filter:
        drop-shadow(0 2px 0 rgba(255,244,215,.95))
        drop-shadow(0 7px 11px rgba(120,40,20,.30));
    }
    /* 竖排小字：浅色 text-shadow 在浅米底上等于糊一层雾 → 去掉；字距收窄、字色加深、加粗 */
    .hero-sub{
      margin-top:14px;
      font-size:15px; letter-spacing:4px; font-weight:600;
      color:#6b4826; text-shadow:none;
    }
    /* 🔴 「立即测算」按钮已从 index.html 整颗删除（用户定：PC 端设计稿本来就没有这颗，
       移动端照搬多出来很丑）。这里不再需要 .hero-seal 的任何规则。
       滚到九宫格走底部悬浮 CTA，不依赖这个按钮。 */
    /* 🔴 红条原本 position:absolute;bottom:0，会整条压住头部内容 → 改回流元素，
       让排在上面的元素（标题/标语）有落脚点。
       负 margin 抵掉 .hero 的左右 padding，保持红条满宽出血。 */
    .hero-banner{
      position:relative; left:auto; right:auto; bottom:auto;
      margin:16px -14px 0;
      font-size:11px; letter-spacing:0; padding:7px 8px; line-height:1.7;
    }
  }

  /* ---------- 通用区块 ---------- */
  section{ padding:0 16px; margin-top:24px; }
  .sec-head{ display:flex; align-items:center; justify-content:center; gap:12px; margin-bottom:18px; }
  .sec-head .line{ flex:1; height:1px; background:linear-gradient(90deg,transparent,#c9a468); }
  .sec-head .line.r{ background:linear-gradient(270deg,transparent,#c9a468); }
  .sec-title{
    background:linear-gradient(180deg,#8c5a2e,#6f421f);
    color:#ffe9c2; font-size:17px; letter-spacing:3px; font-weight:700;
    padding:8px 26px; border-radius:20px;
    box-shadow:0 4px 10px rgba(110,66,31,.3), inset 0 0 0 1px rgba(255,220,160,.35);
    position:relative;
  }
  .sec-title::before,.sec-title::after{
    content:"◆"; color:#c9a468; font-size:9px; position:absolute; top:50%; transform:translateY(-50%);
  }
  .sec-title::before{ left:9px; } .sec-title::after{ right:9px; }

  /* ---------- 吉日事项 ---------- */
  .grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
  .item{
    background:linear-gradient(180deg,#fffdf6,#f7edd8);
    border:1px solid #e2c896; border-radius:10px;
    padding:12px 4px 10px; text-align:center;
    box-shadow:0 3px 8px rgba(150,100,50,.10);
  }
  .item .ico{
    width:38px; height:38px; margin:0 auto 7px; border-radius:50%;
    background:radial-gradient(circle at 32% 28%,#c14a38,#8f2b1f);
    color:#ffe9c2; font-size:17px; line-height:38px;
    box-shadow:inset 0 0 0 2px rgba(255,220,170,.35), 0 3px 6px rgba(120,40,25,.28);
  }
  .item .t{ font-size:13px; font-weight:700; color:#6f421f; letter-spacing:1px; }
  .item .d{ font-size:10px; color:#a8835a; margin-top:2px; }

  /* ---------- 为什么 ---------- */
  .why-card{
    background:linear-gradient(180deg,#fffdf6,#f8efdb);
    border:1px solid #e2c896; border-radius:14px;
    padding:16px 14px; margin-bottom:12px;
    display:flex; gap:13px; align-items:flex-start;
    box-shadow:0 3px 8px rgba(150,100,50,.10);
  }
  .why-ico{
    flex:0 0 54px; width:54px; height:54px; border-radius:50%;
    background:radial-gradient(circle at 32% 28%,#c14a38,#8f2b1f);
    display:flex; align-items:center; justify-content:center;
    color:#ffe9c2; font-size:24px;
    box-shadow:inset 0 0 0 2px rgba(255,220,170,.35), 0 4px 8px rgba(120,40,25,.3);
  }
  .why-card h3{ font-size:15px; color:#8f2b1f; letter-spacing:1px; margin-bottom:5px; }
  .why-card h3 span{ font-size:11px; color:#c9a468; margin-left:6px; letter-spacing:2px; }
  .why-card p{ font-size:12.5px; line-height:1.85; color:#7a5b3a; }

  /* ---------- 如何挑选 ---------- */
  .qa{
    background:#fffdf6; border:1px dashed #d5b078; border-radius:10px;
    padding:11px 14px; margin-bottom:9px;
    font-size:13px; color:#6f4a26; line-height:1.7;
  }
  .qa b{ color:#8f2b1f; }
  .qa .a{ color:#a8835a; font-size:12px; }
  .ways{ display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin:16px 0 14px; }
  .way{ text-align:center; }
  .way .cir{
    width:56px; height:56px; margin:0 auto 6px; border-radius:50%;
    background:radial-gradient(circle at 32% 28%,#d8a35e,#a86a2e);
    display:flex; align-items:center; justify-content:center;
    color:#fff8ea; font-size:12px; font-weight:700; letter-spacing:1px;
    box-shadow:inset 0 0 0 2px rgba(255,230,180,.4), 0 4px 8px rgba(130,80,30,.3);
    border:3px solid #f3e4c4;
  }
  .way .cir.red{ background:radial-gradient(circle at 32% 28%,#c14a38,#8f2b1f); }
  .way p{ font-size:11px; color:#7a5b3a; }

  .compare{ display:grid; grid-template-columns:1fr 1.15fr; gap:10px; }
  .c-card{ border-radius:12px; padding:14px 12px; }
  .c-card h4{ font-size:14px; margin-bottom:8px; letter-spacing:1px; }
  .c-card ul{ list-style:none; }
  .c-card li{ font-size:11.5px; line-height:1.9; padding-left:14px; position:relative; color:inherit; }
  .c-card li::before{ content:"·"; position:absolute; left:2px; font-weight:900; }
  .c-grey{ background:linear-gradient(180deg,#efe6d4,#e4d7bd); border:1px solid #d0bd96; color:#8a7454; }
  .c-grey h4{ color:#8a7454; } .c-grey li::before{ color:#8a7454; }
  .c-red{
    background:linear-gradient(160deg,#a8352a,#7c1f16); color:#f9e9cd;
    border:1px solid #d98a6a; position:relative;
    box-shadow:0 8px 18px rgba(140,37,28,.35);
  }
  .c-red h4{ color:#ffd98f; } .c-red li::before{ color:#ffd98f; }
  .c-red .tag{
    position:absolute; top:-11px; right:10px;
    background:linear-gradient(180deg,#ffcf7a,#e8a33c); color:#7c1f16;
    font-size:11px; font-weight:900; padding:3px 10px; border-radius:10px;
    box-shadow:0 3px 6px rgba(160,110,20,.4); letter-spacing:1px;
  }

  /* ---------- 平台优势 ---------- */
  .adv{
    display:flex; gap:13px; align-items:flex-start;
    background:linear-gradient(180deg,#fffdf6,#f8efdb);
    border:1px solid #e2c896; border-radius:12px;
    padding:14px; margin-bottom:11px;
    box-shadow:0 3px 8px rgba(150,100,50,.10);
  }
  .adv .seal{
    flex:0 0 46px; height:46px; border-radius:8px;
    background:linear-gradient(160deg,#a8352a,#7c1f16);
    color:#ffe9c2; font-size:12px; font-weight:900;
    display:flex; align-items:center; justify-content:center; text-align:center;
    line-height:1.25; letter-spacing:1px;
    box-shadow:inset 0 0 0 2px rgba(255,220,170,.4), 0 4px 8px rgba(120,40,25,.3);
  }
  .adv h3{ font-size:14.5px; color:#8f2b1f; margin-bottom:4px; letter-spacing:1px; }
  .adv p{ font-size:12.5px; line-height:1.8; color:#7a5b3a; }

  /* ---------- 用户反馈 ---------- */
  .fb{
    background:linear-gradient(180deg,#fffdf6,#f8efdb);
    border:1px solid #e2c896; border-radius:12px;
    padding:14px; margin-bottom:11px;
    box-shadow:0 3px 8px rgba(150,100,50,.10);
    display:flex; gap:12px;
  }
  .fb .ava{
    flex:0 0 42px; width:42px; height:42px; border-radius:50%;
    background:radial-gradient(circle at 32% 28%,#d8a35e,#a86a2e);
    color:#fff8ea; font-size:15px; font-weight:900;
    display:flex; align-items:center; justify-content:center;
    box-shadow:inset 0 0 0 2px rgba(255,230,180,.45);
  }
  .fb h4{ font-size:13.5px; color:#6f421f; margin-bottom:4px; }
  .fb h4 .stars{ color:#d4902a; font-size:12px; letter-spacing:1px; }
  .fb p{ font-size:12.5px; line-height:1.8; color:#7a5b3a; }

  /* ---------- CTA / 底部（2026-10-04 改为「底部固定悬浮」） ---------- */
  /* 🔴 悬浮条：固定在屏幕底部、与 .page 同宽（480px）居中，**常驻可见**。
     改前它是文档流里的一个居中胶囊，要滚到页面最底部才看得到。
     点击 → 平滑滚到首页「挑选吉日事项」九宫格（锚点 #pick）。
     ⚠️ 上沿用「透明 → 页面底色」的渐变压住下方内容，否则按钮两侧会露出文字。
     ⚠️ .page 的 padding-bottom 必须同步加大（见上方 104px），否则页脚被盖住。 */
  .cta-wrap{
    position:fixed; left:50%; bottom:0; z-index:880;
    width:100%; max-width:480px; transform:translateX(-50%);
    padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));
    background:linear-gradient(180deg, rgba(246,238,221,0), rgba(246,238,221,.88) 36%, #f6eedd 70%);
    text-align:center;
  }
  .cta{
    display:block; width:100%; border:none; cursor:pointer;
    /* 2026-10-05：与 9 个服务页底部悬浮「开始择日」(.q-submit) 同色 —— 朱红渐变 + 双描金边。
       尺寸/圆角仍走首页自己的令牌（不跟着服务页改，只统一配色）。 */
    background:linear-gradient(180deg,#d8351f 0%,#b22314 55%,#931408 100%);
    color:#ffe9a8; font-size:17px; letter-spacing:6px; font-weight:700;
    padding:14px 0; border-radius:30px;
    text-shadow:0 1px 1px rgba(110,15,8,.7);
    box-shadow:0 0 0 2px #8f1608, 0 0 0 4px #e8b96a, 0 8px 16px rgba(150,30,20,.35), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -6px 12px rgba(120,15,8,.45);
    text-decoration:none;
  }
  .cta:active{ transform:translateY(1px); }
  footer{
    margin-top:22px; text-align:center;
    font-size:11px; color:#a8835a; line-height:1.9; letter-spacing:1px;
  }
  footer .links{ color:#8a6a40; }
  /* 页脚的择吉介绍是唯一可点的一项：与其它几项同色，仅去掉下划线，保持页脚齐整 */
  footer .links a{ color:#8a6a40; text-decoration:none; }
  footer .links span{ margin:0 8px; }

  /* ================= 订单查询入口（首页 · 输入查询号打开报告） =================
     样式与吉日页 .q-find-row / .rm-qn-modal 同一套视觉令牌，观感保持一致（2026-10-04） */
  .q-find-row{ display:flex; align-items:center; justify-content:center; gap:8px; margin-top:30px; }
  .q-find-row::before, .q-find-row::after{
    content:''; flex:0 0 auto; width:30px; height:1px;   /* flex 子项必须 flex:0 0 auto，否则被压成 0 宽 */
  }
  .q-find-row::before{ background:linear-gradient(90deg,rgba(201,164,92,0),#c9a45c); }
  .q-find-row::after { background:linear-gradient(90deg,#c9a45c,rgba(201,164,92,0)); }
  .q-find-link{
    flex:0 0 auto; display:inline-flex; align-items:center; gap:4px;
    font-size:12.5px; font-weight:700; letter-spacing:.3px; color:#8f2b1f;
    text-decoration:none; white-space:nowrap;
  }
  .q-find-link svg{ width:12px; height:12px; display:block; }
  .q-find-link:active{ opacity:.7; }

  /* 找回弹层：遮罩磨砂 + 悬浮朱印「查」+ 双金线卡框 + 红金主按钮（与吉日页同款） */
  .rm-qn-mask{
    position:fixed; inset:0; z-index:1200; background:rgba(40,24,12,.58);
    -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);
    opacity:0; pointer-events:none; transition:opacity .25s ease;
  }
  .rm-qn-mask.on{ opacity:1; pointer-events:auto; }
  .rm-qn-modal{
    position:fixed; left:50%; top:50%; z-index:1201; width:min(360px,88vw);
    padding:30px 20px 18px; border-radius:18px; text-align:center;
    background:linear-gradient(180deg,#fffefb 0%,#fffaf0 52%,#fcf1dd 100%);
    border:1px solid #dfc290;
    box-shadow:0 24px 60px rgba(70,38,8,.38), inset 0 2px 0 rgba(255,255,255,.6);
    opacity:0; pointer-events:none;
    transform:translate(-50%,-46%) scale(.95);
    transition:opacity .28s ease, transform .28s cubic-bezier(.2,.8,.3,1);
  }
  .rm-qn-modal.on{ opacity:1; pointer-events:auto; transform:translate(-50%,-50%) scale(1); }
  .rm-qn-modal::after{
    content:''; position:absolute; inset:6px; border-radius:13px;
    border:1px solid rgba(201,164,92,.45); pointer-events:none;
  }
  .rm-qn-seal{
    position:relative; z-index:3; width:52px; height:52px; margin:-56px auto 10px;
    display:flex; align-items:center; justify-content:center; border-radius:50%;
    background:radial-gradient(circle at 35% 28%, #dd4a32, #b22314 72%);
    color:#ffe9c2; font-size:24px; font-weight:900; font-family:"STSong","SimSun",serif;
    text-shadow:0 1px 1px rgba(110,15,8,.65);
    box-shadow:0 0 0 3px #fffdf6, 0 0 0 4.5px #c9a45c, 0 8px 18px rgba(150,30,20,.35);
  }
  .rm-qn-hd{
    position:relative; z-index:2; font-size:17px; font-weight:700;
    letter-spacing:2px; color:#8f2b1f;
  }
  .rm-qn-hd::before, .rm-qn-hd::after{
    content:''; display:inline-block; vertical-align:middle; width:26px; height:1px; margin:0 8px;
  }
  .rm-qn-hd::before{ background:linear-gradient(90deg,rgba(201,164,92,0),#c9a45c); }
  .rm-qn-hd::after { background:linear-gradient(90deg,#c9a45c,rgba(201,164,92,0)); }
  .rm-qn-tip{ position:relative; z-index:2; font-size:12.5px; line-height:1.85; color:#8a745a; }
  .rm-qn-tip b{ color:#8f2b1f; }
  .rm-qn-btn{
    position:relative; z-index:2; display:block; width:100%; margin-top:16px; padding:13px 0;
    border:0; border-radius:11px; cursor:pointer;
    font-size:15px; font-weight:900; letter-spacing:4px; text-indent:4px;
    font-family:"STSong","SimSun",serif;
    color:#ffe9a8; background:linear-gradient(180deg,#d8351f 0%,#b22314 55%,#931408 100%);
    text-shadow:0 1px 1px rgba(110,15,8,.7);
    box-shadow:0 0 0 2px #8f1608, 0 0 0 4px #e8b96a, 0 8px 16px rgba(150,30,20,.32),
               inset 0 1px 0 rgba(255,255,255,.28), inset 0 -5px 10px rgba(120,15,8,.4);
  }
  .rm-qn-btn:active{ filter:brightness(.94); transform:translateY(1px); }
  .rm-qn-btn.ghost{
    margin-top:10px; color:#8a6a2f; border:1px solid #e0bd77;
    font-weight:700; font-size:13.5px; letter-spacing:2px; text-indent:2px;
    background:linear-gradient(180deg,#fffdf6,#fbf1dc);
    box-shadow:none; text-shadow:none;
  }
  .rm-qn-input{
    position:relative; z-index:2; width:100%; box-sizing:border-box; margin:14px 0 0;
    padding:13px 10px; border:1.5px solid #e0bd77; border-radius:10px; text-align:center;
    font-family:"Times New Roman","STSong","SimSun",serif;
    font-size:24px; font-weight:700; letter-spacing:5px; color:#3d2a18;
    background:#fffef9; outline:none;
    box-shadow:inset 0 2px 5px rgba(160,120,60,.10);
  }
  .rm-qn-input:focus{ border-color:#c9a45c; box-shadow:inset 0 2px 5px rgba(160,120,60,.08), 0 0 0 4px rgba(201,164,92,.20); }
  .rm-qn-msg{ position:relative; z-index:2; min-height:17px; margin-top:8px; font-size:12px; color:#c8392b; }
  .rm-qn-msg.ok{ color:#2e7d4f; }