/* mingjueyouxiapp.html 品牌理念页 —— 仅本页布局，外壳与令牌来自 base.css */
.yx-hero{padding:56px 0 46px;background:
  radial-gradient(760px 320px at 12% -10%,var(--coral-wash),transparent 70%),
  radial-gradient(620px 300px at 92% 8%,var(--teal-soft),transparent 72%)}
.yx-eyebrow{display:inline-block;font-size:12.5px;letter-spacing:3px;color:var(--teal2);
  background:var(--teal-soft);border:1px solid rgba(14,165,160,.28);border-radius:30px;padding:5px 15px;margin-bottom:18px}
.yx-hero h1{font-size:clamp(26px,4.2vw,42px);line-height:1.32;letter-spacing:.5px;color:var(--ink);max-width:20em}
.yx-motto{margin:26px 0 22px;padding:30px 32px;border-radius:18px;background:var(--card);
  border:1px solid var(--border2);box-shadow:var(--shadow);position:relative;overflow:hidden}
.yx-motto::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;
  background:linear-gradient(180deg,var(--coral),var(--teal))}
.yx-motto-text{font-size:clamp(30px,5.6vw,54px);font-weight:900;letter-spacing:8px;line-height:1.28;
  color:var(--coral2);text-align:center}
.yx-motto-from{margin-top:12px;text-align:center;font-size:13px;letter-spacing:2px;color:var(--muted)}
.yx-lead{font-size:16.5px;color:var(--text);max-width:56em}
.yx-hero-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.yx-strip-item{font-size:13px;color:var(--teal2);background:var(--card);border:1px solid var(--border);
  border-radius:30px;padding:7px 16px;box-shadow:0 4px 14px rgba(14,165,160,.08)}

.yx-split,.yx-why,.yx-promise,.yx-compare,.yx-faqtable,.yx-timeline,.yx-details,
.yx-voices,.yx-transparent,.yx-checklist,.yx-links,.yx-values,.yx-cta{padding:44px 0}
.yx-split,.yx-compare,.yx-details,.yx-transparent,.yx-links{background:var(--bg2)}
.yx-split h2,.yx-why h2,.yx-promise h2,.yx-compare h2,.yx-faqtable h2,.yx-timeline h2,
.yx-details h2,.yx-voices h2,.yx-transparent h2,.yx-checklist h2,.yx-links h2,.yx-values h2,.yx-cta h2{
  font-size:clamp(21px,2.6vw,28px);color:var(--ink);letter-spacing:.5px;margin-bottom:14px;position:relative;padding-left:16px}
.yx-split h2::before,.yx-why h2::before,.yx-promise h2::before,.yx-compare h2::before,
.yx-faqtable h2::before,.yx-timeline h2::before,.yx-details h2::before,.yx-voices h2::before,
.yx-transparent h2::before,.yx-checklist h2::before,.yx-links h2::before,.yx-values h2::before,.yx-cta h2::before{
  content:"";position:absolute;left:0;top:.42em;width:6px;height:1em;border-radius:4px;
  background:linear-gradient(180deg,var(--coral),var(--teal))}
.yx-intro{color:var(--muted);max-width:54em;margin-bottom:20px}
.yx-split p,.yx-why p,.yx-values p,.yx-links p,.yx-cta p{max-width:56em}

.yx-halves{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0 26px}
.yx-half{background:var(--card);border:1px solid var(--border2);border-radius:16px;padding:22px 24px;box-shadow:var(--shadow)}
.yx-half h3{font-size:18px;color:var(--coral2);margin-bottom:8px;letter-spacing:2px}
.yx-half-teal{border-color:rgba(14,165,160,.3);box-shadow:var(--shadow-teal)}
.yx-half-teal h3{color:var(--teal2)}

.yx-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--card);
  border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);font-size:14.5px}
.yx-table caption{caption-side:top;text-align:left;font-size:13px;color:var(--muted);padding:0 0 10px}
.yx-table th{background:var(--coral-wash);color:var(--coral2);font-size:13.5px;letter-spacing:1px;
  text-align:left;padding:13px 16px;border-bottom:1px solid var(--border2);white-space:nowrap}
.yx-table td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:top}
.yx-table tbody tr:last-child td{border-bottom:none}
.yx-table tbody tr:nth-child(even){background:#fffdfa}
.yx-table tbody tr:hover{background:var(--teal-soft)}
.yx-table-char td:first-child{font-weight:900;color:var(--teal2);font-size:17px;text-align:center;width:4.5em}
.yx-table-qa td:first-child{font-weight:700;color:var(--ink);width:38%}

.yx-note{margin-top:22px;padding:20px 22px;border-radius:16px;background:var(--teal-soft);
  border-left:5px solid var(--teal);box-shadow:0 8px 22px rgba(14,165,160,.1)}
.yx-note-label{font-size:12px;letter-spacing:2px;color:var(--teal2);margin-bottom:6px;font-weight:800}
.yx-note p:last-child{color:#1f5d5a}

.yx-promise-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;counter-reset:yxp}
.yx-promise-list li{position:relative;background:var(--card);border:1px solid var(--border);
  border-radius:18px;padding:24px 24px 22px 66px;box-shadow:var(--shadow)}
.yx-promise-list li::before{counter-increment:yxp;content:counter(yxp);position:absolute;left:22px;top:22px;
  width:30px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--coral),var(--coral2))}
.yx-promise-list h3{font-size:16.5px;color:var(--ink);margin-bottom:6px}
.yx-promise-list p{font-size:14.5px;color:var(--muted)}

