{"product_id":"the-fifth-cause-iphone-case","title":"The Fifth Cause iPhone Case","description":"\u003cdiv class=\"ec-deck\"\u003e\n\n  \u003c!-- Slide 01: Hero \/ Manifesto --\u003e\n  \u003csection class=\"ec-slide ec-hero\"\u003e\n    \u003cdiv class=\"ec-hero__chrome\"\u003e\n      \u003cspan class=\"ec-num\"\u003e01\u003c\/span\u003e\n      \u003cspan class=\"ec-tag\"\u003e宣言\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ec-hero__inner\"\u003e\n      \u003cdiv class=\"ec-prose\"\u003e\n        \u003cp\u003e亚里士多德提出了四因说来解释万物为何存在：质料、形式、动力、以及目的。\u003c\/p\u003e\n        \u003cp\u003e两千年间，人们坚信这份名单已是完整。\u003c\/p\u003e\n        \u003cp class=\"ec-pull\"\u003e但还有一个第五因。它属于另一个领域， \u003cem\u003e它是推动K线的力量，是平仓的果决，是交易者自律的内核。\u003c\/em\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Slide 02: Build --\u003e\n  \u003csection class=\"ec-slide ec-build\"\u003e\n    \u003cdiv class=\"ec-build__chrome\"\u003e\n      \u003cspan class=\"ec-num\"\u003e02\u003c\/span\u003e\n      \u003cspan class=\"ec-tag\"\u003e与众不同\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003ch3 class=\"ec-h3\"\u003e两种材料。\u003cbr\u003e\u003cspan class=\"ec-muted\"\u003e各司其职，专精一事。\u003c\/span\u003e\n\u003c\/h3\u003e\n\n    \u003cdiv class=\"ec-grid\"\u003e\n      \u003cdiv class=\"ec-card\"\u003e\n        \u003cdiv class=\"ec-card__num\"\u003e001\u003c\/div\u003e\n        \u003cdiv class=\"ec-card__title\"\u003eTPU 侧边\u003c\/div\u003e\n        \u003cdiv class=\"ec-card__body\"\u003e柔韧聚合物吸收冲击，关键时刻给予稳固握感。\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ec-card\"\u003e\n        \u003cdiv class=\"ec-card__num\"\u003e002\u003c\/div\u003e\n        \u003cdiv class=\"ec-card__title\"\u003e聚碳酸酯背板\u003c\/div\u003e\n        \u003cdiv class=\"ec-card__body\"\u003e硬质结构外壳保持形态，全方位守护设备。\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ec-card\"\u003e\n        \u003cdiv class=\"ec-card__num\"\u003e003\u003c\/div\u003e\n        \u003cdiv class=\"ec-card__title\"\u003e树脂封印图案\u003c\/div\u003e\n        \u003cdiv class=\"ec-card__body\"\u003e图案封藏于透明涂层之下。划痕只在表面停步，色彩始终鲜明。\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ec-card\"\u003e\n        \u003cdiv class=\"ec-card__num\"\u003e004\u003c\/div\u003e\n        \u003cdiv class=\"ec-card__title\"\u003e黑色内里\u003c\/div\u003e\n        \u003cdiv class=\"ec-card__body\"\u003e高级哑光质感铺陈内部。从外到内，一以贯之。\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ec-card\"\u003e\n        \u003cdiv class=\"ec-card__num\"\u003e005\u003c\/div\u003e\n        \u003cdiv class=\"ec-card__title\"\u003e内置 MagSafe\u003c\/div\u003e\n        \u003cdiv class=\"ec-card__body\"\u003e完整磁吸对位，兼容充电器、卡包与各类支架。\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ec-card\"\u003e\n        \u003cdiv class=\"ec-card__num\"\u003e006\u003c\/div\u003e\n        \u003cdiv class=\"ec-card__title\"\u003e镜头护环\u003c\/div\u003e\n        \u003cdiv class=\"ec-card__body\"\u003e专属环圈守护镜头，洁净、对位、稳固。\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ec-footnote\"\u003e\n      \u003cspan\u003e侧边开口适配各类支架与夹具。\u003c\/span\u003e\n      \u003cspan class=\"ec-dot\"\u003e•\u003c\/span\u003e\n      \u003cspan\u003e充电口宽阔，兼容任意线缆。\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  \/* === SCOPED EVERYTHING TO .ec-deck === *\/\n\n  .ec-deck {\n    --ec-bg: #ffffff;\n    --ec-fg: #0a0a0a;\n    --ec-muted: rgba(10,10,10,0.55);\n    --ec-line: rgba(10,10,10,0.12);\n    --ec-accent: #9644EE;\n    --ec-card-hover: rgba(150,68,238,0.04);\n\n    font-family: 'Geist', ui-sans-serif, system-ui, -apple-system, sans-serif;\n    color: var(--ec-fg);\n    background: var(--ec-bg);\n    width: 100%;\n    box-sizing: border-box;\n    line-height: 1.5;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  .ec-deck *, .ec-deck *::before, .ec-deck *::after { box-sizing: border-box; }\n\n  .ec-deck p { margin: 0 0 1em; }\n  .ec-deck p:last-child { margin-bottom: 0; }\n\n  \/* Display serif for headlines *\/\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1\u0026display=swap');\n\n  .ec-display, .ec-h3, .ec-pull em {\n    font-family: 'Instrument Serif', 'Times New Roman', serif;\n    font-weight: 400;\n    font-style: normal;\n    letter-spacing: -0.01em;\n  }\n\n  \/* === Slide chrome === *\/\n  .ec-slide {\n    position: relative;\n    padding: clamp(40px, 6vw, 80px) clamp(24px, 5vw, 80px);\n    border-bottom: 1px solid var(--ec-line);\n    overflow: hidden;\n  }\n  .ec-slide:last-child { border-bottom: 0; }\n\n  .ec-hero__chrome,\n  .ec-build__chrome {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    margin-bottom: clamp(28px, 4vw, 48px);\n    font-size: 12px;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n  }\n\n  .ec-num {\n    font-family: 'Instrument Serif', serif;\n    font-style: italic;\n    font-size: 22px;\n    color: var(--ec-accent);\n    letter-spacing: 0;\n  }\n\n  .ec-tag {\n    color: var(--ec-muted);\n    border-left: 1px solid var(--ec-line);\n    padding-left: 14px;\n    font-weight: 500;\n  }\n\n  \/* === Slide 01: Hero === *\/\n  .ec-hero__inner {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .ec-display {\n    margin: 0 0 clamp(24px, 4vw, 48px);\n    font-size: clamp(56px, 11vw, 160px);\n    line-height: 0.92;\n    letter-spacing: -0.03em;\n  }\n  .ec-display em {\n    font-style: italic;\n    color: var(--ec-accent);\n  }\n\n  .ec-causes {\n    position: absolute;\n    inset: auto 0 -1px 0;\n    width: 100%;\n    height: clamp(140px, 20vw, 260px);\n    z-index: 0;\n    pointer-events: none;\n  }\n\n  .ec-prose {\n    max-width: 620px;\n    font-size: clamp(15px, 1.3vw, 18px);\n    color: rgba(10,10,10,0.78);\n    position: relative;\n    z-index: 1;\n  }\n\n  .ec-pull {\n    margin-top: 1.4em !important;\n    padding-top: 1.4em;\n    border-top: 1px solid var(--ec-line);\n    font-family: 'Instrument Serif', serif;\n    font-size: clamp(20px, 2.2vw, 28px);\n    line-height: 1.3;\n    color: var(--ec-fg);\n    font-weight: 400;\n  }\n  .ec-pull em {\n    font-style: italic;\n    color: var(--ec-accent);\n  }\n\n  \/* === Slide 02: Build === *\/\n  .ec-h3 {\n    margin: 0 0 clamp(36px, 5vw, 56px);\n    font-size: clamp(34px, 5vw, 56px);\n    line-height: 1.05;\n    letter-spacing: -0.02em;\n    max-width: 18ch;\n  }\n\n  .ec-muted {\n    color: var(--ec-muted);\n    font-style: italic;\n  }\n\n  .ec-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n    gap: 1px;\n    background: var(--ec-line);\n    border: 1px solid var(--ec-line);\n    margin-bottom: clamp(28px, 4vw, 40px);\n  }\n\n  .ec-card {\n    background: var(--ec-bg);\n    padding: clamp(24px, 2.4vw, 32px);\n    transition: background-color .25s ease;\n  }\n  .ec-card:hover {\n    background: var(--ec-card-hover);\n  }\n\n  .ec-card__num {\n    font-family: 'Instrument Serif', serif;\n    font-style: italic;\n    color: var(--ec-accent);\n    font-size: 14px;\n    margin-bottom: 14px;\n    letter-spacing: 0.02em;\n  }\n\n  .ec-card__title {\n    font-size: 17px;\n    font-weight: 500;\n    letter-spacing: -0.005em;\n    margin-bottom: 8px;\n  }\n\n  .ec-card__body {\n    font-size: 14px;\n    line-height: 1.55;\n    color: var(--ec-muted);\n  }\n\n  .ec-footnote {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px 14px;\n    align-items: center;\n    font-size: 13px;\n    color: var(--ec-muted);\n    letter-spacing: 0.01em;\n  }\n  .ec-dot { color: var(--ec-accent); }\n\n  \/* === Reveal on load === *\/\n  @keyframes ec-fade-up {\n    from { opacity: 0; transform: translateY(12px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  .ec-display,\n  .ec-prose,\n  .ec-h3,\n  .ec-card,\n  .ec-footnote {\n    animation: ec-fade-up 0.7s cubic-bezier(0.2, 0.7, 0.2, 1) both;\n  }\n  .ec-prose { animation-delay: 0.1s; }\n  .ec-h3 { animation-delay: 0.05s; }\n  .ec-card:nth-child(1) { animation-delay: 0.10s; }\n  .ec-card:nth-child(2) { animation-delay: 0.15s; }\n  .ec-card:nth-child(3) { animation-delay: 0.20s; }\n  .ec-card:nth-child(4) { animation-delay: 0.25s; }\n  .ec-card:nth-child(5) { animation-delay: 0.30s; }\n  .ec-card:nth-child(6) { animation-delay: 0.35s; }\n  .ec-footnote { animation-delay: 0.5s; }\n\n  @media (prefers-reduced-motion: reduce) {\n    .ec-deck * { animation: none !important; }\n  }\n\n  \/* === Mobile === *\/\n  @media (max-width: 640px) {\n    .ec-display { font-size: clamp(54px, 16vw, 88px); }\n    .ec-h3 { font-size: clamp(28px, 7vw, 36px); }\n    .ec-causes { height: 120px; }\n  }\n\u003c\/style\u003e","brand":"SOLYD STORE","offers":[{"title":"iPhone 17 Pro Max","offer_id":53388753568086,"sku":"CASE-IP17PM-SY6-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17 Pro","offer_id":53388753535318,"sku":"CASE-IP17P-SY6-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 17","offer_id":53388753502550,"sku":"CASE-IP17-SY6-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 16 Pro Max","offer_id":53388753469782,"sku":"CASE-IP16PM-SY6-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 16 Pro","offer_id":53388753437014,"sku":"CASE-IP16P-SY6-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 16","offer_id":53388753404246,"sku":"CASE-IP16-SY6-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 15 Pro Max","offer_id":53388753371478,"sku":"CASE-IP15PM-SY6-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 15 Pro","offer_id":53388753338710,"sku":"CASE-IP15P-SY6-R1","price":34.0,"currency_code":"EUR","in_stock":true},{"title":"iPhone 15","offer_id":53388753305942,"sku":"CASE-IP15-SY6-R1","price":34.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0897\/9084\/1174\/files\/iPhone17Pro_Aristotele.png?v=1777727404","url":"https:\/\/solyd.store\/zh\/products\/the-fifth-cause-iphone-case","provider":"SOLYD STORE","version":"1.0","type":"link"}