*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #fafbf8;--bg-alt: #f2f4ed;--bg-card: #ffffff;--text: #1a2118;--text-secondary: #4a5945;--text-muted: #8a9a84;--accent: #2d7a4f;--accent-light: #3a9966;--accent-soft: rgba(45, 122, 79, .06);--accent-soft-mid: rgba(45, 122, 79, .12);--border: #dde4d6;--border-light: #e8ede3;--shadow-sm: 0 1px 2px rgba(0,0,0,.04), 0 1px 1px rgba(0,0,0,.02);--shadow: 0 2px 4px rgba(0,0,0,.04), 0 4px 12px rgba(0,0,0,.03);--shadow-md: 0 4px 8px rgba(0,0,0,.06), 0 8px 24px rgba(0,0,0,.04);--shadow-lg: 0 8px 16px rgba(0,0,0,.06), 0 16px 40px rgba(0,0,0,.05);--shadow-xl: 0 12px 24px rgba(0,0,0,.08), 0 24px 60px rgba(0,0,0,.06);--shadow-colored: 0 4px 16px rgba(45,122,79,.1), 0 8px 32px rgba(45,122,79,.05);--accent-blue: #5b9bd5;--accent-blue-dark: #3a7bc8;--danger: #e53e3e;--danger-dark: #c53030;--radius: 20px;--radius-sm: 16px;--radius-xs: 12px;--transition: .3s cubic-bezier(.25, .1, .25, 1);--transition-fast: .2s cubic-bezier(.25, .1, .25, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--nav-h: 56px}[data-theme=dark]{--bg: #0c0e0a;--bg-alt: #141910;--bg-card: #1a2016;--text: #e8efe4;--text-secondary: #a8b8a0;--text-muted: #5a6e52;--accent: #4dc67a;--accent-light: #60d48a;--accent-soft: rgba(77, 198, 122, .08);--accent-soft-mid: rgba(77, 198, 122, .15);--border: #232e1e;--border-light: #1c2618;--shadow-sm: 0 1px 3px rgba(0,0,0,.2);--shadow: 0 2px 6px rgba(0,0,0,.25), 0 4px 12px rgba(0,0,0,.15);--shadow-md: 0 4px 12px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.2);--shadow-lg: 0 8px 20px rgba(0,0,0,.35), 0 16px 48px rgba(0,0,0,.25);--shadow-xl: 0 12px 32px rgba(0,0,0,.4), 0 24px 60px rgba(0,0,0,.3);--shadow-colored: 0 4px 16px rgba(77,198,122,.15), 0 8px 32px rgba(77,198,122,.08);--danger: #fc8181;--danger-dark: #f56565}[data-theme=dark] .navbar{background:#0c0e0aeb}[data-theme=dark] .navbar.scrolled{box-shadow:0 1px 8px #0003}[data-theme=dark] .photo-cover.has-image img.loaded{opacity:.85}[data-theme=dark] .note-card:before{background:linear-gradient(180deg,var(--accent-light),var(--accent))}[data-theme=dark] .hero:before{background:radial-gradient(ellipse at center,rgba(77,198,122,.08) 0%,transparent 70%)}html{scroll-behavior:smooth;scrollbar-gutter:stable}h1,h2,h3,h4,.hero-title,.section-title,.timeline-month-title,.dash-chart-title{text-wrap:balance}body{font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .4s ease,color .4s ease}::view-transition-old(root),::view-transition-new(root){animation-duration:.42s;animation-timing-function:cubic-bezier(.25,.1,.25,1)}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.inline-icon{width:22px;height:22px;vertical-align:middle;display:inline-block;flex-shrink:0;object-fit:contain}.inline-icon-lg{width:32px;height:32px;vertical-align:middle;display:inline-block;flex-shrink:0;object-fit:contain}.section-icon{width:26px;height:26px;vertical-align:middle;display:inline-block;flex-shrink:0;object-fit:contain}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nav-h);background:#fafbf8d9;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s}.navbar.scrolled{border-bottom-color:var(--border-light);box-shadow:0 1px 8px #0000000a}.nav-container{width:100%;max-width:1280px;margin:0 auto;padding:0 clamp(1.25rem,3vw,2.5rem);display:flex;justify-content:space-between;align-items:center;height:100%}.logo{display:flex;align-items:center;gap:.5rem}.logo-img{height:26px;width:26px;border-radius:5px}[data-theme=dark] .logo-img{filter:brightness(1.15)}.nav-links{display:flex;gap:clamp(.3rem,1vw,.7rem);align-items:center;position:relative}.nav-link{font-size:.82rem;font-weight:400;color:var(--text-muted);padding:.35rem .85rem;cursor:pointer;white-space:nowrap;position:relative;letter-spacing:.5px;transition:color var(--transition-fast);border-radius:50px;z-index:1}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-indicator{position:absolute;top:50%;height:calc(100% - 4px);background:var(--accent-soft);border:1px solid var(--accent-soft-mid);border-radius:50px;transform:translateY(-50%);transition:left .32s cubic-bezier(.25,.1,.25,1),width .32s cubic-bezier(.25,.1,.25,1),opacity .2s ease;pointer-events:none;z-index:0;opacity:0}.nav-indicator.visible{opacity:1}.nav-links.mobile-open .nav-indicator{display:none}.theme-toggle{background:none;border:1px solid var(--border);border-radius:50%;width:34px;height:34px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-left:.25rem;transition:all var(--transition-fast)}.theme-toggle:hover{border-color:var(--accent);background:var(--accent-soft)}.theme-toggle{font-size:.9rem}.theme-icon-dark{display:none}.theme-icon-light,[data-theme=dark] .theme-icon-dark{display:inline}[data-theme=dark] .theme-icon-light{display:none}.hamburger{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:5px;width:32px;height:32px;align-items:center;justify-content:center;z-index:1001}.hamburger span{width:20px;height:1.5px;background:var(--text);border-radius:1px;transition:all .3s ease;transform-origin:center}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.page-enter{animation:viewEnter .5s cubic-bezier(.25,.1,.25,1)}@keyframes viewEnter{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.page-enter{animation:none}}.hero{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:0 1.5rem;text-align:center;background:linear-gradient(180deg,var(--bg) 0%,var(--bg-alt) 50%,var(--bg) 100%);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-15%;left:50%;transform:translate(-50%);width:900px;height:700px;background:radial-gradient(ellipse at center,rgba(45,122,79,.05) 0%,rgba(45,122,79,.02) 40%,transparent 70%);pointer-events:none;animation:heroGlow 8s ease-in-out infinite alternate}@keyframes heroGlow{0%{opacity:.6;transform:translate(-50%) scale(1)}to{opacity:1;transform:translate(-50%) scale(1.08)}}.hero-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(60px);opacity:.08;animation:orbFloat 20s ease-in-out infinite alternate}.hero-orb:nth-child(1){width:300px;height:300px;background:var(--accent);top:15%;left:10%;animation-duration:18s}.hero-orb:nth-child(2){width:200px;height:200px;background:#7ecba1;bottom:20%;right:15%;animation-duration:22s;animation-delay:-5s}.hero-orb:nth-child(3){width:150px;height:150px;background:#a8d8b9;top:60%;left:60%;animation-duration:25s;animation-delay:-10s;opacity:.05}@keyframes orbFloat{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.1)}66%{transform:translate(-20px,15px) scale(.95)}to{transform:translate(15px,-10px) scale(1.05)}}[data-theme=dark] .hero-orb{opacity:.06}.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--border-light) 50%,transparent 100%)}.hero-content{width:100%;max-width:580px;margin:0 auto;position:relative;z-index:1}.hero-logo{width:72px;height:72px;display:block;margin:0 auto 1.5rem;mix-blend-mode:multiply}[data-theme=dark] .hero-logo{mix-blend-mode:screen;filter:brightness(1.3)}.hero-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem 1.1rem;background:var(--accent-soft);border:1px solid rgba(45,122,79,.15);border-radius:50px;font-size:.78rem;color:var(--accent);margin-bottom:2rem;letter-spacing:1.5px;font-weight:400;backdrop-filter:blur(8px)}.hero-title{font-family:ZCOOL XiaoWei,"Noto Serif SC",PingFang SC,serif;font-size:clamp(1.55rem,4vw,2.25rem);font-weight:400;line-height:2.1;color:var(--text);letter-spacing:.18em;margin-bottom:0}.hero-title span{display:block;background:linear-gradient(135deg,var(--accent) 0%,var(--text) 45%,var(--accent-light) 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:heroTitleShine 8s ease-in-out infinite;text-shadow:0 1px 30px rgba(45,122,79,.08)}.hero-title span:nth-child(2){animation-delay:-4s}@keyframes heroTitleShine{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@media(prefers-reduced-motion:reduce){.hero-title span{animation:none}}.hero-stats{display:flex;justify-content:center;gap:clamp(2rem,5vw,4rem);margin:clamp(3rem,6vh,4rem) 0}.hero-stat{text-align:center;position:relative}.hero-stat+.hero-stat:before{content:"";position:absolute;left:-1.2rem;top:50%;transform:translateY(-50%);width:1px;height:24px;background:var(--border)}.hero-stat-num{font-size:clamp(1.6rem,3vw,2rem);font-weight:600;color:var(--accent);display:block;line-height:1.1;font-variant-numeric:tabular-nums;font-family:Inter,sans-serif;transition:color .6s ease}.hero-stat-label{font-size:.68rem;color:var(--text-muted);letter-spacing:1.5px;margin-top:.35rem;text-transform:uppercase}.hero-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;max-width:460px;margin:0 auto}.hero-nav-btn{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.6rem 0;background:var(--bg-card);border:1px solid var(--border-light);border-radius:14px;font-size:.82rem;font-family:"Noto Serif SC",PingFang SC,serif;font-weight:400;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm);white-space:nowrap;letter-spacing:1px}.hero-nav-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-md),var(--shadow-colored)}.hero-nav-btn:active{transform:scale(.97)}.hero-nav-icon{font-size:1rem}.hero-scroll-hint{position:absolute;bottom:1.4rem;left:50%;transform:translate(-50%);background:transparent;border:none;padding:.4rem .7rem;display:flex;flex-direction:column;align-items:center;gap:.35rem;color:var(--text-muted);font-size:.7rem;letter-spacing:1.5px;cursor:pointer;opacity:.7;transition:opacity .2s ease,color .2s ease,transform .2s ease;z-index:5}.hero-scroll-hint:hover{opacity:1;color:var(--accent)}.hero-scroll-hint-arrow{width:18px;height:18px;animation:scrollHintBounce 1.8s ease-in-out infinite}@keyframes scrollHintBounce{0%,22%,to{transform:translateY(0);opacity:.85}50%{transform:translateY(6px);opacity:1}78%{transform:translateY(0);opacity:.85}}@media(prefers-reduced-motion:reduce){.hero-scroll-hint-arrow{animation:none}}.photo-card{background:var(--bg-card);border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border-light);cursor:pointer;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease,border-color .35s ease;box-shadow:var(--shadow-sm)}.photo-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-colored);border-color:var(--border)}.photo-card:active{transform:translateY(-1px) scale(.99);transition-duration:.1s}.photo-cover{height:200px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;overflow:hidden}.photo-cover.has-image{background:var(--accent-soft)}.photo-cover.has-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease,opacity .6s ease}.photo-card:hover .photo-cover.has-image img{transform:scale(1.04)}.photo-info{padding:1.1rem}.photo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.photo-date{font-size:.7rem;color:var(--text-muted);font-weight:400;letter-spacing:.3px}.photo-meta-row{font-size:.7rem;color:var(--text-muted);font-weight:400;letter-spacing:.3px;margin-bottom:.25rem}.photo-title{font-family:"Noto Serif SC",PingFang SC,serif;font-size:.88rem;font-weight:500;margin-bottom:.3rem;line-height:1.35}.photo-note{font-size:.78rem;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6}.photo-tags{display:flex;gap:.3rem;margin-top:.6rem;flex-wrap:wrap}.photo-tag{padding:.15rem .55rem;background:var(--accent-soft);border-radius:50px;font-size:.65rem;color:var(--accent);font-weight:400}.recent-section{padding:3.5rem 1.5rem 4rem;background:transparent;width:100%}.recent-section .section-title{text-align:center;margin-bottom:2rem;font-size:1.2rem;color:var(--text)}.recent-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem}.section-header{text-align:center;margin-bottom:2.5rem;width:100%;max-width:1100px;margin-left:auto;margin-right:auto}.section-title{font-family:"Noto Serif SC",PingFang SC,serif;font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:500;margin-bottom:.4rem;letter-spacing:1px;color:var(--text);display:flex;align-items:center;justify-content:center;gap:.5rem}.section-subtitle{color:var(--text-muted);font-size:.82rem;letter-spacing:.5px}.filter-bar{max-width:720px;margin:0 auto 2rem}.search-box{display:flex;align-items:center;gap:.5rem;background:var(--bg-card);border:1px solid var(--border-light);border-radius:50px;padding:.55rem 1.1rem;margin-bottom:.75rem;transition:border-color .2s,box-shadow .2s;box-shadow:var(--shadow-sm)}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-box svg{color:var(--text-muted);flex-shrink:0}.search-box input{border:none;background:none;outline:none;width:100%;font-size:.85rem;color:var(--text);font-family:inherit}.search-box input::placeholder{color:var(--text-muted)}.filter-tags{display:flex;gap:.3rem;flex-wrap:wrap;align-items:center}.filter-tag{padding:.18rem .55rem;background:var(--bg-card);border:1px solid var(--border-light);border-radius:50px;font-size:.68rem;color:var(--text-secondary);cursor:pointer;transition:all .2s}.filter-tag:hover{border-color:var(--accent);color:var(--accent)}.filter-tag.active{background:var(--accent-soft-mid);border-color:var(--accent);color:var(--accent);font-weight:500}.filter-clear-btn{padding:.2rem .65rem;background:transparent;border:1px dashed var(--border);border-radius:50px;font-size:.68rem;color:var(--text-muted);cursor:pointer;transition:all .2s;display:none}.filter-clear-btn.visible{display:inline-block}.filter-clear-btn:hover{border-color:var(--accent);color:var(--accent);border-style:solid}.search-highlight{background:var(--accent-soft-mid);color:var(--accent);padding:0 3px;border-radius:3px;font-weight:600;box-decoration-break:clone;-webkit-box-decoration-break:clone}.no-results{text-align:center;padding:3rem 1rem;color:var(--text-muted);font-size:.88rem}.timeline-section{background:var(--bg);width:100%;padding:calc(var(--nav-h) + 2.5rem) 1.5rem 3.5rem;max-width:960px;margin:0 auto}.timeline-month{margin-bottom:3rem}.timeline-month-header{display:flex;align-items:baseline;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.6rem;border-bottom:1px solid var(--border-light)}.timeline-month-title{font-family:"Noto Serif SC",serif;font-size:1.2rem;font-weight:500;color:var(--text);letter-spacing:.5px}.timeline-month-count{font-size:.72rem;color:var(--text-muted);font-weight:400}.timeline-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem;align-items:start}.timeline-entry{background:var(--bg-card);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;position:relative;border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease,border-color .35s ease}.timeline-entry:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg),var(--shadow-colored);border-color:var(--border)}.timeline-entry:active{transform:translateY(-1px) scale(.99);transition-duration:.1s}.entry-visual{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;min-height:170px}.entry-visual.has-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.entry-visual-emoji{font-size:3.5rem;transition:transform .5s ease;z-index:1}.timeline-entry:hover .entry-visual-emoji{transform:scale(1.1)}.entry-body{padding:1.15rem}.entry-date-line{font-size:.68rem;color:var(--text-muted);letter-spacing:.3px;margin-bottom:.4rem;font-weight:400}.entry-title-text{font-family:"Noto Serif SC",serif;font-size:1rem;font-weight:500;line-height:1.4;margin-bottom:.4rem;color:var(--text)}.entry-note{font-size:.82rem;line-height:1.7;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.65rem}.entry-tags{display:flex;gap:.3rem;flex-wrap:wrap}.entry-tag{padding:.1rem .5rem;background:var(--accent-soft);border-radius:50px;font-size:.65rem;color:var(--accent);font-weight:400}.detail-page{background:var(--bg);width:100%;padding:calc(var(--nav-h) + 2.5rem) 1.5rem 4rem;max-width:780px;margin:0 auto}.detail-hero{height:320px;border-radius:var(--radius-sm);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);margin-bottom:1.75rem;border:1px solid var(--border-light);box-shadow:var(--shadow)}.detail-hero.has-image{background:#111}.detail-hero-button{width:100%;height:100%;border:0;padding:0;background:transparent;cursor:zoom-in;display:block;overflow:hidden}.detail-hero.has-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.detail-hero.has-image .detail-hero-button:hover img{transform:scale(1.03)}.detail-hero-emoji{font-size:4rem}.detail-meta{font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem;letter-spacing:.3px}.detail-title-h{font-family:"Noto Serif SC",serif;font-size:1.5rem;font-weight:500;margin-bottom:.6rem;letter-spacing:.5px}.detail-tags{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:1.5rem}.detail-tag{padding:.2rem .6rem;background:var(--accent-soft);border-radius:50px;font-size:.72rem;color:var(--accent);font-weight:400}.detail-body{font-size:.95rem;line-height:2;color:var(--text-secondary);margin-bottom:2rem}.detail-body p{margin-bottom:1rem}.detail-photos{display:flex;gap:.45rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.4rem 0;-webkit-overflow-scrolling:touch;margin-bottom:1.5rem}.detail-photo-thumb{flex:0 0 80px;height:80px;border-radius:10px;overflow:hidden;cursor:pointer;scroll-snap-align:start;border:2px solid var(--border-light);padding:0;background:transparent;transition:border-color .2s,box-shadow .2s}.detail-photo-thumb:hover{border-color:var(--accent)}.detail-photo-thumb.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft-mid)}.detail-photo-thumb img{width:100%;height:100%;object-fit:cover}.detail-nav-row{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-light)}.detail-nav-placeholder{display:block}.detail-nav-btn{display:flex;align-items:center;gap:.6rem;padding:.7rem .85rem;background:var(--bg-alt);border:1px solid var(--border-light);border-radius:var(--radius-xs);cursor:pointer;text-align:left;color:var(--text);transition:all .22s ease;overflow:hidden}.detail-nav-btn:hover{background:var(--accent-soft);border-color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.detail-nav-prev{justify-content:flex-start}.detail-nav-next{justify-content:flex-end;text-align:right}.detail-nav-arrow{font-size:1.2rem;color:var(--accent);flex-shrink:0}.detail-nav-meta{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1}.detail-nav-label{font-size:.68rem;color:var(--text-muted);letter-spacing:.4px}.detail-nav-title{font-size:.82rem;color:var(--text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox{position:fixed;inset:0;background:#000000f0;z-index:3000;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;touch-action:pan-y}.lightbox.active{opacity:1;visibility:visible}.lightbox-close{position:absolute;top:1rem;right:1.25rem;background:none;border:none;color:#fff9;font-size:1.8rem;cursor:pointer;z-index:10;transition:color .2s;line-height:1}.lightbox-close:hover{color:#fff}.lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:50%;width:44px;height:44px;color:#ffffffb3;font-size:1.4rem;cursor:pointer;z-index:10;transition:all .25s ease;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.lightbox-prev:hover,.lightbox-next:hover{background:#ffffff26;color:#fff;transform:translateY(-50%) scale(1.08)}.lightbox-prev{left:1rem}.lightbox-next{right:1rem}.lightbox-content{max-width:90vw;max-height:80vh;display:flex;flex-direction:column;align-items:center}.lightbox-img{max-width:100%;max-height:75vh;object-fit:contain;border-radius:6px;transition:opacity .25s ease;cursor:zoom-in}.lightbox-img.zoomed{cursor:zoom-out;max-height:none;max-width:none}.lightbox-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;border:3px solid rgba(255,255,255,.15);border-top-color:#fff9;border-radius:50%;animation:timelineSpin .7s linear infinite;pointer-events:none;z-index:5}.lightbox-loading.hidden{display:none}.lightbox-caption{color:#ffffff80;font-size:.82rem;margin-top:.75rem;text-align:center}.lightbox-counter{position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%);color:#ffffff59;font-size:.78rem;display:flex;gap:.6rem;align-items:center;max-width:90vw}.lightbox-counter-idx{color:#ffffff8c;white-space:nowrap}.lightbox-title-text{color:#ffffffb3;font-family:"Noto Serif SC",PingFang SC,serif;letter-spacing:.5px;max-width:min(60vw,420px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lightbox-counter-idx+.lightbox-title-text:before{content:"·";margin-right:.6rem;color:#ffffff4d}.dashboard-section{background:var(--bg);width:100%;padding:calc(var(--nav-h) + 2.5rem) 1.5rem 3.5rem;max-width:1100px;margin:0 auto}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2.5rem}.dash-stat-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:1.5rem 1rem;text-align:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--shadow-sm)}.dash-stat-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md),var(--shadow-colored);transform:translateY(-2px)}.dash-stat-icon{font-size:1.4rem;margin-bottom:.4rem}.dash-stat-num{font-family:Inter,sans-serif;font-size:1.8rem;font-weight:600;color:var(--text);line-height:1.1}.dash-stat-label{font-size:.7rem;color:var(--text-muted);margin-top:.25rem;letter-spacing:.5px}.dashboard-charts{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.dash-chart-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:1.5rem;box-shadow:var(--shadow-sm)}.dash-chart-full{grid-column:1 / -1}.dash-chart-title{font-family:"Noto Serif SC",serif;font-size:.88rem;font-weight:500;color:var(--text);margin-bottom:1rem;letter-spacing:.5px}.dash-bar-chart{display:flex;flex-direction:column;gap:.5rem}.dash-bar-row{display:flex;align-items:center;gap:.5rem}.dash-bar-label{font-size:.72rem;color:var(--text-secondary);min-width:46px;text-align:right;flex-shrink:0;font-weight:400}.dash-bar-track{flex:1;height:18px;background:var(--bg-alt);border-radius:9px;overflow:hidden}.dash-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-light),var(--accent));border-radius:9px;transition:width 1s cubic-bezier(.25,.1,.25,1)}.dash-bar-value{font-size:.7rem;color:var(--text-muted);min-width:24px;text-align:left;flex-shrink:0;font-weight:400}.dash-mood-chart{display:flex;flex-wrap:wrap;gap:.4rem}.dash-mood-item{display:flex;align-items:center;gap:.3rem;background:var(--bg-alt);border-radius:50px;padding:.25rem .65rem;transition:var(--transition-fast);border:1px solid transparent}.dash-mood-item:hover{border-color:var(--border);background:var(--bg-card)}.dash-mood-emoji{font-size:.95rem}.dash-mood-count{font-size:.75rem;font-weight:500;color:var(--text-secondary)}.dash-tag-cloud{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;justify-content:center}.dash-tag-item{display:inline-block;padding:.2rem .6rem;background:var(--accent-soft);color:var(--accent);border-radius:50px;font-weight:400;transition:var(--transition-fast);cursor:default}.dash-tag-item:hover{background:var(--accent-soft-mid)}.dash-tag-item.clickable{cursor:pointer}.dash-tag-item.clickable:hover{background:var(--accent);color:#fff;transform:translateY(-1px);box-shadow:0 3px 10px #2d6a4f40}.notes-section{background:var(--bg);width:100%;padding:calc(var(--nav-h) + 2.5rem) 1.5rem 3.5rem;max-width:900px;margin:0 auto}.notes-grid{columns:2;column-gap:1.25rem}.note-card{break-inside:avoid;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:1.35rem;margin-bottom:1.25rem;transition:all .3s ease;cursor:default;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.note-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,var(--accent-light),var(--accent));opacity:0;transition:opacity .3s ease;border-radius:0 2px 2px 0}.note-card:hover{border-color:var(--border);box-shadow:var(--shadow-md),var(--shadow-colored);transform:translateY(-2px)}.note-card:active{transform:translateY(0) scale(.99);transition-duration:.1s}.note-card:hover:before{opacity:1}.note-mood{font-size:1.3rem;margin-bottom:.65rem}.note-text{font-family:"Noto Serif SC",serif;font-size:.88rem;line-height:1.85;color:var(--text);margin-bottom:.75rem}.note-date{font-size:.68rem;color:var(--text-muted);font-weight:400;letter-spacing:.3px}.gear-section{background:var(--bg);width:100%;padding:calc(var(--nav-h) + 2.5rem) 1.5rem 3.5rem;max-width:1100px;margin:0 auto}.gear-category{margin-bottom:2.25rem}.gear-cat-title{font-family:"Noto Serif SC",serif;font-size:1.05rem;font-weight:500;margin-bottom:.85rem;color:var(--text);letter-spacing:.3px}.gear-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.85rem}.gear-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:1.1rem;display:flex;gap:.75rem;transition:var(--transition-fast);box-shadow:var(--shadow-sm)}.gear-card:hover{border-color:var(--border);box-shadow:var(--shadow-md),var(--shadow-colored);transform:translateY(-2px)}.gear-card:active{transform:scale(.98);transition-duration:.1s}.gear-card-icon{font-size:1.4rem;width:42px;height:42px;background:var(--accent-soft);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gear-card-body{flex:1;min-width:0}.gear-name{font-size:.85rem;font-weight:500;color:var(--text);margin-bottom:.08rem}.gear-cat-label{font-size:.65rem;color:var(--accent);background:var(--accent-soft);display:inline-block;padding:.06rem .35rem;border-radius:4px;margin-bottom:.25rem}.gear-desc{font-size:.78rem;color:var(--text-secondary);line-height:1.5}.gear-purchased{font-size:.65rem;color:var(--text-muted);font-family:Inter,sans-serif}.checklist{display:flex;flex-wrap:wrap;gap:.4rem}.checklist-item{display:flex;align-items:center;gap:.3rem;background:var(--bg-card);border:1px solid var(--border-light);border-radius:8px;padding:.3rem .55rem;font-size:.78rem;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.checklist-item:hover{border-color:var(--accent)}.checklist-item input[type=checkbox]{accent-color:var(--accent);width:14px;height:14px}.checklist-item:has(input:checked){background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.about-section{background:var(--bg);width:100%;padding:calc(var(--nav-h) + 3rem) 1.5rem 4rem;max-width:780px;margin:0 auto}.about-intro{text-align:center;margin-bottom:3rem}.about-avatar{width:80px;height:80px;margin:0 auto 1.25rem;display:block;background:transparent;object-fit:contain}.about-avatar-placeholder{width:90px;height:90px;border-radius:50%;background:var(--accent-soft);border:2px solid var(--border-light);display:flex;align-items:center;justify-content:center;font-size:2.2rem;margin:0 auto 1.25rem;box-shadow:0 0 30px #2d7a4f14}.about-name{font-family:"Noto Serif SC",serif;font-size:1.6rem;font-weight:500;margin-bottom:1.25rem;letter-spacing:1px}.about-bio{max-width:580px;margin:0 auto}.about-bio p{font-size:.88rem;line-height:1.85;color:var(--text-secondary);margin-bottom:.85rem}.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:2.5rem}.about-stat{text-align:center;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:1.25rem .65rem;box-shadow:var(--shadow-sm)}.about-stat-num{display:block;font-size:1.6rem;font-weight:600;color:var(--text);font-family:Inter,sans-serif}.about-stat-label{display:block;font-size:.7rem;color:var(--text-muted);margin-top:.2rem}.about-section-block{margin-bottom:2.25rem}.about-section-block h3,.about-contact h3{font-family:"Noto Serif SC",serif;font-size:.98rem;font-weight:500;margin-bottom:.85rem;color:var(--text);padding-bottom:.4rem;border-bottom:1px solid var(--border-light);letter-spacing:.5px}.about-milestones{position:relative;padding-left:1.25rem}.about-milestones:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1.5px;background:var(--border);border-radius:1px}.about-milestone{position:relative;margin-bottom:1rem}.about-milestone:before{content:"";position:absolute;left:-1.285rem;top:.35rem;width:7px;height:7px;border-radius:50%;background:var(--accent);border:1.5px solid var(--bg)}.about-milestone-date{font-size:.68rem;font-weight:500;color:var(--accent);font-family:Inter,sans-serif;letter-spacing:.3px}.about-milestone p{font-size:.85rem;color:var(--text-secondary);margin-top:.15rem;line-height:1.6}.about-contact p{font-size:.82rem;color:var(--text-secondary);margin-bottom:.35rem}.footer{padding:2.5rem 1.5rem;text-align:center;background:var(--bg);border-top:1px solid var(--border-light)}.footer-content{max-width:1100px;margin:0 auto}.footer-brand{font-family:"Noto Serif SC",serif;font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:.15rem;letter-spacing:2px;display:flex;align-items:center;justify-content:center;gap:.4rem}.footer-logo{width:22px;height:22px;border-radius:4px;vertical-align:middle}.footer-copy{color:var(--text-muted);font-size:.65rem;opacity:.4}.footer-beian{margin-top:.25rem;display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap}.footer-beian a{color:var(--text-muted);font-size:.65rem;opacity:.5;transition:var(--transition-fast);display:inline-flex;align-items:center;gap:4px;text-decoration:none}.footer-beian a:hover{opacity:1;color:var(--accent)}.footer-beian img{display:block}.lazy-img{opacity:0;filter:blur(12px);transition:opacity .5s ease,filter .5s ease;background:var(--bg-alt)}.lazy-img.loaded{opacity:1;filter:blur(0)}.scroll-reveal{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.25,.1,.25,1),transform .6s cubic-bezier(.25,.1,.25,1)}.scroll-reveal.in-view{opacity:1;transform:translateY(0)}.recent-grid .scroll-reveal:nth-child(1){transition-delay:0ms}.recent-grid .scroll-reveal:nth-child(2){transition-delay:80ms}.recent-grid .scroll-reveal:nth-child(3){transition-delay:.16s}.recent-grid .scroll-reveal:nth-child(4){transition-delay:.24s}.timeline-grid .scroll-reveal:nth-child(1){transition-delay:0ms}.timeline-grid .scroll-reveal:nth-child(2){transition-delay:60ms}.timeline-grid .scroll-reveal:nth-child(3){transition-delay:.12s}.timeline-grid .scroll-reveal:nth-child(4){transition-delay:.18s}.dashboard-grid .scroll-reveal:nth-child(1){transition-delay:0ms}.dashboard-grid .scroll-reveal:nth-child(2){transition-delay:70ms}.dashboard-grid .scroll-reveal:nth-child(3){transition-delay:.14s}.dashboard-grid .scroll-reveal:nth-child(4){transition-delay:.21s}.notes-grid .scroll-reveal:nth-child(1){transition-delay:0ms}.notes-grid .scroll-reveal:nth-child(2){transition-delay:60ms}.notes-grid .scroll-reveal:nth-child(3){transition-delay:.12s}.notes-grid .scroll-reveal:nth-child(4){transition-delay:.18s}.gear-grid .scroll-reveal:nth-child(1){transition-delay:0ms}.gear-grid .scroll-reveal:nth-child(2){transition-delay:50ms}.gear-grid .scroll-reveal:nth-child(3){transition-delay:.1s}.gear-grid .scroll-reveal:nth-child(4){transition-delay:.15s}.about-stats .scroll-reveal:nth-child(1){transition-delay:0ms}.about-stats .scroll-reveal:nth-child(2){transition-delay:60ms}.about-stats .scroll-reveal:nth-child(3){transition-delay:.12s}.about-stats .scroll-reveal:nth-child(4){transition-delay:.18s}@keyframes timelineSpin{to{transform:rotate(360deg)}}.map-section{width:100%;padding:calc(var(--nav-h) + 1.5rem) 0 0 0;position:relative}.map-section .section-header{padding:0 1.5rem;margin-bottom:1rem}.map-main{display:grid;grid-template-columns:1fr 250px;gap:0;width:100%;max-width:1400px;margin:0 auto;padding:0 1.25rem;align-items:start}.map-wrapper{position:relative;width:100%}#chinaMap{width:100%;height:clamp(420px,62vh,650px);border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border-light);box-shadow:var(--shadow);position:relative}.map-loading{position:absolute;inset:0;z-index:250;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;background:var(--bg-card);color:var(--text-muted);font-size:.82rem;letter-spacing:.5px;opacity:0;transition:opacity .3s ease;pointer-events:none;border-radius:var(--radius-sm)}.map-loading.visible{opacity:1;pointer-events:auto}.map-loading-spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:mapLoadingSpin .85s linear infinite}@keyframes mapLoadingSpin{to{transform:rotate(360deg)}}.map-search{position:absolute;top:14px;left:14px;z-index:200;display:flex;align-items:center;gap:8px;background:var(--bg-card);border-radius:22px;padding:7px 14px;box-shadow:var(--shadow-md);border:1px solid var(--border-light);max-width:250px;transition:border-color .2s,box-shadow .2s}.map-search:focus-within{border-color:var(--accent);box-shadow:var(--shadow-lg),0 0 0 3px var(--accent-soft)}.map-search svg{color:var(--text-muted);flex-shrink:0}.map-search input{border:none;background:none;outline:none;font-size:.82rem;color:var(--text);font-family:inherit;width:100%;min-width:0}.map-search input::placeholder{color:var(--text-muted)}.map-reset-btn{position:absolute;top:14px;right:14px;z-index:200;display:flex;align-items:center;gap:4px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:18px;padding:8px 16px;font-size:.8rem;font-weight:500;color:var(--accent);cursor:pointer;box-shadow:var(--shadow-md);font-family:inherit;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .25s ease,transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,border-color .2s;backdrop-filter:blur(12px)}.map-reset-btn.visible{opacity:1;transform:translateY(0);pointer-events:auto}.map-reset-btn:hover{box-shadow:var(--shadow-lg);border-color:var(--accent);background:var(--accent-soft)}.map-legend-bar{display:flex;justify-content:center;align-items:center;gap:1.2rem;padding:.6rem 1.5rem;font-size:.78rem;color:var(--text-muted);flex-wrap:wrap}.map-legend-bar b{color:var(--accent);font-weight:600}.map-sidebar{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:1.25rem;box-shadow:var(--shadow-sm);max-height:clamp(420px,62vh,650px);overflow-y:auto;position:sticky;top:calc(var(--nav-h) + 1rem)}.map-sidebar::-webkit-scrollbar{width:4px}.map-sidebar::-webkit-scrollbar-track{background:transparent}.map-sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.map-sidebar-title{font-family:"Noto Serif SC",serif;font-size:.85rem;font-weight:500;color:var(--text);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-light);letter-spacing:1px}.map-sidebar-list{display:flex;flex-direction:column;gap:1px}.map-sidebar-item{display:flex;align-items:center;justify-content:space-between;padding:.45rem .55rem;border-radius:var(--radius-xs);cursor:pointer;transition:var(--transition-fast);font-size:.78rem;color:var(--text-secondary);border:1px solid transparent;background:transparent;width:100%;font-family:inherit;text-align:left}.map-sidebar-item:hover{background:var(--accent-soft);color:var(--accent)}.map-sidebar-item.active{background:var(--accent-soft-mid);color:var(--accent);font-weight:500}.map-sidebar-item-name{font-weight:400}.map-sidebar-item-count{font-size:.68rem;color:var(--text-muted);background:var(--bg-alt);padding:.1rem .45rem;border-radius:50px;font-weight:400}.map-marker-photo,.map-marker-no-photo{width:32px;height:32px;border:2px solid #fff;border-radius:50%;box-shadow:0 4px 14px #00000038,0 0 0 2px #2d7a4f38;overflow:hidden;display:grid;place-items:center;padding:0;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;background:var(--accent)}.map-marker-photo:hover,.map-marker-no-photo:hover{transform:scale(1.12);box-shadow:0 6px 20px #00000047,0 0 0 4px #2d7a4f2e}.map-marker-photo img{width:100%;height:100%;object-fit:cover}.map-marker-no-photo{color:#fff;font-size:.95rem;line-height:1}.journeys-section{margin-bottom:2.5rem}.journeys-title{font-family:"Noto Serif SC",serif;font-size:.95rem;font-weight:500;margin-bottom:1rem;color:var(--text);letter-spacing:.3px}.journeys-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.journey-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm)}.journey-card:hover{border-color:var(--border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.journey-cover{height:80px;display:flex;align-items:center;justify-content:center;font-size:2rem}.journey-info{padding:.7rem}.journey-name{font-size:.85rem;font-weight:500;color:var(--text);margin-bottom:.12rem}.journey-desc{font-size:.72rem;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.25rem}.journey-meta{display:flex;gap:.5rem;font-size:.65rem;color:var(--text-muted);font-family:Inter,sans-serif;font-weight:400}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:42px;height:42px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:50%;font-size:1rem;color:var(--accent);cursor:pointer;z-index:900;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s,transform .3s,box-shadow .3s;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:var(--shadow-lg)}.mobile-tab-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:999;background:var(--bg-card);border-top:1px solid var(--border-light);padding:.3rem 0 calc(.3rem + env(safe-area-inset-bottom));justify-content:space-around;box-shadow:0 -2px 12px #0000000f}.tab-item{display:flex;flex-direction:column;align-items:center;gap:.1rem;background:none;border:none;padding:.3rem 0;cursor:pointer;color:var(--text-muted);font-size:.6rem;font-family:inherit;transition:color .2s;min-width:0;flex:1}.tab-icon{font-size:1.15rem;line-height:1}.tab-label{font-weight:400;letter-spacing:.3px}.tab-item.active{color:var(--accent)}.empty-state{grid-column:1 / -1;text-align:center;padding:4rem 1.5rem 3.5rem;color:var(--text-muted)}@media(max-width:1024px){.recent-grid{grid-template-columns:repeat(2,1fr)}.map-main{grid-template-columns:1fr}.map-sidebar{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));max-height:none;margin-top:1rem}.map-sidebar-list{flex-direction:row;flex-wrap:wrap}.map-sidebar-item{flex:0 0 auto}.map-sidebar-title{grid-column:1 / -1}}@media(max-width:768px){.nav-links{display:none}.hamburger,.mobile-tab-bar{display:flex}.back-to-top{bottom:calc(4rem + env(safe-area-inset-bottom));right:1rem}.nav-links.mobile-open{display:flex;position:fixed;top:var(--nav-h);left:0;right:0;flex-direction:column;background:var(--bg-card);padding:1rem 1.5rem;border-bottom:1px solid var(--border-light);box-shadow:0 4px 20px #00000014;z-index:999;animation:menuSlideDown .3s ease}@keyframes menuSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-links.mobile-open .nav-link{padding:.65rem 0}.hero-nav{grid-template-columns:repeat(3,1fr);gap:.45rem}.hero-nav-btn{padding:.5rem 0;font-size:.78rem}.photo-cover{height:140px;font-size:2.5rem}.photo-info{padding:.7rem}.photo-title{font-size:.8rem}.photo-note{font-size:.72rem;-webkit-line-clamp:1}.timeline-grid{grid-template-columns:1fr}#chinaMap{height:400px}.map-main{padding:0}.dashboard-grid{grid-template-columns:repeat(2,1fr)}.dashboard-charts{grid-template-columns:1fr}.about-stats{grid-template-columns:repeat(2,1fr)}.gear-grid,.journeys-grid{grid-template-columns:1fr}.detail-hero{height:240px}.detail-nav-row{grid-template-columns:1fr}}@media(max-width:480px){.hero-stats{gap:1rem}.hero-stat-num{font-size:1.3rem}.hero-stat+.hero-stat:before{display:none}.hero-nav{grid-template-columns:repeat(2,1fr)}.notes-grid{columns:1}#chinaMap{height:320px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.scroll-reveal{opacity:1;transform:none}.hero-orb{animation:none;opacity:.04}.hero:before{animation:none}}.year-review-section{background:var(--bg);width:100%;padding:calc(var(--nav-h) + 2.5rem) 1.5rem 3.5rem;max-width:900px;margin:0 auto}.year-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-sm);margin-bottom:1.25rem;box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.year-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md),var(--shadow-colored)}.year-card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.35rem;cursor:pointer;user-select:none;transition:background .2s ease}.year-card-header:hover{background:var(--accent-soft)}.year-card-title{display:flex;align-items:baseline;gap:.6rem;flex:1;min-width:0}.year-card-year{font-family:"Noto Serif SC",serif;font-size:1.15rem;font-weight:500;color:var(--text);letter-spacing:.5px}.year-card-count{font-size:.72rem;color:var(--text-muted);font-weight:400}.year-card-summary{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;font-size:.78rem;color:var(--text-secondary)}.year-card-km{font-family:Inter,sans-serif;font-weight:500;color:var(--accent)}.year-card-photos{font-family:Inter,sans-serif}.year-card-provinces{color:var(--text-muted);font-size:.72rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.year-card-toggle{font-size:.7rem;color:var(--text-muted);transition:transform .3s ease;flex-shrink:0;width:20px;text-align:center}.year-card.open .year-card-toggle{transform:rotate(180deg)}.year-card-body{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.25,.1,.25,1);border-top:1px solid transparent}.year-card.open .year-card-body{border-top-color:var(--border-light)}.year-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;padding:1.25rem 1.35rem .5rem}.year-stat{text-align:center}.year-stat-num{display:block;font-size:1.35rem;font-weight:600;color:var(--text);font-family:Inter,sans-serif;line-height:1.1}.year-stat-label{display:block;font-size:.68rem;color:var(--text-muted);margin-top:.2rem;letter-spacing:.3px}.year-chart-row{display:grid;grid-template-columns:1.2fr 1fr;gap:1.25rem;padding:1rem 1.35rem}.year-chart-title{font-family:"Noto Serif SC",serif;font-size:.82rem;font-weight:500;color:var(--text);margin-bottom:.6rem;letter-spacing:.3px}.year-month-chart{display:flex;flex-direction:column;gap:.35rem}.year-month-bars{display:flex;align-items:flex-end;gap:3px;height:80px}.year-month-bar{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(180deg,var(--accent-light),var(--accent));opacity:.85;transition:opacity .2s ease,filter .2s ease;height:var(--bar-h, 0);min-height:0}.year-month-bar:hover{opacity:1;filter:brightness(1.1)}.year-month-bar-empty{background:var(--bg-alt);opacity:.4}.year-month-labels{display:flex;gap:3px}.year-month-labels span{flex:1;text-align:center;font-size:.58rem;color:var(--text-muted);font-family:Inter,sans-serif}.year-mood-chart{display:flex;flex-wrap:wrap;gap:.35rem}.year-mood-item{display:flex;align-items:center;gap:.25rem;background:var(--bg-alt);border-radius:50px;padding:.2rem .55rem;font-size:.78rem;color:var(--text-secondary);border:1px solid transparent;transition:var(--transition-fast)}.year-mood-item:hover{border-color:var(--border);background:var(--bg-card)}.year-mood-emoji{font-size:.95rem}.year-mood-count{font-size:.72rem;font-weight:500;color:var(--text-secondary)}.year-top-tags{padding:0 1.35rem .75rem}.year-tags{display:flex;flex-wrap:wrap;gap:.35rem}.year-tag-item{display:inline-block;padding:.15rem .55rem;background:var(--accent-soft);color:var(--accent);border-radius:50px;font-size:.72rem;font-weight:400}.year-tag-item small{opacity:.7;font-size:.65rem;margin-left:.15rem}.year-entries{padding:0 1.35rem 1.25rem}.year-entries-list{display:flex;flex-direction:column;gap:.5rem}.year-entry-item{display:flex;align-items:center;gap:.6rem;padding:.55rem .75rem;background:var(--bg-alt);border-radius:var(--radius-xs);cursor:pointer;transition:background .2s ease,transform .15s ease;font-size:.8rem;border:1px solid transparent;text-decoration:none;color:inherit}.year-entry-item:hover{background:var(--accent-soft);border-color:var(--accent-soft-mid);transform:translate(3px)}.year-entry-date{color:var(--text-muted);font-size:.72rem;font-family:Inter,sans-serif;flex-shrink:0}.year-entry-title{flex:1;min-width:0;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.year-entry-province{color:var(--accent);font-size:.7rem;flex-shrink:0;background:var(--accent-soft);padding:.08rem .4rem;border-radius:50px}@media(max-width:768px){.year-stat-grid{grid-template-columns:repeat(2,1fr)}.year-chart-row{grid-template-columns:1fr}.year-card-summary{display:none}.year-card-header{flex-wrap:wrap}}@media(max-width:480px){.year-review-section{padding:calc(var(--nav-h) + 1.5rem) 1rem 2.5rem}.year-card-header{padding:.9rem 1rem}.year-stat-grid{padding:1rem 1rem .5rem;gap:.5rem}.year-chart-row{padding:.75rem 1rem}.year-top-tags,.year-entries{padding-left:1rem;padding-right:1rem}.year-card-year{font-size:1rem}}