/* =============================================================================
   POTAODE回收堂 首页专属（单色／白×黑）
   首屏：黑色电影感主视觉（冲击力＋高级感）。正文为白色基调。
============================================================================= */
.fv{position:relative;overflow:hidden;background:#0D0D0F;color:#fff;display:grid;align-items:center;min-height:78vh}
.fv::before{content:"";position:absolute;inset:-10%;pointer-events:none;background:radial-gradient(52% 60% at 72% 40%,rgba(255,255,255,.15),rgba(255,255,255,.04) 42%,rgba(255,255,255,0) 64%)}
.fv::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(255,255,255,.12)}
.fv__inner{display:grid;gap:var(--sp-6);padding-block:72px}
.fv__copy{position:relative;z-index:4;max-width:720px;text-align:center;margin-inline:auto}
.fv__catch{word-break:keep-all}
.fv__sublabel{font-family:var(--font-en);font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:rgba(255,255,255,.6);font-weight:600;margin:0 0 var(--sp-4);display:flex;align-items:center;justify-content:center;gap:14px}
.fv__sublabel::before{content:"";width:34px;height:1px;background:rgba(255,255,255,.45);flex:none}
.fv__catch{font-family:var(--font-serif);font-size:clamp(33px,9.2vw,46px);line-height:1.18;font-weight:700;color:#fff;letter-spacing:.04em;margin:0 0 var(--sp-4);text-shadow:0 1px 30px rgba(0,0,0,.4)}
.fv__subcatch{font-size:18px;color:rgba(255,255,255,.82);font-weight:600;letter-spacing:.06em;margin:0 0 var(--sp-5)}
.fv__lead{font-size:15px;color:rgba(255,255,255,.62);margin:0 auto var(--sp-5);max-width:32em;line-height:1.95}
.fv .btn--cta{background:#fff;color:#0D0D0F;border-color:#fff}
.fv .btn--cta:hover{background:#EDEDEA;color:#0D0D0F}
.fv .btn--ink{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45)}
.fv .btn--ink:hover{background:#fff;color:#0D0D0F}
.fv .cta-tel{color:#fff}
.fv .cta-tel .caption{color:rgba(255,255,255,.55)}
/* 主视觉：聚光灯下浮现的头戴式耳机（无边框）＋底部反射光晕 */
.fv__media{position:absolute;inset:0;z-index:1;background:#0D0D0F}
/* 确保可读性的遮罩层（越靠左越浓·在视频之上／文案之下） */
.fv__media::after{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(180deg,rgba(13,13,15,.5),rgba(13,13,15,.8));pointer-events:none}
.fv__media .fv-illust{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%}
.fv__media .fv-illust svg{width:98%;height:auto}
.fv__media > span:not(.fv-illust){display:none}
.fv__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* 首屏主视觉＝视频（覆盖在现有SVG之上。无法加载时由SVG兜底） */
.fv__media .fv-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;background:transparent}
/* 克制的动画（声音扩散·闪烁·聚光晃动） */
.fv .po-waves{transform-box:fill-box;transform-origin:center}
.fv .po-spark{opacity:0}
@media (prefers-reduced-motion:no-preference){
  .fv .po-waves{animation:po-wave 4.4s ease-in-out infinite}
  .fv .po-spark{animation:po-spark 3.6s ease-in-out infinite}
  .fv .po-spark--b{animation-delay:1.6s}
  .fv::before{animation:po-spot 11s ease-in-out infinite alternate}
}
@keyframes po-wave{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes po-spark{0%,72%,100%{opacity:0}82%{opacity:.95}}
@keyframes po-spot{from{transform:translate(0,0)}to{transform:translate(-2.2%,1.4%)}}
@media (min-width:769px){
  .fv{min-height:88vh}
  .fv__inner{grid-template-columns:1fr;padding-block:130px}
  .fv__copy{text-align:left;margin-inline:0}
  .fv__sublabel{justify-content:flex-start}
  .fv__media::after{background:linear-gradient(90deg,rgba(13,13,15,.9),rgba(13,13,15,.55) 56%,rgba(13,13,15,.3))}
  .fv__catch{font-size:76px;line-height:1.16;letter-spacing:.04em}
  .fv__subcatch{font-size:22px}
  .fv__lead{font-size:16px;margin-left:0;margin-right:0}
}
/* ---------- 烦恼卡片（正文＝白色基调·扁平） ---------- */
.worry-card{position:relative;background:var(--c-bg);border:1px solid var(--c-border);padding:22px 20px 22px 22px;font-size:15px;color:var(--c-text-sub)}
.worry-card::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;background:var(--c-primary)}
/* 烦恼：无边框·统一左对齐·留白宽松（方案A） */
.worry-intro{max-width:var(--reading);font-size:16px;color:var(--c-text);line-height:2.6;margin:0 0 40px}
.worry-list{display:grid;grid-template-columns:1fr;gap:16px;margin:0 0 40px}
.worry-item{background:rgba(255,255,255,.05);border:.5px solid rgba(255,255,255,.16);padding:20px 18px}
.worry-num{display:block;font-family:var(--font-serif);font-size:15px;color:rgba(255,255,255,.5);margin-bottom:8px}
.worry-list p{margin:0;font-size:14px;color:rgba(255,255,255,.82);line-height:1.9}
@media (min-width:769px){ .worry-list{grid-template-columns:repeat(3,1fr)} }
/* 仅此标题去掉开头的方块标记，并加大下方留白 */
#s-worry{padding-left:0;margin-bottom:36px}
#s-worry::before{content:none}
/* 本区块的结尾句统一为左对齐而非居中 */
[aria-labelledby="s-worry"] .lead-center{max-width:var(--reading);margin-left:0;margin-right:0;text-align:left;color:rgba(255,255,255,.72)}
/* ---------- 回收品类图标卡片 ---------- */
.item-grid{display:grid;gap:var(--sp-4);grid-template-columns:repeat(2,1fr)}
.item-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:104px;padding:18px 12px;border:1px solid var(--c-border);background:var(--c-bg);font-size:14px;font-weight:700;color:var(--c-text);text-align:center;transition:border-color .18s ease,color .18s ease}
.item-card:hover{border-color:var(--c-primary);text-decoration:none}
.item-card .card__icon{width:32px;height:32px;color:var(--c-primary)}
/* sublabel wrap safety */
.fv__sublabel{line-height:1.6}