/* MAGI Golf Experiences — 苏格兰体验咨询页
   调色：深林克斯绿 / 石灰灰 / 米白 / 铜金点缀
   本文件独立于 B2B 官网，不跨域引用 */

:root{
  --green-900:#12291F;
  --green-800:#1B3A2F;
  --green-600:#2C5344;
  --stone-500:#7C8079;
  --stone-300:#C3C2B8;
  --cream:#F6F4EE;
  --cream-dim:#EDEAE0;
  --copper:#B08D57;
  --ink:#1C1E1B;
  --white:#FFFFFF;
  --maxw:1120px;
  --radius:4px;
  --serif:"Songti SC","Noto Serif SC",Georgia,"Times New Roman",serif;
  --sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:var(--sans);
  color:var(--ink);
  background:var(--cream);
  line-height:1.75;
  font-size:16px;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--green-800)}

.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}

/* ---------- 页头 ---------- */
.site-head{
  background:var(--white);
  color:var(--ink);
  border-bottom:1px solid var(--cream-dim);
  padding:12px 0;
  position:sticky;top:0;z-index:20;
}
.head-inner{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.brand{display:block;flex:0 0 150px;text-decoration:none;margin-right:4px}
.brand img{display:block;width:150px;height:36px}
.brand-name{font-family:var(--serif);font-size:17px;letter-spacing:.04em;color:var(--white)}
.brand-sub{font-size:12px;color:var(--stone-300);letter-spacing:.08em}

.gnav{display:flex;gap:14px;list-style:none;margin:0 0 0 auto;padding:0;flex-wrap:wrap}
.gnav a{font-size:12.5px;color:var(--ink);font-weight:500;text-decoration:none}
.gnav a:hover{color:var(--green-800);text-decoration:underline}

.lang-switch{position:relative;display:inline-block;font-size:12px}
.lang-switch summary{
  list-style:none;cursor:pointer;border:1.5px solid var(--green-800);color:var(--green-800);
  padding:5px 9px;border-radius:4px;font-weight:700;
}
.lang-switch summary::-webkit-details-marker{display:none}
.lang-switch summary::after{content:" \25BE"}
.lang-switch[open] summary{background:var(--green-800);color:var(--white)}
.lang-switch .lang-menu{
  position:absolute;top:calc(100% + 6px);inset-inline-end:0;background:var(--white);
  border:1px solid var(--cream-dim);border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,.12);
  padding:6px;display:grid;grid-template-columns:repeat(2,minmax(110px,1fr));gap:2px;z-index:30;
}
.lang-menu a{display:block;padding:6px 10px;font-size:13px;color:var(--ink);text-decoration:none;border-radius:4px;white-space:nowrap}
.lang-menu a:hover{background:var(--cream-dim)}
.lang-menu a[aria-current="true"]{color:var(--green-800);font-weight:700}

.head-cta{
  background:var(--green-800);color:var(--white)!important;padding:8px 14px;
  border-radius:6px;font-weight:600;font-size:13px;text-decoration:none;white-space:nowrap;
}
.head-cta:hover{background:var(--green-900)}

@media(max-width:760px){
  .gnav{display:none}
  .head-inner{gap:10px}
  .brand{flex:1 1 100%;margin-right:0}
  .lang-switch,.head-cta{flex:0 0 auto}
}

