{"product_id":"premium-leather-spiral-notebook","title":"Premium Leather Spiral Notebook","description":" \n\u003cdiv class=\"product-detail-container\"\u003e\n\u003cstyle type=\"text\/css\"\u003e.product-detail-container {\n      --primary: #D4AF37;\n      --primary-hover: #B3932E;\n      --text-main: #333333;\n      --text-sub: #666666;\n      --bg-body: #F9F9F9;\n      --bg-card: #FFFFFF;\n      --bg-soft: #F2F2F2;\n      --radius-md: 8px;\n      --radius-lg: 16px;\n      --shadow-sm: 0 2px 8px rgba(0,0,0,0.05);\n      --shadow-lg: 0 8px 24px rgba(0,0,0,0.08);\n      --border-color: #EEEEEE;\n      --spacing-section: clamp(3rem, 8vw, 5rem);\n      --spacing-module: clamp(2rem, 5vw, 3rem);\n\n      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n      color: var(--text-main);\n      line-height: 1.6;\n    }\n\n    \/* Typography *\/\n    .product-detail-container h1 {\n      font-size: clamp(32px, 5vw, 40px);\n      font-weight: 700;\n      line-height: 1.2;\n      margin-bottom: 1rem;\n    }\n\n    .product-detail-container h2 {\n      font-size: clamp(24px, 4vw, 32px);\n      font-weight: 600;\n      margin-bottom: 1rem;\n    }\n\n    .product-detail-container h3 {\n      font-size: 22px;\n      font-weight: 600;\n      margin-bottom: 0.75rem;\n    }\n\n    .product-detail-container p {\n      font-size: 18px;\n      margin-bottom: 1rem;\n      color: var(--text-sub);\n    }\n\n    .product-detail-container .badge {\n      display: inline-block;\n      padding: 0.5rem 1rem;\n      background-color: var(--bg-soft);\n      color: var(--text-main);\n      border-radius: 50px;\n      font-size: 16px;\n      font-weight: 500;\n      margin-bottom: 1rem;\n    }\n\n    \/* Layout \u0026 Common *\/\n    .section-block {\n      margin-bottom: var(--spacing-section);\n    }\n\n    .grid-2-col {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: var(--spacing-module);\n      align-items: center;\n    }\n\n    @media (min-width: 768px) {\n      .grid-2-col {\n        grid-template-columns: 1fr 1fr;\n      }\n      .grid-2-col.reverse {\n        direction: rtl;\n      }\n      .grid-2-col.reverse \u003e * {\n        direction: ltr;\n      }\n    }\n\n    .img-fluid {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: var(--radius-lg);\n    }\n\n    \/* Hero Section *\/\n    .hero-section {\n      text-align: center;\n    }\n    .hero-section .hero-content {\n      max-width: 800px;\n      margin: 0 auto clamp(2rem, 5vw, 3rem);\n    }\n    .hero-section .hero-subtitle {\n      font-size: 20px;\n      color: var(--text-sub);\n    }\n\n    \/* Feature Section *\/\n    .feature-tags {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 0.75rem;\n      margin-top: 1.5rem;\n    }\n    .feature-tag {\n      font-size: 16px;\n      padding: 0.4rem 0.8rem;\n      background: var(--bg-soft);\n      border-radius: var(--radius-md);\n      color: var(--text-sub);\n    }\n\n    \/* Scenario Section *\/\n    .scenario-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 1.5rem;\n    }\n    .scenario-card {\n      background: var(--bg-card);\n      border-radius: var(--radius-lg);\n      overflow: hidden;\n      box-shadow: var(--shadow-sm);\n    }\n    .scenario-img-wrapper {\n      aspect-ratio: 16\/9;\n      overflow: hidden;\n    }\n    .scenario-img-wrapper img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n    .scenario-body {\n      padding: 1.5rem;\n    }\n    .scenario-body h3 {\n      font-size: 20px;\n      margin-bottom: 0.5rem;\n    }\n    .scenario-body p {\n      font-size: 16px;\n      margin-bottom: 0;\n    }\n\n    \/* Specifications *\/\n    .spec-table {\n      width: 100%;\n      border-collapse: collapse;\n      background: var(--bg-card);\n      border-radius: var(--radius-lg);\n      overflow: hidden;\n      box-shadow: var(--shadow-sm);\n    }\n    .spec-table th, .spec-table td {\n      padding: 1rem 1.5rem;\n      text-align: left;\n      border-bottom: 1px solid var(--border-color);\n      font-size: 18px;\n    }\n    .spec-table th {\n      background: var(--bg-soft);\n      font-weight: 600;\n      width: 35%;\n    }\n    .spec-table tr:last-child td, .spec-table tr:last-child th {\n      border-bottom: none;\n    }\n\n    @media (max-width: 767px) {\n      .spec-table, .spec-table thead, .spec-table tbody, .spec-table tr, .spec-table th, .spec-table td {\n        display: block;\n        width: 100%;\n      }\n      .spec-table thead {\n        display: none;\n      }\n      .spec-table tr {\n        margin-bottom: 1rem;\n        border: 1px solid var(--border-color);\n        border-radius: var(--radius-md);\n        overflow: hidden;\n      }\n      .spec-table td {\n        padding: 0.75rem 1rem;\n        position: relative;\n        padding-left: 40%;\n        border-bottom: 1px solid var(--border-color);\n      }\n      .spec-table td:last-child {\n        border-bottom: none;\n      }\n      .spec-table td::before {\n        content: attr(data-label);\n        position: absolute;\n        left: 1rem;\n        width: 35%;\n        font-weight: 600;\n        color: var(--text-main);\n      }\n    }\n\n    \/* FAQ *\/\n    .faq-item {\n      background: var(--bg-card);\n      padding: 1.5rem;\n      border-radius: var(--radius-lg);\n      box-shadow: var(--shadow-sm);\n      margin-bottom: 1rem;\n    }\n    .faq-item h3 {\n      font-size: 20px;\n      margin-bottom: 0.75rem;\n      display: flex;\n      align-items: center;\n    }\n    .faq-item h3::before {\n      content: \"Q.\";\n      color: var(--primary);\n      font-weight: 700;\n      margin-right: 0.75rem;\n      font-size: 24px;\n    }\n    .faq-item p {\n      font-size: 18px;\n      margin-bottom: 0;\n      padding-left: 2.5rem;\n    }\n\u003c\/style\u003e\n\u003c!--\n  [AI Design Logic]\n  产品类型：B5硬壳螺旋笔记本，主打5科分类和高品质书写\n  目标受众：学生、职场人士、多项目管理者\n  视觉风格：专业、耐用、有质感（金色金属+PU皮），多彩分类点缀\n  配色策略：金色为主强调色，深灰为文字色，米白\/浅灰为背景色，辅以5种功能色\n  模块顺序：Hero -\u003e Feature 1 (Organization) -\u003e Feature 2 (Writing Quality) -\u003e Feature 3 (Durable Design) -\u003e Scenario -\u003e Specs -\u003e FAQ\n  详情图映射：Hero=image_4.png, Feature1=image_3.png, Feature2=image_5.png, Feature3=image_2.png, Scenario=image_6.png\n  规格图映射：Specs=image_1.png, image_7.png(颜色)\n  对比模块：未加入，防渗墨对比已融入 Feature 2\n  --\u003e\u003c!-- A. Intro \/ Hero Content Block --\u003e\n\u003cdiv class=\"section-block hero-section\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003cspan class=\"badge\"\u003eDesigned for Productivity \u0026amp; Durability\u003c\/span\u003e\n\u003ch1\u003eMaster Your Subjects with the Ultimate 5-in-1 Notebook\u003c\/h1\u003e\n\n\u003cp class=\"hero-subtitle\"\u003eExperience superior organization and a premium writing feel with our 300-page, B5 hardcover spiral notebook. Perfectly structured for students and professionals alike.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"hero-media\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img55\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260728102028\/72edb59b7d0186972b13a1b06f441092.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- B. Feature Sections --\u003e\u003c!-- Feature 1: Organization --\u003e\n\n\u003cdiv class=\"section-block grid-2-col\"\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eStay Organized with 5 Movable Dividers\u003c\/h2\u003e\n\n\u003cp\u003eNever mix up your subjects or projects again. Our notebook comes with five durable, colored PVC dividers that you can easily reposition to create custom sections. Effortlessly categorize your notes and find what you need in seconds with the visible side tabs.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"feature-tag\"\u003e5 Color-Coded Sections\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eRepositionable Tabs\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eQuick Access\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img56\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260728102028\/112acc868c9e2c3ec10d8b655d6ea305.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2: Writing Quality --\u003e\n\n\u003cdiv class=\"section-block grid-2-col reverse\"\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003ePremium 100gsm Paper, Zero Bleed-Through\u003c\/h2\u003e\n\n\u003cp\u003eWrite confidently on both sides of every page. We use ultra-thick 100gsm paper that resists ink bleeding and ghosting, even with fountain pens and highlighters. Enjoy a smooth, clean writing experience from the first page to the last.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"feature-tag\"\u003e300 Pages (150 Sheets)\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eThick 100gsm Paper\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eDouble-Sided Writing\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eNo Ink Bleed\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img57\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260728102028\/5753f56bc5789afb6251ae0907fad544.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3: Durable \u0026 Functional Design --\u003e\n\n\u003cdiv class=\"section-block grid-2-col\"\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eBuilt to Last with Smart Features\u003c\/h2\u003e\n\n\u003cp\u003eThis notebook is designed to withstand daily use. The rugged PU leather hardcover is reinforced with elegant gold metal corners to prevent wear. A sturdy twin-wire binding allows it to lay perfectly flat, while an elastic closure and pen loop keep everything secure.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"feature-tag\"\u003ePU Leather Hardcover\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eGold Metal Corners\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003e180° Lay-Flat\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eElastic Pen Loop\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eInner Pocket\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img58\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260728102028\/3fac2106911f71f43bcdf8e0f5018a88.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Use Scenario Section --\u003e\n\n\u003cdiv class=\"section-block\"\u003e\n\u003ch2 style=\"text-align: center; margin-bottom: 2rem;\"\u003ePerfect for Every Aspect of Your Life\u003c\/h2\u003e\n\n\u003cp style=\"margin:0;display: block;width: 100%;\"\u003e \u003c\/p\u003e\n\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img59\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260728102028\/911395aeac849e128dbc9b450f1d2390.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- C. Specifications --\u003e\n\n\u003cdiv class=\"section-block\"\u003e\n\u003ch2 style=\"text-align: center; margin-bottom: 2rem;\"\u003eProduct Specifications\u003c\/h2\u003e\n\n\u003ctable class=\"spec-table\"\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth scope=\"row\"\u003eSize\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Size\"\u003eB5 \/ 8 x 10 inches (20.3 x 25.4 cm)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth scope=\"row\"\u003ePage Count\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Page Count\"\u003e300 Pages \/ 150 Sheets\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth scope=\"row\"\u003ePaper Quality\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Paper Quality\"\u003e100gsm, Thick \u0026amp; Bleed-Resistant, Off-White\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth scope=\"row\"\u003eLayout\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Layout\"\u003eLined \/ Ruled with Date\/Weather Headers\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth scope=\"row\"\u003eCover Material\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Cover Material\"\u003eHardcover PU Leather with Gold \"NOTES\" Stamping\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth scope=\"row\"\u003eBinding\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Binding\"\u003eGold Metal Twin-Wire Spiral\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth scope=\"row\"\u003eSpecial Features\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Special Features\"\u003e5 Movable PVC Dividers, Gold Metal Corners, Elastic Closure Band, Pen Loop, Back Inner Pocket\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- D. FAQ --\u003e\n\n\u003cdiv class=\"section-block\"\u003e\n\u003ch2 style=\"text-align: center; margin-bottom: 2rem;\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3\u003eAre the dividers removable and reusable?\u003c\/h3\u003e\n\n\u003cp\u003eYes, the 5 colored PVC dividers are designed to be easily removed and repositioned anywhere in the notebook's spiral binding to suit your changing needs.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3\u003eWill markers or fountain pens bleed through the paper?\u003c\/h3\u003e\n\n\u003cp\u003eNo. The notebook uses premium, thick 100gsm paper specifically designed to prevent ink from bleeding through or ghosting, making it suitable for most pens and highlighters.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3\u003eIs the cover rigid or flexible?\u003c\/h3\u003e\n\n\u003cp\u003eThe cover is a rigid hardcover wrapped in durable PU leather. It provides a sturdy writing surface even when you're not at a desk and protects the pages inside.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Woyuosn","offers":[{"title":"Black","offer_id":63575504847219,"sku":"0728-14168858","price":34.95,"currency_code":"USD","in_stock":true},{"title":"Pink","offer_id":63575504879987,"sku":"0728-14161464","price":34.95,"currency_code":"USD","in_stock":true},{"title":"Green","offer_id":63575504912755,"sku":"0728-14165880","price":34.95,"currency_code":"USD","in_stock":true},{"title":"2-Pack (Black + Pink)","offer_id":63575504945523,"sku":"0728-14169075","price":64.95,"currency_code":"USD","in_stock":true},{"title":"2-Pack (Black + Green)","offer_id":63575504978291,"sku":"0728-14167677","price":64.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0946\/5692\/1971\/files\/72edb59b7d0186972b13a1b06f441092.jpg?v=1785219471","url":"https:\/\/woyuosn.com\/products\/premium-leather-spiral-notebook","provider":"Woyuosn","version":"1.0","type":"link"}