/* ==========================================================================
   烘焙行业应用场景 · 左图右文（方案 C · 深色沉浸）
   可独立加载，不依赖 theme.css；用于方案、产品、特性页面。
   ========================================================================== */

.x-scene{
  position:relative;overflow:hidden;
  background:#05070c;color:#fff;
  padding:84px 0 92px;
  font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.x-scene *{box-sizing:border-box}
.x-scene::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(760px 420px at 84% 0%,rgba(31,94,202,.45),transparent 64%),
    radial-gradient(620px 380px at 0% 100%,rgba(17,202,255,.14),transparent 60%);
}
.x-scene::after{
  content:"";position:absolute;inset:0;opacity:.05;pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);
  background-size:56px 56px;
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 72%);
  mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 72%);
}
.x-scene .wrap{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 24px}
.xs-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:56px;align-items:center}
.xs-fig{
  position:relative;margin:0;overflow:hidden;
  border-radius:24px;aspect-ratio:1.22;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 40px 80px rgba(0,0,0,.42);
  background:#0b1220;
}
.xs-fig img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.xs-fig::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.62));
}
.xs-tag{
  position:absolute;left:16px;bottom:14px;z-index:3;
  display:inline-flex;align-items:center;gap:7px;
  font-size:11.5px;font-weight:700;color:#fff;letter-spacing:.02em;
  background:rgba(8,14,26,.55);border:1px solid rgba(255,255,255,.18);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border-radius:999px;padding:6px 12px;
}
.xs-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:#11caff;box-shadow:0 0 10px rgba(17,202,255,.8)}
.xs-float{
  position:absolute;right:16px;top:14px;z-index:3;
  display:inline-flex;align-items:center;gap:7px;
  font-size:11.5px;font-weight:800;color:#0b1522;
  background:rgba(255,255,255,.94);border-radius:999px;padding:7px 13px;
  box-shadow:0 16px 36px rgba(0,0,0,.35);
}
.xs-float i{width:7px;height:7px;border-radius:50%;background:#0e9f6e;box-shadow:0 0 0 4px rgba(14,159,110,.14)}
.xs-kick{
  display:inline-flex;align-items:center;gap:9px;
  font-size:11.5px;font-weight:800;letter-spacing:.14em;
  color:#7cc0ff;text-transform:uppercase;
}
.xs-kick::before{content:"";width:22px;height:2px;border-radius:2px;background:linear-gradient(96deg,#1f5eca,#11caff)}
.xs-copy h2{
  margin:14px 0 0;
  font-size:clamp(28px,3.2vw,40px);line-height:1.25;letter-spacing:-1px;
  font-weight:800;color:#fff;text-wrap:balance;
}
.xs-copy h2 em{
  font-style:normal;
  background:linear-gradient(96deg,#7cc0ff,#11caff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.xs-copy p{
  margin:16px 0 0;max-width:520px;
  font-size:15px;line-height:1.85;color:#a9b6c8;
}
.xs-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.xs-pills span{
  font-size:12.5px;font-weight:600;color:#d7e0ec;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);
  border-radius:999px;padding:7px 14px;white-space:nowrap;
}
.xs-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  margin-top:28px;padding:13px 26px;border-radius:999px;
  font-size:14.5px;font-weight:700;line-height:1.2;color:#fff;
  background:linear-gradient(96deg,#1f5eca 0%,#11caff 100%);
  box-shadow:0 12px 28px rgba(7,108,224,.3);
  text-decoration:none;border:0;
  transition:transform .2s,box-shadow .2s;
}
.xs-btn::after{content:"\2192";font-size:15px;transition:transform .2s}
.xs-btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 18px 36px rgba(7,108,224,.36)}
.xs-btn:hover::after{transform:translateX(3px)}

@media(max-width:1080px){
  .xs-grid{grid-template-columns:1fr;gap:34px}
  .xs-fig{aspect-ratio:1.45;max-width:760px}
  .xs-copy p{max-width:640px}
}
@media(max-width:720px){
  .x-scene{padding:56px 0 62px}
  .x-scene .wrap{padding:0 20px}
  .xs-grid{gap:26px}
  .xs-fig{aspect-ratio:1.35;border-radius:18px}
  .xs-copy h2{font-size:25px;letter-spacing:-.6px}
  .xs-copy p{font-size:14px;line-height:1.8}
  .xs-pills{gap:7px;margin-top:18px}
  .xs-pills span{font-size:11.5px;padding:6px 11px}
  .xs-btn{margin-top:22px;padding:12px 22px;font-size:13.5px}
  .xs-tag{font-size:10.5px;left:12px;bottom:11px;padding:5px 10px}
  .xs-float{font-size:10.5px;right:12px;top:11px;padding:6px 10px}
}
@media(prefers-reduced-motion:reduce){
  .xs-btn,.xs-btn::after{transition:none}
}