/* TrimsPackaging pages/deals.css (from static deals.html, infra sections removed) */
/* ================= Base (header/footer/topbar/mega — byte-extract from index.html) ================= */

:root{
  --brand:#1890FF; --brand-600:#0E7AE6; --brand-700:#0A5FB8; --brand-50:#E8F4FF;
  --brand-grad:linear-gradient(180deg,#3AA0FF 0%,var(--brand) 55%,var(--brand-600) 100%);
  --brand-glow:rgba(24,144,255,.22); --brand-glow-soft:rgba(24,144,255,.10);
  --ink:#1D2129; --ink-2:#2A2F38; --body:#4E5969; --muted:#86909C;
  --line:#E5E6EB; --bg:#F5F7FA; --card:#FFFFFF; --surface-2:#FAFCFF;
  --orange:#FF7D00; --red:#F53F3F; --green:#00B42A;
  --radius:8px;
  --shadow:0 12px 32px -8px rgba(29,33,41,.08);
  --shadow-lg:0 24px 56px -16px rgba(29,33,41,.16);
  --hairline:linear-gradient(90deg,transparent,rgba(229,230,235,0) 6%,#E5E6EB 22%,#E5E6EB 78%,rgba(229,230,235,0) 94%,transparent);
  --font-display:'Outfit',system-ui,sans-serif;
  --font-body:'Inter',system-ui,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);color:var(--ink);background:#F5F7FA;background-image:linear-gradient(180deg,#EDF4FC 0%,#F5F7FA 340px,#F5F7FA 100%);background-repeat:no-repeat;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}
.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
.wrap{max-width:none;margin:0;padding:0 clamp(24px,3.5vw,72px)}
h1,h2,h3,.display{font-family:var(--font-display)}

/* ---------- Hero（PDP：白底 + 底边发丝线） ---------- */


footer.site{background:var(--ink);color:#98A2B3;padding:56px 0 0;font-size:13.5px}
footer.site .ft-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:36px;padding-bottom:48px;height:auto;align-items:start}
.ft-brand .logo{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.ft-brand .logo i{width:34px;height:34px;border-radius:50%;background:var(--brand);color:#fff;font-style:normal;font-weight:800;font-size:11.5px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);flex:none}
.ft-brand .logo b{color:#fff;font-size:17px;font-family:var(--font-display);font-weight:700}
.ft-brand p{margin:0 0 18px;line-height:1.75;font-size:12.5px;max-width:250px}
.ft-contact{display:flex;flex-direction:column;gap:10px}
.ft-contact span{display:flex;align-items:center;gap:9px;font-size:12.5px}
.ft-contact svg{width:14px;height:14px;stroke:#98A2B3;stroke-width:1.4;fill:none;flex:none}
.ft-col h4{color:#7A8699;font-size:11.5px;letter-spacing:1.4px;font-weight:700;margin:6px 0 14px;text-transform:uppercase;font-family:var(--font-display)}
.ft-col a{display:block;color:#C9CDD4;text-decoration:none;padding:5px 0;font-size:12.5px;transition:color .15s}
.ft-col a:hover{color:#fff}
.ft-bottom{border-top:1px solid rgba(255,255,255,.08)}
.ft-bottom .wrap{display:flex;align-items:center;justify-content:space-between;min-height:52px;height:auto;flex-wrap:wrap;gap:8px;padding-top:10px;padding-bottom:10px}
.pay{display:flex;gap:18px;font-size:11.5px;letter-spacing:1.2px;color:#667085;font-weight:600}
.ft-legal{font-size:12.5px}
.ft-legal a{color:#C9CDD4;text-decoration:none;margin-left:16px}
.ft-legal a:hover{color:#fff}
.ft-legal-links{display:inline-flex;align-items:center;margin-left:14px;vertical-align:middle}
.ft-legal-links::before{content:"";width:1px;height:11px;background:rgba(255,255,255,.14);margin-right:14px}
.ft-legal-links a{color:inherit;font-size:11.5px;font-weight:400;margin-left:0;transition:color .15s}
.ft-legal-links a:hover{color:#fff;text-decoration:underline}
.ft-sep{display:inline-block;width:1px;height:10px;background:rgba(255,255,255,.16);margin:0 10px}
@media (max-width:1024px){
  footer.site .ft-grid{grid-template-columns:1fr 1fr;gap:28px}
  .ft-brand{grid-column:1/-1}
}

/* hairline divider */
.hr{height:1px;background:var(--hairline);border:none;margin:0}
/* 版心对齐 PDP：全宽通铺；超宽屏 3↔6 列切换保持整行 */
@media(min-width:2000px){.cat-grid,.why-grid{grid-template-columns:repeat(6,1fr)}}




:root{
  --brand:#1890FF; --brand-600:#0E7AE6; --brand-50:#E8F4FF;
  --brand-grad:linear-gradient(180deg,#3AA0FF 0%,var(--brand) 55%,var(--brand-600) 100%);
  --ink:#1D2129; --body:#4E5969; --muted:#86909C;
  --line:#E5E6EB; --bg:#F5F7FA; --card:#FFF;
  --red:#F53F3F; --orange:#FF7D00; --green:#00B42A;
  --radius:8px; --radius-lg:12px; --shadow:0 12px 32px -8px rgba(29,33,41,.08);
  --font-display:'Outfit',system-ui,sans-serif; --font-body:'Inter',system-ui,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,Consolas,monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
[hidden]{display:none!important}
body{font-family:var(--font-body);color:var(--ink);background:var(--bg);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}
.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
.wrap{max-width:none;margin:0;padding:0 clamp(24px,3.5vw,72px)}
/* ---- hero ---- */
.deal-hero{background:linear-gradient(120deg,#12203A 0%,#0E4C8F 60%,#1890FF 130%);color:#fff;position:relative;overflow:hidden}
.deal-hero::before{content:"";position:absolute;top:-120px;right:-80px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 65%)}
.deal-hero .wrap{position:relative;padding-top:44px;padding-bottom:40px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.deal-hero h1{font-family:var(--font-display);font-size:clamp(28px,3.4vw,40px);font-weight:800;letter-spacing:-.02em;line-height:1.12}
.deal-hero p{opacity:.85;font-size:14.5px;margin-top:8px;max-width:520px}
.cd{display:flex;gap:10px;flex:none}
.cd .u{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:10px 0;width:74px;text-align:center;backdrop-filter:blur(3px)}
.cd .u b{font-family:var(--font-display);font-size:26px;font-weight:800;display:block;line-height:1.1}
.cd .u span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;opacity:.75}
.cd .u span{display:block;margin-top:3px}
/* ---- grid ---- */
.deal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:30px 0 64px}
.deal-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}
.deal-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px -14px rgba(29,33,41,.2)}
.deal-img{position:relative;aspect-ratio:1.42;display:block;overflow:hidden;background:#EEF1F4}
.deal-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.deal-card:hover .deal-img img{transform:scale(1.04)}
.deal-off{position:absolute;top:10px;left:10px;background:var(--red);color:#fff;font-family:var(--font-display);font-weight:800;font-size:13px;border-radius:8px;padding:4px 9px;box-shadow:0 4px 10px -3px rgba(245,63,63,.5)}
.deal-body{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}
.deal-cat{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand)}
.deal-body b{font-size:14.5px;font-weight:700;line-height:1.4;margin-top:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.deal-price{display:flex;align-items:baseline;gap:9px;margin-top:9px}
.deal-price s{color:var(--muted);font-size:12.5px}
.deal-price span{font-family:var(--font-display);font-size:19px;font-weight:800;color:var(--red)}
.deal-progress{display:block;height:6px;border-radius:99px;background:#EFF0F2;margin-top:auto;padding-top:0;overflow:hidden;position:relative;margin-top:12px}
.deal-progress i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--orange),var(--red));border-radius:99px}
.deal-sold{font-size:11.5px;color:var(--muted);margin-top:7px}
.deal-sold b{font-size:11.5px;color:var(--orange);display:inline;margin:0;font-weight:700}
/* trust strip */
.deal-trust{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.deal-trust .wrap{display:flex;justify-content:space-between;gap:18px;padding-top:16px;padding-bottom:16px;flex-wrap:wrap}
.deal-trust span{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:var(--body)}
.deal-trust svg{width:16px;height:16px;stroke:var(--green);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;flex:none}
@media(max-width:1080px){.deal-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:840px){.deal-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.deal-grid{grid-template-columns:1fr}.deal-hero .wrap{flex-direction:column;align-items:flex-start}}