/* =====================================================
   玹翔旅遊 V30.2｜共用 CSS 模組
   Nav / Cards / Forms / API State / Pricing table
===================================================== */
:root{
  --v30-bg:#050505;
  --v30-panel:#11131a;
  --v30-gold:#d8b56d;
  --v30-gold-soft:#fff2c8;
  --v30-text:#f7f4ec;
  --v30-muted:rgba(255,255,255,.72);
  --v30-line:rgba(216,181,109,.25);
  --v30-shadow:0 24px 70px rgba(0,0,0,.42);
}
.xx-v30-shell{background:var(--v30-bg);color:var(--v30-text)}
.xx-v30-wrap{width:min(1280px,calc(100% - 40px));margin-inline:auto}
.xx-v30-card{
  position:relative;
  border:1px solid var(--v30-line);
  border-radius:28px;
  background:linear-gradient(180deg,rgba(18,22,30,.96),rgba(7,9,15,.98));
  box-shadow:var(--v30-shadow);
  overflow:hidden;
}
.xx-v30-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(255,242,200,.12),transparent 34%,rgba(216,181,109,.08));
}
.xx-v30-card>*{position:relative;z-index:1}
.xx-v30-status{
  margin:14px 0;
  padding:12px 14px;
  border:1px solid rgba(216,181,109,.22);
  border-radius:16px;
  background:rgba(216,181,109,.08);
  color:var(--v30-muted);
  line-height:1.7;
}
.xx-v30-status.ok{border-color:rgba(70,210,120,.35);background:rgba(70,210,120,.09)}
.xx-v30-status.err{border-color:rgba(255,95,95,.35);background:rgba(255,95,95,.09)}
.xx-v30-form-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:18px}
.xx-v30-price-table{width:100%;border-collapse:separate;border-spacing:0 10px}
.xx-v30-price-table th,.xx-v30-price-table td{
  padding:12px 14px;
  border-top:1px solid rgba(216,181,109,.16);
  border-bottom:1px solid rgba(216,181,109,.16);
  background:rgba(255,255,255,.035);
}
.xx-v30-price-table th:first-child,.xx-v30-price-table td:first-child{border-left:1px solid rgba(216,181,109,.16);border-radius:14px 0 0 14px}
.xx-v30-price-table th:last-child,.xx-v30-price-table td:last-child{border-right:1px solid rgba(216,181,109,.16);border-radius:0 14px 14px 0}
@media(max-width:700px){
  .xx-v30-wrap{width:min(100% - 24px,100%)}
  .xx-v30-price-table{font-size:14px}
}