{"allowContribute":false,"item":{"artifactHtml":"\u003cstyle\u003e\n  :root {\n    --paper:#FDFBF7;\n    --ink:#1A1E1D;\n    --ink-2:#6B7472;\n    --accent:#8B3A2E;\n    --accent-2:#C67C5A;\n    --soft:#F3E8E0;\n    --hair:#E8DDD6;\n    --card:#FFFFFF;\n    --shadow: 0 8px 32px rgba(26,30,29,0.06);\n  }\n  :root[data-theme=\"dark\"] {\n    --paper:#0F1110;\n    --ink:#EDE9E3;\n    --ink-2:#A8A19B;\n    --accent:#E8A07A;\n    --accent-2:#D9B49E;\n    --soft:#1C1F1E;\n    --hair:#2A2E2D;\n    --card:#1A1E1D;\n    --shadow: 0 8px 32px rgba(0,0,0,0.3);\n  }\n  .doc {\n    background:var(--paper);\n    color:var(--ink);\n    padding:0;\n    font:16px/1.75 -apple-system, BlinkMacSystemFont, \"PingFang TC\", \"Noto Sans TC\", \"Helvetica Neue\", sans-serif;\n    -webkit-font-smoothing: antialiased;\n  }\n  header {\n    padding:36px 32px 28px;\n    border-bottom:1px solid var(--hair);\n    background: linear-gradient(180deg, var(--soft) 0%, var(--paper) 100%);\n  }\n  .eyebrow {\n    font:600 11px ui-monospace, SFMono-Regular, Menlo, monospace;\n    letter-spacing:.18em;\n    color:var(--accent);\n    display:flex;\n    align-items:center;\n    gap:10px;\n  }\n  .eyebrow::before {\n    content:\"\";\n    width:24px;\n    height:1px;\n    background:var(--accent);\n    display:inline-block;\n  }\n  h1 {\n    font-family: \"Iowan Old Style\", \"Palatino Linotype\", \"Noto Serif TC\", serif;\n    font-size:42px;\n    font-weight:700;\n    line-height:1.1;\n    letter-spacing:-.03em;\n    margin:14px 0 0;\n  }\n  .lede {\n    color:var(--ink-2);\n    font-size:16px;\n    line-height:1.6;\n    margin:12px 0 0;\n    max-width:52ch;\n  }\n  .wrap {\n    padding:28px 32px 36px;\n    max-width:860px;\n  }\n  /* Hero Link Card */\n  .hero-card {\n    background:var(--card);\n    border:1px solid var(--hair);\n    border-radius:16px;\n    padding:22px 22px 20px;\n    box-shadow:var(--shadow);\n    position:relative;\n    overflow:hidden;\n    margin-bottom:28px;\n  }\n  .hero-card::after {\n    content:\"\";\n    position:absolute;\n    top:0; right:0;\n    width:180px; height:180px;\n    background: radial-gradient(closest-side, var(--soft), transparent 70%);\n    opacity:0.9;\n    pointer-events:none;\n  }\n  .hero-top {\n    display:flex;\n    justify-content:space-between;\n    align-items:flex-start;\n    gap:16px;\n    position:relative;\n    z-index:1;\n  }\n  .hero-label {\n    font:600 11px ui-monospace, monospace;\n    letter-spacing:.12em;\n    color:var(--accent);\n    background:var(--soft);\n    padding:6px 10px;\n    border-radius:999px;\n    display:inline-flex;\n    align-items:center;\n    gap:6px;\n  }\n  .hero-label i {\n    width:6px; height:6px; background:var(--accent); border-radius:50%; display:inline-block;\n    box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent);\n  }\n  .hero-icon {\n    width:40px; height:40px;\n    border-radius:10px;\n    background:var(--ink);\n    color:var(--paper);\n    display:grid; place-items:center;\n    flex:none;\n  }\n  :root[data-theme=\"dark\"] .hero-icon { background:var(--accent); color:#0F1110; }\n  .hero-title {\n    font-family:\"Iowan Old Style\", serif;\n    font-size:22px;\n    font-weight:700;\n    letter-spacing:-.02em;\n    margin:16px 0 6px;\n    position:relative; z-index:1;\n  }\n  .hero-desc {\n    color:var(--ink-2);\n    font-size:14px;\n    line-height:1.6;\n    margin:0;\n    position:relative; z-index:1;\n  }\n  .link-row {\n    display:flex;\n    align-items:center;\n    gap:12px;\n    margin-top:18px;\n    flex-wrap:wrap;\n    position:relative; z-index:1;\n  }\n  .link-url {\n    flex:1;\n    min-width:220px;\n    font:500 13px ui-monospace, monospace;\n    color:var(--ink-2);\n    background:var(--paper);\n    border:1px solid var(--hair);\n    border-radius:10px;\n    padding:11px 14px;\n    overflow:hidden;\n    text-overflow:ellipsis;\n    white-space:nowrap;\n  }\n  .btn-primary {\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n    background:var(--accent);\n    color:white;\n    text-decoration:none;\n    font:600 14px sans-serif;\n    letter-spacing:.02em;\n    padding:11px 18px;\n    border-radius:999px;\n    transition:transform .15s, opacity .15s;\n    white-space:nowrap;\n  }\n  .btn-primary:hover { transform:translateY(-1px); opacity:.92; }\n  .btn-primary:active { transform:translateY(0); }\n  :root[data-theme=\"dark\"] .btn-primary { color:#0F1110; }\n\n  /* Sections */\n  h2 {\n    font-family:\"Iowan Old Style\", serif;\n    font-size:20px;\n    font-weight:700;\n    letter-spacing:-.02em;\n    margin:0 0 14px;\n    display:flex;\n    align-items:center;\n    gap:10px;\n  }\n  h2 .num {\n    font:600 11px ui-monospace, monospace;\n    color:var(--accent);\n    border:1px solid var(--hair);\n    background:var(--soft);\n    width:26px; height:26px;\n    display:grid; place-items:center;\n    border-radius:50%;\n  }\n  .grid-3 {\n    display:grid;\n    grid-template-columns:repeat(3, 1fr);\n    gap:14px;\n    margin:14px 0 28px;\n  }\n  .mini-card {\n    background:var(--card);\n    border:1px solid var(--hair);\n    border-radius:12px;\n    padding:16px 16px 14px;\n  }\n  .mini-card .k {\n    font:600 11px ui-monospace, monospace;\n    letter-spacing:.1em;\n    color:var(--accent);\n    margin-bottom:8px;\n  }\n  .mini-card .t {\n    font:700 15px/1.4 sans-serif;\n    letter-spacing:-.01em;\n    margin:0 0 6px;\n  }\n  .mini-card .d {\n    font-size:13px;\n    line-height:1.6;\n    color:var(--ink-2);\n    margin:0;\n  }\n  .mini-card .icon {\n    width:32px; height:32px;\n    border-radius:8px;\n    background:var(--soft);\n    color:var(--accent);\n    display:grid; place-items:center;\n    margin-bottom:12px;\n  }\n  .callout {\n    display:flex;\n    gap:14px;\n    padding:16px 18px;\n    background:var(--soft);\n    border:1px solid var(--hair);\n    border-radius:12px;\n    margin:0 0 28px;\n  }\n  .callout .tag {\n    flex:none;\n    font:700 11px ui-monospace, monospace;\n    letter-spacing:.08em;\n    color:var(--accent);\n    padding-top:2px;\n  }\n  .callout p {\n    margin:0;\n    font-size:14px;\n    line-height:1.7;\n    color:var(--ink-2);\n  }\n  .callout strong { color:var(--ink); font-weight:700; }\n\n  .divider {\n    height:1px;\n    background:var(--hair);\n    margin:28px 0;\n  }\n  .footer {\n    display:flex;\n    justify-content:space-between;\n    align-items:center;\n    gap:16px;\n    flex-wrap:wrap;\n    padding-top:4px;\n  }\n  .footer .hint {\n    font:500 12px ui-monospace, monospace;\n    color:var(--ink-2);\n    letter-spacing:.02em;\n  }\n  .footer .links {\n    display:flex;\n    gap:8px;\n  }\n  .chip {\n    font:600 12px ui-monospace, monospace;\n    letter-spacing:.04em;\n    color:var(--ink-2);\n    border:1px solid var(--hair);\n    background:var(--card);\n    padding:7px 12px;\n    border-radius:999px;\n    text-decoration:none;\n  }\n  @media (max-width:640px) {\n    header { padding:28px 20px 22px; }\n    h1 { font-size:34px; }\n    .wrap { padding:20px 20px 28px; }\n    .grid-3 { grid-template-columns:1fr; }\n    .hero-top { align-items:center; }\n    .link-row { flex-direction:column; align-items:stretch; }\n    .btn-primary { justify-content:center; }\n  }\n\u003c/style\u003e\n\u003cdiv class=\"doc\"\u003e\n  \u003cheader\u003e\n    \u003cdiv class=\"eyebrow\"\u003eTERROIR CURATOR — HYPERFOLLOW\u003c/div\u003e\n    \u003ch1\u003e作品集\u003c/h1\u003e\n    \u003cp class=\"lede\"\u003e風土、聲音與策展的交會。所有發行、選曲與合作作品，收錄於此。\u003c/p\u003e\n  \u003c/header\u003e\n\n  \u003cdiv class=\"wrap\"\u003e\n    \u003c!-- 主連結卡 --\u003e\n    \u003csection class=\"hero-card\" aria-label=\"作品集主要連結\"\u003e\n      \u003cdiv class=\"hero-top\"\u003e\n        \u003cspan class=\"hero-label\"\u003e\u003ci\u003e\u003c/i\u003e OFFICIAL PORTFOLIO\u003c/span\u003e\n        \u003cdiv class=\"hero-icon\" aria-hidden=\"true\"\u003e\n          \u003csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M9 18V5l12-2v13\"/\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"3\"/\u003e\u003ccircle cx=\"18\" cy=\"16\" r=\"3\"/\u003e\u003c/svg\u003e\n        \u003c/div\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"hero-title\"\u003eTerroir Curator\u003c/div\u003e\n      \u003cp class=\"hero-desc\"\u003e點擊下方按鈕進入 HyperFollow 完整作品頁，收聽最新發行、歌單與合作企劃。連結長期有效，建議收藏。\u003c/p\u003e\n      \u003cdiv class=\"link-row\"\u003e\n        \u003cdiv class=\"link-url\" title=\"https://hyperfollow.com/TerroirCurator\"\u003ehttps://hyperfollow.com/TerroirCurator\u003c/div\u003e\n        \u003ca class=\"btn-primary\" href=\"https://hyperfollow.com/TerroirCurator\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n          開啟作品集\n          \u003csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 17L17 7\"/\u003e\u003cpath d=\"M8 7h9v9\"/\u003e\u003c/svg\u003e\n        \u003c/a\u003e\n      \u003c/div\u003e\n    \u003c/section\u003e\n\n    \u003cdiv class=\"callout\"\u003e\n      \u003cspan class=\"tag\"\u003eNOTE\u003c/span\u003e\n      \u003cp\u003e\u003cstrong\u003e如何使用：\u003c/strong\u003e此為對外統一入口，整合串流平台、社群與聯絡資訊。更新作品時僅需維護 HyperFollow 一處，即自動同步至所有平台。\u003c/p\u003e\n    \u003c/div\u003e\n\n    \u003ch2\u003e\u003cspan class=\"num\"\u003e01\u003c/span\u003e 收錄內容\u003c/h2\u003e\n    \u003cdiv class=\"grid-3\"\u003e\n      \u003cdiv class=\"mini-card\"\u003e\n        \u003cdiv class=\"icon\"\u003e\u003csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003cpath d=\"M12 3v10.55A4 4 0 1 0 14 17V7h7V3z\"/\u003e\u003c/svg\u003e\u003c/div\u003e\n        \u003cdiv class=\"k\"\u003eRELEASES\u003c/div\u003e\n        \u003cdiv class=\"t\"\u003e發行作品\u003c/div\u003e\n        \u003cp class=\"d\"\u003e原創、混音與合輯收錄。依發行時間倒序，附串流直連。\u003c/p\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"mini-card\"\u003e\n        \u003cdiv class=\"icon\"\u003e\u003csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"/\u003e\u003cpath d=\"M8 12h8M12 8v8\"/\u003e\u003c/svg\u003e\u003c/div\u003e\n        \u003cdiv class=\"k\"\u003eCURATION\u003c/div\u003e\n        \u003cdiv class=\"t\"\u003e風土策展\u003c/div\u003e\n        \u003cp class=\"d\"\u003e以產地、季節與場域為題的選曲與聲音敘事。\u003c/p\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"mini-card\"\u003e\n        \u003cdiv class=\"icon\"\u003e\u003csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003cpath d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"/\u003e\u003ccircle cx=\"9\" cy=\"7\" r=\"4\"/\u003e\u003cpath d=\"M22 21v-2a4 4 0 0 0-3-3.87\"/\u003e\u003cpath d=\"M16 3.13a4 4 0 0 1 0 7.75\"/\u003e\u003c/svg\u003e\u003c/div\u003e\n        \u003cdiv class=\"k\"\u003eCOLLAB\u003c/div\u003e\n        \u003cdiv class=\"t\"\u003e合作與委託\u003c/div\u003e\n        \u003cp class=\"d\"\u003e品牌、空間與展演合作，包含 DJ Set 與聲音設計。\u003c/p\u003e\n      \u003c/div\u003e\n    \u003c/div\u003e\n\n    \u003ch2\u003e\u003cspan class=\"num\"\u003e02\u003c/span\u003e 使用說明\u003c/h2\u003e\n    \u003cdiv class=\"mini-card\" style=\"margin-bottom:28px;\"\u003e\n      \u003cdiv style=\"display:grid; gap:10px;\"\u003e\n        \u003cdiv style=\"display:flex; gap:12px; align-items:flex-start;\"\u003e\n          \u003cspan style=\"flex:none; width:28px; height:28px; border-radius:50%; background:var(--accent); color:white; display:grid; place-items:center; font:700 12px monospace;\"\u003e1\u003c/span\u003e\n          \u003cp style=\"margin:2px 0 0; font-size:14px; color:var(--ink-2);\"\u003e\u003cstrong style=\"color:var(--ink);\"\u003e開啟連結\u003c/strong\u003e — 點擊上方按鈕或複製網址至瀏覽器，進入 HyperFollow 頁面。\u003c/p\u003e\n        \u003c/div\u003e\n        \u003cdiv style=\"display:flex; gap:12px; align-items:flex-start;\"\u003e\n          \u003cspan style=\"flex:none; width:28px; height:28px; border-radius:50%; background:var(--card); border:1px solid var(--hair); color:var(--accent); display:grid; place-items:center; font:700 12px monospace;\"\u003e2\u003c/span\u003e\n          \u003cp style=\"margin:2px 0 0; font-size:14px; color:var(--ink-2);\"\u003e\u003cstrong style=\"color:var(--ink);\"\u003e選擇平台收聽\u003c/strong\u003e — 依偏好選擇 Spotify / Apple Music / YouTube 等平台一鍵跳轉。\u003c/p\u003e\n        \u003c/div\u003e\n        \u003cdiv style=\"display:flex; gap:12px; align-items:flex-start;\"\u003e\n          \u003cspan style=\"flex:none; width:28px; height:28px; border-radius:50%; background:var(--card); border:1px solid var(--hair); color:var(--accent); display:grid; place-items:center; font:700 12px monospace;\"\u003e3\u003c/span\u003e\n          \u003cp style=\"margin:2px 0 0; font-size:14px; color:var(--ink-2);\"\u003e\u003cstrong style=\"color:var(--ink);\"\u003e追蹤與聯絡\u003c/strong\u003e — 在頁面內追蹤以接收新作通知，或透過頁面聯絡資訊洽詢合作。\u003c/p\u003e\n        \u003c/div\u003e\n      \u003c/div\u003e\n    \u003c/div\u003e\n\n    \u003cdiv class=\"divider\"\u003e\u003c/div\u003e\n\n    \u003cdiv class=\"footer\"\u003e\n      \u003cdiv class=\"hint\"\u003e© Terroir Curator · 最後更新：作品集連結維護中\u003c/div\u003e\n      \u003cdiv class=\"links\"\u003e\n        \u003ca class=\"chip\" href=\"https://hyperfollow.com/TerroirCurator\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eHyperFollow ↗\u003c/a\u003e\n        \u003cspan class=\"chip\" style=\"opacity:.7;\"\u003eDocument\u003c/span\u003e\n      \u003c/div\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e","content":"作品集\nhttps://hyperfollow.com/TerroirCurator","createdAt":1788326275356,"embedRenders":{},"id":"6a97b15480084501d90b5f1f","imgURLs":[],"isPublic":true,"itemType":"POST","name":"作品集","parents":{"community":1788326275356},"publishedAt":1788326275356,"updatedAt":1788326275356,"updatedBy":{"userId":"6a6494b801dd8d2de1de97","userName":"風土策展人"},"version":1},"ownerName":"風土策展人","subtree":[{"artifactHtml":"\u003cstyle\u003e\n  :root {\n    --paper:#FDFBF7;\n    --ink:#1A1E1D;\n    --ink-2:#6B7472;\n    --accent:#8B3A2E;\n    --accent-2:#C67C5A;\n    --soft:#F3E8E0;\n    --hair:#E8DDD6;\n    --card:#FFFFFF;\n    --shadow: 0 8px 32px rgba(26,30,29,0.06);\n  }\n  :root[data-theme=\"dark\"] {\n    --paper:#0F1110;\n    --ink:#EDE9E3;\n    --ink-2:#A8A19B;\n    --accent:#E8A07A;\n    --accent-2:#D9B49E;\n    --soft:#1C1F1E;\n    --hair:#2A2E2D;\n    --card:#1A1E1D;\n    --shadow: 0 8px 32px rgba(0,0,0,0.3);\n  }\n  .doc {\n    background:var(--paper);\n    color:var(--ink);\n    padding:0;\n    font:16px/1.75 -apple-system, BlinkMacSystemFont, \"PingFang TC\", \"Noto Sans TC\", \"Helvetica Neue\", sans-serif;\n    -webkit-font-smoothing: antialiased;\n  }\n  header {\n    padding:36px 32px 28px;\n    border-bottom:1px solid var(--hair);\n    background: linear-gradient(180deg, var(--soft) 0%, var(--paper) 100%);\n  }\n  .eyebrow {\n    font:600 11px ui-monospace, SFMono-Regular, Menlo, monospace;\n    letter-spacing:.18em;\n    color:var(--accent);\n    display:flex;\n    align-items:center;\n    gap:10px;\n  }\n  .eyebrow::before {\n    content:\"\";\n    width:24px;\n    height:1px;\n    background:var(--accent);\n    display:inline-block;\n  }\n  h1 {\n    font-family: \"Iowan Old Style\", \"Palatino Linotype\", \"Noto Serif TC\", serif;\n    font-size:42px;\n    font-weight:700;\n    line-height:1.1;\n    letter-spacing:-.03em;\n    margin:14px 0 0;\n  }\n  .lede {\n    color:var(--ink-2);\n    font-size:16px;\n    line-height:1.6;\n    margin:12px 0 0;\n    max-width:52ch;\n  }\n  .wrap {\n    padding:28px 32px 36px;\n    max-width:860px;\n  }\n  /* Hero Link Card */\n  .hero-card {\n    background:var(--card);\n    border:1px solid var(--hair);\n    border-radius:16px;\n    padding:22px 22px 20px;\n    box-shadow:var(--shadow);\n    position:relative;\n    overflow:hidden;\n    margin-bottom:28px;\n  }\n  .hero-card::after {\n    content:\"\";\n    position:absolute;\n    top:0; right:0;\n    width:180px; height:180px;\n    background: radial-gradient(closest-side, var(--soft), transparent 70%);\n    opacity:0.9;\n    pointer-events:none;\n  }\n  .hero-top {\n    display:flex;\n    justify-content:space-between;\n    align-items:flex-start;\n    gap:16px;\n    position:relative;\n    z-index:1;\n  }\n  .hero-label {\n    font:600 11px ui-monospace, monospace;\n    letter-spacing:.12em;\n    color:var(--accent);\n    background:var(--soft);\n    padding:6px 10px;\n    border-radius:999px;\n    display:inline-flex;\n    align-items:center;\n    gap:6px;\n  }\n  .hero-label i {\n    width:6px; height:6px; background:var(--accent); border-radius:50%; display:inline-block;\n    box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent);\n  }\n  .hero-icon {\n    width:40px; height:40px;\n    border-radius:10px;\n    background:var(--ink);\n    color:var(--paper);\n    display:grid; place-items:center;\n    flex:none;\n  }\n  :root[data-theme=\"dark\"] .hero-icon { background:var(--accent); color:#0F1110; }\n  .hero-title {\n    font-family:\"Iowan Old Style\", serif;\n    font-size:22px;\n    font-weight:700;\n    letter-spacing:-.02em;\n    margin:16px 0 6px;\n    position:relative; z-index:1;\n  }\n  .hero-desc {\n    color:var(--ink-2);\n    font-size:14px;\n    line-height:1.6;\n    margin:0;\n    position:relative; z-index:1;\n  }\n  .link-row {\n    display:flex;\n    align-items:center;\n    gap:12px;\n    margin-top:18px;\n    flex-wrap:wrap;\n    position:relative; z-index:1;\n  }\n  .link-url {\n    flex:1;\n    min-width:220px;\n    font:500 13px ui-monospace, monospace;\n    color:var(--ink-2);\n    background:var(--paper);\n    border:1px solid var(--hair);\n    border-radius:10px;\n    padding:11px 14px;\n    overflow:hidden;\n    text-overflow:ellipsis;\n    white-space:nowrap;\n  }\n  .btn-primary {\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n    background:var(--accent);\n    color:white;\n    text-decoration:none;\n    font:600 14px sans-serif;\n    letter-spacing:.02em;\n    padding:11px 18px;\n    border-radius:999px;\n    transition:transform .15s, opacity .15s;\n    white-space:nowrap;\n  }\n  .btn-primary:hover { transform:translateY(-1px); opacity:.92; }\n  .btn-primary:active { transform:translateY(0); }\n  :root[data-theme=\"dark\"] .btn-primary { color:#0F1110; }\n\n  /* Sections */\n  h2 {\n    font-family:\"Iowan Old Style\", serif;\n    font-size:20px;\n    font-weight:700;\n    letter-spacing:-.02em;\n    margin:0 0 14px;\n    display:flex;\n    align-items:center;\n    gap:10px;\n  }\n  h2 .num {\n    font:600 11px ui-monospace, monospace;\n    color:var(--accent);\n    border:1px solid var(--hair);\n    background:var(--soft);\n    width:26px; height:26px;\n    display:grid; place-items:center;\n    border-radius:50%;\n  }\n  .grid-3 {\n    display:grid;\n    grid-template-columns:repeat(3, 1fr);\n    gap:14px;\n    margin:14px 0 28px;\n  }\n  .mini-card {\n    background:var(--card);\n    border:1px solid var(--hair);\n    border-radius:12px;\n    padding:16px 16px 14px;\n  }\n  .mini-card .k {\n    font:600 11px ui-monospace, monospace;\n    letter-spacing:.1em;\n    color:var(--accent);\n    margin-bottom:8px;\n  }\n  .mini-card .t {\n    font:700 15px/1.4 sans-serif;\n    letter-spacing:-.01em;\n    margin:0 0 6px;\n  }\n  .mini-card .d {\n    font-size:13px;\n    line-height:1.6;\n    color:var(--ink-2);\n    margin:0;\n  }\n  .mini-card .icon {\n    width:32px; height:32px;\n    border-radius:8px;\n    background:var(--soft);\n    color:var(--accent);\n    display:grid; place-items:center;\n    margin-bottom:12px;\n  }\n  .callout {\n    display:flex;\n    gap:14px;\n    padding:16px 18px;\n    background:var(--soft);\n    border:1px solid var(--hair);\n    border-radius:12px;\n    margin:0 0 28px;\n  }\n  .callout .tag {\n    flex:none;\n    font:700 11px ui-monospace, monospace;\n    letter-spacing:.08em;\n    color:var(--accent);\n    padding-top:2px;\n  }\n  .callout p {\n    margin:0;\n    font-size:14px;\n    line-height:1.7;\n    color:var(--ink-2);\n  }\n  .callout strong { color:var(--ink); font-weight:700; }\n\n  .divider {\n    height:1px;\n    background:var(--hair);\n    margin:28px 0;\n  }\n  .footer {\n    display:flex;\n    justify-content:space-between;\n    align-items:center;\n    gap:16px;\n    flex-wrap:wrap;\n    padding-top:4px;\n  }\n  .footer .hint {\n    font:500 12px ui-monospace, monospace;\n    color:var(--ink-2);\n    letter-spacing:.02em;\n  }\n  .footer .links {\n    display:flex;\n    gap:8px;\n  }\n  .chip {\n    font:600 12px ui-monospace, monospace;\n    letter-spacing:.04em;\n    color:var(--ink-2);\n    border:1px solid var(--hair);\n    background:var(--card);\n    padding:7px 12px;\n    border-radius:999px;\n    text-decoration:none;\n  }\n  @media (max-width:640px) {\n    header { padding:28px 20px 22px; }\n    h1 { font-size:34px; }\n    .wrap { padding:20px 20px 28px; }\n    .grid-3 { grid-template-columns:1fr; }\n    .hero-top { align-items:center; }\n    .link-row { flex-direction:column; align-items:stretch; }\n    .btn-primary { justify-content:center; }\n  }\n\u003c/style\u003e\n\u003cdiv class=\"doc\"\u003e\n  \u003cheader\u003e\n    \u003cdiv class=\"eyebrow\"\u003eTERROIR CURATOR — HYPERFOLLOW\u003c/div\u003e\n    \u003ch1\u003e作品集\u003c/h1\u003e\n    \u003cp class=\"lede\"\u003e風土、聲音與策展的交會。所有發行、選曲與合作作品，收錄於此。\u003c/p\u003e\n  \u003c/header\u003e\n\n  \u003cdiv class=\"wrap\"\u003e\n    \u003c!-- 主連結卡 --\u003e\n    \u003csection class=\"hero-card\" aria-label=\"作品集主要連結\"\u003e\n      \u003cdiv class=\"hero-top\"\u003e\n        \u003cspan class=\"hero-label\"\u003e\u003ci\u003e\u003c/i\u003e OFFICIAL PORTFOLIO\u003c/span\u003e\n        \u003cdiv class=\"hero-icon\" aria-hidden=\"true\"\u003e\n          \u003csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M9 18V5l12-2v13\"/\u003e\u003ccircle cx=\"6\" cy=\"18\" r=\"3\"/\u003e\u003ccircle cx=\"18\" cy=\"16\" r=\"3\"/\u003e\u003c/svg\u003e\n        \u003c/div\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"hero-title\"\u003eTerroir Curator\u003c/div\u003e\n      \u003cp class=\"hero-desc\"\u003e點擊下方按鈕進入 HyperFollow 完整作品頁，收聽最新發行、歌單與合作企劃。連結長期有效，建議收藏。\u003c/p\u003e\n      \u003cdiv class=\"link-row\"\u003e\n        \u003cdiv class=\"link-url\" title=\"https://hyperfollow.com/TerroirCurator\"\u003ehttps://hyperfollow.com/TerroirCurator\u003c/div\u003e\n        \u003ca class=\"btn-primary\" href=\"https://hyperfollow.com/TerroirCurator\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n          開啟作品集\n          \u003csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 17L17 7\"/\u003e\u003cpath d=\"M8 7h9v9\"/\u003e\u003c/svg\u003e\n        \u003c/a\u003e\n      \u003c/div\u003e\n    \u003c/section\u003e\n\n    \u003cdiv class=\"callout\"\u003e\n      \u003cspan class=\"tag\"\u003eNOTE\u003c/span\u003e\n      \u003cp\u003e\u003cstrong\u003e如何使用：\u003c/strong\u003e此為對外統一入口，整合串流平台、社群與聯絡資訊。更新作品時僅需維護 HyperFollow 一處，即自動同步至所有平台。\u003c/p\u003e\n    \u003c/div\u003e\n\n    \u003ch2\u003e\u003cspan class=\"num\"\u003e01\u003c/span\u003e 收錄內容\u003c/h2\u003e\n    \u003cdiv class=\"grid-3\"\u003e\n      \u003cdiv class=\"mini-card\"\u003e\n        \u003cdiv class=\"icon\"\u003e\u003csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003cpath d=\"M12 3v10.55A4 4 0 1 0 14 17V7h7V3z\"/\u003e\u003c/svg\u003e\u003c/div\u003e\n        \u003cdiv class=\"k\"\u003eRELEASES\u003c/div\u003e\n        \u003cdiv class=\"t\"\u003e發行作品\u003c/div\u003e\n        \u003cp class=\"d\"\u003e原創、混音與合輯收錄。依發行時間倒序，附串流直連。\u003c/p\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"mini-card\"\u003e\n        \u003cdiv class=\"icon\"\u003e\u003csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"/\u003e\u003cpath d=\"M8 12h8M12 8v8\"/\u003e\u003c/svg\u003e\u003c/div\u003e\n        \u003cdiv class=\"k\"\u003eCURATION\u003c/div\u003e\n        \u003cdiv class=\"t\"\u003e風土策展\u003c/div\u003e\n        \u003cp class=\"d\"\u003e以產地、季節與場域為題的選曲與聲音敘事。\u003c/p\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"mini-card\"\u003e\n        \u003cdiv class=\"icon\"\u003e\u003csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\u003e\u003cpath d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"/\u003e\u003ccircle cx=\"9\" cy=\"7\" r=\"4\"/\u003e\u003cpath d=\"M22 21v-2a4 4 0 0 0-3-3.87\"/\u003e\u003cpath d=\"M16 3.13a4 4 0 0 1 0 7.75\"/\u003e\u003c/svg\u003e\u003c/div\u003e\n        \u003cdiv class=\"k\"\u003eCOLLAB\u003c/div\u003e\n        \u003cdiv class=\"t\"\u003e合作與委託\u003c/div\u003e\n        \u003cp class=\"d\"\u003e品牌、空間與展演合作，包含 DJ Set 與聲音設計。\u003c/p\u003e\n      \u003c/div\u003e\n    \u003c/div\u003e\n\n    \u003ch2\u003e\u003cspan class=\"num\"\u003e02\u003c/span\u003e 使用說明\u003c/h2\u003e\n    \u003cdiv class=\"mini-card\" style=\"margin-bottom:28px;\"\u003e\n      \u003cdiv style=\"display:grid; gap:10px;\"\u003e\n        \u003cdiv style=\"display:flex; gap:12px; align-items:flex-start;\"\u003e\n          \u003cspan style=\"flex:none; width:28px; height:28px; border-radius:50%; background:var(--accent); color:white; display:grid; place-items:center; font:700 12px monospace;\"\u003e1\u003c/span\u003e\n          \u003cp style=\"margin:2px 0 0; font-size:14px; color:var(--ink-2);\"\u003e\u003cstrong style=\"color:var(--ink);\"\u003e開啟連結\u003c/strong\u003e — 點擊上方按鈕或複製網址至瀏覽器，進入 HyperFollow 頁面。\u003c/p\u003e\n        \u003c/div\u003e\n        \u003cdiv style=\"display:flex; gap:12px; align-items:flex-start;\"\u003e\n          \u003cspan style=\"flex:none; width:28px; height:28px; border-radius:50%; background:var(--card); border:1px solid var(--hair); color:var(--accent); display:grid; place-items:center; font:700 12px monospace;\"\u003e2\u003c/span\u003e\n          \u003cp style=\"margin:2px 0 0; font-size:14px; color:var(--ink-2);\"\u003e\u003cstrong style=\"color:var(--ink);\"\u003e選擇平台收聽\u003c/strong\u003e — 依偏好選擇 Spotify / Apple Music / YouTube 等平台一鍵跳轉。\u003c/p\u003e\n        \u003c/div\u003e\n        \u003cdiv style=\"display:flex; gap:12px; align-items:flex-start;\"\u003e\n          \u003cspan style=\"flex:none; width:28px; height:28px; border-radius:50%; background:var(--card); border:1px solid var(--hair); color:var(--accent); display:grid; place-items:center; font:700 12px monospace;\"\u003e3\u003c/span\u003e\n          \u003cp style=\"margin:2px 0 0; font-size:14px; color:var(--ink-2);\"\u003e\u003cstrong style=\"color:var(--ink);\"\u003e追蹤與聯絡\u003c/strong\u003e — 在頁面內追蹤以接收新作通知，或透過頁面聯絡資訊洽詢合作。\u003c/p\u003e\n        \u003c/div\u003e\n      \u003c/div\u003e\n    \u003c/div\u003e\n\n    \u003cdiv class=\"divider\"\u003e\u003c/div\u003e\n\n    \u003cdiv class=\"footer\"\u003e\n      \u003cdiv class=\"hint\"\u003e© Terroir Curator · 最後更新：作品集連結維護中\u003c/div\u003e\n      \u003cdiv class=\"links\"\u003e\n        \u003ca class=\"chip\" href=\"https://hyperfollow.com/TerroirCurator\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eHyperFollow ↗\u003c/a\u003e\n        \u003cspan class=\"chip\" style=\"opacity:.7;\"\u003eDocument\u003c/span\u003e\n      \u003c/div\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/div\u003e","content":"作品集\nhttps://hyperfollow.com/TerroirCurator","createdAt":1788326275356,"embedRenders":{},"id":"6a97b15480084501d90b5f1f","imgURLs":[],"isPublic":true,"itemType":"POST","name":"作品集","parents":{"community":1788326275356},"publishedAt":1788326275356,"updatedAt":1788326275356,"updatedBy":{"userId":"6a6494b801dd8d2de1de97","userName":"風土策展人"},"version":1}]}