{"title":"Home","description":null,"products":[{"product_id":"123","title":"QINEANLA™ Desert Eye — Libyan Desert Glass Pendant","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\"\u003e\n\u003ctitle\u003eQINEANLA™ — Desert Eye · Libyan Desert Glass Pendant\u003c\/title\u003e\n\u003cstyle\u003e\n* { margin: 0; padding: 0; box-sizing: border-box; }\nhtml { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }\nbody {\n background: #0A0A0A !important;\n color: #E8E8E8;\n font-family: Georgia, 'Times New Roman', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.8;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n}\nimg { display: block; width: 100%; height: auto; user-select: none; -webkit-user-drag: none; }\n\n\/* ===== 纯CSS进场动画（页面加载触发，全浏览器兼容） ===== *\/\n@keyframes fadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n}\n@keyframes scaleIn {\n from { opacity: 0; transform: scale(0.94); }\n to { opacity: 1; transform: scale(1); }\n}\n@keyframes breathe {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.015); }\n}\n@keyframes scrollBob {\n 0%, 100% { transform: translateX(-50%) translateY(0); opacity: 0.4; }\n 50% { transform: translateX(-50%) translateY(6px); opacity: 0.9; }\n}\n\n.reveal {\n opacity: 0;\n animation: fadeUp 0.9s cubic-bezier(0.22,0.61,0.36,1) forwards;\n}\n.reveal-d1 { animation-delay: 0.15s; }\n.reveal-d2 { animation-delay: 0.3s; }\n.reveal-d3 { animation-delay: 0.45s; }\n.reveal-d4 { animation-delay: 0.6s; }\n.reveal-img {\n opacity: 0;\n animation: scaleIn 1.1s cubic-bezier(0.22,0.61,0.36,1) forwards;\n}\n.hero-img { animation: breathe 6s ease-in-out infinite; }\n.scroll-hint { animation: scrollBob 2s ease-in-out infinite; }\n\n.container { max-width: 460px; margin: 0 auto; padding: 0 22px; }\n\n\/* ===== 首屏 ===== *\/\n.hero {\n min-height: 100vh; min-height: 100dvh;\n display: flex; flex-direction: column;\n justify-content: center; align-items: center;\n text-align: center; padding: 50px 22px 60px;\n position: relative; background: #0A0A0A;\n}\n.hero-masthead {\n position: absolute; top: 30px; left: 0; right: 0;\n display: flex; justify-content: space-between;\n padding: 0 28px;\n font-size: 9px; letter-spacing: 2px; color: #555;\n text-transform: uppercase; font-family: sans-serif;\n}\n.hero-masthead span:first-child { color: #B8A07A; }\n.hero-side-text {\n position: absolute; right: 6px; top: 50%;\n transform: translateY(-50%) rotate(90deg);\n transform-origin: right center;\n font-size: 9px; letter-spacing: 4px; color: #555;\n text-transform: uppercase; white-space: nowrap; font-family: sans-serif;\n}\n.hero-img-wrap {\n width: 100%; max-width: 300px; margin-bottom: 36px; position: relative;\n}\n.hero-img-wrap::after {\n content: ''; position: absolute; bottom: -16px; left: 50%;\n transform: translateX(-50%); width: 70%; height: 26px;\n background: radial-gradient(ellipse at center, rgba(184,160,122,0.1) 0%, transparent 70%);\n}\n.hero-brand {\n font-family: Georgia, serif; font-size: 10px;\n letter-spacing: 6px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 10px;\n}\n.hero-sub-en {\n font-size: 9px; letter-spacing: 4px; color: #666;\n text-transform: uppercase; margin-bottom: 4px; font-family: sans-serif;\n}\n.hero-title {\n font-family: Georgia, serif; font-size: 36px;\n font-weight: 400; letter-spacing: 5px; line-height: 1.2; margin-bottom: 6px;\n text-transform: uppercase; color: #E8E8E8;\n}\n.hero-title::after {\n content: ''; display: block; width: 30px; height: 1px;\n background: #B8A07A; margin: 14px auto 0;\n}\n.hero-sub-cn {\n font-size: 11px; letter-spacing: 3px; color: #888;\n margin-bottom: 28px; text-transform: uppercase; font-family: sans-serif;\n}\n.hero-tagline {\n font-family: Georgia, serif; font-size: 14px;\n color: #888; letter-spacing: 0.5px;\n font-style: italic; line-height: 2; max-width: 260px;\n}\n.scroll-hint {\n position: absolute; bottom: 28px; left: 50%;\n transform: translateX(-50%);\n font-size: 9px; letter-spacing: 3px; color: #555;\n text-transform: uppercase; font-family: sans-serif;\n}\n\n\/* ===== section标题 ===== *\/\n.mag-head {\n display: flex; align-items: baseline; gap: 14px;\n margin-bottom: 40px; padding-bottom: 16px;\n border-bottom: 1px solid #1E1E1E;\n}\n.mag-head .num {\n font-family: Georgia, serif; font-size: 36px;\n color: #B8A07A; line-height: 1; opacity: 0.6;\n}\n.mag-head .titles h2 {\n font-family: Georgia, serif; font-size: 22px;\n font-weight: 400; letter-spacing: 3px; line-height: 1.2;\n text-transform: uppercase; color: #E8E8E8;\n}\n.mag-head .titles .en {\n font-size: 9px; letter-spacing: 3px; color: #555;\n text-transform: uppercase; margin-top: 4px; font-family: sans-serif;\n}\n\n\/* ===== 故事区 ===== *\/\n.story { padding: 72px 0; background: #0A0A0A; }\n.story .lead {\n font-family: Georgia, serif; font-size: 17px;\n line-height: 1.9; color: #E8E8E8; margin-bottom: 28px;\n text-align: left; font-weight: 300;\n}\n.story .lead::first-letter {\n font-family: Georgia, serif; font-size: 3.2em;\n color: #B8A07A; float: left;\n line-height: 0.85; padding: 4px 10px 0 0; font-weight: 400;\n}\n.story .body {\n font-size: 13px; color: #999; line-height: 2.1;\n text-align: left; margin-bottom: 20px; font-family: sans-serif;\n}\n.story .pull-quote {\n border-left: 2px solid #B8A07A;\n padding: 8px 0 8px 18px; margin: 28px 0;\n font-family: Georgia, serif; font-style: italic;\n font-size: 15px; color: #C8C8C8;\n line-height: 1.8; letter-spacing: 0.3px;\n}\n.story .pull-quote .quote-mark {\n font-size: 28px; color: #B8A07A;\n line-height: 0; vertical-align: -8px;\n margin-right: 4px; opacity: 0.7;\n}\n\n\/* ===== 细节区 ===== *\/\n.details { padding: 72px 0; background: #0A0A0A; }\n.detail-card { margin-bottom: 64px; position: relative; }\n.detail-card:last-child { margin-bottom: 0; }\n.detail-card .big-num {\n position: absolute; top: -20px; right: -8px;\n font-family: Georgia, serif; font-size: 120px;\n color: #333; opacity: 0.4;\n line-height: 1; font-weight: 400;\n pointer-events: none; z-index: 0;\n}\n.detail-card .img-wrap {\n overflow: hidden; margin-bottom: 24px; position: relative; z-index: 1;\n}\n.detail-card .img-wrap img { transition: transform 0.8s ease; }\n.detail-card .img-wrap:hover img { transform: scale(1.04); }\n.detail-card .img-wrap::after {\n content: ''; position: absolute; inset: 0;\n background: linear-gradient(180deg, transparent 55%, rgba(10,10,10,0.35) 100%);\n pointer-events: none;\n}\n.detail-card .text-block { position: relative; z-index: 1; padding-left: 4px; }\n.detail-card .label {\n font-size: 9px; letter-spacing: 3px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 8px; font-family: sans-serif;\n}\n.detail-card h3 {\n font-family: Georgia, serif; font-size: 20px;\n font-weight: 400; letter-spacing: 2px;\n color: #C8C8C8; margin-bottom: 12px; line-height: 1.3;\n text-transform: uppercase;\n}\n.detail-card h3::after {\n content: ''; display: block; width: 24px; height: 1px;\n background: #B8A07A; margin-top: 10px;\n}\n.detail-card p {\n font-size: 13px; color: #888; line-height: 2; max-width: 340px; font-family: sans-serif;\n}\n.detail-card:nth-child(odd) .text-block { padding-left: 20px; }\n.detail-card:nth-child(even) .text-block { padding-right: 20px; text-align: right; }\n.detail-card:nth-child(even) .text-block p { margin-left: auto; }\n.detail-card:nth-child(even) h3::after { margin-left: auto; }\n.detail-card:nth-child(even) .big-num { right: auto; left: -8px; }\n\n\/* ===== 场景区 ===== *\/\n.scenes { padding: 72px 0; background: #0A0A0A; }\n.scene-card {\n position: relative; overflow: hidden; margin-bottom: 28px;\n}\n.scene-card:last-child { margin-bottom: 0; }\n.scene-card img { transition: transform 0.9s ease; }\n.scene-card:hover img { transform: scale(1.06); }\n.scene-card .scene-num {\n position: absolute; top: 16px; left: 16px;\n font-family: Georgia, serif; font-size: 32px;\n color: #B8A07A; line-height: 1;\n text-shadow: 0 2px 8px rgba(0,0,0,0.5); z-index: 2;\n}\n.scene-card .scene-num .slash {\n font-size: 14px; color: #666;\n vertical-align: super; margin-left: 2px;\n}\n.scene-card .caption {\n position: absolute; left: 0; right: 0; bottom: 0;\n padding: 32px 20px 18px;\n background: linear-gradient(transparent, rgba(10,10,10,0.9)); z-index: 2;\n}\n.scene-card .caption .tag {\n font-size: 9px; letter-spacing: 3px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 6px; font-family: sans-serif;\n}\n.scene-card .caption .txt {\n font-family: Georgia, serif; font-size: 15px;\n color: #E0E0E0; letter-spacing: 0.5px; line-height: 1.5;\n}\n\n\/* ===== 参数区 ===== *\/\n.specs-section { padding: 72px 0; background: #0A0A0A; }\n.specs-grid {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 0; border: 1px solid #1E1E1E;\n}\n.spec-cell {\n padding: 22px 18px; border-right: 1px solid #1E1E1E;\n border-bottom: 1px solid #1E1E1E; position: relative;\n}\n.spec-cell:nth-child(2n) { border-right: none; }\n.spec-cell:nth-child(n+5) { border-bottom: none; }\n.spec-cell .spec-label {\n font-size: 9px; letter-spacing: 2px; color: #555;\n text-transform: uppercase; margin-bottom: 8px; font-family: sans-serif;\n}\n.spec-cell .spec-value {\n font-family: Georgia, serif; font-size: 14px;\n color: #E8E8E8; line-height: 1.5;\n}\n.spec-cell .spec-value small {\n font-family: sans-serif; font-size: 11px;\n color: #888; display: block; margin-top: 2px;\n}\n\n\/* ===== 保障 ===== *\/\n.guarantees {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 0; margin-top: 48px;\n border: 1px solid #1E1E1E;\n}\n.guarantee {\n text-align: center; padding: 28px 12px;\n border-right: 1px solid #1E1E1E;\n border-bottom: 1px solid #1E1E1E;\n}\n.guarantee:nth-child(2n) { border-right: none; }\n.guarantee:nth-child(n+3) { border-bottom: none; }\n.guarantee .icon { font-size: 18px; color: #B8A07A; margin-bottom: 10px; opacity: 0.7; }\n.guarantee .txt {\n font-size: 11px; color: #888;\n letter-spacing: 1px; text-transform: uppercase; font-family: sans-serif;\n}\n\nfooter {\n text-align: center; padding: 40px 20px 32px;\n font-size: 9px; color: #555;\n letter-spacing: 3px; border-top: 1px solid #1E1E1E;\n text-transform: uppercase; font-family: Georgia, serif; background: #0A0A0A;\n}\nfooter span { color: #B8A07A; }\n\n@media (max-width: 360px) {\n .container { padding: 0 16px; }\n .hero { padding: 40px 16px 50px; }\n .hero-title { font-size: 28px; letter-spacing: 3px; }\n .hero-side-text { display: none; }\n .detail-card .big-num { font-size: 90px; }\n .spec-cell { padding: 18px 14px; }\n}\n\u003c\/style\u003e\n\n\n\n\u003c!-- ===== 首屏 ===== --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-masthead reveal\"\u003e\n \u003cspan\u003eVOL.01\u003c\/span\u003e\n \u003cspan\u003eNatural Gemstone\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-side-text reveal reveal-d1\"\u003eHandcrafted · One of a Kind\u003c\/div\u003e\n\n \u003cdiv class=\"hero-img-wrap reveal-img\"\u003e\n \u003cimg class=\"hero-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-3sarg6ey0ag.png?v=1790495561\" alt=\"Libyan Desert Glass Pendant by QINEANLA\"\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"hero-brand reveal reveal-d1\"\u003eQINEANLA™\u003c\/p\u003e\n \u003cp class=\"hero-sub-en reveal reveal-d1\"\u003eLibyan Desert Glass\u003c\/p\u003e\n \u003ch1 class=\"hero-title reveal reveal-d2\"\u003eDesert Eye\u003c\/h1\u003e\n \u003cp class=\"hero-sub-cn reveal reveal-d2\"\u003eRaw Crystal Pendant · Sterling Silver\u003c\/p\u003e\n \u003cp class=\"hero-tagline reveal reveal-d3\"\u003e\"Every texture is a fingerprint of time.\"\u003c\/p\u003e\n \u003cdiv class=\"scroll-hint\"\u003eScroll ↓\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 01 Origin ===== --\u003e\n\u003csection class=\"story\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eOrigin\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eThe Stone\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"lead reveal reveal-d1\"\u003eLibyan Desert Glass formed approximately 29 million years ago, born from a meteorite impact that fused the Saharan sands at extreme temperature into natural glass.\u003c\/p\u003e\n \u003cdiv class=\"pull-quote reveal reveal-d2\"\u003e\n\u003cspan class=\"quote-mark\"\u003e\"\u003c\/span\u003eFound only in the remote eastern Sahara, each piece carries millennia of wind and sand.\u003c\/div\u003e\n \u003cp class=\"body reveal reveal-d2\"\u003eThis raw stone retains its natural freeform silhouette, untouched by excessive polishing. Its translucent olive-yellow hue flows gently under light, while the surface is covered in distinctive bubble-like molten textures — frozen moments of ancient heat.\u003c\/p\u003e\n \u003cp class=\"body reveal reveal-d3\"\u003eUnlike the precision of cut gems, every contour and every bubble is a random masterpiece of nature. Irreplaceable. Unrepeatable.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 02 Craftsmanship ===== --\u003e\n\u003csection class=\"details\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eCraftsmanship\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eThe Making\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-nbsp8v7rzqj.png?v=1790495561\" alt=\"Natural bubble texture macro\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 01\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003eNatural Bubble Texture\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eThe honeycomb-like bubble structure on the raw surface is preserved untouched. The distribution is unique to every stone — nature's own fingerprint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-mly2vpi3ym.png?v=1790495561\" alt=\"Hand-shaped bezel setting\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 02\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003eHand-Shaped Bezel\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eSterling silver is hand-bent to follow the stone's irregular contour. Tool marks remain visible at the metal-gem junction. No perfect symmetry — only respect for natural form.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-j07w9hh6va.png?v=1790495561\" alt=\"Scrollwork engraved bail\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 03\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003eScrollwork Bail\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eThe pendant bail is hand-engraved with swirling scroll motifs and finished with antiqued silver — vintage, mysterious, and in harmony with the stone's ancient character.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 03 Scenes ===== --\u003e\n\u003csection class=\"scenes\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eScenes\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eIn Context\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"scene-card reveal\"\u003e\n \u003cspan class=\"scene-num\"\u003e01\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-au06p7o0796.png?v=1790495561\" alt=\"Pendant on basalt rock\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eOn Basalt\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eWhere raw meets refined — volcanic stone and molten glass.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d1\"\u003e\n \u003cspan class=\"scene-num\"\u003e02\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-63wbbfenjnw.png?v=1790495561\" alt=\"Pendant in desert sand\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eIn the Desert\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eReturned to the sands where it was born, warm light deepens the gold.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d2\"\u003e\n \u003cspan class=\"scene-num\"\u003e03\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-0wj6h4cjje4j.png?v=1790495561\" alt=\"Pendant on aged wood\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eOn Aged Wood\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eLayers of time — weathered grain and a stone from 29 million years ago.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d3\"\u003e\n \u003cspan class=\"scene-num\"\u003e04\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-f09b1my2ljg.png?v=1790495561\" alt=\"Pendant among minerals\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eAmong Minerals\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eFloating above raw stones, every facet of the glass deserves a gaze.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 04 Specifications ===== --\u003e\n\u003csection class=\"specs-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e04\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eSpecifications\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eDetails\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"specs-grid reveal reveal-d1\"\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eGemstone\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eLibyan Desert Glass\u003csmall\u003eNatural freeform raw stone\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eMetal\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003e925 Sterling Silver\u003csmall\u003eAntiqued finish\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eChain\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003e925 Silver Cable\u003csmall\u003eAdjustable length\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eShape\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eFreeform Raw\u003csmall\u003eOne of a kind\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eCraft\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eHand Bezel Set\u003csmall\u003eCustom-fit to stone\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eBail\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eScroll Engraved\u003csmall\u003eHand-carved detail\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 保障 ===== --\u003e\n\u003csection style=\"padding-top:0; background:#0A0A0A;\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"guarantees\"\u003e\n \u003cdiv class=\"guarantee reveal\"\u003e\n\u003cdiv class=\"icon\"\u003e◆\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eNatural Stone\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d1\"\u003e\n\u003cdiv class=\"icon\"\u003e✦\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eHandcrafted\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d2\"\u003e\n\u003cdiv class=\"icon\"\u003e❖\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eSecure Shipping\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d3\"\u003e\n\u003cdiv class=\"icon\"\u003e✧\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eSatisfaction\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cfooter\u003e\u003cspan\u003eQINEANLA\u003c\/span\u003e™ · Natural Gemstone Jewelry · 2025\u003c\/footer\u003e\n\n\n\n\u003c\/body\u003e","brand":"qineanla","offers":[{"title":"Default Title","offer_id":67678196793543,"sku":null,"price":459.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-0wj6h4cjje4j.png?v=1790495561"},{"product_id":"qineanla™-prism-ammolite-rainbow-rin","title":"QINEANLA™ Prism — Ammolite Rainbow Rin","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\"\u003e\n\u003ctitle\u003eQINEANLA™ — Prism · Ammolite Rainbow Ring\u003c\/title\u003e\n\u003cstyle\u003e\n* { margin: 0; padding: 0; box-sizing: border-box; }\nhtml { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }\nbody {\n background: #0A0A0A !important;\n color: #E8E8E8;\n font-family: Georgia, 'Times New Roman', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.8;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n}\nimg { display: block; width: 100%; height: auto; user-select: none; -webkit-user-drag: none; }\n\n@keyframes fadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n}\n@keyframes scaleIn {\n from { opacity: 0; transform: scale(0.94); }\n to { opacity: 1; transform: scale(1); }\n}\n@keyframes breathe {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.015); }\n}\n@keyframes scrollBob {\n 0%, 100% { transform: translateX(-50%) translateY(0); opacity: 0.4; }\n 50% { transform: translateX(-50%) translateY(6px); opacity: 0.9; }\n}\n\n.reveal {\n opacity: 0;\n animation: fadeUp 0.9s cubic-bezier(0.22,0.61,0.36,1) forwards;\n}\n.reveal-d1 { animation-delay: 0.15s; }\n.reveal-d2 { animation-delay: 0.3s; }\n.reveal-d3 { animation-delay: 0.45s; }\n.reveal-d4 { animation-delay: 0.6s; }\n.reveal-img {\n opacity: 0;\n animation: scaleIn 1.1s cubic-bezier(0.22,0.61,0.36,1) forwards;\n}\n.hero-img { animation: breathe 6s ease-in-out infinite; }\n.scroll-hint { animation: scrollBob 2s ease-in-out infinite; }\n\n.container { max-width: 460px; margin: 0 auto; padding: 0 22px; }\n\n\/* ===== 首屏 ===== *\/\n.hero {\n min-height: 100vh; min-height: 100dvh;\n display: flex; flex-direction: column;\n justify-content: center; align-items: center;\n text-align: center; padding: 50px 22px 60px;\n position: relative; background: #0A0A0A;\n}\n.hero-masthead {\n position: absolute; top: 30px; left: 0; right: 0;\n display: flex; justify-content: space-between;\n padding: 0 28px;\n font-size: 9px; letter-spacing: 2px; color: #555;\n text-transform: uppercase; font-family: sans-serif;\n}\n.hero-masthead span:first-child { color: #B8A07A; }\n.hero-side-text {\n position: absolute; right: 6px; top: 50%;\n transform: translateY(-50%) rotate(90deg);\n transform-origin: right center;\n font-size: 9px; letter-spacing: 4px; color: #555;\n text-transform: uppercase; white-space: nowrap; font-family: sans-serif;\n}\n.hero-img-wrap {\n width: 100%; max-width: 300px; margin-bottom: 36px; position: relative;\n}\n.hero-img-wrap::after {\n content: ''; position: absolute; bottom: -16px; left: 50%;\n transform: translateX(-50%); width: 70%; height: 26px;\n background: radial-gradient(ellipse at center, rgba(184,160,122,0.1) 0%, transparent 70%);\n}\n.hero-brand {\n font-family: Georgia, serif; font-size: 10px;\n letter-spacing: 6px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 10px;\n}\n.hero-sub-en {\n font-size: 9px; letter-spacing: 4px; color: #666;\n text-transform: uppercase; margin-bottom: 4px; font-family: sans-serif;\n}\n.hero-title {\n font-family: Georgia, serif; font-size: 36px;\n font-weight: 400; letter-spacing: 5px; line-height: 1.2; margin-bottom: 6px;\n text-transform: uppercase; color: #E8E8E8;\n}\n.hero-title::after {\n content: ''; display: block; width: 30px; height: 1px;\n background: #B8A07A; margin: 14px auto 0;\n}\n.hero-sub-cn {\n font-size: 11px; letter-spacing: 3px; color: #888;\n margin-bottom: 28px; text-transform: uppercase; font-family: sans-serif;\n}\n.hero-tagline {\n font-family: Georgia, serif; font-size: 14px;\n color: #888; letter-spacing: 0.5px;\n font-style: italic; line-height: 2; max-width: 260px;\n}\n.scroll-hint {\n position: absolute; bottom: 28px; left: 50%;\n transform: translateX(-50%);\n font-size: 9px; letter-spacing: 3px; color: #555;\n text-transform: uppercase; font-family: sans-serif;\n}\n\n\/* ===== section标题 ===== *\/\n.mag-head {\n display: flex; align-items: baseline; gap: 14px;\n margin-bottom: 40px; padding-bottom: 16px;\n border-bottom: 1px solid #1E1E1E;\n}\n.mag-head .num {\n font-family: Georgia, serif; font-size: 36px;\n color: #B8A07A; line-height: 1; opacity: 0.6;\n}\n.mag-head .titles h2 {\n font-family: Georgia, serif; font-size: 22px;\n font-weight: 400; letter-spacing: 3px; line-height: 1.2;\n text-transform: uppercase; color: #E8E8E8;\n}\n.mag-head .titles .en {\n font-size: 9px; letter-spacing: 3px; color: #555;\n text-transform: uppercase; margin-top: 4px; font-family: sans-serif;\n}\n\n\/* ===== 故事区 ===== *\/\n.story { padding: 72px 0; background: #0A0A0A; }\n.story .lead {\n font-family: Georgia, serif; font-size: 17px;\n line-height: 1.9; color: #E8E8E8; margin-bottom: 28px;\n text-align: left; font-weight: 300;\n}\n.story .lead::first-letter {\n font-family: Georgia, serif; font-size: 3.2em;\n color: #B8A07A; float: left;\n line-height: 0.85; padding: 4px 10px 0 0; font-weight: 400;\n}\n.story .body {\n font-size: 13px; color: #999; line-height: 2.1;\n text-align: left; margin-bottom: 20px; font-family: sans-serif;\n}\n.story .pull-quote {\n border-left: 2px solid #B8A07A;\n padding: 8px 0 8px 18px; margin: 28px 0;\n font-family: Georgia, serif; font-style: italic;\n font-size: 15px; color: #C8C8C8;\n line-height: 1.8; letter-spacing: 0.3px;\n}\n.story .pull-quote .quote-mark {\n font-size: 28px; color: #B8A07A;\n line-height: 0; vertical-align: -8px;\n margin-right: 4px; opacity: 0.7;\n}\n\n\/* ===== 细节区 ===== *\/\n.details { padding: 72px 0; background: #0A0A0A; }\n.detail-card { margin-bottom: 64px; position: relative; }\n.detail-card:last-child { margin-bottom: 0; }\n.detail-card .big-num {\n position: absolute; top: -20px; right: -8px;\n font-family: Georgia, serif; font-size: 120px;\n color: #333; opacity: 0.4;\n line-height: 1; font-weight: 400;\n pointer-events: none; z-index: 0;\n}\n.detail-card .img-wrap {\n overflow: hidden; margin-bottom: 24px; position: relative; z-index: 1;\n}\n.detail-card .img-wrap img { transition: transform 0.8s ease; }\n.detail-card .img-wrap:hover img { transform: scale(1.04); }\n.detail-card .img-wrap::after {\n content: ''; position: absolute; inset: 0;\n background: linear-gradient(180deg, transparent 55%, rgba(10,10,10,0.35) 100%);\n pointer-events: none;\n}\n.detail-card .text-block { position: relative; z-index: 1; padding-left: 4px; }\n.detail-card .label {\n font-size: 9px; letter-spacing: 3px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 8px; font-family: sans-serif;\n}\n.detail-card h3 {\n font-family: Georgia, serif; font-size: 20px;\n font-weight: 400; letter-spacing: 2px;\n color: #C8C8C8; margin-bottom: 12px; line-height: 1.3;\n text-transform: uppercase;\n}\n.detail-card h3::after {\n content: ''; display: block; width: 24px; height: 1px;\n background: #B8A07A; margin-top: 10px;\n}\n.detail-card p {\n font-size: 13px; color: #888; line-height: 2; max-width: 340px; font-family: sans-serif;\n}\n.detail-card:nth-child(odd) .text-block { padding-left: 20px; }\n.detail-card:nth-child(even) .text-block { padding-right: 20px; text-align: right; }\n.detail-card:nth-child(even) .text-block p { margin-left: auto; }\n.detail-card:nth-child(even) h3::after { margin-left: auto; }\n.detail-card:nth-child(even) .big-num { right: auto; left: -8px; }\n\n\/* ===== 场景区 ===== *\/\n.scenes { padding: 72px 0; background: #0A0A0A; }\n.scene-card {\n position: relative; overflow: hidden; margin-bottom: 28px;\n}\n.scene-card:last-child { margin-bottom: 0; }\n.scene-card img { transition: transform 0.9s ease; }\n.scene-card:hover img { transform: scale(1.06); }\n.scene-card .scene-num {\n position: absolute; top: 16px; left: 16px;\n font-family: Georgia, serif; font-size: 32px;\n color: #B8A07A; line-height: 1;\n text-shadow: 0 2px 8px rgba(0,0,0,0.5); z-index: 2;\n}\n.scene-card .scene-num .slash {\n font-size: 14px; color: #666;\n vertical-align: super; margin-left: 2px;\n}\n.scene-card .caption {\n position: absolute; left: 0; right: 0; bottom: 0;\n padding: 32px 20px 18px;\n background: linear-gradient(transparent, rgba(10,10,10,0.9)); z-index: 2;\n}\n.scene-card .caption .tag {\n font-size: 9px; letter-spacing: 3px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 6px; font-family: sans-serif;\n}\n.scene-card .caption .txt {\n font-family: Georgia, serif; font-size: 15px;\n color: #E0E0E0; letter-spacing: 0.5px; line-height: 1.5;\n}\n\n\/* ===== 参数区 ===== *\/\n.specs-section { padding: 72px 0; background: #0A0A0A; }\n.specs-grid {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 0; border: 1px solid #1E1E1E;\n}\n.spec-cell {\n padding: 22px 18px; border-right: 1px solid #1E1E1E;\n border-bottom: 1px solid #1E1E1E; position: relative;\n}\n.spec-cell:nth-child(2n) { border-right: none; }\n.spec-cell:nth-child(n+5) { border-bottom: none; }\n.spec-cell .spec-label {\n font-size: 9px; letter-spacing: 2px; color: #555;\n text-transform: uppercase; margin-bottom: 8px; font-family: sans-serif;\n}\n.spec-cell .spec-value {\n font-family: Georgia, serif; font-size: 14px;\n color: #E8E8E8; line-height: 1.5;\n}\n.spec-cell .spec-value small {\n font-family: sans-serif; font-size: 11px;\n color: #888; display: block; margin-top: 2px;\n}\n\n\/* ===== 保障 ===== *\/\n.guarantees {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 0; margin-top: 48px;\n border: 1px solid #1E1E1E;\n}\n.guarantee {\n text-align: center; padding: 28px 12px;\n border-right: 1px solid #1E1E1E;\n border-bottom: 1px solid #1E1E1E;\n}\n.guarantee:nth-child(2n) { border-right: none; }\n.guarantee:nth-child(n+3) { border-bottom: none; }\n.guarantee .icon { font-size: 18px; color: #B8A07A; margin-bottom: 10px; opacity: 0.7; }\n.guarantee .txt {\n font-size: 11px; color: #888;\n letter-spacing: 1px; text-transform: uppercase; font-family: sans-serif;\n}\n\nfooter {\n text-align: center; padding: 40px 20px 32px;\n font-size: 9px; color: #555;\n letter-spacing: 3px; border-top: 1px solid #1E1E1E;\n text-transform: uppercase; font-family: Georgia, serif; background: #0A0A0A;\n}\nfooter span { color: #B8A07A; }\n\n@media (max-width: 360px) {\n .container { padding: 0 16px; }\n .hero { padding: 40px 16px 50px; }\n .hero-title { font-size: 28px; letter-spacing: 3px; }\n .hero-side-text { display: none; }\n .detail-card .big-num { font-size: 90px; }\n .spec-cell { padding: 18px 14px; }\n}\n\u003c\/style\u003e\n\n\n\n\u003c!-- ===== 首屏 ===== --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-masthead reveal\"\u003e\n \u003cspan\u003eVOL.02\u003c\/span\u003e\n \u003cspan\u003eNatural Gemstone\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-side-text reveal reveal-d1\"\u003eHandcrafted · One of a Kind\u003c\/div\u003e\n\n \u003cdiv class=\"hero-img-wrap reveal-img\"\u003e\n \u003cimg class=\"hero-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-p239vefs6r.png?v=1790497821\" alt=\"Ammolite Rainbow Ring by QINEANLA\"\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"hero-brand reveal reveal-d1\"\u003eQINEANLA™\u003c\/p\u003e\n \u003cp class=\"hero-sub-en reveal reveal-d1\"\u003eAmmolite Rainbow Ring\u003c\/p\u003e\n \u003ch1 class=\"hero-title reveal reveal-d2\"\u003ePrism\u003c\/h1\u003e\n \u003cp class=\"hero-sub-cn reveal reveal-d2\"\u003eOval Cabochon · Rose Gold\u003c\/p\u003e\n \u003cp class=\"hero-tagline reveal reveal-d3\"\u003e\"Seven colors trapped in ancient stone.\"\u003c\/p\u003e\n \u003cdiv class=\"scroll-hint\"\u003eScroll ↓\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 01 Origin ===== --\u003e\n\u003csection class=\"story\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eOrigin\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eThe Stone\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"lead reveal reveal-d1\"\u003eAmmolite is the iridescent shell of ammonites — marine creatures that swam the seas 75 million years ago. Buried and mineralized, their nacre transformed into a gem that splits light into a living rainbow.\u003c\/p\u003e\n \u003cdiv class=\"pull-quote reveal reveal-d2\"\u003e\n\u003cspan class=\"quote-mark\"\u003e\"\u003c\/span\u003eMined only in the Bearpaw Formation of Alberta, Canada — one of the rarest gemstones on Earth.\u003c\/div\u003e\n \u003cp class=\"body reveal reveal-d2\"\u003eUnlike pigments, ammolite's color comes from light interference. Microscopic platelets in the fossilized shell bend and reflect light, shifting from crimson to violet as the stone moves. No two stones share the same pattern.\u003c\/p\u003e\n \u003cp class=\"body reveal reveal-d3\"\u003eThe cracked, scale-like surface is not a flaw — it is the fossil's original structure, preserved across millennia. Each fissure catches light differently, making every angle a new spectrum.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 02 Craftsmanship ===== --\u003e\n\u003csection class=\"details\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eCraftsmanship\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eThe Making\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-axrvayadynn.png?v=1790497821\" alt=\"Ammolite rainbow scale texture macro\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 01\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003eRainbow Scale Texture\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eThe dragon-scale surface is the ammonite's original nacre structure. Each microscopic platelet refracts light independently — crimson at one angle, sapphire at the next.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-6h8de3dxpyn.png?v=1790497821\" alt=\"Rose gold bezel setting macro\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 02\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003eRose Gold Bezel\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eA smooth rose gold bezel wraps the oval cabochon, protecting the fragile fossil edge while letting the full spectrum face forward. Warm metal meets cool color.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-nnyrh38cp2.png?v=1790497820\" alt=\"Split shank band macro\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 03\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003eSplit Shank Band\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eThe band divides into two sweeping curves beneath the stone — an architectural negative space that lets light pass through and gives the ring a weightless, floating presence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 03 Scenes ===== --\u003e\n\u003csection class=\"scenes\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eScenes\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eIn Context\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"scene-card reveal\"\u003e\n \u003cspan class=\"scene-num\"\u003e01\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-tjmsmoiilbc.png?v=1790497821\" alt=\"Ring on rainbow glass shards\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eOn Rainbow Glass\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eA sea of colored glass — the stone's spectrum echoed in every shard beneath it.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d1\"\u003e\n \u003cspan class=\"scene-num\"\u003e02\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-lzg03cenbi.png?v=1790497821\" alt=\"Ring among mineral crystals\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eAmong Minerals\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eAmethyst, citrine, turquoise and jasper gather around — a council of color from the earth.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d2\"\u003e\n \u003cspan class=\"scene-num\"\u003e03\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-h7c8dmyn5u6.png?v=1790497821\" alt=\"Ring with prism light rays\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003ePrism Light\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eRainbow rays burst behind the stone — light itself, split into the colors the fossil holds.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d3\"\u003e\n \u003cspan class=\"scene-num\"\u003e04\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-y3jyzoqqi2s.png?v=1790497821\" alt=\"Ring on rainbow silk\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eOn Silk\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eFlowing rainbow satin — soft waves of color mirroring the gradient locked in the stone.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 04 Specifications ===== --\u003e\n\u003csection class=\"specs-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e04\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eSpecifications\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eDetails\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"specs-grid reveal reveal-d1\"\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eGemstone\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eNatural Ammolite\u003csmall\u003eRainbow iridescent fossil\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eMetal\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003e18K Rose Gold\u003csmall\u003eHigh polish finish\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eShape\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eOval Cabochon\u003csmall\u003eFreeform color pattern\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eSetting\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eBezel Set\u003csmall\u003eSmooth full wrap\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eBand\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eSplit Shank\u003csmall\u003eOpen architectural design\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eOrigin\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eAlberta, Canada\u003csmall\u003eBearpaw Formation\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 保障 ===== --\u003e\n\u003csection style=\"padding-top:0; background:#0A0A0A;\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"guarantees\"\u003e\n \u003cdiv class=\"guarantee reveal\"\u003e\n\u003cdiv class=\"icon\"\u003e◆\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eNatural Stone\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d1\"\u003e\n\u003cdiv class=\"icon\"\u003e✦\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eHandcrafted\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d2\"\u003e\n\u003cdiv class=\"icon\"\u003e❖\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eSecure Shipping\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d3\"\u003e\n\u003cdiv class=\"icon\"\u003e✧\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eSatisfaction\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cfooter\u003e\u003cspan\u003eQINEANLA\u003c\/span\u003e™ · Natural Gemstone Jewelry · 2025\u003c\/footer\u003e\n\n\n\n\u003c\/body\u003e","brand":"qineanla","offers":[{"title":"Default Title","offer_id":67679914492103,"sku":null,"price":759.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-tjmsmoiilbc.png?v=1790497821"},{"product_id":"qineanla™-forest-dew-peridot-green-stud-earrings","title":"QINEANLA™ Forest Dew — Peridot Green Stud Earrings","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\"\u003e\n\u003ctitle\u003eQINEANLA™ — Forest Dew · Peridot Green Stud Earrings\u003c\/title\u003e\n\u003cstyle\u003e\n* { margin: 0; padding: 0; box-sizing: border-box; }\nhtml { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }\nbody {\n background: #0A0A0A !important;\n color: #E8E8E8;\n font-family: Georgia, 'Times New Roman', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.8;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n}\nimg { display: block; width: 100%; height: auto; user-select: none; -webkit-user-drag: none; }\n\n@keyframes fadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n}\n@keyframes scaleIn {\n from { opacity: 0; transform: scale(0.94); }\n to { opacity: 1; transform: scale(1); }\n}\n@keyframes breathe {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.015); }\n}\n@keyframes scrollBob {\n 0%, 100% { transform: translateX(-50%) translateY(0); opacity: 0.4; }\n 50% { transform: translateX(-50%) translateY(6px); opacity: 0.9; }\n}\n\n.reveal {\n opacity: 0;\n animation: fadeUp 0.9s cubic-bezier(0.22,0.61,0.36,1) forwards;\n}\n.reveal-d1 { animation-delay: 0.15s; }\n.reveal-d2 { animation-delay: 0.3s; }\n.reveal-d3 { animation-delay: 0.45s; }\n.reveal-d4 { animation-delay: 0.6s; }\n.reveal-img {\n opacity: 0;\n animation: scaleIn 1.1s cubic-bezier(0.22,0.61,0.36,1) forwards;\n}\n.hero-img { animation: breathe 6s ease-in-out infinite; }\n.scroll-hint { animation: scrollBob 2s ease-in-out infinite; }\n\n.container { max-width: 460px; margin: 0 auto; padding: 0 22px; }\n\n\/* ===== 首屏 ===== *\/\n.hero {\n min-height: 100vh; min-height: 100dvh;\n display: flex; flex-direction: column;\n justify-content: center; align-items: center;\n text-align: center; padding: 50px 22px 60px;\n position: relative; background: #0A0A0A;\n}\n.hero-masthead {\n position: absolute; top: 30px; left: 0; right: 0;\n display: flex; justify-content: space-between;\n padding: 0 28px;\n font-size: 9px; letter-spacing: 2px; color: #555;\n text-transform: uppercase; font-family: sans-serif;\n}\n.hero-masthead span:first-child { color: #B8A07A; }\n.hero-side-text {\n position: absolute; right: 6px; top: 50%;\n transform: translateY(-50%) rotate(90deg);\n transform-origin: right center;\n font-size: 9px; letter-spacing: 4px; color: #555;\n text-transform: uppercase; white-space: nowrap; font-family: sans-serif;\n}\n.hero-img-wrap {\n width: 100%; max-width: 320px; margin-bottom: 36px; position: relative;\n}\n.hero-img-wrap::after {\n content: ''; position: absolute; bottom: -16px; left: 50%;\n transform: translateX(-50%); width: 70%; height: 26px;\n background: radial-gradient(ellipse at center, rgba(184,160,122,0.1) 0%, transparent 70%);\n}\n.hero-brand {\n font-family: Georgia, serif; font-size: 10px;\n letter-spacing: 6px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 10px;\n}\n.hero-sub-en {\n font-size: 9px; letter-spacing: 4px; color: #666;\n text-transform: uppercase; margin-bottom: 4px; font-family: sans-serif;\n}\n.hero-title {\n font-family: Georgia, serif; font-size: 36px;\n font-weight: 400; letter-spacing: 5px; line-height: 1.2; margin-bottom: 6px;\n text-transform: uppercase; color: #E8E8E8;\n}\n.hero-title::after {\n content: ''; display: block; width: 30px; height: 1px;\n background: #B8A07A; margin: 14px auto 0;\n}\n.hero-sub-cn {\n font-size: 11px; letter-spacing: 3px; color: #888;\n margin-bottom: 28px; text-transform: uppercase; font-family: sans-serif;\n}\n.hero-tagline {\n font-family: Georgia, serif; font-size: 14px;\n color: #888; letter-spacing: 0.5px;\n font-style: italic; line-height: 2; max-width: 260px;\n}\n.scroll-hint {\n position: absolute; bottom: 28px; left: 50%;\n transform: translateX(-50%);\n font-size: 9px; letter-spacing: 3px; color: #555;\n text-transform: uppercase; font-family: sans-serif;\n}\n\n\/* ===== section标题 ===== *\/\n.mag-head {\n display: flex; align-items: baseline; gap: 14px;\n margin-bottom: 40px; padding-bottom: 16px;\n border-bottom: 1px solid #1E1E1E;\n}\n.mag-head .num {\n font-family: Georgia, serif; font-size: 36px;\n color: #B8A07A; line-height: 1; opacity: 0.6;\n}\n.mag-head .titles h2 {\n font-family: Georgia, serif; font-size: 22px;\n font-weight: 400; letter-spacing: 3px; line-height: 1.2;\n text-transform: uppercase; color: #E8E8E8;\n}\n.mag-head .titles .en {\n font-size: 9px; letter-spacing: 3px; color: #555;\n text-transform: uppercase; margin-top: 4px; font-family: sans-serif;\n}\n\n\/* ===== 故事区 ===== *\/\n.story { padding: 72px 0; background: #0A0A0A; }\n.story .lead {\n font-family: Georgia, serif; font-size: 17px;\n line-height: 1.9; color: #E8E8E8; margin-bottom: 28px;\n text-align: left; font-weight: 300;\n}\n.story .lead::first-letter {\n font-family: Georgia, serif; font-size: 3.2em;\n color: #B8A07A; float: left;\n line-height: 0.85; padding: 4px 10px 0 0; font-weight: 400;\n}\n.story .body {\n font-size: 13px; color: #999; line-height: 2.1;\n text-align: left; margin-bottom: 20px; font-family: sans-serif;\n}\n.story .pull-quote {\n border-left: 2px solid #B8A07A;\n padding: 8px 0 8px 18px; margin: 28px 0;\n font-family: Georgia, serif; font-style: italic;\n font-size: 15px; color: #C8C8C8;\n line-height: 1.8; letter-spacing: 0.3px;\n}\n.story .pull-quote .quote-mark {\n font-size: 28px; color: #B8A07A;\n line-height: 0; vertical-align: -8px;\n margin-right: 4px; opacity: 0.7;\n}\n\n\/* ===== 细节区 ===== *\/\n.details { padding: 72px 0; background: #0A0A0A; }\n.detail-card { margin-bottom: 64px; position: relative; }\n.detail-card:last-child { margin-bottom: 0; }\n.detail-card .big-num {\n position: absolute; top: -20px; right: -8px;\n font-family: Georgia, serif; font-size: 120px;\n color: #333; opacity: 0.4;\n line-height: 1; font-weight: 400;\n pointer-events: none; z-index: 0;\n}\n.detail-card .img-wrap {\n overflow: hidden; margin-bottom: 24px; position: relative; z-index: 1;\n}\n.detail-card .img-wrap img { transition: transform 0.8s ease; }\n.detail-card .img-wrap:hover img { transform: scale(1.04); }\n.detail-card .img-wrap::after {\n content: ''; position: absolute; inset: 0;\n background: linear-gradient(180deg, transparent 55%, rgba(10,10,10,0.35) 100%);\n pointer-events: none;\n}\n.detail-card .text-block { position: relative; z-index: 1; padding-left: 4px; }\n.detail-card .label {\n font-size: 9px; letter-spacing: 3px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 8px; font-family: sans-serif;\n}\n.detail-card h3 {\n font-family: Georgia, serif; font-size: 20px;\n font-weight: 400; letter-spacing: 2px;\n color: #C8C8C8; margin-bottom: 12px; line-height: 1.3;\n text-transform: uppercase;\n}\n.detail-card h3::after {\n content: ''; display: block; width: 24px; height: 1px;\n background: #B8A07A; margin-top: 10px;\n}\n.detail-card p {\n font-size: 13px; color: #888; line-height: 2; max-width: 340px; font-family: sans-serif;\n}\n.detail-card:nth-child(odd) .text-block { padding-left: 20px; }\n.detail-card:nth-child(even) .text-block { padding-right: 20px; text-align: right; }\n.detail-card:nth-child(even) .text-block p { margin-left: auto; }\n.detail-card:nth-child(even) h3::after { margin-left: auto; }\n.detail-card:nth-child(even) .big-num { right: auto; left: -8px; }\n\n\/* ===== 场景区 ===== *\/\n.scenes { padding: 72px 0; background: #0A0A0A; }\n.scene-card {\n position: relative; overflow: hidden; margin-bottom: 28px;\n}\n.scene-card:last-child { margin-bottom: 0; }\n.scene-card img { transition: transform 0.9s ease; }\n.scene-card:hover img { transform: scale(1.06); }\n.scene-card .scene-num {\n position: absolute; top: 16px; left: 16px;\n font-family: Georgia, serif; font-size: 32px;\n color: #B8A07A; line-height: 1;\n text-shadow: 0 2px 8px rgba(0,0,0,0.5); z-index: 2;\n}\n.scene-card .scene-num .slash {\n font-size: 14px; color: #666;\n vertical-align: super; margin-left: 2px;\n}\n.scene-card .caption {\n position: absolute; left: 0; right: 0; bottom: 0;\n padding: 32px 20px 18px;\n background: linear-gradient(transparent, rgba(10,10,10,0.9)); z-index: 2;\n}\n.scene-card .caption .tag {\n font-size: 9px; letter-spacing: 3px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 6px; font-family: sans-serif;\n}\n.scene-card .caption .txt {\n font-family: Georgia, serif; font-size: 15px;\n color: #E0E0E0; letter-spacing: 0.5px; line-height: 1.5;\n}\n\n\/* ===== 参数区 ===== *\/\n.specs-section { padding: 72px 0; background: #0A0A0A; }\n.specs-grid {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 0; border: 1px solid #1E1E1E;\n}\n.spec-cell {\n padding: 22px 18px; border-right: 1px solid #1E1E1E;\n border-bottom: 1px solid #1E1E1E; position: relative;\n}\n.spec-cell:nth-child(2n) { border-right: none; }\n.spec-cell:nth-child(n+5) { border-bottom: none; }\n.spec-cell .spec-label {\n font-size: 9px; letter-spacing: 2px; color: #555;\n text-transform: uppercase; margin-bottom: 8px; font-family: sans-serif;\n}\n.spec-cell .spec-value {\n font-family: Georgia, serif; font-size: 14px;\n color: #E8E8E8; line-height: 1.5;\n}\n.spec-cell .spec-value small {\n font-family: sans-serif; font-size: 11px;\n color: #888; display: block; margin-top: 2px;\n}\n\n\/* ===== 保障 ===== *\/\n.guarantees {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 0; margin-top: 48px;\n border: 1px solid #1E1E1E;\n}\n.guarantee {\n text-align: center; padding: 28px 12px;\n border-right: 1px solid #1E1E1E;\n border-bottom: 1px solid #1E1E1E;\n}\n.guarantee:nth-child(2n) { border-right: none; }\n.guarantee:nth-child(n+3) { border-bottom: none; }\n.guarantee .icon { font-size: 18px; color: #B8A07A; margin-bottom: 10px; opacity: 0.7; }\n.guarantee .txt {\n font-size: 11px; color: #888;\n letter-spacing: 1px; text-transform: uppercase; font-family: sans-serif;\n}\n\nfooter {\n text-align: center; padding: 40px 20px 32px;\n font-size: 9px; color: #555;\n letter-spacing: 3px; border-top: 1px solid #1E1E1E;\n text-transform: uppercase; font-family: Georgia, serif; background: #0A0A0A;\n}\nfooter span { color: #B8A07A; }\n\n@media (max-width: 360px) {\n .container { padding: 0 16px; }\n .hero { padding: 40px 16px 50px; }\n .hero-title { font-size: 28px; letter-spacing: 3px; }\n .hero-side-text { display: none; }\n .detail-card .big-num { font-size: 90px; }\n .spec-cell { padding: 18px 14px; }\n}\n\u003c\/style\u003e\n\n\n\n\u003c!-- ===== 首屏 ===== --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-masthead reveal\"\u003e\n \u003cspan\u003eVOL.03\u003c\/span\u003e\n \u003cspan\u003eNatural Gemstone\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-side-text reveal reveal-d1\"\u003eHandcrafted · Matched Pair\u003c\/div\u003e\n\n \u003cdiv class=\"hero-img-wrap reveal-img\"\u003e\n \u003cimg class=\"hero-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-nlrv053csg.png?v=1790498207\" alt=\"Peridot Green Stud Earrings by QINEANLA\"\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"hero-brand reveal reveal-d1\"\u003eQINEANLA™\u003c\/p\u003e\n \u003cp class=\"hero-sub-en reveal reveal-d1\"\u003ePeridot Green Stud Earrings\u003c\/p\u003e\n \u003ch1 class=\"hero-title reveal reveal-d2\"\u003eForest Dew\u003c\/h1\u003e\n \u003cp class=\"hero-sub-cn reveal reveal-d2\"\u003eRound Brilliant · Sterling Silver\u003c\/p\u003e\n \u003cp class=\"hero-tagline reveal reveal-d3\"\u003e\"The color of morning light through leaves.\"\u003c\/p\u003e\n \u003cdiv class=\"scroll-hint\"\u003eScroll ↓\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 01 Origin ===== --\u003e\n\u003csection class=\"story\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eOrigin\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eThe Stone\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"lead reveal reveal-d1\"\u003ePeridot has been treasured since ancient Egypt, where priests called it the \"gem of the sun.\" Its olive-green glow comes from iron trapped deep within the Earth's mantle — a color born of fire, worn as a symbol of peace.\u003c\/p\u003e\n \u003cdiv class=\"pull-quote reveal reveal-d2\"\u003e\n\u003cspan class=\"quote-mark\"\u003e\"\u003c\/span\u003eOne of the few gemstones found in only one color — every shade of green tells a different depth of stone.\u003c\/div\u003e\n \u003cp class=\"body reveal reveal-d2\"\u003eThis matched pair is cut in the round brilliant style — 57 precision facets that catch light from every angle. The result is a soft, living fire: flashes of gold and blue within a field of fresh forest green.\u003c\/p\u003e\n \u003cp class=\"body reveal reveal-d3\"\u003eUnlike treated stones, natural peridot carries its color from within. No heat, no dye — just the pure chemistry of the earth, faceted to glow.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 02 Craftsmanship ===== --\u003e\n\u003csection class=\"details\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eCraftsmanship\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eThe Making\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-glmmm3ilg4p.png?v=1790498207\" alt=\"57-facet brilliant cut macro\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 01\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003e57-Facet Brilliant Cut\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eEvery facet is aligned to maximize light return. The table, crown and pavilion work as one — turning a single ray of light into a spectrum of green, gold and blue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-4a8tk9jxjaw.png?v=1790498206\" alt=\"Four-prong setting macro\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 02\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003eFour-Prong Setting\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eFour rounded ball-tip prongs hold the stone securely while leaving the maximum surface exposed. Polished silver arcs curve gracefully from each prong to the post.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-ybmgid13ep.png?v=1790498207\" alt=\"Floral openwork earring back\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 03\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003eFloral Openwork Back\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eThe earring back is sculpted as a four-petal flower — delicate openwork that is visible from behind. A hidden detail that turns every angle into a moment of craft.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 03 Scenes ===== --\u003e\n\u003csection class=\"scenes\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eScenes\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eIn Context\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"scene-card reveal\"\u003e\n \u003cspan class=\"scene-num\"\u003e01\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-flj5vktc9fv.png?v=1790498207\" alt=\"Earrings among raw peridot crystals\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eAmong Raw Peridot\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eReturned to the source — rough olive crystals surround the faceted pair, raw meets refined.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d1\"\u003e\n \u003cspan class=\"scene-num\"\u003e02\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-akkg8v5cqdd.png?v=1790498207\" alt=\"Earrings on moss with dew drops\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eOn Moss \u0026amp; Dew\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eMorning forest floor — dewdrops on leaves and moss, the green of the stone at one with nature.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d2\"\u003e\n \u003cspan class=\"scene-num\"\u003e03\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-g6lnxp0kqf.png?v=1790498207\" alt=\"Earrings on emerald velvet\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eOn Emerald Velvet\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eDeep green silk folds beneath the stones, warm golden bokeh above — quiet luxury.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d3\"\u003e\n \u003cspan class=\"scene-num\"\u003e04\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-ihx24y9l4ih.png?v=1790498207\" alt=\"Earring with water drops on dark surface\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eWith Water Drops\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eA single stone on wet obsidian — droplets and green glass shards mirror its inner fire.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 04 Specifications ===== --\u003e\n\u003csection class=\"specs-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e04\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eSpecifications\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eDetails\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"specs-grid reveal reveal-d1\"\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eGemstone\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eNatural Peridot\u003csmall\u003eOlive-green, untreated\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eCut\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eRound Brilliant\u003csmall\u003e57 precision facets\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eMetal\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003e925 Sterling Silver\u003csmall\u003eHigh polish finish\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eSetting\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003e4-Prong\u003csmall\u003eBall-tip prongs\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eBack\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eFloral Openwork\u003csmall\u003eFour-petal design\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003ePair\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eMatched Pair\u003csmall\u003eColor \u0026amp; clarity matched\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 保障 ===== --\u003e\n\u003csection style=\"padding-top:0; background:#0A0A0A;\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"guarantees\"\u003e\n \u003cdiv class=\"guarantee reveal\"\u003e\n\u003cdiv class=\"icon\"\u003e◆\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eNatural Stone\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d1\"\u003e\n\u003cdiv class=\"icon\"\u003e✦\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eHandcrafted\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d2\"\u003e\n\u003cdiv class=\"icon\"\u003e❖\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eSecure Shipping\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d3\"\u003e\n\u003cdiv class=\"icon\"\u003e✧\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eSatisfaction\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cfooter\u003e\u003cspan\u003eQINEANLA\u003c\/span\u003e™ · Natural Gemstone Jewelry · 2025\u003c\/footer\u003e\n\n\n\n\u003c\/body\u003e","brand":"qineanla","offers":[{"title":"Default Title","offer_id":67680580665543,"sku":null,"price":559.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-akkg8v5cqdd.png?v=1790498207"},{"product_id":"qineanla™-ocean-tear-pear-cut-sapphire-pendant","title":"QINEANLA™ Ocean Tear — Pear-Cut Sapphire Pendant","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\"\u003e\n\u003ctitle\u003eQINEANLA™ — Ocean Tear · Pear-Cut Sapphire Pendant\u003c\/title\u003e\n\u003cstyle\u003e\n* { margin: 0; padding: 0; box-sizing: border-box; }\nhtml { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }\nbody {\n background: #0A0A0A !important;\n color: #E8E8E8;\n font-family: Georgia, 'Times New Roman', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.8;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n}\nimg { display: block; width: 100%; height: auto; user-select: none; -webkit-user-drag: none; }\n\n@keyframes fadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n}\n@keyframes scaleIn {\n from { opacity: 0; transform: scale(0.94); }\n to { opacity: 1; transform: scale(1); }\n}\n@keyframes breathe {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.015); }\n}\n@keyframes scrollBob {\n 0%, 100% { transform: translateX(-50%) translateY(0); opacity: 0.4; }\n 50% { transform: translateX(-50%) translateY(6px); opacity: 0.9; }\n}\n\n.reveal {\n opacity: 0;\n animation: fadeUp 0.9s cubic-bezier(0.22,0.61,0.36,1) forwards;\n}\n.reveal-d1 { animation-delay: 0.15s; }\n.reveal-d2 { animation-delay: 0.3s; }\n.reveal-d3 { animation-delay: 0.45s; }\n.reveal-d4 { animation-delay: 0.6s; }\n.reveal-img {\n opacity: 0;\n animation: scaleIn 1.1s cubic-bezier(0.22,0.61,0.36,1) forwards;\n}\n.hero-img { animation: breathe 6s ease-in-out infinite; }\n.scroll-hint { animation: scrollBob 2s ease-in-out infinite; }\n\n.container { max-width: 460px; margin: 0 auto; padding: 0 22px; }\n\n\/* ===== 首屏 ===== *\/\n.hero {\n min-height: 100vh; min-height: 100dvh;\n display: flex; flex-direction: column;\n justify-content: center; align-items: center;\n text-align: center; padding: 50px 22px 60px;\n position: relative; background: #0A0A0A;\n}\n.hero-masthead {\n position: absolute; top: 30px; left: 0; right: 0;\n display: flex; justify-content: space-between;\n padding: 0 28px;\n font-size: 9px; letter-spacing: 2px; color: #555;\n text-transform: uppercase; font-family: sans-serif;\n}\n.hero-masthead span:first-child { color: #B8A07A; }\n.hero-side-text {\n position: absolute; right: 6px; top: 50%;\n transform: translateY(-50%) rotate(90deg);\n transform-origin: right center;\n font-size: 9px; letter-spacing: 4px; color: #555;\n text-transform: uppercase; white-space: nowrap; font-family: sans-serif;\n}\n.hero-img-wrap {\n width: 100%; max-width: 280px; margin-bottom: 36px; position: relative;\n}\n.hero-img-wrap::after {\n content: ''; position: absolute; bottom: -16px; left: 50%;\n transform: translateX(-50%); width: 70%; height: 26px;\n background: radial-gradient(ellipse at center, rgba(184,160,122,0.1) 0%, transparent 70%);\n}\n.hero-brand {\n font-family: Georgia, serif; font-size: 10px;\n letter-spacing: 6px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 10px;\n}\n.hero-sub-en {\n font-size: 9px; letter-spacing: 4px; color: #666;\n text-transform: uppercase; margin-bottom: 4px; font-family: sans-serif;\n}\n.hero-title {\n font-family: Georgia, serif; font-size: 36px;\n font-weight: 400; letter-spacing: 5px; line-height: 1.2; margin-bottom: 6px;\n text-transform: uppercase; color: #E8E8E8;\n}\n.hero-title::after {\n content: ''; display: block; width: 30px; height: 1px;\n background: #B8A07A; margin: 14px auto 0;\n}\n.hero-sub-cn {\n font-size: 11px; letter-spacing: 3px; color: #888;\n margin-bottom: 28px; text-transform: uppercase; font-family: sans-serif;\n}\n.hero-tagline {\n font-family: Georgia, serif; font-size: 14px;\n color: #888; letter-spacing: 0.5px;\n font-style: italic; line-height: 2; max-width: 260px;\n}\n.scroll-hint {\n position: absolute; bottom: 28px; left: 50%;\n transform: translateX(-50%);\n font-size: 9px; letter-spacing: 3px; color: #555;\n text-transform: uppercase; font-family: sans-serif;\n}\n\n\/* ===== section标题 ===== *\/\n.mag-head {\n display: flex; align-items: baseline; gap: 14px;\n margin-bottom: 40px; padding-bottom: 16px;\n border-bottom: 1px solid #1E1E1E;\n}\n.mag-head .num {\n font-family: Georgia, serif; font-size: 36px;\n color: #B8A07A; line-height: 1; opacity: 0.6;\n}\n.mag-head .titles h2 {\n font-family: Georgia, serif; font-size: 22px;\n font-weight: 400; letter-spacing: 3px; line-height: 1.2;\n text-transform: uppercase; color: #E8E8E8;\n}\n.mag-head .titles .en {\n font-size: 9px; letter-spacing: 3px; color: #555;\n text-transform: uppercase; margin-top: 4px; font-family: sans-serif;\n}\n\n\/* ===== 故事区 ===== *\/\n.story { padding: 72px 0; background: #0A0A0A; }\n.story .lead {\n font-family: Georgia, serif; font-size: 17px;\n line-height: 1.9; color: #E8E8E8; margin-bottom: 28px;\n text-align: left; font-weight: 300;\n}\n.story .lead::first-letter {\n font-family: Georgia, serif; font-size: 3.2em;\n color: #B8A07A; float: left;\n line-height: 0.85; padding: 4px 10px 0 0; font-weight: 400;\n}\n.story .body {\n font-size: 13px; color: #999; line-height: 2.1;\n text-align: left; margin-bottom: 20px; font-family: sans-serif;\n}\n.story .pull-quote {\n border-left: 2px solid #B8A07A;\n padding: 8px 0 8px 18px; margin: 28px 0;\n font-family: Georgia, serif; font-style: italic;\n font-size: 15px; color: #C8C8C8;\n line-height: 1.8; letter-spacing: 0.3px;\n}\n.story .pull-quote .quote-mark {\n font-size: 28px; color: #B8A07A;\n line-height: 0; vertical-align: -8px;\n margin-right: 4px; opacity: 0.7;\n}\n\n\/* ===== 细节区 ===== *\/\n.details { padding: 72px 0; background: #0A0A0A; }\n.detail-card { margin-bottom: 64px; position: relative; }\n.detail-card:last-child { margin-bottom: 0; }\n.detail-card .big-num {\n position: absolute; top: -20px; right: -8px;\n font-family: Georgia, serif; font-size: 120px;\n color: #333; opacity: 0.4;\n line-height: 1; font-weight: 400;\n pointer-events: none; z-index: 0;\n}\n.detail-card .img-wrap {\n overflow: hidden; margin-bottom: 24px; position: relative; z-index: 1;\n}\n.detail-card .img-wrap img { transition: transform 0.8s ease; }\n.detail-card .img-wrap:hover img { transform: scale(1.04); }\n.detail-card .img-wrap::after {\n content: ''; position: absolute; inset: 0;\n background: linear-gradient(180deg, transparent 55%, rgba(10,10,10,0.35) 100%);\n pointer-events: none;\n}\n.detail-card .text-block { position: relative; z-index: 1; padding-left: 4px; }\n.detail-card .label {\n font-size: 9px; letter-spacing: 3px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 8px; font-family: sans-serif;\n}\n.detail-card h3 {\n font-family: Georgia, serif; font-size: 20px;\n font-weight: 400; letter-spacing: 2px;\n color: #C8C8C8; margin-bottom: 12px; line-height: 1.3;\n text-transform: uppercase;\n}\n.detail-card h3::after {\n content: ''; display: block; width: 24px; height: 1px;\n background: #B8A07A; margin-top: 10px;\n}\n.detail-card p {\n font-size: 13px; color: #888; line-height: 2; max-width: 340px; font-family: sans-serif;\n}\n.detail-card:nth-child(odd) .text-block { padding-left: 20px; }\n.detail-card:nth-child(even) .text-block { padding-right: 20px; text-align: right; }\n.detail-card:nth-child(even) .text-block p { margin-left: auto; }\n.detail-card:nth-child(even) h3::after { margin-left: auto; }\n.detail-card:nth-child(even) .big-num { right: auto; left: -8px; }\n\n\/* ===== 场景区 ===== *\/\n.scenes { padding: 72px 0; background: #0A0A0A; }\n.scene-card {\n position: relative; overflow: hidden; margin-bottom: 28px;\n}\n.scene-card:last-child { margin-bottom: 0; }\n.scene-card img { transition: transform 0.9s ease; }\n.scene-card:hover img { transform: scale(1.06); }\n.scene-card .scene-num {\n position: absolute; top: 16px; left: 16px;\n font-family: Georgia, serif; font-size: 32px;\n color: #B8A07A; line-height: 1;\n text-shadow: 0 2px 8px rgba(0,0,0,0.5); z-index: 2;\n}\n.scene-card .scene-num .slash {\n font-size: 14px; color: #666;\n vertical-align: super; margin-left: 2px;\n}\n.scene-card .caption {\n position: absolute; left: 0; right: 0; bottom: 0;\n padding: 32px 20px 18px;\n background: linear-gradient(transparent, rgba(10,10,10,0.9)); z-index: 2;\n}\n.scene-card .caption .tag {\n font-size: 9px; letter-spacing: 3px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 6px; font-family: sans-serif;\n}\n.scene-card .caption .txt {\n font-family: Georgia, serif; font-size: 15px;\n color: #E0E0E0; letter-spacing: 0.5px; line-height: 1.5;\n}\n\n\/* ===== 参数区 ===== *\/\n.specs-section { padding: 72px 0; background: #0A0A0A; }\n.specs-grid {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 0; border: 1px solid #1E1E1E;\n}\n.spec-cell {\n padding: 22px 18px; border-right: 1px solid #1E1E1E;\n border-bottom: 1px solid #1E1E1E; position: relative;\n}\n.spec-cell:nth-child(2n) { border-right: none; }\n.spec-cell:nth-child(n+5) { border-bottom: none; }\n.spec-cell .spec-label {\n font-size: 9px; letter-spacing: 2px; color: #555;\n text-transform: uppercase; margin-bottom: 8px; font-family: sans-serif;\n}\n.spec-cell .spec-value {\n font-family: Georgia, serif; font-size: 14px;\n color: #E8E8E8; line-height: 1.5;\n}\n.spec-cell .spec-value small {\n font-family: sans-serif; font-size: 11px;\n color: #888; display: block; margin-top: 2px;\n}\n\n\/* ===== 保障 ===== *\/\n.guarantees {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 0; margin-top: 48px;\n border: 1px solid #1E1E1E;\n}\n.guarantee {\n text-align: center; padding: 28px 12px;\n border-right: 1px solid #1E1E1E;\n border-bottom: 1px solid #1E1E1E;\n}\n.guarantee:nth-child(2n) { border-right: none; }\n.guarantee:nth-child(n+3) { border-bottom: none; }\n.guarantee .icon { font-size: 18px; color: #B8A07A; margin-bottom: 10px; opacity: 0.7; }\n.guarantee .txt {\n font-size: 11px; color: #888;\n letter-spacing: 1px; text-transform: uppercase; font-family: sans-serif;\n}\n\nfooter {\n text-align: center; padding: 40px 20px 32px;\n font-size: 9px; color: #555;\n letter-spacing: 3px; border-top: 1px solid #1E1E1E;\n text-transform: uppercase; font-family: Georgia, serif; background: #0A0A0A;\n}\nfooter span { color: #B8A07A; }\n\n@media (max-width: 360px) {\n .container { padding: 0 16px; }\n .hero { padding: 40px 16px 50px; }\n .hero-title { font-size: 28px; letter-spacing: 3px; }\n .hero-side-text { display: none; }\n .detail-card .big-num { font-size: 90px; }\n .spec-cell { padding: 18px 14px; }\n}\n\u003c\/style\u003e\n\n\n\n\u003c!-- ===== 首屏 ===== --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-masthead reveal\"\u003e\n \u003cspan\u003eVOL.04\u003c\/span\u003e\n \u003cspan\u003eNatural Gemstone\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-side-text reveal reveal-d1\"\u003eHandcrafted · One of a Kind\u003c\/div\u003e\n\n \u003cdiv class=\"hero-img-wrap reveal-img\"\u003e\n \u003cimg class=\"hero-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-n1stwm1ncdg.png?v=1790498621\" alt=\"Pear-Cut Sapphire Pendant by QINEANLA\"\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"hero-brand reveal reveal-d1\"\u003eQINEANLA™\u003c\/p\u003e\n \u003cp class=\"hero-sub-en reveal reveal-d1\"\u003ePear-Cut Sapphire Pendant\u003c\/p\u003e\n \u003ch1 class=\"hero-title reveal reveal-d2\"\u003eOcean Tear\u003c\/h1\u003e\n \u003cp class=\"hero-sub-cn reveal reveal-d2\"\u003ePear Brilliant · White Gold\u003c\/p\u003e\n \u003cp class=\"hero-tagline reveal reveal-d3\"\u003e\"A drop of the midnight sea, captured in stone.\"\u003c\/p\u003e\n \u003cdiv class=\"scroll-hint\"\u003eScroll ↓\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 01 Origin ===== --\u003e\n\u003csection class=\"story\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eOrigin\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eThe Stone\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"lead reveal reveal-d1\"\u003eSapphire has been the stone of kings and prophets for over three thousand years. Its deep blue comes from traces of titanium and iron trapped in crystalline corundum — the second-hardest natural substance on Earth.\u003c\/p\u003e\n \u003cdiv class=\"pull-quote reveal reveal-d2\"\u003e\n\u003cspan class=\"quote-mark\"\u003e\"\u003c\/span\u003eAncient Persians believed the sky was painted blue by the reflection of a great sapphire — a stone that holds the color of infinity.\u003c\/div\u003e\n \u003cp class=\"body reveal reveal-d2\"\u003eThis pear-cut stone combines the fire of a round brilliant with the elegant taper of an emerald cut. The pointed tip draws the eye downward, while the rounded base maximizes light return — a silhouette as timeless as a teardrop.\u003c\/p\u003e\n \u003cp class=\"body reveal reveal-d3\"\u003eSet in polished white gold and suspended from a tapered bail, the stone hangs like a single drop of deep ocean — quiet, luminous, and endlessly deep.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 02 Craftsmanship ===== --\u003e\n\u003csection class=\"details\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eCraftsmanship\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eThe Making\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-0lxuse77r1xl.png?v=1790498621\" alt=\"Pear brilliant cut facets macro\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 01\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003ePear Brilliant Cut\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eDozens of precision facets converge from the rounded crown to the pointed tip. Each angle is calculated to bend light inward and return it as a cool, deep blue glow.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-ebyyrhkwfuf.png?v=1790498621\" alt=\"White gold bezel setting macro\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 02\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003eWhite Gold Bezel\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eA smooth white gold bezel follows every curve of the pear silhouette, protecting the delicate tip while framing the stone's deep color. Cool metal meets cool blue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-yxc65hllcr.png?v=1790498621\" alt=\"Tapered bail and chain macro\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 03\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003eTapered Bail\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eA high-polish tapered bail narrows toward the stone, connected by a double ring. The cable chain threads through cleanly — every joint seamless, every surface mirror-bright.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 03 Scenes ===== --\u003e\n\u003csection class=\"scenes\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eScenes\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eIn Context\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"scene-card reveal\"\u003e\n \u003cspan class=\"scene-num\"\u003e01\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-p0agyrm676.png?v=1790498621\" alt=\"Pendant on water ripple with drops\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eOn Water Ripple\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eA drop above a drop — the pendant rests on dark water, rings spreading outward like the stone's own facets.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d1\"\u003e\n \u003cspan class=\"scene-num\"\u003e02\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-14erobbsbt5k.png?v=1790498621\" alt=\"Pendant among lapis lazuli stones\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eAmong Lapis\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eRaw lapis lazuli with veins of gold — the stone's blue echoed in the rough earth that gave it meaning.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d2\"\u003e\n \u003cspan class=\"scene-num\"\u003e03\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-wjvo7oaobkg.png?v=1790498621\" alt=\"Pendant on midnight blue velvet\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eOn Midnight Velvet\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eDeep blue velvet folds beneath the chain, soft bokeh above — the color of a night sky without stars.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d3\"\u003e\n \u003cspan class=\"scene-num\"\u003e04\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-6asd4av8yb.png?v=1790498621\" alt=\"Pendant among blue ice crystals\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eAmong Ice Crystals\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eFrozen blue shards and water droplets — the stone's clarity mirrored in the cold geometry of ice.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 04 Specifications ===== --\u003e\n\u003csection class=\"specs-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e04\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eSpecifications\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eDetails\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"specs-grid reveal reveal-d1\"\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eGemstone\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eNatural Blue Sapphire\u003csmall\u003eDeep royal blue\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eCut\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003ePear Brilliant\u003csmall\u003eTeardrop silhouette\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eMetal\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eWhite Gold\u003csmall\u003eHigh polish finish\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eSetting\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eBezel Set\u003csmall\u003eSmooth full wrap\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eBail\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eTapered Polished\u003csmall\u003eDouble ring connection\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eChain\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eSilver Cable\u003csmall\u003eAdjustable length\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 保障 ===== --\u003e\n\u003csection style=\"padding-top:0; background:#0A0A0A;\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"guarantees\"\u003e\n \u003cdiv class=\"guarantee reveal\"\u003e\n\u003cdiv class=\"icon\"\u003e◆\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eNatural Stone\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d1\"\u003e\n\u003cdiv class=\"icon\"\u003e✦\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eHandcrafted\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d2\"\u003e\n\u003cdiv class=\"icon\"\u003e❖\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eSecure Shipping\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d3\"\u003e\n\u003cdiv class=\"icon\"\u003e✧\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eSatisfaction\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cfooter\u003e\u003cspan\u003eQINEANLA\u003c\/span\u003e™ · Natural Gemstone Jewelry · 2025\u003c\/footer\u003e\n\n\n\n\u003c\/body\u003e","brand":"qineanla","offers":[{"title":"Default Title","offer_id":67681133625543,"sku":null,"price":859.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-6asd4av8yb.png?v=1790498621"},{"product_id":"qineanla™-rose-whisper-cushion-cut-pink-ring","title":"QINEANLA™ Rose Whisper — Cushion Cut Pink Ring","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\"\u003e\n\u003ctitle\u003eQINEANLA™ — Rose Whisper · Cushion Cut Pink Ring\u003c\/title\u003e\n\u003cstyle\u003e\n* { margin: 0; padding: 0; box-sizing: border-box; }\nhtml { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }\nbody {\n background: #0A0A0A !important;\n color: #E8E8E8;\n font-family: Georgia, 'Times New Roman', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.8;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n}\nimg { display: block; width: 100%; height: auto; user-select: none; -webkit-user-drag: none; }\n\n@keyframes fadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n}\n@keyframes scaleIn {\n from { opacity: 0; transform: scale(0.94); }\n to { opacity: 1; transform: scale(1); }\n}\n@keyframes breathe {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.015); }\n}\n@keyframes scrollBob {\n 0%, 100% { transform: translateX(-50%) translateY(0); opacity: 0.4; }\n 50% { transform: translateX(-50%) translateY(6px); opacity: 0.9; }\n}\n\n.reveal {\n opacity: 0;\n animation: fadeUp 0.9s cubic-bezier(0.22,0.61,0.36,1) forwards;\n}\n.reveal-d1 { animation-delay: 0.15s; }\n.reveal-d2 { animation-delay: 0.3s; }\n.reveal-d3 { animation-delay: 0.45s; }\n.reveal-d4 { animation-delay: 0.6s; }\n.reveal-img {\n opacity: 0;\n animation: scaleIn 1.1s cubic-bezier(0.22,0.61,0.36,1) forwards;\n}\n.hero-img { animation: breathe 6s ease-in-out infinite; }\n.scroll-hint { animation: scrollBob 2s ease-in-out infinite; }\n\n.container { max-width: 460px; margin: 0 auto; padding: 0 22px; }\n\n\/* ===== 首屏 ===== *\/\n.hero {\n min-height: 100vh; min-height: 100dvh;\n display: flex; flex-direction: column;\n justify-content: center; align-items: center;\n text-align: center; padding: 50px 22px 60px;\n position: relative; background: #0A0A0A;\n}\n.hero-masthead {\n position: absolute; top: 30px; left: 0; right: 0;\n display: flex; justify-content: space-between;\n padding: 0 28px;\n font-size: 9px; letter-spacing: 2px; color: #555;\n text-transform: uppercase; font-family: sans-serif;\n}\n.hero-masthead span:first-child { color: #B8A07A; }\n.hero-side-text {\n position: absolute; right: 6px; top: 50%;\n transform: translateY(-50%) rotate(90deg);\n transform-origin: right center;\n font-size: 9px; letter-spacing: 4px; color: #555;\n text-transform: uppercase; white-space: nowrap; font-family: sans-serif;\n}\n.hero-img-wrap {\n width: 100%; max-width: 300px; margin-bottom: 36px; position: relative;\n}\n.hero-img-wrap::after {\n content: ''; position: absolute; bottom: -16px; left: 50%;\n transform: translateX(-50%); width: 70%; height: 26px;\n background: radial-gradient(ellipse at center, rgba(184,160,122,0.1) 0%, transparent 70%);\n}\n.hero-brand {\n font-family: Georgia, serif; font-size: 10px;\n letter-spacing: 6px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 10px;\n}\n.hero-sub-en {\n font-size: 9px; letter-spacing: 4px; color: #666;\n text-transform: uppercase; margin-bottom: 4px; font-family: sans-serif;\n}\n.hero-title {\n font-family: Georgia, serif; font-size: 36px;\n font-weight: 400; letter-spacing: 5px; line-height: 1.2; margin-bottom: 6px;\n text-transform: uppercase; color: #E8E8E8;\n}\n.hero-title::after {\n content: ''; display: block; width: 30px; height: 1px;\n background: #B8A07A; margin: 14px auto 0;\n}\n.hero-sub-cn {\n font-size: 11px; letter-spacing: 3px; color: #888;\n margin-bottom: 28px; text-transform: uppercase; font-family: sans-serif;\n}\n.hero-tagline {\n font-family: Georgia, serif; font-size: 14px;\n color: #888; letter-spacing: 0.5px;\n font-style: italic; line-height: 2; max-width: 260px;\n}\n.scroll-hint {\n position: absolute; bottom: 28px; left: 50%;\n transform: translateX(-50%);\n font-size: 9px; letter-spacing: 3px; color: #555;\n text-transform: uppercase; font-family: sans-serif;\n}\n\n\/* ===== section标题 ===== *\/\n.mag-head {\n display: flex; align-items: baseline; gap: 14px;\n margin-bottom: 40px; padding-bottom: 16px;\n border-bottom: 1px solid #1E1E1E;\n}\n.mag-head .num {\n font-family: Georgia, serif; font-size: 36px;\n color: #B8A07A; line-height: 1; opacity: 0.6;\n}\n.mag-head .titles h2 {\n font-family: Georgia, serif; font-size: 22px;\n font-weight: 400; letter-spacing: 3px; line-height: 1.2;\n text-transform: uppercase; color: #E8E8E8;\n}\n.mag-head .titles .en {\n font-size: 9px; letter-spacing: 3px; color: #555;\n text-transform: uppercase; margin-top: 4px; font-family: sans-serif;\n}\n\n\/* ===== 故事区 ===== *\/\n.story { padding: 72px 0; background: #0A0A0A; }\n.story .lead {\n font-family: Georgia, serif; font-size: 17px;\n line-height: 1.9; color: #E8E8E8; margin-bottom: 28px;\n text-align: left; font-weight: 300;\n}\n.story .lead::first-letter {\n font-family: Georgia, serif; font-size: 3.2em;\n color: #B8A07A; float: left;\n line-height: 0.85; padding: 4px 10px 0 0; font-weight: 400;\n}\n.story .body {\n font-size: 13px; color: #999; line-height: 2.1;\n text-align: left; margin-bottom: 20px; font-family: sans-serif;\n}\n.story .pull-quote {\n border-left: 2px solid #B8A07A;\n padding: 8px 0 8px 18px; margin: 28px 0;\n font-family: Georgia, serif; font-style: italic;\n font-size: 15px; color: #C8C8C8;\n line-height: 1.8; letter-spacing: 0.3px;\n}\n.story .pull-quote .quote-mark {\n font-size: 28px; color: #B8A07A;\n line-height: 0; vertical-align: -8px;\n margin-right: 4px; opacity: 0.7;\n}\n\n\/* ===== 细节区 ===== *\/\n.details { padding: 72px 0; background: #0A0A0A; }\n.detail-card { margin-bottom: 64px; position: relative; }\n.detail-card:last-child { margin-bottom: 0; }\n.detail-card .big-num {\n position: absolute; top: -20px; right: -8px;\n font-family: Georgia, serif; font-size: 120px;\n color: #333; opacity: 0.4;\n line-height: 1; font-weight: 400;\n pointer-events: none; z-index: 0;\n}\n.detail-card .img-wrap {\n overflow: hidden; margin-bottom: 24px; position: relative; z-index: 1;\n}\n.detail-card .img-wrap img { transition: transform 0.8s ease; }\n.detail-card .img-wrap:hover img { transform: scale(1.04); }\n.detail-card .img-wrap::after {\n content: ''; position: absolute; inset: 0;\n background: linear-gradient(180deg, transparent 55%, rgba(10,10,10,0.35) 100%);\n pointer-events: none;\n}\n.detail-card .text-block { position: relative; z-index: 1; padding-left: 4px; }\n.detail-card .label {\n font-size: 9px; letter-spacing: 3px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 8px; font-family: sans-serif;\n}\n.detail-card h3 {\n font-family: Georgia, serif; font-size: 20px;\n font-weight: 400; letter-spacing: 2px;\n color: #C8C8C8; margin-bottom: 12px; line-height: 1.3;\n text-transform: uppercase;\n}\n.detail-card h3::after {\n content: ''; display: block; width: 24px; height: 1px;\n background: #B8A07A; margin-top: 10px;\n}\n.detail-card p {\n font-size: 13px; color: #888; line-height: 2; max-width: 340px; font-family: sans-serif;\n}\n.detail-card:nth-child(odd) .text-block { padding-left: 20px; }\n.detail-card:nth-child(even) .text-block { padding-right: 20px; text-align: right; }\n.detail-card:nth-child(even) .text-block p { margin-left: auto; }\n.detail-card:nth-child(even) h3::after { margin-left: auto; }\n.detail-card:nth-child(even) .big-num { right: auto; left: -8px; }\n\n\/* ===== 场景区 ===== *\/\n.scenes { padding: 72px 0; background: #0A0A0A; }\n.scene-card {\n position: relative; overflow: hidden; margin-bottom: 28px;\n}\n.scene-card:last-child { margin-bottom: 0; }\n.scene-card img { transition: transform 0.9s ease; }\n.scene-card:hover img { transform: scale(1.06); }\n.scene-card .scene-num {\n position: absolute; top: 16px; left: 16px;\n font-family: Georgia, serif; font-size: 32px;\n color: #B8A07A; line-height: 1;\n text-shadow: 0 2px 8px rgba(0,0,0,0.5); z-index: 2;\n}\n.scene-card .scene-num .slash {\n font-size: 14px; color: #666;\n vertical-align: super; margin-left: 2px;\n}\n.scene-card .caption {\n position: absolute; left: 0; right: 0; bottom: 0;\n padding: 32px 20px 18px;\n background: linear-gradient(transparent, rgba(10,10,10,0.9)); z-index: 2;\n}\n.scene-card .caption .tag {\n font-size: 9px; letter-spacing: 3px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 6px; font-family: sans-serif;\n}\n.scene-card .caption .txt {\n font-family: Georgia, serif; font-size: 15px;\n color: #E0E0E0; letter-spacing: 0.5px; line-height: 1.5;\n}\n\n\/* ===== 参数区 ===== *\/\n.specs-section { padding: 72px 0; background: #0A0A0A; }\n.specs-grid {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 0; border: 1px solid #1E1E1E;\n}\n.spec-cell {\n padding: 22px 18px; border-right: 1px solid #1E1E1E;\n border-bottom: 1px solid #1E1E1E; position: relative;\n}\n.spec-cell:nth-child(2n) { border-right: none; }\n.spec-cell:nth-child(n+5) { border-bottom: none; }\n.spec-cell .spec-label {\n font-size: 9px; letter-spacing: 2px; color: #555;\n text-transform: uppercase; margin-bottom: 8px; font-family: sans-serif;\n}\n.spec-cell .spec-value {\n font-family: Georgia, serif; font-size: 14px;\n color: #E8E8E8; line-height: 1.5;\n}\n.spec-cell .spec-value small {\n font-family: sans-serif; font-size: 11px;\n color: #888; display: block; margin-top: 2px;\n}\n\n\/* ===== 保障 ===== *\/\n.guarantees {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 0; margin-top: 48px;\n border: 1px solid #1E1E1E;\n}\n.guarantee {\n text-align: center; padding: 28px 12px;\n border-right: 1px solid #1E1E1E;\n border-bottom: 1px solid #1E1E1E;\n}\n.guarantee:nth-child(2n) { border-right: none; }\n.guarantee:nth-child(n+3) { border-bottom: none; }\n.guarantee .icon { font-size: 18px; color: #B8A07A; margin-bottom: 10px; opacity: 0.7; }\n.guarantee .txt {\n font-size: 11px; color: #888;\n letter-spacing: 1px; text-transform: uppercase; font-family: sans-serif;\n}\n\nfooter {\n text-align: center; padding: 40px 20px 32px;\n font-size: 9px; color: #555;\n letter-spacing: 3px; border-top: 1px solid #1E1E1E;\n text-transform: uppercase; font-family: Georgia, serif; background: #0A0A0A;\n}\nfooter span { color: #B8A07A; }\n\n@media (max-width: 360px) {\n .container { padding: 0 16px; }\n .hero { padding: 40px 16px 50px; }\n .hero-title { font-size: 28px; letter-spacing: 3px; }\n .hero-side-text { display: none; }\n .detail-card .big-num { font-size: 90px; }\n .spec-cell { padding: 18px 14px; }\n}\n\u003c\/style\u003e\n\n\n\n\u003c!-- ===== 首屏 ===== --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-masthead reveal\"\u003e\n \u003cspan\u003eVOL.05\u003c\/span\u003e\n \u003cspan\u003eNatural Gemstone\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-side-text reveal reveal-d1\"\u003eHandcrafted · One of a Kind\u003c\/div\u003e\n\n \u003cdiv class=\"hero-img-wrap reveal-img\"\u003e\n \u003cimg class=\"hero-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-qwh5crdhtk_1.png?v=1790499000\" alt=\"Cushion Cut Pink Ring by QINEANLA\"\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"hero-brand reveal reveal-d1\"\u003eQINEANLA™\u003c\/p\u003e\n \u003cp class=\"hero-sub-en reveal reveal-d1\"\u003eCushion Cut Pink Ring\u003c\/p\u003e\n \u003ch1 class=\"hero-title reveal reveal-d2\"\u003eRose Whisper\u003c\/h1\u003e\n \u003cp class=\"hero-sub-cn reveal reveal-d2\"\u003eCushion Brilliant · White Gold\u003c\/p\u003e\n \u003cp class=\"hero-tagline reveal reveal-d3\"\u003e\"A blush of light, held in a whisper of gold.\"\u003c\/p\u003e\n \u003cdiv class=\"scroll-hint\"\u003eScroll ↓\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 01 Origin ===== --\u003e\n\u003csection class=\"story\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eOrigin\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eThe Stone\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"lead reveal reveal-d1\"\u003eThe cushion cut is one of the oldest diamond shapes in history — a soft square with rounded corners, beloved since the early 1800s for its romantic glow and generous play of light. In pink, it becomes something else entirely: a sunset, a rose petal, a secret held in the palm.\u003c\/p\u003e\n \u003cdiv class=\"pull-quote reveal reveal-d2\"\u003e\n\u003cspan class=\"quote-mark\"\u003e\"\u003c\/span\u003ePink has always been the color of beginnings — of dawn, of petals, of the moment before a word is spoken.\u003c\/div\u003e\n \u003cp class=\"body reveal reveal-d2\"\u003eThis stone's cushion silhouette combines the fire of a brilliant cut with the softness of rounded edges. Each corner catches light differently, sending flashes of lavender and rose across the facets like light through stained glass.\u003c\/p\u003e\n \u003cp class=\"body reveal reveal-d3\"\u003eSet in cool white gold and held by six slender prongs, the pink stone glows against the metal — warm against cool, soft against sharp, a balance as old as romance itself.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 02 Craftsmanship ===== --\u003e\n\u003csection class=\"details\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eCraftsmanship\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eThe Making\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-c7hqq6im9xg.png?v=1790499000\" alt=\"Cushion brilliant cut facets macro\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 01\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003eCushion Brilliant Cut\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eRounded corners meet a brilliant facet pattern — the best of both worlds. Large open facets maximize color, while the rounded edges give the stone a soft, romantic presence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-v28s6qnhydk.png?v=1790499000\" alt=\"Six-prong setting macro\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 02\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003eSix-Prong Setting\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eSix teardrop-tipped prongs cradle the stone at every corner and edge. More points of light, more security — and a silhouette that echoes the petals of a rose.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-79jwpys3kgt.png?v=1790499000\" alt=\"Triple-strand band macro\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 03\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003eTriple-Strand Band\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eThree smooth curves flow from the setting into a single polished band. Negative space between the strands lets light pass through — weightless on the finger, luminous from every angle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 03 Scenes ===== --\u003e\n\u003csection class=\"scenes\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eScenes\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eIn Context\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"scene-card reveal\"\u003e\n \u003cspan class=\"scene-num\"\u003e01\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-batu635wzw.png?v=1790499000\" alt=\"Ring on pink rose petals with dew\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eOn Rose Petals\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eNestled in dewy pink petals — the stone's blush at one with the flower that gave it its name.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d1\"\u003e\n \u003cspan class=\"scene-num\"\u003e02\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-3s17iikxamt.png?v=1790499000\" alt=\"Ring among pink and purple crystals\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eAmong Pink Crystals\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eRaw rose quartz and amethyst gather around — the earth's own palette of soft pink and deep lavender.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d2\"\u003e\n \u003cspan class=\"scene-num\"\u003e03\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-9fjairpr9xm.png?v=1790499000\" alt=\"Ring on blush pink velvet\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eOn Blush Velvet\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eDusty rose velvet beneath, warm bokeh above — the stone's color deepened by the fabric that mirrors it.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d3\"\u003e\n \u003cspan class=\"scene-num\"\u003e04\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-b1che5f91qj.png?v=1790499000\" alt=\"Ring with water drops on pink surface\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eWith Dew Drops\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eWater droplets on a pink surface — each one a tiny lens, refracting the stone's blush into the world.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 04 Specifications ===== --\u003e\n\u003csection class=\"specs-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e04\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eSpecifications\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eDetails\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"specs-grid reveal reveal-d1\"\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eGemstone\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003ePink-Purple Cushion\u003csmall\u003eSoft romantic hue\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eCut\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eCushion Brilliant\u003csmall\u003eRounded corners\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eMetal\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eWhite Gold\u003csmall\u003eHigh polish finish\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eSetting\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003e6-Prong\u003csmall\u003eTeardrop-tipped\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eBand\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eTriple-Strand\u003csmall\u003eSmooth flowing curves\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eStyle\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eSolitaire\u003csmall\u003eTimeless romantic\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 保障 ===== --\u003e\n\u003csection style=\"padding-top:0; background:#0A0A0A;\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"guarantees\"\u003e\n \u003cdiv class=\"guarantee reveal\"\u003e\n\u003cdiv class=\"icon\"\u003e◆\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eNatural Stone\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d1\"\u003e\n\u003cdiv class=\"icon\"\u003e✦\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eHandcrafted\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d2\"\u003e\n\u003cdiv class=\"icon\"\u003e❖\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eSecure Shipping\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d3\"\u003e\n\u003cdiv class=\"icon\"\u003e✧\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eSatisfaction\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cfooter\u003e\u003cspan\u003eQINEANLA\u003c\/span\u003e™ · Natural Gemstone Jewelry · 2025\u003c\/footer\u003e\n\n\n\n\u003c\/body\u003e","brand":"qineanla","offers":[{"title":"Default Title","offer_id":67681726628039,"sku":null,"price":659.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-batu635wzw.png?v=1790499000"},{"product_id":"qineanla™-autumn-ember-oval-bi-color-stud-earrings","title":"QINEANLA™ Autumn Ember — Oval Bi-Color Stud Earrings","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\"\u003e\n\u003ctitle\u003eQINEANLA™ — Autumn Ember · Oval Bi-Color Stud Earrings\u003c\/title\u003e\n\u003cstyle\u003e\n* { margin: 0; padding: 0; box-sizing: border-box; }\nhtml { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }\nbody {\n background: #0A0A0A !important;\n color: #E8E8E8;\n font-family: Georgia, 'Times New Roman', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.8;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n}\nimg { display: block; width: 100%; height: auto; user-select: none; -webkit-user-drag: none; }\n\n@keyframes fadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n}\n@keyframes scaleIn {\n from { opacity: 0; transform: scale(0.94); }\n to { opacity: 1; transform: scale(1); }\n}\n@keyframes breathe {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.015); }\n}\n@keyframes scrollBob {\n 0%, 100% { transform: translateX(-50%) translateY(0); opacity: 0.4; }\n 50% { transform: translateX(-50%) translateY(6px); opacity: 0.9; }\n}\n\n.reveal {\n opacity: 0;\n animation: fadeUp 0.9s cubic-bezier(0.22,0.61,0.36,1) forwards;\n}\n.reveal-d1 { animation-delay: 0.15s; }\n.reveal-d2 { animation-delay: 0.3s; }\n.reveal-d3 { animation-delay: 0.45s; }\n.reveal-d4 { animation-delay: 0.6s; }\n.reveal-img {\n opacity: 0;\n animation: scaleIn 1.1s cubic-bezier(0.22,0.61,0.36,1) forwards;\n}\n.hero-img { animation: breathe 6s ease-in-out infinite; }\n.scroll-hint { animation: scrollBob 2s ease-in-out infinite; }\n\n.container { max-width: 460px; margin: 0 auto; padding: 0 22px; }\n\n\/* ===== 首屏 ===== *\/\n.hero {\n min-height: 100vh; min-height: 100dvh;\n display: flex; flex-direction: column;\n justify-content: center; align-items: center;\n text-align: center; padding: 50px 22px 60px;\n position: relative; background: #0A0A0A;\n}\n.hero-masthead {\n position: absolute; top: 30px; left: 0; right: 0;\n display: flex; justify-content: space-between;\n padding: 0 28px;\n font-size: 9px; letter-spacing: 2px; color: #555;\n text-transform: uppercase; font-family: sans-serif;\n}\n.hero-masthead span:first-child { color: #B8A07A; }\n.hero-side-text {\n position: absolute; right: 6px; top: 50%;\n transform: translateY(-50%) rotate(90deg);\n transform-origin: right center;\n font-size: 9px; letter-spacing: 4px; color: #555;\n text-transform: uppercase; white-space: nowrap; font-family: sans-serif;\n}\n.hero-img-wrap {\n width: 100%; max-width: 300px; margin-bottom: 36px; position: relative;\n}\n.hero-img-wrap::after {\n content: ''; position: absolute; bottom: -16px; left: 50%;\n transform: translateX(-50%); width: 70%; height: 26px;\n background: radial-gradient(ellipse at center, rgba(184,160,122,0.1) 0%, transparent 70%);\n}\n.hero-brand {\n font-family: Georgia, serif; font-size: 10px;\n letter-spacing: 6px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 10px;\n}\n.hero-sub-en {\n font-size: 9px; letter-spacing: 4px; color: #666;\n text-transform: uppercase; margin-bottom: 4px; font-family: sans-serif;\n}\n.hero-title {\n font-family: Georgia, serif; font-size: 36px;\n font-weight: 400; letter-spacing: 5px; line-height: 1.2; margin-bottom: 6px;\n text-transform: uppercase; color: #E8E8E8;\n}\n.hero-title::after {\n content: ''; display: block; width: 30px; height: 1px;\n background: #B8A07A; margin: 14px auto 0;\n}\n.hero-sub-cn {\n font-size: 11px; letter-spacing: 3px; color: #888;\n margin-bottom: 28px; text-transform: uppercase; font-family: sans-serif;\n}\n.hero-tagline {\n font-family: Georgia, serif; font-size: 14px;\n color: #888; letter-spacing: 0.5px;\n font-style: italic; line-height: 2; max-width: 260px;\n}\n.scroll-hint {\n position: absolute; bottom: 28px; left: 50%;\n transform: translateX(-50%);\n font-size: 9px; letter-spacing: 3px; color: #555;\n text-transform: uppercase; font-family: sans-serif;\n}\n\n\/* ===== section标题 ===== *\/\n.mag-head {\n display: flex; align-items: baseline; gap: 14px;\n margin-bottom: 40px; padding-bottom: 16px;\n border-bottom: 1px solid #1E1E1E;\n}\n.mag-head .num {\n font-family: Georgia, serif; font-size: 36px;\n color: #B8A07A; line-height: 1; opacity: 0.6;\n}\n.mag-head .titles h2 {\n font-family: Georgia, serif; font-size: 22px;\n font-weight: 400; letter-spacing: 3px; line-height: 1.2;\n text-transform: uppercase; color: #E8E8E8;\n}\n.mag-head .titles .en {\n font-size: 9px; letter-spacing: 3px; color: #555;\n text-transform: uppercase; margin-top: 4px; font-family: sans-serif;\n}\n\n\/* ===== 故事区 ===== *\/\n.story { padding: 72px 0; background: #0A0A0A; }\n.story .lead {\n font-family: Georgia, serif; font-size: 17px;\n line-height: 1.9; color: #E8E8E8; margin-bottom: 28px;\n text-align: left; font-weight: 300;\n}\n.story .lead::first-letter {\n font-family: Georgia, serif; font-size: 3.2em;\n color: #B8A07A; float: left;\n line-height: 0.85; padding: 4px 10px 0 0; font-weight: 400;\n}\n.story .body {\n font-size: 13px; color: #999; line-height: 2.1;\n text-align: left; margin-bottom: 20px; font-family: sans-serif;\n}\n.story .pull-quote {\n border-left: 2px solid #B8A07A;\n padding: 8px 0 8px 18px; margin: 28px 0;\n font-family: Georgia, serif; font-style: italic;\n font-size: 15px; color: #C8C8C8;\n line-height: 1.8; letter-spacing: 0.3px;\n}\n.story .pull-quote .quote-mark {\n font-size: 28px; color: #B8A07A;\n line-height: 0; vertical-align: -8px;\n margin-right: 4px; opacity: 0.7;\n}\n\n\/* ===== 细节区 ===== *\/\n.details { padding: 72px 0; background: #0A0A0A; }\n.detail-card { margin-bottom: 64px; position: relative; }\n.detail-card:last-child { margin-bottom: 0; }\n.detail-card .big-num {\n position: absolute; top: -20px; right: -8px;\n font-family: Georgia, serif; font-size: 120px;\n color: #333; opacity: 0.4;\n line-height: 1; font-weight: 400;\n pointer-events: none; z-index: 0;\n}\n.detail-card .img-wrap {\n overflow: hidden; margin-bottom: 24px; position: relative; z-index: 1;\n}\n.detail-card .img-wrap img { transition: transform 0.8s ease; }\n.detail-card .img-wrap:hover img { transform: scale(1.04); }\n.detail-card .img-wrap::after {\n content: ''; position: absolute; inset: 0;\n background: linear-gradient(180deg, transparent 55%, rgba(10,10,10,0.35) 100%);\n pointer-events: none;\n}\n.detail-card .text-block { position: relative; z-index: 1; padding-left: 4px; }\n.detail-card .label {\n font-size: 9px; letter-spacing: 3px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 8px; font-family: sans-serif;\n}\n.detail-card h3 {\n font-family: Georgia, serif; font-size: 20px;\n font-weight: 400; letter-spacing: 2px;\n color: #C8C8C8; margin-bottom: 12px; line-height: 1.3;\n text-transform: uppercase;\n}\n.detail-card h3::after {\n content: ''; display: block; width: 24px; height: 1px;\n background: #B8A07A; margin-top: 10px;\n}\n.detail-card p {\n font-size: 13px; color: #888; line-height: 2; max-width: 340px; font-family: sans-serif;\n}\n.detail-card:nth-child(odd) .text-block { padding-left: 20px; }\n.detail-card:nth-child(even) .text-block { padding-right: 20px; text-align: right; }\n.detail-card:nth-child(even) .text-block p { margin-left: auto; }\n.detail-card:nth-child(even) h3::after { margin-left: auto; }\n.detail-card:nth-child(even) .big-num { right: auto; left: -8px; }\n\n\/* ===== 场景区 ===== *\/\n.scenes { padding: 72px 0; background: #0A0A0A; }\n.scene-card {\n position: relative; overflow: hidden; margin-bottom: 28px;\n}\n.scene-card:last-child { margin-bottom: 0; }\n.scene-card img { transition: transform 0.9s ease; }\n.scene-card:hover img { transform: scale(1.06); }\n.scene-card .scene-num {\n position: absolute; top: 16px; left: 16px;\n font-family: Georgia, serif; font-size: 32px;\n color: #B8A07A; line-height: 1;\n text-shadow: 0 2px 8px rgba(0,0,0,0.5); z-index: 2;\n}\n.scene-card .scene-num .slash {\n font-size: 14px; color: #666;\n vertical-align: super; margin-left: 2px;\n}\n.scene-card .caption {\n position: absolute; left: 0; right: 0; bottom: 0;\n padding: 32px 20px 18px;\n background: linear-gradient(transparent, rgba(10,10,10,0.9)); z-index: 2;\n}\n.scene-card .caption .tag {\n font-size: 9px; letter-spacing: 3px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 6px; font-family: sans-serif;\n}\n.scene-card .caption .txt {\n font-family: Georgia, serif; font-size: 15px;\n color: #E0E0E0; letter-spacing: 0.5px; line-height: 1.5;\n}\n\n\/* ===== 参数区 ===== *\/\n.specs-section { padding: 72px 0; background: #0A0A0A; }\n.specs-grid {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 0; border: 1px solid #1E1E1E;\n}\n.spec-cell {\n padding: 22px 18px; border-right: 1px solid #1E1E1E;\n border-bottom: 1px solid #1E1E1E; position: relative;\n}\n.spec-cell:nth-child(2n) { border-right: none; }\n.spec-cell:nth-child(n+5) { border-bottom: none; }\n.spec-cell .spec-label {\n font-size: 9px; letter-spacing: 2px; color: #555;\n text-transform: uppercase; margin-bottom: 8px; font-family: sans-serif;\n}\n.spec-cell .spec-value {\n font-family: Georgia, serif; font-size: 14px;\n color: #E8E8E8; line-height: 1.5;\n}\n.spec-cell .spec-value small {\n font-family: sans-serif; font-size: 11px;\n color: #888; display: block; margin-top: 2px;\n}\n\n\/* ===== 保障 ===== *\/\n.guarantees {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 0; margin-top: 48px;\n border: 1px solid #1E1E1E;\n}\n.guarantee {\n text-align: center; padding: 28px 12px;\n border-right: 1px solid #1E1E1E;\n border-bottom: 1px solid #1E1E1E;\n}\n.guarantee:nth-child(2n) { border-right: none; }\n.guarantee:nth-child(n+3) { border-bottom: none; }\n.guarantee .icon { font-size: 18px; color: #B8A07A; margin-bottom: 10px; opacity: 0.7; }\n.guarantee .txt {\n font-size: 11px; color: #888;\n letter-spacing: 1px; text-transform: uppercase; font-family: sans-serif;\n}\n\nfooter {\n text-align: center; padding: 40px 20px 32px;\n font-size: 9px; color: #555;\n letter-spacing: 3px; border-top: 1px solid #1E1E1E;\n text-transform: uppercase; font-family: Georgia, serif; background: #0A0A0A;\n}\nfooter span { color: #B8A07A; }\n\n@media (max-width: 360px) {\n .container { padding: 0 16px; }\n .hero { padding: 40px 16px 50px; }\n .hero-title { font-size: 28px; letter-spacing: 3px; }\n .hero-side-text { display: none; }\n .detail-card .big-num { font-size: 90px; }\n .spec-cell { padding: 18px 14px; }\n}\n\u003c\/style\u003e\n\n\n\n\u003c!-- ===== 首屏 ===== --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-masthead reveal\"\u003e\n \u003cspan\u003eVOL.06\u003c\/span\u003e\n \u003cspan\u003eNatural Gemstone\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-side-text reveal reveal-d1\"\u003eHandcrafted · One of a Kind\u003c\/div\u003e\n\n \u003cdiv class=\"hero-img-wrap reveal-img\"\u003e\n \u003cimg class=\"hero-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-j38coguh63i_1.png?v=1790499554\" alt=\"Oval Bi-Color Stud Earrings by QINEANLA\"\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"hero-brand reveal reveal-d1\"\u003eQINEANLA™\u003c\/p\u003e\n \u003cp class=\"hero-sub-en reveal reveal-d1\"\u003eOval Bi-Color Stud Earrings\u003c\/p\u003e\n \u003ch1 class=\"hero-title reveal reveal-d2\"\u003eAutumn Ember\u003c\/h1\u003e\n \u003cp class=\"hero-sub-cn reveal reveal-d2\"\u003eOval Brilliant · Art Nouveau Silver\u003c\/p\u003e\n \u003cp class=\"hero-tagline reveal reveal-d3\"\u003e\"Two colors, one stone — the forest and the fire, held together.\"\u003c\/p\u003e\n \u003cdiv class=\"scroll-hint\"\u003eScroll ↓\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 01 Origin ===== --\u003e\n\u003csection class=\"story\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eOrigin\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eThe Stone\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"lead reveal reveal-d1\"\u003eA bi-color stone is nature's own contradiction — green and gold on one side, deep amber and rust on the other, meeting somewhere in the middle like a forest at dusk. No two are alike. Each one carries the exact moment the earth paused between seasons.\u003c\/p\u003e\n \u003cdiv class=\"pull-quote reveal reveal-d2\"\u003e\n\u003cspan class=\"quote-mark\"\u003e\"\u003c\/span\u003eThe stone does not choose a color. It holds both — the last leaf of autumn and the first ember of winter.\u003c\/div\u003e\n \u003cp class=\"body reveal reveal-d2\"\u003eSet in hand-engraved sterling silver, each earring is framed by curling leaves and vines — a tribute to the Art Nouveau movement, when jewelry was drawn from nature rather than imposed upon it. The silver is darkened in the crevices and polished on the high points, so every vein of the leafwork reads like a sketch.\u003c\/p\u003e\n \u003cp class=\"body reveal reveal-d3\"\u003eWorn together, the pair mirrors each other without matching — two sides of the same season, two halves of a single quiet fire.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 02 Craftsmanship ===== --\u003e\n\u003csection class=\"details\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eCraftsmanship\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eThe Making\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-jnee4bz3z3.png?v=1790499554\" alt=\"Oval bi-color gemstone facets macro\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 01\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003eOval Bi-Color Cut\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eAn oval brilliant cut maximizes the stone's natural color gradient — green-gold bleeding into amber-rust across the facets. Internal inclusions are left intact, proof that the color grew, not was made.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-8ruet3z2dyd.png?v=1790499554\" alt=\"Art Nouveau leaf engraving macro\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 02\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003eHand-Engraved Leafwork\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eEach leaf is carved by hand — veins pressed into the silver, edges curled like something still growing. Oxidation settles in the grooves; the high points are polished to a mirror. The result reads like a botanical illustration in metal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-8ba0ou2gzmy.png?v=1790499554\" alt=\"Silver vine and ball accents macro\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 03\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003eVine \u0026amp; Ball Accents\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eCurling vines wind around the bezel, punctuated by polished silver balls — berries on a branch. Every curve is filed smooth, every ball soldered by hand. Nothing is cast; everything is drawn.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 03 Scenes ===== --\u003e\n\u003csection class=\"scenes\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eScenes\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eIn Context\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"scene-card reveal\"\u003e\n \u003cspan class=\"scene-num\"\u003e01\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-vubvdatlo6.png?v=1790499554\" alt=\"Earrings among autumn leaves\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eAmong Autumn Leaves\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eLaid on a bed of fallen leaves — the stone's amber half at one with the season, its green half a memory of summer.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d1\"\u003e\n \u003cspan class=\"scene-num\"\u003e02\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-rwnupoajlw.png?v=1790499554\" alt=\"Earrings on vintage wooden box with old coins\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eOn Vintage Wood\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eA dark antique box, old copper coins — the silver's patina and the stone's warmth belong to another century.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d2\"\u003e\n \u003cspan class=\"scene-num\"\u003e03\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-m4b3q5muuwa.png?v=1790499554\" alt=\"Earrings on amber resin stones\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eOn Amber Resin\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eRaw amber chunks glow beneath — ancient sunlight trapped in resin, echoing the stone's own warm half.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d3\"\u003e\n \u003cspan class=\"scene-num\"\u003e04\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-qyef34yhzua.png?v=1790499554\" alt=\"Earring on mossy tree bark\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eOn Mossy Bark\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eA single earring rests on lichen-covered bark — the green half of the stone answering the moss, the amber half answering the wood.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 04 Specifications ===== --\u003e\n\u003csection class=\"specs-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e04\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eSpecifications\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eDetails\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"specs-grid reveal reveal-d1\"\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eGemstone\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eBi-Color Oval\u003csmall\u003eGreen-gold to amber-rust\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eCut\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eOval Brilliant\u003csmall\u003eNatural inclusions\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eMetal\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eSterling Silver\u003csmall\u003eOxidized \u0026amp; polished\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eStyle\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eArt Nouveau\u003csmall\u003eBotanical motif\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eSetting\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eBezel + Leafwork\u003csmall\u003eHand-engraved\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eType\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eStud Earrings\u003csmall\u003eSold as a pair\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 保障 ===== --\u003e\n\u003csection style=\"padding-top:0; background:#0A0A0A;\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"guarantees\"\u003e\n \u003cdiv class=\"guarantee reveal\"\u003e\n\u003cdiv class=\"icon\"\u003e◆\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eNatural Stone\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d1\"\u003e\n\u003cdiv class=\"icon\"\u003e✦\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eHandcrafted\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d2\"\u003e\n\u003cdiv class=\"icon\"\u003e❖\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eSecure Shipping\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d3\"\u003e\n\u003cdiv class=\"icon\"\u003e✧\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eSatisfaction\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cfooter\u003e\u003cspan\u003eQINEANLA\u003c\/span\u003e™ · Natural Gemstone Jewelry · 2025\u003c\/footer\u003e\n\n\n\n\u003c\/body\u003e","brand":"qineanla","offers":[{"title":"Default Title","offer_id":67682633285831,"sku":null,"price":759.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-vubvdatlo6.png?v=1790499554"},{"product_id":"qineanla™-morning-dew-pear-cut-green-pendant","title":"QINEANLA™ Morning Dew — Pear-Cut Green Pendant","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\"\u003e\n\u003ctitle\u003eQINEANLA™ — Morning Dew · Pear-Cut Green Pendant\u003c\/title\u003e\n\u003cstyle\u003e\n* { margin: 0; padding: 0; box-sizing: border-box; }\nhtml { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }\nbody {\n background: #0A0A0A !important;\n color: #E8E8E8;\n font-family: Georgia, 'Times New Roman', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.8;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n}\nimg { display: block; width: 100%; height: auto; user-select: none; -webkit-user-drag: none; }\n\n@keyframes fadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n}\n@keyframes scaleIn {\n from { opacity: 0; transform: scale(0.94); }\n to { opacity: 1; transform: scale(1); }\n}\n@keyframes breathe {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.015); }\n}\n@keyframes scrollBob {\n 0%, 100% { transform: translateX(-50%) translateY(0); opacity: 0.4; }\n 50% { transform: translateX(-50%) translateY(6px); opacity: 0.9; }\n}\n\n.reveal {\n opacity: 0;\n animation: fadeUp 0.9s cubic-bezier(0.22,0.61,0.36,1) forwards;\n}\n.reveal-d1 { animation-delay: 0.15s; }\n.reveal-d2 { animation-delay: 0.3s; }\n.reveal-d3 { animation-delay: 0.45s; }\n.reveal-d4 { animation-delay: 0.6s; }\n.reveal-img {\n opacity: 0;\n animation: scaleIn 1.1s cubic-bezier(0.22,0.61,0.36,1) forwards;\n}\n.hero-img { animation: breathe 6s ease-in-out infinite; }\n.scroll-hint { animation: scrollBob 2s ease-in-out infinite; }\n\n.container { max-width: 460px; margin: 0 auto; padding: 0 22px; }\n\n\/* ===== 首屏 ===== *\/\n.hero {\n min-height: 100vh; min-height: 100dvh;\n display: flex; flex-direction: column;\n justify-content: center; align-items: center;\n text-align: center; padding: 50px 22px 60px;\n position: relative; background: #0A0A0A;\n}\n.hero-masthead {\n position: absolute; top: 30px; left: 0; right: 0;\n display: flex; justify-content: space-between;\n padding: 0 28px;\n font-size: 9px; letter-spacing: 2px; color: #555;\n text-transform: uppercase; font-family: sans-serif;\n}\n.hero-masthead span:first-child { color: #B8A07A; }\n.hero-side-text {\n position: absolute; right: 6px; top: 50%;\n transform: translateY(-50%) rotate(90deg);\n transform-origin: right center;\n font-size: 9px; letter-spacing: 4px; color: #555;\n text-transform: uppercase; white-space: nowrap; font-family: sans-serif;\n}\n.hero-img-wrap {\n width: 100%; max-width: 300px; margin-bottom: 36px; position: relative;\n}\n.hero-img-wrap::after {\n content: ''; position: absolute; bottom: -16px; left: 50%;\n transform: translateX(-50%); width: 70%; height: 26px;\n background: radial-gradient(ellipse at center, rgba(184,160,122,0.1) 0%, transparent 70%);\n}\n.hero-brand {\n font-family: Georgia, serif; font-size: 10px;\n letter-spacing: 6px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 10px;\n}\n.hero-sub-en {\n font-size: 9px; letter-spacing: 4px; color: #666;\n text-transform: uppercase; margin-bottom: 4px; font-family: sans-serif;\n}\n.hero-title {\n font-family: Georgia, serif; font-size: 36px;\n font-weight: 400; letter-spacing: 5px; line-height: 1.2; margin-bottom: 6px;\n text-transform: uppercase; color: #E8E8E8;\n}\n.hero-title::after {\n content: ''; display: block; width: 30px; height: 1px;\n background: #B8A07A; margin: 14px auto 0;\n}\n.hero-sub-cn {\n font-size: 11px; letter-spacing: 3px; color: #888;\n margin-bottom: 28px; text-transform: uppercase; font-family: sans-serif;\n}\n.hero-tagline {\n font-family: Georgia, serif; font-size: 14px;\n color: #888; letter-spacing: 0.5px;\n font-style: italic; line-height: 2; max-width: 260px;\n}\n.scroll-hint {\n position: absolute; bottom: 28px; left: 50%;\n transform: translateX(-50%);\n font-size: 9px; letter-spacing: 3px; color: #555;\n text-transform: uppercase; font-family: sans-serif;\n}\n\n\/* ===== section标题 ===== *\/\n.mag-head {\n display: flex; align-items: baseline; gap: 14px;\n margin-bottom: 40px; padding-bottom: 16px;\n border-bottom: 1px solid #1E1E1E;\n}\n.mag-head .num {\n font-family: Georgia, serif; font-size: 36px;\n color: #B8A07A; line-height: 1; opacity: 0.6;\n}\n.mag-head .titles h2 {\n font-family: Georgia, serif; font-size: 22px;\n font-weight: 400; letter-spacing: 3px; line-height: 1.2;\n text-transform: uppercase; color: #E8E8E8;\n}\n.mag-head .titles .en {\n font-size: 9px; letter-spacing: 3px; color: #555;\n text-transform: uppercase; margin-top: 4px; font-family: sans-serif;\n}\n\n\/* ===== 故事区 ===== *\/\n.story { padding: 72px 0; background: #0A0A0A; }\n.story .lead {\n font-family: Georgia, serif; font-size: 17px;\n line-height: 1.9; color: #E8E8E8; margin-bottom: 28px;\n text-align: left; font-weight: 300;\n}\n.story .lead::first-letter {\n font-family: Georgia, serif; font-size: 3.2em;\n color: #B8A07A; float: left;\n line-height: 0.85; padding: 4px 10px 0 0; font-weight: 400;\n}\n.story .body {\n font-size: 13px; color: #999; line-height: 2.1;\n text-align: left; margin-bottom: 20px; font-family: sans-serif;\n}\n.story .pull-quote {\n border-left: 2px solid #B8A07A;\n padding: 8px 0 8px 18px; margin: 28px 0;\n font-family: Georgia, serif; font-style: italic;\n font-size: 15px; color: #C8C8C8;\n line-height: 1.8; letter-spacing: 0.3px;\n}\n.story .pull-quote .quote-mark {\n font-size: 28px; color: #B8A07A;\n line-height: 0; vertical-align: -8px;\n margin-right: 4px; opacity: 0.7;\n}\n\n\/* ===== 细节区 ===== *\/\n.details { padding: 72px 0; background: #0A0A0A; }\n.detail-card { margin-bottom: 64px; position: relative; }\n.detail-card:last-child { margin-bottom: 0; }\n.detail-card .big-num {\n position: absolute; top: -20px; right: -8px;\n font-family: Georgia, serif; font-size: 120px;\n color: #333; opacity: 0.4;\n line-height: 1; font-weight: 400;\n pointer-events: none; z-index: 0;\n}\n.detail-card .img-wrap {\n overflow: hidden; margin-bottom: 24px; position: relative; z-index: 1;\n}\n.detail-card .img-wrap img { transition: transform 0.8s ease; }\n.detail-card .img-wrap:hover img { transform: scale(1.04); }\n.detail-card .img-wrap::after {\n content: ''; position: absolute; inset: 0;\n background: linear-gradient(180deg, transparent 55%, rgba(10,10,10,0.35) 100%);\n pointer-events: none;\n}\n.detail-card .text-block { position: relative; z-index: 1; padding-left: 4px; }\n.detail-card .label {\n font-size: 9px; letter-spacing: 3px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 8px; font-family: sans-serif;\n}\n.detail-card h3 {\n font-family: Georgia, serif; font-size: 20px;\n font-weight: 400; letter-spacing: 2px;\n color: #C8C8C8; margin-bottom: 12px; line-height: 1.3;\n text-transform: uppercase;\n}\n.detail-card h3::after {\n content: ''; display: block; width: 24px; height: 1px;\n background: #B8A07A; margin-top: 10px;\n}\n.detail-card p {\n font-size: 13px; color: #888; line-height: 2; max-width: 340px; font-family: sans-serif;\n}\n.detail-card:nth-child(odd) .text-block { padding-left: 20px; }\n.detail-card:nth-child(even) .text-block { padding-right: 20px; text-align: right; }\n.detail-card:nth-child(even) .text-block p { margin-left: auto; }\n.detail-card:nth-child(even) h3::after { margin-left: auto; }\n.detail-card:nth-child(even) .big-num { right: auto; left: -8px; }\n\n\/* ===== 场景区 ===== *\/\n.scenes { padding: 72px 0; background: #0A0A0A; }\n.scene-card {\n position: relative; overflow: hidden; margin-bottom: 28px;\n}\n.scene-card:last-child { margin-bottom: 0; }\n.scene-card img { transition: transform 0.9s ease; }\n.scene-card:hover img { transform: scale(1.06); }\n.scene-card .scene-num {\n position: absolute; top: 16px; left: 16px;\n font-family: Georgia, serif; font-size: 32px;\n color: #B8A07A; line-height: 1;\n text-shadow: 0 2px 8px rgba(0,0,0,0.5); z-index: 2;\n}\n.scene-card .scene-num .slash {\n font-size: 14px; color: #666;\n vertical-align: super; margin-left: 2px;\n}\n.scene-card .caption {\n position: absolute; left: 0; right: 0; bottom: 0;\n padding: 32px 20px 18px;\n background: linear-gradient(transparent, rgba(10,10,10,0.9)); z-index: 2;\n}\n.scene-card .caption .tag {\n font-size: 9px; letter-spacing: 3px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 6px; font-family: sans-serif;\n}\n.scene-card .caption .txt {\n font-family: Georgia, serif; font-size: 15px;\n color: #E0E0E0; letter-spacing: 0.5px; line-height: 1.5;\n}\n\n\/* ===== 参数区 ===== *\/\n.specs-section { padding: 72px 0; background: #0A0A0A; }\n.specs-grid {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 0; border: 1px solid #1E1E1E;\n}\n.spec-cell {\n padding: 22px 18px; border-right: 1px solid #1E1E1E;\n border-bottom: 1px solid #1E1E1E; position: relative;\n}\n.spec-cell:nth-child(2n) { border-right: none; }\n.spec-cell:nth-child(n+5) { border-bottom: none; }\n.spec-cell .spec-label {\n font-size: 9px; letter-spacing: 2px; color: #555;\n text-transform: uppercase; margin-bottom: 8px; font-family: sans-serif;\n}\n.spec-cell .spec-value {\n font-family: Georgia, serif; font-size: 14px;\n color: #E8E8E8; line-height: 1.5;\n}\n.spec-cell .spec-value small {\n font-family: sans-serif; font-size: 11px;\n color: #888; display: block; margin-top: 2px;\n}\n\n\/* ===== 保障 ===== *\/\n.guarantees {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 0; margin-top: 48px;\n border: 1px solid #1E1E1E;\n}\n.guarantee {\n text-align: center; padding: 28px 12px;\n border-right: 1px solid #1E1E1E;\n border-bottom: 1px solid #1E1E1E;\n}\n.guarantee:nth-child(2n) { border-right: none; }\n.guarantee:nth-child(n+3) { border-bottom: none; }\n.guarantee .icon { font-size: 18px; color: #B8A07A; margin-bottom: 10px; opacity: 0.7; }\n.guarantee .txt {\n font-size: 11px; color: #888;\n letter-spacing: 1px; text-transform: uppercase; font-family: sans-serif;\n}\n\nfooter {\n text-align: center; padding: 40px 20px 32px;\n font-size: 9px; color: #555;\n letter-spacing: 3px; border-top: 1px solid #1E1E1E;\n text-transform: uppercase; font-family: Georgia, serif; background: #0A0A0A;\n}\nfooter span { color: #B8A07A; }\n\n@media (max-width: 360px) {\n .container { padding: 0 16px; }\n .hero { padding: 40px 16px 50px; }\n .hero-title { font-size: 28px; letter-spacing: 3px; }\n .hero-side-text { display: none; }\n .detail-card .big-num { font-size: 90px; }\n .spec-cell { padding: 18px 14px; }\n}\n\u003c\/style\u003e\n\n\n\n\u003c!-- ===== 首屏 ===== --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-masthead reveal\"\u003e\n \u003cspan\u003eVOL.07\u003c\/span\u003e\n \u003cspan\u003eNatural Gemstone\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-side-text reveal reveal-d1\"\u003eHandcrafted · One of a Kind\u003c\/div\u003e\n\n \u003cdiv class=\"hero-img-wrap reveal-img\"\u003e\n \u003cimg class=\"hero-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-xby1v1aifh_1.png?v=1790500035\" alt=\"Pear-Cut Green Pendant by QINEANLA\"\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"hero-brand reveal reveal-d1\"\u003eQINEANLA™\u003c\/p\u003e\n \u003cp class=\"hero-sub-en reveal reveal-d1\"\u003ePear-Cut Green Pendant\u003c\/p\u003e\n \u003ch1 class=\"hero-title reveal reveal-d2\"\u003eMorning Dew\u003c\/h1\u003e\n \u003cp class=\"hero-sub-cn reveal reveal-d2\"\u003ePear Cabochon · Rose Gold\u003c\/p\u003e\n \u003cp class=\"hero-tagline reveal reveal-d3\"\u003e\"A drop of morning light, caught before it evaporates.\"\u003c\/p\u003e\n \u003cdiv class=\"scroll-hint\"\u003eScroll ↓\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 01 Origin ===== --\u003e\n\u003csection class=\"story\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eOrigin\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eThe Stone\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"lead reveal reveal-d1\"\u003eA pear-shaped cabochon is the gentlest cut in jewelry — no facets, no sharp edges, just a smooth curved surface that holds light the way water holds it. In pale green, it becomes something almost alive: a drop of morning dew, a leaf caught in spring rain, a breath held before the sun comes up.\u003c\/p\u003e\n \u003cdiv class=\"pull-quote reveal reveal-d2\"\u003e\n\u003cspan class=\"quote-mark\"\u003e\"\u003c\/span\u003eInside the stone, fine silk-like inclusions drift like mist over water — proof that this green grew slowly, deep in the earth, over thousands of years.\u003c\/div\u003e\n \u003cp class=\"body reveal reveal-d2\"\u003eThe cabochon cut was chosen deliberately. Facets would break the color into pieces; a smooth dome lets the pale green breathe as one continuous tone, shifting from mint to apple to a deeper moss at the edges, depending on the light.\u003c\/p\u003e\n \u003cp class=\"body reveal reveal-d3\"\u003eSuspended from a leaf-shaped rose gold bail set with four small diamonds, the stone hangs like a single drop — warm metal against cool green, fire against water, the kind of balance that makes a piece feel inevitable.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 02 Craftsmanship ===== --\u003e\n\u003csection class=\"details\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eCraftsmanship\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eThe Making\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-aujjxahkrxn.png?v=1790500035\" alt=\"Pear cabochon green stone internal inclusions macro\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 01\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003ePear Cabochon Cut\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eA smooth polished dome with no facets — the oldest cut known to man. The pear silhouette tapers to a soft point, echoing the shape of a single drop. Light enters and exits gently, never harshly.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-nd9xvakbaeg.png?v=1790500035\" alt=\"Rose gold leaf bail with diamond pavé macro\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 02\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003eRose Gold Diamond Bail\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eA leaf-shaped bail in warm rose gold, pavé-set with four round brilliant diamonds along one vein. Small gold beads frame each stone — a botanical detail that turns a functional clasp into a piece of sculpture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-llrxrfnlt5.png?v=1790500035\" alt=\"Bail connection ring and stone top macro\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 03\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003eDouble-Ring Connection\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eTwo polished rose gold rings link the bail to the stone — a small detail that lets the pendant swing freely and catch light from every direction. The top of the pear is capped with a smooth gold teardrop, echoing the stone's own shape.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 03 Scenes ===== --\u003e\n\u003csection class=\"scenes\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eScenes\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eIn Context\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"scene-card reveal\"\u003e\n \u003cspan class=\"scene-num\"\u003e01\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-pvx40yy4czj.png?v=1790500035\" alt=\"Pendant among dewy green leaves\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eOn Dewy Leaves\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eSuspended among fresh green leaves heavy with morning dew — the stone's pale green at one with the foliage that surrounds it.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d1\"\u003e\n \u003cspan class=\"scene-num\"\u003e02\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-f36tiejcmhu.png?v=1790500035\" alt=\"Pendant on raw green crystal cluster\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eAmong Green Crystals\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eLaid on a cluster of raw green mineral — the earth's uncut version of the same pale tone, rough stone beside polished.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d2\"\u003e\n \u003cspan class=\"scene-num\"\u003e03\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-lwtyuedhhd.png?v=1790500035\" alt=\"Pendant on sage green silk\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eOn Sage Silk\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eResting on soft sage-green silk, warm bokeh behind — the stone's cool tone deepened by the fabric that mirrors it.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d3\"\u003e\n \u003cspan class=\"scene-num\"\u003e04\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-n3i2vbojtve.png?v=1790500035\" alt=\"Pendant above water ripples with drops\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eAbove Water Ripples\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eHovering just above still water, droplets on its surface — a drop above a drop, the stone's shape answered by the ripples below.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 04 Specifications ===== --\u003e\n\u003csection class=\"specs-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e04\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eSpecifications\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eDetails\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"specs-grid reveal reveal-d1\"\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eGemstone\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003ePale Green Pear\u003csmall\u003eNatural inclusions\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eCut\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003ePear Cabochon\u003csmall\u003eSmooth dome\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eMetal\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eRose Gold\u003csmall\u003eWarm pink tone\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eBail\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eLeaf + Diamonds\u003csmall\u003e4 round brilliants\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eChain\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eRose Gold\u003csmall\u003eFine cable link\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eFinish\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eHigh Polish\u003csmall\u003eMirror smooth\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 保障 ===== --\u003e\n\u003csection style=\"padding-top:0; background:#0A0A0A;\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"guarantees\"\u003e\n \u003cdiv class=\"guarantee reveal\"\u003e\n\u003cdiv class=\"icon\"\u003e◆\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eNatural Stone\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d1\"\u003e\n\u003cdiv class=\"icon\"\u003e✦\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eHandcrafted\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d2\"\u003e\n\u003cdiv class=\"icon\"\u003e❖\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eSecure Shipping\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d3\"\u003e\n\u003cdiv class=\"icon\"\u003e✧\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eSatisfaction\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cfooter\u003e\u003cspan\u003eQINEANLA\u003c\/span\u003e™ · Natural Gemstone Jewelry · 2025\u003c\/footer\u003e\n\n\n\n\u003c\/body\u003e","brand":"qineanla","offers":[{"title":"Default Title","offer_id":67683111796935,"sku":null,"price":559.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-pvx40yy4czj.png?v=1790500035"},{"product_id":"qineanla™-thorn-rose-rhodonite-gothic-ring","title":"QINEANLA™ Thorn \u0026 Rose — Rhodonite Gothic Ring","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\"\u003e\n\u003ctitle\u003eQINEANLA™ — Thorn \u0026amp; Rose · Rhodonite Gothic Ring\u003c\/title\u003e\n\u003cstyle\u003e\n* { margin: 0; padding: 0; box-sizing: border-box; }\nhtml { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }\nbody {\n background: #0A0A0A !important;\n color: #E8E8E8;\n font-family: Georgia, 'Times New Roman', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.8;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n}\nimg { display: block; width: 100%; height: auto; user-select: none; -webkit-user-drag: none; }\n\n@keyframes fadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n}\n@keyframes scaleIn {\n from { opacity: 0; transform: scale(0.94); }\n to { opacity: 1; transform: scale(1); }\n}\n@keyframes breathe {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.015); }\n}\n@keyframes scrollBob {\n 0%, 100% { transform: translateX(-50%) translateY(0); opacity: 0.4; }\n 50% { transform: translateX(-50%) translateY(6px); opacity: 0.9; }\n}\n\n.reveal {\n opacity: 0;\n animation: fadeUp 0.9s cubic-bezier(0.22,0.61,0.36,1) forwards;\n}\n.reveal-d1 { animation-delay: 0.15s; }\n.reveal-d2 { animation-delay: 0.3s; }\n.reveal-d3 { animation-delay: 0.45s; }\n.reveal-d4 { animation-delay: 0.6s; }\n.reveal-img {\n opacity: 0;\n animation: scaleIn 1.1s cubic-bezier(0.22,0.61,0.36,1) forwards;\n}\n.hero-img { animation: breathe 6s ease-in-out infinite; }\n.scroll-hint { animation: scrollBob 2s ease-in-out infinite; }\n\n.container { max-width: 460px; margin: 0 auto; padding: 0 22px; }\n\n\/* ===== 首屏 ===== *\/\n.hero {\n min-height: 100vh; min-height: 100dvh;\n display: flex; flex-direction: column;\n justify-content: center; align-items: center;\n text-align: center; padding: 50px 22px 60px;\n position: relative; background: #0A0A0A;\n}\n.hero-masthead {\n position: absolute; top: 30px; left: 0; right: 0;\n display: flex; justify-content: space-between;\n padding: 0 28px;\n font-size: 9px; letter-spacing: 2px; color: #555;\n text-transform: uppercase; font-family: sans-serif;\n}\n.hero-masthead span:first-child { color: #B8A07A; }\n.hero-side-text {\n position: absolute; right: 6px; top: 50%;\n transform: translateY(-50%) rotate(90deg);\n transform-origin: right center;\n font-size: 9px; letter-spacing: 4px; color: #555;\n text-transform: uppercase; white-space: nowrap; font-family: sans-serif;\n}\n.hero-img-wrap {\n width: 100%; max-width: 300px; margin-bottom: 36px; position: relative;\n}\n.hero-img-wrap::after {\n content: ''; position: absolute; bottom: -16px; left: 50%;\n transform: translateX(-50%); width: 70%; height: 26px;\n background: radial-gradient(ellipse at center, rgba(184,160,122,0.1) 0%, transparent 70%);\n}\n.hero-brand {\n font-family: Georgia, serif; font-size: 10px;\n letter-spacing: 6px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 10px;\n}\n.hero-sub-en {\n font-size: 9px; letter-spacing: 4px; color: #666;\n text-transform: uppercase; margin-bottom: 4px; font-family: sans-serif;\n}\n.hero-title {\n font-family: Georgia, serif; font-size: 36px;\n font-weight: 400; letter-spacing: 5px; line-height: 1.2; margin-bottom: 6px;\n text-transform: uppercase; color: #E8E8E8;\n}\n.hero-title::after {\n content: ''; display: block; width: 30px; height: 1px;\n background: #B8A07A; margin: 14px auto 0;\n}\n.hero-sub-cn {\n font-size: 11px; letter-spacing: 3px; color: #888;\n margin-bottom: 28px; text-transform: uppercase; font-family: sans-serif;\n}\n.hero-tagline {\n font-family: Georgia, serif; font-size: 14px;\n color: #888; letter-spacing: 0.5px;\n font-style: italic; line-height: 2; max-width: 260px;\n}\n.scroll-hint {\n position: absolute; bottom: 28px; left: 50%;\n transform: translateX(-50%);\n font-size: 9px; letter-spacing: 3px; color: #555;\n text-transform: uppercase; font-family: sans-serif;\n}\n\n\/* ===== section标题 ===== *\/\n.mag-head {\n display: flex; align-items: baseline; gap: 14px;\n margin-bottom: 40px; padding-bottom: 16px;\n border-bottom: 1px solid #1E1E1E;\n}\n.mag-head .num {\n font-family: Georgia, serif; font-size: 36px;\n color: #B8A07A; line-height: 1; opacity: 0.6;\n}\n.mag-head .titles h2 {\n font-family: Georgia, serif; font-size: 22px;\n font-weight: 400; letter-spacing: 3px; line-height: 1.2;\n text-transform: uppercase; color: #E8E8E8;\n}\n.mag-head .titles .en {\n font-size: 9px; letter-spacing: 3px; color: #555;\n text-transform: uppercase; margin-top: 4px; font-family: sans-serif;\n}\n\n\/* ===== 故事区 ===== *\/\n.story { padding: 72px 0; background: #0A0A0A; }\n.story .lead {\n font-family: Georgia, serif; font-size: 17px;\n line-height: 1.9; color: #E8E8E8; margin-bottom: 28px;\n text-align: left; font-weight: 300;\n}\n.story .lead::first-letter {\n font-family: Georgia, serif; font-size: 3.2em;\n color: #B8A07A; float: left;\n line-height: 0.85; padding: 4px 10px 0 0; font-weight: 400;\n}\n.story .body {\n font-size: 13px; color: #999; line-height: 2.1;\n text-align: left; margin-bottom: 20px; font-family: sans-serif;\n}\n.story .pull-quote {\n border-left: 2px solid #B8A07A;\n padding: 8px 0 8px 18px; margin: 28px 0;\n font-family: Georgia, serif; font-style: italic;\n font-size: 15px; color: #C8C8C8;\n line-height: 1.8; letter-spacing: 0.3px;\n}\n.story .pull-quote .quote-mark {\n font-size: 28px; color: #B8A07A;\n line-height: 0; vertical-align: -8px;\n margin-right: 4px; opacity: 0.7;\n}\n\n\/* ===== 细节区 ===== *\/\n.details { padding: 72px 0; background: #0A0A0A; }\n.detail-card { margin-bottom: 64px; position: relative; }\n.detail-card:last-child { margin-bottom: 0; }\n.detail-card .big-num {\n position: absolute; top: -20px; right: -8px;\n font-family: Georgia, serif; font-size: 120px;\n color: #333; opacity: 0.4;\n line-height: 1; font-weight: 400;\n pointer-events: none; z-index: 0;\n}\n.detail-card .img-wrap {\n overflow: hidden; margin-bottom: 24px; position: relative; z-index: 1;\n}\n.detail-card .img-wrap img { transition: transform 0.8s ease; }\n.detail-card .img-wrap:hover img { transform: scale(1.04); }\n.detail-card .img-wrap::after {\n content: ''; position: absolute; inset: 0;\n background: linear-gradient(180deg, transparent 55%, rgba(10,10,10,0.35) 100%);\n pointer-events: none;\n}\n.detail-card .text-block { position: relative; z-index: 1; padding-left: 4px; }\n.detail-card .label {\n font-size: 9px; letter-spacing: 3px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 8px; font-family: sans-serif;\n}\n.detail-card h3 {\n font-family: Georgia, serif; font-size: 20px;\n font-weight: 400; letter-spacing: 2px;\n color: #C8C8C8; margin-bottom: 12px; line-height: 1.3;\n text-transform: uppercase;\n}\n.detail-card h3::after {\n content: ''; display: block; width: 24px; height: 1px;\n background: #B8A07A; margin-top: 10px;\n}\n.detail-card p {\n font-size: 13px; color: #888; line-height: 2; max-width: 340px; font-family: sans-serif;\n}\n.detail-card:nth-child(odd) .text-block { padding-left: 20px; }\n.detail-card:nth-child(even) .text-block { padding-right: 20px; text-align: right; }\n.detail-card:nth-child(even) .text-block p { margin-left: auto; }\n.detail-card:nth-child(even) h3::after { margin-left: auto; }\n.detail-card:nth-child(even) .big-num { right: auto; left: -8px; }\n\n\/* ===== 场景区 ===== *\/\n.scenes { padding: 72px 0; background: #0A0A0A; }\n.scene-card {\n position: relative; overflow: hidden; margin-bottom: 28px;\n}\n.scene-card:last-child { margin-bottom: 0; }\n.scene-card img { transition: transform 0.9s ease; }\n.scene-card:hover img { transform: scale(1.06); }\n.scene-card .scene-num {\n position: absolute; top: 16px; left: 16px;\n font-family: Georgia, serif; font-size: 32px;\n color: #B8A07A; line-height: 1;\n text-shadow: 0 2px 8px rgba(0,0,0,0.5); z-index: 2;\n}\n.scene-card .scene-num .slash {\n font-size: 14px; color: #666;\n vertical-align: super; margin-left: 2px;\n}\n.scene-card .caption {\n position: absolute; left: 0; right: 0; bottom: 0;\n padding: 32px 20px 18px;\n background: linear-gradient(transparent, rgba(10,10,10,0.9)); z-index: 2;\n}\n.scene-card .caption .tag {\n font-size: 9px; letter-spacing: 3px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 6px; font-family: sans-serif;\n}\n.scene-card .caption .txt {\n font-family: Georgia, serif; font-size: 15px;\n color: #E0E0E0; letter-spacing: 0.5px; line-height: 1.5;\n}\n\n\/* ===== 参数区 ===== *\/\n.specs-section { padding: 72px 0; background: #0A0A0A; }\n.specs-grid {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 0; border: 1px solid #1E1E1E;\n}\n.spec-cell {\n padding: 22px 18px; border-right: 1px solid #1E1E1E;\n border-bottom: 1px solid #1E1E1E; position: relative;\n}\n.spec-cell:nth-child(2n) { border-right: none; }\n.spec-cell:nth-child(n+5) { border-bottom: none; }\n.spec-cell .spec-label {\n font-size: 9px; letter-spacing: 2px; color: #555;\n text-transform: uppercase; margin-bottom: 8px; font-family: sans-serif;\n}\n.spec-cell .spec-value {\n font-family: Georgia, serif; font-size: 14px;\n color: #E8E8E8; line-height: 1.5;\n}\n.spec-cell .spec-value small {\n font-family: sans-serif; font-size: 11px;\n color: #888; display: block; margin-top: 2px;\n}\n\n\/* ===== 保障 ===== *\/\n.guarantees {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 0; margin-top: 48px;\n border: 1px solid #1E1E1E;\n}\n.guarantee {\n text-align: center; padding: 28px 12px;\n border-right: 1px solid #1E1E1E;\n border-bottom: 1px solid #1E1E1E;\n}\n.guarantee:nth-child(2n) { border-right: none; }\n.guarantee:nth-child(n+3) { border-bottom: none; }\n.guarantee .icon { font-size: 18px; color: #B8A07A; margin-bottom: 10px; opacity: 0.7; }\n.guarantee .txt {\n font-size: 11px; color: #888;\n letter-spacing: 1px; text-transform: uppercase; font-family: sans-serif;\n}\n\nfooter {\n text-align: center; padding: 40px 20px 32px;\n font-size: 9px; color: #555;\n letter-spacing: 3px; border-top: 1px solid #1E1E1E;\n text-transform: uppercase; font-family: Georgia, serif; background: #0A0A0A;\n}\nfooter span { color: #B8A07A; }\n\n@media (max-width: 360px) {\n .container { padding: 0 16px; }\n .hero { padding: 40px 16px 50px; }\n .hero-title { font-size: 28px; letter-spacing: 3px; }\n .hero-side-text { display: none; }\n .detail-card .big-num { font-size: 90px; }\n .spec-cell { padding: 18px 14px; }\n}\n\u003c\/style\u003e\n\n\n\n\u003c!-- ===== 首屏 ===== --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-masthead reveal\"\u003e\n \u003cspan\u003eVOL.08\u003c\/span\u003e\n \u003cspan\u003eNatural Gemstone\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-side-text reveal reveal-d1\"\u003eHandcrafted · One of a Kind\u003c\/div\u003e\n\n \u003cdiv class=\"hero-img-wrap reveal-img\"\u003e\n \u003cimg class=\"hero-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-6fvkptytkk8_1.png?v=1790500563\" alt=\"Rhodonite Gothic Ring by QINEANLA\"\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"hero-brand reveal reveal-d1\"\u003eQINEANLA™\u003c\/p\u003e\n \u003cp class=\"hero-sub-en reveal reveal-d1\"\u003eRhodonite Gothic Ring\u003c\/p\u003e\n \u003ch1 class=\"hero-title reveal reveal-d2\"\u003eThorn \u0026amp; Rose\u003c\/h1\u003e\n \u003cp class=\"hero-sub-cn reveal reveal-d2\"\u003eRhodonite Cabochon · Oxidized Silver\u003c\/p\u003e\n \u003cp class=\"hero-tagline reveal reveal-d3\"\u003e\"Beauty that bites — a rose in full bloom, guarded by its own thorns.\"\u003c\/p\u003e\n \u003cdiv class=\"scroll-hint\"\u003eScroll ↓\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 01 Origin ===== --\u003e\n\u003csection class=\"story\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eOrigin\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eThe Stone\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"lead reveal reveal-d1\"\u003eRhodonite takes its name from the Greek word rhodon — rose. And for good reason: its soft pink base is crossed by dark, branching veins of manganese oxide, like the shadow of thorns across a petal. No two stones share the same pattern; each one is a natural drawing, made by the earth over millions of years.\u003c\/p\u003e\n \u003cdiv class=\"pull-quote reveal reveal-d2\"\u003e\n\u003cspan class=\"quote-mark\"\u003e\"\u003c\/span\u003eA rose without thorns is a flower without a story. This ring wears both — the bloom and the guard, the softness and the bite.\u003c\/div\u003e\n \u003cp class=\"body reveal reveal-d2\"\u003eCut as a smooth rectangle cabochon, the stone's natural pattern is left fully visible — no facets to break it, no polish to hide it. The pink glows; the black veins bite. Set in oxidized sterling silver and held by claw prongs shaped like thorns, the piece is a study in contradiction: delicate stone, brutal metal.\u003c\/p\u003e\n \u003cp class=\"body reveal reveal-d3\"\u003eEvery rose on the band is carved by hand, every thorn filed to a point, every dimple in the hammered background struck one at a time. This is not cast jewelry. It is built — slowly, deliberately, the way a fortress is built around something beautiful.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 02 Craftsmanship ===== --\u003e\n\u003csection class=\"details\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eCraftsmanship\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eThe Making\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-p1woaehhde.png?v=1790500563\" alt=\"Rhodonite cabochon black vein pattern macro\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 01\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003eRhodonite Cabochon\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eA smooth polished rectangle with no facets — the stone's own pattern does all the work. Pink feldspar crossed by black dendritic veins, each one unique. The high dome catches light and sends it through the stone like sunlight through stained glass.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-5cmuki9l9sf.png?v=1790500564\" alt=\"Hand-carved rose and thorn silverwork macro\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 02\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003eHand-Carved Rose \u0026amp; Thorn\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eA fully bloomed rose and a smaller bud climb the band, guarded by sharp thorns. Every petal is carved in relief, every thorn filed to a point. The silver is oxidized in the crevices and polished on the high points — depth where it counts, shine where it shows.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-0w088n8b8ah.png?v=1790500563\" alt=\"Hammered oxidized silver band interior macro\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 03\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003eHammered Oxidized Band\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eA wide band, its surface dimpled by hundreds of hammer strikes — a texture that catches light unevenly, like weathered stone. The interior is smoothed for comfort; the exterior is left raw. Patina settles into every dimple, darkening the piece with age.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 03 Scenes ===== --\u003e\n\u003csection class=\"scenes\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eScenes\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eIn Context\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"scene-card reveal\"\u003e\n \u003cspan class=\"scene-num\"\u003e01\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-x9edw45h1kl.png?v=1790500564\" alt=\"Ring among withered dark red roses and thorns\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eAmong Withered Roses\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eLaid among dried black-red roses and thorny branches — the ring's own motif answered by the flowers that inspired it.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d1\"\u003e\n \u003cspan class=\"scene-num\"\u003e02\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-qqbjse3jjtd.png?v=1790500563\" alt=\"Ring on vintage leather with rusted iron chain\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eOn Vintage Leather\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eAged brown leather, a rusted iron chain — the silver's patina and the stone's dark veins belong to something older than fashion.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d2\"\u003e\n \u003cspan class=\"scene-num\"\u003e03\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-815ykolujrh.png?v=1790500563\" alt=\"Ring on black volcanic rock with red glow\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eOn Black Volcanic Rock\u003c\/p\u003e\n\u003cp class=\"txt\"\u003ePoroublack stone beneath, embers glowing behind — the rhodonite's pink a flame against the cooled lava that holds it.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d3\"\u003e\n \u003cspan class=\"scene-num\"\u003e04\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-mrrp6oxktfm.png?v=1790500563\" alt=\"Ring on crimson velvet with dried petals\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eOn Crimson Velvet\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eDeep red velvet, scattered dried petals — luxury with a dark edge, the kind of surface that makes a stone look like it was always meant to rest there.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 04 Specifications ===== --\u003e\n\u003csection class=\"specs-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e04\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eSpecifications\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eDetails\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"specs-grid reveal reveal-d1\"\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eGemstone\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eRhodonite\u003csmall\u003ePink with black veins\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eCut\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eRectangle Cabochon\u003csmall\u003eSmooth high dome\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eMetal\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eOxidized Silver\u003csmall\u003ePatina finish\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eStyle\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eGothic Romantic\u003csmall\u003eRose \u0026amp; thorn motif\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eSetting\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eClaw Prong\u003csmall\u003eThorn-shaped\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eBand\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eHammered Wide\u003csmall\u003eHand-textured\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 保障 ===== --\u003e\n\u003csection style=\"padding-top:0; background:#0A0A0A;\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"guarantees\"\u003e\n \u003cdiv class=\"guarantee reveal\"\u003e\n\u003cdiv class=\"icon\"\u003e◆\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eNatural Stone\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d1\"\u003e\n\u003cdiv class=\"icon\"\u003e✦\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eHandcrafted\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d2\"\u003e\n\u003cdiv class=\"icon\"\u003e❖\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eSecure Shipping\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d3\"\u003e\n\u003cdiv class=\"icon\"\u003e✧\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eSatisfaction\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cfooter\u003e\u003cspan\u003eQINEANLA\u003c\/span\u003e™ · Natural Gemstone Jewelry · 2025\u003c\/footer\u003e\n\n\n\n\u003c\/body\u003e","brand":"qineanla","offers":[{"title":"Default Title","offer_id":67683930505415,"sku":null,"price":459.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-x9edw45h1kl.png?v=1790500564"},{"product_id":"qineanla™-golden-hour-sunstone-stud-earrings","title":"QINEANLA™ Golden Hour — Sunstone Stud Earrings","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\"\u003e\n\u003ctitle\u003eQINEANLA™ — Golden Hour · Sunstone Stud Earrings\u003c\/title\u003e\n\u003cstyle\u003e\n* { margin: 0; padding: 0; box-sizing: border-box; }\nhtml { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }\nbody {\n background: #0A0A0A !important;\n color: #E8E8E8;\n font-family: Georgia, 'Times New Roman', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.8;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n}\nimg { display: block; width: 100%; height: auto; user-select: none; -webkit-user-drag: none; }\n\n@keyframes fadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n}\n@keyframes scaleIn {\n from { opacity: 0; transform: scale(0.94); }\n to { opacity: 1; transform: scale(1); }\n}\n@keyframes breathe {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.015); }\n}\n@keyframes scrollBob {\n 0%, 100% { transform: translateX(-50%) translateY(0); opacity: 0.4; }\n 50% { transform: translateX(-50%) translateY(6px); opacity: 0.9; }\n}\n\n.reveal {\n opacity: 0;\n animation: fadeUp 0.9s cubic-bezier(0.22,0.61,0.36,1) forwards;\n}\n.reveal-d1 { animation-delay: 0.15s; }\n.reveal-d2 { animation-delay: 0.3s; }\n.reveal-d3 { animation-delay: 0.45s; }\n.reveal-d4 { animation-delay: 0.6s; }\n.reveal-img {\n opacity: 0;\n animation: scaleIn 1.1s cubic-bezier(0.22,0.61,0.36,1) forwards;\n}\n.hero-img { animation: breathe 6s ease-in-out infinite; }\n.scroll-hint { animation: scrollBob 2s ease-in-out infinite; }\n\n.container { max-width: 460px; margin: 0 auto; padding: 0 22px; }\n\n\/* ===== 首屏 ===== *\/\n.hero {\n min-height: 100vh; min-height: 100dvh;\n display: flex; flex-direction: column;\n justify-content: center; align-items: center;\n text-align: center; padding: 50px 22px 60px;\n position: relative; background: #0A0A0A;\n}\n.hero-masthead {\n position: absolute; top: 30px; left: 0; right: 0;\n display: flex; justify-content: space-between;\n padding: 0 28px;\n font-size: 9px; letter-spacing: 2px; color: #555;\n text-transform: uppercase; font-family: sans-serif;\n}\n.hero-masthead span:first-child { color: #B8A07A; }\n.hero-side-text {\n position: absolute; right: 6px; top: 50%;\n transform: translateY(-50%) rotate(90deg);\n transform-origin: right center;\n font-size: 9px; letter-spacing: 4px; color: #555;\n text-transform: uppercase; white-space: nowrap; font-family: sans-serif;\n}\n.hero-img-wrap {\n width: 100%; max-width: 300px; margin-bottom: 36px; position: relative;\n}\n.hero-img-wrap::after {\n content: ''; position: absolute; bottom: -16px; left: 50%;\n transform: translateX(-50%); width: 70%; height: 26px;\n background: radial-gradient(ellipse at center, rgba(184,160,122,0.1) 0%, transparent 70%);\n}\n.hero-brand {\n font-family: Georgia, serif; font-size: 10px;\n letter-spacing: 6px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 10px;\n}\n.hero-sub-en {\n font-size: 9px; letter-spacing: 4px; color: #666;\n text-transform: uppercase; margin-bottom: 4px; font-family: sans-serif;\n}\n.hero-title {\n font-family: Georgia, serif; font-size: 36px;\n font-weight: 400; letter-spacing: 5px; line-height: 1.2; margin-bottom: 6px;\n text-transform: uppercase; color: #E8E8E8;\n}\n.hero-title::after {\n content: ''; display: block; width: 30px; height: 1px;\n background: #B8A07A; margin: 14px auto 0;\n}\n.hero-sub-cn {\n font-size: 11px; letter-spacing: 3px; color: #888;\n margin-bottom: 28px; text-transform: uppercase; font-family: sans-serif;\n}\n.hero-tagline {\n font-family: Georgia, serif; font-size: 14px;\n color: #888; letter-spacing: 0.5px;\n font-style: italic; line-height: 2; max-width: 260px;\n}\n.scroll-hint {\n position: absolute; bottom: 28px; left: 50%;\n transform: translateX(-50%);\n font-size: 9px; letter-spacing: 3px; color: #555;\n text-transform: uppercase; font-family: sans-serif;\n}\n\n\/* ===== section标题 ===== *\/\n.mag-head {\n display: flex; align-items: baseline; gap: 14px;\n margin-bottom: 40px; padding-bottom: 16px;\n border-bottom: 1px solid #1E1E1E;\n}\n.mag-head .num {\n font-family: Georgia, serif; font-size: 36px;\n color: #B8A07A; line-height: 1; opacity: 0.6;\n}\n.mag-head .titles h2 {\n font-family: Georgia, serif; font-size: 22px;\n font-weight: 400; letter-spacing: 3px; line-height: 1.2;\n text-transform: uppercase; color: #E8E8E8;\n}\n.mag-head .titles .en {\n font-size: 9px; letter-spacing: 3px; color: #555;\n text-transform: uppercase; margin-top: 4px; font-family: sans-serif;\n}\n\n\/* ===== 故事区 ===== *\/\n.story { padding: 72px 0; background: #0A0A0A; }\n.story .lead {\n font-family: Georgia, serif; font-size: 17px;\n line-height: 1.9; color: #E8E8E8; margin-bottom: 28px;\n text-align: left; font-weight: 300;\n}\n.story .lead::first-letter {\n font-family: Georgia, serif; font-size: 3.2em;\n color: #B8A07A; float: left;\n line-height: 0.85; padding: 4px 10px 0 0; font-weight: 400;\n}\n.story .body {\n font-size: 13px; color: #999; line-height: 2.1;\n text-align: left; margin-bottom: 20px; font-family: sans-serif;\n}\n.story .pull-quote {\n border-left: 2px solid #B8A07A;\n padding: 8px 0 8px 18px; margin: 28px 0;\n font-family: Georgia, serif; font-style: italic;\n font-size: 15px; color: #C8C8C8;\n line-height: 1.8; letter-spacing: 0.3px;\n}\n.story .pull-quote .quote-mark {\n font-size: 28px; color: #B8A07A;\n line-height: 0; vertical-align: -8px;\n margin-right: 4px; opacity: 0.7;\n}\n\n\/* ===== 细节区 ===== *\/\n.details { padding: 72px 0; background: #0A0A0A; }\n.detail-card { margin-bottom: 64px; position: relative; }\n.detail-card:last-child { margin-bottom: 0; }\n.detail-card .big-num {\n position: absolute; top: -20px; right: -8px;\n font-family: Georgia, serif; font-size: 120px;\n color: #333; opacity: 0.4;\n line-height: 1; font-weight: 400;\n pointer-events: none; z-index: 0;\n}\n.detail-card .img-wrap {\n overflow: hidden; margin-bottom: 24px; position: relative; z-index: 1;\n}\n.detail-card .img-wrap img { transition: transform 0.8s ease; }\n.detail-card .img-wrap:hover img { transform: scale(1.04); }\n.detail-card .img-wrap::after {\n content: ''; position: absolute; inset: 0;\n background: linear-gradient(180deg, transparent 55%, rgba(10,10,10,0.35) 100%);\n pointer-events: none;\n}\n.detail-card .text-block { position: relative; z-index: 1; padding-left: 4px; }\n.detail-card .label {\n font-size: 9px; letter-spacing: 3px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 8px; font-family: sans-serif;\n}\n.detail-card h3 {\n font-family: Georgia, serif; font-size: 20px;\n font-weight: 400; letter-spacing: 2px;\n color: #C8C8C8; margin-bottom: 12px; line-height: 1.3;\n text-transform: uppercase;\n}\n.detail-card h3::after {\n content: ''; display: block; width: 24px; height: 1px;\n background: #B8A07A; margin-top: 10px;\n}\n.detail-card p {\n font-size: 13px; color: #888; line-height: 2; max-width: 340px; font-family: sans-serif;\n}\n.detail-card:nth-child(odd) .text-block { padding-left: 20px; }\n.detail-card:nth-child(even) .text-block { padding-right: 20px; text-align: right; }\n.detail-card:nth-child(even) .text-block p { margin-left: auto; }\n.detail-card:nth-child(even) h3::after { margin-left: auto; }\n.detail-card:nth-child(even) .big-num { right: auto; left: -8px; }\n\n\/* ===== 场景区 ===== *\/\n.scenes { padding: 72px 0; background: #0A0A0A; }\n.scene-card {\n position: relative; overflow: hidden; margin-bottom: 28px;\n}\n.scene-card:last-child { margin-bottom: 0; }\n.scene-card img { transition: transform 0.9s ease; }\n.scene-card:hover img { transform: scale(1.06); }\n.scene-card .scene-num {\n position: absolute; top: 16px; left: 16px;\n font-family: Georgia, serif; font-size: 32px;\n color: #B8A07A; line-height: 1;\n text-shadow: 0 2px 8px rgba(0,0,0,0.5); z-index: 2;\n}\n.scene-card .scene-num .slash {\n font-size: 14px; color: #666;\n vertical-align: super; margin-left: 2px;\n}\n.scene-card .caption {\n position: absolute; left: 0; right: 0; bottom: 0;\n padding: 32px 20px 18px;\n background: linear-gradient(transparent, rgba(10,10,10,0.9)); z-index: 2;\n}\n.scene-card .caption .tag {\n font-size: 9px; letter-spacing: 3px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 6px; font-family: sans-serif;\n}\n.scene-card .caption .txt {\n font-family: Georgia, serif; font-size: 15px;\n color: #E0E0E0; letter-spacing: 0.5px; line-height: 1.5;\n}\n\n\/* ===== 参数区 ===== *\/\n.specs-section { padding: 72px 0; background: #0A0A0A; }\n.specs-grid {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 0; border: 1px solid #1E1E1E;\n}\n.spec-cell {\n padding: 22px 18px; border-right: 1px solid #1E1E1E;\n border-bottom: 1px solid #1E1E1E; position: relative;\n}\n.spec-cell:nth-child(2n) { border-right: none; }\n.spec-cell:nth-child(n+5) { border-bottom: none; }\n.spec-cell .spec-label {\n font-size: 9px; letter-spacing: 2px; color: #555;\n text-transform: uppercase; margin-bottom: 8px; font-family: sans-serif;\n}\n.spec-cell .spec-value {\n font-family: Georgia, serif; font-size: 14px;\n color: #E8E8E8; line-height: 1.5;\n}\n.spec-cell .spec-value small {\n font-family: sans-serif; font-size: 11px;\n color: #888; display: block; margin-top: 2px;\n}\n\n\/* ===== 保障 ===== *\/\n.guarantees {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 0; margin-top: 48px;\n border: 1px solid #1E1E1E;\n}\n.guarantee {\n text-align: center; padding: 28px 12px;\n border-right: 1px solid #1E1E1E;\n border-bottom: 1px solid #1E1E1E;\n}\n.guarantee:nth-child(2n) { border-right: none; }\n.guarantee:nth-child(n+3) { border-bottom: none; }\n.guarantee .icon { font-size: 18px; color: #B8A07A; margin-bottom: 10px; opacity: 0.7; }\n.guarantee .txt {\n font-size: 11px; color: #888;\n letter-spacing: 1px; text-transform: uppercase; font-family: sans-serif;\n}\n\nfooter {\n text-align: center; padding: 40px 20px 32px;\n font-size: 9px; color: #555;\n letter-spacing: 3px; border-top: 1px solid #1E1E1E;\n text-transform: uppercase; font-family: Georgia, serif; background: #0A0A0A;\n}\nfooter span { color: #B8A07A; }\n\n@media (max-width: 360px) {\n .container { padding: 0 16px; }\n .hero { padding: 40px 16px 50px; }\n .hero-title { font-size: 28px; letter-spacing: 3px; }\n .hero-side-text { display: none; }\n .detail-card .big-num { font-size: 90px; }\n .spec-cell { padding: 18px 14px; }\n}\n\u003c\/style\u003e\n\n\n\n\u003c!-- ===== 首屏 ===== --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-masthead reveal\"\u003e\n \u003cspan\u003eVOL.09\u003c\/span\u003e\n \u003cspan\u003eNatural Gemstone\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-side-text reveal reveal-d1\"\u003eHandcrafted · One of a Kind\u003c\/div\u003e\n\n \u003cdiv class=\"hero-img-wrap reveal-img\"\u003e\n \u003cimg class=\"hero-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-ykmevl2esy_1.png?v=1790501003\" alt=\"Sunstone Stud Earrings by QINEANLA\"\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"hero-brand reveal reveal-d1\"\u003eQINEANLA™\u003c\/p\u003e\n \u003cp class=\"hero-sub-en reveal reveal-d1\"\u003eSunstone Stud Earrings\u003c\/p\u003e\n \u003ch1 class=\"hero-title reveal reveal-d2\"\u003eGolden Hour\u003c\/h1\u003e\n \u003cp class=\"hero-sub-cn reveal reveal-d2\"\u003eRound Cabochon · Yellow Gold\u003c\/p\u003e\n \u003cp class=\"hero-tagline reveal reveal-d3\"\u003e\"A sunset trapped in stone — every turn of the head sends a thousand sparks across the light.\"\u003c\/p\u003e\n \u003cdiv class=\"scroll-hint\"\u003eScroll ↓\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 01 Origin ===== --\u003e\n\u003csection class=\"story\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eOrigin\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eThe Stone\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"lead reveal reveal-d1\"\u003eSunstone is a feldspar that contains millions of tiny copper and hematite platelets — flat, reflective, aligned. When light hits them, they flash in unison: a phenomenon called aventurescence, or more simply, schiller. It looks like a sky full of stars, or the surface of a lake at sunset, or embers stirred in a fire.\u003c\/p\u003e\n \u003cdiv class=\"pull-quote reveal reveal-d2\"\u003e\n\u003cspan class=\"quote-mark\"\u003e\"\u003c\/span\u003eThe stone does not shine from within — it catches the light that passes through and sends it back, brighter, fragmented, alive.\u003c\/div\u003e\n \u003cp class=\"body reveal reveal-d2\"\u003eCut as a smooth round cabochon, the schiller is given room to breathe. Facets would break the effect into pieces; a dome lets the whole surface glow as one, shifting from deep amber to bright copper depending on the angle of the light and the tilt of the head.\u003c\/p\u003e\n \u003cp class=\"body reveal reveal-d3\"\u003eSet in warm yellow gold with a double bezel frame, each earring is a small sun — warm, self-contained, impossible to ignore. The floral openwork back is visible from behind, a detail meant for the wearer alone.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 02 Craftsmanship ===== --\u003e\n\u003csection class=\"details\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eCraftsmanship\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eThe Making\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-uyht5ycqr.png?v=1790501003\" alt=\"Sunstone aventurescence schiller macro\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 01\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003eSunstone Schiller\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eMillions of microscopic copper platelets align inside the stone, flashing like embers when the light catches them. No two stones share the same pattern — each one is a private sky, a sunset that never sets the same way twice.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-8bb8omzulia.png?v=1790501003\" alt=\"Double yellow gold bezel setting macro\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 02\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003eDouble Gold Bezel\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eTwo concentric rings of polished yellow gold frame the stone — an inner bezel that holds it secure, an outer rim that catches the light and echoes the stone's own glow. The gap between them adds depth without adding weight.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-i5wd70yhzdn.png?v=1790501003\" alt=\"Floral openwork earring back macro\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 03\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003eFloral Open Back\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eThe earring back is cast as an open flower — six petals, each curved and polished, letting light pass through from behind. A detail no one else sees, but one the wearer feels every time the earring turns.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 03 Scenes ===== --\u003e\n\u003csection class=\"scenes\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eScenes\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eIn Context\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"scene-card reveal\"\u003e\n \u003cspan class=\"scene-num\"\u003e01\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-fcmdjwdzusq.png?v=1790501003\" alt=\"Earrings among autumn leaves and dried flowers\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eAmong Autumn Leaves\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eLaid on a bed of fallen amber and rust leaves — the stone's own hue at one with the season that named it.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d1\"\u003e\n \u003cspan class=\"scene-num\"\u003e02\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-a7r6ea9cgsi.png?v=1790501003\" alt=\"Earrings on raw amber resin stones\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eOn Amber Resin\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eRaw amber chunks glow beneath — ancient sunlight trapped in resin, the earth's own version of the stone's warm fire.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d2\"\u003e\n \u003cspan class=\"scene-num\"\u003e03\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-i60cvzp8qo.png?v=1790501003\" alt=\"Earrings on gold silk satin\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eOn Gold Silk\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eResting on liquid gold silk, warm bokeh behind — the stone's copper glow deepened by the fabric that mirrors it.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d3\"\u003e\n \u003cspan class=\"scene-num\"\u003e04\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-0axky6c3y4x5.png?v=1790501003\" alt=\"Earring on gold leaf fragments\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eOn Gold Leaf\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eA single earring among scattered gold and copper leaf — the stone's schiller answered by the metal fragments that surround it.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 04 Specifications ===== --\u003e\n\u003csection class=\"specs-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e04\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eSpecifications\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eDetails\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"specs-grid reveal reveal-d1\"\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eGemstone\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eSunstone\u003csmall\u003eCopper schiller\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eCut\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eRound Cabochon\u003csmall\u003eSmooth high dome\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eMetal\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eYellow Gold\u003csmall\u003eWarm tone\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eSetting\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eDouble Bezel\u003csmall\u003eConcentric rings\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eBack\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eFloral Openwork\u003csmall\u003eSix-petal design\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eType\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eStud Earrings\u003csmall\u003eSold as a pair\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 保障 ===== --\u003e\n\u003csection style=\"padding-top:0; background:#0A0A0A;\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"guarantees\"\u003e\n \u003cdiv class=\"guarantee reveal\"\u003e\n\u003cdiv class=\"icon\"\u003e◆\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eNatural Stone\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d1\"\u003e\n\u003cdiv class=\"icon\"\u003e✦\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eHandcrafted\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d2\"\u003e\n\u003cdiv class=\"icon\"\u003e❖\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eSecure Shipping\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d3\"\u003e\n\u003cdiv class=\"icon\"\u003e✧\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eSatisfaction\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cfooter\u003e\u003cspan\u003eQINEANLA\u003c\/span\u003e™ · Natural Gemstone Jewelry · 2025\u003c\/footer\u003e\n\n\n\n\u003c\/body\u003e","brand":"qineanla","offers":[{"title":"Default Title","offer_id":67684456890567,"sku":null,"price":759.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-fcmdjwdzusq.png?v=1790501003"},{"product_id":"qineanla™-deep-current-raw-kyanite-pendant","title":"QINEANLA™ Deep Current — Raw Kyanite Pendant","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\"\u003e\n\u003ctitle\u003eQINEANLA™ — Deep Current · Raw Kyanite Pendant\u003c\/title\u003e\n\u003cstyle\u003e\n* { margin: 0; padding: 0; box-sizing: border-box; }\nhtml { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }\nbody {\n background: #0A0A0A !important;\n color: #E8E8E8;\n font-family: Georgia, 'Times New Roman', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.8;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n}\nimg { display: block; width: 100%; height: auto; user-select: none; -webkit-user-drag: none; }\n\n@keyframes fadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n}\n@keyframes scaleIn {\n from { opacity: 0; transform: scale(0.94); }\n to { opacity: 1; transform: scale(1); }\n}\n@keyframes breathe {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.015); }\n}\n@keyframes scrollBob {\n 0%, 100% { transform: translateX(-50%) translateY(0); opacity: 0.4; }\n 50% { transform: translateX(-50%) translateY(6px); opacity: 0.9; }\n}\n\n.reveal {\n opacity: 0;\n animation: fadeUp 0.9s cubic-bezier(0.22,0.61,0.36,1) forwards;\n}\n.reveal-d1 { animation-delay: 0.15s; }\n.reveal-d2 { animation-delay: 0.3s; }\n.reveal-d3 { animation-delay: 0.45s; }\n.reveal-d4 { animation-delay: 0.6s; }\n.reveal-img {\n opacity: 0;\n animation: scaleIn 1.1s cubic-bezier(0.22,0.61,0.36,1) forwards;\n}\n.hero-img { animation: breathe 6s ease-in-out infinite; }\n.scroll-hint { animation: scrollBob 2s ease-in-out infinite; }\n\n.container { max-width: 460px; margin: 0 auto; padding: 0 22px; }\n\n\/* ===== 首屏 ===== *\/\n.hero {\n min-height: 100vh; min-height: 100dvh;\n display: flex; flex-direction: column;\n justify-content: center; align-items: center;\n text-align: center; padding: 50px 22px 60px;\n position: relative; background: #0A0A0A;\n}\n.hero-masthead {\n position: absolute; top: 30px; left: 0; right: 0;\n display: flex; justify-content: space-between;\n padding: 0 28px;\n font-size: 9px; letter-spacing: 2px; color: #555;\n text-transform: uppercase; font-family: sans-serif;\n}\n.hero-masthead span:first-child { color: #B8A07A; }\n.hero-side-text {\n position: absolute; right: 6px; top: 50%;\n transform: translateY(-50%) rotate(90deg);\n transform-origin: right center;\n font-size: 9px; letter-spacing: 4px; color: #555;\n text-transform: uppercase; white-space: nowrap; font-family: sans-serif;\n}\n.hero-img-wrap {\n width: 100%; max-width: 260px; margin-bottom: 36px; position: relative;\n}\n.hero-img-wrap::after {\n content: ''; position: absolute; bottom: -16px; left: 50%;\n transform: translateX(-50%); width: 70%; height: 26px;\n background: radial-gradient(ellipse at center, rgba(184,160,122,0.1) 0%, transparent 70%);\n}\n.hero-brand {\n font-family: Georgia, serif; font-size: 10px;\n letter-spacing: 6px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 10px;\n}\n.hero-sub-en {\n font-size: 9px; letter-spacing: 4px; color: #666;\n text-transform: uppercase; margin-bottom: 4px; font-family: sans-serif;\n}\n.hero-title {\n font-family: Georgia, serif; font-size: 36px;\n font-weight: 400; letter-spacing: 5px; line-height: 1.2; margin-bottom: 6px;\n text-transform: uppercase; color: #E8E8E8;\n}\n.hero-title::after {\n content: ''; display: block; width: 30px; height: 1px;\n background: #B8A07A; margin: 14px auto 0;\n}\n.hero-sub-cn {\n font-size: 11px; letter-spacing: 3px; color: #888;\n margin-bottom: 28px; text-transform: uppercase; font-family: sans-serif;\n}\n.hero-tagline {\n font-family: Georgia, serif; font-size: 14px;\n color: #888; letter-spacing: 0.5px;\n font-style: italic; line-height: 2; max-width: 260px;\n}\n.scroll-hint {\n position: absolute; bottom: 28px; left: 50%;\n transform: translateX(-50%);\n font-size: 9px; letter-spacing: 3px; color: #555;\n text-transform: uppercase; font-family: sans-serif;\n}\n\n\/* ===== section标题 ===== *\/\n.mag-head {\n display: flex; align-items: baseline; gap: 14px;\n margin-bottom: 40px; padding-bottom: 16px;\n border-bottom: 1px solid #1E1E1E;\n}\n.mag-head .num {\n font-family: Georgia, serif; font-size: 36px;\n color: #B8A07A; line-height: 1; opacity: 0.6;\n}\n.mag-head .titles h2 {\n font-family: Georgia, serif; font-size: 22px;\n font-weight: 400; letter-spacing: 3px; line-height: 1.2;\n text-transform: uppercase; color: #E8E8E8;\n}\n.mag-head .titles .en {\n font-size: 9px; letter-spacing: 3px; color: #555;\n text-transform: uppercase; margin-top: 4px; font-family: sans-serif;\n}\n\n\/* ===== 故事区 ===== *\/\n.story { padding: 72px 0; background: #0A0A0A; }\n.story .lead {\n font-family: Georgia, serif; font-size: 17px;\n line-height: 1.9; color: #E8E8E8; margin-bottom: 28px;\n text-align: left; font-weight: 300;\n}\n.story .lead::first-letter {\n font-family: Georgia, serif; font-size: 3.2em;\n color: #B8A07A; float: left;\n line-height: 0.85; padding: 4px 10px 0 0; font-weight: 400;\n}\n.story .body {\n font-size: 13px; color: #999; line-height: 2.1;\n text-align: left; margin-bottom: 20px; font-family: sans-serif;\n}\n.story .pull-quote {\n border-left: 2px solid #B8A07A;\n padding: 8px 0 8px 18px; margin: 28px 0;\n font-family: Georgia, serif; font-style: italic;\n font-size: 15px; color: #C8C8C8;\n line-height: 1.8; letter-spacing: 0.3px;\n}\n.story .pull-quote .quote-mark {\n font-size: 28px; color: #B8A07A;\n line-height: 0; vertical-align: -8px;\n margin-right: 4px; opacity: 0.7;\n}\n\n\/* ===== 细节区 ===== *\/\n.details { padding: 72px 0; background: #0A0A0A; }\n.detail-card { margin-bottom: 64px; position: relative; }\n.detail-card:last-child { margin-bottom: 0; }\n.detail-card .big-num {\n position: absolute; top: -20px; right: -8px;\n font-family: Georgia, serif; font-size: 120px;\n color: #333; opacity: 0.4;\n line-height: 1; font-weight: 400;\n pointer-events: none; z-index: 0;\n}\n.detail-card .img-wrap {\n overflow: hidden; margin-bottom: 24px; position: relative; z-index: 1;\n}\n.detail-card .img-wrap img { transition: transform 0.8s ease; }\n.detail-card .img-wrap:hover img { transform: scale(1.04); }\n.detail-card .img-wrap::after {\n content: ''; position: absolute; inset: 0;\n background: linear-gradient(180deg, transparent 55%, rgba(10,10,10,0.35) 100%);\n pointer-events: none;\n}\n.detail-card .text-block { position: relative; z-index: 1; padding-left: 4px; }\n.detail-card .label {\n font-size: 9px; letter-spacing: 3px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 8px; font-family: sans-serif;\n}\n.detail-card h3 {\n font-family: Georgia, serif; font-size: 20px;\n font-weight: 400; letter-spacing: 2px;\n color: #C8C8C8; margin-bottom: 12px; line-height: 1.3;\n text-transform: uppercase;\n}\n.detail-card h3::after {\n content: ''; display: block; width: 24px; height: 1px;\n background: #B8A07A; margin-top: 10px;\n}\n.detail-card p {\n font-size: 13px; color: #888; line-height: 2; max-width: 340px; font-family: sans-serif;\n}\n.detail-card:nth-child(odd) .text-block { padding-left: 20px; }\n.detail-card:nth-child(even) .text-block { padding-right: 20px; text-align: right; }\n.detail-card:nth-child(even) .text-block p { margin-left: auto; }\n.detail-card:nth-child(even) h3::after { margin-left: auto; }\n.detail-card:nth-child(even) .big-num { right: auto; left: -8px; }\n\n\/* ===== 场景区 ===== *\/\n.scenes { padding: 72px 0; background: #0A0A0A; }\n.scene-card {\n position: relative; overflow: hidden; margin-bottom: 28px;\n}\n.scene-card:last-child { margin-bottom: 0; }\n.scene-card img { transition: transform 0.9s ease; }\n.scene-card:hover img { transform: scale(1.06); }\n.scene-card .scene-num {\n position: absolute; top: 16px; left: 16px;\n font-family: Georgia, serif; font-size: 32px;\n color: #B8A07A; line-height: 1;\n text-shadow: 0 2px 8px rgba(0,0,0,0.5); z-index: 2;\n}\n.scene-card .scene-num .slash {\n font-size: 14px; color: #666;\n vertical-align: super; margin-left: 2px;\n}\n.scene-card .caption {\n position: absolute; left: 0; right: 0; bottom: 0;\n padding: 32px 20px 18px;\n background: linear-gradient(transparent, rgba(10,10,10,0.9)); z-index: 2;\n}\n.scene-card .caption .tag {\n font-size: 9px; letter-spacing: 3px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 6px; font-family: sans-serif;\n}\n.scene-card .caption .txt {\n font-family: Georgia, serif; font-size: 15px;\n color: #E0E0E0; letter-spacing: 0.5px; line-height: 1.5;\n}\n\n\/* ===== 参数区 ===== *\/\n.specs-section { padding: 72px 0; background: #0A0A0A; }\n.specs-grid {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 0; border: 1px solid #1E1E1E;\n}\n.spec-cell {\n padding: 22px 18px; border-right: 1px solid #1E1E1E;\n border-bottom: 1px solid #1E1E1E; position: relative;\n}\n.spec-cell:nth-child(2n) { border-right: none; }\n.spec-cell:nth-child(n+5) { border-bottom: none; }\n.spec-cell .spec-label {\n font-size: 9px; letter-spacing: 2px; color: #555;\n text-transform: uppercase; margin-bottom: 8px; font-family: sans-serif;\n}\n.spec-cell .spec-value {\n font-family: Georgia, serif; font-size: 14px;\n color: #E8E8E8; line-height: 1.5;\n}\n.spec-cell .spec-value small {\n font-family: sans-serif; font-size: 11px;\n color: #888; display: block; margin-top: 2px;\n}\n\n\/* ===== 保障 ===== *\/\n.guarantees {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 0; margin-top: 48px;\n border: 1px solid #1E1E1E;\n}\n.guarantee {\n text-align: center; padding: 28px 12px;\n border-right: 1px solid #1E1E1E;\n border-bottom: 1px solid #1E1E1E;\n}\n.guarantee:nth-child(2n) { border-right: none; }\n.guarantee:nth-child(n+3) { border-bottom: none; }\n.guarantee .icon { font-size: 18px; color: #B8A07A; margin-bottom: 10px; opacity: 0.7; }\n.guarantee .txt {\n font-size: 11px; color: #888;\n letter-spacing: 1px; text-transform: uppercase; font-family: sans-serif;\n}\n\nfooter {\n text-align: center; padding: 40px 20px 32px;\n font-size: 9px; color: #555;\n letter-spacing: 3px; border-top: 1px solid #1E1E1E;\n text-transform: uppercase; font-family: Georgia, serif; background: #0A0A0A;\n}\nfooter span { color: #B8A07A; }\n\n@media (max-width: 360px) {\n .container { padding: 0 16px; }\n .hero { padding: 40px 16px 50px; }\n .hero-title { font-size: 28px; letter-spacing: 3px; }\n .hero-side-text { display: none; }\n .detail-card .big-num { font-size: 90px; }\n .spec-cell { padding: 18px 14px; }\n}\n\u003c\/style\u003e\n\n\n\n\u003c!-- ===== 首屏 ===== --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-masthead reveal\"\u003e\n \u003cspan\u003eVOL.10\u003c\/span\u003e\n \u003cspan\u003eNatural Gemstone\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-side-text reveal reveal-d1\"\u003eHandcrafted · One of a Kind\u003c\/div\u003e\n\n \u003cdiv class=\"hero-img-wrap reveal-img\"\u003e\n \u003cimg class=\"hero-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-yjwpnfq4m9n_1.png?v=1790501432\" alt=\"Raw Kyanite Pendant by QINEANLA\"\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"hero-brand reveal reveal-d1\"\u003eQINEANLA™\u003c\/p\u003e\n \u003cp class=\"hero-sub-en reveal reveal-d1\"\u003eRaw Kyanite Pendant\u003c\/p\u003e\n \u003ch1 class=\"hero-title reveal reveal-d2\"\u003eDeep Current\u003c\/h1\u003e\n \u003cp class=\"hero-sub-cn reveal reveal-d2\"\u003eRaw Crystal · Black Cord\u003c\/p\u003e\n \u003cp class=\"hero-tagline reveal reveal-d3\"\u003e\"A piece of the deep ocean, pulled from the earth and worn as it was found.\"\u003c\/p\u003e\n \u003cdiv class=\"scroll-hint\"\u003eScroll ↓\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 01 Origin ===== --\u003e\n\u003csection class=\"story\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eOrigin\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eThe Stone\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"lead reveal reveal-d1\"\u003eKyanite takes its name from the Greek word kyanos — deep blue. It forms in long, blade-like crystals, each one striated with parallel lines that run the length of the stone, like the grain of wood or the current of a river. This piece is left entirely raw: no polish, no facets, no shaping beyond what the earth already did.\u003c\/p\u003e\n \u003cdiv class=\"pull-quote reveal reveal-d2\"\u003e\n\u003cspan class=\"quote-mark\"\u003e\"\u003c\/span\u003eWe did not make this stone beautiful. We only drilled a hole and tied a cord. Everything else — the color, the texture, the fractures — was already there, waiting millions of years.\u003c\/div\u003e\n \u003cp class=\"body reveal reveal-d2\"\u003eThe natural cleavage surfaces catch light unevenly, sending sharp flashes across the deep blue. Some areas are translucent, letting the light pass through; others are opaque, holding it in. No two sides of the same crystal look alike, and no two kyanite pendants are the same — each one is a single, unrepeatable fragment of the earth.\u003c\/p\u003e\n \u003cp class=\"body reveal reveal-d3\"\u003eStrung on a thick black braided cord and secured with a simple knot, the pendant hangs close to the chest — a piece of the deep, worn against the skin, raw and unapologetic.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 02 Craftsmanship ===== --\u003e\n\u003csection class=\"details\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eCraftsmanship\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eThe Making\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-1lj1w7vmz0n.png?v=1790501432\" alt=\"Raw kyanite crystal top and drill hole macro\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 01\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003eRaw Kyanite Crystal\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eAn elongated blade of kyanite, left exactly as it came from the earth. Parallel striations run its full length; natural fractures break the surface into angular planes. The deep blue shifts from pale sky at the edges to midnight at the core.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-49lgjt7syjn.png?v=1790501432\" alt=\"Black braided cord knot and drill hole macro\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 02\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003eBraided Cord \u0026amp; Knot\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eA single hole is drilled through the top of the crystal — the only modification made to the stone. A thick black braided cord passes through and is secured with a tight, symmetrical knot. No metal, no clasp, nothing between the stone and the wearer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-2c4fv5ticr2.png?v=1790501433\" alt=\"Natural cleavage surface of kyanite macro\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 03\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003eNatural Cleavage Surface\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eThe side of the crystal shows its natural cleavage — flat, angular planes where the stone broke along its own internal structure. Fine golden mineral traces run through the fractures. These are not flaws; they are the stone's biography, written in mineral.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 03 Scenes ===== --\u003e\n\u003csection class=\"scenes\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eScenes\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eIn Context\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"scene-card reveal\"\u003e\n \u003cspan class=\"scene-num\"\u003e01\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-rua9a65fan.png?v=1790501433\" alt=\"Pendant among ice cubes on blue water\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eAmong Ice \u0026amp; Water\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eLaid on cracked ice above rippling blue water — the stone's cold blue at one with the frozen surface that surrounds it.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d1\"\u003e\n \u003cspan class=\"scene-num\"\u003e02\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-7hnswnvn3st.png?v=1790501433\" alt=\"Pendant among raw blue kyanite and crystal cluster\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eAmong Blue Crystals\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eResting on a bed of raw kyanite blades and blue mineral — the polished pendant among its uncut kin, the earth's own family portrait.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d2\"\u003e\n \u003cspan class=\"scene-num\"\u003e03\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-vqiy35n3g6q.png?v=1790501432\" alt=\"Pendant standing on wet black rock with reflection\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eOn Wet Black Rock\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eStanding on glistening wet stone, its reflection doubling below — deep blue against deep black, the stone answering its own image.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d3\"\u003e\n \u003cspan class=\"scene-num\"\u003e04\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-9bxdsqw0fmt.png?v=1790501432\" alt=\"Pendant on navy blue velvet\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eOn Navy Velvet\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eLaid on deep navy velvet — the stone's blue deepened by the fabric beneath it, raw texture against soft luxury.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 04 Specifications ===== --\u003e\n\u003csection class=\"specs-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e04\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eSpecifications\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eDetails\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"specs-grid reveal reveal-d1\"\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eGemstone\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eKyanite\u003csmall\u003eDeep blue blade\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eForm\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eElongated Crystal\u003csmall\u003eNatural shape\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eFinish\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eRaw \/ Unpolished\u003csmall\u003eNatural cleavage\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eCord\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eBlack Braided\u003csmall\u003eThick woven nylon\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eClosure\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eKnotted\u003csmall\u003eAdjustable length\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eStyle\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eRaw Organic\u003csmall\u003eOne of a kind\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 保障 ===== --\u003e\n\u003csection style=\"padding-top:0; background:#0A0A0A;\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"guarantees\"\u003e\n \u003cdiv class=\"guarantee reveal\"\u003e\n\u003cdiv class=\"icon\"\u003e◆\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eNatural Stone\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d1\"\u003e\n\u003cdiv class=\"icon\"\u003e✦\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eHandcrafted\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d2\"\u003e\n\u003cdiv class=\"icon\"\u003e❖\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eSecure Shipping\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d3\"\u003e\n\u003cdiv class=\"icon\"\u003e✧\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eSatisfaction\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cfooter\u003e\u003cspan\u003eQINEANLA\u003c\/span\u003e™ · Natural Gemstone Jewelry · 2025\u003c\/footer\u003e\n\n\n\n\u003c\/body\u003e","brand":"qineanla","offers":[{"title":"Default Title","offer_id":67684528455879,"sku":null,"price":559.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-rua9a65fan.png?v=1790501433"},{"product_id":"qineanla™-emerald-realm-green-cabochon-baroque-ring","title":"QINEANLA™ Emerald Realm — Green Cabochon Baroque Ring","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\"\u003e\n\u003ctitle\u003eQINEANLA™ — Emerald Realm · Green Cabochon Baroque Ring\u003c\/title\u003e\n\u003cstyle\u003e\n* { margin: 0; padding: 0; box-sizing: border-box; }\nhtml { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }\nbody {\n background: #0A0A0A !important;\n color: #E8E8E8;\n font-family: Georgia, 'Times New Roman', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.8;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n}\nimg { display: block; width: 100%; height: auto; user-select: none; -webkit-user-drag: none; }\n\n@keyframes fadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n}\n@keyframes scaleIn {\n from { opacity: 0; transform: scale(0.94); }\n to { opacity: 1; transform: scale(1); }\n}\n@keyframes breathe {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.015); }\n}\n@keyframes scrollBob {\n 0%, 100% { transform: translateX(-50%) translateY(0); opacity: 0.4; }\n 50% { transform: translateX(-50%) translateY(6px); opacity: 0.9; }\n}\n\n.reveal {\n opacity: 0;\n animation: fadeUp 0.9s cubic-bezier(0.22,0.61,0.36,1) forwards;\n}\n.reveal-d1 { animation-delay: 0.15s; }\n.reveal-d2 { animation-delay: 0.3s; }\n.reveal-d3 { animation-delay: 0.45s; }\n.reveal-d4 { animation-delay: 0.6s; }\n.reveal-img {\n opacity: 0;\n animation: scaleIn 1.1s cubic-bezier(0.22,0.61,0.36,1) forwards;\n}\n.hero-img { animation: breathe 6s ease-in-out infinite; }\n.scroll-hint { animation: scrollBob 2s ease-in-out infinite; }\n\n.container { max-width: 460px; margin: 0 auto; padding: 0 22px; }\n\n\/* ===== 首屏 ===== *\/\n.hero {\n min-height: 100vh; min-height: 100dvh;\n display: flex; flex-direction: column;\n justify-content: center; align-items: center;\n text-align: center; padding: 50px 22px 60px;\n position: relative; background: #0A0A0A;\n}\n.hero-masthead {\n position: absolute; top: 30px; left: 0; right: 0;\n display: flex; justify-content: space-between;\n padding: 0 28px;\n font-size: 9px; letter-spacing: 2px; color: #555;\n text-transform: uppercase; font-family: sans-serif;\n}\n.hero-masthead span:first-child { color: #B8A07A; }\n.hero-side-text {\n position: absolute; right: 6px; top: 50%;\n transform: translateY(-50%) rotate(90deg);\n transform-origin: right center;\n font-size: 9px; letter-spacing: 4px; color: #555;\n text-transform: uppercase; white-space: nowrap; font-family: sans-serif;\n}\n.hero-img-wrap {\n width: 100%; max-width: 300px; margin-bottom: 36px; position: relative;\n}\n.hero-img-wrap::after {\n content: ''; position: absolute; bottom: -16px; left: 50%;\n transform: translateX(-50%); width: 70%; height: 26px;\n background: radial-gradient(ellipse at center, rgba(184,160,122,0.1) 0%, transparent 70%);\n}\n.hero-brand {\n font-family: Georgia, serif; font-size: 10px;\n letter-spacing: 6px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 10px;\n}\n.hero-sub-en {\n font-size: 9px; letter-spacing: 4px; color: #666;\n text-transform: uppercase; margin-bottom: 4px; font-family: sans-serif;\n}\n.hero-title {\n font-family: Georgia, serif; font-size: 36px;\n font-weight: 400; letter-spacing: 5px; line-height: 1.2; margin-bottom: 6px;\n text-transform: uppercase; color: #E8E8E8;\n}\n.hero-title::after {\n content: ''; display: block; width: 30px; height: 1px;\n background: #B8A07A; margin: 14px auto 0;\n}\n.hero-sub-cn {\n font-size: 11px; letter-spacing: 3px; color: #888;\n margin-bottom: 28px; text-transform: uppercase; font-family: sans-serif;\n}\n.hero-tagline {\n font-family: Georgia, serif; font-size: 14px;\n color: #888; letter-spacing: 0.5px;\n font-style: italic; line-height: 2; max-width: 260px;\n}\n.scroll-hint {\n position: absolute; bottom: 28px; left: 50%;\n transform: translateX(-50%);\n font-size: 9px; letter-spacing: 3px; color: #555;\n text-transform: uppercase; font-family: sans-serif;\n}\n\n\/* ===== section标题 ===== *\/\n.mag-head {\n display: flex; align-items: baseline; gap: 14px;\n margin-bottom: 40px; padding-bottom: 16px;\n border-bottom: 1px solid #1E1E1E;\n}\n.mag-head .num {\n font-family: Georgia, serif; font-size: 36px;\n color: #B8A07A; line-height: 1; opacity: 0.6;\n}\n.mag-head .titles h2 {\n font-family: Georgia, serif; font-size: 22px;\n font-weight: 400; letter-spacing: 3px; line-height: 1.2;\n text-transform: uppercase; color: #E8E8E8;\n}\n.mag-head .titles .en {\n font-size: 9px; letter-spacing: 3px; color: #555;\n text-transform: uppercase; margin-top: 4px; font-family: sans-serif;\n}\n\n\/* ===== 故事区 ===== *\/\n.story { padding: 72px 0; background: #0A0A0A; }\n.story .lead {\n font-family: Georgia, serif; font-size: 17px;\n line-height: 1.9; color: #E8E8E8; margin-bottom: 28px;\n text-align: left; font-weight: 300;\n}\n.story .lead::first-letter {\n font-family: Georgia, serif; font-size: 3.2em;\n color: #B8A07A; float: left;\n line-height: 0.85; padding: 4px 10px 0 0; font-weight: 400;\n}\n.story .body {\n font-size: 13px; color: #999; line-height: 2.1;\n text-align: left; margin-bottom: 20px; font-family: sans-serif;\n}\n.story .pull-quote {\n border-left: 2px solid #B8A07A;\n padding: 8px 0 8px 18px; margin: 28px 0;\n font-family: Georgia, serif; font-style: italic;\n font-size: 15px; color: #C8C8C8;\n line-height: 1.8; letter-spacing: 0.3px;\n}\n.story .pull-quote .quote-mark {\n font-size: 28px; color: #B8A07A;\n line-height: 0; vertical-align: -8px;\n margin-right: 4px; opacity: 0.7;\n}\n\n\/* ===== 细节区 ===== *\/\n.details { padding: 72px 0; background: #0A0A0A; }\n.detail-card { margin-bottom: 64px; position: relative; }\n.detail-card:last-child { margin-bottom: 0; }\n.detail-card .big-num {\n position: absolute; top: -20px; right: -8px;\n font-family: Georgia, serif; font-size: 120px;\n color: #333; opacity: 0.4;\n line-height: 1; font-weight: 400;\n pointer-events: none; z-index: 0;\n}\n.detail-card .img-wrap {\n overflow: hidden; margin-bottom: 24px; position: relative; z-index: 1;\n}\n.detail-card .img-wrap img { transition: transform 0.8s ease; }\n.detail-card .img-wrap:hover img { transform: scale(1.04); }\n.detail-card .img-wrap::after {\n content: ''; position: absolute; inset: 0;\n background: linear-gradient(180deg, transparent 55%, rgba(10,10,10,0.35) 100%);\n pointer-events: none;\n}\n.detail-card .text-block { position: relative; z-index: 1; padding-left: 4px; }\n.detail-card .label {\n font-size: 9px; letter-spacing: 3px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 8px; font-family: sans-serif;\n}\n.detail-card h3 {\n font-family: Georgia, serif; font-size: 20px;\n font-weight: 400; letter-spacing: 2px;\n color: #C8C8C8; margin-bottom: 12px; line-height: 1.3;\n text-transform: uppercase;\n}\n.detail-card h3::after {\n content: ''; display: block; width: 24px; height: 1px;\n background: #B8A07A; margin-top: 10px;\n}\n.detail-card p {\n font-size: 13px; color: #888; line-height: 2; max-width: 340px; font-family: sans-serif;\n}\n.detail-card:nth-child(odd) .text-block { padding-left: 20px; }\n.detail-card:nth-child(even) .text-block { padding-right: 20px; text-align: right; }\n.detail-card:nth-child(even) .text-block p { margin-left: auto; }\n.detail-card:nth-child(even) h3::after { margin-left: auto; }\n.detail-card:nth-child(even) .big-num { right: auto; left: -8px; }\n\n\/* ===== 场景区 ===== *\/\n.scenes { padding: 72px 0; background: #0A0A0A; }\n.scene-card {\n position: relative; overflow: hidden; margin-bottom: 28px;\n}\n.scene-card:last-child { margin-bottom: 0; }\n.scene-card img { transition: transform 0.9s ease; }\n.scene-card:hover img { transform: scale(1.06); }\n.scene-card .scene-num {\n position: absolute; top: 16px; left: 16px;\n font-family: Georgia, serif; font-size: 32px;\n color: #B8A07A; line-height: 1;\n text-shadow: 0 2px 8px rgba(0,0,0,0.5); z-index: 2;\n}\n.scene-card .scene-num .slash {\n font-size: 14px; color: #666;\n vertical-align: super; margin-left: 2px;\n}\n.scene-card .caption {\n position: absolute; left: 0; right: 0; bottom: 0;\n padding: 32px 20px 18px;\n background: linear-gradient(transparent, rgba(10,10,10,0.9)); z-index: 2;\n}\n.scene-card .caption .tag {\n font-size: 9px; letter-spacing: 3px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 6px; font-family: sans-serif;\n}\n.scene-card .caption .txt {\n font-family: Georgia, serif; font-size: 15px;\n color: #E0E0E0; letter-spacing: 0.5px; line-height: 1.5;\n}\n\n\/* ===== 参数区 ===== *\/\n.specs-section { padding: 72px 0; background: #0A0A0A; }\n.specs-grid {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 0; border: 1px solid #1E1E1E;\n}\n.spec-cell {\n padding: 22px 18px; border-right: 1px solid #1E1E1E;\n border-bottom: 1px solid #1E1E1E; position: relative;\n}\n.spec-cell:nth-child(2n) { border-right: none; }\n.spec-cell:nth-child(n+5) { border-bottom: none; }\n.spec-cell .spec-label {\n font-size: 9px; letter-spacing: 2px; color: #555;\n text-transform: uppercase; margin-bottom: 8px; font-family: sans-serif;\n}\n.spec-cell .spec-value {\n font-family: Georgia, serif; font-size: 14px;\n color: #E8E8E8; line-height: 1.5;\n}\n.spec-cell .spec-value small {\n font-family: sans-serif; font-size: 11px;\n color: #888; display: block; margin-top: 2px;\n}\n\n\/* ===== 保障 ===== *\/\n.guarantees {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 0; margin-top: 48px;\n border: 1px solid #1E1E1E;\n}\n.guarantee {\n text-align: center; padding: 28px 12px;\n border-right: 1px solid #1E1E1E;\n border-bottom: 1px solid #1E1E1E;\n}\n.guarantee:nth-child(2n) { border-right: none; }\n.guarantee:nth-child(n+3) { border-bottom: none; }\n.guarantee .icon { font-size: 18px; color: #B8A07A; margin-bottom: 10px; opacity: 0.7; }\n.guarantee .txt {\n font-size: 11px; color: #888;\n letter-spacing: 1px; text-transform: uppercase; font-family: sans-serif;\n}\n\nfooter {\n text-align: center; padding: 40px 20px 32px;\n font-size: 9px; color: #555;\n letter-spacing: 3px; border-top: 1px solid #1E1E1E;\n text-transform: uppercase; font-family: Georgia, serif; background: #0A0A0A;\n}\nfooter span { color: #B8A07A; }\n\n@media (max-width: 360px) {\n .container { padding: 0 16px; }\n .hero { padding: 40px 16px 50px; }\n .hero-title { font-size: 28px; letter-spacing: 3px; }\n .hero-side-text { display: none; }\n .detail-card .big-num { font-size: 90px; }\n .spec-cell { padding: 18px 14px; }\n}\n\u003c\/style\u003e\n\n\n\n\u003c!-- ===== 首屏 ===== --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-masthead reveal\"\u003e\n \u003cspan\u003eVOL.11\u003c\/span\u003e\n \u003cspan\u003eNatural Gemstone\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-side-text reveal reveal-d1\"\u003eHandcrafted · One of a Kind\u003c\/div\u003e\n\n \u003cdiv class=\"hero-img-wrap reveal-img\"\u003e\n \u003cimg class=\"hero-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-50mlvarknj4_1.png?v=1790501913\" alt=\"Green Cabochon Baroque Ring by QINEANLA\"\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"hero-brand reveal reveal-d1\"\u003eQINEANLA™\u003c\/p\u003e\n \u003cp class=\"hero-sub-en reveal reveal-d1\"\u003eGreen Cabochon Baroque Ring\u003c\/p\u003e\n \u003ch1 class=\"hero-title reveal reveal-d2\"\u003eEmerald Realm\u003c\/h1\u003e\n \u003cp class=\"hero-sub-cn reveal reveal-d2\"\u003eSquare Cabochon · Rose Gold\u003c\/p\u003e\n \u003cp class=\"hero-tagline reveal reveal-d3\"\u003e\"A forest sealed in stone, a palace carved in gold — worn on the hand like a secret kingdom.\"\u003c\/p\u003e\n \u003cdiv class=\"scroll-hint\"\u003eScroll ↓\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 01 Origin ===== --\u003e\n\u003csection class=\"story\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eOrigin\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eThe Stone\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"lead reveal reveal-d1\"\u003eA large square cabochon of deep green, its surface crossed by a fine network of veins like the root system of an ancient forest. At the center it is almost black; at the edges, where the light finds it, it glows a vivid, living green — the color of moss after rain, of deep water, of the moment the forest wakes.\u003c\/p\u003e\n \u003cdiv class=\"pull-quote reveal reveal-d2\"\u003e\n\u003cspan class=\"quote-mark\"\u003e\"\u003c\/span\u003eThis is not a ring that asks to be noticed. It is a ring that commands it — the kind of piece that was made to be inherited, not bought.\u003c\/div\u003e\n \u003cp class=\"body reveal reveal-d2\"\u003eThe smooth cabochon dome was chosen over facets deliberately. A faceted stone would shatter the green into sparks; a dome holds it whole, lets it breathe, lets the eye sink into its depth. The network of veins inside is the stone's own handwriting — no two stones share the same pattern.\u003c\/p\u003e\n \u003cp class=\"body reveal reveal-d3\"\u003eSet in warm rose gold and framed by ornate Baroque scrollwork, the ring evokes the grandeur of seventeenth-century European court jewelry — but with a weight and presence that feels entirely modern. It is a statement, a heirloom, a small kingdom worn on the finger.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 02 Craftsmanship ===== --\u003e\n\u003csection class=\"details\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eCraftsmanship\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eThe Making\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-ym2y4v9mfd.png?v=1790501914\" alt=\"Deep green cabochon stone macro with vein pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 01\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003eGreen Cabochon Dome\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eA large square cabochon with a high, smooth dome — no facets, no edges, just a continuous curve that holds the deep green as one solid color. Fine internal veins branch across the stone like a forest seen from above, glowing brighter where the light passes through.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-omk4j8hoa8d.png?v=1790501914\" alt=\"Baroque scrollwork carved band macro\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 02\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003eBaroque Scrollwork\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eThe band is carved in high relief — swirling acanthus leaves, curling vines, small round beads, all cast and then finished by hand. The recesses are oxidized to a deep brown; the high points are polished to a warm glow. Every curve is intentional, every shadow deliberate.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-7xxbe8yn0e3.png?v=1790501914\" alt=\"Double bezel and claw prongs macro\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 03\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003eDouble Bezel \u0026amp; Claws\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eTwo concentric frames of rose gold surround the stone — an inner bezel that grips it tight, an outer rim that catches the light. Four teardrop-shaped claw prongs anchor the corners, each one filed smooth and polished to a soft point. Secure, architectural, beautiful from every angle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 03 Scenes ===== --\u003e\n\u003csection class=\"scenes\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eScenes\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eIn Context\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"scene-card reveal\"\u003e\n \u003cspan class=\"scene-num\"\u003e01\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-nocwc6vr4ah.png?v=1790501914\" alt=\"Ring on green moss and driftwood with ferns\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eOn Moss \u0026amp; Driftwood\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eLaid on living moss among gnarled driftwood and fern fronds — the stone's deep green at one with the forest floor that surrounds it.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d1\"\u003e\n \u003cspan class=\"scene-num\"\u003e02\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-6sn3zyy18ku.png?v=1790501914\" alt=\"Ring on deep forest green velvet\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eOn Forest Velvet\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eResting on deep emerald velvet, warm bokeh behind — the stone's green deepened by the fabric that mirrors it, luxury made quiet.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d2\"\u003e\n \u003cspan class=\"scene-num\"\u003e03\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-x8rpx6q0g6.png?v=1790501914\" alt=\"Ring on vintage brown leather with brass buttons\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eOn Vintage Leather\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eAged brown leather, antique brass buttons — the ring's ornate gold and deep green belonging to another century, found among things that have lasted.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d3\"\u003e\n \u003cspan class=\"scene-num\"\u003e04\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-qrk6zblqb58.png?v=1790501914\" alt=\"Ring among raw malachite and green mineral stones\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eAmong Malachite\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eNestled in raw banded malachite — the earth's own green, rough and striated, answering the smooth polished stone that rests above it.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 04 Specifications ===== --\u003e\n\u003csection class=\"specs-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e04\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eSpecifications\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eDetails\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"specs-grid reveal reveal-d1\"\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eGemstone\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eDeep Green Cabochon\u003csmall\u003eNatural vein pattern\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eCut\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eSquare Cabochon\u003csmall\u003eHigh smooth dome\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eMetal\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eRose Gold\u003csmall\u003eWarm antique tone\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eStyle\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eBaroque\u003csmall\u003eOrnate scrollwork\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eSetting\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eDouble Bezel + Claws\u003csmall\u003eFour teardrop prongs\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eBand\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eOrnate Carved\u003csmall\u003eOxidized \u0026amp; polished\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 保障 ===== --\u003e\n\u003csection style=\"padding-top:0; background:#0A0A0A;\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"guarantees\"\u003e\n \u003cdiv class=\"guarantee reveal\"\u003e\n\u003cdiv class=\"icon\"\u003e◆\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eNatural Stone\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d1\"\u003e\n\u003cdiv class=\"icon\"\u003e✦\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eHandcrafted\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d2\"\u003e\n\u003cdiv class=\"icon\"\u003e❖\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eSecure Shipping\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d3\"\u003e\n\u003cdiv class=\"icon\"\u003e✧\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eSatisfaction\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cfooter\u003e\u003cspan\u003eQINEANLA\u003c\/span\u003e™ · Natural Gemstone Jewelry · 2025\u003c\/footer\u003e\n\n\n\n\u003c\/body\u003e","brand":"qineanla","offers":[{"title":"Default Title","offer_id":67684969087175,"sku":null,"price":759.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-qrk6zblqb58.png?v=1790501914"},{"product_id":"qineanla™-azure-storm-blue-lightning-orb-earrings","title":"QINEANLA™ Azure Storm — Blue Lightning Orb Earrings","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\"\u003e\n\u003ctitle\u003eQINEANLA™ — Azure Storm · Blue Lightning Orb Earrings\u003c\/title\u003e\n\u003cstyle\u003e\n* { margin: 0; padding: 0; box-sizing: border-box; }\nhtml { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }\nbody {\n background: #0A0A0A !important;\n color: #E8E8E8;\n font-family: Georgia, 'Times New Roman', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.8;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n}\nimg { display: block; width: 100%; height: auto; user-select: none; -webkit-user-drag: none; }\n\n@keyframes fadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n}\n@keyframes scaleIn {\n from { opacity: 0; transform: scale(0.94); }\n to { opacity: 1; transform: scale(1); }\n}\n@keyframes breathe {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.015); }\n}\n@keyframes scrollBob {\n 0%, 100% { transform: translateX(-50%) translateY(0); opacity: 0.4; }\n 50% { transform: translateX(-50%) translateY(6px); opacity: 0.9; }\n}\n\n.reveal {\n opacity: 0;\n animation: fadeUp 0.9s cubic-bezier(0.22,0.61,0.36,1) forwards;\n}\n.reveal-d1 { animation-delay: 0.15s; }\n.reveal-d2 { animation-delay: 0.3s; }\n.reveal-d3 { animation-delay: 0.45s; }\n.reveal-d4 { animation-delay: 0.6s; }\n.reveal-img {\n opacity: 0;\n animation: scaleIn 1.1s cubic-bezier(0.22,0.61,0.36,1) forwards;\n}\n.hero-img { animation: breathe 6s ease-in-out infinite; }\n.scroll-hint { animation: scrollBob 2s ease-in-out infinite; }\n\n.container { max-width: 460px; margin: 0 auto; padding: 0 22px; }\n\n\/* ===== 首屏 ===== *\/\n.hero {\n min-height: 100vh; min-height: 100dvh;\n display: flex; flex-direction: column;\n justify-content: center; align-items: center;\n text-align: center; padding: 50px 22px 60px;\n position: relative; background: #0A0A0A;\n}\n.hero-masthead {\n position: absolute; top: 30px; left: 0; right: 0;\n display: flex; justify-content: space-between;\n padding: 0 28px;\n font-size: 9px; letter-spacing: 2px; color: #555;\n text-transform: uppercase; font-family: sans-serif;\n}\n.hero-masthead span:first-child { color: #B8A07A; }\n.hero-side-text {\n position: absolute; right: 6px; top: 50%;\n transform: translateY(-50%) rotate(90deg);\n transform-origin: right center;\n font-size: 9px; letter-spacing: 4px; color: #555;\n text-transform: uppercase; white-space: nowrap; font-family: sans-serif;\n}\n.hero-img-wrap {\n width: 100%; max-width: 300px; margin-bottom: 36px; position: relative;\n}\n.hero-img-wrap::after {\n content: ''; position: absolute; bottom: -16px; left: 50%;\n transform: translateX(-50%); width: 70%; height: 26px;\n background: radial-gradient(ellipse at center, rgba(184,160,122,0.1) 0%, transparent 70%);\n}\n.hero-brand {\n font-family: Georgia, serif; font-size: 10px;\n letter-spacing: 6px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 10px;\n}\n.hero-sub-en {\n font-size: 9px; letter-spacing: 4px; color: #666;\n text-transform: uppercase; margin-bottom: 4px; font-family: sans-serif;\n}\n.hero-title {\n font-family: Georgia, serif; font-size: 36px;\n font-weight: 400; letter-spacing: 5px; line-height: 1.2; margin-bottom: 6px;\n text-transform: uppercase; color: #E8E8E8;\n}\n.hero-title::after {\n content: ''; display: block; width: 30px; height: 1px;\n background: #B8A07A; margin: 14px auto 0;\n}\n.hero-sub-cn {\n font-size: 11px; letter-spacing: 3px; color: #888;\n margin-bottom: 28px; text-transform: uppercase; font-family: sans-serif;\n}\n.hero-tagline {\n font-family: Georgia, serif; font-size: 14px;\n color: #888; letter-spacing: 0.5px;\n font-style: italic; line-height: 2; max-width: 260px;\n}\n.scroll-hint {\n position: absolute; bottom: 28px; left: 50%;\n transform: translateX(-50%);\n font-size: 9px; letter-spacing: 3px; color: #555;\n text-transform: uppercase; font-family: sans-serif;\n}\n\n\/* ===== section标题 ===== *\/\n.mag-head {\n display: flex; align-items: baseline; gap: 14px;\n margin-bottom: 40px; padding-bottom: 16px;\n border-bottom: 1px solid #1E1E1E;\n}\n.mag-head .num {\n font-family: Georgia, serif; font-size: 36px;\n color: #B8A07A; line-height: 1; opacity: 0.6;\n}\n.mag-head .titles h2 {\n font-family: Georgia, serif; font-size: 22px;\n font-weight: 400; letter-spacing: 3px; line-height: 1.2;\n text-transform: uppercase; color: #E8E8E8;\n}\n.mag-head .titles .en {\n font-size: 9px; letter-spacing: 3px; color: #555;\n text-transform: uppercase; margin-top: 4px; font-family: sans-serif;\n}\n\n\/* ===== 故事区 ===== *\/\n.story { padding: 72px 0; background: #0A0A0A; }\n.story .lead {\n font-family: Georgia, serif; font-size: 17px;\n line-height: 1.9; color: #E8E8E8; margin-bottom: 28px;\n text-align: left; font-weight: 300;\n}\n.story .lead::first-letter {\n font-family: Georgia, serif; font-size: 3.2em;\n color: #B8A07A; float: left;\n line-height: 0.85; padding: 4px 10px 0 0; font-weight: 400;\n}\n.story .body {\n font-size: 13px; color: #999; line-height: 2.1;\n text-align: left; margin-bottom: 20px; font-family: sans-serif;\n}\n.story .pull-quote {\n border-left: 2px solid #B8A07A;\n padding: 8px 0 8px 18px; margin: 28px 0;\n font-family: Georgia, serif; font-style: italic;\n font-size: 15px; color: #C8C8C8;\n line-height: 1.8; letter-spacing: 0.3px;\n}\n.story .pull-quote .quote-mark {\n font-size: 28px; color: #B8A07A;\n line-height: 0; vertical-align: -8px;\n margin-right: 4px; opacity: 0.7;\n}\n\n\/* ===== 细节区 ===== *\/\n.details { padding: 72px 0; background: #0A0A0A; }\n.detail-card { margin-bottom: 64px; position: relative; }\n.detail-card:last-child { margin-bottom: 0; }\n.detail-card .big-num {\n position: absolute; top: -20px; right: -8px;\n font-family: Georgia, serif; font-size: 120px;\n color: #333; opacity: 0.4;\n line-height: 1; font-weight: 400;\n pointer-events: none; z-index: 0;\n}\n.detail-card .img-wrap {\n overflow: hidden; margin-bottom: 24px; position: relative; z-index: 1;\n}\n.detail-card .img-wrap img { transition: transform 0.8s ease; }\n.detail-card .img-wrap:hover img { transform: scale(1.04); }\n.detail-card .img-wrap::after {\n content: ''; position: absolute; inset: 0;\n background: linear-gradient(180deg, transparent 55%, rgba(10,10,10,0.35) 100%);\n pointer-events: none;\n}\n.detail-card .text-block { position: relative; z-index: 1; padding-left: 4px; }\n.detail-card .label {\n font-size: 9px; letter-spacing: 3px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 8px; font-family: sans-serif;\n}\n.detail-card h3 {\n font-family: Georgia, serif; font-size: 20px;\n font-weight: 400; letter-spacing: 2px;\n color: #C8C8C8; margin-bottom: 12px; line-height: 1.3;\n text-transform: uppercase;\n}\n.detail-card h3::after {\n content: ''; display: block; width: 24px; height: 1px;\n background: #B8A07A; margin-top: 10px;\n}\n.detail-card p {\n font-size: 13px; color: #888; line-height: 2; max-width: 340px; font-family: sans-serif;\n}\n.detail-card:nth-child(odd) .text-block { padding-left: 20px; }\n.detail-card:nth-child(even) .text-block { padding-right: 20px; text-align: right; }\n.detail-card:nth-child(even) .text-block p { margin-left: auto; }\n.detail-card:nth-child(even) h3::after { margin-left: auto; }\n.detail-card:nth-child(even) .big-num { right: auto; left: -8px; }\n\n\/* ===== 场景区 ===== *\/\n.scenes { padding: 72px 0; background: #0A0A0A; }\n.scene-card {\n position: relative; overflow: hidden; margin-bottom: 28px;\n}\n.scene-card:last-child { margin-bottom: 0; }\n.scene-card img { transition: transform 0.9s ease; }\n.scene-card:hover img { transform: scale(1.06); }\n.scene-card .scene-num {\n position: absolute; top: 16px; left: 16px;\n font-family: Georgia, serif; font-size: 32px;\n color: #B8A07A; line-height: 1;\n text-shadow: 0 2px 8px rgba(0,0,0,0.5); z-index: 2;\n}\n.scene-card .scene-num .slash {\n font-size: 14px; color: #666;\n vertical-align: super; margin-left: 2px;\n}\n.scene-card .caption {\n position: absolute; left: 0; right: 0; bottom: 0;\n padding: 32px 20px 18px;\n background: linear-gradient(transparent, rgba(10,10,10,0.9)); z-index: 2;\n}\n.scene-card .caption .tag {\n font-size: 9px; letter-spacing: 3px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 6px; font-family: sans-serif;\n}\n.scene-card .caption .txt {\n font-family: Georgia, serif; font-size: 15px;\n color: #E0E0E0; letter-spacing: 0.5px; line-height: 1.5;\n}\n\n\/* ===== 参数区 ===== *\/\n.specs-section { padding: 72px 0; background: #0A0A0A; }\n.specs-grid {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 0; border: 1px solid #1E1E1E;\n}\n.spec-cell {\n padding: 22px 18px; border-right: 1px solid #1E1E1E;\n border-bottom: 1px solid #1E1E1E; position: relative;\n}\n.spec-cell:nth-child(2n) { border-right: none; }\n.spec-cell:nth-child(n+5) { border-bottom: none; }\n.spec-cell .spec-label {\n font-size: 9px; letter-spacing: 2px; color: #555;\n text-transform: uppercase; margin-bottom: 8px; font-family: sans-serif;\n}\n.spec-cell .spec-value {\n font-family: Georgia, serif; font-size: 14px;\n color: #E8E8E8; line-height: 1.5;\n}\n.spec-cell .spec-value small {\n font-family: sans-serif; font-size: 11px;\n color: #888; display: block; margin-top: 2px;\n}\n\n\/* ===== 保障 ===== *\/\n.guarantees {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 0; margin-top: 48px;\n border: 1px solid #1E1E1E;\n}\n.guarantee {\n text-align: center; padding: 28px 12px;\n border-right: 1px solid #1E1E1E;\n border-bottom: 1px solid #1E1E1E;\n}\n.guarantee:nth-child(2n) { border-right: none; }\n.guarantee:nth-child(n+3) { border-bottom: none; }\n.guarantee .icon { font-size: 18px; color: #B8A07A; margin-bottom: 10px; opacity: 0.7; }\n.guarantee .txt {\n font-size: 11px; color: #888;\n letter-spacing: 1px; text-transform: uppercase; font-family: sans-serif;\n}\n\nfooter {\n text-align: center; padding: 40px 20px 32px;\n font-size: 9px; color: #555;\n letter-spacing: 3px; border-top: 1px solid #1E1E1E;\n text-transform: uppercase; font-family: Georgia, serif; background: #0A0A0A;\n}\nfooter span { color: #B8A07A; }\n\n@media (max-width: 360px) {\n .container { padding: 0 16px; }\n .hero { padding: 40px 16px 50px; }\n .hero-title { font-size: 28px; letter-spacing: 3px; }\n .hero-side-text { display: none; }\n .detail-card .big-num { font-size: 90px; }\n .spec-cell { padding: 18px 14px; }\n}\n\u003c\/style\u003e\n\n\n\n\u003c!-- ===== 首屏 ===== --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-masthead reveal\"\u003e\n \u003cspan\u003eVOL.12\u003c\/span\u003e\n \u003cspan\u003eNatural Gemstone\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-side-text reveal reveal-d1\"\u003eHandcrafted · One of a Kind\u003c\/div\u003e\n\n \u003cdiv class=\"hero-img-wrap reveal-img\"\u003e\n \u003cimg class=\"hero-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-h7qzeujyvwb_1.png?v=1790502399\" alt=\"Blue Lightning Orb Earrings by QINEANLA\"\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"hero-brand reveal reveal-d1\"\u003eQINEANLA™\u003c\/p\u003e\n \u003cp class=\"hero-sub-en reveal reveal-d1\"\u003eBlue Lightning Orb Earrings\u003c\/p\u003e\n \u003ch1 class=\"hero-title reveal reveal-d2\"\u003eAzure Storm\u003c\/h1\u003e\n \u003cp class=\"hero-sub-cn reveal reveal-d2\"\u003eSphere Orb · Yellow Gold\u003c\/p\u003e\n \u003cp class=\"hero-tagline reveal reveal-d3\"\u003e\"A summer storm captured in glass — lightning held still, the night sky worn on the ear.\"\u003c\/p\u003e\n \u003cdiv class=\"scroll-hint\"\u003eScroll ↓\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 01 Origin ===== --\u003e\n\u003csection class=\"story\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eOrigin\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eThe Stone\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"lead reveal reveal-d1\"\u003eInside each sphere, a network of golden lightning fractures the deep blue — branching, branching, never repeating. It is the pattern of a storm frozen mid-strike, of electricity finding its path through water, of the night sky split open for a single, silent moment.\u003c\/p\u003e\n \u003cdiv class=\"pull-quote reveal reveal-d2\"\u003e\n\u003cspan class=\"quote-mark\"\u003e\"\u003c\/span\u003eThe sphere is the oldest shape in jewelry — a full circle, no beginning, no end. Inside it, the storm is contained; outside it, the world is calm.\u003c\/div\u003e\n \u003cp class=\"body reveal reveal-d2\"\u003eCut as a perfect sphere and polished to a glass-like finish, the stone shows its internal pattern from every angle. Turn the earring and the lightning shifts — some branches bright, some faint, some hidden until the light finds them. No two spheres contain the same storm.\u003c\/p\u003e\n \u003cp class=\"body reveal reveal-d3\"\u003eCapped with a six-petal gold flower set with pavé diamonds and suspended from a smooth French hook, each earring moves with the wearer — a small, contained storm, catching light and throwing it back, blue and gold, always in motion.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 02 Craftsmanship ===== --\u003e\n\u003csection class=\"details\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eCraftsmanship\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eThe Making\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-5jzb45pvpd7.png?v=1790502399\" alt=\"Blue sphere with golden lightning pattern macro\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 01\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003eBlue Lightning Sphere\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eA perfect sphere of deep blue, polished to a mirror finish. Inside, golden dendritic veins branch like lightning across a summer sky — each one unique, each one frozen in place. The smooth surface lets the eye travel deep into the stone without interruption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-7m8yew59uvy.png?v=1790502399\" alt=\"Gold leaf cap with pavé diamonds macro\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 02\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003ePavé Leaf Cap\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eSix curved gold petals cup the top of the sphere, each one pavé-set with small round diamonds. The petals are shaped like leaves — pointed at the tip, rounded at the base — and frame the stone like a crown. A small gold bead caps the bottom, completing the sphere.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-2yb9fqrjpmd.png?v=1790502399\" alt=\"Gold French hook and connecting rings macro\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 03\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003eFrench Hook \u0026amp; Links\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eA smooth, curved French hook connects to the cap through two polished gold jump rings — a detail that lets the sphere swing freely with every movement. The hook is thick enough for security, slender enough for elegance, and finished to a warm gold glow.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 03 Scenes ===== --\u003e\n\u003csection class=\"scenes\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eScenes\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eIn Context\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"scene-card reveal\"\u003e\n \u003cspan class=\"scene-num\"\u003e01\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-1zm3mbjlwso.png?v=1790502399\" alt=\"Earrings among blue hyacinth petals\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eAmong Blue Hyacinth\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eLaid on a bed of blue hyacinth petals — the sphere's deep blue answered by the flowers that surround it, gold against violet.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d1\"\u003e\n \u003cspan class=\"scene-num\"\u003e02\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-sg3ce3xv31j.png?v=1790502399\" alt=\"Earrings on wet black rock with ginkgo leaves\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eOn Wet Rock \u0026amp; Ginkgo\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eResting on glistening black stone among golden ginkgo leaves — the sphere's internal lightning mirrored by the water's surface, blue against autumn gold.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d2\"\u003e\n \u003cspan class=\"scene-num\"\u003e03\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-linqesxhixq.png?v=1790502399\" alt=\"Earrings among raw lapis lazuli stones with gold bowl\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eAmong Lapis Lazuli\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eNestled in raw lapis lazuli beside a hammered gold bowl — the earth's own blue and gold, rough stone beside polished sphere.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d3\"\u003e\n \u003cspan class=\"scene-num\"\u003e04\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-kgn14qb836s.png?v=1790502399\" alt=\"Earrings on navy velvet jewelry box with dried flowers\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eOn Navy Velvet\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eResting on deep navy velvet beside a jewelry box and dried flowers — the sphere's blue deepened by the fabric, a quiet luxury meant for slow moments.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 04 Specifications ===== --\u003e\n\u003csection class=\"specs-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e04\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eSpecifications\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eDetails\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"specs-grid reveal reveal-d1\"\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eGemstone\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eBlue Lightning Orb\u003csmall\u003eGolden dendritic veins\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eForm\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eSphere \/ Round Bead\u003csmall\u003eMirror polish\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eMetal\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eYellow Gold\u003csmall\u003eWarm high polish\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eCap\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eLeaf Pavé\u003csmall\u003e6 petals with diamonds\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eHook\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eFrench Hook\u003csmall\u003eSmooth curved wire\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eType\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eDrop Earrings\u003csmall\u003eSold as a pair\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 保障 ===== --\u003e\n\u003csection style=\"padding-top:0; background:#0A0A0A;\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"guarantees\"\u003e\n \u003cdiv class=\"guarantee reveal\"\u003e\n\u003cdiv class=\"icon\"\u003e◆\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eNatural Stone\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d1\"\u003e\n\u003cdiv class=\"icon\"\u003e✦\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eHandcrafted\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d2\"\u003e\n\u003cdiv class=\"icon\"\u003e❖\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eSecure Shipping\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d3\"\u003e\n\u003cdiv class=\"icon\"\u003e✧\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eSatisfaction\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cfooter\u003e\u003cspan\u003eQINEANLA\u003c\/span\u003e™ · Natural Gemstone Jewelry · 2025\u003c\/footer\u003e\n\n\n\n\u003c\/body\u003e","brand":"qineanla","offers":[{"title":"Default Title","offer_id":67686144868551,"sku":null,"price":859.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-1zm3mbjlwso.png?v=1790502399"},{"product_id":"qineanla™-moonlit-moonstone-silver-bracelet","title":"QINEANLA™ Moonlit — Moonstone Silver Bracelet","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\"\u003e\n\u003ctitle\u003eQINEANLA™ — Moonlit · Moonstone Silver Bracelet\u003c\/title\u003e\n\u003cstyle\u003e\n* { margin: 0; padding: 0; box-sizing: border-box; }\nhtml { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }\nbody {\n background: #0A0A0A !important;\n color: #E8E8E8;\n font-family: Georgia, 'Times New Roman', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.8;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n}\nimg { display: block; width: 100%; height: auto; user-select: none; -webkit-user-drag: none; }\n\n@keyframes fadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n}\n@keyframes scaleIn {\n from { opacity: 0; transform: scale(0.94); }\n to { opacity: 1; transform: scale(1); }\n}\n@keyframes breathe {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.015); }\n}\n@keyframes scrollBob {\n 0%, 100% { transform: translateX(-50%) translateY(0); opacity: 0.4; }\n 50% { transform: translateX(-50%) translateY(6px); opacity: 0.9; }\n}\n\n.reveal {\n opacity: 0;\n animation: fadeUp 0.9s cubic-bezier(0.22,0.61,0.36,1) forwards;\n}\n.reveal-d1 { animation-delay: 0.15s; }\n.reveal-d2 { animation-delay: 0.3s; }\n.reveal-d3 { animation-delay: 0.45s; }\n.reveal-d4 { animation-delay: 0.6s; }\n.reveal-img {\n opacity: 0;\n animation: scaleIn 1.1s cubic-bezier(0.22,0.61,0.36,1) forwards;\n}\n.hero-img { animation: breathe 6s ease-in-out infinite; }\n.scroll-hint { animation: scrollBob 2s ease-in-out infinite; }\n\n.container { max-width: 460px; margin: 0 auto; padding: 0 22px; }\n\n\/* ===== 首屏 ===== *\/\n.hero {\n min-height: 100vh; min-height: 100dvh;\n display: flex; flex-direction: column;\n justify-content: center; align-items: center;\n text-align: center; padding: 50px 22px 60px;\n position: relative; background: #0A0A0A;\n}\n.hero-masthead {\n position: absolute; top: 30px; left: 0; right: 0;\n display: flex; justify-content: space-between;\n padding: 0 28px;\n font-size: 9px; letter-spacing: 2px; color: #555;\n text-transform: uppercase; font-family: sans-serif;\n}\n.hero-masthead span:first-child { color: #B8A07A; }\n.hero-side-text {\n position: absolute; right: 6px; top: 50%;\n transform: translateY(-50%) rotate(90deg);\n transform-origin: right center;\n font-size: 9px; letter-spacing: 4px; color: #555;\n text-transform: uppercase; white-space: nowrap; font-family: sans-serif;\n}\n.hero-img-wrap {\n width: 100%; max-width: 320px; margin-bottom: 36px; position: relative;\n}\n.hero-img-wrap::after {\n content: ''; position: absolute; bottom: -16px; left: 50%;\n transform: translateX(-50%); width: 70%; height: 26px;\n background: radial-gradient(ellipse at center, rgba(184,160,122,0.1) 0%, transparent 70%);\n}\n.hero-brand {\n font-family: Georgia, serif; font-size: 10px;\n letter-spacing: 6px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 10px;\n}\n.hero-sub-en {\n font-size: 9px; letter-spacing: 4px; color: #666;\n text-transform: uppercase; margin-bottom: 4px; font-family: sans-serif;\n}\n.hero-title {\n font-family: Georgia, serif; font-size: 36px;\n font-weight: 400; letter-spacing: 5px; line-height: 1.2; margin-bottom: 6px;\n text-transform: uppercase; color: #E8E8E8;\n}\n.hero-title::after {\n content: ''; display: block; width: 30px; height: 1px;\n background: #B8A07A; margin: 14px auto 0;\n}\n.hero-sub-cn {\n font-size: 11px; letter-spacing: 3px; color: #888;\n margin-bottom: 28px; text-transform: uppercase; font-family: sans-serif;\n}\n.hero-tagline {\n font-family: Georgia, serif; font-size: 14px;\n color: #888; letter-spacing: 0.5px;\n font-style: italic; line-height: 2; max-width: 260px;\n}\n.scroll-hint {\n position: absolute; bottom: 28px; left: 50%;\n transform: translateX(-50%);\n font-size: 9px; letter-spacing: 3px; color: #555;\n text-transform: uppercase; font-family: sans-serif;\n}\n\n\/* ===== section标题 ===== *\/\n.mag-head {\n display: flex; align-items: baseline; gap: 14px;\n margin-bottom: 40px; padding-bottom: 16px;\n border-bottom: 1px solid #1E1E1E;\n}\n.mag-head .num {\n font-family: Georgia, serif; font-size: 36px;\n color: #B8A07A; line-height: 1; opacity: 0.6;\n}\n.mag-head .titles h2 {\n font-family: Georgia, serif; font-size: 22px;\n font-weight: 400; letter-spacing: 3px; line-height: 1.2;\n text-transform: uppercase; color: #E8E8E8;\n}\n.mag-head .titles .en {\n font-size: 9px; letter-spacing: 3px; color: #555;\n text-transform: uppercase; margin-top: 4px; font-family: sans-serif;\n}\n\n\/* ===== 故事区 ===== *\/\n.story { padding: 72px 0; background: #0A0A0A; }\n.story .lead {\n font-family: Georgia, serif; font-size: 17px;\n line-height: 1.9; color: #E8E8E8; margin-bottom: 28px;\n text-align: left; font-weight: 300;\n}\n.story .lead::first-letter {\n font-family: Georgia, serif; font-size: 3.2em;\n color: #B8A07A; float: left;\n line-height: 0.85; padding: 4px 10px 0 0; font-weight: 400;\n}\n.story .body {\n font-size: 13px; color: #999; line-height: 2.1;\n text-align: left; margin-bottom: 20px; font-family: sans-serif;\n}\n.story .pull-quote {\n border-left: 2px solid #B8A07A;\n padding: 8px 0 8px 18px; margin: 28px 0;\n font-family: Georgia, serif; font-style: italic;\n font-size: 15px; color: #C8C8C8;\n line-height: 1.8; letter-spacing: 0.3px;\n}\n.story .pull-quote .quote-mark {\n font-size: 28px; color: #B8A07A;\n line-height: 0; vertical-align: -8px;\n margin-right: 4px; opacity: 0.7;\n}\n\n\/* ===== 细节区 ===== *\/\n.details { padding: 72px 0; background: #0A0A0A; }\n.detail-card { margin-bottom: 64px; position: relative; }\n.detail-card:last-child { margin-bottom: 0; }\n.detail-card .big-num {\n position: absolute; top: -20px; right: -8px;\n font-family: Georgia, serif; font-size: 120px;\n color: #333; opacity: 0.4;\n line-height: 1; font-weight: 400;\n pointer-events: none; z-index: 0;\n}\n.detail-card .img-wrap {\n overflow: hidden; margin-bottom: 24px; position: relative; z-index: 1;\n}\n.detail-card .img-wrap img { transition: transform 0.8s ease; }\n.detail-card .img-wrap:hover img { transform: scale(1.04); }\n.detail-card .img-wrap::after {\n content: ''; position: absolute; inset: 0;\n background: linear-gradient(180deg, transparent 55%, rgba(10,10,10,0.35) 100%);\n pointer-events: none;\n}\n.detail-card .text-block { position: relative; z-index: 1; padding-left: 4px; }\n.detail-card .label {\n font-size: 9px; letter-spacing: 3px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 8px; font-family: sans-serif;\n}\n.detail-card h3 {\n font-family: Georgia, serif; font-size: 20px;\n font-weight: 400; letter-spacing: 2px;\n color: #C8C8C8; margin-bottom: 12px; line-height: 1.3;\n text-transform: uppercase;\n}\n.detail-card h3::after {\n content: ''; display: block; width: 24px; height: 1px;\n background: #B8A07A; margin-top: 10px;\n}\n.detail-card p {\n font-size: 13px; color: #888; line-height: 2; max-width: 340px; font-family: sans-serif;\n}\n.detail-card:nth-child(odd) .text-block { padding-left: 20px; }\n.detail-card:nth-child(even) .text-block { padding-right: 20px; text-align: right; }\n.detail-card:nth-child(even) .text-block p { margin-left: auto; }\n.detail-card:nth-child(even) h3::after { margin-left: auto; }\n.detail-card:nth-child(even) .big-num { right: auto; left: -8px; }\n\n\/* ===== 场景区 ===== *\/\n.scenes { padding: 72px 0; background: #0A0A0A; }\n.scene-card {\n position: relative; overflow: hidden; margin-bottom: 28px;\n}\n.scene-card:last-child { margin-bottom: 0; }\n.scene-card img { transition: transform 0.9s ease; }\n.scene-card:hover img { transform: scale(1.06); }\n.scene-card .scene-num {\n position: absolute; top: 16px; left: 16px;\n font-family: Georgia, serif; font-size: 32px;\n color: #B8A07A; line-height: 1;\n text-shadow: 0 2px 8px rgba(0,0,0,0.5); z-index: 2;\n}\n.scene-card .scene-num .slash {\n font-size: 14px; color: #666;\n vertical-align: super; margin-left: 2px;\n}\n.scene-card .caption {\n position: absolute; left: 0; right: 0; bottom: 0;\n padding: 32px 20px 18px;\n background: linear-gradient(transparent, rgba(10,10,10,0.9)); z-index: 2;\n}\n.scene-card .caption .tag {\n font-size: 9px; letter-spacing: 3px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 6px; font-family: sans-serif;\n}\n.scene-card .caption .txt {\n font-family: Georgia, serif; font-size: 15px;\n color: #E0E0E0; letter-spacing: 0.5px; line-height: 1.5;\n}\n\n\/* ===== 参数区 ===== *\/\n.specs-section { padding: 72px 0; background: #0A0A0A; }\n.specs-grid {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 0; border: 1px solid #1E1E1E;\n}\n.spec-cell {\n padding: 22px 18px; border-right: 1px solid #1E1E1E;\n border-bottom: 1px solid #1E1E1E; position: relative;\n}\n.spec-cell:nth-child(2n) { border-right: none; }\n.spec-cell:nth-child(n+5) { border-bottom: none; }\n.spec-cell .spec-label {\n font-size: 9px; letter-spacing: 2px; color: #555;\n text-transform: uppercase; margin-bottom: 8px; font-family: sans-serif;\n}\n.spec-cell .spec-value {\n font-family: Georgia, serif; font-size: 14px;\n color: #E8E8E8; line-height: 1.5;\n}\n.spec-cell .spec-value small {\n font-family: sans-serif; font-size: 11px;\n color: #888; display: block; margin-top: 2px;\n}\n\n\/* ===== 保障 ===== *\/\n.guarantees {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 0; margin-top: 48px;\n border: 1px solid #1E1E1E;\n}\n.guarantee {\n text-align: center; padding: 28px 12px;\n border-right: 1px solid #1E1E1E;\n border-bottom: 1px solid #1E1E1E;\n}\n.guarantee:nth-child(2n) { border-right: none; }\n.guarantee:nth-child(n+3) { border-bottom: none; }\n.guarantee .icon { font-size: 18px; color: #B8A07A; margin-bottom: 10px; opacity: 0.7; }\n.guarantee .txt {\n font-size: 11px; color: #888;\n letter-spacing: 1px; text-transform: uppercase; font-family: sans-serif;\n}\n\nfooter {\n text-align: center; padding: 40px 20px 32px;\n font-size: 9px; color: #555;\n letter-spacing: 3px; border-top: 1px solid #1E1E1E;\n text-transform: uppercase; font-family: Georgia, serif; background: #0A0A0A;\n}\nfooter span { color: #B8A07A; }\n\n@media (max-width: 360px) {\n .container { padding: 0 16px; }\n .hero { padding: 40px 16px 50px; }\n .hero-title { font-size: 28px; letter-spacing: 3px; }\n .hero-side-text { display: none; }\n .detail-card .big-num { font-size: 90px; }\n .spec-cell { padding: 18px 14px; }\n}\n\u003c\/style\u003e\n\n\n\n\u003c!-- ===== 首屏 ===== --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-masthead reveal\"\u003e\n \u003cspan\u003eVOL.13\u003c\/span\u003e\n \u003cspan\u003eNatural Gemstone\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-side-text reveal reveal-d1\"\u003eHandcrafted · One of a Kind\u003c\/div\u003e\n\n \u003cdiv class=\"hero-img-wrap reveal-img\"\u003e\n \u003cimg class=\"hero-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-n3dlut9z43_1.png?v=1790503173\" alt=\"Moonstone Silver Bracelet by QINEANLA\"\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"hero-brand reveal reveal-d1\"\u003eQINEANLA™\u003c\/p\u003e\n \u003cp class=\"hero-sub-en reveal reveal-d1\"\u003eMoonstone Silver Bracelet\u003c\/p\u003e\n \u003ch1 class=\"hero-title reveal reveal-d2\"\u003eMoonlit\u003c\/h1\u003e\n \u003cp class=\"hero-sub-cn reveal reveal-d2\"\u003eRound Cabochon · Sterling Silver\u003c\/p\u003e\n \u003cp class=\"hero-tagline reveal reveal-d3\"\u003e\"A piece of the moon, worn on the wrist — its blue glow moving with every turn of the hand.\"\u003c\/p\u003e\n \u003cdiv class=\"scroll-hint\"\u003eScroll ↓\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 01 Origin ===== --\u003e\n\u003csection class=\"story\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eOrigin\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eThe Stone\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"lead reveal reveal-d1\"\u003eA round moonstone, milky white and translucent, holds within it a soft blue glow that moves across the surface like moonlight on still water. This is adularescence — the stone's own light, born from layers within, shifting as the wrist turns, never still, never the same twice.\u003c\/p\u003e\n \u003cdiv class=\"pull-quote reveal reveal-d2\"\u003e\n\u003cspan class=\"quote-mark\"\u003e\"\u003c\/span\u003eMoonstone has been worn for centuries as a stone of new beginnings — of the tide, of the night, of things that return. Set in silver, it becomes a small moon you carry with you.\u003c\/div\u003e\n \u003cp class=\"body reveal reveal-d2\"\u003eCut as a smooth round cabochon and polished to a glass-like finish, the stone shows its blue glow at its strongest. A faceted cut would break the light; a dome holds it whole, lets it breathe, lets the eye sink into the soft milky depth beneath.\u003c\/p\u003e\n \u003cp class=\"body reveal reveal-d3\"\u003eFramed by a delicate milgrain bezel of tiny silver beads and strung on a smooth snake chain, the bracelet is quiet but unmistakable — a single point of blue light at the center of the wrist, moving with you, glowing when the light finds it.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 02 Craftsmanship ===== --\u003e\n\u003csection class=\"details\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eCraftsmanship\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eThe Making\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-01pk4plfhvi8.png?v=1790503173\" alt=\"Round moonstone with blue adularescence macro\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 01\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003eBlue Moonstone Glow\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eA round cabochon of moonstone, milky white and translucent, with a soft blue adularescence that drifts across the surface. The glow is not on the stone — it is inside it, moving as the light shifts, a small contained moon held in silver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-hb0dspz462c.png?v=1790503173\" alt=\"Milgrain bezel frame and snake chain link macro\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 02\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003eMilgrain Bezel Frame\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eA ring of tiny silver beads — milgrain — circles the stone, each one filed and polished by hand. The bezel grips the moonstone tight, and the beads catch the light like a fringe of stars. Two polished jump rings on either side connect the stone to the chain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-blktlvueqn5.png?v=1790503173\" alt=\"Sterling silver snake chain and connecting ring macro\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 03\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003eSnake Chain \u0026amp; Links\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eA smooth, flexible snake chain of sterling silver — tight interlocking links that lie flat against the wrist, catching light in a continuous silver line. The connecting rings are thick and polished, strong enough for daily wear, slender enough for elegance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 03 Scenes ===== --\u003e\n\u003csection class=\"scenes\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eScenes\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eIn Context\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"scene-card reveal\"\u003e\n \u003cspan class=\"scene-num\"\u003e01\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-0ovsaumv7v8b.png?v=1790503173\" alt=\"Bracelet on white marble with jasmine flowers\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eOn Marble \u0026amp; Jasmine\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eLaid on white veined marble among jasmine petals — the stone's milky glow at one with the flowers that surround it, silver against white.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d1\"\u003e\n \u003cspan class=\"scene-num\"\u003e02\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-woulrptjmt.png?v=1790503173\" alt=\"Bracelet on silver jewelry stand with pearls\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eWith Pearls on Stand\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eHung from a polished silver stand beside three lustrous pearls — the moonstone's glow answered by the pearls' sheen, two kinds of moonlight side by side.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d2\"\u003e\n \u003cspan class=\"scene-num\"\u003e03\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-hqefjgj6b16.png?v=1790503173\" alt=\"Bracelet on wet black rock with water reflection and wildflower\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eOn Wet Rock \u0026amp; Water\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eResting on glistening black stone above still water — the moonstone's blue glow mirrored in the pool below, a small wildflower keeping it company.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d3\"\u003e\n \u003cspan class=\"scene-num\"\u003e04\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-xd45jj32lyg.png?v=1790503173\" alt=\"Bracelet wrapped around white marble cylinder\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eWrapped on Marble\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eCoiled around a white marble cylinder — the snake chain following the curve, the moonstone glowing at the center, minimal and architectural.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 04 Specifications ===== --\u003e\n\u003csection class=\"specs-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e04\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eSpecifications\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eDetails\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"specs-grid reveal reveal-d1\"\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eGemstone\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eMoonstone\u003csmall\u003eBlue adularescence\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eCut\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eRound Cabochon\u003csmall\u003eSmooth high dome\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eMetal\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eSterling Silver\u003csmall\u003eHigh polish\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eFrame\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eMilgrain Bezel\u003csmall\u003eHand-finished beads\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eChain\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eSnake Chain\u003csmall\u003eFlexible flat links\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eType\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eBracelet\u003csmall\u003eSingle stone center\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 保障 ===== --\u003e\n\u003csection style=\"padding-top:0; background:#0A0A0A;\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"guarantees\"\u003e\n \u003cdiv class=\"guarantee reveal\"\u003e\n\u003cdiv class=\"icon\"\u003e◆\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eNatural Stone\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d1\"\u003e\n\u003cdiv class=\"icon\"\u003e✦\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eHandcrafted\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d2\"\u003e\n\u003cdiv class=\"icon\"\u003e❖\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eSecure Shipping\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d3\"\u003e\n\u003cdiv class=\"icon\"\u003e✧\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eSatisfaction\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cfooter\u003e\u003cspan\u003eQINEANLA\u003c\/span\u003e™ · Natural Gemstone Jewelry · 2025\u003c\/footer\u003e\n\n\n\n\u003c\/body\u003e","brand":"qineanla","offers":[{"title":"Default Title","offer_id":67692355879111,"sku":null,"price":859.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-0ovsaumv7v8b.png?v=1790503173"},{"product_id":"qineanla™-aurora-bound-labradorite-viking-pendant","title":"QINEANLA™ Aurora Bound — Labradorite Viking Pendant","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\"\u003e\n\u003ctitle\u003eQINEANLA™ — Aurora Bound · Labradorite Viking Pendant\u003c\/title\u003e\n\u003cstyle\u003e\n* { margin: 0; padding: 0; box-sizing: border-box; }\nhtml { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }\nbody {\n background: #0A0A0A !important;\n color: #E8E8E8;\n font-family: Georgia, 'Times New Roman', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.8;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n}\nimg { display: block; width: 100%; height: auto; user-select: none; -webkit-user-drag: none; }\n\n@keyframes fadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n}\n@keyframes scaleIn {\n from { opacity: 0; transform: scale(0.94); }\n to { opacity: 1; transform: scale(1); }\n}\n@keyframes breathe {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.015); }\n}\n@keyframes scrollBob {\n 0%, 100% { transform: translateX(-50%) translateY(0); opacity: 0.4; }\n 50% { transform: translateX(-50%) translateY(6px); opacity: 0.9; }\n}\n\n.reveal {\n opacity: 0;\n animation: fadeUp 0.9s cubic-bezier(0.22,0.61,0.36,1) forwards;\n}\n.reveal-d1 { animation-delay: 0.15s; }\n.reveal-d2 { animation-delay: 0.3s; }\n.reveal-d3 { animation-delay: 0.45s; }\n.reveal-d4 { animation-delay: 0.6s; }\n.reveal-img {\n opacity: 0;\n animation: scaleIn 1.1s cubic-bezier(0.22,0.61,0.36,1) forwards;\n}\n.hero-img { animation: breathe 6s ease-in-out infinite; }\n.scroll-hint { animation: scrollBob 2s ease-in-out infinite; }\n\n.container { max-width: 460px; margin: 0 auto; padding: 0 22px; }\n\n\/* ===== 首屏 ===== *\/\n.hero {\n min-height: 100vh; min-height: 100dvh;\n display: flex; flex-direction: column;\n justify-content: center; align-items: center;\n text-align: center; padding: 50px 22px 60px;\n position: relative; background: #0A0A0A;\n}\n.hero-masthead {\n position: absolute; top: 30px; left: 0; right: 0;\n display: flex; justify-content: space-between;\n padding: 0 28px;\n font-size: 9px; letter-spacing: 2px; color: #555;\n text-transform: uppercase; font-family: sans-serif;\n}\n.hero-masthead span:first-child { color: #B8A07A; }\n.hero-side-text {\n position: absolute; right: 6px; top: 50%;\n transform: translateY(-50%) rotate(90deg);\n transform-origin: right center;\n font-size: 9px; letter-spacing: 4px; color: #555;\n text-transform: uppercase; white-space: nowrap; font-family: sans-serif;\n}\n.hero-img-wrap {\n width: 100%; max-width: 300px; margin-bottom: 36px; position: relative;\n}\n.hero-img-wrap::after {\n content: ''; position: absolute; bottom: -16px; left: 50%;\n transform: translateX(-50%); width: 70%; height: 26px;\n background: radial-gradient(ellipse at center, rgba(184,160,122,0.1) 0%, transparent 70%);\n}\n.hero-brand {\n font-family: Georgia, serif; font-size: 10px;\n letter-spacing: 6px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 10px;\n}\n.hero-sub-en {\n font-size: 9px; letter-spacing: 4px; color: #666;\n text-transform: uppercase; margin-bottom: 4px; font-family: sans-serif;\n}\n.hero-title {\n font-family: Georgia, serif; font-size: 36px;\n font-weight: 400; letter-spacing: 5px; line-height: 1.2; margin-bottom: 6px;\n text-transform: uppercase; color: #E8E8E8;\n}\n.hero-title::after {\n content: ''; display: block; width: 30px; height: 1px;\n background: #B8A07A; margin: 14px auto 0;\n}\n.hero-sub-cn {\n font-size: 11px; letter-spacing: 3px; color: #888;\n margin-bottom: 28px; text-transform: uppercase; font-family: sans-serif;\n}\n.hero-tagline {\n font-family: Georgia, serif; font-size: 14px;\n color: #888; letter-spacing: 0.5px;\n font-style: italic; line-height: 2; max-width: 260px;\n}\n.scroll-hint {\n position: absolute; bottom: 28px; left: 50%;\n transform: translateX(-50%);\n font-size: 9px; letter-spacing: 3px; color: #555;\n text-transform: uppercase; font-family: sans-serif;\n}\n\n\/* ===== section标题 ===== *\/\n.mag-head {\n display: flex; align-items: baseline; gap: 14px;\n margin-bottom: 40px; padding-bottom: 16px;\n border-bottom: 1px solid #1E1E1E;\n}\n.mag-head .num {\n font-family: Georgia, serif; font-size: 36px;\n color: #B8A07A; line-height: 1; opacity: 0.6;\n}\n.mag-head .titles h2 {\n font-family: Georgia, serif; font-size: 22px;\n font-weight: 400; letter-spacing: 3px; line-height: 1.2;\n text-transform: uppercase; color: #E8E8E8;\n}\n.mag-head .titles .en {\n font-size: 9px; letter-spacing: 3px; color: #555;\n text-transform: uppercase; margin-top: 4px; font-family: sans-serif;\n}\n\n\/* ===== 故事区 ===== *\/\n.story { padding: 72px 0; background: #0A0A0A; }\n.story .lead {\n font-family: Georgia, serif; font-size: 17px;\n line-height: 1.9; color: #E8E8E8; margin-bottom: 28px;\n text-align: left; font-weight: 300;\n}\n.story .lead::first-letter {\n font-family: Georgia, serif; font-size: 3.2em;\n color: #B8A07A; float: left;\n line-height: 0.85; padding: 4px 10px 0 0; font-weight: 400;\n}\n.story .body {\n font-size: 13px; color: #999; line-height: 2.1;\n text-align: left; margin-bottom: 20px; font-family: sans-serif;\n}\n.story .pull-quote {\n border-left: 2px solid #B8A07A;\n padding: 8px 0 8px 18px; margin: 28px 0;\n font-family: Georgia, serif; font-style: italic;\n font-size: 15px; color: #C8C8C8;\n line-height: 1.8; letter-spacing: 0.3px;\n}\n.story .pull-quote .quote-mark {\n font-size: 28px; color: #B8A07A;\n line-height: 0; vertical-align: -8px;\n margin-right: 4px; opacity: 0.7;\n}\n\n\/* ===== 细节区 ===== *\/\n.details { padding: 72px 0; background: #0A0A0A; }\n.detail-card { margin-bottom: 64px; position: relative; }\n.detail-card:last-child { margin-bottom: 0; }\n.detail-card .big-num {\n position: absolute; top: -20px; right: -8px;\n font-family: Georgia, serif; font-size: 120px;\n color: #333; opacity: 0.4;\n line-height: 1; font-weight: 400;\n pointer-events: none; z-index: 0;\n}\n.detail-card .img-wrap {\n overflow: hidden; margin-bottom: 24px; position: relative; z-index: 1;\n}\n.detail-card .img-wrap img { transition: transform 0.8s ease; }\n.detail-card .img-wrap:hover img { transform: scale(1.04); }\n.detail-card .img-wrap::after {\n content: ''; position: absolute; inset: 0;\n background: linear-gradient(180deg, transparent 55%, rgba(10,10,10,0.35) 100%);\n pointer-events: none;\n}\n.detail-card .text-block { position: relative; z-index: 1; padding-left: 4px; }\n.detail-card .label {\n font-size: 9px; letter-spacing: 3px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 8px; font-family: sans-serif;\n}\n.detail-card h3 {\n font-family: Georgia, serif; font-size: 20px;\n font-weight: 400; letter-spacing: 2px;\n color: #C8C8C8; margin-bottom: 12px; line-height: 1.3;\n text-transform: uppercase;\n}\n.detail-card h3::after {\n content: ''; display: block; width: 24px; height: 1px;\n background: #B8A07A; margin-top: 10px;\n}\n.detail-card p {\n font-size: 13px; color: #888; line-height: 2; max-width: 340px; font-family: sans-serif;\n}\n.detail-card:nth-child(odd) .text-block { padding-left: 20px; }\n.detail-card:nth-child(even) .text-block { padding-right: 20px; text-align: right; }\n.detail-card:nth-child(even) .text-block p { margin-left: auto; }\n.detail-card:nth-child(even) h3::after { margin-left: auto; }\n.detail-card:nth-child(even) .big-num { right: auto; left: -8px; }\n\n\/* ===== 场景区 ===== *\/\n.scenes { padding: 72px 0; background: #0A0A0A; }\n.scene-card {\n position: relative; overflow: hidden; margin-bottom: 28px;\n}\n.scene-card:last-child { margin-bottom: 0; }\n.scene-card img { transition: transform 0.9s ease; }\n.scene-card:hover img { transform: scale(1.06); }\n.scene-card .scene-num {\n position: absolute; top: 16px; left: 16px;\n font-family: Georgia, serif; font-size: 32px;\n color: #B8A07A; line-height: 1;\n text-shadow: 0 2px 8px rgba(0,0,0,0.5); z-index: 2;\n}\n.scene-card .scene-num .slash {\n font-size: 14px; color: #666;\n vertical-align: super; margin-left: 2px;\n}\n.scene-card .caption {\n position: absolute; left: 0; right: 0; bottom: 0;\n padding: 32px 20px 18px;\n background: linear-gradient(transparent, rgba(10,10,10,0.9)); z-index: 2;\n}\n.scene-card .caption .tag {\n font-size: 9px; letter-spacing: 3px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 6px; font-family: sans-serif;\n}\n.scene-card .caption .txt {\n font-family: Georgia, serif; font-size: 15px;\n color: #E0E0E0; letter-spacing: 0.5px; line-height: 1.5;\n}\n\n\/* ===== 参数区 ===== *\/\n.specs-section { padding: 72px 0; background: #0A0A0A; }\n.specs-grid {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 0; border: 1px solid #1E1E1E;\n}\n.spec-cell {\n padding: 22px 18px; border-right: 1px solid #1E1E1E;\n border-bottom: 1px solid #1E1E1E; position: relative;\n}\n.spec-cell:nth-child(2n) { border-right: none; }\n.spec-cell:nth-child(n+5) { border-bottom: none; }\n.spec-cell .spec-label {\n font-size: 9px; letter-spacing: 2px; color: #555;\n text-transform: uppercase; margin-bottom: 8px; font-family: sans-serif;\n}\n.spec-cell .spec-value {\n font-family: Georgia, serif; font-size: 14px;\n color: #E8E8E8; line-height: 1.5;\n}\n.spec-cell .spec-value small {\n font-family: sans-serif; font-size: 11px;\n color: #888; display: block; margin-top: 2px;\n}\n\n\/* ===== 保障 ===== *\/\n.guarantees {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 0; margin-top: 48px;\n border: 1px solid #1E1E1E;\n}\n.guarantee {\n text-align: center; padding: 28px 12px;\n border-right: 1px solid #1E1E1E;\n border-bottom: 1px solid #1E1E1E;\n}\n.guarantee:nth-child(2n) { border-right: none; }\n.guarantee:nth-child(n+3) { border-bottom: none; }\n.guarantee .icon { font-size: 18px; color: #B8A07A; margin-bottom: 10px; opacity: 0.7; }\n.guarantee .txt {\n font-size: 11px; color: #888;\n letter-spacing: 1px; text-transform: uppercase; font-family: sans-serif;\n}\n\nfooter {\n text-align: center; padding: 40px 20px 32px;\n font-size: 9px; color: #555;\n letter-spacing: 3px; border-top: 1px solid #1E1E1E;\n text-transform: uppercase; font-family: Georgia, serif; background: #0A0A0A;\n}\nfooter span { color: #B8A07A; }\n\n@media (max-width: 360px) {\n .container { padding: 0 16px; }\n .hero { padding: 40px 16px 50px; }\n .hero-title { font-size: 28px; letter-spacing: 3px; }\n .hero-side-text { display: none; }\n .detail-card .big-num { font-size: 90px; }\n .spec-cell { padding: 18px 14px; }\n}\n\u003c\/style\u003e\n\n\n\n\u003c!-- ===== 首屏 ===== --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-masthead reveal\"\u003e\n \u003cspan\u003eVOL.14\u003c\/span\u003e\n \u003cspan\u003eNatural Gemstone\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-side-text reveal reveal-d1\"\u003eHandcrafted · One of a Kind\u003c\/div\u003e\n\n \u003cdiv class=\"hero-img-wrap reveal-img\"\u003e\n \u003cimg class=\"hero-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-ltouwh2ic5_1.png?v=1790507382\" alt=\"Labradorite Viking Pendant by QINEANLA\"\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"hero-brand reveal reveal-d1\"\u003eQINEANLA™\u003c\/p\u003e\n \u003cp class=\"hero-sub-en reveal reveal-d1\"\u003eLabradorite Viking Pendant\u003c\/p\u003e\n \u003ch1 class=\"hero-title reveal reveal-d2\"\u003eAurora Bound\u003c\/h1\u003e\n \u003cp class=\"hero-sub-cn reveal reveal-d2\"\u003eRaw Freeform · Oxidized Silver\u003c\/p\u003e\n \u003cp class=\"hero-tagline reveal reveal-d3\"\u003e\"The northern lights trapped in stone, guided by a rune — worn as a compass for the road ahead.\"\u003c\/p\u003e\n \u003cdiv class=\"scroll-hint\"\u003eScroll ↓\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 01 Origin ===== --\u003e\n\u003csection class=\"story\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eOrigin\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eThe Stone\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"lead reveal reveal-d1\"\u003eA raw piece of labradorite, its surface crossed by broad bands of blue, green, gold and violet — the same colors that dance across the arctic sky. This is labradorescence: light caught between the stone's internal layers, released only when the angle is right, a flash of aurora held captive in mineral.\u003c\/p\u003e\n \u003cdiv class=\"pull-quote reveal reveal-d2\"\u003e\n\u003cspan class=\"quote-mark\"\u003e\"\u003c\/span\u003eThe Inuit believed labradorite was fallen aurora — light that had struck the rocks along the Labrador coast and been trapped there. This piece carries that old story in every flash.\u003c\/div\u003e\n \u003cp class=\"body reveal reveal-d2\"\u003eLeft in its natural freeform shape, the stone keeps its rough, unpolished edges — a reminder that it came from the earth, not from a cutting wheel. The face is polished to bring out the flash; the sides are raw. No two labradorite stones share the same pattern of light.\u003c\/p\u003e\n \u003cp class=\"body reveal reveal-d3\"\u003eWrapped in an organic frame of oxidized silver that looks like molten metal caught mid-flow, and crowned with a Vegvisir — the Icelandic runic compass said to guide travelers through storms — the pendant is a talisman as much as a piece of jewelry: rough, luminous, protective.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 02 Craftsmanship ===== --\u003e\n\u003csection class=\"details\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eCraftsmanship\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eThe Making\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-dbpd4toyqki.png?v=1790507382\" alt=\"Labradorite labradorescence flash macro blue green gold violet\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 01\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003eLabradorite Flash\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eBroad bands of blue, teal, gold and violet sweep across the polished face — labradorescence, born from light refracting between the stone's internal layers. Turn the pendant and the colors shift: one moment deep blue, the next green fire, the next violet glow.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-xyu9dtfspx.png?v=1790507382\" alt=\"Oxidized silver organic molten frame macro\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 02\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003eMolten Silver Frame\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eAn organic frame of oxidized silver wraps the stone like roots or cooled lava — rough and pitted in the recesses, bright and polished on the high edges. The silver flows around the stone's irregular shape, gripping it with claw-like points, never perfectly symmetrical, always intentional.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-s6j46ew49xo.png?v=1790507381\" alt=\"Vegvisir runic compass bail macro oxidized silver\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 03\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003eVegvisir Rune Bail\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eThe bail is engraved with a Vegvisir — the Icelandic runic compass, eight staves radiating from a center, said to ensure that the wearer never loses their way in storms. The symbol is carved into oxidized silver, the recesses black, the lines bright, ancient and clear.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 03 Scenes ===== --\u003e\n\u003csection class=\"scenes\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eScenes\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eIn Context\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"scene-card reveal\"\u003e\n \u003cspan class=\"scene-num\"\u003e01\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-hhgtsqdcor.png?v=1790507382\" alt=\"Pendant on black volcanic rock with green moss\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eOn Volcanic Rock \u0026amp; Moss\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eLaid on black porous volcanic rock among bright green moss — the stone's flash against the dark earth, silver against living green.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d1\"\u003e\n \u003cspan class=\"scene-num\"\u003e02\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-mhr4pjlflub.png?v=1790507382\" alt=\"Pendant hanging on driftwood with rusted chain\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eOn Driftwood \u0026amp; Rust\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eHung from weathered driftwood beside a rusted iron chain — silver and stone among things that have endured salt, wind and time.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d2\"\u003e\n \u003cspan class=\"scene-num\"\u003e03\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-g81xcqgdawf.png?v=1790507382\" alt=\"Pendant on wet black slate with water reflection and fallen leaves\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eOn Wet Slate \u0026amp; Water\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eResting on glistening black slate above a still pool — the labradorite's flash mirrored in the water, fallen leaves scattered around.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d3\"\u003e\n \u003cspan class=\"scene-num\"\u003e04\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-f9a6b9zi776.png?v=1790507382\" alt=\"Pendant on rolled vintage brown leather with brass buttons\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eOn Vintage Leather\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eDraped over rolled vintage leather beside antique brass buttons — the pendant's rough silver and flash belonging to a traveler's kit, old and well-used.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 04 Specifications ===== --\u003e\n\u003csection class=\"specs-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e04\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eSpecifications\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eDetails\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"specs-grid reveal reveal-d1\"\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eGemstone\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eLabradorite\u003csmall\u003eMulti-color flash\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eForm\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eRaw Freeform\u003csmall\u003eNatural edges\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eMetal\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eOxidized Silver\u003csmall\u003eAntique finish\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eFrame\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eOrganic Molten\u003csmall\u003eHand-sculpted\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eBail\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eVegvisir Rune\u003csmall\u003eIcelandic compass\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eChain\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eHeavy Cable\u003csmall\u003eThick links\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 保障 ===== --\u003e\n\u003csection style=\"padding-top:0; background:#0A0A0A;\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"guarantees\"\u003e\n \u003cdiv class=\"guarantee reveal\"\u003e\n\u003cdiv class=\"icon\"\u003e◆\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eNatural Stone\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d1\"\u003e\n\u003cdiv class=\"icon\"\u003e✦\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eHandcrafted\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d2\"\u003e\n\u003cdiv class=\"icon\"\u003e❖\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eSecure Shipping\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d3\"\u003e\n\u003cdiv class=\"icon\"\u003e✧\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eSatisfaction\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cfooter\u003e\u003cspan\u003eQINEANLA\u003c\/span\u003e™ · Natural Gemstone Jewelry · 2025\u003c\/footer\u003e\n\n\n\n\u003c\/body\u003e","brand":"qineanla","offers":[{"title":"Default Title","offer_id":67692897501383,"sku":null,"price":659.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-hhgtsqdcor.png?v=1790507382"},{"product_id":"qineanla™-pacific-noir-tahitian-black-pearl-ring","title":"QINEANLA™ Pacific Noir — Tahitian Black Pearl Ring","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\"\u003e\n\u003ctitle\u003eQINEANLA™ — Pacific Noir · Tahitian Black Pearl Ring\u003c\/title\u003e\n\u003cstyle\u003e\n* { margin: 0; padding: 0; box-sizing: border-box; }\nhtml { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }\nbody {\n background: #0A0A0A !important;\n color: #E8E8E8;\n font-family: Georgia, 'Times New Roman', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.8;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n}\nimg { display: block; width: 100%; height: auto; user-select: none; -webkit-user-drag: none; }\n\n@keyframes fadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n}\n@keyframes scaleIn {\n from { opacity: 0; transform: scale(0.94); }\n to { opacity: 1; transform: scale(1); }\n}\n@keyframes breathe {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.015); }\n}\n@keyframes scrollBob {\n 0%, 100% { transform: translateX(-50%) translateY(0); opacity: 0.4; }\n 50% { transform: translateX(-50%) translateY(6px); opacity: 0.9; }\n}\n\n.reveal {\n opacity: 0;\n animation: fadeUp 0.9s cubic-bezier(0.22,0.61,0.36,1) forwards;\n}\n.reveal-d1 { animation-delay: 0.15s; }\n.reveal-d2 { animation-delay: 0.3s; }\n.reveal-d3 { animation-delay: 0.45s; }\n.reveal-d4 { animation-delay: 0.6s; }\n.reveal-img {\n opacity: 0;\n animation: scaleIn 1.1s cubic-bezier(0.22,0.61,0.36,1) forwards;\n}\n.hero-img { animation: breathe 6s ease-in-out infinite; }\n.scroll-hint { animation: scrollBob 2s ease-in-out infinite; }\n\n.container { max-width: 460px; margin: 0 auto; padding: 0 22px; }\n\n\/* ===== 首屏 ===== *\/\n.hero {\n min-height: 100vh; min-height: 100dvh;\n display: flex; flex-direction: column;\n justify-content: center; align-items: center;\n text-align: center; padding: 50px 22px 60px;\n position: relative; background: #0A0A0A;\n}\n.hero-masthead {\n position: absolute; top: 30px; left: 0; right: 0;\n display: flex; justify-content: space-between;\n padding: 0 28px;\n font-size: 9px; letter-spacing: 2px; color: #555;\n text-transform: uppercase; font-family: sans-serif;\n}\n.hero-masthead span:first-child { color: #B8A07A; }\n.hero-side-text {\n position: absolute; right: 6px; top: 50%;\n transform: translateY(-50%) rotate(90deg);\n transform-origin: right center;\n font-size: 9px; letter-spacing: 4px; color: #555;\n text-transform: uppercase; white-space: nowrap; font-family: sans-serif;\n}\n.hero-img-wrap {\n width: 100%; max-width: 300px; margin-bottom: 36px; position: relative;\n}\n.hero-img-wrap::after {\n content: ''; position: absolute; bottom: -16px; left: 50%;\n transform: translateX(-50%); width: 70%; height: 26px;\n background: radial-gradient(ellipse at center, rgba(184,160,122,0.1) 0%, transparent 70%);\n}\n.hero-brand {\n font-family: Georgia, serif; font-size: 10px;\n letter-spacing: 6px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 10px;\n}\n.hero-sub-en {\n font-size: 9px; letter-spacing: 4px; color: #666;\n text-transform: uppercase; margin-bottom: 4px; font-family: sans-serif;\n}\n.hero-title {\n font-family: Georgia, serif; font-size: 36px;\n font-weight: 400; letter-spacing: 5px; line-height: 1.2; margin-bottom: 6px;\n text-transform: uppercase; color: #E8E8E8;\n}\n.hero-title::after {\n content: ''; display: block; width: 30px; height: 1px;\n background: #B8A07A; margin: 14px auto 0;\n}\n.hero-sub-cn {\n font-size: 11px; letter-spacing: 3px; color: #888;\n margin-bottom: 28px; text-transform: uppercase; font-family: sans-serif;\n}\n.hero-tagline {\n font-family: Georgia, serif; font-size: 14px;\n color: #888; letter-spacing: 0.5px;\n font-style: italic; line-height: 2; max-width: 260px;\n}\n.scroll-hint {\n position: absolute; bottom: 28px; left: 50%;\n transform: translateX(-50%);\n font-size: 9px; letter-spacing: 3px; color: #555;\n text-transform: uppercase; font-family: sans-serif;\n}\n\n\/* ===== section标题 ===== *\/\n.mag-head {\n display: flex; align-items: baseline; gap: 14px;\n margin-bottom: 40px; padding-bottom: 16px;\n border-bottom: 1px solid #1E1E1E;\n}\n.mag-head .num {\n font-family: Georgia, serif; font-size: 36px;\n color: #B8A07A; line-height: 1; opacity: 0.6;\n}\n.mag-head .titles h2 {\n font-family: Georgia, serif; font-size: 22px;\n font-weight: 400; letter-spacing: 3px; line-height: 1.2;\n text-transform: uppercase; color: #E8E8E8;\n}\n.mag-head .titles .en {\n font-size: 9px; letter-spacing: 3px; color: #555;\n text-transform: uppercase; margin-top: 4px; font-family: sans-serif;\n}\n\n\/* ===== 故事区 ===== *\/\n.story { padding: 72px 0; background: #0A0A0A; }\n.story .lead {\n font-family: Georgia, serif; font-size: 17px;\n line-height: 1.9; color: #E8E8E8; margin-bottom: 28px;\n text-align: left; font-weight: 300;\n}\n.story .lead::first-letter {\n font-family: Georgia, serif; font-size: 3.2em;\n color: #B8A07A; float: left;\n line-height: 0.85; padding: 4px 10px 0 0; font-weight: 400;\n}\n.story .body {\n font-size: 13px; color: #999; line-height: 2.1;\n text-align: left; margin-bottom: 20px; font-family: sans-serif;\n}\n.story .pull-quote {\n border-left: 2px solid #B8A07A;\n padding: 8px 0 8px 18px; margin: 28px 0;\n font-family: Georgia, serif; font-style: italic;\n font-size: 15px; color: #C8C8C8;\n line-height: 1.8; letter-spacing: 0.3px;\n}\n.story .pull-quote .quote-mark {\n font-size: 28px; color: #B8A07A;\n line-height: 0; vertical-align: -8px;\n margin-right: 4px; opacity: 0.7;\n}\n\n\/* ===== 细节区 ===== *\/\n.details { padding: 72px 0; background: #0A0A0A; }\n.detail-card { margin-bottom: 64px; position: relative; }\n.detail-card:last-child { margin-bottom: 0; }\n.detail-card .big-num {\n position: absolute; top: -20px; right: -8px;\n font-family: Georgia, serif; font-size: 120px;\n color: #333; opacity: 0.4;\n line-height: 1; font-weight: 400;\n pointer-events: none; z-index: 0;\n}\n.detail-card .img-wrap {\n overflow: hidden; margin-bottom: 24px; position: relative; z-index: 1;\n}\n.detail-card .img-wrap img { transition: transform 0.8s ease; }\n.detail-card .img-wrap:hover img { transform: scale(1.04); }\n.detail-card .img-wrap::after {\n content: ''; position: absolute; inset: 0;\n background: linear-gradient(180deg, transparent 55%, rgba(10,10,10,0.35) 100%);\n pointer-events: none;\n}\n.detail-card .text-block { position: relative; z-index: 1; padding-left: 4px; }\n.detail-card .label {\n font-size: 9px; letter-spacing: 3px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 8px; font-family: sans-serif;\n}\n.detail-card h3 {\n font-family: Georgia, serif; font-size: 20px;\n font-weight: 400; letter-spacing: 2px;\n color: #C8C8C8; margin-bottom: 12px; line-height: 1.3;\n text-transform: uppercase;\n}\n.detail-card h3::after {\n content: ''; display: block; width: 24px; height: 1px;\n background: #B8A07A; margin-top: 10px;\n}\n.detail-card p {\n font-size: 13px; color: #888; line-height: 2; max-width: 340px; font-family: sans-serif;\n}\n.detail-card:nth-child(odd) .text-block { padding-left: 20px; }\n.detail-card:nth-child(even) .text-block { padding-right: 20px; text-align: right; }\n.detail-card:nth-child(even) .text-block p { margin-left: auto; }\n.detail-card:nth-child(even) h3::after { margin-left: auto; }\n.detail-card:nth-child(even) .big-num { right: auto; left: -8px; }\n\n\/* ===== 场景区 ===== *\/\n.scenes { padding: 72px 0; background: #0A0A0A; }\n.scene-card {\n position: relative; overflow: hidden; margin-bottom: 28px;\n}\n.scene-card:last-child { margin-bottom: 0; }\n.scene-card img { transition: transform 0.9s ease; }\n.scene-card:hover img { transform: scale(1.06); }\n.scene-card .scene-num {\n position: absolute; top: 16px; left: 16px;\n font-family: Georgia, serif; font-size: 32px;\n color: #B8A07A; line-height: 1;\n text-shadow: 0 2px 8px rgba(0,0,0,0.5); z-index: 2;\n}\n.scene-card .scene-num .slash {\n font-size: 14px; color: #666;\n vertical-align: super; margin-left: 2px;\n}\n.scene-card .caption {\n position: absolute; left: 0; right: 0; bottom: 0;\n padding: 32px 20px 18px;\n background: linear-gradient(transparent, rgba(10,10,10,0.9)); z-index: 2;\n}\n.scene-card .caption .tag {\n font-size: 9px; letter-spacing: 3px; color: #B8A07A;\n text-transform: uppercase; margin-bottom: 6px; font-family: sans-serif;\n}\n.scene-card .caption .txt {\n font-family: Georgia, serif; font-size: 15px;\n color: #E0E0E0; letter-spacing: 0.5px; line-height: 1.5;\n}\n\n\/* ===== 参数区 ===== *\/\n.specs-section { padding: 72px 0; background: #0A0A0A; }\n.specs-grid {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 0; border: 1px solid #1E1E1E;\n}\n.spec-cell {\n padding: 22px 18px; border-right: 1px solid #1E1E1E;\n border-bottom: 1px solid #1E1E1E; position: relative;\n}\n.spec-cell:nth-child(2n) { border-right: none; }\n.spec-cell:nth-child(n+5) { border-bottom: none; }\n.spec-cell .spec-label {\n font-size: 9px; letter-spacing: 2px; color: #555;\n text-transform: uppercase; margin-bottom: 8px; font-family: sans-serif;\n}\n.spec-cell .spec-value {\n font-family: Georgia, serif; font-size: 14px;\n color: #E8E8E8; line-height: 1.5;\n}\n.spec-cell .spec-value small {\n font-family: sans-serif; font-size: 11px;\n color: #888; display: block; margin-top: 2px;\n}\n\n\/* ===== 保障 ===== *\/\n.guarantees {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 0; margin-top: 48px;\n border: 1px solid #1E1E1E;\n}\n.guarantee {\n text-align: center; padding: 28px 12px;\n border-right: 1px solid #1E1E1E;\n border-bottom: 1px solid #1E1E1E;\n}\n.guarantee:nth-child(2n) { border-right: none; }\n.guarantee:nth-child(n+3) { border-bottom: none; }\n.guarantee .icon { font-size: 18px; color: #B8A07A; margin-bottom: 10px; opacity: 0.7; }\n.guarantee .txt {\n font-size: 11px; color: #888;\n letter-spacing: 1px; text-transform: uppercase; font-family: sans-serif;\n}\n\nfooter {\n text-align: center; padding: 40px 20px 32px;\n font-size: 9px; color: #555;\n letter-spacing: 3px; border-top: 1px solid #1E1E1E;\n text-transform: uppercase; font-family: Georgia, serif; background: #0A0A0A;\n}\nfooter span { color: #B8A07A; }\n\n@media (max-width: 360px) {\n .container { padding: 0 16px; }\n .hero { padding: 40px 16px 50px; }\n .hero-title { font-size: 28px; letter-spacing: 3px; }\n .hero-side-text { display: none; }\n .detail-card .big-num { font-size: 90px; }\n .spec-cell { padding: 18px 14px; }\n}\n\u003c\/style\u003e\n\n\n\n\u003c!-- ===== 首屏 ===== --\u003e\n\u003csection class=\"hero\"\u003e\n \u003cdiv class=\"hero-masthead reveal\"\u003e\n \u003cspan\u003eVOL.15\u003c\/span\u003e\n \u003cspan\u003eNatural Gemstone\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hero-side-text reveal reveal-d1\"\u003eHandcrafted · One of a Kind\u003c\/div\u003e\n\n \u003cdiv class=\"hero-img-wrap reveal-img\"\u003e\n \u003cimg class=\"hero-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-ugwaswm4m2_1.png?v=1790507768\" alt=\"Tahitian Black Pearl Ring by QINEANLA\"\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"hero-brand reveal reveal-d1\"\u003eQINEANLA™\u003c\/p\u003e\n \u003cp class=\"hero-sub-en reveal reveal-d1\"\u003eTahitian Black Pearl Ring\u003c\/p\u003e\n \u003ch1 class=\"hero-title reveal reveal-d2\"\u003ePacific Noir\u003c\/h1\u003e\n \u003cp class=\"hero-sub-cn reveal reveal-d2\"\u003eRound Pearl · Yellow Gold\u003c\/p\u003e\n \u003cp class=\"hero-tagline reveal reveal-d3\"\u003e\"A drop of the South Pacific at its darkest — green, violet and gold light moving beneath a surface of night.\"\u003c\/p\u003e\n \u003cdiv class=\"scroll-hint\"\u003eScroll ↓\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 01 Origin ===== --\u003e\n\u003csection class=\"story\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eOrigin\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eThe Pearl\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"lead reveal reveal-d1\"\u003eA Tahitian black pearl, deep charcoal at its core, glows with shifting overtones of peacock green, violet and rose — colors born from the black-lipped oyster of the South Pacific, built layer by layer over years, a small ocean contained in a single sphere.\u003c\/p\u003e\n \u003cdiv class=\"pull-quote reveal reveal-d2\"\u003e\n\u003cspan class=\"quote-mark\"\u003e\"\u003c\/span\u003eTahitian pearls are not dyed — their dark body and rainbow overtones are entirely natural, produced only by the Pinctada margaritifera oyster. Each one is a record of the lagoon it came from.\u003c\/div\u003e\n \u003cp class=\"body reveal reveal-d2\"\u003eSelected for its perfect round shape and mirror-like luster, the pearl is set in a simple double-rimmed gold cup that holds it high above the finger. No prongs, no distractions — just the pearl, the gold, and the light moving across both.\u003c\/p\u003e\n \u003cp class=\"body reveal reveal-d3\"\u003eThe band is a smooth, gently curved arc of polished gold, slender enough for elegance, substantial enough for presence. It is a ring that needs nothing else: one pearl, one band, one quiet statement of the sea.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 02 Craftsmanship ===== --\u003e\n\u003csection class=\"details\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eCraftsmanship\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eThe Making\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e01\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-fj95779hpbt.png?v=1790507768\" alt=\"Tahitian black pearl with peacock green violet overtone macro\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 01\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003ePearl Overtone\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eA perfectly round Tahitian pearl with a deep charcoal body and rich peacock overtones — green, violet and rose light shifting across the surface as the pearl turns. The luster is mirror-bright, the nacre thick and even, built over years in a South Pacific lagoon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e02\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-o34ualtjz9.png?v=1790507768\" alt=\"Double gold cup setting under pearl macro\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 02\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003eDouble Gold Cup\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eTwo concentric rims of polished gold form a cup that cradles the pearl — an inner rim that grips it, an outer rim that catches the light. The setting is simple and architectural, no prongs to distract, the pearl held secure and displayed at its fullest.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"detail-card\"\u003e\n \u003cspan class=\"big-num\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"img-wrap reveal-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-se9gngggdvg.png?v=1790507768\" alt=\"Smooth polished gold band curve macro\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"text-block\"\u003e\n \u003cp class=\"label reveal\"\u003eDetail 03\u003c\/p\u003e\n \u003ch3 class=\"reveal reveal-d1\"\u003eSmooth Gold Band\u003c\/h3\u003e\n \u003cp class=\"reveal reveal-d2\"\u003eA slender, gently curved band of polished yellow gold — smooth to the touch, comfortable against the finger, its surface reflecting light in a single unbroken line. The band flows into the cup without seam or joint, one continuous piece of gold.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 03 Scenes ===== --\u003e\n\u003csection class=\"scenes\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e03\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eScenes\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eIn Context\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"scene-card reveal\"\u003e\n \u003cspan class=\"scene-num\"\u003e01\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-9mbz4a8dcg.png?v=1790507768\" alt=\"Ring inside black mother-of-pearl shell with water drops\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eIn Mother-of-Pearl Shell\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eResting inside an iridescent black-lipped oyster shell among clear water drops — the pearl's overtones answered by the shell that once held it, gold against nacre.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d1\"\u003e\n \u003cspan class=\"scene-num\"\u003e02\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-kjhpuiv0a3j.png?v=1790507768\" alt=\"Ring leaning on gold bangle over black silk\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eWith Gold Bangle on Silk\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eLeaning against a polished gold bangle on soft black silk — two pieces of gold, one dark pearl, luxury made quiet and intimate.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d2\"\u003e\n \u003cspan class=\"scene-num\"\u003e03\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-oiszuk0kac.png?v=1790507769\" alt=\"Ring on black marble with gold veins and shimmering silk\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eOn Black Marble \u0026amp; Silk\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eLaid on black marble veined with gold, dark silk dusted with gold behind — the pearl's dark body at one with the stone, its overtones catching the gold.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"scene-card reveal reveal-d3\"\u003e\n \u003cspan class=\"scene-num\"\u003e04\u003cspan class=\"slash\"\u003e\/04\u003c\/span\u003e\u003c\/span\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-wvb9dsf6x3.png?v=1790507768\" alt=\"Ring standing in golden sand with seashells\"\u003e\n \u003cdiv class=\"caption\"\u003e\n\u003cp class=\"tag\"\u003eOn Golden Sand\u003c\/p\u003e\n\u003cp class=\"txt\"\u003eSet upright in warm golden sand among small shells and cowries — the pearl brought back to the shore, the lagoon's gift returned to the beach.\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 04 Specifications ===== --\u003e\n\u003csection class=\"specs-section\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"mag-head reveal\"\u003e\n \u003cspan class=\"num\"\u003e04\u003c\/span\u003e\n \u003cdiv class=\"titles\"\u003e\n\u003ch2\u003eSpecifications\u003c\/h2\u003e\n\u003cp class=\"en\"\u003eDetails\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"specs-grid reveal reveal-d1\"\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eGemstone\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eTahitian Black Pearl\u003csmall\u003ePeacock overtones\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eShape\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eRound\u003csmall\u003eMirror luster\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eMetal\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eYellow Gold\u003csmall\u003eHigh polish\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eSetting\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eDouble Cup\u003csmall\u003eTwo concentric rims\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eBand\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eSmooth Curved\u003csmall\u003eComfort fit\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"spec-cell\"\u003e\n\u003cp class=\"spec-label\"\u003eType\u003c\/p\u003e\n\u003cp class=\"spec-value\"\u003eRing\u003csmall\u003eSingle pearl\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===== 保障 ===== --\u003e\n\u003csection style=\"padding-top:0; background:#0A0A0A;\"\u003e\n \u003cdiv class=\"container\"\u003e\n \u003cdiv class=\"guarantees\"\u003e\n \u003cdiv class=\"guarantee reveal\"\u003e\n\u003cdiv class=\"icon\"\u003e◆\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eNatural Pearl\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d1\"\u003e\n\u003cdiv class=\"icon\"\u003e✦\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eHandcrafted\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d2\"\u003e\n\u003cdiv class=\"icon\"\u003e❖\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eSecure Shipping\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"guarantee reveal reveal-d3\"\u003e\n\u003cdiv class=\"icon\"\u003e✧\u003c\/div\u003e\n\u003cdiv class=\"txt\"\u003eSatisfaction\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cfooter\u003e\u003cspan\u003eQINEANLA\u003c\/span\u003e™ · Natural Gemstone Jewelry · 2025\u003c\/footer\u003e\n\n\n\n\u003c\/body\u003e","brand":"qineanla","offers":[{"title":"Default Title","offer_id":67692924928199,"sku":null,"price":959.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0811\/9671\/2135\/files\/yf-generated-node-9mbz4a8dcg.png?v=1790507768"}],"url":"https:\/\/qineanla.com\/collections\/frontpage.oembed","provider":"qineanla","version":"1.0","type":"link"}