@import url("https://fonts.googleapis.com/css2?family=Chango&display=swap");@import url("https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Elms+Sans:wght@551&display=swap");@import url("https://fonts.googleapis.com/css2?family=Long+Cang&display=swap");@import url("https://fonts.googleapis.com/css2?family=Mansalva&display=swap");@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Nerko+One&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+HK:wght@500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,500;1,500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap");@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght@8..144,25..151,100..1000&display=swap");@import url("https://fonts.googleapis.com/css2?family=Schoolbell&display=swap");@import url("https://fonts.googleapis.com/css2?family=Walter+Turncoat&display=swap");@import url("https://fonts.googleapis.com/css2?family=Fuzzy+Bubbles:wght@400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Gluten:wght@500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Klee+One:wght@400;600&display=swap");.mansalva-regular{font-family:Mansalva,sans-serif;font-weight:400;font-style:normal}.schoolbell-regular{font-family:Schoolbell,cursive;font-weight:400;font-style:normal}.walter-turncoat-regular{font-family:Walter Turncoat,cursive;font-weight:400;font-style:normal}.noto-serif-hk{font-family:"Noto Serif HK",serif;font-optical-sizing:auto;font-weight:500;font-style:normal}.long-cang-regular{font-family:Long Cang,cursive;font-weight:400;font-style:normal}.montserrat{font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:100.900;font-style:normal}.elms-sans{font-family:Elms Sans,sans-serif;font-optical-sizing:auto;font-weight:551;font-style:normal}.quicksand{font-family:Quicksand,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}.chango-regular{font-family:Chango,sans-serif;font-weight:400;font-style:normal}.permanent-marker-regular{font-family:Permanent Marker,cursive;font-weight:400;font-style:normal}.nerko-one-regular{font-family:Nerko One,cursive;font-weight:400;font-style:normal}.comfortaa{font-family:Comfortaa,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.nunito{font-family:Nunito,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}.roboto-flex{font-family:Roboto Flex,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"slnt" 0,"wdth" 150,"GRAD" 0,"XOPQ" 96,"XTRA" 468,"YOPQ" 79,"YTAS" 750,"YTDE" -203,"YTFI" 738,"YTLC" 514,"YTUC" 712}.fuzzy-bubbles-regular{font-weight:400}.fuzzy-bubbles-bold,.fuzzy-bubbles-regular{font-family:Fuzzy Bubbles,sans-serif;font-style:normal}.fuzzy-bubbles-bold{font-weight:700}.gluten-uniquifier{font-family:Gluten,cursive;font-optical-sizing:auto;font-weight:500;font-style:normal;font-variation-settings:"slnt" 0}.noto-sans-sc-uniquifier{font-family:Noto Sans SC,sans-serif;font-optical-sizing:auto;font-weight:100.900;font-style:normal}:root{--color-bg:#fff;--color-text:#2d2a26;--color-muted:#a89f94;--color-accent:#fbad7d;--color-accent-hover:#fbad7d;--color-border:#f5f0eb;--color-card:#fff}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:#fff;color:#2d2a26;font-family:Nunito,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}button{background:none;border:none;padding:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#f5f0eb;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fbad7d}::-moz-selection{background:hsla(23,94%,74%,.3);color:#2d2a26}::selection{background:hsla(23,94%,74%,.3);color:#2d2a26}.page{min-height:100vh;position:relative}.contentWrap{position:fixed;top:50px;left:170px;right:40px;bottom:40px;overflow-y:scroll;overflow-x:hidden;z-index:1;scrollbar-width:none;-ms-overflow-style:none}.contentWrap::-webkit-scrollbar{display:none}.content{margin-left:170px;padding:120px 48px 48px;z-index:1}.content,.homePage{min-height:100vh;position:relative}.homePage{overflow:hidden}.homePage .contentWrap{position:static;overflow:visible}.homeScatter{position:fixed;top:-40px;left:25px;width:100vw;height:110vh;z-index:0;pointer-events:none;transform:none!important;filter:none!important}.homeScatterItem{position:absolute;font-family:"Noto Serif SC",serif;color:#3e94db;white-space:nowrap;pointer-events:auto;cursor:default;transition:all .5s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.homeScatterItem:hover{transform:scale(1.5)!important;z-index:10;color:#048cfb;opacity:1}.heroText{font-family:"Noto Serif SC",serif;font-size:50px;color:#4e4e4edc;margin-bottom:16px;position:fixed;top:300px;left:500px}.avatarWrap{position:fixed;top:80px;left:40px;display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.avatar{position:static;border-radius:0;-o-object-fit:cover;object-fit:cover}.avatarSubtitle{position:static;margin-top:8px;font-family:Nunito,sans-serif;font-weight:700;font-size:15px;color:#fdad7d;text-align:center}.avatar:hover{opacity:.8}.sidebar{position:fixed;top:300px;left:20px;width:100px;z-index:1;display:flex;flex-direction:column;justify-content:center;padding-left:20px;pointer-events:none}.sidebar>*{pointer-events:auto}.tabs{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.tab{font-family:Walter Turncoat,cursive;font-size:16px;letter-spacing:0;color:#2d2a26;opacity:.8;cursor:pointer;transition:0s;position:relative;background:none;border:none;padding:0}.tab.active,.tab:hover{text-decoration:underline;text-underline-offset:6px;text-decoration-color:#fbad7d}body:has(.imageModalOverlay),body:has(.otherModalOverlay),body:has(.textModalOverlay),body:has(.videoModalOverlay),彈窗顯示時，降低 socials-index body:has(.qrOverlay){.socials,.timeline{z-index:1}}.socials{position:fixed;bottom:60px;left:10px;z-index:100;display:flex;flex-direction:index;align-items:center;gap:8px}.socials .wechatBtn,.socials a{color:#2d2a26;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;padding:0;background:none;border:none}.socials .wechatBtn:hover,.socials a:hover{opacity:.7;transform:scale(1.08)}.copyright.desktop-only{position:fixed;bottom:35px;left:10px;z-index:100;font-family:Nunito,sans-serif;font-size:11px;color:#a89f94;letter-spacing:.05em}.timeline{position:fixed;top:25px;z-index:2;right:50px;width:auto;color:#2d2a26;cursor:pointer;opacity:1;display:inline-block;transition:0s;font-family:Montserrat,sans-serif;font-weight:700;font-size:14px;padding:0}.timeline.active,.timeline:hover{text-decoration:underline;text-underline-offset:6px;text-decoration-color:#fbad7d}.timelineTitle{font-family:Noto Sans SC,sans-serif;font-size:20px}.timelineSubtitle,.timelineTitle{font-weight:500;color:#2d2a26;margin-bottom:5px}.timelineSubtitle{font-family:Nunito,sans-serif;font-size:18px}.timelineDate{font-family:Nunito,sans-serif;font-size:16px;color:#a89f94;margin-bottom:8px}.timelineItem{border-bottom:none;padding-bottom:24px;margin-bottom:24px;scroll-margin-top:100px;position:relative}.timelineItem:after{content:"";position:absolute;bottom:0;left:0;width:92%;height:1px;background-color:#f5f0eb}.timelineItem:last-child:after{display:none}.timelinePage{position:relative}.cardTag{margin-right:100px;color:#a89f94}.yearNav{position:fixed;top:50%;right:40px;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;gap:20px;align-items:flex-end}.yearNavItem{font-family:Nunito,sans-serif;font-size:13px;color:#a89f94;cursor:pointer;padding:2px 0;text-align:right}.yearNavItem:hover{color:#fbad7d;transform:translateX(-4px)}.qrOverlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#f9f9f9d9;backdrop-filter:blur(4px)}.qrModal{background:#fff;padding:32px;border-radius:16px;box-shadow:0 8px 32px #f9f9f9d9;text-align:center}.qrModal img{border-radius:8px;width:600px;height:auto;max-width:80vw}.imageModalOverlay,.videoModalOverlay{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f9f9f9d9;backdrop-filter:blur(8px)}.imageModalContent{position:relative;max-width:90vw;max-height:80vh;flex:1;display:flex;align-items:center;justify-content:center}.imageModalImage{max-height:100%;-o-object-fit:contain;object-fit:contain}.imageModalImage,.videoModalPlayer{max-width:100%;width:auto;height:auto;border-radius:8px}.videoModalPlayer{max-height:80vh}.visualModalLayout{display:flex;flex-direction:column;gap:10px;align-items:center;max-width:1200px;width:90vw;border-radius:16px;padding:20px;max-height:85vh;overflow-y:auto}.visualModalMedia{flex:0 0 auto;display:flex;width:100%;align-items:center;justify-content:center}.visualModalImage,.visualModalVideo{max-width:100%;max-height:70vh;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:8px}.visualModalInfo{flex:0 0 auto;display:flex;flex-direction:column;padding-top:0;text-align:left}.visualModalTitle{font-family:"Noto Serif SC",serif;font-size:20px;font-weight:600;color:#2d2a26}.visualModalDate{font-size:14px;color:#a89f94;font-family:Nunito,sans-serif}.visualModalDesc{font-size:16px;color:#a89f94;line-height:1.6;margin-top:4px}.textModalOverlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:5vh 0;overflow-y:auto;background:#f9f9f9d9;backdrop-filter:blur(8px)}.textModalContent{background:#fff;max-width:1100px;width:90vw;height:90vh;border-radius:16px;padding:40px;display:flex;flex-direction:column}.textModalTitle{font-family:"Noto Serif SC",serif;font-size:24px;font-weight:600;color:#191818;margin-bottom:8px}.textModalDate{font-size:14px;color:#a89f94;font-family:Nunito,sans-serif;margin-bottom:24px}.textModalScroll{overflow-y:auto;flex:1}.markdownBody{font-family:"Noto Serif SC",serif;font-size:16px;line-height:1.8;color:#2d2a26}.markdownBody h1{font-size:22px;font-weight:600;margin-bottom:20px;color:#191818}.markdownBody h2{font-size:18px;font-weight:600;margin-top:28px;margin-bottom:14px;color:#191818}.markdownBody p{margin-bottom:16px;text-indent:2em}.markdownBody blockquote{border-left:3px solid #fbad7d;padding-left:16px;margin:20px 0;color:#a89f94;font-style:italic}.markdownBody ul{margin:16px 0;padding-left:24px}.markdownBody li{margin-bottom:8px}.markdownBody strong{font-weight:600;color:#191818}.markdownBody em{font-style:italic}.pageTitle{font-family:Roboto Flex,sans-serif;font-size:32px;font-weight:700;color:#2d2a26;letter-spacing:-.02em;margin-bottom:8px}.pageSubtitle{font-size:14px;color:#a89f94;margin-bottom:32px}.visualGrid{-moz-column-count:3;column-count:3;-moz-column-gap:20px;column-gap:20px;width:100%}.visualGridItem{-moz-column-break-inside:avoid;break-inside:avoid;padding-bottom:20px;margin-bottom:0;cursor:pointer;transition:opacity .3s ease;line-height:0}.visualGridItem:hover{opacity:.85}.visualGridImageWrap{position:relative;width:100%}.visualGridImageWrap img{width:100%;height:auto;display:block}.playButtonOverlay{position:absolute;inset:0;pointer-events:none}.playButton,.playButtonOverlay{display:flex;align-items:center;justify-content:center}.playButton{width:56px;height:56px;border-radius:50%;background:hsla(0,0%,100%,.8);backdrop-filter:blur(4px)}.playIcon{width:0;height:0;border-top:8px solid transparent;border-left:14px solid #fbad7d;border-bottom:8px solid transparent;margin-left:4px}.textPage{min-height:100vh}.textPage,.textScatter{position:relative;width:100%}.textScatter{height:80vh;margin-top:40px}.textScatterItem{position:absolute;font-family:"Noto Serif SC",serif;cursor:pointer;transition:all .3s ease;line-height:1.4;white-space:nowrap;z-index:1}.textScatterItem:hover{transform:scale(1.1)!important;z-index:10}.fragmentsPage{min-height:100vh}.bubbleField,.fragmentsPage{position:relative;width:100%}.bubbleField{height:80vh;margin-top:40px}.bubble{position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);padding:16px;background:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.85) 10%,hsla(0,0%,100%,.2) 60%,var(--light) 80%,var(--mid) 5%,var(--dark) 85%,var(--shadow) 100%);box-shadow:inset -10px -10px 20px var(--highlight),inset 10px 10px 20px var(--shadow),inset 0 0 30px hsla(0,0%,100%,.3),0 0 20px var(--shadow),0 8px 32px var(--shadow),0 20px 40px rgba(0,0,0,.05);border:1px solid var(--border);backdrop-filter:blur(1px)}.bubble:before{content:"";position:absolute;top:15%;left:20%;width:25%;height:15%;border-radius:50%;background:radial-gradient(ellipse at center,hsla(0,0%,100%,.95) 0,hsla(0,0%,100%,.5) 40%,transparent 70%);transform:rotate(-45deg);pointer-events:none}.bubble:hover{transform:scale(1.15) translateY(-5px);box-shadow:inset -10px -10px 20px var(--highlight),inset 10px 10px 20px var(--mid),inset 0 0 40px hsla(0,0%,100%,.4),0 0 30px var(--light),0 12px 40px var(--shadow),0 25px 50px rgba(0,0,0,.08);border-color:var(--highlight);z-index:10}.bubbleTitle{font-family:"Noto Serif SC",serif;color:#4a4540;line-height:1.4;word-break:break-all;opacity:.9;text-shadow:0 1px 3px hsla(0,0%,100%,.9);position:relative;z-index:1}@keyframes float{0%,to{transform:translateY(0) translateX(0)}25%{transform:translateY(-8px) translateX(4px)}50%{transform:translateY(-4px) translateX(-4px)}75%{transform:translateY(-12px) translateX(2px)}}.bubble{animation:float 6s ease-in-out infinite}.bubble:nth-child(2n){animation-delay:-1s}.bubble:nth-child(3n){animation-delay:-2.5s}.bubble:nth-child(4n){animation-delay:-4s}.bubble:nth-child(5n){animation-delay:-.5s}.bubble:hover{animation-play-state:paused}.otherPage{position:relative;width:100%;min-height:100vh}.otherCard{position:absolute;background:#fff;overflow:hidden;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(8px);box-shadow:0 4px 20px var(--shadow)}.otherCard:hover{box-shadow:inset -10px -10px 20px var(--highlight),inset 10px 10px 20px var(--mid),inset 0 0 40px hsla(0,0%,100%,.4),0 0 30px var(--light),0 12px 40px var(--shadow),0 25px 50px rgba(0,0,0,.08);border-color:var(--highlight);transform:translateY(-2px);z-index:100}.otherTypeBadge{position:absolute;top:10px;right:8px;padding:2px 8px;background:var(--dark);color:#2d2a26;font-size:12px;border-radius:4px}.otherInfo{padding:12px}.otherTitle{font-size:16px;font-weight:600;margin-bottom:4px}.otherDate{font-size:12px;color:#a89f94}.otherDesc{font-size:13px;color:#a89f94;margin-top:8px;line-height:1.5}.otherTags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.otherTag{font-size:11px;padding:2px 8px;background:var(--mid);border-radius:4px;color:#2d2a26}.otherModalOverlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#f9f9f9d9;backdrop-filter:blur(8px);padding:40px}.otherModalContent{background:#fff;max-width:1000px;width:90vw;max-height:85vh;border-radius:16px;padding:40px;overflow-y:auto}.otherModalTitle{font-family:"Noto Serif SC",serif;font-size:24px;font-weight:600;color:#191818;margin-bottom:24px}.otherModalImage{-o-object-fit:contain;object-fit:contain}.otherModalImage,.otherModalVideo{max-width:100%;max-height:60vh;width:auto;height:auto;border-radius:8px}.otherModalFrame{width:100%;height:60vh;border:none;border-radius:8px}.otherModalDownload{text-align:center;padding:40px;color:#a89f94}.otherModalBtn{display:inline-block;margin-top:16px;padding:12px 32px;color:#fff;border-radius:24px;text-decoration:none;transition:.2s}.otherModalBtn,.otherModalBtn:hover{background:#fbad7d}.otherModalMeta{margin-top:24px;padding-top:24px;border-top:1px solid #f5f0eb;color:#a89f94;font-size:14px}.desktop-only{display:flex}.mobile-only{display:none}@media (max-width:768px){.logo.mobile-only{display:flex!important;text-decoration:none;color:#2d2a26;font-family:"Noto Serif SC",serif;font-size:18px;position:fixed;top:20px;left:30px}.contentWrap{position:fixed;top:50px;left:0;right:0;bottom:0;max-width:none;padding:0 16px;margin:0}.sidebar,.topBar{display:none}.mobile-only{display:flex}.content{margin-left:0;padding:100px 18px 80px}.homeScatter{position:fixed;inset:0;left:0;top:30px;width:100vw;height:90vh}.heroText{position:relative;top:center;left:auto;text-align:center;font-size:24px;padding:0 20px;margin-bottom:20px}.mobile-menu-btn{position:fixed;top:18px;right:18px;z-index:60;background:none;border:none;padding:8px;cursor:pointer;color:#0d0d0dad;transition:.2s}.mobile-menu-btn:hover{color:#fbad7d}.mobile-menu-overlay{position:fixed;inset:0;z-index:55;background:hsla(0,0%,100%,.5);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu-content{gap:40px;padding:40px 20px}.mobile-menu-content,.mobile-nav{display:flex;flex-direction:column;align-items:center}.mobile-nav{gap:24px}.mobile-nav-item{font-family:Nunito,cursive;font-size:18px;letter-spacing:.1em;color:#0d0d0dad;background:none;border:none;cursor:pointer;transition:.2s;padding:0}.mobile-nav-item.active{color:#fbad7d;text-decoration:underline;text-underline-offset:6px}.mobile-nav-item:hover{color:#fbad7d}.mobile-timeline{font-family:Nerko One,cursive;font-size:20px;color:#0d0d0dad;background:none;border:none;cursor:pointer;transition:.2s}.mobile-timeline.active{color:#fbad7d;text-decoration:underline;text-underline-offset:6px}.mobile-socials{display:flex;gap:24px;align-items:center}.mobile-socials .wechatBtn,.mobile-socials a{color:#0d0d0dad;transition:.2s;background:none;border:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.mobile-socials .wechatBtn:hover,.mobile-socials a:hover{color:#fbad7d;transform:scale(1.1)}.copyright.mobile-only{bottom:20px;z-index:100;font-family:Nunito,sans-serif;font-size:11px;color:#a89f94;letter-spacing:.05em}.bottom-nav,.copyright.mobile-only{display:flex;position:fixed;align-items:center}.bottom-nav{bottom:0;left:0;right:0;z-index:50;background:hsla(0,0%,100%,.95);backdrop-filter:blur(8px);border-top:1px solid hsla(23,94%,74%,.15);justify-content:space-around;height:56px;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-item{flex:1;display:flex;align-items:center;justify-content:center;height:100%;background:none;border:none;font-family:Nunito,cursive;font-size:12px;letter-spacing:.05em;color:#a89f94;cursor:pointer;transition:.2s;position:relative}.bottom-nav-item.active{color:#fbad7d;font-weight:600}.bottom-nav-item.active:after{content:"";position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:20px;height:2px;background:#fbad7d;border-radius:1px}.bottom-nav-item:hover{color:#fbad7d}.visualGrid{-moz-column-count:2;column-count:2}.visualModalLayout{flex-direction:column;gap:24px;padding:24px;overflow-y:auto}.visualModalInfo,.visualModalMedia{flex:0 0 auto;width:100%}.visualModalImage,.visualModalVideo{max-height:50vh}.textScatter{height:70vh;position:relative;width:100%;margin-top:20px}.textScatterItem{position:absolute;white-space:nowrap}.bubbleField{height:70vh;width:100%;position:relative}.bubble{position:absolute;animation:float 6s ease-in-out infinite}.otherPage{min-height:100vh;height:auto}.otherScatterContainer{width:100%!important;max-width:100vw!important;height:auto!important;min-height:75vh;margin:0!important;padding:0 16px;overflow:hidden}.otherTitle{font-size:12px}.otherDesc{font-size:10px;-webkit-line-clamp:1;overflow:hidden}.otherTag{font-size:9px}}