{"product_id":"storybound-engraved-wood-leather-phone-wallet","title":"⚔️📱Engraved Wood \u0026 Leather Phone Wallet","description":"\u003c!-- TearBloom 高级杂志式详情页 | Storybound --\u003e \u003cstyle\u003e   .stb26,.stb26 *{box-sizing:border-box}    .stb26{     --sb-ink:#2e3e30;     --sb-copy:#636454;     --sb-olive:#657247;     --sb-gold:#ad8045;     --sb-paper:#fffaf0;     --sb-line:rgba(46,62,48,.18);     position:relative;     left:50%;     width:calc(100vw - 16px);     max-width:none;     margin-left:calc(8px - 50vw);     overflow:hidden;     background:var(--sb-paper);     color:var(--sb-ink);     font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;     font-size:16px;     line-height:1.7;     -webkit-font-smoothing:antialiased;     text-rendering:optimizeLegibility;   }    .stb26 h2,.stb26 h3,.stb26 p,   .stb26 figure,.stb26 dl,.stb26 dd{margin:0}    .stb26 h2,.stb26 h3{     color:var(--sb-ink);     font-family:Georgia,'Times New Roman',serif;     font-weight:500;     letter-spacing:-.045em;     text-transform:none;   }    .stb26 img{     display:block;     width:100%;     max-width:100%;     height:auto;     border:0;   }    .stb26 .sb-inner{     width:min(1180px,calc(100% - 48px));     margin:0 auto;   }    .stb26 .sb-band{     padding:clamp(50px,7vw,88px) 0;   }    .stb26 .sb-paper{     background:var(--sb-paper);   }    .stb26 .sb-sage{     background:linear-gradient(135deg,#f0f2e6,#e2e7d5);   }    .stb26 .sb-warm{     background:linear-gradient(135deg,#fbf1df,#eee0c9);   }    .stb26 .sb-feature{     display:grid;     grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);     grid-template-areas:'copy media';     gap:clamp(32px,5.5vw,74px);     align-items:center;   }    .stb26 .sb-reverse{     grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);     grid-template-areas:'media copy';   }    .stb26 .sb-copy{     grid-area:copy;     min-width:0;   }    .stb26 .sb-media{     grid-area:media;     min-width:0;   }    .stb26 .sb-title{     margin-bottom:22px;     font-size:clamp(38px,4.6vw,59px);     line-height:1.05;     text-wrap:balance;   }    .stb26 .sb-title em{     color:var(--sb-olive);     font-weight:inherit;   }    .stb26 .sb-body{     color:var(--sb-copy);     font-size:clamp(16px,1.5vw,18px);     line-height:1.76;   }    .stb26 .sb-body strong{     color:var(--sb-ink);     font-weight:650;   }    .stb26 .sb-lead{     padding-left:18px;     border-left:2px solid var(--sb-gold);   }    .stb26 .sb-highlight{     padding:0 .12em;     color:#694628;     background:linear-gradient(       transparent 48%,       #edd39c 48%,       #edd39c 94%,       transparent 94%     );     font-weight:700;     -webkit-box-decoration-break:clone;     box-decoration-break:clone;   }    .stb26 .sb-ornament{     display:flex;     align-items:center;     gap:9px;     width:80px;     margin-bottom:23px;     color:var(--sb-gold);   }    .stb26 .sb-ornament::before,   .stb26 .sb-ornament::after{     content:'';     flex:1;     height:1px;     background:currentColor;   }    .stb26 .sb-ornament i{     display:block;     width:7px;     height:7px;     border:1px solid currentColor;     transform:rotate(45deg);   }    .stb26 .sb-hero{     position:relative;     isolation:isolate;     padding:clamp(56px,8vw,100px) 0;     background:       radial-gradient(         ellipse at 8% 5%,         #f0dfbf 0,         transparent 49%       ),       linear-gradient(135deg,#fffaf0,#eee6d1);   }    .stb26 .sb-hero::before{     content:'';     position:absolute;     z-index:-1;     top:-230px;     left:-170px;     width:430px;     height:430px;     border:1px solid rgba(173,128,69,.2);     border-radius:50%;     box-shadow:       0 0 0 45px rgba(173,128,69,.035),       0 0 0 90px rgba(173,128,69,.02);     pointer-events:none;   }    .stb26 .sb-hero .sb-title{     font-size:clamp(49px,6vw,77px);     line-height:1;   }    .stb26 .sb-proofs{     display:grid;     grid-template-columns:repeat(3,minmax(0,1fr));     gap:10px;     margin-top:27px;   }    .stb26 .sb-proof{     min-width:0;     padding:17px 12px 15px;     border:1px solid rgba(173,128,69,.24);     border-radius:11px;     background:rgba(231,217,188,.55);   }    .stb26 .sb-proof::before{     content:'';     display:block;     width:26px;     height:2px;     margin-bottom:12px;     background:var(--sb-gold);   }    .stb26 .sb-proof strong{     display:block;     margin-bottom:5px;     color:var(--sb-ink);     font-family:Georgia,'Times New Roman',serif;     font-size:18px;     font-weight:600;     line-height:1.2;   }    .stb26 .sb-proof span{     display:block;     color:var(--sb-copy);     font-size:13px;     line-height:1.5;   }    .stb26 .sb-compat{     margin-top:18px;     color:var(--sb-ink);     font-size:15px;     line-height:1.65;   }    .stb26 .sb-frame{     min-width:0;     overflow:hidden;     border:1px solid rgba(46,62,48,.1);     border-radius:16px;     box-shadow:0 20px 48px rgba(62,46,26,.14);   }    .stb26 .sb-frame img{     object-fit:contain;   }    .stb26 .sb-spread-head{     display:grid;     grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);     align-items:center;     gap:clamp(25px,5vw,64px);     margin-bottom:32px;   }    .stb26 .sb-spread-head .sb-title{     margin-bottom:0;   }    .stb26 .sb-stories{     display:grid;     grid-template-columns:repeat(2,minmax(0,1fr));     gap:30px;   }    .stb26 .sb-story{     display:flex;     flex-direction:column;     min-width:0;   }    .stb26 .sb-story-copy{     flex:1;     padding:0 2px 19px;   }    .stb26 .sb-story-copy h3{     margin-bottom:10px;     font-size:29px;     line-height:1.15;   }    .stb26 .sb-story-copy p{     max-width:49ch;     color:var(--sb-copy);     font-size:16px;     line-height:1.7;   }    .stb26 .sb-story .sb-frame{     border-radius:12px;     box-shadow:0 14px 35px rgba(62,46,26,.1);   }    .stb26 .sb-quote{     position:relative;     margin-top:26px;     padding:18px 0 18px 24px;     border-top:1px solid var(--sb-line);     border-bottom:1px solid var(--sb-line);     color:var(--sb-olive);     font-family:Georgia,'Times New Roman',serif;     font-size:clamp(21px,2vw,26px);     font-style:italic;     line-height:1.4;   }    .stb26 .sb-quote::before{     content:'';     position:absolute;     left:0;     top:25px;     width:7px;     height:7px;     border:1px solid var(--sb-gold);     transform:rotate(45deg);   }    .stb26 .sb-disclosure{     margin-top:24px;     padding:17px 0;     border-top:1px solid var(--sb-line);     border-bottom:1px solid var(--sb-line);     font-size:16px;     line-height:1.7;   }    .stb26 .sb-disclosure strong{     color:var(--sb-ink);     font-weight:700;   }    .stb26 .sb-disclosure span{     display:block;     margin-top:5px;     color:var(--sb-copy);     font-size:14px;   }    .stb26 .sb-note{     margin-top:16px;     color:var(--sb-copy);     font-size:14px;     line-height:1.7;   }    .stb26 .sb-fit-band{     background:#f0e8d8;   }    .stb26 .sb-fit-band .sb-title{     font-size:clamp(36px,4.2vw,54px);   }    .stb26 .sb-fit-band .sb-title em{     color:#a17439;   }    .stb26 .sb-fit-image{     overflow:hidden;     border-radius:3px;   }    .stb26 .sb-fit-cards{     display:grid;     grid-template-columns:repeat(2,minmax(0,1fr));     gap:13px;     margin-top:23px;   }    .stb26 .sb-fit-card{     min-width:0;     padding:18px 15px;     border:1px solid #cfc2ab;     background:#f8f2e6;   }    .stb26 .sb-fit-card dt{     margin-bottom:12px;     font-family:Georgia,'Times New Roman',serif;     font-size:22px;     line-height:1.2;   }    .stb26 .sb-fit-card dd{     font-family:Georgia,'Times New Roman',serif;     font-size:31px;     line-height:1.15;   }    .stb26 .sb-fit-card dd span{     display:block;     margin-top:8px;     color:var(--sb-copy);     font-family:Arial,Helvetica,sans-serif;     font-size:14px;     line-height:1.5;   }    .stb26 .sb-essentials{     margin-top:19px;     border-top:1px solid #d1c5b1;   }    .stb26 .sb-essentials\u003ediv{     display:grid;     grid-template-columns:86px minmax(0,1fr);     gap:15px;     padding:11px 0;     border-bottom:1px solid #d1c5b1;     font-size:14px;     line-height:1.65;   }    .stb26 .sb-essentials dt{     font-weight:650;   }    .stb26 .sb-essentials dd{     color:var(--sb-copy);   }    .stb26 .sb-ending-head{     max-width:800px;     margin:0 auto 34px;     text-align:center;   }    .stb26 .sb-ending-head .sb-title{     margin-bottom:20px;   }    .stb26 .sb-ending-pair{     display:grid;     grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);     align-items:end;     gap:clamp(22px,3vw,36px);     max-width:1080px;     margin:0 auto;   }    @media(max-width:900px){     .stb26{       left:0;       width:100%;       margin-left:0;     }      .stb26 .sb-feature,     .stb26 .sb-reverse{       grid-template-columns:minmax(0,1fr);       grid-template-areas:'copy' 'media';       gap:28px;     }      .stb26 .sb-copy{       max-width:680px;     }      .stb26 .sb-frame{       max-width:700px;       width:100%;       margin-right:auto;       margin-left:auto;     }      .stb26 .sb-spread-head{       grid-template-columns:minmax(0,1fr);       gap:20px;     }   }    @media(max-width:620px){     .stb26 .sb-inner{       width:calc(100% - 32px);     }      .stb26 .sb-hero{       padding:48px 0;     }      .stb26 .sb-band{       padding:45px 0;     }      .stb26 .sb-title{       margin-bottom:19px;       font-size:clamp(35px,9.1vw,47px);     }      .stb26 .sb-hero .sb-title{       font-size:clamp(46px,12vw,60px);     }      .stb26 .sb-body{       font-size:16px;       line-height:1.74;     }      .stb26 .sb-lead{       padding-left:15px;     }      .stb26 .sb-ornament{       width:64px;       margin-bottom:19px;     }      .stb26 .sb-proofs{       grid-template-columns:minmax(0,1fr);       gap:9px;       margin-top:23px;     }      .stb26 .sb-proof{       padding:13px 15px;     }      .stb26 .sb-proof::before{       display:none;     }      .stb26 .sb-proof strong{       display:inline;       margin-right:7px;       font-size:17px;     }      .stb26 .sb-proof span{       display:inline;       font-size:13px;     }      .stb26 .sb-frame{       border-radius:12px;       box-shadow:0 12px 30px rgba(62,46,26,.12);     }      .stb26 .sb-stories{       grid-template-columns:minmax(0,1fr);       gap:31px;     }      .stb26 .sb-spread-head{       margin-bottom:28px;     }      .stb26 .sb-story-copy{       padding-bottom:16px;     }      .stb26 .sb-story-copy h3{       font-size:28px;     }      .stb26 .sb-quote{       margin-top:23px;       font-size:22px;     }      .stb26 .sb-fit-band .sb-title{       font-size:clamp(35px,9vw,46px);     }      .stb26 .sb-fit-cards{       gap:10px;     }      .stb26 .sb-fit-card{       padding:16px 12px;     }      .stb26 .sb-fit-card dt{       font-size:20px;     }      .stb26 .sb-fit-card dd{       font-size:28px;     }      .stb26 .sb-essentials\u003ediv{       grid-template-columns:75px minmax(0,1fr);       gap:12px;     }      .stb26 .sb-ending-head{       margin-bottom:27px;       text-align:left;     }      .stb26 .sb-ending-pair{       grid-template-columns:minmax(0,1fr);       gap:23px;     }   }    @media(max-width:360px){     .stb26 .sb-fit-cards{       grid-template-columns:minmax(0,1fr);     }   } \u003c\/style\u003e \u003csection class=\"stb26\" lang=\"en\" aria-label=\"Storybound engraved wood and leather phone wallet\"\u003e\u003c!-- 01 | 书本外观与核心用途 --\u003e\u003cheader class=\"sb-hero\"\u003e \u003cdiv class=\"sb-inner sb-feature\"\u003e \u003cdiv class=\"sb-copy\"\u003e \u003cspan class=\"sb-ornament\" aria-hidden=\"true\"\u003e \u003ci\u003e\u003c\/i\u003e \u003c\/span\u003e \u003ch2 class=\"sb-title\"\u003eA Storybook.\u003cbr\u003e\u003cem\u003eFor Your Everyday.\u003c\/em\u003e \u003c\/h2\u003e \u003cp class=\"sb-body sb-lead\"\u003eStorybound™ pairs engraved wood and genuine leather with \u003cmark class=\"sb-highlight\"\u003e magnetic phone storage and three card slots \u003c\/mark\u003e. A little storybook for the things you reach for every day.\u003c\/p\u003e \u003cdiv class=\"sb-proofs\" aria-label=\"Wallet highlights\"\u003e \u003cdiv class=\"sb-proof\"\u003e \u003cstrong\u003eEngraved Wood\u003c\/strong\u003e \u003cspan\u003eA cover full of character\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sb-proof\"\u003e \u003cstrong\u003eGenuine Leather\u003c\/strong\u003e \u003cspan\u003eA rich olive-green finish\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sb-proof\"\u003e \u003cstrong\u003eThree Card Slots\u003c\/strong\u003e \u003cspan\u003eYour go-to cards, together\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cp class=\"sb-compat\"\u003e\u003cstrong\u003eRequires a slim MagSafe-compatible case.\u003c\/strong\u003e\u003c\/p\u003e \u003c\/div\u003e \u003cfigure class=\"sb-media sb-frame\"\u003e\u003cimg src=\"https:\/\/www.boptional.com\/cdn\/shop\/files\/image\/187df454c7f73407a31f6925498555df1af421d8.jpg\" alt=\"Storybound book-style phone wallet with an engraved Once Upon a Time wooden cover and olive-green leather spine\" width=\"640\" height=\"640\" loading=\"eager\" decoding=\"async\"\u003e\u003c\/figure\u003e \u003c\/div\u003e \u003c\/header\u003e\u003c!-- 02 | 材质与雕刻细节 --\u003e \u003csection class=\"sb-band sb-sage\"\u003e \u003cdiv class=\"sb-inner sb-feature sb-reverse\"\u003e \u003cdiv class=\"sb-copy\"\u003e \u003cspan class=\"sb-ornament\" aria-hidden=\"true\"\u003e \u003ci\u003e\u003c\/i\u003e \u003c\/span\u003e \u003ch2 class=\"sb-title\"\u003eA Cover Worth\u003cbr\u003e\u003cem\u003ea Closer Look.\u003c\/em\u003e \u003c\/h2\u003e \u003cp class=\"sb-body sb-lead\"\u003eNatural wood, olive genuine leather and antique-style fittings give it the presence of a well-loved book. Floral, moon, crown and sword engravings make \u003cmark class=\"sb-highlight\"\u003eevery side part of the story\u003c\/mark\u003e.\u003c\/p\u003e \u003cp class=\"sb-quote\"\u003eStorybook character.\u003cbr\u003eEveryday purpose.\u003c\/p\u003e \u003c\/div\u003e \u003cfigure class=\"sb-media sb-frame\"\u003e\u003cimg src=\"https:\/\/www.boptional.com\/cdn\/shop\/files\/image\/cea0a2184ee6427f2dc1d28df102d0f5bff79d32.jpg\" alt=\"Close-up of engraved floral and fantasy motifs, genuine olive leather and antique-style metal fittings\" width=\"640\" height=\"640\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- 03 | 内部收纳与磁吸取放 --\u003e \u003csection class=\"sb-band sb-paper\"\u003e \u003cdiv class=\"sb-inner\"\u003e \u003cdiv class=\"sb-spread-head\"\u003e \u003ch2 class=\"sb-title\"\u003eOpen the Cover.\u003cbr\u003e\u003cem\u003eFind Your Essentials.\u003c\/em\u003e \u003c\/h2\u003e \u003cp class=\"sb-body sb-lead\"\u003eThis is where the story gets practical: \u003cmark class=\"sb-highlight\"\u003ethree interior card slots\u003c\/mark\u003e and a magnetic phone attachment keep everyday essentials together.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"sb-stories\"\u003e \u003carticle class=\"sb-story\"\u003e \u003cdiv class=\"sb-story-copy\"\u003e \u003ch3\u003eCards, Within Reach.\u003c\/h3\u003e \u003cp\u003eThree interior slots give your go-to cards a place of their own. Open the wallet to browse and scroll.\u003c\/p\u003e \u003c\/div\u003e \u003cfigure class=\"sb-frame\"\u003e\u003cimg src=\"https:\/\/www.boptional.com\/cdn\/shop\/files\/image\/45194b73c3339109e7e766b11cd7f124f1bc1216.jpg\" alt=\"Open book-style wallet showing three card slots on one side and an attached phone on the other\" width=\"640\" height=\"640\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e \u003c\/article\u003e \u003carticle class=\"sb-story\"\u003e \u003cdiv class=\"sb-story-copy\"\u003e \u003ch3\u003eLift Out. Capture More.\u003c\/h3\u003e \u003cp\u003eDetach your phone for photos, then reattach it when you’re done. A slim MagSafe-compatible case is required.\u003c\/p\u003e \u003c\/div\u003e \u003cfigure class=\"sb-frame\"\u003e\u003cimg src=\"https:\/\/www.boptional.com\/cdn\/shop\/files\/image\/87e554a36e58bf061e14f27d7753f247990e1fb6.jpg\" alt=\"Phone lifting away from the wallet’s circular magnetic attachment so it can be used for photos\" width=\"640\" height=\"640\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e \u003c\/article\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- 04 | 肩带连接方式，清楚注明单独售卖 --\u003e \u003csection class=\"sb-band sb-warm\"\u003e \u003cdiv class=\"sb-inner sb-feature\"\u003e \u003cdiv class=\"sb-copy\"\u003e \u003cspan class=\"sb-ornament\" aria-hidden=\"true\"\u003e \u003ci\u003e\u003c\/i\u003e \u003c\/span\u003e \u003ch2 class=\"sb-title\"\u003eMake It\u003cbr\u003e\u003cem\u003eYour Kind of Carry.\u003c\/em\u003e \u003c\/h2\u003e \u003cp class=\"sb-body sb-lead\"\u003e\u003cmark class=\"sb-highlight\"\u003eTwo attachment eyelets\u003c\/mark\u003e let you add a compatible crossbody strap for a different way to carry your wallet.\u003c\/p\u003e \u003cp class=\"sb-disclosure\"\u003e\u003cstrong\u003eShoulder strap sold separately.\u003c\/strong\u003e \u003cspan\u003eStrap shown for styling.\u003c\/span\u003e\u003c\/p\u003e \u003c\/div\u003e \u003cfigure class=\"sb-media sb-frame\"\u003e\u003cimg src=\"https:\/\/www.boptional.com\/cdn\/shop\/files\/image\/37dd8df41bce497f401fa9bf28499b098dbd76fc.jpg\" alt=\"Book-style wallet with a compatible crossbody strap clipped to its two attachment points; shoulder strap sold separately\" width=\"640\" height=\"640\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- 05 | 高亮适配条件，不虚构尺寸 --\u003e \u003csection class=\"sb-band sb-fit-band\"\u003e \u003cdiv class=\"sb-inner sb-feature sb-reverse\"\u003e \u003cdiv class=\"sb-copy\"\u003e \u003ch2 class=\"sb-title\"\u003eCheck the Fit.\u003cbr\u003e\u003cem\u003eBefore Your Next Chapter.\u003c\/em\u003e \u003c\/h2\u003e \u003cp class=\"sb-body\"\u003eCompatibility depends on your \u003cmark class=\"sb-highlight\"\u003e phone, case dimensions and magnetic ring position \u003c\/mark\u003e— not the phone model alone.\u003c\/p\u003e \u003cdiv class=\"sb-fit-card\"\u003eRequired Case \u003cmark class=\"sb-highlight\"\u003eSlim\u003c\/mark\u003e \u003cspan\u003eMagSafe-compatible\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"sb-fit-card\"\u003eAttachment \u003cmark class=\"sb-highlight\"\u003eMagnetic\u003c\/mark\u003e \u003cspan\u003eCheck ring position\u003c\/span\u003e \u003c\/div\u003e \u003cdiv\u003eCamera Detach your phone to take photos\u003c\/div\u003e \u003cdiv\u003eClosure Leather closure tab\u003c\/div\u003e \u003cdiv\u003eStrap \u003cstrong\u003eSold separately\u003c\/strong\u003e \u003c\/div\u003e \u003cp class=\"sb-note\"\u003eUnsure about compatibility? Contact us before ordering.\u003c\/p\u003e \u003c\/div\u003e \u003cfigure class=\"sb-media sb-fit-image\"\u003e\u003cimg src=\"https:\/\/www.boptional.com\/cdn\/shop\/files\/image\/5cac96322f868265c4bbd8c4e540172f19fe65c4.jpg\" alt=\"Open Storybound wallet with three cards and a phone, showing the interior arrangement\" width=\"640\" height=\"640\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- 06 | 日常场景与送礼收尾 --\u003e \u003csection class=\"sb-band sb-paper\"\u003e \u003cdiv class=\"sb-inner\"\u003e \u003cdiv class=\"sb-ending-head\"\u003e \u003cspan class=\"sb-ornament\" aria-hidden=\"true\" style=\"margin-left: auto; margin-right: auto;\"\u003e \u003ci\u003e\u003c\/i\u003e \u003c\/span\u003e \u003ch2 class=\"sb-title\"\u003eMade for Your\u003cbr\u003e\u003cem\u003eEveryday Chapters.\u003c\/em\u003e \u003c\/h2\u003e \u003cp class=\"sb-body\"\u003eBookshop browsing, a café stop, a photo worth keeping. A distinctive gift for a book lover—or a lovely way to carry your own little story.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"sb-ending-pair\"\u003e \u003cfigure class=\"sb-frame\"\u003e\u003cimg src=\"https:\/\/www.boptional.com\/cdn\/shop\/files\/image\/613ac8f16cc60ec81bca904236c8856b9881951b.jpg\" alt=\"Engraved wooden back cover and olive leather spine of the wallet held during a train journey\" width=\"640\" height=\"640\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e \u003cfigure class=\"sb-frame\"\u003e\u003cimg src=\"https:\/\/www.boptional.com\/cdn\/shop\/files\/image\/7cd36df01076605bdcfbdfb5cf805ca715dae1a8.jpg\" alt=\"Phone detached for garden photography while the closed Storybound wallet rests on a stone table\" width=\"640\" height=\"640\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c\/section\u003e \u003cstyle\u003e .sb-scenes{   --sbs-ink:#2e3e30;   --sbs-copy:#636454;   --sbs-olive:#657247;   --sbs-gold:#ad8045;   --sbs-paper:#fffaf0;   --sbs-line:rgba(46,62,48,.18);   width:100%;   margin:0;   padding:64px 0;   background:var(--sbs-paper);   color:var(--sbs-ink);   font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;   -webkit-font-smoothing:antialiased; }  .sb-scenes, .sb-scenes *{   box-sizing:border-box; }  .sb-scenes h2, .sb-scenes h3, .sb-scenes p, .sb-scenes figure{   margin:0; }  .sb-scenes .sbs-inner{   width:min(1180px,calc(100% - 48px));   margin:0 auto; }  .sb-scenes .sbs-head{   display:grid;   grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);   gap:36px;   align-items:end;   padding-bottom:30px;   margin-bottom:32px;   border-bottom:1px solid var(--sbs-line); }  .sb-scenes .sbs-eyebrow{   display:block;   margin-bottom:14px;   color:var(--sbs-gold);   font-size:11px;   font-weight:700;   letter-spacing:.18em;   line-height:1.5;   text-transform:uppercase; }  .sb-scenes h2, .sb-scenes h3{   color:var(--sbs-ink);   font-family:Georgia,'Times New Roman',serif;   font-weight:500;   text-transform:none; }  .sb-scenes h2{   font-size:clamp(32px,4.2vw,51px);   line-height:1.08;   letter-spacing:-.045em; }  .sb-scenes h2 em{   color:var(--sbs-olive);   font-weight:inherit; }  .sb-scenes .sbs-intro{   max-width:40ch;   color:var(--sbs-copy);   font-size:16px;   line-height:1.75; }  .sb-scenes .sbs-grid{   display:grid;   grid-template-columns:repeat(3,minmax(0,1fr));   gap:26px; }  .sb-scenes .sbs-card{   display:flex;   flex-direction:column;   min-width:0; }  .sb-scenes .sbs-copy{   order:2;   padding:23px 1px 0; }  .sb-scenes .sbs-location{   display:block;   margin-bottom:10px;   color:var(--sbs-gold);   font-size:10px;   font-weight:700;   letter-spacing:.15em;   line-height:1.5;   text-transform:uppercase; }  .sb-scenes h3{   margin-bottom:12px;   font-size:27px;   line-height:1.15;   letter-spacing:-.035em; }  .sb-scenes .sbs-copy p{   color:var(--sbs-copy);   font-size:15.5px;   line-height:1.75; }  .sb-scenes .sbs-photo{   order:1;   overflow:hidden;   aspect-ratio:1\/1;   border:1px solid rgba(46,62,48,.1);   border-radius:12px;   background:#eee6d5; }  .sb-scenes .sbs-photo img{   display:block;   width:100%;   height:100%;   max-width:100%;   margin:0;   border:0;   object-fit:contain; }  @media(max-width:900px){   .sb-scenes .sbs-head{     grid-template-columns:1fr;     gap:20px;     align-items:start;   }    .sb-scenes .sbs-intro{     max-width:58ch;   }    .sb-scenes .sbs-grid{     gap:18px;   }    .sb-scenes h3{     font-size:24px;   } }  @media(max-width:749px){   .sb-scenes{     padding:40px 0;   }    .sb-scenes .sbs-inner{     width:calc(100% - 32px);   }    .sb-scenes .sbs-head{     margin-bottom:28px;     padding-bottom:25px;   }    .sb-scenes .sbs-grid{     grid-template-columns:1fr;     gap:38px;   }    .sb-scenes .sbs-copy{     order:1;     padding:0 0 18px;   }    .sb-scenes .sbs-photo{     order:2;   }    .sb-scenes h3{     font-size:28px;   }    .sb-scenes .sbs-copy p{     font-size:16px;   } } \u003c\/style\u003e  \u003csection class=\"sb-scenes\" aria-label=\"Storybound style gallery\"\u003e   \u003cdiv class=\"sbs-inner\"\u003e      \u003cheader class=\"sbs-head\"\u003e       \u003cdiv\u003e         \u003cspan class=\"sbs-eyebrow\"\u003e           STORYBOUND · STYLE GALLERY         \u003c\/span\u003e          \u003ch2\u003e           A closer look.\u003cbr\u003e           \u003cem\u003eA little storybook charm.\u003c\/em\u003e         \u003c\/h2\u003e       \u003c\/div\u003e        \u003cp class=\"sbs-intro\"\u003e         Explore our engraved folio in three everyday settings—         on the porch, by the window, and out for coffee.       \u003c\/p\u003e     \u003c\/header\u003e      \u003cdiv class=\"sbs-grid\"\u003e        \u003c!-- 门廊展示 --\u003e       \u003carticle class=\"sbs-card\"\u003e         \u003cdiv class=\"sbs-copy\"\u003e           \u003cspan class=\"sbs-location\"\u003e             On the porch           \u003c\/span\u003e            \u003ch3\u003e             Storybook charm, close up.           \u003c\/h3\u003e            \u003cp\u003e             Floral, moon and sword engravings give the cover a storybook             feel, while olive-green accents add a warm, vintage-inspired finish.           \u003c\/p\u003e         \u003c\/div\u003e          \u003cfigure class=\"sbs-photo\"\u003e           \u003cimg src=\"https:\/\/www.boptional.com\/cdn\/shop\/files\/image\/7c3d5a2b0d7585744e8d11611e042432a937ff5c.png\" alt=\"Woman on a porch holding the closed engraved wood and olive-green Storybound folio\" width=\"1254\" height=\"1254\" loading=\"lazy\" decoding=\"async\"\u003e         \u003c\/figure\u003e       \u003c\/article\u003e        \u003c!-- 内部布局展示 --\u003e       \u003carticle class=\"sbs-card\"\u003e         \u003cdiv class=\"sbs-copy\"\u003e           \u003cspan class=\"sbs-location\"\u003e             By the window           \u003c\/span\u003e            \u003ch3\u003e             Three slots. A thoughtful layout.           \u003c\/h3\u003e            \u003cp\u003e             Open the folio to see three card slots beside the phone             space, with the same olive-green detailing continuing inside.           \u003c\/p\u003e         \u003c\/div\u003e          \u003cfigure class=\"sbs-photo\"\u003e           \u003cimg src=\"https:\/\/www.boptional.com\/cdn\/shop\/files\/image\/bad231a528eaf60832c52ba81919abde64d0c97b.png\" alt=\"Open Storybound folio beside a window showing three card slots and a phone\" width=\"1254\" height=\"1254\" loading=\"lazy\" decoding=\"async\"\u003e         \u003c\/figure\u003e       \u003c\/article\u003e        \u003c!-- 咖啡馆展示 --\u003e       \u003carticle class=\"sbs-card\"\u003e         \u003cdiv class=\"sbs-copy\"\u003e           \u003cspan class=\"sbs-location\"\u003e             Out for coffee           \u003c\/span\u003e            \u003ch3\u003e             A little character with your coffee.           \u003c\/h3\u003e            \u003cp\u003e             Beside a favorite cup, the engraved wood cover brings a             little bookish character to a familiar café moment.           \u003c\/p\u003e         \u003c\/div\u003e          \u003cfigure class=\"sbs-photo\"\u003e           \u003cimg src=\"https:\/\/www.boptional.com\/cdn\/shop\/files\/image\/87aee58cc43ed9c90402de78b6792a933be6eddf.png\" alt=\"Woman in a café holding the closed Storybound folio beside a coffee cup\" width=\"1254\" height=\"1254\" loading=\"lazy\" decoding=\"async\"\u003e         \u003c\/figure\u003e       \u003c\/article\u003e      \u003c\/div\u003e   \u003c\/div\u003e \u003c\/section\u003e","brand":"ZHQ","offers":[{"title":"Green","offer_id":68195108159857,"sku":"V2526110920-Green","price":29.99,"currency_code":"USD","in_stock":true},{"title":"Brown","offer_id":68195108192625,"sku":"V2526110920-Brown","price":29.99,"currency_code":"USD","in_stock":true},{"title":"Blue","offer_id":68195108225393,"sku":"V2526110920-Blue","price":29.99,"currency_code":"USD","in_stock":true},{"title":"Red","offer_id":68195108258161,"sku":"V2526110920-Red","price":29.99,"currency_code":"USD","in_stock":true},{"title":"Teal","offer_id":68195108290929,"sku":"V2526110920-Teal","price":29.99,"currency_code":"USD","in_stock":true},{"title":"Purple","offer_id":68195108323697,"sku":"V2526110920-Purple","price":29.99,"currency_code":"USD","in_stock":true},{"title":"Black","offer_id":68195108356465,"sku":"V2526110920-Black","price":29.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1024\/2870\/5137\/files\/a3c344623abdc1b44dcd606bb8dd533bc12c736a.jpg?v=1794209774","url":"https:\/\/viqzes.com\/products\/storybound-engraved-wood-leather-phone-wallet","provider":"viqzes","version":"1.0","type":"link"}