@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;700;900&display=swap";:root{--sakura: #fcb4d4;--sakura-deep: #f88fbe;--bg: #f5f5f5;--card: #ffffff;--text: #505050;--text-sub: #7d7d7d;--border: #e8e8e8;--shadow: 0 4px 16px rgba(0, 0, 0, .06);--shadow-up: 0 12px 32px rgba(0, 0, 0, .13);--radius: 14px;--header-bg: rgba(255, 255, 255, .78);--hero-grad: linear-gradient(165deg, #fcb4d4 0%, #fddced 42%, #f5f5f5 100%);--serif: "Noto Serif SC", "Songti SC", "STSong", "SimSun", serif}:root[data-theme=dark]{--bg: #1a1a1c;--card: #242428;--text: #d0d0d0;--text-sub: #9a9aa2;--border: #35353c;--shadow: 0 4px 16px rgba(0, 0, 0, .4);--shadow-up: 0 12px 32px rgba(0, 0, 0, .55);--header-bg: rgba(26, 26, 28, .78);--hero-grad: linear-gradient(165deg, rgba(252, 180, 212, .16) 0%, rgba(252, 180, 212, .05) 42%, #1a1a1c 100%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;transition:background .35s ease,color .35s ease}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--serif);font-weight:700;line-height:1.35}button{font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--header-bg);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid var(--border);transition:background .35s ease}.header-inner{max-width:1200px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;gap:24px}.logo{width:42px;height:42px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--sakura-deep),var(--sakura));display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #f88fbe73;transition:transform .3s ease}.logo:hover{transform:rotate(18deg) scale(1.06)}.logo svg{width:22px;height:22px}.site-name{font-family:var(--serif);font-weight:700;font-size:1.1rem;letter-spacing:.06em;white-space:nowrap}.nav{display:flex;gap:4px;margin-left:auto}.nav a{padding:8px 16px;border-radius:999px;font-size:15px;color:var(--text-sub);transition:color .25s,background .25s}.nav a:hover{color:var(--sakura-deep);background:#fcb4d424}.nav a.active{color:var(--sakura-deep);background:#fcb4d42e;font-weight:600}.header-actions{display:flex;gap:8px}.icon-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text-sub);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .25s,border-color .25s,background .25s}.icon-btn:hover{color:var(--sakura-deep);border-color:var(--sakura);background:#fcb4d41f}.icon-btn svg{width:18px;height:18px}:root[data-theme=dark] .icon-sun{display:none}:root:not([data-theme=dark]) .icon-moon{display:none}.hero{min-height:72vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--hero-grad);position:relative;padding:110px 24px 80px;text-align:center}.hero h1{font-size:clamp(2.6rem,6vw,4.2rem);font-weight:900;letter-spacing:.08em}.hero-sub{margin-top:18px;font-size:1.05rem;color:var(--text-sub);letter-spacing:.12em}.scroll-down{position:absolute;bottom:34px;left:50%;color:var(--sakura-deep);animation:bounce 2s infinite}.scroll-down svg{width:30px;height:30px}@keyframes bounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,10px)}}.home-layout{display:flex;gap:28px;padding-top:40px;padding-bottom:64px;align-items:flex-start}.post-list{flex:1;min-width:0;display:flex;flex-direction:column;gap:24px}.sidebar{width:28%;flex-shrink:0;position:sticky;top:88px;display:flex;flex-direction:column;gap:20px}.post-card{display:flex;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.post-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-up)}.card-cover{width:40%;flex-shrink:0;overflow:hidden}.card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.post-card:hover .card-cover img{transform:scale(1.05)}.card-body{flex:1;padding:22px 26px;display:flex;flex-direction:column;gap:10px;min-width:0}.card-body h2{font-size:1.3rem}.card-body h2 a{transition:color .25s}.card-body h2 a:hover{color:var(--sakura-deep)}.card-meta{display:flex;flex-wrap:wrap;gap:14px;font-size:.82rem;color:var(--text-sub)}.card-meta span{display:inline-flex;align-items:center;gap:5px}.card-meta svg{width:14px;height:14px;flex-shrink:0}.card-summary{font-size:.92rem;color:var(--text-sub);line-height:1.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.tag-chip{font-size:.75rem;color:var(--sakura-deep);background:#fcb4d429;padding:3px 10px;border-radius:999px;transition:background .25s}.tag-chip:hover{background:#fcb4d452}.widget{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);padding:24px}.widget h3{font-size:1.02rem;margin-bottom:14px;display:flex;align-items:center;gap:8px}.widget h3:before{content:"";width:4px;height:16px;border-radius:2px;background:linear-gradient(var(--sakura-deep),var(--sakura))}.author-top{display:flex;align-items:center;gap:14px}.avatar{width:64px;height:64px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--sakura-deep),#ffe1ee);color:#fff;font-size:26px;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:700;box-shadow:0 4px 12px #f88fbe66}.author-name{font-weight:700;font-size:1.05rem}.author-sign{font-size:.82rem;color:var(--text-sub);margin-top:2px}.social-row{display:flex;gap:10px;margin-top:16px}.social-row a{width:36px;height:36px;border-radius:50%;background:#fcb4d429;color:var(--sakura-deep);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;transition:background .25s,color .25s,transform .25s}.social-row a:hover{background:var(--sakura-deep);color:#fff;transform:translateY(-2px)}.notice-text{font-size:.88rem;color:var(--text-sub);line-height:1.8}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag-cloud span{font-size:.8rem;padding:4px 12px;border-radius:999px;background:#fcb4d424;color:var(--text-sub);cursor:default;transition:background .25s,color .25s}.tag-cloud span:hover{background:var(--sakura-deep);color:#fff}.stat-row{display:flex;justify-content:space-around;margin-top:16px;padding-top:14px;border-top:1px dashed var(--border)}.stat-item{text-align:center}.stat-num{font-weight:700;color:var(--sakura-deep);font-size:1.05rem}.stat-label{font-size:.75rem;color:var(--text-sub)}.site-footer{margin-top:40px;background:linear-gradient(135deg,var(--sakura-deep) 0%,var(--sakura) 60%,#ffd7e8 100%);color:#fff;text-align:center;padding:34px 24px}.site-footer p{font-size:.88rem;opacity:.92}.site-footer a{color:#fff;border-bottom:1px dotted rgba(255,255,255,.7)}.site-footer .beian{margin-top:6px;font-size:.76rem;opacity:.75}.back-top{position:fixed;right:26px;bottom:30px;z-index:90;width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;background:var(--card);color:var(--sakura-deep);box-shadow:var(--shadow-up);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .3s,visibility .3s,transform .3s,background .25s,color .25s}.back-top.show{opacity:1;visibility:visible;transform:translateY(0)}.back-top:hover{background:var(--sakura-deep);color:#fff}.back-top svg{width:20px;height:20px}#sakura-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.post-page{padding-top:104px;padding-bottom:64px;max-width:860px}.post-hero{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.post-hero img{width:100%;height:380px;object-fit:cover}.post-article{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);padding:40px 48px;margin-top:26px}.post-article h1{font-size:2rem;font-weight:900}.post-article .card-meta{margin:14px 0 8px;padding-bottom:18px;border-bottom:1px solid var(--border)}.prose{margin-top:22px;font-size:1rem;line-height:1.8}.prose h2{font-size:1.45rem;margin:30px 0 14px;padding-left:12px;border-left:4px solid var(--sakura)}.prose h3{font-size:1.15rem;margin:24px 0 12px}.prose p{margin:12px 0}.prose a{color:var(--sakura-deep);border-bottom:1px dashed var(--sakura)}.prose ul,.prose ol{padding-left:24px;margin:12px 0}.prose li{margin:6px 0}.prose li::marker{color:var(--sakura-deep)}.prose blockquote{border-left:4px solid var(--sakura);background:#fcb4d41a;border-radius:0 10px 10px 0;padding:12px 20px;margin:18px 0;color:var(--text-sub)}.prose pre{background:#1e1e26;color:#dcdce4;border-radius:12px;padding:18px 22px;overflow-x:auto;margin:18px 0;line-height:1.7;font-size:.9rem}.prose pre code{background:none;padding:0;color:inherit}.prose :not(pre)>code{background:#fcb4d42e;color:var(--sakura-deep);padding:2px 7px;border-radius:6px;font-size:.88em}.prose img{border-radius:10px;margin:14px 0}.post-nav{display:flex;gap:14px;margin-top:34px;padding-top:22px;border-top:1px solid var(--border)}.post-nav a{flex:1;padding:14px 18px;border-radius:12px;background:#fcb4d41a;transition:background .25s,transform .25s;font-size:.92rem;min-width:0}.post-nav a:hover{background:#fcb4d442;transform:translateY(-2px)}.post-nav .nav-label{font-size:.75rem;color:var(--text-sub);display:block;margin-bottom:4px}.post-nav .next{text-align:right}.post-nav-empty{flex:1}.archive-page{padding-top:104px;padding-bottom:64px;max-width:860px}.page-title{font-size:1.9rem;font-weight:900;margin-bottom:6px}.page-desc{color:var(--text-sub);font-size:.92rem;margin-bottom:30px}.timeline{position:relative;padding-left:26px}.timeline:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;border-radius:2px;background:linear-gradient(var(--sakura),rgba(252,180,212,.15))}.year-group{margin-bottom:34px}.year-label{font-size:1.6rem;font-weight:900;color:var(--sakura-deep);margin-bottom:16px;position:relative}.year-label:before{content:"";position:absolute;left:-26px;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:var(--sakura);box-shadow:0 0 0 4px #fcb4d440}.timeline-item{position:relative;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:14px 20px;margin-bottom:12px;transition:transform .25s,border-color .25s}.timeline-item:hover{transform:translate(4px);border-color:var(--sakura)}.timeline-item:before{content:"";position:absolute;left:-26px;top:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:var(--sakura);opacity:.7}.timeline-item time{font-size:.8rem;color:var(--text-sub);margin-right:12px}.timeline-item a{font-weight:600;transition:color .2s}.timeline-item a:hover{color:var(--sakura-deep)}.timeline-item .tl-cat{float:right;font-size:.75rem;color:var(--sakura-deep);background:#fcb4d424;padding:2px 10px;border-radius:999px}.about-page{padding-top:104px;padding-bottom:64px;max-width:860px}.about-card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);padding:44px;text-align:center}.about-card .avatar{width:96px;height:96px;font-size:40px;margin:0 auto 18px}.about-card h1{font-size:1.8rem}.about-card .motto{color:var(--text-sub);margin:8px 0 26px;letter-spacing:.08em}.skill-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:30px}.skill-row .tag-chip{font-size:.82rem;padding:5px 14px;cursor:default}.about-prose{text-align:left;line-height:1.9}.about-prose p{margin:12px 0}.about-prose a{color:var(--sakura-deep);border-bottom:1px dashed var(--sakura)}@media(max-width:900px){.home-layout{flex-direction:column}.sidebar{width:100%;position:static}.post-card{flex-direction:column}.card-cover{width:100%;height:200px}.post-article{padding:26px 22px}.post-hero img{height:220px}.nav{gap:0}.nav a{padding:8px 10px;font-size:14px}.site-name{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
