{"id":7432,"date":"2026-04-19T00:39:09","date_gmt":"2026-04-18T16:39:09","guid":{"rendered":"https:\/\/knowledgegut.com\/?page_id=7432"},"modified":"2026-04-19T00:50:12","modified_gmt":"2026-04-18T16:50:12","slug":"my-story8","status":"publish","type":"page","link":"https:\/\/knowledgegut.com\/en\/my-story8\/","title":{"rendered":"KnowledgeGut's Story V8 \u2014 Cinematic Documentary Design"},"content":{"rendered":"\n<style>\n:root{\n  --rose:#D14B63; --rose-lt:#f8d7dd;\n  --purple:#4C458A; --purple-lt:#E8D5F5;\n  --warm:#5F5454; --ink:#2a2222;\n  --paper:#FFFDF8; --cream:#FFF8F0; --kraft:#F5F0E8;\n  --bulb-bg:#FFFDE7; --bulb-bd:#F9A825;\n  --shadow:0 1px 3px rgba(0,0,0,.08),0 4px 14px rgba(50,30,10,.16),2px 8px 24px rgba(50,30,10,.10);\n  --shadow-hover:0 2px 6px rgba(0,0,0,.10),0 8px 28px rgba(50,30,10,.22),4px 16px 40px rgba(50,30,10,.14);\n  --ease:cubic-bezier(0.16,1,0.3,1);\n}\n.v8{max-width:100%;overflow-x:hidden;color:var(--ink);font-family:inherit;line-height:1.8;}\n.v8 *{box-sizing:border-box;margin:0;padding:0;}\n.v8 a{text-decoration:none;color:inherit;}\n.v8 img{max-width:100%;display:block;}\n\n\/* \u2500\u2500 Scroll Reveal \u2500\u2500 *\/\n.v8 .rev{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease),transform .6s var(--ease);}\n.v8 .rev.in{opacity:1;transform:none;}\n.v8 .rev-l{opacity:0;transform:translateX(-28px);transition:opacity .65s var(--ease),transform .65s var(--ease);}\n.v8 .rev-l.in{opacity:1;transform:none;}\n.v8 .rev-r{opacity:0;transform:translateX(28px);transition:opacity .65s var(--ease),transform .65s var(--ease);}\n.v8 .rev-r.in{opacity:1;transform:none;}\n.v8 [style*=\"--d\"]{transition-delay:calc(var(--d,0)*80ms);}\n\n\/* \u2500\u2500 Float animation \u2500\u2500 *\/\n@keyframes float{0%,100%{transform:translateY(0) rotate(var(--fr,3deg));}50%{transform:translateY(-9px) rotate(var(--fr,3deg));}}\n@keyframes floatAlt{0%,100%{transform:translateY(0) rotate(var(--fr,-4deg));}50%{transform:translateY(-7px) rotate(var(--fr,-4deg));}}\n@keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}\n\n\/* \u2500\u2500 Polaroid \u2500\u2500 *\/\n.pol{background:#fff;padding:10px 10px 44px;position:relative;\n  box-shadow:var(--shadow);\n  transition:transform .35s var(--ease),box-shadow .35s;}\n.pol:hover{transform:rotate(0deg) scale(1.04) translateY(-6px)!important;\n  box-shadow:var(--shadow-hover);z-index:10;}\n.pol-cap{text-align:center;font-size:11px;color:#9a8a7a;margin-top:10px;font-style:italic;letter-spacing:.04em;}\n.pol-ph{width:100%;aspect-ratio:4\/3;background:var(--kraft);border:1.5px dashed #c8c0b4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#a09888;font-size:12px;}\n.pol-ph .ico{font-size:22px;}\n\n\/* \u2500\u2500 Washi tape \u2500\u2500 *\/\n.tape::before{content:'';position:absolute;top:-9px;left:50%;transform:translateX(-50%) rotate(-2.5deg);width:72px;height:20px;background:rgba(255,213,200,.62);border-radius:1px;z-index:3;}\n.tape.b::before{background:rgba(232,213,245,.62);transform:translateX(-50%) rotate(3.5deg);}\n.tape.c::before{background:rgba(213,240,232,.62);transform:translateX(-50%) rotate(-4deg);}\n.tape.d::before{background:rgba(255,243,214,.75);transform:translateX(-50%) rotate(2deg);}\n\n\/* \u2500\u2500 Sticker (floating decorative) \u2500\u2500 *\/\n.stk{position:absolute;width:60px;height:60px;border:2px dashed rgba(160,130,110,.4);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;background:rgba(255,255,255,.3);pointer-events:none;z-index:2;}\n.stk.f1{animation:float 5s ease-in-out infinite;--fr:8deg;}\n.stk.f2{animation:floatAlt 4.5s ease-in-out infinite;--fr:-6deg;}\n.stk.f3{animation:float 6s ease-in-out infinite;--fr:3deg;}\n.stk.f4{animation:floatAlt 5.5s ease-in-out infinite;--fr:-10deg;}\n\n\/* \u2500\u2500 Tag + Button \u2500\u2500 *\/\n.tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--rose);background:var(--rose-lt);padding:4px 12px;border-radius:2px;margin-bottom:12px;}\n.btn{display:inline-block;background:var(--rose);color:#fff!important;font-size:clamp(15px,2vw,17px);font-weight:800;padding:16px 40px;border-radius:99px;letter-spacing:.06em;box-shadow:0 4px 16px rgba(209,75,99,.35);transition:transform .2s,box-shadow .2s;}\n.btn:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(209,75,99,.45);}\n\n\/* \u2500\u2500 Bulb quote (brand spec) \u2500\u2500 *\/\n.bulb{padding:13px 18px 13px 50px;background:var(--bulb-bg);border-left:3px solid var(--bulb-bd);border-radius:0 6px 6px 0;position:relative;font-size:clamp(13px,1.75vw,15px);color:#5a4a36;font-style:italic;line-height:1.85;margin-top:16px;}\n.bulb::before{content:'\ud83d\udca1';position:absolute;left:13px;top:12px;font-size:19px;font-style:normal;}\n.bulb-lg{padding:22px 24px 22px 62px;background:var(--bulb-bg);border-left:4px solid var(--bulb-bd);border-radius:0 8px 8px 0;position:relative;font-size:clamp(16px,2.5vw,20px);font-weight:700;color:var(--purple);line-height:1.75;font-style:italic;}\n.bulb-lg::before{content:'\ud83d\udca1';position:absolute;left:18px;top:20px;font-size:26px;font-style:normal;}\n.bulb-src{margin-top:14px;font-size:13px;color:#9a8a7a;letter-spacing:.08em;padding-left:4px;font-style:normal;font-weight:400;}\n\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\n.hero{background:transparent;padding:clamp(56px,10vw,100px) clamp(20px,5vw,60px) clamp(40px,6vw,64px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:36px;position:relative;}\n.hero-pol-wrap{position:relative;width:clamp(260px,55vw,440px);}\n.hero-pol-wrap .pol{transform:rotate(-1.2deg);width:100%;}\n.hero-pol-wrap .pol .pol-ph,.hero-pol-wrap .pol img{width:100%;aspect-ratio:4\/3;object-fit:cover;}\n.hero-title{font-size:clamp(28px,5vw,44px);font-weight:900;color:var(--purple);line-height:1.25;letter-spacing:-.01em;}\n.hero-sub{font-size:clamp(14px,2.2vw,17px);color:var(--warm);max-width:520px;line-height:1.9;margin-top:10px;}\n.hero-meta{display:flex;gap:20px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:13px;color:#9a8a7a;}\n\n\/* \u2500\u2500 CHAPTERS \u2500\u2500 *\/\n.chapters{max-width:960px;margin:0 auto;padding:0 clamp(20px,5vw,56px);}\n.chapter{display:flex;align-items:flex-start;gap:clamp(24px,5vw,56px);padding:clamp(36px,5vw,60px) 0;border-bottom:1px dashed rgba(160,130,110,.2);position:relative;}\n.chapter:last-child{border-bottom:none;}\n.chapter:nth-child(even){flex-direction:row-reverse;}\n.ch-visual{flex:0 0 clamp(180px,35%,280px);display:flex;flex-direction:column;align-items:center;gap:14px;}\n.ch-visual .pol{width:100%;}\n.ch-visual .pol-ph,.ch-visual .pol img{width:100%;aspect-ratio:4\/3;object-fit:cover;}\n.ch-text{flex:1;}\n.scene-num{font-size:10px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--rose);opacity:.8;margin-bottom:6px;}\n.ch-title{font-size:clamp(19px,3vw,27px);font-weight:900;color:var(--purple);line-height:1.3;margin-bottom:12px;}\n.ch-body{font-size:clamp(14px,1.9vw,16px);color:var(--warm);line-height:1.95;}\n.ch-body p+p{margin-top:10px;}\n\n\/* \u2500\u2500 CAROUSEL \u2500\u2500 *\/\n.car-section{background:transparent;padding:clamp(40px,7vw,72px) 0;position:relative;}\n.car-header{padding:0 clamp(20px,5vw,56px);margin-bottom:24px;text-align:center;}\n.car-header h2{font-size:clamp(20px,3.5vw,28px);font-weight:900;color:var(--purple);margin-top:10px;}\n.car-wrap{position:relative;}\n.car-track{display:flex;gap:24px;overflow-x:auto;padding:20px clamp(20px,5vw,56px) 32px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;}\n.car-track::-webkit-scrollbar{display:none;}\n.car-slide{flex:0 0 clamp(200px,40vw,320px);scroll-snap-align:start;position:relative;}\n.car-slide .pol{width:100%;transform:rotate(var(--rot,0deg));transition:transform .4s var(--ease),box-shadow .4s;}\n.car-slide:hover .pol{transform:rotate(0deg) scale(1.04) translateY(-6px);box-shadow:var(--shadow-hover);}\n.car-slide .pol-ph,.car-slide .pol img{width:100%;aspect-ratio:4\/3;object-fit:cover;}\n.car-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#fff;border:none;width:44px;height:44px;border-radius:50%;box-shadow:var(--shadow);cursor:pointer;font-size:20px;color:var(--purple);display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s;}\n.car-btn:hover{transform:translateY(-50%) scale(1.1);box-shadow:var(--shadow-hover);}\n.car-btn.prev{left:clamp(4px,2vw,16px);}\n.car-btn.next{right:clamp(4px,2vw,16px);}\n.car-dots{display:flex;justify-content:center;gap:8px;margin-top:16px;}\n.car-dot{width:8px;height:8px;border-radius:50%;background:var(--rose-lt);border:none;cursor:pointer;padding:0;transition:background .2s,transform .2s;}\n.car-dot.active{background:var(--rose);transform:scale(1.25);}\n\n\/* \u2500\u2500 BEFORE\/AFTER \u2500\u2500 *\/\n.ba-wrap{background:transparent;padding:clamp(40px,7vw,72px) clamp(20px,5vw,60px);}\n.ba-inner{max-width:860px;margin:0 auto;}\n.ba-title{text-align:center;font-size:clamp(22px,3.5vw,32px);font-weight:900;color:var(--purple);margin-bottom:40px;}\n.ba-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:start;}\n.ba-col{padding:24px 22px;border-radius:4px;}\n.ba-col.bef{background:#f5ede8;}\n.ba-col.aft{background:var(--purple-lt);}\n.ba-lbl{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px;display:block;}\n.ba-col.bef .ba-lbl{color:#b05040;}\n.ba-col.aft .ba-lbl{color:#5a4e9a;}\n.ba-col ul{list-style:none;padding:0;}\n.ba-col ul li{font-size:clamp(13px,1.8vw,15px);padding:6px 0;border-bottom:1px dashed rgba(0,0,0,.08);color:var(--warm);display:flex;align-items:flex-start;gap:8px;}\n.ba-col ul li:last-child{border-bottom:none;}\n.ba-arrow{font-size:28px;color:var(--rose);align-self:center;flex-shrink:0;margin-top:32px;}\n\n\/* \u2500\u2500 STATS \u2500\u2500 *\/\n.stats-wrap{background:transparent;padding:clamp(32px,5vw,56px) clamp(20px,5vw,60px);}\n.stats-inner{max-width:860px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;}\n.stat{background:var(--cream);padding:28px 20px;text-align:center;border-bottom:3px solid var(--rose-lt);}\n.stat-num{font-size:clamp(32px,5vw,44px);font-weight:900;color:var(--rose);line-height:1;}\n.stat-unit{font-size:18px;}\n.stat-desc{font-size:13px;color:#9a8a7a;margin-top:8px;line-height:1.5;}\n\n\/* \u2500\u2500 LETTER \u2500\u2500 *\/\n.letter-wrap{background:transparent;padding:clamp(40px,6vw,72px) clamp(20px,5vw,60px);}\n.letter{max-width:680px;margin:0 auto;background-color:var(--paper);background-image:repeating-linear-gradient(transparent,transparent 31px,rgba(180,200,220,.22) 31px,rgba(180,200,220,.22) 32px),linear-gradient(90deg,transparent 52px,rgba(220,80,80,.15) 52px,rgba(220,80,80,.15) 54px,transparent 54px);padding:clamp(28px,5vw,48px) clamp(28px,5vw,56px);position:relative;border-top:2px solid rgba(200,180,160,.2);}\n.letter-hole{position:absolute;left:28px;top:0;bottom:0;display:flex;flex-direction:column;justify-content:space-evenly;pointer-events:none;}\n.letter-hole span{width:14px;height:14px;border-radius:50%;background:rgba(200,180,160,.35);display:block;}\n.letter-title{font-size:clamp(16px,2.5vw,20px);font-weight:900;color:var(--purple);margin-bottom:20px;}\n.letter-body{font-size:clamp(14px,1.9vw,16px);color:var(--warm);line-height:2;}\n.letter-body p+p{margin-top:14px;}\n.letter-sig{margin-top:24px;font-style:italic;color:#9a8a7a;font-size:14px;}\n\n\/* \u2500\u2500 CTA \u2500\u2500 *\/\n.cta-wrap{background:transparent;padding:clamp(48px,8vw,88px) clamp(20px,5vw,60px);text-align:center;display:flex;flex-direction:column;align-items:center;gap:28px;position:relative;}\n.cta-pols{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;}\n.cta-pols .pol{width:clamp(130px,28vw,200px);}\n.cta-pols .pol:nth-child(1){transform:rotate(-3deg);}\n.cta-pols .pol:nth-child(2){transform:rotate(1.5deg);margin-top:-20px;}\n.cta-pols .pol:nth-child(3){transform:rotate(-1deg);}\n.cta-pols .pol-ph,.cta-pols .pol img{aspect-ratio:4\/3;width:100%;object-fit:cover;}\n.cta-title{font-size:clamp(22px,4vw,36px);font-weight:900;color:var(--purple);line-height:1.3;}\n.cta-desc{font-size:clamp(14px,2vw,16px);color:var(--warm);max-width:520px;line-height:1.9;}\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media(max-width:640px){\n  .chapter,.chapter:nth-child(even){flex-direction:column!important;}\n  .ch-visual{flex:none;width:100%;flex-direction:row;flex-wrap:wrap;justify-content:center;}\n  .ch-visual .pol{width:clamp(180px,70vw,280px);}\n  .ba-grid{grid-template-columns:1fr;}\n  .ba-arrow{display:none;}\n  .stk{display:none;}\n  .car-btn{width:36px;height:36px;font-size:16px;}\n}\n@media(prefers-reduced-motion:reduce){\n  .v8 .rev,.v8 .rev-l,.v8 .rev-r{transition:opacity .2s;}\n  .stk{animation:none!important;}\n}\n<\/style>\n\n<div class=\"v8\">\n\n<!-- \u2500\u2500 HERO \u2500\u2500 -->\n<div class=\"hero\">\n  <!-- \u6563\u843d\u88dd\u98fe\u8cbc\u7d19 -->\n  <div class=\"stk f1\" style=\"top:30px;left:clamp(10px,6vw,60px);--fr:12deg\">\ud83c\udff7\ufe0f<\/div>\n  <div class=\"stk f2\" style=\"top:60px;right:clamp(10px,6vw,60px);--fr:-8deg\">\u2728<\/div>\n  <div class=\"stk f3\" style=\"bottom:20px;left:clamp(10px,8vw,80px);--fr:6deg\">\ud83c\udf2d<\/div>\n  <div class=\"stk f4\" style=\"bottom:40px;right:clamp(10px,8vw,80px);--fr:-12deg\">\ud83d\udccc<\/div>\n\n  <div class=\"hero-pol-wrap rev\">\n    <div class=\"pol\">\n      <div class=\"pol-ph\"><span class=\"ico\">\ud83d\udcf7<\/span><span>\u5c01\u9762\u4e3b\u5716<\/span><\/div>\n      <div class=\"pol-cap\">\u5f9e\u8ff7\u8def\u5230\u6e05\u6670 \u00b7 \u77e5\u8b58\u5305\u5c0f\u8178\u7684\u6545\u4e8b<\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"rev\" style=\"--d:1\">\n    <div class=\"tag\">\u5c0f\u8178\u7684\u4eba\u751f\u6545\u4e8b<\/div>\n    <h1 class=\"hero-title\"><span class=\"ez-toc-section\" id=\"%E6%88%91%E6%9B%BE%E7%B6%93%E6%98%AF%E5%80%8B%E7%9F%A5%E8%AD%98%E5%9B%A4%E7%A9%8D%E7%8B%82%EF%BC%8C_%E7%9B%B4%E5%88%B0%E6%88%91%E6%89%BE%E5%88%B0%E4%BA%86%E5%87%BA%E5%8F%A3\"><\/span>\u6211\u66fe\u7d93\u662f\u500b\u77e5\u8b58\u56e4\u7a4d\u72c2\uff0c<br>\u76f4\u5230\u6211\u627e\u5230\u4e86\u51fa\u53e3<span class=\"ez-toc-section-end\"><\/span><\/h1>\n    <p class=\"hero-sub\">\u9019\u662f\u4e00\u500b\u95dc\u65bc\u5982\u4f55\u5f9e\u300c\u6bcf\u5929\u5b58\u7b46\u8a18\u3001\u537b\u4ec0\u9ebc\u90fd\u7528\u4e0d\u4e0a\u300d<br>\u5230\u771f\u6b63\u6253\u9020\u51fa\u5c6c\u65bc\u81ea\u5df1\u7b2c\u4e8c\u5927\u8166\u7684\u771f\u5be6\u65c5\u7a0b\u3002<\/p>\n  <\/div>\n  <div class=\"hero-meta rev\" style=\"--d:2\">\n    <span>\ud83c\udf2d \u77e5\u8b58\u5305\u5c0f\u8178<\/span><span>\u00b7<\/span><span>\ud83d\udcd6 \u95b1\u8b80\u7d04 5 \u5206\u9418<\/span><span>\u00b7<\/span><span>\u270d\ufe0f \u500b\u4eba\u771f\u5be6\u6545\u4e8b<\/span>\n  <\/div>\n<\/div>\n\n<div style=\"height:48px\"><\/div>\n\n<!-- \u2500\u2500 INTRO BULB QUOTE \u2500\u2500 -->\n<div style=\"background:transparent;padding:clamp(32px,5vw,56px) clamp(20px,5vw,60px);max-width:720px;margin:0 auto\">\n  <div class=\"bulb-lg rev\">\n    \u300c\u6211\u6c92\u6709\u5728\u6d6a\u8cbb\u6642\u9593\uff0c\u6211\u660e\u660e\u6bcf\u5929\u90fd\u5728\u5b78\u7fd2\u2014\u2014<br>\u4f46\u70ba\u4ec0\u9ebc\u8166\u5b50\u88e1\u9084\u662f\u4e00\u7247\u7a7a\u767d\uff1f\u300d\n    <div class=\"bulb-src\">\u2014 \u6211\u5728 2021 \u5e74\u5c0d\u81ea\u5df1\u8aaa\u7684\u8a71<\/div>\n  <\/div>\n<\/div>\n\n<div style=\"height:48px\"><\/div>\n\n<!-- \u2500\u2500 CHAPTERS \u2500\u2500 -->\n<div class=\"chapters\">\n\n  <div class=\"chapter\">\n    <div class=\"ch-visual\">\n      <div class=\"pol tape rev-l\"><div class=\"pol-ph\"><span class=\"ico\">\ud83d\udcf7<\/span><span>Ch1 \u7167\u7247<\/span><\/div><div class=\"pol-cap\">\u90a3\u4e9b\u5e74\u56e4\u7a4d\u7684\u300c\u77e5\u8b58\u300d<\/div><\/div>\n    <\/div>\n    <div class=\"ch-text rev-r\">\n      <div class=\"scene-num\">Scene 01<\/div>\n      <h2 class=\"ch-title\"><span class=\"ez-toc-section\" id=\"%E6%88%91%E6%AF%8F%E5%A4%A9%E9%83%BD%E5%9C%A8%E5%AD%B8%EF%BC%8C%E4%BD%86%E4%BB%80%E9%BA%BC%E9%83%BD%E8%A8%98%E4%B8%8D%E4%BD%8F\"><\/span>\u6211\u6bcf\u5929\u90fd\u5728\u5b78\uff0c\u4f46\u4ec0\u9ebc\u90fd\u8a18\u4e0d\u4f4f<span class=\"ez-toc-section-end\"><\/span><\/h2>\n      <div class=\"ch-body\">\n        <p>\u6211\u66fe\u7d93\u4ee5\u70ba\uff0c\u5b78\u7fd2\u7684\u65b9\u5f0f\u5c31\u662f\u300c\u52aa\u529b\u6536\u96c6\u8cc7\u8a0a\u300d\u3002Notion \u88e1\u6709\u5e7e\u5343\u689d\u7b46\u8a18\u3001\u66f8\u67b6\u4e0a\u6709\u6eff\u6eff\u7684\u66f8\uff0cYouTube \u4e0a\u7684\u6536\u85cf\u6e05\u55ae\u9577\u5230\u6372\u4e0d\u5b8c\u3002<\/p>\n        <p>\u4f46\u7576\u670b\u53cb\u554f\u6211\u300c\u4f60\u6700\u8fd1\u5b78\u4e86\u4ec0\u9ebc\u300d\u7684\u6642\u5019\uff0c\u6211\u8166\u5b50\u4e00\u7247\u7a7a\u767d\u3002\u90a3\u4e9b\u8f9b\u82e6\u5b58\u4e0b\u4f86\u7684\u6771\u897f\uff0c\u5f77\u5f7f\u5f9e\u4f86\u5c31\u4e0d\u5c6c\u65bc\u6211\u3002<\/p>\n        <div class=\"bulb\">\u300c\u6211\u4eca\u5929\u53c8\u5b58\u4e86 23 \u500b\u66f8\u7c64\u3002\u611f\u89ba\u5f88\u5145\u5be6\uff0c\u4f46\u6211\u77e5\u9053\u6211\u4e0d\u6703\u56de\u53bb\u770b\u7684\u3002\u300d<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"stk f2\" style=\"top:-10px;right:-10px;--fr:-15deg\">\ud83c\udff7\ufe0f<\/div>\n  <\/div>\n\n  <div class=\"chapter\">\n    <div class=\"ch-visual\">\n      <div class=\"pol tape b rev-r\"><div class=\"pol-ph\"><span class=\"ico\">\ud83d\udcf7<\/span><span>Ch2 \u7167\u7247<\/span><\/div><div class=\"pol-cap\">\u8cc7\u8a0a\u904e\u8f09\u7684\u9677\u9631<\/div><\/div>\n    <\/div>\n    <div class=\"ch-text rev-l\">\n      <div class=\"scene-num\">Scene 02<\/div>\n      <h2 class=\"ch-title\"><span class=\"ez-toc-section\" id=\"%E5%B7%A5%E5%85%B7%E8%B6%8A%E6%8F%9B%E8%B6%8A%E5%A4%9A%EF%BC%8C%E5%95%8F%E9%A1%8C%E8%B6%8A%E4%BE%86%E8%B6%8A%E5%A4%A7\"><\/span>\u5de5\u5177\u8d8a\u63db\u8d8a\u591a\uff0c\u554f\u984c\u8d8a\u4f86\u8d8a\u5927<span class=\"ez-toc-section-end\"><\/span><\/h2>\n      <div class=\"ch-body\">\n        <p>\u70ba\u4e86\u89e3\u6c7a\u300c\u8a18\u4e0d\u4f4f\u300d\u7684\u554f\u984c\uff0c\u6211\u958b\u59cb\u63db\u5de5\u5177\u3002Notion \u63db Obsidian\u3001Obsidian \u63db Roam Research\u3001\u7136\u5f8c\u53c8\u8dd1\u56de Notion \u52a0\u4e0a Evernote\u2026\u2026<\/p>\n        <p>\u6bcf\u63db\u4e00\u500b\u65b0\u5de5\u5177\uff0c\u5c31\u50cf\u63db\u4e86\u65b0\u7684\u300c\u77e5\u8b58\u7ba1\u7406\u7cfb\u7d71\u300d\uff0c\u537b\u53ea\u662f\u628a\u6df7\u4e82\u8907\u88fd\u5230\u65b0\u5730\u65b9\u800c\u5df2\u3002\u554f\u984c\u6839\u672c\u4e0d\u662f\u5de5\u5177\uff0c\u662f\u6211\u7684\u601d\u7dad\u6a21\u5f0f\u3002<\/p>\n        <div class=\"bulb\">\u300c\u9019\u662f\u6211\u7b2c\u4e03\u6b21\u91cd\u5efa\u6211\u7684 Notion workspace\u3002\u9019\u6b21\u61c9\u8a72\u6703\u4e0d\u540c\u2026\u2026\u5427\uff1f\u300d<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"stk f1\" style=\"bottom:-10px;left:-10px;--fr:18deg\">\ud83d\udccc<\/div>\n  <\/div>\n\n  <div class=\"chapter\">\n    <div class=\"ch-visual\">\n      <div class=\"pol tape c rev-l\"><div class=\"pol-ph\"><span class=\"ico\">\ud83d\udcf7<\/span><span>Ch3 \u7167\u7247<\/span><\/div><div class=\"pol-cap\">\u90a3\u4e00\u500b\u6539\u8b8a\u4e00\u5207\u7684\u554f\u984c<\/div><\/div>\n    <\/div>\n    <div class=\"ch-text rev-r\">\n      <div class=\"scene-num\">Scene 03<\/div>\n      <h2 class=\"ch-title\"><span class=\"ez-toc-section\" id=\"%E8%BD%89%E6%8D%A9%E9%BB%9E%EF%BC%9A%E3%80%8C%E9%80%99%E5%80%8B%E7%9F%A5%E8%AD%98%E8%83%BD%E8%A7%A3%E6%B1%BA%E4%BB%80%E9%BA%BC%E5%95%8F%E9%A1%8C%EF%BC%9F%E3%80%8D\"><\/span>\u8f49\u6369\u9ede\uff1a\u300c\u9019\u500b\u77e5\u8b58\u80fd\u89e3\u6c7a\u4ec0\u9ebc\u554f\u984c\uff1f\u300d<span class=\"ez-toc-section-end\"><\/span><\/h2>\n      <div class=\"ch-body\">\n        <p>\u6539\u8b8a\u767c\u751f\u5728\u67d0\u500b\u6df1\u591c\u3002\u6211\u6b63\u5728\u6574\u7406\u7b2c N \u7248\u7b46\u8a18\u7cfb\u7d71\uff0c\u7a81\u7136\u505c\u4e0b\u4f86\u554f\u81ea\u5df1\uff1a\u300c\u6211\u5b58\u9019\u500b\u662f\u8981\u7528\u5728\u54ea\u88e1\uff1f\u300d<\/p>\n        <p>\u9019\u500b\u770b\u4f3c\u7c21\u55ae\u7684\u554f\u984c\uff0c\u8b93\u6211\u610f\u8b58\u5230\u2014\u2014\u6211\u4e00\u76f4\u5728\u505a\u8f38\u5165\uff0c\u5f9e\u4f86\u6c92\u6709\u8a8d\u771f\u60f3\u904e\u8f38\u51fa\u3002\u77e5\u8b58\u5982\u679c\u6c92\u6709\u9023\u7d50\u5230\u771f\u5be6\u7684\u554f\u984c\uff0c\u6c38\u9060\u53ea\u662f\u8cc7\u6599\uff0c\u4e0d\u662f\u77e5\u8b58\u3002<\/p>\n        <div class=\"bulb\">\u300c\u4e0d\u662f\u300e\u9019\u500b\u8cc7\u8a0a\u5f88\u6709\u8da3\u300f\uff0c\u800c\u662f\u300e\u9019\u500b\u8cc7\u8a0a\u80fd\u5e6b\u6211\u89e3\u6c7a\u4ec0\u9ebc\uff1f\u300f\u5f9e\u9019\u500b\u554f\u984c\u51fa\u767c\uff0c\u4e00\u5207\u90fd\u4e0d\u4e00\u6a23\u4e86\u3002\u300d<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"stk f3\" style=\"top:50%;right:-14px;--fr:-20deg\">\u2728<\/div>\n  <\/div>\n\n  <div class=\"chapter\">\n    <div class=\"ch-visual\">\n      <div class=\"pol tape d rev-r\"><div class=\"pol-ph\"><span class=\"ico\">\ud83d\udcf7<\/span><span>Ch4 \u7167\u7247<\/span><\/div><div class=\"pol-cap\">\u7b2c\u4e00\u6b21\u770b\u5230\u77e5\u8b58\u4e4b\u9593\u7684\u9023\u7d50<\/div><\/div>\n    <\/div>\n    <div class=\"ch-text rev-l\">\n      <div class=\"scene-num\">Scene 04<\/div>\n      <h2 class=\"ch-title\"><span class=\"ez-toc-section\" id=\"%E9%81%87%E8%A6%8B_Heptabase%EF%BC%9A%E7%B5%82%E6%96%BC%E8%83%BD%E7%9C%8B%E8%A6%8B%E6%80%9D%E8%80%83%E7%9A%84%E5%9C%B0%E5%9C%96\"><\/span>\u9047\u898b Heptabase\uff1a\u7d42\u65bc\u80fd\u770b\u898b\u601d\u8003\u7684\u5730\u5716<span class=\"ez-toc-section-end\"><\/span><\/h2>\n      <div class=\"ch-body\">\n        <p>\u670b\u53cb\u4ecb\u7d39\u6211\u8a66\u8a66 Heptabase\u3002\u7b2c\u4e00\u6b21\u6253\u958b\u7684\u6642\u5019\uff0c\u6211\u770b\u8457\u767d\u677f\u4e0a\u7684\u5361\u7247\u548c\u9023\u7dda\uff0c\u7a81\u7136\u6709\u7a2e\u8aaa\u4e0d\u51fa\u4f86\u7684\u611f\u52d5\u3002<\/p>\n        <p>\u90a3\u4e9b\u539f\u672c\u6563\u843d\u5728 Notion \u5404\u500b\u89d2\u843d\u7684\u60f3\u6cd5\uff0c\u7b2c\u4e00\u6b21\u6709\u4e86\u7a7a\u9593\u4e0a\u7684\u4f4d\u7f6e\u3002\u6211\u53ef\u4ee5\u770b\u5230\u5b83\u5011\u4e4b\u9593\u7684\u95dc\u4fc2\uff0c\u53ef\u4ee5\u628a\u76f8\u95dc\u7684\u60f3\u6cd5\u62c9\u5728\u4e00\u8d77\uff0c\u9084\u80fd\u770b\u51fa\u81ea\u5df1\u771f\u6b63\u5728\u601d\u8003\u4ec0\u9ebc\u4e3b\u984c\u3002<\/p>\n        <div class=\"bulb\">\u300c\u539f\u4f86\u6211\u8166\u5b50\u88e1\u6709\u4e00\u5f35\u5730\u5716\uff0c\u53ea\u662f\u4ee5\u524d\u7684\u5de5\u5177\u8b93\u6211\u770b\u4e0d\u5230\u5b83\u3002\u300d<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"chapter\">\n    <div class=\"ch-visual\">\n      <div class=\"pol tape rev-l\"><div class=\"pol-ph\"><span class=\"ico\">\ud83d\udcf7<\/span><span>Ch5 \u7167\u7247<\/span><\/div><div class=\"pol-cap\">\u73fe\u5728\u7684\u6211<\/div><\/div>\n    <\/div>\n    <div class=\"ch-text rev-r\">\n      <div class=\"scene-num\">Scene 05<\/div>\n      <h2 class=\"ch-title\"><span class=\"ez-toc-section\" id=\"%E7%8F%BE%E5%9C%A8%EF%BC%9A%E7%9F%A5%E8%AD%98%E7%B5%82%E6%96%BC%E7%82%BA%E6%88%91%E5%B7%A5%E4%BD%9C%EF%BC%8C%E8%80%8C%E4%B8%8D%E6%98%AF%E5%8F%8D%E9%81%8E%E4%BE%86\"><\/span>\u73fe\u5728\uff1a\u77e5\u8b58\u7d42\u65bc\u70ba\u6211\u5de5\u4f5c\uff0c\u800c\u4e0d\u662f\u53cd\u904e\u4f86<span class=\"ez-toc-section-end\"><\/span><\/h2>\n      <div class=\"ch-body\">\n        <p>\u73fe\u5728\u7684\u6211\u4e0d\u518d\u56e4\u7a4d\u8cc7\u8a0a\u3002\u6bcf\u6b21\u5b58\u4e0b\u4e00\u500b\u60f3\u6cd5\uff0c\u6211\u90fd\u77e5\u9053\u5b83\u5728\u54ea\u500b\u601d\u8003\u8108\u7d61\u88e1\uff0c\u4e5f\u77e5\u9053\u5b83\u80fd\u7528\u5728\u4ec0\u9ebc\u5730\u65b9\u3002<\/p>\n        <p>\u6211\u958b\u59cb\u628a\u9019\u5957\u65b9\u6cd5\u6574\u7406\u6210\u7cfb\u7d71\uff0c\u6559\u7d66\u8eab\u908a\u9700\u8981\u7684\u670b\u53cb\u3002\u6c92\u60f3\u5230\u53cd\u61c9\u51fa\u5947\u5730\u597d\u2014\u2014\u539f\u4f86\u5f88\u591a\u4eba\u90fd\u88ab\u540c\u6a23\u7684\u554f\u984c\u56f0\u64fe\uff0c\u53ea\u662f\u5f9e\u4f86\u6c92\u6709\u4eba\u5e6b\u4ed6\u5011\u68b3\u7406\u904e\u3002<\/p>\n        <div class=\"bulb\">\u300c\u77e5\u8b58\u7ba1\u7406\u4e0d\u662f\u628a\u6771\u897f\u5b58\u8d77\u4f86\uff0c\u800c\u662f\u8b93\u6771\u897f\u70ba\u4f60\u601d\u8003\u3001\u70ba\u4f60\u8aaa\u8a71\u3002\u300d<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"stk f4\" style=\"top:-8px;left:-14px;--fr:22deg\">\ud83c\udf2d<\/div>\n  <\/div>\n\n<\/div>\n\n<div style=\"height:56px\"><\/div>\n\n<!-- \u2500\u2500 PHOTO CAROUSEL \u2500\u2500 -->\n<div class=\"car-section rev\">\n  <div class=\"car-header\">\n    <div class=\"tag\">\u7167\u7247\u56de\u9867<\/div>\n    <h2><span class=\"ez-toc-section\" id=\"%E9%80%99%E4%B8%80%E8%B7%AF%E8%B5%B0%E4%BE%86%E7%9A%84%E7%97%95%E8%B7%A1\"><\/span>\u9019\u4e00\u8def\u8d70\u4f86\u7684\u75d5\u8de1<span class=\"ez-toc-section-end\"><\/span><\/h2>\n  <\/div>\n  <div class=\"car-wrap\">\n    <button class=\"car-btn prev\" aria-label=\"\u4e0a\u4e00\u5f35\">\u2039<\/button>\n    <div class=\"car-track\" id=\"v8-car\">\n      <div class=\"car-slide\" style=\"--rot:-2.5deg\">\n        <div class=\"pol tape\"><div class=\"pol-ph\"><span class=\"ico\">\ud83d\udcf7<\/span><span>\u5b78\u7fd2\u73fe\u5834<\/span><\/div><div class=\"pol-cap\">\u90a3\u4e9b\u5b58\u6eff\u66f8\u7c64\u7684\u591c\u665a<\/div><\/div>\n      <\/div>\n      <div class=\"car-slide\" style=\"--rot:1.8deg\">\n        <div class=\"pol tape b\"><div class=\"pol-ph\"><span class=\"ico\">\ud83d\udcf7<\/span><span>\u8f49\u8b8a\u6642\u523b<\/span><\/div><div class=\"pol-cap\">\u7b2c\u4e00\u6b21\u6253\u958b Heptabase<\/div><\/div>\n      <\/div>\n      <div class=\"car-slide\" style=\"--rot:-1.2deg\">\n        <div class=\"pol tape c\"><div class=\"pol-ph\"><span class=\"ico\">\ud83d\udcf7<\/span><span>\u77e5\u8b58\u5730\u5716<\/span><\/div><div class=\"pol-cap\">\u6211\u7684\u7b2c\u4e00\u5f35 Heptabase \u767d\u677f<\/div><\/div>\n      <\/div>\n      <div class=\"car-slide\" style=\"--rot:2.4deg\">\n        <div class=\"pol tape d\"><div class=\"pol-ph\"><span class=\"ico\">\ud83d\udcf7<\/span><span>\u966a\u8dd1\u73fe\u5834<\/span><\/div><div class=\"pol-cap\">\u548c\u5b78\u54e1\u4e00\u8d77\u5efa\u7acb\u7b2c\u4e8c\u5927\u8166<\/div><\/div>\n      <\/div>\n      <div class=\"car-slide\" style=\"--rot:-0.8deg\">\n        <div class=\"pol tape\"><div class=\"pol-ph\"><span class=\"ico\">\ud83d\udcf7<\/span><span>\u73fe\u5728\u7684\u6211<\/span><\/div><div class=\"pol-cap\">\u77e5\u8b58\u7d42\u65bc\u70ba\u6211\u5de5\u4f5c\u4e86<\/div><\/div>\n      <\/div>\n    <\/div>\n    <button class=\"car-btn next\" aria-label=\"\u4e0b\u4e00\u5f35\">\u203a<\/button>\n  <\/div>\n  <div class=\"car-dots\" id=\"v8-car-dots\"><\/div>\n<\/div>\n\n<div style=\"height:56px\"><\/div>\n\n<!-- \u2500\u2500 BEFORE \/ AFTER \u2500\u2500 -->\n<div class=\"ba-wrap\">\n  <div class=\"ba-inner\">\n    <h2 class=\"ba-title rev\"><span class=\"ez-toc-section\" id=\"%E4%B8%80%E5%B9%B4%E5%89%8D_vs_%E7%8F%BE%E5%9C%A8\"><\/span>\u4e00\u5e74\u524d vs. \u73fe\u5728<span class=\"ez-toc-section-end\"><\/span><\/h2>\n    <div class=\"ba-grid\">\n      <div class=\"ba-col bef rev-l\">\n        <span class=\"ba-lbl\">\ud83d\ude35 \u4ee5\u524d\u7684\u6211<\/span>\n        <ul>\n          <li>\ud83d\udcda Notion \u7b46\u8a18\u5e7e\u5343\u689d\uff0c\u5f9e\u4e0d\u56de\u982d\u770b<\/li>\n          <li>\ud83d\udd04 \u6bcf\u4e09\u500b\u6708\u91cd\u5efa\u4e00\u6b21\u7cfb\u7d71<\/li>\n          <li>\ud83d\ude24 \u5b78\u5f88\u591a\u537b\u8aaa\u4e0d\u51fa\u5b78\u4e86\u4ec0\u9ebc<\/li>\n          <li>\u23f3 \u6574\u7406\u7b46\u8a18\u4f54\u7528\u6240\u6709\u81ea\u7531\u6642\u9593<\/li>\n          <li>\ud83c\udf2a\ufe0f \u8cc7\u8a0a\u7126\u616e\uff0c\u6015\u300c\u6f0f\u6389\u300d\u4ec0\u9ebc<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"ba-arrow rev\">\u2192<\/div>\n      <div class=\"ba-col aft rev-r\">\n        <span class=\"ba-lbl\">\ud83c\udf31 \u73fe\u5728\u7684\u6211<\/span>\n        <ul>\n          <li>\ud83d\uddfa\ufe0f \u6bcf\u500b\u60f3\u6cd5\u90fd\u6709\u6e05\u695a\u7684\u9023\u7d50\u8108\u7d61<\/li>\n          <li>\u26a1 \u7cfb\u7d71\u7a69\u5b9a\uff0c\u4e0d\u9700\u8981\u4e00\u76f4\u91cd\u5efa<\/li>\n          <li>\ud83c\udfaf \u5b78\u6771\u897f\u524d\u5148\u554f\u300c\u9019\u80fd\u89e3\u6c7a\u4ec0\u9ebc\u300d<\/li>\n          <li>\u270d\ufe0f \u7b46\u8a18\u76f4\u63a5\u8b8a\u6210\u6587\u7ae0\u3001\u8ab2\u7a0b\u7d20\u6750<\/li>\n          <li>\ud83d\ude0c \u4e0d\u518d\u7126\u616e\uff0c\u77e5\u9053\u81ea\u5df1\u638c\u63e1\u4e86\u4ec0\u9ebc<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<div style=\"height:48px\"><\/div>\n\n<!-- \u2500\u2500 STATS \u2500\u2500 -->\n<div class=\"stats-wrap\">\n  <div class=\"stats-inner\">\n    <div class=\"stat rev\" style=\"--d:0\"><div class=\"stat-num\">30<span class=\"stat-unit\">+<\/span><\/div><div class=\"stat-desc\">\u7b2c\u4e00\u671f\u5927\u8ab2<br>\u5df2\u966a\u8dd1\u5b78\u54e1<\/div><\/div>\n    <div class=\"stat rev\" style=\"--d:1\"><div class=\"stat-num\">3<span class=\"stat-unit\">\u5e74<\/span><\/div><div class=\"stat-desc\">\u89aa\u8eab\u5be6\u8e10<br>\u77e5\u8b58\u7ba1\u7406\u7cfb\u7d71<\/div><\/div>\n    <div class=\"stat rev\" style=\"--d:2\"><div class=\"stat-num\">500<span class=\"stat-unit\">+<\/span><\/div><div class=\"stat-desc\">\u96fb\u5b50\u5831<br>\u8b80\u8005\u8a02\u95b1<\/div><\/div>\n    <div class=\"stat rev\" style=\"--d:3\"><div class=\"stat-num\">\u221e<\/div><div class=\"stat-desc\">\u77e5\u8b58\u9023\u7d50<br>\u9084\u5728\u6301\u7e8c\u589e\u52a0<\/div><\/div>\n  <\/div>\n<\/div>\n\n<div style=\"height:56px\"><\/div>\n\n<!-- \u2500\u2500 LETTER \u2500\u2500 -->\n<div class=\"letter-wrap\">\n  <div class=\"letter rev\">\n    <div class=\"letter-hole\"><span><\/span><span><\/span><span><\/span><\/div>\n    <div class=\"letter-title\">\ud83d\udcee \u7d66\u9084\u5728\u6478\u7d22\u4e2d\u7684\u4f60<\/div>\n    <div class=\"letter-body\">\n      <p>\u5982\u679c\u4f60\u73fe\u5728\u7684\u72c0\u614b\u8ddf\u4ee5\u524d\u7684\u6211\u5f88\u50cf\u2014\u2014\u660e\u660e\u5f88\u52aa\u529b\u3001\u6bcf\u5929\u90fd\u5728\u5b78\uff0c\u537b\u611f\u89ba\u4ec0\u9ebc\u90fd\u6c92\u6709\u7559\u4e0b\u4f86\u2014\u2014\u6211\u60f3\u544a\u8a34\u4f60\uff0c\u9019\u4e0d\u662f\u4f60\u7684\u554f\u984c\u3002<\/p>\n      <p>\u554f\u984c\u51fa\u5728\u300c\u6c92\u6709\u4eba\u6559\u6211\u5011\u600e\u9ebc\u6574\u7406\u77e5\u8b58\u300d\u3002\u5b78\u6821\u6559\u6211\u5011\u8a18\u61b6\u548c\u80cc\u8aa6\uff0c\u537b\u6c92\u6709\u6559\u6211\u5011\u5982\u4f55\u8b93\u77e5\u8b58\u771f\u6b63\u70ba\u81ea\u5df1\u6240\u7528\u3002<\/p>\n      <p>\u6211\u628a\u9019\u5e7e\u5e74\u6478\u7d22\u51fa\u4f86\u7684\u65b9\u6cd5\uff0c\u6574\u7406\u6210\u6bcf\u9031\u4e00\u5c01\u7684\u96fb\u5b50\u5831\u300a\u8178\u7bc7\u5927\u8ad6\u300b\uff0c\u5206\u4eab\u7d66\u9858\u610f\u8a8d\u771f\u5c0d\u5f85\u81ea\u5df1\u77e5\u8b58\u7cfb\u7d71\u7684\u4f60\u3002<\/p>\n      <p>\u4e0d\u8ce3\u7126\u616e\uff0c\u53ea\u5206\u4eab\u771f\u5be6\u6709\u6548\u7684\u65b9\u6cd5\u3002<\/p>\n    <\/div>\n    <div class=\"letter-sig\">\u2014 \u77e5\u8b58\u5305\u5c0f\u8178 \ud83c\udf2d<\/div>\n  <\/div>\n<\/div>\n\n<div style=\"height:56px\"><\/div>\n\n<!-- \u2500\u2500 CTA \u2500\u2500 -->\n<div class=\"cta-wrap\">\n  <div class=\"stk f1\" style=\"top:20px;left:clamp(20px,8vw,80px);--fr:14deg\">\ud83c\udff7\ufe0f<\/div>\n  <div class=\"stk f3\" style=\"top:20px;right:clamp(20px,8vw,80px);--fr:-10deg\">\u2728<\/div>\n\n  <div class=\"cta-pols\">\n    <div class=\"pol\"><div class=\"pol-ph\"><span class=\"ico\">\ud83d\udcf7<\/span><\/div><div class=\"pol-cap\">\u6bcf\u9031\u4e00\u5c01<\/div><\/div>\n    <div class=\"pol\"><div class=\"pol-ph\"><span class=\"ico\">\ud83d\udcf7<\/span><\/div><div class=\"pol-cap\">\u771f\u5be6\u65b9\u6cd5<\/div><\/div>\n    <div class=\"pol\"><div class=\"pol-ph\"><span class=\"ico\">\ud83d\udcf7<\/span><\/div><div class=\"pol-cap\">\u4e00\u8d77\u6210\u9577<\/div><\/div>\n  <\/div>\n  <div class=\"rev\">\n    <h2 class=\"cta-title\"><span class=\"ez-toc-section\" id=\"%E6%BA%96%E5%82%99%E5%A5%BD%E6%89%93%E9%80%A0%E4%BD%A0%E7%9A%84%E7%AC%AC%E4%BA%8C%E5%A4%A7%E8%85%A6%E4%BA%86%E5%97%8E%EF%BC%9F\"><\/span>\u6e96\u5099\u597d\u6253\u9020\u4f60\u7684\u7b2c\u4e8c\u5927\u8166\u4e86\u55ce\uff1f<span class=\"ez-toc-section-end\"><\/span><\/h2>\n    <p class=\"cta-desc\">\u8a02\u95b1\u300a\u8178\u7bc7\u5927\u8ad6\u300b\u96fb\u5b50\u5831\uff0c\u6bcf\u9031\u6536\u5230\u4e00\u5c01\u95dc\u65bc\u77e5\u8b58\u7ba1\u7406\u3001\u500b\u4eba\u54c1\u724c\u8207\u601d\u7dad\u5347\u7d1a\u7684\u6df1\u5ea6\u5206\u4eab\u3002<\/p>\n  <\/div>\n  <div class=\"rev\" style=\"--d:1\">\n    <a href=\"https:\/\/join.knowledgegut.com\/join-newsletter\" class=\"btn\">\u7acb\u523b\u52a0\u5165\u96fb\u5b50\u5831 \u2192<\/a>\n  <\/div>\n<\/div>\n\n<\/div><!-- \/v8 -->\n\n<script>\n(function(){\n  \/* Scroll reveal *\/\n  var els=document.querySelectorAll('.v8 .rev,.v8 .rev-l,.v8 .rev-r');\n  if(els.length){\n    var io=new IntersectionObserver(function(entries){\n      entries.forEach(function(e){if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}});\n    },{threshold:.1,rootMargin:'0px 0px -40px 0px'});\n    els.forEach(function(el){io.observe(el);});\n  }\n\n  \/* Carousel *\/\n  var track=document.getElementById('v8-car');\n  var dotsWrap=document.getElementById('v8-car-dots');\n  if(!track||!dotsWrap)return;\n\n  var slides=track.querySelectorAll('.car-slide');\n  var total=slides.length;\n  var dots=[];\n\n  for(var i=0;i<total;i++){\n    var d=document.createElement('button');\n    d.className='car-dot'+(i===0?' active':'');\n    d.setAttribute('aria-label','\u7b2c'+(i+1)+'\u5f35');\n    (function(idx){d.addEventListener('click',function(){scrollTo(idx);});})(i);\n    dotsWrap.appendChild(d);\n    dots.push(d);\n  }\n\n  function scrollTo(idx){\n    var sl=slides[idx];\n    if(!sl)return;\n    track.scrollTo({left:sl.offsetLeft-parseInt(getComputedStyle(track).paddingLeft),behavior:'smooth'});\n  }\n\n  function updateDots(){\n    var sw=track.scrollWidth-track.clientWidth;\n    var ratio=sw>0?track.scrollLeft\/sw:0;\n    var idx=Math.round(ratio*(total-1));\n    dots.forEach(function(d,i){d.classList.toggle('active',i===idx);});\n  }\n  track.addEventListener('scroll',updateDots,{passive:true});\n\n  var prevBtn=track.closest('.car-wrap').querySelector('.car-btn.prev');\n  var nextBtn=track.closest('.car-wrap').querySelector('.car-btn.next');\n  if(prevBtn)prevBtn.addEventListener('click',function(){\n    var idx=dots.findIndex(function(d){return d.classList.contains('active');});\n    scrollTo(Math.max(0,idx-1));\n  });\n  if(nextBtn)nextBtn.addEventListener('click',function(){\n    var idx=dots.findIndex(function(d){return d.classList.contains('active');});\n    scrollTo(Math.min(total-1,idx+1));\n  });\n})();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>\ud83c\udff7\ufe0f \u2728 \ud83c\udf2d \ud83d\udccc \ud83d\udcf7\u5c01\u9762\u4e3b\u5716 \u5f9e\u8ff7\u8def\u5230\u6e05\u6670 \u00b7 \u77e5\u8b58\u5305\u5c0f\u8178\u7684\u6545\u4e8b \u5c0f\u8178\u7684\u4eba\u751f\u6545\u4e8b \u6211\u66fe\u7d93\u662f\u500b\u77e5\u8b58\u56e4\u7a4d\u72c2\uff0c\u76f4\u5230\u6211 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"iawp_total_views":1,"footnotes":""},"class_list":["post-7432","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/knowledgegut.com\/en\/wp-json\/wp\/v2\/pages\/7432","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/knowledgegut.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/knowledgegut.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/knowledgegut.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/knowledgegut.com\/en\/wp-json\/wp\/v2\/comments?post=7432"}],"version-history":[{"count":0,"href":"https:\/\/knowledgegut.com\/en\/wp-json\/wp\/v2\/pages\/7432\/revisions"}],"wp:attachment":[{"href":"https:\/\/knowledgegut.com\/en\/wp-json\/wp\/v2\/media?parent=7432"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}