.yx-steps{display:grid;gap:14px;counter-reset:none}
.yx-steps li{display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto auto;column-gap:18px;
  background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px 22px;box-shadow:var(--shadow)}
.yx-step-no{grid-row:1 / span 2;align-self:center;font-size:20px;font-weight:900;color:var(--teal2);
  letter-spacing:1px;text-align:center;border-right:1px dashed var(--border2)}
.yx-steps h3{font-size:16px;color:var(--ink);margin-bottom:4px}
.yx-steps p{font-size:14.5px;color:var(--muted)}

.yx-details-box{display:grid;gap:10px;max-width:900px}
.yx-details details{background:var(--card);border:1px solid var(--border);border-radius:14px;
  padding:15px 20px;box-shadow:0 6px 18px rgba(232,80,47,.06)}
.yx-details summary{cursor:pointer;font-weight:800;font-size:15.5px;color:var(--ink);list-style:none;
  display:flex;justify-content:space-between;align-items:center;gap:12px}
.yx-details summary::-webkit-details-marker{display:none}
.yx-details summary::after{content:"+";color:var(--coral2);font-size:19px;font-weight:900;line-height:1}
.yx-details details[open] summary::after{content:"−"}
.yx-details details p{margin-top:10px;font-size:14.5px;color:var(--muted);border-top:1px dashed var(--border);padding-top:10px}

.yx-quote{margin:0 0 14px;padding:24px 26px 20px 30px;background:var(--card);border-radius:16px;
  border:1px solid var(--border);border-left:5px solid var(--coral);box-shadow:var(--shadow);position:relative}
.yx-quote p{font-size:15.5px;color:var(--text);line-height:1.86}
.yx-quote-by{margin-top:12px;font-size:12.5px;color:var(--muted);letter-spacing:1px}
.yx-quote-teal{border-left-color:var(--teal);box-shadow:var(--shadow-teal)}

.yx-plain{display:grid;gap:9px;max-width:60em}
.yx-plain li{position:relative;padding:10px 16px 10px 38px;background:var(--card);
  border:1px solid var(--border);border-radius:12px;font-size:14.5px;color:var(--text)}
.yx-plain li::before{content:"";position:absolute;left:16px;top:50%;transform:translateY(-50%);
  width:9px;height:9px;border-radius:50%;background:var(--coral)}

.yx-check{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
.yx-check li{display:flex;align-items:flex-start;gap:12px;background:var(--card);border:1px solid var(--border);
  border-radius:14px;padding:15px 18px;font-size:14.5px;box-shadow:0 6px 18px rgba(14,165,160,.06)}
.yx-check-mark{flex:0 0 auto;width:26px;height:26px;border-radius:9px;display:inline-flex;
  align-items:center;justify-content:center;font-size:12.5px;font-weight:900;color:#fff;
  background:linear-gradient(135deg,var(--teal),var(--teal2))}

.yx-linkrow{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.yx-linkcard{display:block;background:var(--card);border:1px solid var(--border2);border-radius:16px;
  padding:20px;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}
.yx-linkcard span{display:block;font-weight:900;font-size:16px;color:var(--coral2);margin-bottom:5px}
.yx-linkcard em{font-style:normal;font-size:13.5px;color:var(--muted)}
.yx-linkcard:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}
.yx-links p a{color:var(--teal2);font-weight:700;border-bottom:1px dashed rgba(14,165,160,.5)}
.yx-links p a:hover{color:var(--coral2);border-bottom-color:var(--coral)}

.yx-dl{display:grid;gap:0;margin-top:18px;background:var(--card);border:1px solid var(--border);
  border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}
.yx-dl dt{padding:16px 22px 2px;font-weight:900;color:var(--teal2);font-size:15.5px;letter-spacing:1px}
.yx-dl dd{padding:2px 22px 16px;color:var(--muted);font-size:14.5px;border-bottom:1px dashed var(--border)}
.yx-dl dd:last-child{border-bottom:none}

.yx-cta{background:linear-gradient(160deg,var(--coral-wash),var(--bg2) 60%,var(--teal-soft));text-align:center}
.yx-cta h2{padding-left:0;display:inline-block}
.yx-cta h2::before{display:none}
.yx-cta p{margin:0 auto 22px}
.yx-cta-row{justify-content:center}
.yx-cta-note{font-size:13px;color:var(--muted);margin-top:18px}

@media(max-width:900px){
  .yx-hero{padding:34px 0 30px}
  .yx-split,.yx-why,.yx-promise,.yx-compare,.yx-faqtable,.yx-timeline,.yx-details,
  .yx-voices,.yx-transparent,.yx-checklist,.yx-links,.yx-values,.yx-cta{padding:30px 0}
  .yx-motto{padding:22px 18px;margin:20px 0 18px}
  .yx-motto-text{letter-spacing:3px}
  .yx-halves,.yx-promise-list{grid-template-columns:1fr}
  .yx-promise-list li{padding:20px 20px 18px 60px}
  .yx-table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
  .yx-table td,.yx-table th{white-space:normal;min-width:110px}
  .yx-table-qa td:first-child{width:auto}
  .yx-steps li{grid-template-columns:46px 1fr;column-gap:12px;padding:15px 16px}
  .yx-step-no{font-size:16px}
  .yx-linkrow{grid-template-columns:1fr}
  .yx-quote{padding:20px 18px 16px 20px}
  .yx-cta-row{flex-direction:column;align-items:stretch}
}