{"product_id":"dual-wear-goggle-cap","title":"Dual Wear Goggle Cap","description":"\u003c!--\n[AI Design Logic]\n产品类型：机能风\/复古飞行员护目镜棒球帽（硬核工装与趣味萌酷结合）\n目标受众：街头潮流青年、机车\/骑行爱好者、机能风穿搭玩家\n视觉风格：复古军工（Military Vintage）、硬朗、都市机能\n配色策略：橄榄绿（#4A5D4E）、碳黑（#2C2C2C）、复古黄铜（#D4AF37）与浅灰底色搭配\n模块顺序：\n  1. Hero Block (硬核骑行场景切入，确立“反戴即镜”核心概念)\n  2. Feature 1: 双面潮酷（展示正戴\/反戴两种穿搭状态）\n  3. Feature 2: 匠心细节（结合爆炸图展示帆布、按扣、透气网眼等硬核配置）\n  4. Feature 3: 个性萌酷（专门补充英文文案缺失的“猫耳款”个性选择）\n  5. Specifications (图文尺寸与参数标准展示)\n  6. FAQ (针对翻折、尺寸、清洗等日常实用疑问解答)\n详情图映射：\n  - Hero Cover = detail_2 (骑行男模反戴特写，最强视觉冲击)\n  - Feature 1 = detail_5 (双色叠放特写，展示护目镜结构)\n  - Feature 2 = detail_3 (带英文标注的官方细节功能图)\n  - Feature 3 = spec_2 (猫耳款设计与尺寸示意图)\n规格图映射：\n  - Specifications = spec_1 (多色与多款式SKU清单预览)\n对比模块：未加入，该产品更注重形态变形与个性搭配，而非功能痛点对比。\n--\u003e\n\u003cdiv class=\"product-detail-container\"\u003e\n\u003cstyle type=\"text\/css\"\u003e\/* Design System \u0026 Variables *\/\n    .product-detail-container {\n      --primary: #4A5D4E;\n      --primary-hover: #3B4A3E;\n      --text-main: #2C2C2C;\n      --text-sub: #666666;\n      --bg-body: #FAFAFA;\n      --bg-card: #FFFFFF;\n      --bg-soft: #F4F6F4;\n      --accent-color: #C29B38; \/* 复古古铜色 *\/\n      --radius-md: 8px;\n      --radius-lg: 16px;\n      --border-color: #E2E8E2;\n      --shadow-sm: 0 2px 8px rgba(0,0,0,0.04);\n      --shadow-lg: 0 10px 30px rgba(0,0,0,0.08);\n      \n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 5%;\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      color: var(--text-main);\n      background-color: var(--bg-body);\n      line-height: 1.6;\n      box-sizing: border-box;\n    }\n\n    .product-detail-container * {\n      box-sizing: border-box;\n    }\n\n    \/* Typography *\/\n    .product-detail-container h1, \n    .product-detail-container h2, \n    .product-detail-container h3 {\n      color: var(--text-main);\n      margin-top: 0;\n      font-weight: 700;\n      letter-spacing: -0.02em;\n    }\n\n    .product-detail-container h1 {\n      font-size: clamp(2rem, 5vw, 2.75rem);\n      line-height: 1.2;\n    }\n\n    .product-detail-container h2 {\n      font-size: clamp(1.5rem, 4vw, 2rem);\n      line-height: 1.3;\n      text-align: center;\n      margin-bottom: clamp(2rem, 5vw, 3rem);\n    }\n\n    .product-detail-container h3 {\n      font-size: clamp(1.25rem, 3vw, 1.5rem);\n      line-height: 1.4;\n      margin-bottom: 0.75rem;\n    }\n\n    .product-detail-container p {\n      font-size: 18px;\n      line-height: 1.7;\n      color: var(--text-sub);\n      margin-top: 0;\n      margin-bottom: 1.5rem;\n    }\n\n    \/* Section Spacing *\/\n    .detail-section {\n      padding: clamp(3rem, 8vw, 5rem) 0;\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .detail-section:last-of-type {\n      border-bottom: none;\n    }\n\n    \/* Hero Section *\/\n    .hero-block {\n      text-align: center;\n      padding-top: clamp(2rem, 6vw, 4rem);\n    }\n\n    .hero-tag {\n      display: inline-block;\n      padding: 6px 16px;\n      background-color: var(--bg-soft);\n      color: var(--primary);\n      font-weight: 600;\n      font-size: 14px;\n      text-transform: uppercase;\n      letter-spacing: 0.1em;\n      border-radius: 50px;\n      margin-bottom: 1.5rem;\n      border: 1px solid var(--border-color);\n    }\n\n    .hero-title {\n      max-width: 800px;\n      margin-left: auto;\n      margin-right: auto;\n      margin-bottom: 1.5rem;\n    }\n\n    .hero-subtitle {\n      max-width: 600px;\n      margin-left: auto;\n      margin-right: auto;\n      font-size: clamp(1.1rem, 2.5vw, 1.25rem);\n      margin-bottom: 2.5rem;\n    }\n\n    .hero-image-wrap {\n      border-radius: var(--radius-lg);\n      overflow: hidden;\n      box-shadow: var(--shadow-lg);\n      background-color: var(--bg-soft);\n    }\n\n    \/* 修复图片大小问题，确保所有展示图片自适应容器宽度 *\/\n    .hero-image-wrap img,\n    .feature-media img,\n    .image-placeholder img {\n      width: 100%;\n      height: auto;\n      display: block;\n    }\n\n    \/* Image Placeholder Fallback Style *\/\n    .image-placeholder {\n      background: #eaeaea;\n      border: 2px dashed #cccccc;\n      padding: 100px 20px;\n      text-align: center;\n      color: #666666;\n      font-weight: 500;\n      font-size: 16px;\n      border-radius: var(--radius-md);\n    }\n\n    \/* Feature Sections *\/\n    .feature-item {\n      display: flex;\n      flex-direction: column;\n      gap: clamp(2rem, 5vw, 4rem);\n      align-items: center;\n    }\n\n    .feature-media {\n      width: 100%;\n      border-radius: var(--radius-lg);\n      overflow: hidden;\n      box-shadow: var(--shadow-sm);\n    }\n\n    .feature-copy {\n      width: 100%;\n    }\n\n    .feature-bullets {\n      margin-top: 1.5rem;\n      padding: 0;\n      list-style: none;\n    }\n\n    .feature-bullets li {\n      position: relative;\n      padding-left: 1.75rem;\n      margin-bottom: 1rem;\n      font-size: 18px;\n      color: var(--text-main);\n    }\n\n    .feature-bullets li::before {\n      content: \"✓\";\n      position: absolute;\n      left: 0;\n      top: 0;\n      color: var(--accent-color);\n      font-weight: bold;\n    }\n\n    \/* Badges\/Pills for Passive Trust *\/\n    .feature-badges {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 0.5rem;\n      margin-top: 1.5rem;\n    }\n\n    .badge-pill {\n      background-color: var(--bg-soft);\n      color: var(--text-main);\n      padding: 6px 14px;\n      font-size: 14px;\n      font-weight: 500;\n      border-radius: 50px;\n      border: 1px solid var(--border-color);\n    }\n\n    \/* Dynamic Grid Layout for features (Z-pattern desktop) *\/\n    @media (min-width: 768px) {\n      .feature-item {\n        flex-direction: row;\n      }\n      .feature-item.reverse {\n        flex-direction: row-reverse;\n      }\n      .feature-media, .feature-copy {\n        width: 50%;\n      }\n    }\n\n    \/* Cat Ear Style Section (Highlighting SKU Choice) *\/\n    .style-showcase {\n      background-color: var(--bg-soft);\n      border-radius: var(--radius-lg);\n      padding: clamp(2rem, 6vw, 4rem);\n    }\n\n    .showcase-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 2rem;\n      align-items: center;\n    }\n\n    @media (min-width: 768px) {\n      .showcase-grid {\n        grid-template-columns: 1fr 1fr;\n      }\n    }\n\n    \/* Specifications Table *\/\n    .specs-wrapper {\n      max-width: 650px;\n      margin: 0 auto;\n    }\n\n    .specs-table {\n      width: 100%;\n      border-collapse: collapse;\n      margin-top: 2rem;\n      background: var(--bg-card);\n      border-radius: var(--radius-md);\n      overflow: hidden;\n      box-shadow: var(--shadow-sm);\n    }\n\n    .specs-table th, .specs-table td {\n      padding: 1.25rem 1.5rem;\n      text-align: left;\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .specs-table th {\n      background-color: var(--primary);\n      color: #ffffff;\n      font-weight: 600;\n      font-size: 18px;\n    }\n\n    .specs-table th:first-child {\n      width: 35%;\n    }\n\n    .specs-table td {\n      font-size: 16px;\n    }\n\n    .specs-table tr:last-child td {\n      border-bottom: none;\n    }\n\n    .specs-table td.label-col {\n      font-weight: 600;\n      color: var(--text-main);\n      background-color: var(--bg-soft);\n    }\n\n    \/* Mobile Specs Table Adaption *\/\n    @media (max-width: 767px) {\n      .specs-table, .specs-table thead, .specs-table tbody, .specs-table tr, .specs-table th, .specs-table td {\n        display: block;\n        width: 100%;\n      }\n      .specs-table thead {\n        display: none;\n      }\n      .specs-table tr {\n        margin-bottom: 1rem;\n        border: 1px solid var(--border-color);\n        border-radius: var(--radius-md);\n        overflow: hidden;\n      }\n      .specs-table td {\n        text-align: right;\n        padding-left: 50%;\n        position: relative;\n        border-bottom: 1px solid var(--border-color);\n      }\n      .specs-table td:last-child {\n        border-bottom: none;\n      }\n      .specs-table td::before {\n        content: attr(data-label);\n        position: absolute;\n        left: 1.5rem;\n        top: 1.25rem;\n        font-weight: 600;\n        text-align: left;\n        color: var(--text-main);\n      }\n      .specs-table td.label-col {\n        display: none; \/* Hide helper visual col on mobile to prevent redundancy *\/\n      }\n    }\n\n    \/* FAQ Accordions *\/\n    .faq-container {\n      max-width: 800px;\n      margin: 0 auto;\n    }\n\n    .faq-item {\n      background-color: var(--bg-card);\n      border: 1px solid var(--border-color);\n      border-radius: var(--radius-md);\n      margin-bottom: 1rem;\n      padding: 1.5rem;\n      box-shadow: var(--shadow-sm);\n    }\n\n    .faq-question {\n      font-size: 18px;\n      font-weight: 600;\n      color: var(--text-main);\n      margin-bottom: 0.5rem;\n      display: flex;\n      align-items: center;\n      gap: 0.5rem;\n    }\n\n    .faq-answer {\n      font-size: 16px;\n      color: var(--text-sub);\n      line-height: 1.6;\n    }\n\u003c\/style\u003e\n\u003c!-- A. Hero Section --\u003e\n\u003cheader class=\"detail-section hero-block\"\u003e\u003cspan class=\"hero-tag\"\u003eDesigned for Street \u0026amp; Speed\u003c\/span\u003e\n\u003ch1 class=\"hero-title\"\u003eFlip the Script:\u003cbr\u003e\nThe Aviator Goggle Baseball Cap\u003c\/h1\u003e\n\n\u003cp class=\"hero-subtitle\"\u003eClassic low-profile cap on the front, hard-edged pilot aesthetic on the back. Reframe your everyday style in one quick turn.\u003c\/p\u003e\n\n\u003cdiv class=\"hero-image-wrap\"\u003e\n\u003c!-- 📷 需替换：detail_2 (骑行男模反戴特写) --\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img151\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260817154524\/aa5abbe43548ac932ff8e118a655ce58.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/header\u003e\n\u003c!-- B. Feature Section 1 (Dual Identity) --\u003e\n\n\u003csection class=\"detail-section\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003c!-- 📷 需替换：detail_5 (双色叠放特写) --\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img144\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260817153546\/6535ccdb50fe823a74ecf1b36b1411c0.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eOne Cap. Two Personalities.\u003c\/h2\u003e\n\n\u003cp\u003eWhy choose between classic streetwear and raw industrial edge? Designed for the spontaneous creator, this cap seamlessly shifts configurations depending on how you wear it.\u003c\/p\u003e\n\n\u003cul class=\"feature-bullets\"\u003e\n\t\u003cli\u003e\n\u003cstrong\u003eWear It Forward:\u003c\/strong\u003e Keeps it low-key, clean, and classic with a curved front brim.\u003c\/li\u003e\n\t\u003cli\u003e\n\u003cstrong\u003eSpin It Backward:\u003c\/strong\u003e Instantly unleashes a bold pilot aesthetic with the integrated round-frame goggles.\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cdiv class=\"feature-badges\"\u003e\n\u003cspan class=\"badge-pill\"\u003e🔄 360° Wearable Design\u003c\/span\u003e \u003cspan class=\"badge-pill\"\u003e🕶️ Integrated Round Lenses\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- C. Feature Section 2 (Premium Hardware \u0026 Construction) --\u003e\n\n\u003csection class=\"detail-section\"\u003e\n\u003cdiv class=\"feature-item reverse\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003c!-- 📷 需替换：detail_3 (带英文标注的官方细节功能图) --\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img143\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260817153546\/ed7e35decc18876383bdef59b486505f.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eEngineered with Tactical Resilience\u003c\/h2\u003e\n\n\u003cp\u003eBuilt to withstand the rush of the open road and daily urban grinds. We've reinforced every point of tension to deliver a structure that stays sharp wear after wear.\u003c\/p\u003e\n\n\u003cul class=\"feature-bullets\"\u003e\n\t\u003cli\u003e\n\u003cstrong\u003eHeavyweight Canvas:\u003c\/strong\u003e Rugged, tight-weave canvas that holds its structured shape naturally.\u003c\/li\u003e\n\t\u003cli\u003e\n\u003cstrong\u003eSnap-Button Flip System:\u003c\/strong\u003e Dual brass-finished snaps easily lock goggles up or down.\u003c\/li\u003e\n\t\u003cli\u003e\n\u003cstrong\u003eBreathable Mesh Liner:\u003c\/strong\u003e Lightweight inner mesh dome lining prevents sweat build-up on warm rides.\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cdiv class=\"feature-badges\"\u003e\n\u003cspan class=\"badge-pill\"\u003e🛡️ Anti-Slip Hardware\u003c\/span\u003e \u003cspan class=\"badge-pill\"\u003e🌬️ Sweat-Wicking Mesh Inner\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- D. Optional Feature Section 3 (Cat Ear Variant - Explaining missing SKU context) --\u003e\u003c!-- E. Specifications --\u003e\n\n\u003csection class=\"detail-section\"\u003e\n\u003ch2\u003eDetailed Specifications\u003c\/h2\u003e\n\n\u003cdiv class=\"specs-wrapper\"\u003e\n\u003ctable class=\"specs-table\"\u003e\n\t\u003cthead\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eSpecification Element\u003c\/th\u003e\n\t\t\t\u003cth\u003eDetails \u0026amp; Measurements\u003c\/th\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/thead\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd class=\"label-col\"\u003eFit Range (Head Circumference)\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Fit Range\"\u003e52cm – 58cm \/ 20.5 in – 22.8 in (Stretch fit elastic band)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd class=\"label-col\"\u003eCap Height\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Cap Height\"\u003e14cm \/ 5.5 in\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd class=\"label-col\"\u003eOverall Span Width\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Overall Span Width\"\u003e35.5cm \/ 14.0 in\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd class=\"label-col\"\u003eShell Material\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Shell Material\"\u003ePremium Heavy-Duty Canvas Cotton Blend\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd class=\"label-col\"\u003eHardware\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Hardware\"\u003eAntique Brass Snap Buttons \u0026amp; Reinforced Eyelet Vents\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd class=\"label-col\"\u003eInteriors\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Interiors\"\u003eBreathable Mesh Comfort Liner, Absorbent Sweatband\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd class=\"label-col\"\u003eGoggle Specs\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Goggle Specs\"\u003eDual Circular High-Gloss Tinted Acrylic Lenses (Rear Mounted)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- F. FAQ --\u003e\n\n\u003csection class=\"detail-section\"\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-container\"\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003e💡 Are the goggles on the front or the back?\u003c\/div\u003e\n\n\u003cdiv class=\"faq-answer\"\u003eThe goggles are securely integrated into the back panel of the cap. When you wear the cap forward, the goggles rest stylishly at the back of your head. Spin the cap backward to wear the goggles over your eyes for sun, wind, or dust protection.\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003e💡 Can the goggles be completely detached or flipped up?\u003c\/div\u003e\n\n\u003cdiv class=\"faq-answer\"\u003eThe goggles are built into the cap fabric but feature heavy-duty metal snaps on both sides. You can quickly snap them in an upward folded position when not in use, or snap them down to securely fit around your eyes. They are non-detachable to prevent loss during fast-paced activities.\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003e💡 How should I clean and care for this cap?\u003c\/div\u003e\n\n\u003cdiv class=\"faq-answer\"\u003eWe highly recommend hand washing the canvas areas gently with mild soap and cold water. Avoid submerging the tinted lenses entirely in water for extended periods to prevent spots. Wipe the acrylic lenses gently with a soft microfiber cloth to avoid scratches. Lay flat to air dry.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"Olive Green","offer_id":63973281628531,"sku":"0817-17539943","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Matte Black","offer_id":63973281661299,"sku":"0817-17535582","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Desert Sand","offer_id":63973281694067,"sku":"0817-17531198","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Mustard Yellow","offer_id":63973281726835,"sku":"0817-17531617","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Woodland Camo","offer_id":63973281759603,"sku":"0817-17533100","price":12.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0946\/5692\/1971\/files\/aa5abbe43548ac932ff8e118a655ce58.jpg?v=1786960516","url":"https:\/\/woyuosn.com\/products\/dual-wear-goggle-cap","provider":"Woyuosn","version":"1.0","type":"link"}