{"allowContribute":false,"item":{"artifactHtml":"\u003cstyle\u003e\n :root{ --paper:#FDFBF7; --paper-2:#F3ECE1; --ink:#2B2622; --ink-2:#7A7068; --ink-3:#9A938D; --accent:#C07A3A; --accent-2:#7A9B8A; --accent-3:#D94E4E; --soft:#F3E8DB; --soft-2:#E8F0EB; --soft-3:#FFF6E8; --hair:#E8DDD0; --hair-2:#DDD5C8; --card:#FFFFFF; --shadow:0 2px 18px rgba(43,38,34,.07), 0 1px 4px rgba(43,38,34,.06); --radius:14px; --radius-sm:9px; }\n :root[data-theme=\"dark\"]{ --paper:#1A1816; --paper-2:#23201E; --ink:#F0EDE8; --ink-2:#B8B0A8; --ink-3:#8A8380; --accent:#E8A46A; --accent-2:#8EC0A8; --accent-3:#E87373; --soft:#2A2520; --soft-2:#1E2A24; --soft-3:#2A2318; --hair:#332E29; --hair-2:#3D3630; --card:#25211E; --shadow:0 2px 18px rgba(0,0,0,.35); }\n .doc{ background:var(--paper); color:var(--ink); padding:32px 30px 40px; font:15.5px/1.78 -apple-system,\"PingFang TC\",\"Noto Sans TC\",\"Microsoft JhengHei\",sans-serif; letter-spacing:.01em; }\n header{ margin-bottom:28px; }\n .eyebrow{ display:flex; align-items:center; gap:10px; font:600 11px ui-monospace,Menlo,monospace; letter-spacing:.16em; text-transform:uppercase; color:var(--accent); }\n .eyebrow::before{ content:\"\"; display:inline-block; width:22px; height:2px; background:var(--accent); border-radius:2px; }\n .eyebrow span.dot{ width:6px; height:6px; border-radius:50%; background:var(--accent-2); display:inline-block; }\n h1{ font-size:30px; line-height:1.22; letter-spacing:-.02em; margin:14px 0 10px; font-weight:800; }\n .lede{ color:var(--ink-2); font-size:15px; line-height:1.7; max-width:64ch; margin:0; }\n .lede strong{ color:var(--ink); font-weight:700; }\n .meta-row{ display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }\n .meta-pill{ display:inline-flex; align-items:center; gap:6px; font:600 11.5px ui-monospace,Menlo,monospace; letter-spacing:.04em; padding:6px 10px; border-radius:999px; background:var(--soft); border:1px solid var(--hair); color:var(--ink-2); }\n .meta-pill.accent{ background:var(--ink); color:var(--paper); border-color:var(--ink); }\n .meta-pill.green{ background:var(--soft-2); border-color:#C8DDD0; color:var(--accent-2); }\n :root[data-theme=\"dark\"] .meta-pill.green{ border-color:#3A4A42; }\n /* stats */\n section[data-cube=\"stats\"]{ display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px; margin:22px 0 28px; }\n .stat{ background:var(--card); border:1px solid var(--hair); border-radius:12px; padding:14px 16px; box-shadow:var(--shadow); }\n .stat .k{ font:600 10.5px ui-monospace,Menlo,monospace; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-3); }\n .stat .v{ font-size:22px; font-weight:800; margin-top:6px; letter-spacing:-.02em; }\n .stat .v small{ font-size:13px; font-weight:600; color:var(--ink-2); }\n .stat .n{ font-size:12.5px; color:var(--ink-2); margin-top:2px; line-height:1.5; }\n /* TOC */\n .toc{ display:flex; flex-wrap:wrap; gap:8px; margin:18px 0 24px; }\n .toc a{ text-decoration:none; font:600 12.5px ui-monospace,Menlo,monospace; letter-spacing:.03em; padding:7px 12px; border-radius:999px; background:var(--card); border:1px solid var(--hair); color:var(--ink-2); transition:.15s; }\n .toc a:hover{ border-color:var(--accent); color:var(--accent); }\n .toc a em{ font-style:normal; color:var(--accent); margin-right:4px; }\n /* section */\n h2{ font-size:20px; line-height:1.35; letter-spacing:-.015em; margin:34px 0 8px; display:flex; align-items:center; gap:10px; }\n h2 .num{ flex:none; width:28px; height:28px; border-radius:8px; display:grid; place-items:center; font:700 12px ui-monospace,Menlo,monospace; color:#fff; background:var(--accent); }\n h2 .num.green{ background:var(--accent-2); }\n h2 .num.ink{ background:var(--ink); }\n .h2-sub{ color:var(--ink-2); font-size:13.5px; margin:0 0 16px 38px; line-height:1.6; }\n h3{ font-size:15px; font-weight:750; margin:22px 0 8px; letter-spacing:-.01em; }\n h3 small{ font-weight:500; color:var(--ink-3); font-size:12.5px; }\n p{ color:var(--ink-2); max-width:70ch; margin:8px 0; }\n p strong{ color:var(--ink); }\n /* category grid */\n .cat-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:12px; margin:16px 0; }\n .cat-card{ background:var(--card); border:1px solid var(--hair); border-radius:14px; overflow:hidden; box-shadow:var(--shadow); }\n .cat-head{ padding:14px 16px 10px; display:flex; align-items:center; gap:10px; border-bottom:1px solid var(--hair); }\n .cat-icon{ width:36px; height:36px; border-radius:10px; display:grid; place-items:center; flex:none; }\n .cat-head h4{ font-size:14.5px; font-weight:800; margin:0; letter-spacing:-.01em; }\n .cat-head p{ font:600 11px ui-monospace,Menlo,monospace; letter-spacing:.06em; color:var(--ink-3); margin:2px 0 0; text-transform:uppercase; }\n .cat-body{ padding:12px 16px 14px; }\n .sub-list{ display:flex; flex-wrap:wrap; gap:6px; }\n .sub-tag{ font:600 12px/1 ui-monospace,Menlo,monospace; padding:6px 9px; border-radius:999px; background:var(--soft); border:1px solid var(--hair); color:var(--ink-2); }\n .sub-tag.hl{ background:var(--ink); color:var(--paper); border-color:var(--ink); }\n /* template box */\n .template{ background:var(--card); border:1.5px solid var(--hair-2); border-radius:14px; overflow:hidden; margin:16px 0; box-shadow:var(--shadow); }\n .template-head{ background:var(--soft); padding:12px 16px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--hair); }\n .template-head b{ font:700 12px ui-monospace,Menlo,monospace; letter-spacing:.08em; text-transform:uppercase; color:var(--accent); }\n .template-head span{ font:600 11px ui-monospace; color:var(--ink-3); background:var(--card); border:1px solid var(--hair); padding:4px 8px; border-radius:999px; }\n .template-body{ padding:16px; }\n .field-grid{ display:grid; grid-template-columns:120px 1fr; gap:8px 14px; font-size:13.5px; }\n .field-grid dt{ font:700 12px ui-monospace; letter-spacing:.04em; color:var(--ink-3); text-transform:uppercase; padding-top:2px; }\n .field-grid dd{ margin:0; color:var(--ink-2); }\n .field-grid dd code{ font:600 12px ui-monospace; background:var(--soft); padding:2px 6px; border-radius:6px; border:1px solid var(--hair); }\n /* example block */\n .example{ background:var(--card); border:1px solid var(--hair); border-radius:12px; padding:16px; margin:12px 0; box-shadow:var(--shadow); position:relative; overflow:hidden; }\n .example::before{ content:\"\"; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--accent); }\n .example.green::before{ background:var(--accent-2); }\n .example.ink::before{ background:var(--ink); }\n .ex-meta{ display:flex; flex-wrap:wrap; gap:6px; margin-bottom:10px; align-items:center; }\n .ex-kicker{ font:700 11px ui-monospace; letter-spacing:.08em; text-transform:uppercase; color:var(--accent); }\n .ex-date{ font:500 11.5px ui-monospace; color:var(--ink-3); }\n .ex-title{ font-size:15px; font-weight:800; margin:0 0 6px; letter-spacing:-.01em; }\n .ex-body{ font-size:13.8px; line-height:1.75; color:var(--ink-2); margin:0; }\n .ex-highlight{ margin-top:10px; display:flex; gap:10px; background:var(--soft-3); border:1px solid var(--hair); border-left:3px solid var(--accent); border-radius:8px; padding:10px 12px; font-size:13px; line-height:1.65; color:var(--ink); }\n .ex-highlight.green{ border-left-color:var(--accent-2); background:var(--soft-2); }\n .ex-highlight b{ font:700 10px ui-monospace; letter-spacing:.08em; text-transform:uppercase; color:var(--accent); flex:none; padding-top:2px; }\n .ex-highlight.green b{ color:var(--accent-2); }\n .ex-quote{ margin-top:10px; border-left:2px solid var(--hair-2); padding:6px 12px; font-size:13.5px; font-style:italic; color:var(--ink-2); background:var(--soft); border-radius:0 8px 8px 0; }\n .ex-tags{ display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }\n .ex-tags span{ font:600 11px ui-monospace; letter-spacing:.02em; padding:4px 8px; border-radius:999px; background:var(--soft); border:1px solid var(--hair); color:var(--ink-3); }\n .ex-tags span.hot{ background:var(--ink); color:var(--paper); border-color:var(--ink); }\n /* thoughts featured */\n .thought-hero{ background:linear-gradient(135deg, var(--soft) 0%, var(--soft-2) 100%); border:1px solid var(--hair); border-radius:16px; padding:22px; margin:16px 0; position:relative; overflow:hidden; }\n .thought-hero::after{ content:\"“\"\"; position:absolute; right:18px; top:6px; font-size:64px; line-height:1; color:var(--accent); opacity:.14; font-family:Georgia,serif; }\n .thought-hero .label{ display:inline-flex; align-items:center; gap:6px; font:700 11px ui-monospace; letter-spacing:.1em; text-transform:uppercase; color:var(--accent); background:var(--card); border:1px solid var(--hair); padding:5px 9px; border-radius:999px; }\n .thought-hero h4{ font-size:18px; font-weight:800; margin:14px 0 8px; letter-spacing:-.015em; line-height:1.35; }\n .thought-hero .t-body{ font-size:14.2px; line-height:1.85; color:var(--ink-2); }\n .thought-hero .t-body strong{ color:var(--ink); }\n .thought-hero .t-meta{ display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; align-items:center; }\n /* closing */\n .closing{ background:var(--ink); color:var(--paper); border-radius:16px; padding:24px; margin:20px 0; position:relative; overflow:hidden; }\n :root[data-theme=\"dark\"] .closing{ background:#2A2520; }\n .closing::before{ content:\"\"; position:absolute; inset:0; background:radial-gradient(520px 220px at 85% 0%, rgba(192,122,58,.18), transparent 60%), radial-gradient(420px 200px at 10% 100%, rgba(122,155,138,.18), transparent 60%); pointer-events:none; }\n .closing h4{ font-size:17px; font-weight:800; margin:0 0 10px; position:relative; }\n .closing p{ color:rgba(253,251,247,.82); position:relative; font-size:14px; line-height:1.8; max-width:62ch; }\n .closing .sig{ margin-top:14px; font:600 12px ui-monospace; letter-spacing:.06em; color:rgba(253,251,247,.55); position:relative; }\n /* callout */\n .callout{ display:flex; gap:12px; padding:13px 15px; background:var(--soft); border:1px solid var(--hair); border-radius:10px; margin:14px 0; }\n .callout .tag{ flex:none; font:700 10.5px ui-monospace; letter-spacing:.08em; text-transform:uppercase; color:var(--accent); padding-top:2px; }\n .callout.green{ background:var(--soft-2); }\n .callout.green .tag{ color:var(--accent-2); }\n /* divider */\n hr{ border:none; border-top:1px solid var(--hair); margin:22px 0; }\n .foot{ display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; color:var(--ink-3); font:500 12px ui-monospace; letter-spacing:.02em; }\n .foot span{ background:var(--soft); border:1px solid var(--hair); padding:5px 9px; border-radius:999px; }\n @media (max-width:640px){ .doc{ padding:22px 18px 32px; } h1{ font-size:24px; } .field-grid{ grid-template-columns:1fr; } .field-grid dt{ padding-top:0; } h2{ font-size:18px; } .h2-sub{ margin-left:0; } }\n\u003c/style\u003e\n\u003cdiv class=\"doc\"\u003e\n \u003cheader\u003e\n \u003cdiv class=\"eyebrow\"\u003eLiving About Me · Database \u003cspan class=\"dot\"\u003e\u003c/span\u003e 會持續長大的我\u003c/div\u003e\n \u003ch1\u003e會成長的「關於我」—— 內容規劃稿\u003c/h1\u003e\n \u003cp class=\"lede\"\u003e這不是一份履歷，也不是自我介紹的定稿。\u003cbr\u003e它是\u003cstrong\u003e「此時此刻的我」\u003c/strong\u003e的資料庫——會隨著時間、經歷與想法，一次次更新版本。訪客在這裡看到的，永遠是\u003cstrong\u003e最新版的我\u003c/strong\u003e，而不是永遠不變的標籤。\u003c/p\u003e\n \u003cdiv class=\"meta-row\"\u003e\n \u003cspan class=\"meta-pill accent\"\u003e✦ 內容規劃稿 v1.0 — 2026.08.30\u003c/span\u003e\n \u003cspan class=\"meta-pill\"\u003e📂 放置：人物資料庫內容規劃\u003c/span\u003e\n \u003cspan class=\"meta-pill green\"\u003e● 會成長 · 持續更新\u003c/span\u003e\n \u003cspan class=\"meta-pill\"\u003e10 主分類 · 40+ 子分類\u003c/span\u003e\n \u003c/div\u003e\n \u003c/header\u003e\n\n \u003csection data-cube=\"stats\" class=\"stats\"\u003e\n \u003cdiv class=\"stat\"\u003e\u003cdiv class=\"k\"\u003e主分類\u003c/div\u003e\u003cdiv class=\"v\"\u003e10\u003c/div\u003e\u003cdiv class=\"n\"\u003e涵蓋外貌到未來，完整拼圖\u003c/div\u003e\u003c/div\u003e\n \u003cdiv class=\"stat\"\u003e\u003cdiv class=\"k\"\u003e子分類\u003c/div\u003e\u003cdiv class=\"v\"\u003e42\u003c/div\u003e\u003cdiv class=\"n\"\u003e每個子分類都是一個可長大的抽屜\u003c/div\u003e\u003c/div\u003e\n \u003cdiv class=\"stat\"\u003e\u003cdiv class=\"k\"\u003e內容區塊\u003c/div\u003e\u003cdiv class=\"v\"\u003e∞\u003c/div\u003e\u003cdiv class=\"n\"\u003e每格可新增：標題 / 日期 / 內文 / Highlight\u003c/div\u003e\u003c/div\u003e\n \u003cdiv class=\"stat\"\u003e\u003cdiv class=\"k\"\u003eThoughts\u003c/div\u003e\u003cdiv class=\"v\"\u003e獨立庫\u003c/div\u003e\u003cdiv class=\"n\"\u003eShort / Long / Quote / Story 四形態\u003c/div\u003e\u003c/div\u003e\n \u003c/section\u003e\n\n \u003cdiv class=\"toc\"\u003e\n \u003ca href=\"#s1\"\u003e\u003cem\u003e01\u003c/em\u003e 主分類地圖\u003c/a\u003e\n \u003ca href=\"#s2\"\u003e\u003cem\u003e02\u003c/em\u003e 內容區塊雛形\u003c/a\u003e\n \u003ca href=\"#s3\"\u003e\u003cem\u003e03\u003c/em\u003e Thoughts 範例\u003c/a\u003e\n \u003ca href=\"#s4\"\u003e\u003cem\u003e04\u003c/em\u003e 全站結尾語\u003c/a\u003e\n \u003ca href=\"#s5\"\u003e\u003cem\u003e05\u003c/em\u003e 寫作與維護指南\u003c/a\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"callout\"\u003e\n \u003cspan class=\"tag\"\u003e如何使用\u003c/span\u003e\n \u003cdiv style=\"font-size:13.5px; line-height:1.65; color:var(--ink-2);\"\u003e這份規劃稿是\u003cstrong style=\"color:var(--ink);\"\u003e填空前的地圖\u003c/strong\u003e。後台照此結構建「主分類 → 子分類 → 內容區塊」三層，之後只要在對應抽屜裡持續新增內容即可。所有日期、Highlight、Tag 都可後續由「內容編輯助理」協助潤飾與統一。\u003c/div\u003e\n \u003c/div\u003e\n\n \u003c!-- ============ 01 ============ --\u003e\n \u003ch2 id=\"s1\"\u003e\u003cspan class=\"num\"\u003e01\u003c/span\u003e 初始主分類 × 第一層子分類\u003c/h2\u003e\n \u003cp class=\"h2-sub\"\u003e10 個主分類構成「我」的全景；每個主分類下 3–5 個子分類，是未來內容的抽屜。先搭架子，再慢慢填滿。\u003c/p\u003e\n\n \u003cdiv class=\"cat-grid\"\u003e\n \u003cdiv class=\"cat-card\"\u003e\n \u003cdiv class=\"cat-head\"\u003e\n \u003cdiv class=\"cat-icon\" style=\"background:#FDF0E0; border:1px solid #E8DDD0;\"\u003e🪞\u003c/div\u003e\n \u003cdiv\u003e\u003ch4\u003e外貌 Appearance\u003c/h4\u003e\u003cp\u003e第一眼的我 · 也會變的我\u003c/p\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cat-body\"\u003e\u003cdiv class=\"sub-list\"\u003e\u003cspan class=\"sub-tag hl\"\u003e身高\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e身材\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e長相\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e穿搭風格\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e標誌特徵\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cat-card\"\u003e\n \u003cdiv class=\"cat-head\"\u003e\n \u003cdiv class=\"cat-icon\" style=\"background:#E8F0EB; border:1px solid #C8DDD0;\"\u003e🌿\u003c/div\u003e\n \u003cdiv\u003e\u003ch4\u003e個性 Personality\u003c/h4\u003e\u003cp\u003e內在的紋理\u003c/p\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cat-body\"\u003e\u003cdiv class=\"sub-list\"\u003e\u003cspan class=\"sub-tag hl\"\u003e關鍵詞\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e優點\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e小缺點\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e情緒模式\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e壓力下的我\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cat-card\"\u003e\n \u003cdiv class=\"cat-head\"\u003e\n \u003cdiv class=\"cat-icon\" style=\"background:#EDE8F5; border:1px solid #D8D0E8;\"\u003e🧩\u003c/div\u003e\n \u003cdiv\u003e\u003ch4\u003eMBTI / 人格\u003c/h4\u003e\u003cp\u003e理解自己的另一種語言\u003c/p\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cat-body\"\u003e\u003cdiv class=\"sub-list\"\u003e\u003cspan class=\"sub-tag hl\"\u003e類型總覽\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e四維度拆解\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e優勢與盲點\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e相處小技巧\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cat-card\"\u003e\n \u003cdiv class=\"cat-head\"\u003e\n \u003cdiv class=\"cat-icon\" style=\"background:#FDE8E8; border:1px solid #E8C8C8;\"\u003e💌\u003c/div\u003e\n \u003cdiv\u003e\u003ch4\u003e感情 Relationship\u003c/h4\u003e\u003cp\u003e關於愛與關係\u003c/p\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cat-body\"\u003e\u003cdiv class=\"sub-list\"\u003e\u003cspan class=\"sub-tag hl\"\u003e感情觀\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e理想型\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e曾學到的事\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e現在的狀態\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cat-card\"\u003e\n \u003cdiv class=\"cat-head\"\u003e\n \u003cdiv class=\"cat-icon\" style=\"background:#FFF6E0; border:1px solid #E8DDC8;\"\u003e☕\u003c/div\u003e\n \u003cdiv\u003e\u003ch4\u003e生活 Lifestyle\u003c/h4\u003e\u003cp\u003e日常的節奏\u003c/p\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cat-body\"\u003e\u003cdiv class=\"sub-list\"\u003e\u003cspan class=\"sub-tag hl\"\u003e日常節奏\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e居住空間\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e飲食偏好\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e療癒小儀式\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cat-card\"\u003e\n \u003cdiv class=\"cat-head\"\u003e\n \u003cdiv class=\"cat-icon\" style=\"background:#E0EEF5; border:1px solid #C8DDE8;\"\u003e💼\u003c/div\u003e\n \u003cdiv\u003e\u003ch4\u003e工作 Work\u003c/h4\u003e\u003cp\u003e我在世界裡做的事\u003c/p\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cat-body\"\u003e\u003cdiv class=\"sub-list\"\u003e\u003cspan class=\"sub-tag hl\"\u003e現在在做什麼\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e擅長的事\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e想精進的\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e工作哲學\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cat-card\"\u003e\n \u003cdiv class=\"cat-head\"\u003e\n \u003cdiv class=\"cat-icon\" style=\"background:#FFF0E8; border:1px solid #E8D8C8;\"\u003e🎨\u003c/div\u003e\n \u003cdiv\u003e\u003ch4\u003e興趣 Interests\u003c/h4\u003e\u003cp\u003e熱愛的事\u003c/p\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cat-body\"\u003e\u003cdiv class=\"sub-list\"\u003e\u003cspan class=\"sub-tag hl\"\u003e長期熱愛\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e近期著迷\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e想嘗試清單\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e收藏\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cat-card\"\u003e\n \u003cdiv class=\"cat-head\"\u003e\n \u003cdiv class=\"cat-icon\" style=\"background:#E8F0FF; border:1px solid #C8D0E8;\"\u003e🔭\u003c/div\u003e\n \u003cdiv\u003e\u003ch4\u003e未來 Future\u003c/h4\u003e\u003cp\u003e正在前往的地方\u003c/p\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cat-body\"\u003e\u003cdiv class=\"sub-list\"\u003e\u003cspan class=\"sub-tag hl\"\u003e短期目標\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e長期想像\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e想成為的人\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003eBucket List\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cat-card\"\u003e\n \u003cdiv class=\"cat-head\"\u003e\n \u003cdiv class=\"cat-icon\" style=\"background:#F0E8F5; border:1px solid #D8C8E0;\"\u003e🤝\u003c/div\u003e\n \u003cdiv\u003e\u003ch4\u003e相處指南 How to be with me\u003c/h4\u003e\u003cp\u003e給想靠近我的人\u003c/p\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cat-body\"\u003e\u003cdiv class=\"sub-list\"\u003e\u003cspan class=\"sub-tag hl\"\u003e怎麼靠近我\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e我喜歡的相處\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e地雷與禁忌\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e給新朋友的話\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cat-card\"\u003e\n \u003cdiv class=\"cat-head\"\u003e\n \u003cdiv class=\"cat-icon\" style=\"background:#F5F0E0; border:1px solid #E0D8C0;\"\u003e🎲\u003c/div\u003e\n \u003cdiv\u003e\u003ch4\u003eRandom Facts\u003c/h4\u003e\u003cp\u003e沒人問但想說的事\u003c/p\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cat-body\"\u003e\u003cdiv class=\"sub-list\"\u003e\u003cspan class=\"sub-tag hl\"\u003e冷知識\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e怪癖\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e沒用的專長\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e小秘密\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"callout green\"\u003e\n \u003cspan class=\"tag\"\u003e設計說明\u003c/span\u003e\n \u003cdiv style=\"font-size:13.5px; line-height:1.65; color:var(--ink-2);\"\u003e子分類數量刻意控制在 4–5 個，\u003cstrong style=\"color:var(--ink);\"\u003e剛好填滿一屏、不會一次嚇到訪客\u003c/strong\u003e，又足夠細到讓每個抽屜都有話可說。未來可隨時新增子分類（例如「外貌 → 髮型演變史」），不影響既有結構。\u003c/div\u003e\n \u003c/div\u003e\n\n \u003c!-- ============ 02 ============ --\u003e\n \u003ch2 id=\"s2\"\u003e\u003cspan class=\"num green\"\u003e02\u003c/span\u003e 每個子分類的內容區塊 — 雛形與範例\u003c/h2\u003e\n \u003cp class=\"h2-sub\"\u003e統一的內容區塊規格，讓全站語氣一致、訪客好讀。先給模板，再給 10 則「可直接替換成自己文字」的範例。\u003c/p\u003e\n\n \u003cdiv class=\"template\"\u003e\n \u003cdiv class=\"template-head\"\u003e\u003cb\u003e▦ 內容區塊通用模板\u003c/b\u003e\u003cspan\u003eDraft / Published\u003c/span\u003e\u003c/div\u003e\n \u003cdiv class=\"template-body\"\u003e\n \u003cdl class=\"field-grid\"\u003e\n \u003cdt\u003e標題 Title\u003c/dt\u003e\u003cdd\u003e一句話點題，例如「我的穿搭像今天的心情」— 不用長，清楚就好\u003c/dd\u003e\n \u003cdt\u003e日期 Date\u003c/dt\u003e\u003cdd\u003e內容的「版本日期」，如 \u003ccode\u003e2026.08.30\u003c/code\u003e · 顯示「最後更新」讓訪客知道這是活的資料\u003c/dd\u003e\n \u003cdt\u003e內文 Body\u003c/dt\u003e\u003cdd\u003e80–180 字的段落，語氣溫暖、具體、有畫面感。避免條列履歷感，用「我」的口吻說故事\u003c/dd\u003e\n \u003cdt\u003eHighlight\u003c/dt\u003e\u003cdd\u003e一句金句摘要，進卡片封面或列表頁的大字。例如：\u003cem\u003e「舒適比時髦更像我。」\u003c/em\u003e\u003c/dd\u003e\n \u003cdt\u003eQuote\u003c/dt\u003e\u003cdd\u003e可選。想被記住的一句話，視覺上放大引用\u003c/dd\u003e\n \u003cdt\u003eTag\u003c/dt\u003e\u003cdd\u003e2–4 個，如 \u003ccode\u003e#穿搭\u003c/code\u003e \u003ccode\u003e#日常\u003c/code\u003e \u003ccode\u003e#自我表達\u003c/code\u003e — 全站可篩選與聚合\u003c/dd\u003e\n \u003cdt\u003e圖片 / 連結\u003c/dt\u003e\u003cdd\u003e可選。一張代表圖或一個延伸連結（歌單、文章、地圖）\u003c/dd\u003e\n \u003c/dl\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003ch3\u003e10 則子分類範例 — 替換成你的文字即可上線 \u003csmall\u003e每則皆含 Highlight / Quote / Tag 示範\u003c/small\u003e\u003c/h3\u003e\n\n \u003cdiv class=\"example\"\u003e\n \u003cdiv class=\"ex-meta\"\u003e\u003cspan class=\"ex-kicker\"\u003e外貌 · 穿搭風格\u003c/span\u003e\u003cspan class=\"ex-date\"\u003e· 2026.08.30\u003c/span\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-title\"\u003e我的穿搭像今天的心情\u003c/div\u003e\n \u003cp class=\"ex-body\"\u003e不追流行，但很在意「今天想讓自己感覺怎麼樣」。心情好的日子會穿明亮的顏色，想安靜時就躲進oversized 外套裡。衣櫃裡最多的是米色、牛仔和一件穿了三年的帆布包——舒服、自在，比時髦更像我。\u003c/p\u003e\n \u003cdiv class=\"ex-highlight\"\u003e\u003cb\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「舒適比時髦更像我。」\u003c/div\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-quote\"\u003e“You wear how you feel.”\u003c/div\u003e\n \u003cdiv class=\"ex-tags\"\u003e\u003cspan class=\"hot\"\u003e#穿搭\u003c/span\u003e\u003cspan\u003e#日常\u003c/span\u003e\u003cspan\u003e#自我表達\u003c/span\u003e\u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"example green\"\u003e\n \u003cdiv class=\"ex-meta\"\u003e\u003cspan class=\"ex-kicker\" style=\"color:var(--accent-2);\"\u003e個性 · 情緒模式\u003c/span\u003e\u003cspan class=\"ex-date\"\u003e· 2026.08.30\u003c/span\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-title\"\u003e慢熱，但一旦熟了就很吵\u003c/div\u003e\n \u003cp class=\"ex-body\"\u003e第一次見面常被說安靜，其實只是需要一點時間觀察。熟悉之後話會變多，也會主動分享奇怪的冷知識。難過的時候不愛立刻說，會先自己消化一下——不是不想分享，只是想先把情緒整理成能被好好聽懂的樣子。\u003c/p\u003e\n \u003cdiv class=\"ex-highlight green\"\u003e\u003cb\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「慢熟是一種慎重，不是不熱情。」\u003c/div\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-tags\"\u003e\u003cspan class=\"hot\"\u003e#個性\u003c/span\u003e\u003cspan\u003e#慢熱\u003c/span\u003e\u003cspan\u003e#情緒\u003c/span\u003e\u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"example ink\"\u003e\n \u003cdiv class=\"ex-meta\"\u003e\u003cspan class=\"ex-kicker\" style=\"color:var(--ink);\"\u003eMBTI · 類型總覽\u003c/span\u003e\u003cspan class=\"ex-date\"\u003e· 2026.08.30\u003c/span\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-title\"\u003eINFP — 但別把我只裝進四個字母\u003c/div\u003e\n \u003cp class=\"ex-body\"\u003e測過幾次都是 INFP，形容得很像：理想、敏感、喜歡把細節想得很深。但我也發現，狀態好時很外向、需要獨處時又極度內向。MBTI 對我來說比較像地圖，不是牢籠——用來理解自己，不是定義自己。\u003c/p\u003e\n \u003cdiv class=\"ex-highlight\" style=\"border-left-color:var(--ink); background:var(--soft);\"\u003e\u003cb style=\"color:var(--ink);\"\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「標籤用來理解，不是用來困住。」\u003c/div\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-tags\"\u003e\u003cspan class=\"hot\"\u003e#MBTI\u003c/span\u003e\u003cspan\u003e#INFP\u003c/span\u003e\u003cspan\u003e#自我認識\u003c/span\u003e\u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"example\"\u003e\n \u003cdiv class=\"ex-meta\"\u003e\u003cspan class=\"ex-kicker\"\u003e感情 · 感情觀\u003c/span\u003e\u003cspan class=\"ex-date\"\u003e· 2026.08.30\u003c/span\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-title\"\u003e我相信慢慢來比較快\u003c/div\u003e\n \u003cp class=\"ex-body\"\u003e以前以為心動就是答案，後來才懂，能長久的是「相處起來舒服」。我在感情裡很重視細節——記得對方隨口提過的事、在對方低潮時安靜陪伴。我不追求轟轟烈烈，更想要一種「我們一起把日子過好」的踏實感。\u003c/p\u003e\n \u003cdiv class=\"ex-highlight\"\u003e\u003cb\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「心動是起點，相處才是答案。」\u003c/div\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-quote\"\u003e“Love is not about how much you say, but how well you stay.”\u003c/div\u003e\n \u003cdiv class=\"ex-tags\"\u003e\u003cspan class=\"hot\"\u003e#感情觀\u003c/span\u003e\u003cspan\u003e#關係\u003c/span\u003e\u003cspan\u003e#慢慢來\u003c/span\u003e\u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"example green\"\u003e\n \u003cdiv class=\"ex-meta\"\u003e\u003cspan class=\"ex-kicker\" style=\"color:var(--accent-2);\"\u003e生活 · 療癒小儀式\u003c/span\u003e\u003cspan class=\"ex-date\"\u003e· 2026.08.30\u003c/span\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-title\"\u003e每天 10 分鐘，把自己找回來\u003c/div\u003e\n \u003cp class=\"ex-body\"\u003e早上沖一杯手沖咖啡，不看手機，就聽水流過濾紙的聲音。晚上睡前會點蠟燭、寫三行日記：今天一件小確幸、一件想改進的、一件感謝的。儀式感不需要很盛大，剛好夠把散掉的自己收回來就好。\u003c/p\u003e\n \u003cdiv class=\"ex-highlight green\"\u003e\u003cb\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「儀式感是把散掉的自己收回來。」\u003c/div\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-tags\"\u003e\u003cspan class=\"hot\"\u003e#生活\u003c/span\u003e\u003cspan\u003e#儀式感\u003c/span\u003e\u003cspan\u003e#療癒\u003c/span\u003e\u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"example ink\"\u003e\n \u003cdiv class=\"ex-meta\"\u003e\u003cspan class=\"ex-kicker\" style=\"color:var(--ink);\"\u003e工作 · 工作哲學\u003c/span\u003e\u003cspan class=\"ex-date\"\u003e· 2026.08.30\u003c/span\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-title\"\u003e把事情做好的同時，也把人照顧好\u003c/div\u003e\n \u003cp class=\"ex-body\"\u003e我喜歡把複雜的事拆解清楚、一步步做扎實。比起追求最快，我更在意「這樣做對不對、能不能讓之後的人好接手」。工作對我來說不只是成果，也是和人合作的過程——把事情做好，也把一起做事的人照顧好。\u003c/p\u003e\n \u003cdiv class=\"ex-highlight\" style=\"border-left-color:var(--ink); background:var(--soft);\"\u003e\u003cb style=\"color:var(--ink);\"\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「做事，也做人。」\u003c/div\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-tags\"\u003e\u003cspan class=\"hot\"\u003e#工作\u003c/span\u003e\u003cspan\u003e#哲學\u003c/span\u003e\u003cspan\u003e#協作\u003c/span\u003e\u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"example\"\u003e\n \u003cdiv class=\"ex-meta\"\u003e\u003cspan class=\"ex-kicker\"\u003e興趣 · 近期著迷\u003c/span\u003e\u003cspan class=\"ex-date\"\u003e· 2026.08.30\u003c/span\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-title\"\u003e最近迷上底片相機\u003c/div\u003e\n \u003cp class=\"ex-body\"\u003e數位照片可以重拍，底片不行——每按一次快門都要更專心。喜歡等待沖洗的那幾天，像在等待記憶慢慢顯影。最近最滿意的一張是在雨後的巷口拍的，光剛好落在水窪上，什麼都沒修，卻覺得那就是當天的我。\u003c/p\u003e\n \u003cdiv class=\"ex-highlight\"\u003e\u003cb\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「不能重來的，才會讓人更專心。」\u003c/div\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-tags\"\u003e\u003cspan class=\"hot\"\u003e#興趣\u003c/span\u003e\u003cspan\u003e#底片\u003c/span\u003e\u003cspan\u003e#近期著迷\u003c/span\u003e\u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"example green\"\u003e\n \u003cdiv class=\"ex-meta\"\u003e\u003cspan class=\"ex-kicker\" style=\"color:var(--accent-2);\"\u003e未來 · 想成為的人\u003c/span\u003e\u003cspan class=\"ex-date\"\u003e· 2026.08.30\u003c/span\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-title\"\u003e想成為讓人感到安心的人\u003c/div\u003e\n \u003cp class=\"ex-body\"\u003e不是最厲害的那個，而是當別人在徬徨時，會想起「找他聊聊好像會好一點」的那個人。想在專業上更扎實，也想在生活裡更柔軟——能把事情做好，也能在重要的人需要時，剛好在那裡。\u003c/p\u003e\n \u003cdiv class=\"ex-highlight green\"\u003e\u003cb\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「想成為一種安心的存在。」\u003c/div\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-tags\"\u003e\u003cspan class=\"hot\"\u003e#未來\u003c/span\u003e\u003cspan\u003e#想成為的人\u003c/span\u003e\u003cspan\u003e#溫柔\u003c/span\u003e\u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"example ink\"\u003e\n \u003cdiv class=\"ex-meta\"\u003e\u003cspan class=\"ex-kicker\" style=\"color:var(--ink);\"\u003e相處指南 · 怎麼靠近我\u003c/span\u003e\u003cspan class=\"ex-date\"\u003e· 2026.08.30\u003c/span\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-title\"\u003e不用很會聊天，真誠就好\u003c/div\u003e\n \u003cp class=\"ex-body\"\u003e比起華麗的開場白，我更喜歡真誠的提問。問我最近在想什麼、分享你最近發現的一首歌，都比「你好」更容易讓對話繼續。我回訊息不算最快，但每則都會好好回——因為我在意的是有沒有好好對話，而不是已讀的速度。\u003c/p\u003e\n \u003cdiv class=\"ex-highlight\" style=\"border-left-color:var(--ink); background:var(--soft);\"\u003e\u003cb style=\"color:var(--ink);\"\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「真誠比技巧更能靠近我。」\u003c/div\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-tags\"\u003e\u003cspan class=\"hot\"\u003e#相處指南\u003c/span\u003e\u003cspan\u003e#交朋友\u003c/span\u003e\u003cspan\u003e#真誠\u003c/span\u003e\u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"example\"\u003e\n \u003cdiv class=\"ex-meta\"\u003e\u003cspan class=\"ex-kicker\"\u003eRandom Facts · 冷知識\u003c/span\u003e\u003cspan class=\"ex-date\"\u003e· 2026.08.30\u003c/span\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-title\"\u003e沒人問但想說：我會用左手開寶特瓶\u003c/div\u003e\n \u003cp class=\"ex-body\"\u003e右撇子，但開瓶蓋一定要用左手，不然會覺得使不上力。還有，我記得國小三年級同桌的便當裡永遠有玉子燒，但已經想不起他的名字了——有些記憶就是這樣，細節比名字留得更久。\u003c/p\u003e\n \u003cdiv class=\"ex-highlight\"\u003e\u003cb\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「細節比名字留得更久。」\u003c/div\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-tags\"\u003e\u003cspan class=\"hot\"\u003e#RandomFacts\u003c/span\u003e\u003cspan\u003e#冷知識\u003c/span\u003e\u003cspan\u003e#怪癖\u003c/span\u003e\u003c/div\u003e\n \u003c/div\u003e\n\n \u003c!-- ============ 03 ============ --\u003e\n \u003ch2 id=\"s3\"\u003e\u003cspan class=\"num\"\u003e03\u003c/span\u003e Thoughts 觀點庫 — 範例\u003c/h2\u003e\n \u003cp class=\"h2-sub\"\u003e獨立於分類之外的「想法流」。支援 Short / Long / Quote Card / Story 四種形態，每則有標題、日期、Highlight、Tag、置頂。語氣與主內容一致：清楚、流暢、溫暖。\u003c/p\u003e\n\n \u003cdiv class=\"thought-hero\"\u003e\n \u003cdiv class=\"label\"\u003e☁ Thoughts · Long Thought\u003c/div\u003e\n \u003ch4\u003e關於改變 — 我們都是在長成自己的路上\u003c/h4\u003e\n \u003cdiv class=\"t-body\"\u003e\n \u003cp style=\"margin:0 0 10px; color:var(--ink-2);\"\u003e以前我以為「改變」是一次巨大的轉彎，後來才發現，它更像是一條慢慢偏移的航線。\u003c/p\u003e\n \u003cp style=\"margin:0 0 10px; color:var(--ink-2);\"\u003e每天只偏一度，一年後，你已經在完全不同的海域。那些當下看起來微不足道的選擇——多讀的十分鐘、多說的一句謝謝、多一次選擇善良而不是計較——都在悄悄替你改寫座標。\u003c/p\u003e\n \u003cp style=\"margin:0 0 10px; color:var(--ink-2);\"\u003e\u003cstrong\u003e我不再害怕改變了。\u003c/strong\u003e因為我發現，改變不是把舊的自己丟掉，而是讓舊的自己長出新的枝枒。你依然是你，只是長成了更靠近你想成為的樣子。\u003c/p\u003e\n \u003cp style=\"margin:0; color:var(--ink-2);\"\u003e所以如果現在的你正在猶豫要不要改變，不用等一個完美的時機。就從今天的一個小選擇開始吧。未來的你，會感謝今天這個小小的偏航。\u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"ex-highlight\" style=\"margin-top:14px; background:var(--card);\"\u003e\u003cb\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「改變不是丟掉舊的自己，是讓舊的自己長出新的枝枒。」\u003c/div\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-quote\" style=\"margin-top:10px;\"\u003e“We are all becoming — slowly, quietly, in the direction of our smallest choices.”\u003c/div\u003e\n \u003cdiv class=\"t-meta\"\u003e\n \u003cspan class=\"ex-date\" style=\"font-weight:600;\"\u003e2026.08.30\u003c/span\u003e\n \u003cspan style=\"font:600 11px ui-monospace; padding:4px 8px; border-radius:999px; background:var(--card); border:1px solid var(--hair); color:var(--ink-3);\"\u003e#關於改變\u003c/span\u003e\n \u003cspan style=\"font:600 11px ui-monospace; padding:4px 8px; border-radius:999px; background:var(--card); border:1px solid var(--hair); color:var(--ink-3);\"\u003e#成長\u003c/span\u003e\n \u003cspan style=\"font:600 11px ui-monospace; padding:4px 8px; border-radius:999px; background:var(--card); border:1px solid var(--hair); color:var(--ink-3);\"\u003e#Thoughts\u003c/span\u003e\n \u003cspan style=\"font:600 11px ui-monospace; padding:4px 8px; border-radius:999px; background:var(--ink); color:var(--paper);\"\u003e置頂推薦\u003c/span\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"template\" style=\"border-style:dashed;\"\u003e\n \u003cdiv class=\"template-head\"\u003e\u003cb\u003eThoughts 四形態快速對照\u003c/b\u003e\u003cspan\u003e依場合挑選\u003c/span\u003e\u003c/div\u003e\n \u003cdiv class=\"template-body\" style=\"display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:12px;\"\u003e\n \u003cdiv style=\"background:var(--soft); border:1px solid var(--hair); border-radius:10px; padding:12px;\"\u003e\n \u003cdiv style=\"font:700 12px ui-monospace; letter-spacing:.06em; color:var(--accent); text-transform:uppercase;\"\u003eShort Thought\u003c/div\u003e\n \u003cdiv style=\"font-size:13px; color:var(--ink-2); margin-top:6px; line-height:1.65;\"\u003e一句話想法。\u003cbr\u003e例：「今天學到：溫柔是一種選擇，不是性格。」\u003cbr\u003e\u003cspan style=\"color:var(--ink-3); font-size:12px;\"\u003e#一句話 #日常\u003c/span\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv style=\"background:var(--soft-2); border:1px solid var(--hair); border-radius:10px; padding:12px;\"\u003e\n \u003cdiv style=\"font:700 12px ui-monospace; letter-spacing:.06em; color:var(--accent-2); text-transform:uppercase;\"\u003eLong Thought\u003c/div\u003e\n \u003cdiv style=\"font-size:13px; color:var(--ink-2); margin-top:6px; line-height:1.65;\"\u003e300–600 字長文。\u003cbr\u003e像上面的「關於改變」。\u003cbr\u003e\u003cspan style=\"color:var(--ink-3); font-size:12px;\"\u003e#深度 #觀點\u003c/span\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv style=\"background:var(--soft-3); border:1px solid var(--hair); border-radius:10px; padding:12px;\"\u003e\n \u003cdiv style=\"font:700 12px ui-monospace; letter-spacing:.06em; color:var(--ink); text-transform:uppercase;\"\u003eQuote Card\u003c/div\u003e\n \u003cdiv style=\"font-size:13px; color:var(--ink-2); margin-top:6px; line-height:1.65;\"\u003e一句引言＋一句註解。\u003cbr\u003e例：引言＋「這句話陪我度過…」\u003cbr\u003e\u003cspan style=\"color:var(--ink-3); font-size:12px;\"\u003e#金句 #收藏\u003c/span\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv style=\"background:var(--card); border:1px solid var(--hair); border-radius:10px; padding:12px;\"\u003e\n \u003cdiv style=\"font:700 12px ui-monospace; letter-spacing:.06em; color:var(--ink-3); text-transform:uppercase;\"\u003eStory\u003c/div\u003e\n \u003cdiv style=\"font-size:13px; color:var(--ink-2); margin-top:6px; line-height:1.65;\"\u003e小故事。\u003cbr\u003e例：「那天在捷運上…」的敘事。\u003cbr\u003e\u003cspan style=\"color:var(--ink-3); font-size:12px;\"\u003e#故事 #經歷\u003c/span\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003c!-- ============ 04 ============ --\u003e\n \u003ch2 id=\"s4\"\u003e\u003cspan class=\"num green\"\u003e04\u003c/span\u003e 全站結尾語 — 建議文字\u003c/h2\u003e\n \u003cp class=\"h2-sub\"\u003e放在公開網站最底部的一段話，讓訪客帶著「這個人是活的」的感覺離開。也提醒自己：這份關於我，永遠是進行式。\u003c/p\u003e\n\n \u003cdiv class=\"closing\"\u003e\n \u003ch4\u003e這是一份會持續更新的我。\u003c/h4\u003e\n \u003cp\u003e你剛剛讀完的，是截至此刻的我——我的樣子、想法、喜歡與在意的事。但我還在長大，還在學新的東西、去新的地方、成為新的自己。\u003c/p\u003e\n \u003cp\u003e所以這裡的每一頁，都可能會在某個平凡的日子被悄悄改寫。某個子分類會多一篇新的內容，某則 Thoughts 會被新的體悟取代，某個曾經的 Highlight 也許不再代表我——那不是推翻，是成長留下的痕跡。\u003c/p\u003e\n \u003cp\u003e如果你在不同時間回來，看到不一樣的我，請不要意外。\u003cbr\u003e那表示，我有好好活著、好好成為自己。\u003c/p\u003e\n \u003cp style=\"margin-top:14px; font-style:italic; opacity:.9;\"\u003e謝謝你願意認識此刻的我。\u003cbr\u003e下次見時，我會是更新一點的版本——再一起認識一次吧。\u003c/p\u003e\n \u003cdiv class=\"sig\"\u003e— 最後更新於 2026.08.30 · 下一次更新，正在路上\u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"template\" style=\"border-style:dashed; background:transparent; box-shadow:none;\"\u003e\n \u003cdiv class=\"template-head\" style=\"background:transparent;\"\u003e\u003cb\u003e替代版本（較短）\u003c/b\u003e\u003cspan\u003e放頁尾較窄處用\u003c/span\u003e\u003c/div\u003e\n \u003cdiv class=\"template-body\" style=\"padding-top:10px;\"\u003e\n \u003cp style=\"font-size:14px; line-height:1.8; color:var(--ink); margin:0; font-style:italic; background:var(--soft); border:1px solid var(--hair); border-radius:10px; padding:14px 16px;\"\u003e「這裡的每一個字，都是此時此刻的我。未來它會變，因為我會長大。\u003cbr\u003e如果你願意，偶爾回來看看——你會遇見新版本的我。」\u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003c!-- ============ 05 ============ --\u003e\n \u003ch2 id=\"s5\"\u003e\u003cspan class=\"num ink\"\u003e05\u003c/span\u003e 寫作語氣與維護指南\u003c/h2\u003e\n \u003cp class=\"h2-sub\"\u003e給未來的自己與內容編輯助理：如何保持全站語氣一致、讓資料庫真的「活」起來。\u003c/p\u003e\n\n \u003cdiv style=\"display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:12px; margin:14px 0;\"\u003e\n \u003cdiv style=\"background:var(--card); border:1px solid var(--hair); border-radius:12px; padding:16px; box-shadow:var(--shadow);\"\u003e\n \u003cdiv style=\"font:700 12px ui-monospace; letter-spacing:.08em; text-transform:uppercase; color:var(--accent);\"\u003e語氣 Tone\u003c/div\u003e\n \u003cul style=\"margin:8px 0 0 18px; padding:0; font-size:13.5px; line-height:1.75; color:var(--ink-2);\"\u003e\n \u003cli\u003e\u003cstrong style=\"color:var(--ink);\"\u003e清楚\u003c/strong\u003e — 一段只講一件事，不繞\u003c/li\u003e\n \u003cli\u003e\u003cstrong style=\"color:var(--ink);\"\u003e流暢\u003c/strong\u003e — 用「我」說話，像對朋友講\u003c/li\u003e\n \u003cli\u003e\u003cstrong style=\"color:var(--ink);\"\u003e溫暖\u003c/strong\u003e — 不逞強，允許柔軟\u003c/li\u003e\n \u003cli\u003e\u003cstrong style=\"color:var(--ink);\"\u003e一致\u003c/strong\u003e — 全站像同一個人寫的\u003c/li\u003e\n \u003c/ul\u003e\n \u003c/div\u003e\n \u003cdiv style=\"background:var(--card); border:1px solid var(--hair); border-radius:12px; padding:16px; box-shadow:var(--shadow);\"\u003e\n \u003cdiv style=\"font:700 12px ui-monospace; letter-spacing:.08em; text-transform:uppercase; color:var(--accent-2);\"\u003eTag 命名\u003c/div\u003e\n \u003cul style=\"margin:8px 0 0 18px; padding:0; font-size:13.5px; line-height:1.75; color:var(--ink-2);\"\u003e\n \u003cli\u003e全小寫或首字大寫擇一，統一\u003c/li\u003e\n \u003cli\u003e2–4 個為限，寧少勿多\u003c/li\u003e\n \u003cli\u003e優先重用既有 Tag，減少新造\u003c/li\u003e\n \u003cli\u003e例：\u003ccode style=\"font:600 12px ui-monospace; background:var(--soft); padding:1px 6px; border-radius:6px; border:1px solid var(--hair);\"\u003e#成長\u003c/code\u003e \u003ccode style=\"font:600 12px ui-monospace; background:var(--soft); padding:1px 6px; border-radius:6px; border:1px solid var(--hair);\"\u003e#日常\u003c/code\u003e\u003c/li\u003e\n \u003c/ul\u003e\n \u003c/div\u003e\n \u003cdiv style=\"background:var(--card); border:1px solid var(--hair); border-radius:12px; padding:16px; box-shadow:var(--shadow);\"\u003e\n \u003cdiv style=\"font:700 12px ui-monospace; letter-spacing:.08em; text-transform:uppercase; color:var(--ink);\"\u003e更新節奏\u003c/div\u003e\n \u003cul style=\"margin:8px 0 0 18px; padding:0; font-size:13.5px; line-height:1.75; color:var(--ink-2);\"\u003e\n \u003cli\u003e有感就寫，不必週更強迫\u003c/li\u003e\n \u003cli\u003e每則標日期，訪客看見「活著」\u003c/li\u003e\n \u003cli\u003e舊內容不刪，用「更新」疊加\u003c/li\u003e\n \u003cli\u003e全站頁尾顯示「最後更新時間」\u003c/li\u003e\n \u003c/ul\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"callout\"\u003e\n \u003cspan class=\"tag\"\u003e給編輯助理\u003c/span\u003e\n \u003cdiv style=\"font-size:13.5px; line-height:1.65; color:var(--ink-2);\"\u003e收到新草稿時：\u003cstrong style=\"color:var(--ink);\"\u003e① 潤飾語氣\u003c/strong\u003e（清楚/流暢/溫暖）→ \u003cstrong style=\"color:var(--ink);\"\u003e② 建議分類與 Tag\u003c/strong\u003e（重用既有）→ \u003cstrong style=\"color:var(--ink);\"\u003e③ 補 Highlight 與日期\u003c/strong\u003e → \u003cstrong style=\"color:var(--ink);\"\u003e④ 標 Draft/Published\u003c/strong\u003e → 寫回對應子分類。不要改掉作者原本想說的話，只讓它更好被讀懂。\u003c/div\u003e\n \u003c/div\u003e\n\n \u003chr\u003e\n \u003cdiv class=\"foot\"\u003e\n \u003cspan\u003e📄 內容規劃稿 v1.0\u003c/span\u003e\n \u003cspan\u003e✦ 10 主分類 · 42 子分類 · 10 範例區塊 · 1 Thoughts 範例 · 1 結尾語\u003c/span\u003e\n \u003cspan\u003e下一步：後台照此結構建分類 → 逐格替換範例文字 → 發布公開網站\u003c/span\u003e\n \u003c/div\u003e\n \u003cp style=\"font-size:12px; color:var(--ink-3); margin-top:10px;\"\u003e本稿已放入「人物資料庫內容規劃」資料夾，後續可在後台 CMS 中直接對照建檔。所有範例文字皆為雛形，替換成你的真實內容即可上線。\u003c/p\u003e\n\u003c/div\u003e\n","content":"\u003cdiv class=\"doc\"\u003e \u003ctable\u003e\u003ctbody\u003e\u003ctr\u003e\u003ctd\u003e\u003cp\u003e主分類\u003c/p\u003e\u003c/td\u003e\u003ctd\u003e\u003cp\u003e10\u003c/p\u003e\u003c/td\u003e\u003ctd\u003e\u003cp\u003e涵蓋外貌到未來，完整拼圖\u003c/p\u003e\u003c/td\u003e\u003c/tr\u003e\u003ctr\u003e\u003ctd\u003e\u003cp\u003e子分類\u003c/p\u003e\u003c/td\u003e\u003ctd\u003e\u003cp\u003e42\u003c/p\u003e\u003c/td\u003e\u003ctd\u003e\u003cp\u003e每個子分類都是一個可長大的抽屜\u003c/p\u003e\u003c/td\u003e\u003c/tr\u003e\u003ctr\u003e\u003ctd\u003e\u003cp\u003e內容區塊\u003c/p\u003e\u003c/td\u003e\u003ctd\u003e\u003cp\u003e∞\u003c/p\u003e\u003c/td\u003e\u003ctd\u003e\u003cp\u003e每格可新增：標題 / 日期 / 內文 / Highlight\u003c/p\u003e\u003c/td\u003e\u003c/tr\u003e\u003ctr\u003e\u003ctd\u003e\u003cp\u003eThoughts\u003c/p\u003e\u003c/td\u003e\u003ctd\u003e\u003cp\u003e獨立庫\u003c/p\u003e\u003c/td\u003e\u003ctd\u003e\u003cp\u003eShort / Long / Quote / Story 四形態\u003c/p\u003e\u003c/td\u003e\u003c/tr\u003e\u003c/tbody\u003e\u003c/table\u003e \u003cdiv class=\"toc\"\u003e \u003ca href=\"#s1\"\u003e\u003cem\u003e01\u003c/em\u003e 主分類地圖\u003c/a\u003e \u003ca href=\"#s2\"\u003e\u003cem\u003e02\u003c/em\u003e 內容區塊雛形\u003c/a\u003e \u003ca href=\"#s3\"\u003e\u003cem\u003e03\u003c/em\u003e Thoughts 範例\u003c/a\u003e \u003ca href=\"#s4\"\u003e\u003cem\u003e04\u003c/em\u003e 全站結尾語\u003c/a\u003e \u003ca href=\"#s5\"\u003e\u003cem\u003e05\u003c/em\u003e 寫作與維護指南\u003c/a\u003e \u003c/div\u003e \u003cdiv class=\"callout\"\u003e \u003cspan class=\"tag\"\u003e如何使用\u003c/span\u003e \u003cdiv style=\"font-size:13.5px; line-height:1.65; color:var(--ink-2);\"\u003e這份規劃稿是\u003cstrong style=\"color:var(--ink);\"\u003e填空前的地圖\u003c/strong\u003e。後台照此結構建「主分類 → 子分類 → 內容區塊」三層，之後只要在對應抽屜裡持續新增內容即可。所有日期、Highlight、Tag 都可後續由「內容編輯助理」協助潤飾與統一。\u003c/div\u003e \u003c/div\u003e \u003c!-- ============ 01 ============ --\u003e \u003ch2 id=\"s1\"\u003e\u003cspan class=\"num\"\u003e01\u003c/span\u003e 初始主分類 × 第一層子分類\u003c/h2\u003e \u003cp class=\"h2-sub\"\u003e10 個主分類構成「我」的全景；每個主分類下 3–5 個子分類，是未來內容的抽屜。先搭架子，再慢慢填滿。\u003c/p\u003e \u003cdiv class=\"cat-grid\"\u003e \u003cdiv class=\"cat-card\"\u003e \u003cdiv class=\"cat-head\"\u003e \u003cdiv class=\"cat-icon\" style=\"background:#FDF0E0; border:1px solid #E8DDD0;\"\u003e🪞\u003c/div\u003e \u003cdiv\u003e\u003ch4\u003e外貌 Appearance\u003c/h4\u003e\u003cp\u003e第一眼的我 · 也會變的我\u003c/p\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"cat-body\"\u003e\u003cdiv class=\"sub-list\"\u003e\u003cspan class=\"sub-tag hl\"\u003e身高\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e身材\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e長相\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e穿搭風格\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e標誌特徵\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"cat-card\"\u003e \u003cdiv class=\"cat-head\"\u003e \u003cdiv class=\"cat-icon\" style=\"background:#E8F0EB; border:1px solid #C8DDD0;\"\u003e🌿\u003c/div\u003e \u003cdiv\u003e\u003ch4\u003e個性 Personality\u003c/h4\u003e\u003cp\u003e內在的紋理\u003c/p\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"cat-body\"\u003e\u003cdiv class=\"sub-list\"\u003e\u003cspan class=\"sub-tag hl\"\u003e關鍵詞\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e優點\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e小缺點\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e情緒模式\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e壓力下的我\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"cat-card\"\u003e \u003cdiv class=\"cat-head\"\u003e \u003cdiv class=\"cat-icon\" style=\"background:#EDE8F5; border:1px solid #D8D0E8;\"\u003e🧩\u003c/div\u003e \u003cdiv\u003e\u003ch4\u003eMBTI / 人格\u003c/h4\u003e\u003cp\u003e理解自己的另一種語言\u003c/p\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"cat-body\"\u003e\u003cdiv class=\"sub-list\"\u003e\u003cspan class=\"sub-tag hl\"\u003e類型總覽\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e四維度拆解\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e優勢與盲點\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e相處小技巧\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"cat-card\"\u003e \u003cdiv class=\"cat-head\"\u003e \u003cdiv class=\"cat-icon\" style=\"background:#FDE8E8; border:1px solid #E8C8C8;\"\u003e💌\u003c/div\u003e \u003cdiv\u003e\u003ch4\u003e感情 Relationship\u003c/h4\u003e\u003cp\u003e關於愛與關係\u003c/p\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"cat-body\"\u003e\u003cdiv class=\"sub-list\"\u003e\u003cspan class=\"sub-tag hl\"\u003e感情觀\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e理想型\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e曾學到的事\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e現在的狀態\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"cat-card\"\u003e \u003cdiv class=\"cat-head\"\u003e \u003cdiv class=\"cat-icon\" style=\"background:#FFF6E0; border:1px solid #E8DDC8;\"\u003e☕\u003c/div\u003e \u003cdiv\u003e\u003ch4\u003e生活 Lifestyle\u003c/h4\u003e\u003cp\u003e日常的節奏\u003c/p\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"cat-body\"\u003e\u003cdiv class=\"sub-list\"\u003e\u003cspan class=\"sub-tag hl\"\u003e日常節奏\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e居住空間\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e飲食偏好\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e療癒小儀式\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"cat-card\"\u003e \u003cdiv class=\"cat-head\"\u003e \u003cdiv class=\"cat-icon\" style=\"background:#E0EEF5; border:1px solid #C8DDE8;\"\u003e💼\u003c/div\u003e \u003cdiv\u003e\u003ch4\u003e工作 Work\u003c/h4\u003e\u003cp\u003e我在世界裡做的事\u003c/p\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"cat-body\"\u003e\u003cdiv class=\"sub-list\"\u003e\u003cspan class=\"sub-tag hl\"\u003e現在在做什麼\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e擅長的事\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e想精進的\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e工作哲學\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"cat-card\"\u003e \u003cdiv class=\"cat-head\"\u003e \u003cdiv class=\"cat-icon\" style=\"background:#FFF0E8; border:1px solid #E8D8C8;\"\u003e🎨\u003c/div\u003e \u003cdiv\u003e\u003ch4\u003e興趣 Interests\u003c/h4\u003e\u003cp\u003e熱愛的事\u003c/p\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"cat-body\"\u003e\u003cdiv class=\"sub-list\"\u003e\u003cspan class=\"sub-tag hl\"\u003e長期熱愛\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e近期著迷\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e想嘗試清單\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e收藏\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"cat-card\"\u003e \u003cdiv class=\"cat-head\"\u003e \u003cdiv class=\"cat-icon\" style=\"background:#E8F0FF; border:1px solid #C8D0E8;\"\u003e🔭\u003c/div\u003e \u003cdiv\u003e\u003ch4\u003e未來 Future\u003c/h4\u003e\u003cp\u003e正在前往的地方\u003c/p\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"cat-body\"\u003e\u003cdiv class=\"sub-list\"\u003e\u003cspan class=\"sub-tag hl\"\u003e短期目標\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e長期想像\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e想成為的人\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003eBucket List\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"cat-card\"\u003e \u003cdiv class=\"cat-head\"\u003e \u003cdiv class=\"cat-icon\" style=\"background:#F0E8F5; border:1px solid #D8C8E0;\"\u003e🤝\u003c/div\u003e \u003cdiv\u003e\u003ch4\u003e相處指南 How to be with me\u003c/h4\u003e\u003cp\u003e給想靠近我的人\u003c/p\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"cat-body\"\u003e\u003cdiv class=\"sub-list\"\u003e\u003cspan class=\"sub-tag hl\"\u003e怎麼靠近我\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e我喜歡的相處\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e地雷與禁忌\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e給新朋友的話\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"cat-card\"\u003e \u003cdiv class=\"cat-head\"\u003e \u003cdiv class=\"cat-icon\" style=\"background:#F5F0E0; border:1px solid #E0D8C0;\"\u003e🎲\u003c/div\u003e \u003cdiv\u003e\u003ch4\u003eRandom Facts\u003c/h4\u003e\u003cp\u003e沒人問但想說的事\u003c/p\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"cat-body\"\u003e\u003cdiv class=\"sub-list\"\u003e\u003cspan class=\"sub-tag hl\"\u003e冷知識\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e怪癖\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e沒用的專長\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e小秘密\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e \u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"callout green\"\u003e \u003cspan class=\"tag\"\u003e設計說明\u003c/span\u003e \u003cdiv style=\"font-size:13.5px; line-height:1.65; color:var(--ink-2);\"\u003e子分類數量刻意控制在 4–5 個，\u003cstrong style=\"color:var(--ink);\"\u003e剛好填滿一屏、不會一次嚇到訪客\u003c/strong\u003e，又足夠細到讓每個抽屜都有話可說。未來可隨時新增子分類（例如「外貌 → 髮型演變史」），不影響既有結構。\u003c/div\u003e \u003c/div\u003e \u003c!-- ============ 02 ============ --\u003e \u003ch2 id=\"s2\"\u003e\u003cspan class=\"num green\"\u003e02\u003c/span\u003e 每個子分類的內容區塊 — 雛形與範例\u003c/h2\u003e \u003cp class=\"h2-sub\"\u003e統一的內容區塊規格，讓全站語氣一致、訪客好讀。先給模板，再給 10 則「可直接替換成自己文字」的範例。\u003c/p\u003e \u003cdiv class=\"template\"\u003e \u003cdiv class=\"template-head\"\u003e\u003cb\u003e▦ 內容區塊通用模板\u003c/b\u003e\u003cspan\u003eDraft / Published\u003c/span\u003e\u003c/div\u003e \u003cdiv class=\"template-body\"\u003e \u003cdl class=\"field-grid\"\u003e \u003cdt\u003e標題 Title\u003c/dt\u003e\u003cdd\u003e一句話點題，例如「我的穿搭像今天的心情」— 不用長，清楚就好\u003c/dd\u003e \u003cdt\u003e日期 Date\u003c/dt\u003e\u003cdd\u003e內容的「版本日期」，如 \u003ccode\u003e2026.08.30\u003c/code\u003e · 顯示「最後更新」讓訪客知道這是活的資料\u003c/dd\u003e \u003cdt\u003e內文 Body\u003c/dt\u003e\u003cdd\u003e80–180 字的段落，語氣溫暖、具體、有畫面感。避免條列履歷感，用「我」的口吻說故事\u003c/dd\u003e \u003cdt\u003eHighlight\u003c/dt\u003e\u003cdd\u003e一句金句摘要，進卡片封面或列表頁的大字。例如：\u003cem\u003e「舒適比時髦更像我。」\u003c/em\u003e\u003c/dd\u003e \u003cdt\u003eQuote\u003c/dt\u003e\u003cdd\u003e可選。想被記住的一句話，視覺上放大引用\u003c/dd\u003e \u003cdt\u003eTag\u003c/dt\u003e\u003cdd\u003e2–4 個，如 \u003ccode\u003e#穿搭\u003c/code\u003e \u003ccode\u003e#日常\u003c/code\u003e \u003ccode\u003e#自我表達\u003c/code\u003e — 全站可篩選與聚合\u003c/dd\u003e \u003cdt\u003e圖片 / 連結\u003c/dt\u003e\u003cdd\u003e可選。一張代表圖或一個延伸連結（歌單、文章、地圖）\u003c/dd\u003e \u003c/dl\u003e \u003c/div\u003e \u003c/div\u003e \u003ch3\u003e10 則子分類範例 — 替換成你的文字即可上線 \u003csmall\u003e每則皆含 Highlight / Quote / Tag 示範\u003c/small\u003e\u003c/h3\u003e \u003cdiv class=\"example\"\u003e \u003cdiv class=\"ex-meta\"\u003e\u003cspan class=\"ex-kicker\"\u003e外貌 · 穿搭風格\u003c/span\u003e\u003cspan class=\"ex-date\"\u003e· 2026.08.30\u003c/span\u003e\u003c/div\u003e \u003cdiv class=\"ex-title\"\u003e我的穿搭像今天的心情\u003c/div\u003e \u003cp class=\"ex-body\"\u003e不追流行，但很在意「今天想讓自己感覺怎麼樣」。心情好的日子會穿明亮的顏色，想安靜時就躲進oversized 外套裡。衣櫃裡最多的是米色、牛仔和一件穿了三年的帆布包——舒服、自在，比時髦更像我。\u003c/p\u003e \u003cdiv class=\"ex-highlight\"\u003e\u003cb\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「舒適比時髦更像我。」\u003c/div\u003e\u003c/div\u003e \u003cdiv class=\"ex-quote\"\u003e“You wear how you feel.”\u003c/div\u003e \u003cdiv class=\"ex-tags\"\u003e\u003cspan class=\"hot\"\u003e#穿搭\u003c/span\u003e\u003cspan\u003e#日常\u003c/span\u003e\u003cspan\u003e#自我表達\u003c/span\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"example green\"\u003e \u003cdiv class=\"ex-meta\"\u003e\u003cspan class=\"ex-kicker\" style=\"color:var(--accent-2);\"\u003e個性 · 情緒模式\u003c/span\u003e\u003cspan class=\"ex-date\"\u003e· 2026.08.30\u003c/span\u003e\u003c/div\u003e \u003cdiv class=\"ex-title\"\u003e慢熱，但一旦熟了就很吵\u003c/div\u003e \u003cp class=\"ex-body\"\u003e第一次見面常被說安靜，其實只是需要一點時間觀察。熟悉之後話會變多，也會主動分享奇怪的冷知識。難過的時候不愛立刻說，會先自己消化一下——不是不想分享，只是想先把情緒整理成能被好好聽懂的樣子。\u003c/p\u003e \u003cdiv class=\"ex-highlight green\"\u003e\u003cb\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「慢熟是一種慎重，不是不熱情。」\u003c/div\u003e\u003c/div\u003e \u003cdiv class=\"ex-tags\"\u003e\u003cspan class=\"hot\"\u003e#個性\u003c/span\u003e\u003cspan\u003e#慢熱\u003c/span\u003e\u003cspan\u003e#情緒\u003c/span\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"example ink\"\u003e \u003cdiv class=\"ex-meta\"\u003e\u003cspan class=\"ex-kicker\" style=\"color:var(--ink);\"\u003eMBTI · 類型總覽\u003c/span\u003e\u003cspan class=\"ex-date\"\u003e· 2026.08.30\u003c/span\u003e\u003c/div\u003e \u003cdiv class=\"ex-title\"\u003eINFP — 但別把我只裝進四個字母\u003c/div\u003e \u003cp class=\"ex-body\"\u003e測過幾次都是 INFP，形容得很像：理想、敏感、喜歡把細節想得很深。但我也發現，狀態好時很外向、需要獨處時又極度內向。MBTI 對我來說比較像地圖，不是牢籠——用來理解自己，不是定義自己。\u003c/p\u003e \u003cdiv class=\"ex-highlight\" style=\"border-left-color:var(--ink); background:var(--soft);\"\u003e\u003cb style=\"color:var(--ink);\"\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「標籤用來理解，不是用來困住。」\u003c/div\u003e\u003c/div\u003e \u003cdiv class=\"ex-tags\"\u003e\u003cspan class=\"hot\"\u003e#MBTI\u003c/span\u003e\u003cspan\u003e#INFP\u003c/span\u003e\u003cspan\u003e#自我認識\u003c/span\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"example\"\u003e \u003cdiv class=\"ex-meta\"\u003e\u003cspan class=\"ex-kicker\"\u003e感情 · 感情觀\u003c/span\u003e\u003cspan class=\"ex-date\"\u003e· 2026.08.30\u003c/span\u003e\u003c/div\u003e \u003cdiv class=\"ex-title\"\u003e我相信慢慢來比較快\u003c/div\u003e \u003cp class=\"ex-body\"\u003e以前以為心動就是答案，後來才懂，能長久的是「相處起來舒服」。我在感情裡很重視細節——記得對方隨口提過的事、在對方低潮時安靜陪伴。我不追求轟轟烈烈，更想要一種「我們一起把日子過好」的踏實感。\u003c/p\u003e \u003cdiv class=\"ex-highlight\"\u003e\u003cb\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「心動是起點，相處才是答案。」\u003c/div\u003e\u003c/div\u003e \u003cdiv class=\"ex-quote\"\u003e“Love is not about how much you say, but how well you stay.”\u003c/div\u003e \u003cdiv class=\"ex-tags\"\u003e\u003cspan class=\"hot\"\u003e#感情觀\u003c/span\u003e\u003cspan\u003e#關係\u003c/span\u003e\u003cspan\u003e#慢慢來\u003c/span\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"example green\"\u003e \u003cdiv class=\"ex-meta\"\u003e\u003cspan class=\"ex-kicker\" style=\"color:var(--accent-2);\"\u003e生活 · 療癒小儀式\u003c/span\u003e\u003cspan class=\"ex-date\"\u003e· 2026.08.30\u003c/span\u003e\u003c/div\u003e \u003cdiv class=\"ex-title\"\u003e每天 10 分鐘，把自己找回來\u003c/div\u003e \u003cp class=\"ex-body\"\u003e早上沖一杯手沖咖啡，不看手機，就聽水流過濾紙的聲音。晚上睡前會點蠟燭、寫三行日記：今天一件小確幸、一件想改進的、一件感謝的。儀式感不需要很盛大，剛好夠把散掉的自己收回來就好。\u003c/p\u003e \u003cdiv class=\"ex-highlight green\"\u003e\u003cb\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「儀式感是把散掉的自己收回來。」\u003c/div\u003e\u003c/div\u003e \u003cdiv class=\"ex-tags\"\u003e\u003cspan class=\"hot\"\u003e#生活\u003c/span\u003e\u003cspan\u003e#儀式感\u003c/span\u003e\u003cspan\u003e#療癒\u003c/span\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"example ink\"\u003e \u003cdiv class=\"ex-meta\"\u003e\u003cspan class=\"ex-kicker\" style=\"color:var(--ink);\"\u003e工作 · 工作哲學\u003c/span\u003e\u003cspan class=\"ex-date\"\u003e· 2026.08.30\u003c/span\u003e\u003c/div\u003e \u003cdiv class=\"ex-title\"\u003e把事情做好的同時，也把人照顧好\u003c/div\u003e \u003cp class=\"ex-body\"\u003e我喜歡把複雜的事拆解清楚、一步步做扎實。比起追求最快，我更在意「這樣做對不對、能不能讓之後的人好接手」。工作對我來說不只是成果，也是和人合作的過程——把事情做好，也把一起做事的人照顧好。\u003c/p\u003e \u003cdiv class=\"ex-highlight\" style=\"border-left-color:var(--ink); background:var(--soft);\"\u003e\u003cb style=\"color:var(--ink);\"\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「做事，也做人。」\u003c/div\u003e\u003c/div\u003e \u003cdiv class=\"ex-tags\"\u003e\u003cspan class=\"hot\"\u003e#工作\u003c/span\u003e\u003cspan\u003e#哲學\u003c/span\u003e\u003cspan\u003e#協作\u003c/span\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"example\"\u003e \u003cdiv class=\"ex-meta\"\u003e\u003cspan class=\"ex-kicker\"\u003e興趣 · 近期著迷\u003c/span\u003e\u003cspan class=\"ex-date\"\u003e· 2026.08.30\u003c/span\u003e\u003c/div\u003e \u003cdiv class=\"ex-title\"\u003e最近迷上底片相機\u003c/div\u003e \u003cp class=\"ex-body\"\u003e數位照片可以重拍，底片不行——每按一次快門都要更專心。喜歡等待沖洗的那幾天，像在等待記憶慢慢顯影。最近最滿意的一張是在雨後的巷口拍的，光剛好落在水窪上，什麼都沒修，卻覺得那就是當天的我。\u003c/p\u003e \u003cdiv class=\"ex-highlight\"\u003e\u003cb\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「不能重來的，才會讓人更專心。」\u003c/div\u003e\u003c/div\u003e \u003cdiv class=\"ex-tags\"\u003e\u003cspan class=\"hot\"\u003e#興趣\u003c/span\u003e\u003cspan\u003e#底片\u003c/span\u003e\u003cspan\u003e#近期著迷\u003c/span\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"example green\"\u003e \u003cdiv class=\"ex-meta\"\u003e\u003cspan class=\"ex-kicker\" style=\"color:var(--accent-2);\"\u003e未來 · 想成為的人\u003c/span\u003e\u003cspan class=\"ex-date\"\u003e· 2026.08.30\u003c/span\u003e\u003c/div\u003e \u003cdiv class=\"ex-title\"\u003e想成為讓人感到安心的人\u003c/div\u003e \u003cp class=\"ex-body\"\u003e不是最厲害的那個，而是當別人在徬徨時，會想起「找他聊聊好像會好一點」的那個人。想在專業上更扎實，也想在生活裡更柔軟——能把事情做好，也能在重要的人需要時，剛好在那裡。\u003c/p\u003e \u003cdiv class=\"ex-highlight green\"\u003e\u003cb\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「想成為一種安心的存在。」\u003c/div\u003e\u003c/div\u003e \u003cdiv class=\"ex-tags\"\u003e\u003cspan class=\"hot\"\u003e#未來\u003c/span\u003e\u003cspan\u003e#想成為的人\u003c/span\u003e\u003cspan\u003e#溫柔\u003c/span\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"example ink\"\u003e \u003cdiv class=\"ex-meta\"\u003e\u003cspan class=\"ex-kicker\" style=\"color:var(--ink);\"\u003e相處指南 · 怎麼靠近我\u003c/span\u003e\u003cspan class=\"ex-date\"\u003e· 2026.08.30\u003c/span\u003e\u003c/div\u003e \u003cdiv class=\"ex-title\"\u003e不用很會聊天，真誠就好\u003c/div\u003e \u003cp class=\"ex-body\"\u003e比起華麗的開場白，我更喜歡真誠的提問。問我最近在想什麼、分享你最近發現的一首歌，都比「你好」更容易讓對話繼續。我回訊息不算最快，但每則都會好好回——因為我在意的是有沒有好好對話，而不是已讀的速度。\u003c/p\u003e \u003cdiv class=\"ex-highlight\" style=\"border-left-color:var(--ink); background:var(--soft);\"\u003e\u003cb style=\"color:var(--ink);\"\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「真誠比技巧更能靠近我。」\u003c/div\u003e\u003c/div\u003e \u003cdiv class=\"ex-tags\"\u003e\u003cspan class=\"hot\"\u003e#相處指南\u003c/span\u003e\u003cspan\u003e#交朋友\u003c/span\u003e\u003cspan\u003e#真誠\u003c/span\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"example\"\u003e \u003cdiv class=\"ex-meta\"\u003e\u003cspan class=\"ex-kicker\"\u003eRandom Facts · 冷知識\u003c/span\u003e\u003cspan class=\"ex-date\"\u003e· 2026.08.30\u003c/span\u003e\u003c/div\u003e \u003cdiv class=\"ex-title\"\u003e沒人問但想說：我會用左手開寶特瓶\u003c/div\u003e \u003cp class=\"ex-body\"\u003e右撇子，但開瓶蓋一定要用左手，不然會覺得使不上力。還有，我記得國小三年級同桌的便當裡永遠有玉子燒，但已經想不起他的名字了——有些記憶就是這樣，細節比名字留得更久。\u003c/p\u003e \u003cdiv class=\"ex-highlight\"\u003e\u003cb\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「細節比名字留得更久。」\u003c/div\u003e\u003c/div\u003e \u003cdiv class=\"ex-tags\"\u003e\u003cspan class=\"hot\"\u003e#RandomFacts\u003c/span\u003e\u003cspan\u003e#冷知識\u003c/span\u003e\u003cspan\u003e#怪癖\u003c/span\u003e\u003c/div\u003e \u003c/div\u003e \u003c!-- ============ 03 ============ --\u003e \u003ch2 id=\"s3\"\u003e\u003cspan class=\"num\"\u003e03\u003c/span\u003e Thoughts 觀點庫 — 範例\u003c/h2\u003e \u003cp class=\"h2-sub\"\u003e獨立於分類之外的「想法流」。支援 Short / Long / Quote Card / Story 四種形態，每則有標題、日期、Highlight、Tag、置頂。語氣與主內容一致：清楚、流暢、溫暖。\u003c/p\u003e \u003cdiv class=\"thought-hero\"\u003e \u003cdiv class=\"label\"\u003e☁ Thoughts · Long Thought\u003c/div\u003e \u003ch4\u003e關於改變 — 我們都是在長成自己的路上\u003c/h4\u003e \u003cdiv class=\"t-body\"\u003e \u003cp style=\"margin:0 0 10px; color:var(--ink-2);\"\u003e以前我以為「改變」是一次巨大的轉彎，後來才發現，它更像是一條慢慢偏移的航線。\u003c/p\u003e \u003cp style=\"margin:0 0 10px; color:var(--ink-2);\"\u003e每天只偏一度，一年後，你已經在完全不同的海域。那些當下看起來微不足道的選擇——多讀的十分鐘、多說的一句謝謝、多一次選擇善良而不是計較——都在悄悄替你改寫座標。\u003c/p\u003e \u003cp style=\"margin:0 0 10px; color:var(--ink-2);\"\u003e\u003cstrong\u003e我不再害怕改變了。\u003c/strong\u003e因為我發現，改變不是把舊的自己丟掉，而是讓舊的自己長出新的枝枒。你依然是你，只是長成了更靠近你想成為的樣子。\u003c/p\u003e \u003cp style=\"margin:0; color:var(--ink-2);\"\u003e所以如果現在的你正在猶豫要不要改變，不用等一個完美的時機。就從今天的一個小選擇開始吧。未來的你，會感謝今天這個小小的偏航。\u003c/p\u003e \u003c/div\u003e \u003cdiv class=\"ex-highlight\" style=\"margin-top:14px; background:var(--card);\"\u003e\u003cb\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「改變不是丟掉舊的自己，是讓舊的自己長出新的枝枒。」\u003c/div\u003e\u003c/div\u003e \u003cdiv class=\"ex-quote\" style=\"margin-top:10px;\"\u003e“We are all becoming — slowly, quietly, in the direction of our smallest choices.”\u003c/div\u003e \u003cdiv class=\"t-meta\"\u003e \u003cspan class=\"ex-date\" style=\"font-weight:600;\"\u003e2026.08.30\u003c/span\u003e \u003cspan style=\"font:600 11px ui-monospace; padding:4px 8px; border-radius:999px; background:var(--card); border:1px solid var(--hair); color:var(--ink-3);\"\u003e#關於改變\u003c/span\u003e \u003cspan style=\"font:600 11px ui-monospace; padding:4px 8px; border-radius:999px; background:var(--card); border:1px solid var(--hair); color:var(--ink-3);\"\u003e#成長\u003c/span\u003e \u003cspan style=\"font:600 11px ui-monospace; padding:4px 8px; border-radius:999px; background:var(--card); border:1px solid var(--hair); color:var(--ink-3);\"\u003e#Thoughts\u003c/span\u003e \u003cspan style=\"font:600 11px ui-monospace; padding:4px 8px; border-radius:999px; background:var(--ink); color:var(--paper);\"\u003e置頂推薦\u003c/span\u003e \u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"template\" style=\"border-style:dashed;\"\u003e \u003cdiv class=\"template-head\"\u003e\u003cb\u003eThoughts 四形態快速對照\u003c/b\u003e\u003cspan\u003e依場合挑選\u003c/span\u003e\u003c/div\u003e \u003cdiv class=\"template-body\" style=\"display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:12px;\"\u003e \u003cdiv style=\"background:var(--soft); border:1px solid var(--hair); border-radius:10px; padding:12px;\"\u003e \u003cdiv style=\"font:700 12px ui-monospace; letter-spacing:.06em; color:var(--accent); text-transform:uppercase;\"\u003eShort Thought\u003c/div\u003e \u003cdiv style=\"font-size:13px; color:var(--ink-2); margin-top:6px; line-height:1.65;\"\u003e一句話想法。\u003cbr\u003e例：「今天學到：溫柔是一種選擇，不是性格。」\u003cbr\u003e\u003cspan style=\"color:var(--ink-3); font-size:12px;\"\u003e#一句話 #日常\u003c/span\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv style=\"background:var(--soft-2); border:1px solid var(--hair); border-radius:10px; padding:12px;\"\u003e \u003cdiv style=\"font:700 12px ui-monospace; letter-spacing:.06em; color:var(--accent-2); text-transform:uppercase;\"\u003eLong Thought\u003c/div\u003e \u003cdiv style=\"font-size:13px; color:var(--ink-2); margin-top:6px; line-height:1.65;\"\u003e300–600 字長文。\u003cbr\u003e像上面的「關於改變」。\u003cbr\u003e\u003cspan style=\"color:var(--ink-3); font-size:12px;\"\u003e#深度 #觀點\u003c/span\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv style=\"background:var(--soft-3); border:1px solid var(--hair); border-radius:10px; padding:12px;\"\u003e \u003cdiv style=\"font:700 12px ui-monospace; letter-spacing:.06em; color:var(--ink); text-transform:uppercase;\"\u003eQuote Card\u003c/div\u003e \u003cdiv style=\"font-size:13px; color:var(--ink-2); margin-top:6px; line-height:1.65;\"\u003e一句引言＋一句註解。\u003cbr\u003e例：引言＋「這句話陪我度過…」\u003cbr\u003e\u003cspan style=\"color:var(--ink-3); font-size:12px;\"\u003e#金句 #收藏\u003c/span\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv style=\"background:var(--card); border:1px solid var(--hair); border-radius:10px; padding:12px;\"\u003e \u003cdiv style=\"font:700 12px ui-monospace; letter-spacing:.06em; color:var(--ink-3); text-transform:uppercase;\"\u003eStory\u003c/div\u003e \u003cdiv style=\"font-size:13px; color:var(--ink-2); margin-top:6px; line-height:1.65;\"\u003e小故事。\u003cbr\u003e例：「那天在捷運上…」的敘事。\u003cbr\u003e\u003cspan style=\"color:var(--ink-3); font-size:12px;\"\u003e#故事 #經歷\u003c/span\u003e\u003c/div\u003e \u003c/div\u003e \u003c/div\u003e \u003c/div\u003e \u003c!-- ============ 04 ============ --\u003e \u003ch2 id=\"s4\"\u003e\u003cspan class=\"num green\"\u003e04\u003c/span\u003e 全站結尾語 — 建議文字\u003c/h2\u003e \u003cp class=\"h2-sub\"\u003e放在公開網站最底部的一段話，讓訪客帶著「這個人是活的」的感覺離開。也提醒自己：這份關於我，永遠是進行式。\u003c/p\u003e \u003cdiv class=\"closing\"\u003e \u003ch4\u003e這是一份會持續更新的我。\u003c/h4\u003e \u003cp\u003e你剛剛讀完的，是截至此刻的我——我的樣子、想法、喜歡與在意的事。但我還在長大，還在學新的東西、去新的地方、成為新的自己。\u003c/p\u003e \u003cp\u003e所以這裡的每一頁，都可能會在某個平凡的日子被悄悄改寫。某個子分類會多一篇新的內容，某則 Thoughts 會被新的體悟取代，某個曾經的 Highlight 也許不再代表我——那不是推翻，是成長留下的痕跡。\u003c/p\u003e \u003cp\u003e如果你在不同時間回來，看到不一樣的我，請不要意外。\u003cbr\u003e那表示，我有好好活著、好好成為自己。\u003c/p\u003e \u003cp style=\"margin-top:14px; font-style:italic; opacity:.9;\"\u003e謝謝你願意認識此刻的我。\u003cbr\u003e下次見時，我會是更新一點的版本——再一起認識一次吧。\u003c/p\u003e \u003cdiv class=\"sig\"\u003e— 最後更新於 2026.08.30 · 下一次更新，正在路上\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"template\" style=\"border-style:dashed; background:transparent; box-shadow:none;\"\u003e \u003cdiv class=\"template-head\" style=\"background:transparent;\"\u003e\u003cb\u003e替代版本（較短）\u003c/b\u003e\u003cspan\u003e放頁尾較窄處用\u003c/span\u003e\u003c/div\u003e \u003cdiv class=\"template-body\" style=\"padding-top:10px;\"\u003e \u003cp style=\"font-size:14px; line-height:1.8; color:var(--ink); margin:0; font-style:italic; background:var(--soft); border:1px solid var(--hair); border-radius:10px; padding:14px 16px;\"\u003e「這裡的每一個字，都是此時此刻的我。未來它會變，因為我會長大。\u003cbr\u003e如果你願意，偶爾回來看看——你會遇見新版本的我。」\u003c/p\u003e \u003c/div\u003e \u003c/div\u003e \u003c!-- ============ 05 ============ --\u003e \u003ch2 id=\"s5\"\u003e\u003cspan class=\"num ink\"\u003e05\u003c/span\u003e 寫作語氣與維護指南\u003c/h2\u003e \u003cp class=\"h2-sub\"\u003e給未來的自己與內容編輯助理：如何保持全站語氣一致、讓資料庫真的「活」起來。\u003c/p\u003e \u003cdiv style=\"display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:12px; margin:14px 0;\"\u003e \u003cdiv style=\"background:var(--card); border:1px solid var(--hair); border-radius:12px; padding:16px; box-shadow:var(--shadow);\"\u003e \u003cdiv style=\"font:700 12px ui-monospace; letter-spacing:.08em; text-transform:uppercase; color:var(--accent);\"\u003e語氣 Tone\u003c/div\u003e \u003cul style=\"margin:8px 0 0 18px; padding:0; font-size:13.5px; line-height:1.75; color:var(--ink-2);\"\u003e \u003cli\u003e\u003cstrong style=\"color:var(--ink);\"\u003e清楚\u003c/strong\u003e — 一段只講一件事，不繞\u003c/li\u003e \u003cli\u003e\u003cstrong style=\"color:var(--ink);\"\u003e流暢\u003c/strong\u003e — 用「我」說話，像對朋友講\u003c/li\u003e \u003cli\u003e\u003cstrong style=\"color:var(--ink);\"\u003e溫暖\u003c/strong\u003e — 不逞強，允許柔軟\u003c/li\u003e \u003cli\u003e\u003cstrong style=\"color:var(--ink);\"\u003e一致\u003c/strong\u003e — 全站像同一個人寫的\u003c/li\u003e \u003c/ul\u003e \u003c/div\u003e \u003cdiv style=\"background:var(--card); border:1px solid var(--hair); border-radius:12px; padding:16px; box-shadow:var(--shadow);\"\u003e \u003cdiv style=\"font:700 12px ui-monospace; letter-spacing:.08em; text-transform:uppercase; color:var(--accent-2);\"\u003eTag 命名\u003c/div\u003e \u003cul style=\"margin:8px 0 0 18px; padding:0; font-size:13.5px; line-height:1.75; color:var(--ink-2);\"\u003e \u003cli\u003e全小寫或首字大寫擇一，統一\u003c/li\u003e \u003cli\u003e2–4 個為限，寧少勿多\u003c/li\u003e \u003cli\u003e優先重用既有 Tag，減少新造\u003c/li\u003e \u003cli\u003e例：\u003ccode style=\"font:600 12px ui-monospace; background:var(--soft); padding:1px 6px; border-radius:6px; border:1px solid var(--hair);\"\u003e#成長\u003c/code\u003e \u003ccode style=\"font:600 12px ui-monospace; background:var(--soft); padding:1px 6px; border-radius:6px; border:1px solid var(--hair);\"\u003e#日常\u003c/code\u003e\u003c/li\u003e \u003c/ul\u003e \u003c/div\u003e \u003cdiv style=\"background:var(--card); border:1px solid var(--hair); border-radius:12px; padding:16px; box-shadow:var(--shadow);\"\u003e \u003cdiv style=\"font:700 12px ui-monospace; letter-spacing:.08em; text-transform:uppercase; color:var(--ink);\"\u003e更新節奏\u003c/div\u003e \u003cul style=\"margin:8px 0 0 18px; padding:0; font-size:13.5px; line-height:1.75; color:var(--ink-2);\"\u003e \u003cli\u003e有感就寫，不必週更強迫\u003c/li\u003e \u003cli\u003e每則標日期，訪客看見「活著」\u003c/li\u003e \u003cli\u003e舊內容不刪，用「更新」疊加\u003c/li\u003e \u003cli\u003e全站頁尾顯示「最後更新時間」\u003c/li\u003e \u003c/ul\u003e \u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"callout\"\u003e \u003cspan class=\"tag\"\u003e給編輯助理\u003c/span\u003e \u003cdiv style=\"font-size:13.5px; line-height:1.65; color:var(--ink-2);\"\u003e收到新草稿時：\u003cstrong style=\"color:var(--ink);\"\u003e① 潤飾語氣\u003c/strong\u003e（清楚/流暢/溫暖）→ \u003cstrong style=\"color:var(--ink);\"\u003e② 建議分類與 Tag\u003c/strong\u003e（重用既有）→ \u003cstrong style=\"color:var(--ink);\"\u003e③ 補 Highlight 與日期\u003c/strong\u003e → \u003cstrong style=\"color:var(--ink);\"\u003e④ 標 Draft/Published\u003c/strong\u003e → 寫回對應子分類。不要改掉作者原本想說的話，只讓它更好被讀懂。\u003c/div\u003e \u003c/div\u003e \u003chr\u003e \u003cdiv class=\"foot\"\u003e \u003cspan\u003e📄 內容規劃稿 v1.0\u003c/span\u003e \u003cspan\u003e✦ 10 主分類 · 42 子分類 · 10 範例區塊 · 1 Thoughts 範例 · 1 結尾語\u003c/span\u003e \u003cspan\u003e下一步：後台照此結構建分類 → 逐格替換範例文字 → 發布公開網站\u003c/span\u003e \u003c/div\u003e \u003cp style=\"font-size:12px; color:var(--ink-3); margin-top:10px;\"\u003e本稿已放入「人物資料庫內容規劃」資料夾，後續可在後台 CMS 中直接對照建檔。所有範例文字皆為雛形，替換成你的真實內容即可上線。\u003c/p\u003e \u003c/div\u003e","createdAt":1788042774734,"deletedAt":null,"displayMode":"artifact","embedRenders":{},"id":"6e114598be8dd91c61d6dff0","isNew":false,"isPublic":true,"itemType":"NOTE","name":"會成長的「關於我」—— 內容規劃稿","parents":{"b0e9b54a5af72ca831c5488d":1788042774734},"preParentID":null,"updatedAt":1788079131210,"updatedBy":{"userId":"6a935c9502526d3e605e5c","userName":"子涵 江"},"version":9},"ownerName":"子涵 江","subtree":[{"artifactHtml":"\u003cstyle\u003e\n :root{ --paper:#FDFBF7; --paper-2:#F3ECE1; --ink:#2B2622; --ink-2:#7A7068; --ink-3:#9A938D; --accent:#C07A3A; --accent-2:#7A9B8A; --accent-3:#D94E4E; --soft:#F3E8DB; --soft-2:#E8F0EB; --soft-3:#FFF6E8; --hair:#E8DDD0; --hair-2:#DDD5C8; --card:#FFFFFF; --shadow:0 2px 18px rgba(43,38,34,.07), 0 1px 4px rgba(43,38,34,.06); --radius:14px; --radius-sm:9px; }\n :root[data-theme=\"dark\"]{ --paper:#1A1816; --paper-2:#23201E; --ink:#F0EDE8; --ink-2:#B8B0A8; --ink-3:#8A8380; --accent:#E8A46A; --accent-2:#8EC0A8; --accent-3:#E87373; --soft:#2A2520; --soft-2:#1E2A24; --soft-3:#2A2318; --hair:#332E29; --hair-2:#3D3630; --card:#25211E; --shadow:0 2px 18px rgba(0,0,0,.35); }\n .doc{ background:var(--paper); color:var(--ink); padding:32px 30px 40px; font:15.5px/1.78 -apple-system,\"PingFang TC\",\"Noto Sans TC\",\"Microsoft JhengHei\",sans-serif; letter-spacing:.01em; }\n header{ margin-bottom:28px; }\n .eyebrow{ display:flex; align-items:center; gap:10px; font:600 11px ui-monospace,Menlo,monospace; letter-spacing:.16em; text-transform:uppercase; color:var(--accent); }\n .eyebrow::before{ content:\"\"; display:inline-block; width:22px; height:2px; background:var(--accent); border-radius:2px; }\n .eyebrow span.dot{ width:6px; height:6px; border-radius:50%; background:var(--accent-2); display:inline-block; }\n h1{ font-size:30px; line-height:1.22; letter-spacing:-.02em; margin:14px 0 10px; font-weight:800; }\n .lede{ color:var(--ink-2); font-size:15px; line-height:1.7; max-width:64ch; margin:0; }\n .lede strong{ color:var(--ink); font-weight:700; }\n .meta-row{ display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }\n .meta-pill{ display:inline-flex; align-items:center; gap:6px; font:600 11.5px ui-monospace,Menlo,monospace; letter-spacing:.04em; padding:6px 10px; border-radius:999px; background:var(--soft); border:1px solid var(--hair); color:var(--ink-2); }\n .meta-pill.accent{ background:var(--ink); color:var(--paper); border-color:var(--ink); }\n .meta-pill.green{ background:var(--soft-2); border-color:#C8DDD0; color:var(--accent-2); }\n :root[data-theme=\"dark\"] .meta-pill.green{ border-color:#3A4A42; }\n /* stats */\n section[data-cube=\"stats\"]{ display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px; margin:22px 0 28px; }\n .stat{ background:var(--card); border:1px solid var(--hair); border-radius:12px; padding:14px 16px; box-shadow:var(--shadow); }\n .stat .k{ font:600 10.5px ui-monospace,Menlo,monospace; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-3); }\n .stat .v{ font-size:22px; font-weight:800; margin-top:6px; letter-spacing:-.02em; }\n .stat .v small{ font-size:13px; font-weight:600; color:var(--ink-2); }\n .stat .n{ font-size:12.5px; color:var(--ink-2); margin-top:2px; line-height:1.5; }\n /* TOC */\n .toc{ display:flex; flex-wrap:wrap; gap:8px; margin:18px 0 24px; }\n .toc a{ text-decoration:none; font:600 12.5px ui-monospace,Menlo,monospace; letter-spacing:.03em; padding:7px 12px; border-radius:999px; background:var(--card); border:1px solid var(--hair); color:var(--ink-2); transition:.15s; }\n .toc a:hover{ border-color:var(--accent); color:var(--accent); }\n .toc a em{ font-style:normal; color:var(--accent); margin-right:4px; }\n /* section */\n h2{ font-size:20px; line-height:1.35; letter-spacing:-.015em; margin:34px 0 8px; display:flex; align-items:center; gap:10px; }\n h2 .num{ flex:none; width:28px; height:28px; border-radius:8px; display:grid; place-items:center; font:700 12px ui-monospace,Menlo,monospace; color:#fff; background:var(--accent); }\n h2 .num.green{ background:var(--accent-2); }\n h2 .num.ink{ background:var(--ink); }\n .h2-sub{ color:var(--ink-2); font-size:13.5px; margin:0 0 16px 38px; line-height:1.6; }\n h3{ font-size:15px; font-weight:750; margin:22px 0 8px; letter-spacing:-.01em; }\n h3 small{ font-weight:500; color:var(--ink-3); font-size:12.5px; }\n p{ color:var(--ink-2); max-width:70ch; margin:8px 0; }\n p strong{ color:var(--ink); }\n /* category grid */\n .cat-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:12px; margin:16px 0; }\n .cat-card{ background:var(--card); border:1px solid var(--hair); border-radius:14px; overflow:hidden; box-shadow:var(--shadow); }\n .cat-head{ padding:14px 16px 10px; display:flex; align-items:center; gap:10px; border-bottom:1px solid var(--hair); }\n .cat-icon{ width:36px; height:36px; border-radius:10px; display:grid; place-items:center; flex:none; }\n .cat-head h4{ font-size:14.5px; font-weight:800; margin:0; letter-spacing:-.01em; }\n .cat-head p{ font:600 11px ui-monospace,Menlo,monospace; letter-spacing:.06em; color:var(--ink-3); margin:2px 0 0; text-transform:uppercase; }\n .cat-body{ padding:12px 16px 14px; }\n .sub-list{ display:flex; flex-wrap:wrap; gap:6px; }\n .sub-tag{ font:600 12px/1 ui-monospace,Menlo,monospace; padding:6px 9px; border-radius:999px; background:var(--soft); border:1px solid var(--hair); color:var(--ink-2); }\n .sub-tag.hl{ background:var(--ink); color:var(--paper); border-color:var(--ink); }\n /* template box */\n .template{ background:var(--card); border:1.5px solid var(--hair-2); border-radius:14px; overflow:hidden; margin:16px 0; box-shadow:var(--shadow); }\n .template-head{ background:var(--soft); padding:12px 16px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--hair); }\n .template-head b{ font:700 12px ui-monospace,Menlo,monospace; letter-spacing:.08em; text-transform:uppercase; color:var(--accent); }\n .template-head span{ font:600 11px ui-monospace; color:var(--ink-3); background:var(--card); border:1px solid var(--hair); padding:4px 8px; border-radius:999px; }\n .template-body{ padding:16px; }\n .field-grid{ display:grid; grid-template-columns:120px 1fr; gap:8px 14px; font-size:13.5px; }\n .field-grid dt{ font:700 12px ui-monospace; letter-spacing:.04em; color:var(--ink-3); text-transform:uppercase; padding-top:2px; }\n .field-grid dd{ margin:0; color:var(--ink-2); }\n .field-grid dd code{ font:600 12px ui-monospace; background:var(--soft); padding:2px 6px; border-radius:6px; border:1px solid var(--hair); }\n /* example block */\n .example{ background:var(--card); border:1px solid var(--hair); border-radius:12px; padding:16px; margin:12px 0; box-shadow:var(--shadow); position:relative; overflow:hidden; }\n .example::before{ content:\"\"; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--accent); }\n .example.green::before{ background:var(--accent-2); }\n .example.ink::before{ background:var(--ink); }\n .ex-meta{ display:flex; flex-wrap:wrap; gap:6px; margin-bottom:10px; align-items:center; }\n .ex-kicker{ font:700 11px ui-monospace; letter-spacing:.08em; text-transform:uppercase; color:var(--accent); }\n .ex-date{ font:500 11.5px ui-monospace; color:var(--ink-3); }\n .ex-title{ font-size:15px; font-weight:800; margin:0 0 6px; letter-spacing:-.01em; }\n .ex-body{ font-size:13.8px; line-height:1.75; color:var(--ink-2); margin:0; }\n .ex-highlight{ margin-top:10px; display:flex; gap:10px; background:var(--soft-3); border:1px solid var(--hair); border-left:3px solid var(--accent); border-radius:8px; padding:10px 12px; font-size:13px; line-height:1.65; color:var(--ink); }\n .ex-highlight.green{ border-left-color:var(--accent-2); background:var(--soft-2); }\n .ex-highlight b{ font:700 10px ui-monospace; letter-spacing:.08em; text-transform:uppercase; color:var(--accent); flex:none; padding-top:2px; }\n .ex-highlight.green b{ color:var(--accent-2); }\n .ex-quote{ margin-top:10px; border-left:2px solid var(--hair-2); padding:6px 12px; font-size:13.5px; font-style:italic; color:var(--ink-2); background:var(--soft); border-radius:0 8px 8px 0; }\n .ex-tags{ display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }\n .ex-tags span{ font:600 11px ui-monospace; letter-spacing:.02em; padding:4px 8px; border-radius:999px; background:var(--soft); border:1px solid var(--hair); color:var(--ink-3); }\n .ex-tags span.hot{ background:var(--ink); color:var(--paper); border-color:var(--ink); }\n /* thoughts featured */\n .thought-hero{ background:linear-gradient(135deg, var(--soft) 0%, var(--soft-2) 100%); border:1px solid var(--hair); border-radius:16px; padding:22px; margin:16px 0; position:relative; overflow:hidden; }\n .thought-hero::after{ content:\"“\"\"; position:absolute; right:18px; top:6px; font-size:64px; line-height:1; color:var(--accent); opacity:.14; font-family:Georgia,serif; }\n .thought-hero .label{ display:inline-flex; align-items:center; gap:6px; font:700 11px ui-monospace; letter-spacing:.1em; text-transform:uppercase; color:var(--accent); background:var(--card); border:1px solid var(--hair); padding:5px 9px; border-radius:999px; }\n .thought-hero h4{ font-size:18px; font-weight:800; margin:14px 0 8px; letter-spacing:-.015em; line-height:1.35; }\n .thought-hero .t-body{ font-size:14.2px; line-height:1.85; color:var(--ink-2); }\n .thought-hero .t-body strong{ color:var(--ink); }\n .thought-hero .t-meta{ display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; align-items:center; }\n /* closing */\n .closing{ background:var(--ink); color:var(--paper); border-radius:16px; padding:24px; margin:20px 0; position:relative; overflow:hidden; }\n :root[data-theme=\"dark\"] .closing{ background:#2A2520; }\n .closing::before{ content:\"\"; position:absolute; inset:0; background:radial-gradient(520px 220px at 85% 0%, rgba(192,122,58,.18), transparent 60%), radial-gradient(420px 200px at 10% 100%, rgba(122,155,138,.18), transparent 60%); pointer-events:none; }\n .closing h4{ font-size:17px; font-weight:800; margin:0 0 10px; position:relative; }\n .closing p{ color:rgba(253,251,247,.82); position:relative; font-size:14px; line-height:1.8; max-width:62ch; }\n .closing .sig{ margin-top:14px; font:600 12px ui-monospace; letter-spacing:.06em; color:rgba(253,251,247,.55); position:relative; }\n /* callout */\n .callout{ display:flex; gap:12px; padding:13px 15px; background:var(--soft); border:1px solid var(--hair); border-radius:10px; margin:14px 0; }\n .callout .tag{ flex:none; font:700 10.5px ui-monospace; letter-spacing:.08em; text-transform:uppercase; color:var(--accent); padding-top:2px; }\n .callout.green{ background:var(--soft-2); }\n .callout.green .tag{ color:var(--accent-2); }\n /* divider */\n hr{ border:none; border-top:1px solid var(--hair); margin:22px 0; }\n .foot{ display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; color:var(--ink-3); font:500 12px ui-monospace; letter-spacing:.02em; }\n .foot span{ background:var(--soft); border:1px solid var(--hair); padding:5px 9px; border-radius:999px; }\n @media (max-width:640px){ .doc{ padding:22px 18px 32px; } h1{ font-size:24px; } .field-grid{ grid-template-columns:1fr; } .field-grid dt{ padding-top:0; } h2{ font-size:18px; } .h2-sub{ margin-left:0; } }\n\u003c/style\u003e\n\u003cdiv class=\"doc\"\u003e\n \u003cheader\u003e\n \u003cdiv class=\"eyebrow\"\u003eLiving About Me · Database \u003cspan class=\"dot\"\u003e\u003c/span\u003e 會持續長大的我\u003c/div\u003e\n \u003ch1\u003e會成長的「關於我」—— 內容規劃稿\u003c/h1\u003e\n \u003cp class=\"lede\"\u003e這不是一份履歷，也不是自我介紹的定稿。\u003cbr\u003e它是\u003cstrong\u003e「此時此刻的我」\u003c/strong\u003e的資料庫——會隨著時間、經歷與想法，一次次更新版本。訪客在這裡看到的，永遠是\u003cstrong\u003e最新版的我\u003c/strong\u003e，而不是永遠不變的標籤。\u003c/p\u003e\n \u003cdiv class=\"meta-row\"\u003e\n \u003cspan class=\"meta-pill accent\"\u003e✦ 內容規劃稿 v1.0 — 2026.08.30\u003c/span\u003e\n \u003cspan class=\"meta-pill\"\u003e📂 放置：人物資料庫內容規劃\u003c/span\u003e\n \u003cspan class=\"meta-pill green\"\u003e● 會成長 · 持續更新\u003c/span\u003e\n \u003cspan class=\"meta-pill\"\u003e10 主分類 · 40+ 子分類\u003c/span\u003e\n \u003c/div\u003e\n \u003c/header\u003e\n\n \u003csection data-cube=\"stats\" class=\"stats\"\u003e\n \u003cdiv class=\"stat\"\u003e\u003cdiv class=\"k\"\u003e主分類\u003c/div\u003e\u003cdiv class=\"v\"\u003e10\u003c/div\u003e\u003cdiv class=\"n\"\u003e涵蓋外貌到未來，完整拼圖\u003c/div\u003e\u003c/div\u003e\n \u003cdiv class=\"stat\"\u003e\u003cdiv class=\"k\"\u003e子分類\u003c/div\u003e\u003cdiv class=\"v\"\u003e42\u003c/div\u003e\u003cdiv class=\"n\"\u003e每個子分類都是一個可長大的抽屜\u003c/div\u003e\u003c/div\u003e\n \u003cdiv class=\"stat\"\u003e\u003cdiv class=\"k\"\u003e內容區塊\u003c/div\u003e\u003cdiv class=\"v\"\u003e∞\u003c/div\u003e\u003cdiv class=\"n\"\u003e每格可新增：標題 / 日期 / 內文 / Highlight\u003c/div\u003e\u003c/div\u003e\n \u003cdiv class=\"stat\"\u003e\u003cdiv class=\"k\"\u003eThoughts\u003c/div\u003e\u003cdiv class=\"v\"\u003e獨立庫\u003c/div\u003e\u003cdiv class=\"n\"\u003eShort / Long / Quote / Story 四形態\u003c/div\u003e\u003c/div\u003e\n \u003c/section\u003e\n\n \u003cdiv class=\"toc\"\u003e\n \u003ca href=\"#s1\"\u003e\u003cem\u003e01\u003c/em\u003e 主分類地圖\u003c/a\u003e\n \u003ca href=\"#s2\"\u003e\u003cem\u003e02\u003c/em\u003e 內容區塊雛形\u003c/a\u003e\n \u003ca href=\"#s3\"\u003e\u003cem\u003e03\u003c/em\u003e Thoughts 範例\u003c/a\u003e\n \u003ca href=\"#s4\"\u003e\u003cem\u003e04\u003c/em\u003e 全站結尾語\u003c/a\u003e\n \u003ca href=\"#s5\"\u003e\u003cem\u003e05\u003c/em\u003e 寫作與維護指南\u003c/a\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"callout\"\u003e\n \u003cspan class=\"tag\"\u003e如何使用\u003c/span\u003e\n \u003cdiv style=\"font-size:13.5px; line-height:1.65; color:var(--ink-2);\"\u003e這份規劃稿是\u003cstrong style=\"color:var(--ink);\"\u003e填空前的地圖\u003c/strong\u003e。後台照此結構建「主分類 → 子分類 → 內容區塊」三層，之後只要在對應抽屜裡持續新增內容即可。所有日期、Highlight、Tag 都可後續由「內容編輯助理」協助潤飾與統一。\u003c/div\u003e\n \u003c/div\u003e\n\n \u003c!-- ============ 01 ============ --\u003e\n \u003ch2 id=\"s1\"\u003e\u003cspan class=\"num\"\u003e01\u003c/span\u003e 初始主分類 × 第一層子分類\u003c/h2\u003e\n \u003cp class=\"h2-sub\"\u003e10 個主分類構成「我」的全景；每個主分類下 3–5 個子分類，是未來內容的抽屜。先搭架子，再慢慢填滿。\u003c/p\u003e\n\n \u003cdiv class=\"cat-grid\"\u003e\n \u003cdiv class=\"cat-card\"\u003e\n \u003cdiv class=\"cat-head\"\u003e\n \u003cdiv class=\"cat-icon\" style=\"background:#FDF0E0; border:1px solid #E8DDD0;\"\u003e🪞\u003c/div\u003e\n \u003cdiv\u003e\u003ch4\u003e外貌 Appearance\u003c/h4\u003e\u003cp\u003e第一眼的我 · 也會變的我\u003c/p\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cat-body\"\u003e\u003cdiv class=\"sub-list\"\u003e\u003cspan class=\"sub-tag hl\"\u003e身高\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e身材\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e長相\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e穿搭風格\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e標誌特徵\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cat-card\"\u003e\n \u003cdiv class=\"cat-head\"\u003e\n \u003cdiv class=\"cat-icon\" style=\"background:#E8F0EB; border:1px solid #C8DDD0;\"\u003e🌿\u003c/div\u003e\n \u003cdiv\u003e\u003ch4\u003e個性 Personality\u003c/h4\u003e\u003cp\u003e內在的紋理\u003c/p\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cat-body\"\u003e\u003cdiv class=\"sub-list\"\u003e\u003cspan class=\"sub-tag hl\"\u003e關鍵詞\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e優點\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e小缺點\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e情緒模式\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e壓力下的我\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cat-card\"\u003e\n \u003cdiv class=\"cat-head\"\u003e\n \u003cdiv class=\"cat-icon\" style=\"background:#EDE8F5; border:1px solid #D8D0E8;\"\u003e🧩\u003c/div\u003e\n \u003cdiv\u003e\u003ch4\u003eMBTI / 人格\u003c/h4\u003e\u003cp\u003e理解自己的另一種語言\u003c/p\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cat-body\"\u003e\u003cdiv class=\"sub-list\"\u003e\u003cspan class=\"sub-tag hl\"\u003e類型總覽\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e四維度拆解\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e優勢與盲點\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e相處小技巧\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cat-card\"\u003e\n \u003cdiv class=\"cat-head\"\u003e\n \u003cdiv class=\"cat-icon\" style=\"background:#FDE8E8; border:1px solid #E8C8C8;\"\u003e💌\u003c/div\u003e\n \u003cdiv\u003e\u003ch4\u003e感情 Relationship\u003c/h4\u003e\u003cp\u003e關於愛與關係\u003c/p\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cat-body\"\u003e\u003cdiv class=\"sub-list\"\u003e\u003cspan class=\"sub-tag hl\"\u003e感情觀\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e理想型\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e曾學到的事\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e現在的狀態\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cat-card\"\u003e\n \u003cdiv class=\"cat-head\"\u003e\n \u003cdiv class=\"cat-icon\" style=\"background:#FFF6E0; border:1px solid #E8DDC8;\"\u003e☕\u003c/div\u003e\n \u003cdiv\u003e\u003ch4\u003e生活 Lifestyle\u003c/h4\u003e\u003cp\u003e日常的節奏\u003c/p\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cat-body\"\u003e\u003cdiv class=\"sub-list\"\u003e\u003cspan class=\"sub-tag hl\"\u003e日常節奏\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e居住空間\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e飲食偏好\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e療癒小儀式\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cat-card\"\u003e\n \u003cdiv class=\"cat-head\"\u003e\n \u003cdiv class=\"cat-icon\" style=\"background:#E0EEF5; border:1px solid #C8DDE8;\"\u003e💼\u003c/div\u003e\n \u003cdiv\u003e\u003ch4\u003e工作 Work\u003c/h4\u003e\u003cp\u003e我在世界裡做的事\u003c/p\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cat-body\"\u003e\u003cdiv class=\"sub-list\"\u003e\u003cspan class=\"sub-tag hl\"\u003e現在在做什麼\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e擅長的事\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e想精進的\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e工作哲學\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cat-card\"\u003e\n \u003cdiv class=\"cat-head\"\u003e\n \u003cdiv class=\"cat-icon\" style=\"background:#FFF0E8; border:1px solid #E8D8C8;\"\u003e🎨\u003c/div\u003e\n \u003cdiv\u003e\u003ch4\u003e興趣 Interests\u003c/h4\u003e\u003cp\u003e熱愛的事\u003c/p\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cat-body\"\u003e\u003cdiv class=\"sub-list\"\u003e\u003cspan class=\"sub-tag hl\"\u003e長期熱愛\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e近期著迷\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e想嘗試清單\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e收藏\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cat-card\"\u003e\n \u003cdiv class=\"cat-head\"\u003e\n \u003cdiv class=\"cat-icon\" style=\"background:#E8F0FF; border:1px solid #C8D0E8;\"\u003e🔭\u003c/div\u003e\n \u003cdiv\u003e\u003ch4\u003e未來 Future\u003c/h4\u003e\u003cp\u003e正在前往的地方\u003c/p\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cat-body\"\u003e\u003cdiv class=\"sub-list\"\u003e\u003cspan class=\"sub-tag hl\"\u003e短期目標\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e長期想像\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e想成為的人\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003eBucket List\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cat-card\"\u003e\n \u003cdiv class=\"cat-head\"\u003e\n \u003cdiv class=\"cat-icon\" style=\"background:#F0E8F5; border:1px solid #D8C8E0;\"\u003e🤝\u003c/div\u003e\n \u003cdiv\u003e\u003ch4\u003e相處指南 How to be with me\u003c/h4\u003e\u003cp\u003e給想靠近我的人\u003c/p\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cat-body\"\u003e\u003cdiv class=\"sub-list\"\u003e\u003cspan class=\"sub-tag hl\"\u003e怎麼靠近我\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e我喜歡的相處\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e地雷與禁忌\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e給新朋友的話\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cat-card\"\u003e\n \u003cdiv class=\"cat-head\"\u003e\n \u003cdiv class=\"cat-icon\" style=\"background:#F5F0E0; border:1px solid #E0D8C0;\"\u003e🎲\u003c/div\u003e\n \u003cdiv\u003e\u003ch4\u003eRandom Facts\u003c/h4\u003e\u003cp\u003e沒人問但想說的事\u003c/p\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv class=\"cat-body\"\u003e\u003cdiv class=\"sub-list\"\u003e\u003cspan class=\"sub-tag hl\"\u003e冷知識\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e怪癖\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e沒用的專長\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e小秘密\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"callout green\"\u003e\n \u003cspan class=\"tag\"\u003e設計說明\u003c/span\u003e\n \u003cdiv style=\"font-size:13.5px; line-height:1.65; color:var(--ink-2);\"\u003e子分類數量刻意控制在 4–5 個，\u003cstrong style=\"color:var(--ink);\"\u003e剛好填滿一屏、不會一次嚇到訪客\u003c/strong\u003e，又足夠細到讓每個抽屜都有話可說。未來可隨時新增子分類（例如「外貌 → 髮型演變史」），不影響既有結構。\u003c/div\u003e\n \u003c/div\u003e\n\n \u003c!-- ============ 02 ============ --\u003e\n \u003ch2 id=\"s2\"\u003e\u003cspan class=\"num green\"\u003e02\u003c/span\u003e 每個子分類的內容區塊 — 雛形與範例\u003c/h2\u003e\n \u003cp class=\"h2-sub\"\u003e統一的內容區塊規格，讓全站語氣一致、訪客好讀。先給模板，再給 10 則「可直接替換成自己文字」的範例。\u003c/p\u003e\n\n \u003cdiv class=\"template\"\u003e\n \u003cdiv class=\"template-head\"\u003e\u003cb\u003e▦ 內容區塊通用模板\u003c/b\u003e\u003cspan\u003eDraft / Published\u003c/span\u003e\u003c/div\u003e\n \u003cdiv class=\"template-body\"\u003e\n \u003cdl class=\"field-grid\"\u003e\n \u003cdt\u003e標題 Title\u003c/dt\u003e\u003cdd\u003e一句話點題，例如「我的穿搭像今天的心情」— 不用長，清楚就好\u003c/dd\u003e\n \u003cdt\u003e日期 Date\u003c/dt\u003e\u003cdd\u003e內容的「版本日期」，如 \u003ccode\u003e2026.08.30\u003c/code\u003e · 顯示「最後更新」讓訪客知道這是活的資料\u003c/dd\u003e\n \u003cdt\u003e內文 Body\u003c/dt\u003e\u003cdd\u003e80–180 字的段落，語氣溫暖、具體、有畫面感。避免條列履歷感，用「我」的口吻說故事\u003c/dd\u003e\n \u003cdt\u003eHighlight\u003c/dt\u003e\u003cdd\u003e一句金句摘要，進卡片封面或列表頁的大字。例如：\u003cem\u003e「舒適比時髦更像我。」\u003c/em\u003e\u003c/dd\u003e\n \u003cdt\u003eQuote\u003c/dt\u003e\u003cdd\u003e可選。想被記住的一句話，視覺上放大引用\u003c/dd\u003e\n \u003cdt\u003eTag\u003c/dt\u003e\u003cdd\u003e2–4 個，如 \u003ccode\u003e#穿搭\u003c/code\u003e \u003ccode\u003e#日常\u003c/code\u003e \u003ccode\u003e#自我表達\u003c/code\u003e — 全站可篩選與聚合\u003c/dd\u003e\n \u003cdt\u003e圖片 / 連結\u003c/dt\u003e\u003cdd\u003e可選。一張代表圖或一個延伸連結（歌單、文章、地圖）\u003c/dd\u003e\n \u003c/dl\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003ch3\u003e10 則子分類範例 — 替換成你的文字即可上線 \u003csmall\u003e每則皆含 Highlight / Quote / Tag 示範\u003c/small\u003e\u003c/h3\u003e\n\n \u003cdiv class=\"example\"\u003e\n \u003cdiv class=\"ex-meta\"\u003e\u003cspan class=\"ex-kicker\"\u003e外貌 · 穿搭風格\u003c/span\u003e\u003cspan class=\"ex-date\"\u003e· 2026.08.30\u003c/span\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-title\"\u003e我的穿搭像今天的心情\u003c/div\u003e\n \u003cp class=\"ex-body\"\u003e不追流行，但很在意「今天想讓自己感覺怎麼樣」。心情好的日子會穿明亮的顏色，想安靜時就躲進oversized 外套裡。衣櫃裡最多的是米色、牛仔和一件穿了三年的帆布包——舒服、自在，比時髦更像我。\u003c/p\u003e\n \u003cdiv class=\"ex-highlight\"\u003e\u003cb\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「舒適比時髦更像我。」\u003c/div\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-quote\"\u003e“You wear how you feel.”\u003c/div\u003e\n \u003cdiv class=\"ex-tags\"\u003e\u003cspan class=\"hot\"\u003e#穿搭\u003c/span\u003e\u003cspan\u003e#日常\u003c/span\u003e\u003cspan\u003e#自我表達\u003c/span\u003e\u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"example green\"\u003e\n \u003cdiv class=\"ex-meta\"\u003e\u003cspan class=\"ex-kicker\" style=\"color:var(--accent-2);\"\u003e個性 · 情緒模式\u003c/span\u003e\u003cspan class=\"ex-date\"\u003e· 2026.08.30\u003c/span\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-title\"\u003e慢熱，但一旦熟了就很吵\u003c/div\u003e\n \u003cp class=\"ex-body\"\u003e第一次見面常被說安靜，其實只是需要一點時間觀察。熟悉之後話會變多，也會主動分享奇怪的冷知識。難過的時候不愛立刻說，會先自己消化一下——不是不想分享，只是想先把情緒整理成能被好好聽懂的樣子。\u003c/p\u003e\n \u003cdiv class=\"ex-highlight green\"\u003e\u003cb\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「慢熟是一種慎重，不是不熱情。」\u003c/div\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-tags\"\u003e\u003cspan class=\"hot\"\u003e#個性\u003c/span\u003e\u003cspan\u003e#慢熱\u003c/span\u003e\u003cspan\u003e#情緒\u003c/span\u003e\u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"example ink\"\u003e\n \u003cdiv class=\"ex-meta\"\u003e\u003cspan class=\"ex-kicker\" style=\"color:var(--ink);\"\u003eMBTI · 類型總覽\u003c/span\u003e\u003cspan class=\"ex-date\"\u003e· 2026.08.30\u003c/span\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-title\"\u003eINFP — 但別把我只裝進四個字母\u003c/div\u003e\n \u003cp class=\"ex-body\"\u003e測過幾次都是 INFP，形容得很像：理想、敏感、喜歡把細節想得很深。但我也發現，狀態好時很外向、需要獨處時又極度內向。MBTI 對我來說比較像地圖，不是牢籠——用來理解自己，不是定義自己。\u003c/p\u003e\n \u003cdiv class=\"ex-highlight\" style=\"border-left-color:var(--ink); background:var(--soft);\"\u003e\u003cb style=\"color:var(--ink);\"\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「標籤用來理解，不是用來困住。」\u003c/div\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-tags\"\u003e\u003cspan class=\"hot\"\u003e#MBTI\u003c/span\u003e\u003cspan\u003e#INFP\u003c/span\u003e\u003cspan\u003e#自我認識\u003c/span\u003e\u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"example\"\u003e\n \u003cdiv class=\"ex-meta\"\u003e\u003cspan class=\"ex-kicker\"\u003e感情 · 感情觀\u003c/span\u003e\u003cspan class=\"ex-date\"\u003e· 2026.08.30\u003c/span\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-title\"\u003e我相信慢慢來比較快\u003c/div\u003e\n \u003cp class=\"ex-body\"\u003e以前以為心動就是答案，後來才懂，能長久的是「相處起來舒服」。我在感情裡很重視細節——記得對方隨口提過的事、在對方低潮時安靜陪伴。我不追求轟轟烈烈，更想要一種「我們一起把日子過好」的踏實感。\u003c/p\u003e\n \u003cdiv class=\"ex-highlight\"\u003e\u003cb\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「心動是起點，相處才是答案。」\u003c/div\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-quote\"\u003e“Love is not about how much you say, but how well you stay.”\u003c/div\u003e\n \u003cdiv class=\"ex-tags\"\u003e\u003cspan class=\"hot\"\u003e#感情觀\u003c/span\u003e\u003cspan\u003e#關係\u003c/span\u003e\u003cspan\u003e#慢慢來\u003c/span\u003e\u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"example green\"\u003e\n \u003cdiv class=\"ex-meta\"\u003e\u003cspan class=\"ex-kicker\" style=\"color:var(--accent-2);\"\u003e生活 · 療癒小儀式\u003c/span\u003e\u003cspan class=\"ex-date\"\u003e· 2026.08.30\u003c/span\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-title\"\u003e每天 10 分鐘，把自己找回來\u003c/div\u003e\n \u003cp class=\"ex-body\"\u003e早上沖一杯手沖咖啡，不看手機，就聽水流過濾紙的聲音。晚上睡前會點蠟燭、寫三行日記：今天一件小確幸、一件想改進的、一件感謝的。儀式感不需要很盛大，剛好夠把散掉的自己收回來就好。\u003c/p\u003e\n \u003cdiv class=\"ex-highlight green\"\u003e\u003cb\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「儀式感是把散掉的自己收回來。」\u003c/div\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-tags\"\u003e\u003cspan class=\"hot\"\u003e#生活\u003c/span\u003e\u003cspan\u003e#儀式感\u003c/span\u003e\u003cspan\u003e#療癒\u003c/span\u003e\u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"example ink\"\u003e\n \u003cdiv class=\"ex-meta\"\u003e\u003cspan class=\"ex-kicker\" style=\"color:var(--ink);\"\u003e工作 · 工作哲學\u003c/span\u003e\u003cspan class=\"ex-date\"\u003e· 2026.08.30\u003c/span\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-title\"\u003e把事情做好的同時，也把人照顧好\u003c/div\u003e\n \u003cp class=\"ex-body\"\u003e我喜歡把複雜的事拆解清楚、一步步做扎實。比起追求最快，我更在意「這樣做對不對、能不能讓之後的人好接手」。工作對我來說不只是成果，也是和人合作的過程——把事情做好，也把一起做事的人照顧好。\u003c/p\u003e\n \u003cdiv class=\"ex-highlight\" style=\"border-left-color:var(--ink); background:var(--soft);\"\u003e\u003cb style=\"color:var(--ink);\"\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「做事，也做人。」\u003c/div\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-tags\"\u003e\u003cspan class=\"hot\"\u003e#工作\u003c/span\u003e\u003cspan\u003e#哲學\u003c/span\u003e\u003cspan\u003e#協作\u003c/span\u003e\u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"example\"\u003e\n \u003cdiv class=\"ex-meta\"\u003e\u003cspan class=\"ex-kicker\"\u003e興趣 · 近期著迷\u003c/span\u003e\u003cspan class=\"ex-date\"\u003e· 2026.08.30\u003c/span\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-title\"\u003e最近迷上底片相機\u003c/div\u003e\n \u003cp class=\"ex-body\"\u003e數位照片可以重拍，底片不行——每按一次快門都要更專心。喜歡等待沖洗的那幾天，像在等待記憶慢慢顯影。最近最滿意的一張是在雨後的巷口拍的，光剛好落在水窪上，什麼都沒修，卻覺得那就是當天的我。\u003c/p\u003e\n \u003cdiv class=\"ex-highlight\"\u003e\u003cb\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「不能重來的，才會讓人更專心。」\u003c/div\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-tags\"\u003e\u003cspan class=\"hot\"\u003e#興趣\u003c/span\u003e\u003cspan\u003e#底片\u003c/span\u003e\u003cspan\u003e#近期著迷\u003c/span\u003e\u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"example green\"\u003e\n \u003cdiv class=\"ex-meta\"\u003e\u003cspan class=\"ex-kicker\" style=\"color:var(--accent-2);\"\u003e未來 · 想成為的人\u003c/span\u003e\u003cspan class=\"ex-date\"\u003e· 2026.08.30\u003c/span\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-title\"\u003e想成為讓人感到安心的人\u003c/div\u003e\n \u003cp class=\"ex-body\"\u003e不是最厲害的那個，而是當別人在徬徨時，會想起「找他聊聊好像會好一點」的那個人。想在專業上更扎實，也想在生活裡更柔軟——能把事情做好，也能在重要的人需要時，剛好在那裡。\u003c/p\u003e\n \u003cdiv class=\"ex-highlight green\"\u003e\u003cb\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「想成為一種安心的存在。」\u003c/div\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-tags\"\u003e\u003cspan class=\"hot\"\u003e#未來\u003c/span\u003e\u003cspan\u003e#想成為的人\u003c/span\u003e\u003cspan\u003e#溫柔\u003c/span\u003e\u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"example ink\"\u003e\n \u003cdiv class=\"ex-meta\"\u003e\u003cspan class=\"ex-kicker\" style=\"color:var(--ink);\"\u003e相處指南 · 怎麼靠近我\u003c/span\u003e\u003cspan class=\"ex-date\"\u003e· 2026.08.30\u003c/span\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-title\"\u003e不用很會聊天，真誠就好\u003c/div\u003e\n \u003cp class=\"ex-body\"\u003e比起華麗的開場白，我更喜歡真誠的提問。問我最近在想什麼、分享你最近發現的一首歌，都比「你好」更容易讓對話繼續。我回訊息不算最快，但每則都會好好回——因為我在意的是有沒有好好對話，而不是已讀的速度。\u003c/p\u003e\n \u003cdiv class=\"ex-highlight\" style=\"border-left-color:var(--ink); background:var(--soft);\"\u003e\u003cb style=\"color:var(--ink);\"\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「真誠比技巧更能靠近我。」\u003c/div\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-tags\"\u003e\u003cspan class=\"hot\"\u003e#相處指南\u003c/span\u003e\u003cspan\u003e#交朋友\u003c/span\u003e\u003cspan\u003e#真誠\u003c/span\u003e\u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"example\"\u003e\n \u003cdiv class=\"ex-meta\"\u003e\u003cspan class=\"ex-kicker\"\u003eRandom Facts · 冷知識\u003c/span\u003e\u003cspan class=\"ex-date\"\u003e· 2026.08.30\u003c/span\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-title\"\u003e沒人問但想說：我會用左手開寶特瓶\u003c/div\u003e\n \u003cp class=\"ex-body\"\u003e右撇子，但開瓶蓋一定要用左手，不然會覺得使不上力。還有，我記得國小三年級同桌的便當裡永遠有玉子燒，但已經想不起他的名字了——有些記憶就是這樣，細節比名字留得更久。\u003c/p\u003e\n \u003cdiv class=\"ex-highlight\"\u003e\u003cb\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「細節比名字留得更久。」\u003c/div\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-tags\"\u003e\u003cspan class=\"hot\"\u003e#RandomFacts\u003c/span\u003e\u003cspan\u003e#冷知識\u003c/span\u003e\u003cspan\u003e#怪癖\u003c/span\u003e\u003c/div\u003e\n \u003c/div\u003e\n\n \u003c!-- ============ 03 ============ --\u003e\n \u003ch2 id=\"s3\"\u003e\u003cspan class=\"num\"\u003e03\u003c/span\u003e Thoughts 觀點庫 — 範例\u003c/h2\u003e\n \u003cp class=\"h2-sub\"\u003e獨立於分類之外的「想法流」。支援 Short / Long / Quote Card / Story 四種形態，每則有標題、日期、Highlight、Tag、置頂。語氣與主內容一致：清楚、流暢、溫暖。\u003c/p\u003e\n\n \u003cdiv class=\"thought-hero\"\u003e\n \u003cdiv class=\"label\"\u003e☁ Thoughts · Long Thought\u003c/div\u003e\n \u003ch4\u003e關於改變 — 我們都是在長成自己的路上\u003c/h4\u003e\n \u003cdiv class=\"t-body\"\u003e\n \u003cp style=\"margin:0 0 10px; color:var(--ink-2);\"\u003e以前我以為「改變」是一次巨大的轉彎，後來才發現，它更像是一條慢慢偏移的航線。\u003c/p\u003e\n \u003cp style=\"margin:0 0 10px; color:var(--ink-2);\"\u003e每天只偏一度，一年後，你已經在完全不同的海域。那些當下看起來微不足道的選擇——多讀的十分鐘、多說的一句謝謝、多一次選擇善良而不是計較——都在悄悄替你改寫座標。\u003c/p\u003e\n \u003cp style=\"margin:0 0 10px; color:var(--ink-2);\"\u003e\u003cstrong\u003e我不再害怕改變了。\u003c/strong\u003e因為我發現，改變不是把舊的自己丟掉，而是讓舊的自己長出新的枝枒。你依然是你，只是長成了更靠近你想成為的樣子。\u003c/p\u003e\n \u003cp style=\"margin:0; color:var(--ink-2);\"\u003e所以如果現在的你正在猶豫要不要改變，不用等一個完美的時機。就從今天的一個小選擇開始吧。未來的你，會感謝今天這個小小的偏航。\u003c/p\u003e\n \u003c/div\u003e\n \u003cdiv class=\"ex-highlight\" style=\"margin-top:14px; background:var(--card);\"\u003e\u003cb\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「改變不是丟掉舊的自己，是讓舊的自己長出新的枝枒。」\u003c/div\u003e\u003c/div\u003e\n \u003cdiv class=\"ex-quote\" style=\"margin-top:10px;\"\u003e“We are all becoming — slowly, quietly, in the direction of our smallest choices.”\u003c/div\u003e\n \u003cdiv class=\"t-meta\"\u003e\n \u003cspan class=\"ex-date\" style=\"font-weight:600;\"\u003e2026.08.30\u003c/span\u003e\n \u003cspan style=\"font:600 11px ui-monospace; padding:4px 8px; border-radius:999px; background:var(--card); border:1px solid var(--hair); color:var(--ink-3);\"\u003e#關於改變\u003c/span\u003e\n \u003cspan style=\"font:600 11px ui-monospace; padding:4px 8px; border-radius:999px; background:var(--card); border:1px solid var(--hair); color:var(--ink-3);\"\u003e#成長\u003c/span\u003e\n \u003cspan style=\"font:600 11px ui-monospace; padding:4px 8px; border-radius:999px; background:var(--card); border:1px solid var(--hair); color:var(--ink-3);\"\u003e#Thoughts\u003c/span\u003e\n \u003cspan style=\"font:600 11px ui-monospace; padding:4px 8px; border-radius:999px; background:var(--ink); color:var(--paper);\"\u003e置頂推薦\u003c/span\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"template\" style=\"border-style:dashed;\"\u003e\n \u003cdiv class=\"template-head\"\u003e\u003cb\u003eThoughts 四形態快速對照\u003c/b\u003e\u003cspan\u003e依場合挑選\u003c/span\u003e\u003c/div\u003e\n \u003cdiv class=\"template-body\" style=\"display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:12px;\"\u003e\n \u003cdiv style=\"background:var(--soft); border:1px solid var(--hair); border-radius:10px; padding:12px;\"\u003e\n \u003cdiv style=\"font:700 12px ui-monospace; letter-spacing:.06em; color:var(--accent); text-transform:uppercase;\"\u003eShort Thought\u003c/div\u003e\n \u003cdiv style=\"font-size:13px; color:var(--ink-2); margin-top:6px; line-height:1.65;\"\u003e一句話想法。\u003cbr\u003e例：「今天學到：溫柔是一種選擇，不是性格。」\u003cbr\u003e\u003cspan style=\"color:var(--ink-3); font-size:12px;\"\u003e#一句話 #日常\u003c/span\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv style=\"background:var(--soft-2); border:1px solid var(--hair); border-radius:10px; padding:12px;\"\u003e\n \u003cdiv style=\"font:700 12px ui-monospace; letter-spacing:.06em; color:var(--accent-2); text-transform:uppercase;\"\u003eLong Thought\u003c/div\u003e\n \u003cdiv style=\"font-size:13px; color:var(--ink-2); margin-top:6px; line-height:1.65;\"\u003e300–600 字長文。\u003cbr\u003e像上面的「關於改變」。\u003cbr\u003e\u003cspan style=\"color:var(--ink-3); font-size:12px;\"\u003e#深度 #觀點\u003c/span\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv style=\"background:var(--soft-3); border:1px solid var(--hair); border-radius:10px; padding:12px;\"\u003e\n \u003cdiv style=\"font:700 12px ui-monospace; letter-spacing:.06em; color:var(--ink); text-transform:uppercase;\"\u003eQuote Card\u003c/div\u003e\n \u003cdiv style=\"font-size:13px; color:var(--ink-2); margin-top:6px; line-height:1.65;\"\u003e一句引言＋一句註解。\u003cbr\u003e例：引言＋「這句話陪我度過…」\u003cbr\u003e\u003cspan style=\"color:var(--ink-3); font-size:12px;\"\u003e#金句 #收藏\u003c/span\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003cdiv style=\"background:var(--card); border:1px solid var(--hair); border-radius:10px; padding:12px;\"\u003e\n \u003cdiv style=\"font:700 12px ui-monospace; letter-spacing:.06em; color:var(--ink-3); text-transform:uppercase;\"\u003eStory\u003c/div\u003e\n \u003cdiv style=\"font-size:13px; color:var(--ink-2); margin-top:6px; line-height:1.65;\"\u003e小故事。\u003cbr\u003e例：「那天在捷運上…」的敘事。\u003cbr\u003e\u003cspan style=\"color:var(--ink-3); font-size:12px;\"\u003e#故事 #經歷\u003c/span\u003e\u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003c!-- ============ 04 ============ --\u003e\n \u003ch2 id=\"s4\"\u003e\u003cspan class=\"num green\"\u003e04\u003c/span\u003e 全站結尾語 — 建議文字\u003c/h2\u003e\n \u003cp class=\"h2-sub\"\u003e放在公開網站最底部的一段話，讓訪客帶著「這個人是活的」的感覺離開。也提醒自己：這份關於我，永遠是進行式。\u003c/p\u003e\n\n \u003cdiv class=\"closing\"\u003e\n \u003ch4\u003e這是一份會持續更新的我。\u003c/h4\u003e\n \u003cp\u003e你剛剛讀完的，是截至此刻的我——我的樣子、想法、喜歡與在意的事。但我還在長大，還在學新的東西、去新的地方、成為新的自己。\u003c/p\u003e\n \u003cp\u003e所以這裡的每一頁，都可能會在某個平凡的日子被悄悄改寫。某個子分類會多一篇新的內容，某則 Thoughts 會被新的體悟取代，某個曾經的 Highlight 也許不再代表我——那不是推翻，是成長留下的痕跡。\u003c/p\u003e\n \u003cp\u003e如果你在不同時間回來，看到不一樣的我，請不要意外。\u003cbr\u003e那表示，我有好好活著、好好成為自己。\u003c/p\u003e\n \u003cp style=\"margin-top:14px; font-style:italic; opacity:.9;\"\u003e謝謝你願意認識此刻的我。\u003cbr\u003e下次見時，我會是更新一點的版本——再一起認識一次吧。\u003c/p\u003e\n \u003cdiv class=\"sig\"\u003e— 最後更新於 2026.08.30 · 下一次更新，正在路上\u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"template\" style=\"border-style:dashed; background:transparent; box-shadow:none;\"\u003e\n \u003cdiv class=\"template-head\" style=\"background:transparent;\"\u003e\u003cb\u003e替代版本（較短）\u003c/b\u003e\u003cspan\u003e放頁尾較窄處用\u003c/span\u003e\u003c/div\u003e\n \u003cdiv class=\"template-body\" style=\"padding-top:10px;\"\u003e\n \u003cp style=\"font-size:14px; line-height:1.8; color:var(--ink); margin:0; font-style:italic; background:var(--soft); border:1px solid var(--hair); border-radius:10px; padding:14px 16px;\"\u003e「這裡的每一個字，都是此時此刻的我。未來它會變，因為我會長大。\u003cbr\u003e如果你願意，偶爾回來看看——你會遇見新版本的我。」\u003c/p\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003c!-- ============ 05 ============ --\u003e\n \u003ch2 id=\"s5\"\u003e\u003cspan class=\"num ink\"\u003e05\u003c/span\u003e 寫作語氣與維護指南\u003c/h2\u003e\n \u003cp class=\"h2-sub\"\u003e給未來的自己與內容編輯助理：如何保持全站語氣一致、讓資料庫真的「活」起來。\u003c/p\u003e\n\n \u003cdiv style=\"display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:12px; margin:14px 0;\"\u003e\n \u003cdiv style=\"background:var(--card); border:1px solid var(--hair); border-radius:12px; padding:16px; box-shadow:var(--shadow);\"\u003e\n \u003cdiv style=\"font:700 12px ui-monospace; letter-spacing:.08em; text-transform:uppercase; color:var(--accent);\"\u003e語氣 Tone\u003c/div\u003e\n \u003cul style=\"margin:8px 0 0 18px; padding:0; font-size:13.5px; line-height:1.75; color:var(--ink-2);\"\u003e\n \u003cli\u003e\u003cstrong style=\"color:var(--ink);\"\u003e清楚\u003c/strong\u003e — 一段只講一件事，不繞\u003c/li\u003e\n \u003cli\u003e\u003cstrong style=\"color:var(--ink);\"\u003e流暢\u003c/strong\u003e — 用「我」說話，像對朋友講\u003c/li\u003e\n \u003cli\u003e\u003cstrong style=\"color:var(--ink);\"\u003e溫暖\u003c/strong\u003e — 不逞強，允許柔軟\u003c/li\u003e\n \u003cli\u003e\u003cstrong style=\"color:var(--ink);\"\u003e一致\u003c/strong\u003e — 全站像同一個人寫的\u003c/li\u003e\n \u003c/ul\u003e\n \u003c/div\u003e\n \u003cdiv style=\"background:var(--card); border:1px solid var(--hair); border-radius:12px; padding:16px; box-shadow:var(--shadow);\"\u003e\n \u003cdiv style=\"font:700 12px ui-monospace; letter-spacing:.08em; text-transform:uppercase; color:var(--accent-2);\"\u003eTag 命名\u003c/div\u003e\n \u003cul style=\"margin:8px 0 0 18px; padding:0; font-size:13.5px; line-height:1.75; color:var(--ink-2);\"\u003e\n \u003cli\u003e全小寫或首字大寫擇一，統一\u003c/li\u003e\n \u003cli\u003e2–4 個為限，寧少勿多\u003c/li\u003e\n \u003cli\u003e優先重用既有 Tag，減少新造\u003c/li\u003e\n \u003cli\u003e例：\u003ccode style=\"font:600 12px ui-monospace; background:var(--soft); padding:1px 6px; border-radius:6px; border:1px solid var(--hair);\"\u003e#成長\u003c/code\u003e \u003ccode style=\"font:600 12px ui-monospace; background:var(--soft); padding:1px 6px; border-radius:6px; border:1px solid var(--hair);\"\u003e#日常\u003c/code\u003e\u003c/li\u003e\n \u003c/ul\u003e\n \u003c/div\u003e\n \u003cdiv style=\"background:var(--card); border:1px solid var(--hair); border-radius:12px; padding:16px; box-shadow:var(--shadow);\"\u003e\n \u003cdiv style=\"font:700 12px ui-monospace; letter-spacing:.08em; text-transform:uppercase; color:var(--ink);\"\u003e更新節奏\u003c/div\u003e\n \u003cul style=\"margin:8px 0 0 18px; padding:0; font-size:13.5px; line-height:1.75; color:var(--ink-2);\"\u003e\n \u003cli\u003e有感就寫，不必週更強迫\u003c/li\u003e\n \u003cli\u003e每則標日期，訪客看見「活著」\u003c/li\u003e\n \u003cli\u003e舊內容不刪，用「更新」疊加\u003c/li\u003e\n \u003cli\u003e全站頁尾顯示「最後更新時間」\u003c/li\u003e\n \u003c/ul\u003e\n \u003c/div\u003e\n \u003c/div\u003e\n\n \u003cdiv class=\"callout\"\u003e\n \u003cspan class=\"tag\"\u003e給編輯助理\u003c/span\u003e\n \u003cdiv style=\"font-size:13.5px; line-height:1.65; color:var(--ink-2);\"\u003e收到新草稿時：\u003cstrong style=\"color:var(--ink);\"\u003e① 潤飾語氣\u003c/strong\u003e（清楚/流暢/溫暖）→ \u003cstrong style=\"color:var(--ink);\"\u003e② 建議分類與 Tag\u003c/strong\u003e（重用既有）→ \u003cstrong style=\"color:var(--ink);\"\u003e③ 補 Highlight 與日期\u003c/strong\u003e → \u003cstrong style=\"color:var(--ink);\"\u003e④ 標 Draft/Published\u003c/strong\u003e → 寫回對應子分類。不要改掉作者原本想說的話，只讓它更好被讀懂。\u003c/div\u003e\n \u003c/div\u003e\n\n \u003chr\u003e\n \u003cdiv class=\"foot\"\u003e\n \u003cspan\u003e📄 內容規劃稿 v1.0\u003c/span\u003e\n \u003cspan\u003e✦ 10 主分類 · 42 子分類 · 10 範例區塊 · 1 Thoughts 範例 · 1 結尾語\u003c/span\u003e\n \u003cspan\u003e下一步：後台照此結構建分類 → 逐格替換範例文字 → 發布公開網站\u003c/span\u003e\n \u003c/div\u003e\n \u003cp style=\"font-size:12px; color:var(--ink-3); margin-top:10px;\"\u003e本稿已放入「人物資料庫內容規劃」資料夾，後續可在後台 CMS 中直接對照建檔。所有範例文字皆為雛形，替換成你的真實內容即可上線。\u003c/p\u003e\n\u003c/div\u003e\n","content":"\u003cdiv class=\"doc\"\u003e \u003ctable\u003e\u003ctbody\u003e\u003ctr\u003e\u003ctd\u003e\u003cp\u003e主分類\u003c/p\u003e\u003c/td\u003e\u003ctd\u003e\u003cp\u003e10\u003c/p\u003e\u003c/td\u003e\u003ctd\u003e\u003cp\u003e涵蓋外貌到未來，完整拼圖\u003c/p\u003e\u003c/td\u003e\u003c/tr\u003e\u003ctr\u003e\u003ctd\u003e\u003cp\u003e子分類\u003c/p\u003e\u003c/td\u003e\u003ctd\u003e\u003cp\u003e42\u003c/p\u003e\u003c/td\u003e\u003ctd\u003e\u003cp\u003e每個子分類都是一個可長大的抽屜\u003c/p\u003e\u003c/td\u003e\u003c/tr\u003e\u003ctr\u003e\u003ctd\u003e\u003cp\u003e內容區塊\u003c/p\u003e\u003c/td\u003e\u003ctd\u003e\u003cp\u003e∞\u003c/p\u003e\u003c/td\u003e\u003ctd\u003e\u003cp\u003e每格可新增：標題 / 日期 / 內文 / Highlight\u003c/p\u003e\u003c/td\u003e\u003c/tr\u003e\u003ctr\u003e\u003ctd\u003e\u003cp\u003eThoughts\u003c/p\u003e\u003c/td\u003e\u003ctd\u003e\u003cp\u003e獨立庫\u003c/p\u003e\u003c/td\u003e\u003ctd\u003e\u003cp\u003eShort / Long / Quote / Story 四形態\u003c/p\u003e\u003c/td\u003e\u003c/tr\u003e\u003c/tbody\u003e\u003c/table\u003e \u003cdiv class=\"toc\"\u003e \u003ca href=\"#s1\"\u003e\u003cem\u003e01\u003c/em\u003e 主分類地圖\u003c/a\u003e \u003ca href=\"#s2\"\u003e\u003cem\u003e02\u003c/em\u003e 內容區塊雛形\u003c/a\u003e \u003ca href=\"#s3\"\u003e\u003cem\u003e03\u003c/em\u003e Thoughts 範例\u003c/a\u003e \u003ca href=\"#s4\"\u003e\u003cem\u003e04\u003c/em\u003e 全站結尾語\u003c/a\u003e \u003ca href=\"#s5\"\u003e\u003cem\u003e05\u003c/em\u003e 寫作與維護指南\u003c/a\u003e \u003c/div\u003e \u003cdiv class=\"callout\"\u003e \u003cspan class=\"tag\"\u003e如何使用\u003c/span\u003e \u003cdiv style=\"font-size:13.5px; line-height:1.65; color:var(--ink-2);\"\u003e這份規劃稿是\u003cstrong style=\"color:var(--ink);\"\u003e填空前的地圖\u003c/strong\u003e。後台照此結構建「主分類 → 子分類 → 內容區塊」三層，之後只要在對應抽屜裡持續新增內容即可。所有日期、Highlight、Tag 都可後續由「內容編輯助理」協助潤飾與統一。\u003c/div\u003e \u003c/div\u003e \u003c!-- ============ 01 ============ --\u003e \u003ch2 id=\"s1\"\u003e\u003cspan class=\"num\"\u003e01\u003c/span\u003e 初始主分類 × 第一層子分類\u003c/h2\u003e \u003cp class=\"h2-sub\"\u003e10 個主分類構成「我」的全景；每個主分類下 3–5 個子分類，是未來內容的抽屜。先搭架子，再慢慢填滿。\u003c/p\u003e \u003cdiv class=\"cat-grid\"\u003e \u003cdiv class=\"cat-card\"\u003e \u003cdiv class=\"cat-head\"\u003e \u003cdiv class=\"cat-icon\" style=\"background:#FDF0E0; border:1px solid #E8DDD0;\"\u003e🪞\u003c/div\u003e \u003cdiv\u003e\u003ch4\u003e外貌 Appearance\u003c/h4\u003e\u003cp\u003e第一眼的我 · 也會變的我\u003c/p\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"cat-body\"\u003e\u003cdiv class=\"sub-list\"\u003e\u003cspan class=\"sub-tag hl\"\u003e身高\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e身材\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e長相\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e穿搭風格\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e標誌特徵\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"cat-card\"\u003e \u003cdiv class=\"cat-head\"\u003e \u003cdiv class=\"cat-icon\" style=\"background:#E8F0EB; border:1px solid #C8DDD0;\"\u003e🌿\u003c/div\u003e \u003cdiv\u003e\u003ch4\u003e個性 Personality\u003c/h4\u003e\u003cp\u003e內在的紋理\u003c/p\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"cat-body\"\u003e\u003cdiv class=\"sub-list\"\u003e\u003cspan class=\"sub-tag hl\"\u003e關鍵詞\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e優點\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e小缺點\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e情緒模式\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e壓力下的我\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"cat-card\"\u003e \u003cdiv class=\"cat-head\"\u003e \u003cdiv class=\"cat-icon\" style=\"background:#EDE8F5; border:1px solid #D8D0E8;\"\u003e🧩\u003c/div\u003e \u003cdiv\u003e\u003ch4\u003eMBTI / 人格\u003c/h4\u003e\u003cp\u003e理解自己的另一種語言\u003c/p\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"cat-body\"\u003e\u003cdiv class=\"sub-list\"\u003e\u003cspan class=\"sub-tag hl\"\u003e類型總覽\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e四維度拆解\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e優勢與盲點\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e相處小技巧\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"cat-card\"\u003e \u003cdiv class=\"cat-head\"\u003e \u003cdiv class=\"cat-icon\" style=\"background:#FDE8E8; border:1px solid #E8C8C8;\"\u003e💌\u003c/div\u003e \u003cdiv\u003e\u003ch4\u003e感情 Relationship\u003c/h4\u003e\u003cp\u003e關於愛與關係\u003c/p\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"cat-body\"\u003e\u003cdiv class=\"sub-list\"\u003e\u003cspan class=\"sub-tag hl\"\u003e感情觀\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e理想型\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e曾學到的事\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e現在的狀態\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"cat-card\"\u003e \u003cdiv class=\"cat-head\"\u003e \u003cdiv class=\"cat-icon\" style=\"background:#FFF6E0; border:1px solid #E8DDC8;\"\u003e☕\u003c/div\u003e \u003cdiv\u003e\u003ch4\u003e生活 Lifestyle\u003c/h4\u003e\u003cp\u003e日常的節奏\u003c/p\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"cat-body\"\u003e\u003cdiv class=\"sub-list\"\u003e\u003cspan class=\"sub-tag hl\"\u003e日常節奏\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e居住空間\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e飲食偏好\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e療癒小儀式\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"cat-card\"\u003e \u003cdiv class=\"cat-head\"\u003e \u003cdiv class=\"cat-icon\" style=\"background:#E0EEF5; border:1px solid #C8DDE8;\"\u003e💼\u003c/div\u003e \u003cdiv\u003e\u003ch4\u003e工作 Work\u003c/h4\u003e\u003cp\u003e我在世界裡做的事\u003c/p\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"cat-body\"\u003e\u003cdiv class=\"sub-list\"\u003e\u003cspan class=\"sub-tag hl\"\u003e現在在做什麼\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e擅長的事\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e想精進的\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e工作哲學\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"cat-card\"\u003e \u003cdiv class=\"cat-head\"\u003e \u003cdiv class=\"cat-icon\" style=\"background:#FFF0E8; border:1px solid #E8D8C8;\"\u003e🎨\u003c/div\u003e \u003cdiv\u003e\u003ch4\u003e興趣 Interests\u003c/h4\u003e\u003cp\u003e熱愛的事\u003c/p\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"cat-body\"\u003e\u003cdiv class=\"sub-list\"\u003e\u003cspan class=\"sub-tag hl\"\u003e長期熱愛\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e近期著迷\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e想嘗試清單\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e收藏\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"cat-card\"\u003e \u003cdiv class=\"cat-head\"\u003e \u003cdiv class=\"cat-icon\" style=\"background:#E8F0FF; border:1px solid #C8D0E8;\"\u003e🔭\u003c/div\u003e \u003cdiv\u003e\u003ch4\u003e未來 Future\u003c/h4\u003e\u003cp\u003e正在前往的地方\u003c/p\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"cat-body\"\u003e\u003cdiv class=\"sub-list\"\u003e\u003cspan class=\"sub-tag hl\"\u003e短期目標\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e長期想像\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e想成為的人\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003eBucket List\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"cat-card\"\u003e \u003cdiv class=\"cat-head\"\u003e \u003cdiv class=\"cat-icon\" style=\"background:#F0E8F5; border:1px solid #D8C8E0;\"\u003e🤝\u003c/div\u003e \u003cdiv\u003e\u003ch4\u003e相處指南 How to be with me\u003c/h4\u003e\u003cp\u003e給想靠近我的人\u003c/p\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"cat-body\"\u003e\u003cdiv class=\"sub-list\"\u003e\u003cspan class=\"sub-tag hl\"\u003e怎麼靠近我\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e我喜歡的相處\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e地雷與禁忌\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e給新朋友的話\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"cat-card\"\u003e \u003cdiv class=\"cat-head\"\u003e \u003cdiv class=\"cat-icon\" style=\"background:#F5F0E0; border:1px solid #E0D8C0;\"\u003e🎲\u003c/div\u003e \u003cdiv\u003e\u003ch4\u003eRandom Facts\u003c/h4\u003e\u003cp\u003e沒人問但想說的事\u003c/p\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"cat-body\"\u003e\u003cdiv class=\"sub-list\"\u003e\u003cspan class=\"sub-tag hl\"\u003e冷知識\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e怪癖\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e沒用的專長\u003c/span\u003e\u003cspan class=\"sub-tag\"\u003e小秘密\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e \u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"callout green\"\u003e \u003cspan class=\"tag\"\u003e設計說明\u003c/span\u003e \u003cdiv style=\"font-size:13.5px; line-height:1.65; color:var(--ink-2);\"\u003e子分類數量刻意控制在 4–5 個，\u003cstrong style=\"color:var(--ink);\"\u003e剛好填滿一屏、不會一次嚇到訪客\u003c/strong\u003e，又足夠細到讓每個抽屜都有話可說。未來可隨時新增子分類（例如「外貌 → 髮型演變史」），不影響既有結構。\u003c/div\u003e \u003c/div\u003e \u003c!-- ============ 02 ============ --\u003e \u003ch2 id=\"s2\"\u003e\u003cspan class=\"num green\"\u003e02\u003c/span\u003e 每個子分類的內容區塊 — 雛形與範例\u003c/h2\u003e \u003cp class=\"h2-sub\"\u003e統一的內容區塊規格，讓全站語氣一致、訪客好讀。先給模板，再給 10 則「可直接替換成自己文字」的範例。\u003c/p\u003e \u003cdiv class=\"template\"\u003e \u003cdiv class=\"template-head\"\u003e\u003cb\u003e▦ 內容區塊通用模板\u003c/b\u003e\u003cspan\u003eDraft / Published\u003c/span\u003e\u003c/div\u003e \u003cdiv class=\"template-body\"\u003e \u003cdl class=\"field-grid\"\u003e \u003cdt\u003e標題 Title\u003c/dt\u003e\u003cdd\u003e一句話點題，例如「我的穿搭像今天的心情」— 不用長，清楚就好\u003c/dd\u003e \u003cdt\u003e日期 Date\u003c/dt\u003e\u003cdd\u003e內容的「版本日期」，如 \u003ccode\u003e2026.08.30\u003c/code\u003e · 顯示「最後更新」讓訪客知道這是活的資料\u003c/dd\u003e \u003cdt\u003e內文 Body\u003c/dt\u003e\u003cdd\u003e80–180 字的段落，語氣溫暖、具體、有畫面感。避免條列履歷感，用「我」的口吻說故事\u003c/dd\u003e \u003cdt\u003eHighlight\u003c/dt\u003e\u003cdd\u003e一句金句摘要，進卡片封面或列表頁的大字。例如：\u003cem\u003e「舒適比時髦更像我。」\u003c/em\u003e\u003c/dd\u003e \u003cdt\u003eQuote\u003c/dt\u003e\u003cdd\u003e可選。想被記住的一句話，視覺上放大引用\u003c/dd\u003e \u003cdt\u003eTag\u003c/dt\u003e\u003cdd\u003e2–4 個，如 \u003ccode\u003e#穿搭\u003c/code\u003e \u003ccode\u003e#日常\u003c/code\u003e \u003ccode\u003e#自我表達\u003c/code\u003e — 全站可篩選與聚合\u003c/dd\u003e \u003cdt\u003e圖片 / 連結\u003c/dt\u003e\u003cdd\u003e可選。一張代表圖或一個延伸連結（歌單、文章、地圖）\u003c/dd\u003e \u003c/dl\u003e \u003c/div\u003e \u003c/div\u003e \u003ch3\u003e10 則子分類範例 — 替換成你的文字即可上線 \u003csmall\u003e每則皆含 Highlight / Quote / Tag 示範\u003c/small\u003e\u003c/h3\u003e \u003cdiv class=\"example\"\u003e \u003cdiv class=\"ex-meta\"\u003e\u003cspan class=\"ex-kicker\"\u003e外貌 · 穿搭風格\u003c/span\u003e\u003cspan class=\"ex-date\"\u003e· 2026.08.30\u003c/span\u003e\u003c/div\u003e \u003cdiv class=\"ex-title\"\u003e我的穿搭像今天的心情\u003c/div\u003e \u003cp class=\"ex-body\"\u003e不追流行，但很在意「今天想讓自己感覺怎麼樣」。心情好的日子會穿明亮的顏色，想安靜時就躲進oversized 外套裡。衣櫃裡最多的是米色、牛仔和一件穿了三年的帆布包——舒服、自在，比時髦更像我。\u003c/p\u003e \u003cdiv class=\"ex-highlight\"\u003e\u003cb\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「舒適比時髦更像我。」\u003c/div\u003e\u003c/div\u003e \u003cdiv class=\"ex-quote\"\u003e“You wear how you feel.”\u003c/div\u003e \u003cdiv class=\"ex-tags\"\u003e\u003cspan class=\"hot\"\u003e#穿搭\u003c/span\u003e\u003cspan\u003e#日常\u003c/span\u003e\u003cspan\u003e#自我表達\u003c/span\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"example green\"\u003e \u003cdiv class=\"ex-meta\"\u003e\u003cspan class=\"ex-kicker\" style=\"color:var(--accent-2);\"\u003e個性 · 情緒模式\u003c/span\u003e\u003cspan class=\"ex-date\"\u003e· 2026.08.30\u003c/span\u003e\u003c/div\u003e \u003cdiv class=\"ex-title\"\u003e慢熱，但一旦熟了就很吵\u003c/div\u003e \u003cp class=\"ex-body\"\u003e第一次見面常被說安靜，其實只是需要一點時間觀察。熟悉之後話會變多，也會主動分享奇怪的冷知識。難過的時候不愛立刻說，會先自己消化一下——不是不想分享，只是想先把情緒整理成能被好好聽懂的樣子。\u003c/p\u003e \u003cdiv class=\"ex-highlight green\"\u003e\u003cb\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「慢熟是一種慎重，不是不熱情。」\u003c/div\u003e\u003c/div\u003e \u003cdiv class=\"ex-tags\"\u003e\u003cspan class=\"hot\"\u003e#個性\u003c/span\u003e\u003cspan\u003e#慢熱\u003c/span\u003e\u003cspan\u003e#情緒\u003c/span\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"example ink\"\u003e \u003cdiv class=\"ex-meta\"\u003e\u003cspan class=\"ex-kicker\" style=\"color:var(--ink);\"\u003eMBTI · 類型總覽\u003c/span\u003e\u003cspan class=\"ex-date\"\u003e· 2026.08.30\u003c/span\u003e\u003c/div\u003e \u003cdiv class=\"ex-title\"\u003eINFP — 但別把我只裝進四個字母\u003c/div\u003e \u003cp class=\"ex-body\"\u003e測過幾次都是 INFP，形容得很像：理想、敏感、喜歡把細節想得很深。但我也發現，狀態好時很外向、需要獨處時又極度內向。MBTI 對我來說比較像地圖，不是牢籠——用來理解自己，不是定義自己。\u003c/p\u003e \u003cdiv class=\"ex-highlight\" style=\"border-left-color:var(--ink); background:var(--soft);\"\u003e\u003cb style=\"color:var(--ink);\"\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「標籤用來理解，不是用來困住。」\u003c/div\u003e\u003c/div\u003e \u003cdiv class=\"ex-tags\"\u003e\u003cspan class=\"hot\"\u003e#MBTI\u003c/span\u003e\u003cspan\u003e#INFP\u003c/span\u003e\u003cspan\u003e#自我認識\u003c/span\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"example\"\u003e \u003cdiv class=\"ex-meta\"\u003e\u003cspan class=\"ex-kicker\"\u003e感情 · 感情觀\u003c/span\u003e\u003cspan class=\"ex-date\"\u003e· 2026.08.30\u003c/span\u003e\u003c/div\u003e \u003cdiv class=\"ex-title\"\u003e我相信慢慢來比較快\u003c/div\u003e \u003cp class=\"ex-body\"\u003e以前以為心動就是答案，後來才懂，能長久的是「相處起來舒服」。我在感情裡很重視細節——記得對方隨口提過的事、在對方低潮時安靜陪伴。我不追求轟轟烈烈，更想要一種「我們一起把日子過好」的踏實感。\u003c/p\u003e \u003cdiv class=\"ex-highlight\"\u003e\u003cb\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「心動是起點，相處才是答案。」\u003c/div\u003e\u003c/div\u003e \u003cdiv class=\"ex-quote\"\u003e“Love is not about how much you say, but how well you stay.”\u003c/div\u003e \u003cdiv class=\"ex-tags\"\u003e\u003cspan class=\"hot\"\u003e#感情觀\u003c/span\u003e\u003cspan\u003e#關係\u003c/span\u003e\u003cspan\u003e#慢慢來\u003c/span\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"example green\"\u003e \u003cdiv class=\"ex-meta\"\u003e\u003cspan class=\"ex-kicker\" style=\"color:var(--accent-2);\"\u003e生活 · 療癒小儀式\u003c/span\u003e\u003cspan class=\"ex-date\"\u003e· 2026.08.30\u003c/span\u003e\u003c/div\u003e \u003cdiv class=\"ex-title\"\u003e每天 10 分鐘，把自己找回來\u003c/div\u003e \u003cp class=\"ex-body\"\u003e早上沖一杯手沖咖啡，不看手機，就聽水流過濾紙的聲音。晚上睡前會點蠟燭、寫三行日記：今天一件小確幸、一件想改進的、一件感謝的。儀式感不需要很盛大，剛好夠把散掉的自己收回來就好。\u003c/p\u003e \u003cdiv class=\"ex-highlight green\"\u003e\u003cb\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「儀式感是把散掉的自己收回來。」\u003c/div\u003e\u003c/div\u003e \u003cdiv class=\"ex-tags\"\u003e\u003cspan class=\"hot\"\u003e#生活\u003c/span\u003e\u003cspan\u003e#儀式感\u003c/span\u003e\u003cspan\u003e#療癒\u003c/span\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"example ink\"\u003e \u003cdiv class=\"ex-meta\"\u003e\u003cspan class=\"ex-kicker\" style=\"color:var(--ink);\"\u003e工作 · 工作哲學\u003c/span\u003e\u003cspan class=\"ex-date\"\u003e· 2026.08.30\u003c/span\u003e\u003c/div\u003e \u003cdiv class=\"ex-title\"\u003e把事情做好的同時，也把人照顧好\u003c/div\u003e \u003cp class=\"ex-body\"\u003e我喜歡把複雜的事拆解清楚、一步步做扎實。比起追求最快，我更在意「這樣做對不對、能不能讓之後的人好接手」。工作對我來說不只是成果，也是和人合作的過程——把事情做好，也把一起做事的人照顧好。\u003c/p\u003e \u003cdiv class=\"ex-highlight\" style=\"border-left-color:var(--ink); background:var(--soft);\"\u003e\u003cb style=\"color:var(--ink);\"\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「做事，也做人。」\u003c/div\u003e\u003c/div\u003e \u003cdiv class=\"ex-tags\"\u003e\u003cspan class=\"hot\"\u003e#工作\u003c/span\u003e\u003cspan\u003e#哲學\u003c/span\u003e\u003cspan\u003e#協作\u003c/span\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"example\"\u003e \u003cdiv class=\"ex-meta\"\u003e\u003cspan class=\"ex-kicker\"\u003e興趣 · 近期著迷\u003c/span\u003e\u003cspan class=\"ex-date\"\u003e· 2026.08.30\u003c/span\u003e\u003c/div\u003e \u003cdiv class=\"ex-title\"\u003e最近迷上底片相機\u003c/div\u003e \u003cp class=\"ex-body\"\u003e數位照片可以重拍，底片不行——每按一次快門都要更專心。喜歡等待沖洗的那幾天，像在等待記憶慢慢顯影。最近最滿意的一張是在雨後的巷口拍的，光剛好落在水窪上，什麼都沒修，卻覺得那就是當天的我。\u003c/p\u003e \u003cdiv class=\"ex-highlight\"\u003e\u003cb\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「不能重來的，才會讓人更專心。」\u003c/div\u003e\u003c/div\u003e \u003cdiv class=\"ex-tags\"\u003e\u003cspan class=\"hot\"\u003e#興趣\u003c/span\u003e\u003cspan\u003e#底片\u003c/span\u003e\u003cspan\u003e#近期著迷\u003c/span\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"example green\"\u003e \u003cdiv class=\"ex-meta\"\u003e\u003cspan class=\"ex-kicker\" style=\"color:var(--accent-2);\"\u003e未來 · 想成為的人\u003c/span\u003e\u003cspan class=\"ex-date\"\u003e· 2026.08.30\u003c/span\u003e\u003c/div\u003e \u003cdiv class=\"ex-title\"\u003e想成為讓人感到安心的人\u003c/div\u003e \u003cp class=\"ex-body\"\u003e不是最厲害的那個，而是當別人在徬徨時，會想起「找他聊聊好像會好一點」的那個人。想在專業上更扎實，也想在生活裡更柔軟——能把事情做好，也能在重要的人需要時，剛好在那裡。\u003c/p\u003e \u003cdiv class=\"ex-highlight green\"\u003e\u003cb\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「想成為一種安心的存在。」\u003c/div\u003e\u003c/div\u003e \u003cdiv class=\"ex-tags\"\u003e\u003cspan class=\"hot\"\u003e#未來\u003c/span\u003e\u003cspan\u003e#想成為的人\u003c/span\u003e\u003cspan\u003e#溫柔\u003c/span\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"example ink\"\u003e \u003cdiv class=\"ex-meta\"\u003e\u003cspan class=\"ex-kicker\" style=\"color:var(--ink);\"\u003e相處指南 · 怎麼靠近我\u003c/span\u003e\u003cspan class=\"ex-date\"\u003e· 2026.08.30\u003c/span\u003e\u003c/div\u003e \u003cdiv class=\"ex-title\"\u003e不用很會聊天，真誠就好\u003c/div\u003e \u003cp class=\"ex-body\"\u003e比起華麗的開場白，我更喜歡真誠的提問。問我最近在想什麼、分享你最近發現的一首歌，都比「你好」更容易讓對話繼續。我回訊息不算最快，但每則都會好好回——因為我在意的是有沒有好好對話，而不是已讀的速度。\u003c/p\u003e \u003cdiv class=\"ex-highlight\" style=\"border-left-color:var(--ink); background:var(--soft);\"\u003e\u003cb style=\"color:var(--ink);\"\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「真誠比技巧更能靠近我。」\u003c/div\u003e\u003c/div\u003e \u003cdiv class=\"ex-tags\"\u003e\u003cspan class=\"hot\"\u003e#相處指南\u003c/span\u003e\u003cspan\u003e#交朋友\u003c/span\u003e\u003cspan\u003e#真誠\u003c/span\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"example\"\u003e \u003cdiv class=\"ex-meta\"\u003e\u003cspan class=\"ex-kicker\"\u003eRandom Facts · 冷知識\u003c/span\u003e\u003cspan class=\"ex-date\"\u003e· 2026.08.30\u003c/span\u003e\u003c/div\u003e \u003cdiv class=\"ex-title\"\u003e沒人問但想說：我會用左手開寶特瓶\u003c/div\u003e \u003cp class=\"ex-body\"\u003e右撇子，但開瓶蓋一定要用左手，不然會覺得使不上力。還有，我記得國小三年級同桌的便當裡永遠有玉子燒，但已經想不起他的名字了——有些記憶就是這樣，細節比名字留得更久。\u003c/p\u003e \u003cdiv class=\"ex-highlight\"\u003e\u003cb\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「細節比名字留得更久。」\u003c/div\u003e\u003c/div\u003e \u003cdiv class=\"ex-tags\"\u003e\u003cspan class=\"hot\"\u003e#RandomFacts\u003c/span\u003e\u003cspan\u003e#冷知識\u003c/span\u003e\u003cspan\u003e#怪癖\u003c/span\u003e\u003c/div\u003e \u003c/div\u003e \u003c!-- ============ 03 ============ --\u003e \u003ch2 id=\"s3\"\u003e\u003cspan class=\"num\"\u003e03\u003c/span\u003e Thoughts 觀點庫 — 範例\u003c/h2\u003e \u003cp class=\"h2-sub\"\u003e獨立於分類之外的「想法流」。支援 Short / Long / Quote Card / Story 四種形態，每則有標題、日期、Highlight、Tag、置頂。語氣與主內容一致：清楚、流暢、溫暖。\u003c/p\u003e \u003cdiv class=\"thought-hero\"\u003e \u003cdiv class=\"label\"\u003e☁ Thoughts · Long Thought\u003c/div\u003e \u003ch4\u003e關於改變 — 我們都是在長成自己的路上\u003c/h4\u003e \u003cdiv class=\"t-body\"\u003e \u003cp style=\"margin:0 0 10px; color:var(--ink-2);\"\u003e以前我以為「改變」是一次巨大的轉彎，後來才發現，它更像是一條慢慢偏移的航線。\u003c/p\u003e \u003cp style=\"margin:0 0 10px; color:var(--ink-2);\"\u003e每天只偏一度，一年後，你已經在完全不同的海域。那些當下看起來微不足道的選擇——多讀的十分鐘、多說的一句謝謝、多一次選擇善良而不是計較——都在悄悄替你改寫座標。\u003c/p\u003e \u003cp style=\"margin:0 0 10px; color:var(--ink-2);\"\u003e\u003cstrong\u003e我不再害怕改變了。\u003c/strong\u003e因為我發現，改變不是把舊的自己丟掉，而是讓舊的自己長出新的枝枒。你依然是你，只是長成了更靠近你想成為的樣子。\u003c/p\u003e \u003cp style=\"margin:0; color:var(--ink-2);\"\u003e所以如果現在的你正在猶豫要不要改變，不用等一個完美的時機。就從今天的一個小選擇開始吧。未來的你，會感謝今天這個小小的偏航。\u003c/p\u003e \u003c/div\u003e \u003cdiv class=\"ex-highlight\" style=\"margin-top:14px; background:var(--card);\"\u003e\u003cb\u003eHighlight\u003c/b\u003e\u003cdiv\u003e「改變不是丟掉舊的自己，是讓舊的自己長出新的枝枒。」\u003c/div\u003e\u003c/div\u003e \u003cdiv class=\"ex-quote\" style=\"margin-top:10px;\"\u003e“We are all becoming — slowly, quietly, in the direction of our smallest choices.”\u003c/div\u003e \u003cdiv class=\"t-meta\"\u003e \u003cspan class=\"ex-date\" style=\"font-weight:600;\"\u003e2026.08.30\u003c/span\u003e \u003cspan style=\"font:600 11px ui-monospace; padding:4px 8px; border-radius:999px; background:var(--card); border:1px solid var(--hair); color:var(--ink-3);\"\u003e#關於改變\u003c/span\u003e \u003cspan style=\"font:600 11px ui-monospace; padding:4px 8px; border-radius:999px; background:var(--card); border:1px solid var(--hair); color:var(--ink-3);\"\u003e#成長\u003c/span\u003e \u003cspan style=\"font:600 11px ui-monospace; padding:4px 8px; border-radius:999px; background:var(--card); border:1px solid var(--hair); color:var(--ink-3);\"\u003e#Thoughts\u003c/span\u003e \u003cspan style=\"font:600 11px ui-monospace; padding:4px 8px; border-radius:999px; background:var(--ink); color:var(--paper);\"\u003e置頂推薦\u003c/span\u003e \u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"template\" style=\"border-style:dashed;\"\u003e \u003cdiv class=\"template-head\"\u003e\u003cb\u003eThoughts 四形態快速對照\u003c/b\u003e\u003cspan\u003e依場合挑選\u003c/span\u003e\u003c/div\u003e \u003cdiv class=\"template-body\" style=\"display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:12px;\"\u003e \u003cdiv style=\"background:var(--soft); border:1px solid var(--hair); border-radius:10px; padding:12px;\"\u003e \u003cdiv style=\"font:700 12px ui-monospace; letter-spacing:.06em; color:var(--accent); text-transform:uppercase;\"\u003eShort Thought\u003c/div\u003e \u003cdiv style=\"font-size:13px; color:var(--ink-2); margin-top:6px; line-height:1.65;\"\u003e一句話想法。\u003cbr\u003e例：「今天學到：溫柔是一種選擇，不是性格。」\u003cbr\u003e\u003cspan style=\"color:var(--ink-3); font-size:12px;\"\u003e#一句話 #日常\u003c/span\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv style=\"background:var(--soft-2); border:1px solid var(--hair); border-radius:10px; padding:12px;\"\u003e \u003cdiv style=\"font:700 12px ui-monospace; letter-spacing:.06em; color:var(--accent-2); text-transform:uppercase;\"\u003eLong Thought\u003c/div\u003e \u003cdiv style=\"font-size:13px; color:var(--ink-2); margin-top:6px; line-height:1.65;\"\u003e300–600 字長文。\u003cbr\u003e像上面的「關於改變」。\u003cbr\u003e\u003cspan style=\"color:var(--ink-3); font-size:12px;\"\u003e#深度 #觀點\u003c/span\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv style=\"background:var(--soft-3); border:1px solid var(--hair); border-radius:10px; padding:12px;\"\u003e \u003cdiv style=\"font:700 12px ui-monospace; letter-spacing:.06em; color:var(--ink); text-transform:uppercase;\"\u003eQuote Card\u003c/div\u003e \u003cdiv style=\"font-size:13px; color:var(--ink-2); margin-top:6px; line-height:1.65;\"\u003e一句引言＋一句註解。\u003cbr\u003e例：引言＋「這句話陪我度過…」\u003cbr\u003e\u003cspan style=\"color:var(--ink-3); font-size:12px;\"\u003e#金句 #收藏\u003c/span\u003e\u003c/div\u003e \u003c/div\u003e \u003cdiv style=\"background:var(--card); border:1px solid var(--hair); border-radius:10px; padding:12px;\"\u003e \u003cdiv style=\"font:700 12px ui-monospace; letter-spacing:.06em; color:var(--ink-3); text-transform:uppercase;\"\u003eStory\u003c/div\u003e \u003cdiv style=\"font-size:13px; color:var(--ink-2); margin-top:6px; line-height:1.65;\"\u003e小故事。\u003cbr\u003e例：「那天在捷運上…」的敘事。\u003cbr\u003e\u003cspan style=\"color:var(--ink-3); font-size:12px;\"\u003e#故事 #經歷\u003c/span\u003e\u003c/div\u003e \u003c/div\u003e \u003c/div\u003e \u003c/div\u003e \u003c!-- ============ 04 ============ --\u003e \u003ch2 id=\"s4\"\u003e\u003cspan class=\"num green\"\u003e04\u003c/span\u003e 全站結尾語 — 建議文字\u003c/h2\u003e \u003cp class=\"h2-sub\"\u003e放在公開網站最底部的一段話，讓訪客帶著「這個人是活的」的感覺離開。也提醒自己：這份關於我，永遠是進行式。\u003c/p\u003e \u003cdiv class=\"closing\"\u003e \u003ch4\u003e這是一份會持續更新的我。\u003c/h4\u003e \u003cp\u003e你剛剛讀完的，是截至此刻的我——我的樣子、想法、喜歡與在意的事。但我還在長大，還在學新的東西、去新的地方、成為新的自己。\u003c/p\u003e \u003cp\u003e所以這裡的每一頁，都可能會在某個平凡的日子被悄悄改寫。某個子分類會多一篇新的內容，某則 Thoughts 會被新的體悟取代，某個曾經的 Highlight 也許不再代表我——那不是推翻，是成長留下的痕跡。\u003c/p\u003e \u003cp\u003e如果你在不同時間回來，看到不一樣的我，請不要意外。\u003cbr\u003e那表示，我有好好活著、好好成為自己。\u003c/p\u003e \u003cp style=\"margin-top:14px; font-style:italic; opacity:.9;\"\u003e謝謝你願意認識此刻的我。\u003cbr\u003e下次見時，我會是更新一點的版本——再一起認識一次吧。\u003c/p\u003e \u003cdiv class=\"sig\"\u003e— 最後更新於 2026.08.30 · 下一次更新，正在路上\u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"template\" style=\"border-style:dashed; background:transparent; box-shadow:none;\"\u003e \u003cdiv class=\"template-head\" style=\"background:transparent;\"\u003e\u003cb\u003e替代版本（較短）\u003c/b\u003e\u003cspan\u003e放頁尾較窄處用\u003c/span\u003e\u003c/div\u003e \u003cdiv class=\"template-body\" style=\"padding-top:10px;\"\u003e \u003cp style=\"font-size:14px; line-height:1.8; color:var(--ink); margin:0; font-style:italic; background:var(--soft); border:1px solid var(--hair); border-radius:10px; padding:14px 16px;\"\u003e「這裡的每一個字，都是此時此刻的我。未來它會變，因為我會長大。\u003cbr\u003e如果你願意，偶爾回來看看——你會遇見新版本的我。」\u003c/p\u003e \u003c/div\u003e \u003c/div\u003e \u003c!-- ============ 05 ============ --\u003e \u003ch2 id=\"s5\"\u003e\u003cspan class=\"num ink\"\u003e05\u003c/span\u003e 寫作語氣與維護指南\u003c/h2\u003e \u003cp class=\"h2-sub\"\u003e給未來的自己與內容編輯助理：如何保持全站語氣一致、讓資料庫真的「活」起來。\u003c/p\u003e \u003cdiv style=\"display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:12px; margin:14px 0;\"\u003e \u003cdiv style=\"background:var(--card); border:1px solid var(--hair); border-radius:12px; padding:16px; box-shadow:var(--shadow);\"\u003e \u003cdiv style=\"font:700 12px ui-monospace; letter-spacing:.08em; text-transform:uppercase; color:var(--accent);\"\u003e語氣 Tone\u003c/div\u003e \u003cul style=\"margin:8px 0 0 18px; padding:0; font-size:13.5px; line-height:1.75; color:var(--ink-2);\"\u003e \u003cli\u003e\u003cstrong style=\"color:var(--ink);\"\u003e清楚\u003c/strong\u003e — 一段只講一件事，不繞\u003c/li\u003e \u003cli\u003e\u003cstrong style=\"color:var(--ink);\"\u003e流暢\u003c/strong\u003e — 用「我」說話，像對朋友講\u003c/li\u003e \u003cli\u003e\u003cstrong style=\"color:var(--ink);\"\u003e溫暖\u003c/strong\u003e — 不逞強，允許柔軟\u003c/li\u003e \u003cli\u003e\u003cstrong style=\"color:var(--ink);\"\u003e一致\u003c/strong\u003e — 全站像同一個人寫的\u003c/li\u003e \u003c/ul\u003e \u003c/div\u003e \u003cdiv style=\"background:var(--card); border:1px solid var(--hair); border-radius:12px; padding:16px; box-shadow:var(--shadow);\"\u003e \u003cdiv style=\"font:700 12px ui-monospace; letter-spacing:.08em; text-transform:uppercase; color:var(--accent-2);\"\u003eTag 命名\u003c/div\u003e \u003cul style=\"margin:8px 0 0 18px; padding:0; font-size:13.5px; line-height:1.75; color:var(--ink-2);\"\u003e \u003cli\u003e全小寫或首字大寫擇一，統一\u003c/li\u003e \u003cli\u003e2–4 個為限，寧少勿多\u003c/li\u003e \u003cli\u003e優先重用既有 Tag，減少新造\u003c/li\u003e \u003cli\u003e例：\u003ccode style=\"font:600 12px ui-monospace; background:var(--soft); padding:1px 6px; border-radius:6px; border:1px solid var(--hair);\"\u003e#成長\u003c/code\u003e \u003ccode style=\"font:600 12px ui-monospace; background:var(--soft); padding:1px 6px; border-radius:6px; border:1px solid var(--hair);\"\u003e#日常\u003c/code\u003e\u003c/li\u003e \u003c/ul\u003e \u003c/div\u003e \u003cdiv style=\"background:var(--card); border:1px solid var(--hair); border-radius:12px; padding:16px; box-shadow:var(--shadow);\"\u003e \u003cdiv style=\"font:700 12px ui-monospace; letter-spacing:.08em; text-transform:uppercase; color:var(--ink);\"\u003e更新節奏\u003c/div\u003e \u003cul style=\"margin:8px 0 0 18px; padding:0; font-size:13.5px; line-height:1.75; color:var(--ink-2);\"\u003e \u003cli\u003e有感就寫，不必週更強迫\u003c/li\u003e \u003cli\u003e每則標日期，訪客看見「活著」\u003c/li\u003e \u003cli\u003e舊內容不刪，用「更新」疊加\u003c/li\u003e \u003cli\u003e全站頁尾顯示「最後更新時間」\u003c/li\u003e \u003c/ul\u003e \u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"callout\"\u003e \u003cspan class=\"tag\"\u003e給編輯助理\u003c/span\u003e \u003cdiv style=\"font-size:13.5px; line-height:1.65; color:var(--ink-2);\"\u003e收到新草稿時：\u003cstrong style=\"color:var(--ink);\"\u003e① 潤飾語氣\u003c/strong\u003e（清楚/流暢/溫暖）→ \u003cstrong style=\"color:var(--ink);\"\u003e② 建議分類與 Tag\u003c/strong\u003e（重用既有）→ \u003cstrong style=\"color:var(--ink);\"\u003e③ 補 Highlight 與日期\u003c/strong\u003e → \u003cstrong style=\"color:var(--ink);\"\u003e④ 標 Draft/Published\u003c/strong\u003e → 寫回對應子分類。不要改掉作者原本想說的話，只讓它更好被讀懂。\u003c/div\u003e \u003c/div\u003e \u003chr\u003e \u003cdiv class=\"foot\"\u003e \u003cspan\u003e📄 內容規劃稿 v1.0\u003c/span\u003e \u003cspan\u003e✦ 10 主分類 · 42 子分類 · 10 範例區塊 · 1 Thoughts 範例 · 1 結尾語\u003c/span\u003e \u003cspan\u003e下一步：後台照此結構建分類 → 逐格替換範例文字 → 發布公開網站\u003c/span\u003e \u003c/div\u003e \u003cp style=\"font-size:12px; color:var(--ink-3); margin-top:10px;\"\u003e本稿已放入「人物資料庫內容規劃」資料夾，後續可在後台 CMS 中直接對照建檔。所有範例文字皆為雛形，替換成你的真實內容即可上線。\u003c/p\u003e \u003c/div\u003e","createdAt":1788042774734,"deletedAt":null,"displayMode":"artifact","embedRenders":{},"id":"6e114598be8dd91c61d6dff0","isNew":false,"isPublic":true,"itemType":"NOTE","name":"會成長的「關於我」—— 內容規劃稿","parents":{"b0e9b54a5af72ca831c5488d":1788042774734},"preParentID":null,"updatedAt":1788079131210,"updatedBy":{"userId":"6a935c9502526d3e605e5c","userName":"子涵 江"},"version":9}]}