:where([data-template=fangtuoxifaye]) .mydf-related:where(:not([data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]),[data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]) *)){position:relative;isolation:isolate}:where([data-template=fangtuoxifaye]) .mydf-related:where(:not([data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]),[data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]) *)):before{content:"";position:absolute;inset:45px -8px -16px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 12% 22%,#c9dcd44d,transparent 55%),radial-gradient(ellipse at 90% 85%,#e9d9b64a,transparent 60%);border-radius:32px}:where([data-template=fangtuoxifaye]) .mydf-related__heading:where(:not([data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]),[data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]) *)){margin:0 0 24px;font-size:24px;font-weight:700;letter-spacing:.025em;color:#203c30}:where([data-template=fangtuoxifaye]) .mydf-related__grid:where(:not([data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]),[data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]) *)){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}:where([data-template=fangtuoxifaye]) .mydf-related__card:where(:not([data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]),[data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]) *)){position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;padding:10px;border:1px solid #ffffffed;border-radius:24px;background:linear-gradient(145deg,#ffffffc9,#ffffff75 55%,#e6eee7a3);backdrop-filter:blur(20px) saturate(125%);-webkit-backdrop-filter:blur(20px) saturate(125%);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #ffffffa6,0 8px 24px -16px #254e3c55,0 0 0 1px #284f3810;transition:transform .22s ease,box-shadow .22s ease}:where([data-template=fangtuoxifaye]) .mydf-related__image:where(:not([data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]),[data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]) *)){position:relative;aspect-ratio:1;overflow:hidden;border-radius:16px;background:#fff9;border:1px solid #ffffffcc}:where([data-template=fangtuoxifaye]) .mydf-related__image img:where(:not([data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]),[data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]) *)){transition:transform .35s ease}:where([data-template=fangtuoxifaye]) .mydf-related__add:where(:not([data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]),[data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]) *)){position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:36px;height:36px;border:1px solid #fffffff2;border-radius:50%;background:#ffffffb8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#254b39;box-shadow:0 3px 10px #183c2920}:where([data-template=fangtuoxifaye]) .mydf-related__name:where(:not([data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]),[data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]) *)){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px;margin:12px 5px 5px;font-size:14px;line-height:21px;font-weight:600;color:#263d32}:where([data-template=fangtuoxifaye]) .mydf-related__meta:where(:not([data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]),[data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]) *)){display:flex;flex-wrap:wrap;gap:4px;margin:0 5px 12px;font-size:11px;line-height:16px;color:#6b7b71}:where([data-template=fangtuoxifaye]) .mydf-related__price:where(:not([data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]),[data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]) *)){margin:auto 5px 4px;padding-top:10px;border-top:1px solid #33583c12;font-size:18px;line-height:24px;font-weight:750;letter-spacing:-.02em;color:#204b36;font-variant-numeric:tabular-nums}:where([data-template=fangtuoxifaye]) .mydf-related__add:focus-visible:where(:not([data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]),[data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]) *)),:where([data-template=fangtuoxifaye]) .mydf-related__card:focus-visible:where(:not([data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]),[data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]) *)){outline:2px solid #947742;outline-offset:3px}@media (min-width:768px){:where([data-template=fangtuoxifaye]) .mydf-related__grid:where(:not([data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]),[data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]) *)){grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1280px){:where([data-template=fangtuoxifaye]) .mydf-related__grid:where(:not([data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]),[data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]) *)){grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:639px){:where([data-template=fangtuoxifaye]) .mydf-related__heading:where(:not([data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]),[data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]) *)){margin-bottom:18px;font-size:19px}:where([data-template=fangtuoxifaye]) .mydf-related__grid:where(:not([data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]),[data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]) *)){gap:14px 10px}:where([data-template=fangtuoxifaye]) .mydf-related__card:where(:not([data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]),[data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]) *)){padding:6px;border-radius:18px}:where([data-template=fangtuoxifaye]) .mydf-related__image:where(:not([data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]),[data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]) *)){border-radius:13px}:where([data-template=fangtuoxifaye]) .mydf-related__name:where(:not([data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]),[data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]) *)){margin:10px 5px 4px;font-size:12px;line-height:18px;min-height:36px}:where([data-template=fangtuoxifaye]) .mydf-related__meta:where(:not([data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]),[data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]) *)){margin-bottom:8px;font-size:10px;line-height:15px}:where([data-template=fangtuoxifaye]) .mydf-related__price:where(:not([data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]),[data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]) *)){padding-top:8px;font-size:16px;line-height:22px}}@media (hover:hover){:where([data-template=fangtuoxifaye]) .mydf-related__card:hover:where(:not([data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]),[data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]) *)){transform:translateY(-3px);box-shadow:inset 0 1px 0 #fff,0 14px 30px -18px #254e3c66,0 0 0 1px #ffffffee}:where([data-template=fangtuoxifaye]) .mydf-related__card:hover img:where(:not([data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]),[data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]) *)){transform:scale(1.025)}:where([data-template=fangtuoxifaye]) .mydf-related__add:hover:where(:not([data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]),[data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]) *)){background:#fff}}@media (prefers-reduced-motion:reduce){:where([data-template=fangtuoxifaye]) .mydf-related__card:where(:not([data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]),[data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]) *)),:where([data-template=fangtuoxifaye]) .mydf-related__image img:where(:not([data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]),[data-template=fangtuoxifaye] [data-template]:not([data-template=fangtuoxifaye]) *)){transition:none}}