<style> /* ========================================================= CHRISTMAS DIY DIAMOND PAINTING SHOPLINE PRODUCT DESCRIPTION ========================================================= */ .nh-xmas{ width:100%; max-width:1180px; margin:0 auto; padding:0 14px 35px; font-family:Arial,Helvetica,sans-serif; color:#252525; line-height:1.6; background:linear-gradient( 180deg, #fffdf9 0%, #fffaf6 38%, #ffffff 72%, #fffaf7 100% ); } .nh-xmas *, .nh-xmas *:before, .nh-xmas *:after{ box-sizing:border-box; } .nh-xmas img{ display:block; width:100%; max-width:100%; height:auto; } /* ========================================================= COMMON ========================================================= */ .nh-xmas-section{ margin:28px 0; } .nh-xmas-title{ text-align:center; margin-bottom:20px; } .nh-xmas-title .eyebrow{ display:inline-block; margin-bottom:6px; font-size:12px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; background:linear-gradient( 90deg, #a62d32, #d39a54 ); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; } .nh-xmas-title h2{ margin:0; font-size:30px; line-height:1.25; font-weight:700; color:#252525; } .nh-xmas-title h2:after{ content:""; display:block; width:52px; height:3px; margin:10px auto 0; border-radius:10px; background:linear-gradient( 90deg, #a62d32, #d39a54, #a62d32 ); } .nh-xmas-title p{ max-width:700px; margin:10px auto 0; color:#666; font-size:15px; } .nh-xmas-img{ overflow:hidden; border-radius:14px; background:#f7f3ef; } .nh-xmas-img img{ border-radius:14px; } /* HERO 第一张GIF改为正方形显示 */ .nh-xmas-hero-image .nh-xmas-img{ aspect-ratio:1 / 1; overflow:hidden; } .nh-xmas-hero-image .nh-xmas-img img{ width:100%; height:100%; object-fit:cover; object-position:center center; } /* ========================================================= HERO ========================================================= */ .nh-xmas-hero{ padding:24px; border-radius:18px; background:linear-gradient( 135deg, #fff8ef 0%, #f9e9dc 48%, #f5d9d5 100% ); border:1px solid #efddd1; overflow:hidden; } .nh-xmas-hero-grid{ display:grid; grid-template-columns:56% 44%; align-items:center; gap:30px; } .nh-xmas-hero-content{ padding:4px 18px 4px 4px; } .nh-xmas-badge{ display:inline-block; margin-bottom:12px; padding:6px 12px; border-radius:30px; background:linear-gradient( 135deg, #b7353c, #8f252d ); color:#fff; font-size:12px; font-weight:700; letter-spacing:.5px; } .nh-xmas-hero h1{ margin:0 0 14px; font-size:38px; line-height:1.15; color:#8e272e; } .nh-xmas-hero p{ margin:0 0 15px; color:#555; font-size:16px; } .nh-xmas-check{ margin:0; padding:0; list-style:none; } .nh-xmas-check li{ position:relative; padding-left:27px; margin:8px 0; font-size:14px; color:#333; } .nh-xmas-check li:before{ content:"✓"; position:absolute; left:0; top:2px; width:18px; height:18px; border-radius:50%; text-align:center; line-height:18px; font-size:11px; font-weight:bold; color:#fff; background:linear-gradient( 135deg, #48ad5d, #237c3a ); } /* ========================================================= FEATURE STRIP ========================================================= */ .nh-xmas-features{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; } .nh-xmas-feature{ padding:19px 14px; text-align:center; border:1px solid #eaded5; border-radius:13px; background:linear-gradient( 145deg, #ffffff, #fff8f2 ); } .nh-xmas-feature-icon{ width:42px; height:42px; margin:0 auto 9px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:linear-gradient( 135deg, #f7dfd4, #f4ccc9