/* 大窑流通 · 招募宣传页（Agentwap /promo） */
.promo-page{
  --p-amber:#c45c14;
  --p-deep:#3b2112;
  --p-foam:#fff8f0;
  --p-card:#ffffff;
  --p-line:rgba(59,33,18,.08);
  --p-muted:#7a5c48;
  margin:0;padding:0 0 88px;
  background:
    radial-gradient(120% 80% at 10% -10%,#f6d7a8 0%,transparent 55%),
    radial-gradient(90% 60% at 100% 0%,#e8b48a 0%,transparent 45%),
    linear-gradient(180deg,#f3ebe3 0%,#efe4d8 40%,#f7f2ec 100%);
  font-family:"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  color:var(--p-deep);
  min-height:100vh;
  overflow-x:hidden;
}
.promo-page a{color:inherit;text-decoration:none}
.promo-hero{
  position:relative;
  padding:28px 20px 36px;
  color:#fff8f0;
  background:
    linear-gradient(145deg,rgba(59,33,18,.92) 0%,rgba(122,52,18,.88) 48%,rgba(196,92,20,.85) 100%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.06' stroke-width='1'%3E%3Ccircle cx='40' cy='40' r='18'/%3E%3Ccircle cx='40' cy='40' r='30'/%3E%3C/g%3E%3C/svg%3E");
  background-size:cover,80px 80px;
  overflow:hidden;
}
.promo-hero::after{
  content:"";position:absolute;right:-30px;bottom:-40px;width:160px;height:160px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,248,240,.2),transparent 70%);
  animation:promoPulse 5s ease-in-out infinite;
}
.promo-brand{
  font-size:13px;letter-spacing:.18em;opacity:.85;margin:0 0 10px;text-transform:uppercase;
}
.promo-hero h1{
  margin:0;font-size:28px;line-height:1.25;font-weight:800;letter-spacing:.02em;
  animation:promoRise .7s ease both;
}
.promo-hero .lead{
  margin:12px 0 0;font-size:14px;line-height:1.65;opacity:.92;max-width:28em;
  animation:promoRise .7s .12s ease both;
}
.promo-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;animation:promoRise .7s .2s ease both}
.promo-chip{
  font-size:12px;padding:6px 10px;border-radius:999px;
  background:rgba(255,248,240,.14);border:1px solid rgba(255,248,240,.22);
}
.promo-wrap{padding:14px 14px 0;position:relative;z-index:1;margin-top:-18px}
.promo-card{
  background:var(--p-card);border-radius:18px;padding:16px 16px 14px;margin-bottom:12px;
  border:1px solid var(--p-line);box-shadow:0 10px 28px rgba(59,33,18,.06);
  animation:promoRise .55s ease both;
}
.promo-card h2{
  margin:0 0 10px;font-size:16px;display:flex;align-items:center;gap:8px;
}
.promo-card h2 .ico{
  width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  background:#fff1e4;color:var(--p-amber);flex-shrink:0;
}
.promo-card h2 .ico .awi{width:18px;height:18px;margin:0}
.promo-tip{font-size:12px;color:var(--p-muted);line-height:1.6;margin:0 0 10px}
.promo-note{
  font-size:12px;line-height:1.55;margin:0 0 10px;padding:10px 12px;border-radius:12px;
  background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;
}
.promo-list{margin:0;padding:0;list-style:none}
.promo-list li{
  position:relative;padding:10px 0 10px 28px;border-bottom:1px dashed var(--p-line);
  font-size:13px;line-height:1.55;
}
.promo-list li:last-child{border-bottom:0}
.promo-list li::before{
  content:"";position:absolute;left:2px;top:14px;width:16px;height:16px;border-radius:50%;
  background:var(--p-amber);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat;
}
.promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.promo-grid.three{grid-template-columns:1fr 1fr 1fr}
.promo-tile{
  display:block;padding:14px 12px;border-radius:16px;background:linear-gradient(160deg,#fff,#fff8f0);
  border:1px solid var(--p-line);text-align:left;transition:transform .2s ease,box-shadow .2s;
}
.promo-tile:active{transform:scale(.98)}
.promo-tile .ico{
  width:42px;height:42px;border-radius:14px;margin-bottom:10px;
  display:flex;align-items:center;justify-content:center;background:#fff1e4;color:var(--p-amber);
}
.promo-tile .ico .awi{width:22px;height:22px;margin:0}
.promo-tile b{display:block;font-size:15px;margin-bottom:4px}
.promo-tile span{display:block;font-size:12px;color:var(--p-muted);line-height:1.45}
.promo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.promo-stats .s{
  text-align:center;padding:12px 6px;border-radius:14px;background:#faf6f1;border:1px solid var(--p-line);
}
.promo-stats b{display:block;font-size:18px;color:var(--p-amber);line-height:1.2}
.promo-stats em{display:block;font-style:normal;font-size:11px;color:var(--p-muted);margin-top:4px}
.promo-table{width:100%;border-collapse:collapse;font-size:12px}
.promo-table th,.promo-table td{padding:8px 6px;border-bottom:1px solid var(--p-line);text-align:left;vertical-align:top}
.promo-table th{color:var(--p-muted);font-weight:600;background:#faf6f1}
.promo-flow{display:flex;flex-direction:column;gap:0}
.promo-flow .step{
  display:flex;gap:12px;padding:8px 0;position:relative;
}
.promo-flow .n{
  width:28px;height:28px;border-radius:50%;background:var(--p-deep);color:#fff8f0;
  display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;
  z-index:1;
}
.promo-flow .step:not(:last-child)::before{
  content:"";position:absolute;left:13px;top:36px;bottom:-8px;width:2px;background:#e8d5c4;
}
.promo-flow .t{font-size:13px;line-height:1.5;padding-top:4px}
.promo-flow .t b{display:block;margin-bottom:2px}
.promo-tags{display:flex;flex-wrap:wrap;gap:6px}
.promo-tags span{
  font-size:11px;padding:5px 9px;border-radius:8px;background:#f3ebe3;color:#5c4030;
}
.promo-cta{
  position:fixed;left:0;right:0;bottom:0;z-index:60;
  padding:10px 14px calc(10px + env(safe-area-inset-bottom));
  background:rgba(255,248,240,.92);backdrop-filter:blur(10px);
  border-top:1px solid var(--p-line);display:flex;gap:8px;
}
.promo-cta a{
  flex:1;text-align:center;padding:13px 10px;border-radius:12px;font-size:14px;font-weight:700;
}
.promo-cta .pri{background:linear-gradient(135deg,#c45c14,#9a3412);color:#fff}
.promo-cta .sec{background:#3b2112;color:#fff8f0}
.promo-back{display:inline-flex;align-items:center;gap:4px;font-size:12px;opacity:.85;margin-bottom:8px}
.dy-contact,.promo-contact{
  background:#fff;border-radius:18px;padding:14px;margin:0 0 12px;
  border:1px solid rgba(59,33,18,.08);box-shadow:0 10px 28px rgba(59,33,18,.06);
}
.dy-contact-row{display:flex;gap:14px;align-items:center}
.dy-contact-qr-wrap{flex-shrink:0;text-align:center;width:118px}
.dy-contact-qr{
  width:118px;height:118px;object-fit:contain;border-radius:12px;flex-shrink:0;
  background:#faf6f1;border:1px solid rgba(59,33,18,.08);display:block;
}
.dy-contact-qr-lab{display:block;margin-top:6px;font-size:11px;color:#9a7b66}
.dy-contact-qr-ph{
  display:flex;align-items:center;justify-content:center;text-align:center;
  font-size:11px;color:#9a7b66;line-height:1.4;padding:8px;
}
.dy-contact-info{flex:1;min-width:0}
.dy-contact-title{display:block;font-size:15px;color:#3b2112;margin:0 0 4px}
.dy-contact-name{margin:0 0 8px;font-size:12px;color:#7a5c48;line-height:1.45}
.dy-contact-tip{margin:0 0 10px;font-size:12px;color:#7a5c48;line-height:1.4}
.dy-contact-phone{
  display:inline-block;padding:11px 14px;border-radius:12px;font-size:15px;font-weight:800;
  background:linear-gradient(135deg,#c45c14,#9a3412);color:#fff!important;letter-spacing:.02em;
}
.dy-contact-svc{font-size:13px;font-weight:700;opacity:.95;margin-right:2px}
.dy-contact-sub{margin:10px 0 0;font-size:11px;color:#9a7b66;line-height:1.4}
@keyframes promoRise{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes promoPulse{
  0%,100%{transform:scale(1);opacity:.9}
  50%{transform:scale(1.08);opacity:1}
}
@media (min-width:560px){
  .promo-page{max-width:480px;margin:0 auto}
  .promo-cta{max-width:480px;left:50%;right:auto;transform:translateX(-50%)}
}