/* ============================================================
   /contact お問い合わせ（Figma 196:66）浅色设计
   依赖 liquor.css 的 token：--gold / --gold-deep / --serif /
   --text-dark / --muted-dark，以及 .lq-field/.lq-input/.lq-textarea/.btn
   ============================================================ */

/* navbar：白底深字，banner 紧贴其下 */
.lq-header{
  position:sticky;top:0;z-index:60;background:#fff;
  box-shadow:0 1px 0 rgba(169,127,60,.2);padding:18px 0;
}
.lq-header.scrolled{background:#fff;backdrop-filter:none;padding:18px 0;box-shadow:0 6px 20px rgba(120,90,40,.12)}
.lq-header .lq-logo{display:none}
.lq-header .lq-nav{justify-content:flex-end}
.lq-header .lq-menu a{color:var(--text-dark)}
@media(max-width:900px){
  .lq-header .lq-menu a{color:#f0e7d6}
  .lq-header .lq-menu a.active{color:var(--gold-soft)}
}

/* 页面浅蓝灰底（Figma #f6f7fb） */
body.theme-liq-light{background:#f6f7fb}

/* ================= HERO ================= */
.ct-hero{
  position:relative;min-height:340px;
  background-size:cover;background-position:center right;background-repeat:no-repeat;
  background-color:#eef1f7;
}
.ct-hero::before{
  content:"";position:absolute;inset:0;z-index:0;
  background:linear-gradient(90deg,rgba(246,247,251,.98) 0%,rgba(246,247,251,.92) 30%,rgba(246,247,251,.45) 52%,rgba(246,247,251,0) 66%);
}
.ct-hero .container{position:relative;z-index:1}
.ct-hero-inner{max-width:560px;padding:96px 0 92px}
.ct-hero-kicker{
  font-family:var(--serif);font-size:18px;font-weight:600;color:var(--gold);
  letter-spacing:.12em;margin:0 0 18px;
}
.ct-hero-title{
  font-family:var(--serif);font-weight:700;color:#20242e;
  font-size:clamp(34px,4.4vw,56px);letter-spacing:.06em;line-height:1.25;margin:0 0 26px;
}
.ct-hero-desc{
  color:#3f4654;font-size:16px;line-height:2;font-weight:500;margin:0;max-width:400px;
}

/* ================= 主体 ================= */
.ct-body{padding:64px 0 96px}
.ct-section + .ct-section{margin-top:72px}

/* 标题：金色短横 + 衬线大字 + 金色短横 */
.ct-head{display:flex;align-items:center;justify-content:center;gap:26px;margin-bottom:16px}
.ct-rule{width:64px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.ct-rule:last-child{background:linear-gradient(90deg,var(--gold),transparent)}
.ct-h2{
  font-family:var(--serif);font-weight:700;color:#20242e;
  font-size:clamp(26px,3vw,36px);letter-spacing:.08em;margin:0;white-space:nowrap;
}
.ct-sub{text-align:center;color:var(--muted-dark);font-size:15px;font-weight:500;margin:0 0 40px}

/* ================= 表单白卡 ================= */
.ct-form-card{
  background:#fff;border:1px solid #ece5d8;border-radius:18px;
  padding:clamp(26px,4vw,52px);
  box-shadow:0 30px 60px -42px rgba(60,48,20,.4);
}
.ct-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 30px}
.ct-full{grid-column:1/-1}
.ct-form .lq-field label{font-family:var(--serif);font-weight:600;color:#2c2419;font-size:16px}
.ct-form .lq-input,.ct-form .lq-select,.ct-form .lq-textarea{
  background:#fbfaf7;border:1px solid #e4ddcf;border-radius:10px;padding:14px 16px;
}
.ct-form .lq-input::placeholder,.ct-form .lq-textarea::placeholder{color:#a99f8d}
.ct-form .lq-textarea{min-height:170px}
.ct-textarea-wrap{position:relative}
.ct-char-count{position:absolute;right:16px;bottom:12px;font-size:12.5px;color:var(--muted-dark)}

/* 隐私勾选 */
.ct-privacy label{display:flex;gap:10px;align-items:flex-start;cursor:pointer;font-size:14px;color:var(--text-dark);font-weight:500}
.ct-privacy input{margin-top:4px;accent-color:var(--gold-deep);width:16px;height:16px;flex:none}
.ct-privacy a{color:var(--gold-deep);text-decoration:none}
.ct-privacy a:hover{text-decoration:underline}

/* 提交按钮 */
.ct-submit{text-align:center;margin-top:4px}
.ct-submit-btn{
  width:min(480px,80%);justify-content:center;
  padding:16px 30px;font-size:16px;letter-spacing:.08em;border-radius:10px;border:0;cursor:pointer;
}

/* 提示条 */
.ct-alert{border-radius:10px;padding:14px 18px;font-size:14px;line-height:1.8;margin-bottom:24px}
.ct-alert-success{background:rgba(169,127,60,.12);border:1px solid rgba(169,127,60,.5);color:#5e441c}
.ct-alert-error{background:rgba(180,60,60,.08);border:1px solid rgba(180,60,60,.4);color:#8c2f2f}
.ct-alert-error ul{margin:6px 0 0 18px}

/* ================= 其他联系方式 4 卡 ================= */
.ct-method-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.ct-method-card{
  background:#fff;border:1px solid #ece5d8;border-radius:16px;
  padding:34px 20px 30px;text-align:center;
  display:flex;flex-direction:column;align-items:center;
  transition:transform .25s,box-shadow .25s;
}
.ct-method-card:hover{transform:translateY(-6px);box-shadow:0 30px 50px -34px rgba(120,90,40,.5)}
.ct-method-icon{
  width:60px;height:60px;border-radius:50%;display:grid;place-items:center;
  color:var(--gold);border:1px solid #e0d2b4;background:rgba(200,161,90,.07);margin-bottom:18px;
}
.ct-method-icon svg{width:28px;height:28px}
.ct-method-card h4{
  font-family:var(--serif);font-weight:600;font-size:17px;color:#2c2419;
  line-height:1.6;margin:0 0 14px;min-height:54px;display:flex;align-items:center;
}
.ct-method-main{
  display:block;font-size:15px;font-weight:600;color:#2c2419;word-break:break-all;
  text-decoration:none;line-height:1.6;
}
a.ct-method-main:hover{color:var(--gold-deep)}
.ct-method-sub{font-size:13.5px;color:var(--muted-dark);margin:6px 0 0;line-height:1.6}
.ct-method-note{font-size:13px;color:var(--muted-dark);margin:4px 0 0;line-height:1.7}
.ct-method-btn{margin-top:16px;padding:10px 24px;font-size:14px;border-radius:999px}

/* ================= 响应式 ================= */
@media(max-width:992px){
  .ct-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:768px){
  .ct-hero{min-height:auto;background-position:center right}
  .ct-hero::before{background:linear-gradient(180deg,rgba(246,247,251,.94) 0%,rgba(246,247,251,.78) 46%,rgba(246,247,251,.2) 100%)}
  .ct-hero-inner{padding:72px 0 64px;max-width:100%}
  .ct-body{padding:48px 0 72px}
  .ct-form{grid-template-columns:1fr;gap:22px}
  .ct-head{gap:16px}
  .ct-rule{width:40px}
}
@media(max-width:560px){
  .ct-method-grid{grid-template-columns:1fr}
  .ct-method-card h4{min-height:0}
  .ct-submit-btn{width:100%}
}