/* ---------- 按钮 ---------- */
.btn{
  display:inline-block;
  background:var(--copper);
  color:#241B0E;
  font-weight:600;
  text-decoration:none;
  padding:13px 26px;
  border:1px solid var(--copper);
  border-radius:var(--radius);
  font-size:15px;
  cursor:pointer;
  transition:background .15s ease;
  font-family:inherit;
}
.btn:hover{background:#C39B60}
.btn-sm{padding:8px 16px;font-size:13.5px}
.btn-lg{padding:15px 34px;font-size:16.5px}
.btn-ghost{background:transparent;color:var(--green-800);border-color:var(--green-600)}
.btn-ghost:hover{background:var(--cream-dim)}
.btn:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{
  outline:2px solid var(--copper);outline-offset:2px;
}

/* ---------- Hero ---------- */
.hero{
  background:
    linear-gradient(180deg, rgba(18,41,31,.94) 0%, rgba(27,58,47,.92) 100%),
    repeating-linear-gradient(115deg, #1B3A2F 0 38px, #16332A 38px 76px);
  color:var(--cream);
  padding:78px 0 66px;
  border-bottom:3px solid var(--copper);
}
.eyebrow{
  font-size:12px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--copper);margin:0 0 18px;font-weight:600;
}
.hero h1{
  font-family:var(--serif);
  font-size:clamp(29px,5vw,49px);
  line-height:1.28;
  margin:0 0 22px;
  color:var(--white);
  font-weight:600;
  letter-spacing:.01em;
}
.lede{font-size:17px;max-width:640px;color:#E3E1D6;margin:0 0 30px}
.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:26px}
.cta-hint{font-size:13.5px;color:var(--stone-300)}
.trust{
  font-size:13.5px;color:var(--stone-300);margin:0;
  padding-top:20px;border-top:1px solid rgba(195,194,184,.24);
}

/* ---------- 区块 ---------- */
.band{padding:58px 24px}
.band.alt{background:var(--cream-dim)}
section.band h2{
  font-family:var(--serif);
  font-size:clamp(22px,3vw,30px);
  color:var(--green-900);
  margin:0 0 18px;
  font-weight:600;
  line-height:1.4;
}
.body-lg{font-size:16.5px;max-width:780px;margin:0 0 30px;color:#33362F}

/* ---------- 卡片 ---------- */
.grid{display:grid;gap:18px}
.g4{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.card{
  background:var(--white);
  border:1px solid var(--stone-300);
  border-top:3px solid var(--green-600);
  border-radius:var(--radius);
  padding:22px 20px;
}
.card h3{
  font-size:16px;margin:0 0 10px;color:var(--green-800);
  font-weight:600;line-height:1.5;
}
.card p{margin:0;font-size:14.5px;color:#4A4D45}
.card.region ul{margin:0;padding-left:18px;font-size:14.5px;color:#4A4D45}
.card.region li{margin-bottom:5px}
.note-inline{
  font-size:13.5px;color:var(--stone-500);margin:22px 0 0;
  padding-left:14px;border-left:3px solid var(--stone-300);
}

/* ---------- 表格 ---------- */
.table-scroll{overflow-x:auto;margin-bottom:26px;-webkit-overflow-scrolling:touch}
table.paths{border-collapse:collapse;width:100%;min-width:660px;background:var(--white);font-size:14.5px}
table.paths th,table.paths td{border:1px solid var(--stone-300);padding:12px 14px;text-align:left;vertical-align:top}
table.paths th{background:var(--green-800);color:var(--white);font-weight:600}
table.paths tr:nth-child(even) td{background:#FAF9F5}

/* ---------- 提示框 ---------- */
.notice{
  background:#FFFBF2;
  border:1px solid var(--copper);
  border-left-width:4px;
  border-radius:var(--radius);
  padding:16px 20px;
  font-size:14.5px;
  color:#4A3E28;
}

/* ---------- 列表 ---------- */
ul.tick{list-style:none;padding:0;margin:0;max-width:760px}
ul.tick li{position:relative;padding-left:26px;margin-bottom:12px;font-size:15.5px;color:#33362F}
ul.tick li::before{
  content:"";position:absolute;left:4px;top:10px;
  width:7px;height:7px;background:var(--copper);border-radius:50%;
}
ol.steps{margin:0;padding-left:22px;max-width:780px}
ol.steps li{margin-bottom:14px;font-size:15.5px;color:#33362F}
ol.steps strong{color:var(--green-800)}

/* ---------- 需求表单（无 form 元素，无提交端点） ---------- */
.req-form{
  display:grid;gap:18px;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  background:var(--white);
  border:1px solid var(--stone-300);
  border-radius:var(--radius);
  padding:26px 22px;
}
.field{display:flex;flex-direction:column;gap:7px}
.field-wide{grid-column:1/-1}
.field label{font-size:14px;font-weight:600;color:var(--green-800)}
.field select,.field input[type=text],.field textarea{
  font-family:inherit;font-size:15px;color:var(--ink);
  padding:11px 12px;
  border:1px solid var(--stone-300);
  border-radius:var(--radius);
  background:var(--white);
  width:100%;
}
.field textarea{resize:vertical}
.privacy-note{
  font-size:13.5px;color:#6B5A3A;margin:0 0 14px;
  background:#FFFBF2;border:1px solid var(--copper);
  border-radius:var(--radius);padding:12px 14px;
}
.result-box textarea{background:#FAF9F5;font-size:14.5px;line-height:1.7}
.copy-tip{font-size:13.5px;color:var(--green-600);margin-left:12px;font-weight:600}

/* ---------- FAQ ----------
   作用域限定在 .band 内:头部语言切换也是 <details>(.lang-switch),
   全局 details 规则会把 FAQ 的白底边框大内边距套到它身上(移动端头部
   被撑成三行的事故根因),FAQ 样式永远别写成裸元素选择器。 */
.band details{
  background:var(--white);
  border:1px solid var(--stone-300);
  border-radius:var(--radius);
  padding:14px 18px;
  margin-bottom:10px;
  max-width:860px;
}
.band details summary{
  cursor:pointer;font-weight:600;color:var(--green-800);
  font-size:15.5px;line-height:1.6;
}
.band details p{margin:12px 0 0;font-size:14.5px;color:#4A4D45}

/* ---------- 最终 CTA ---------- */
.final{background:var(--green-900);color:var(--cream);padding-bottom:64px}
.final h2{color:var(--white)}
.final .body-lg{color:#DCDACF}
.qr-block{display:flex;flex-wrap:wrap;gap:28px;align-items:center;margin-top:8px}
.qr-frame{
  background:var(--white);padding:16px;border-radius:var(--radius);
  border:2px solid var(--copper);line-height:0;
}
.qr-side{max-width:340px}
.qr-tip{font-size:15px;color:#DCDACF;margin:0 0 10px}
.qr-tip strong{color:var(--copper)}
.qr-tip.small{font-size:13.5px;color:var(--stone-300)}

/* ---------- 页脚 ---------- */
.site-foot{background:#0E211A;color:var(--stone-300);padding:34px 0;font-size:13px}
.disclaimer{margin:0 0 12px;line-height:1.8;max-width:900px}
.foot-meta{margin:16px 0 0}
.foot-meta a{color:var(--copper);text-decoration:none}
.foot-meta a:hover{text-decoration:underline}

/* ---------- 响应式 ---------- */
@media (max-width:640px){
  .hero{padding:52px 0 44px}
  .band{padding:44px 20px}
  .wrap{padding:0 20px}
  .req-form{padding:20px 16px}
  .qr-block{gap:20px}
}

/* ---------- v2:电话/邮箱 CTA 与多选 ---------- */
.field-label{font-size:14px;font-weight:600;color:var(--green-800)}
.chk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-top:4px}
.chk{display:flex;align-items:center;gap:8px;font-size:14.5px;color:#33362F;
  background:#FAF9F5;border:1px solid var(--stone-300);border-radius:var(--radius);
  padding:10px 12px;cursor:pointer}
.chk input{accent-color:var(--green-600);width:16px;height:16px}
.contact-block{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  max-width:720px;margin-top:8px}
.contact-card{background:var(--white);border:2px solid var(--copper);border-radius:var(--radius);
  padding:22px 20px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.contact-label{font-size:13px;letter-spacing:.12em;color:var(--green-600);font-weight:600}
.contact-value{font-size:20px;font-weight:700;color:var(--green-900);text-decoration:none;word-break:break-all}
a.contact-value:hover{color:var(--green-600)}
.contact-note{font-size:13px;color:var(--stone-500)}
.contact-card-qr img{width:110px;height:110px;border-radius:8px;border:1px solid var(--stone-200,#e3e0d6)}
.contact-hint{font-size:14.5px;color:#DCDACF;margin-top:20px;max-width:720px}
.contact-hint strong{color:var(--copper)}

.err-title{font-family:var(--serif);color:var(--green-900);font-size:clamp(24px,4vw,34px);margin:0 0 16px}

/* ---------- RTL(阿拉伯语等) ---------- */
[dir="rtl"]{text-align:right}
[dir="rtl"] .gnav{margin:0 auto 0 0}
[dir="rtl"] .cta-row,[dir="rtl"] .contact-block{direction:rtl}
[dir="rtl"] .tick li::marker,[dir="rtl"] .steps li::marker{unicode-bidi:isolate}
[dir="rtl"] .lang-switch .lang-menu{inset-inline-end:auto;inset-inline-start:0}
[dir="rtl"] table.paths{direction:rtl}
/* ---------- Inquiry owner card ---------- */
.inquiry-owner-card{background:var(--white);border:1px solid var(--stone-300);border-radius:var(--radius);margin:22px 0;padding:0;overflow:hidden;color:#33362F}
.inquiry-owner-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;background:#F2F0E8;border-bottom:1px solid var(--stone-300);padding:13px 16px}
.inquiry-owner-head span{color:var(--stone-500);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.inquiry-owner-head strong{color:var(--green-900);font-size:15px;text-align:right}
.inquiry-owner-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px 16px;padding:15px 16px;align-items:center}
.inquiry-owner-body p{font-size:14px;color:#33362F;margin:0}
.inquiry-owner-body p span{display:block;color:var(--stone-500);font-size:11.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.inquiry-owner-body b{color:var(--green-900);font-size:16px}
.inquiry-person{display:flex;align-items:center;gap:12px;min-width:0}
.inquiry-avatar{width:64px;height:64px;border-radius:50%;border:2px solid #E8E4D9;background:#F8F6EF;object-fit:cover;flex:0 0 auto}
.inquiry-qr{display:grid;gap:6px;justify-items:start}
.inquiry-qr span{display:block;color:var(--stone-500);font-size:11.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.inquiry-qr img{width:118px;height:118px;object-fit:contain;border:1px solid var(--stone-300);border-radius:6px;background:#fff;padding:5px}
.inquiry-owner-cta{justify-self:start;background:var(--green-800);color:var(--white)!important;padding:9px 14px;border-radius:var(--radius);font-weight:700;text-decoration:none}
@media(max-width:640px){.inquiry-owner-head{display:block}.inquiry-owner-head strong{display:block;text-align:left;margin-top:4px}.inquiry-owner-body{grid-template-columns:1fr}.inquiry-qr img{width:132px;height:132px}}
.inquiry-team-grid{align-items:stretch}
.inquiry-team-grid .inquiry-owner-card{display:flex;flex-direction:column;height:100%}
.inquiry-team-grid .inquiry-owner-body{display:flex;flex-direction:column;align-items:stretch;height:100%}
.inquiry-team-grid .inquiry-person{min-height:68px}
.inquiry-team-grid .inquiry-qr{margin-top:auto}
.inquiry-team-grid .inquiry-owner-cta{margin-top:0}

.inquiry-team-grid .inquiry-person{min-height:auto}


@media(min-width:721px){
  .inquiry-team-grid .inquiry-owner-head{min-height:100px}
  .inquiry-team-grid .inquiry-owner-body > p:nth-of-type(2){min-height:66px}
}
.inquiry-team-grid .inquiry-person{min-height:68px}
.inquiry-team-grid .inquiry-owner-cta{width:100%;margin-top:0}