:root{--accent: #7c6cf6;--accent-2: #ec6bb4;--accent-3: #4aa8f0;--glass-bg: rgba(255, 255, 255, .55);--glass-bg-strong: rgba(255, 255, 255, .72);--glass-border: rgba(255, 255, 255, .65);--glass-shadow: 0 8px 32px rgba(80, 80, 135, .12);--text-1: #33334d;--text-2: #6b6b85;--text-3: #9a9ab3;--blob-1: #b8e6c8;--blob-2: #ffd9e8;--blob-3: #cfe3ff;--blob-4: #e6d9ff;--radius: 22px;--radius-sm: 14px;--header-h: 64px}html.dark{--glass-bg: rgba(32, 32, 46, .55);--glass-bg-strong: rgba(36, 36, 52, .78);--glass-border: rgba(255, 255, 255, .09);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .35);--text-1: #e8e8f2;--text-2: #b0b0c8;--text-3: #7a7a96;--blob-1: #2e4a3a;--blob-2: #4a2e3e;--blob-3: #2e3a4e;--blob-4: #3a2e4e}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;color:var(--text-1);min-height:100vh;background:#f3f2f8;transition:color .3s}#bg-blobs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(135deg,#eef4ff,#fdf2f8,#f0fdf4)}html.dark #bg-blobs{background:linear-gradient(135deg,#14141e,#1c1520,#10161e)}#bg-blobs:before,#bg-blobs:after{content:"";position:absolute;border-radius:50%;filter:blur(90px);opacity:.85}#bg-blobs:before{width:55vw;height:55vw;left:-12vw;top:-12vw;background:radial-gradient(circle,var(--blob-1),transparent 65%)}#bg-blobs:after{width:60vw;height:60vw;right:-15vw;bottom:-18vw;background:radial-gradient(circle at 30% 30%,var(--blob-2),transparent 60%),radial-gradient(circle at 75% 25%,var(--blob-3),transparent 55%)}::selection{background:color-mix(in srgb,var(--accent) 30%,transparent)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit}.page-wrap{max-width:780px;margin:0 auto;padding:calc(var(--header-h) + 28px) 18px 90px}.glass{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--glass-shadow)}.glass-sm{background:var(--glass-bg);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid var(--glass-border);border-radius:var(--radius-sm)}.card{padding:26px}.section-gap>*+*{margin-top:18px}.gradient-text{background:linear-gradient(100deg,var(--accent-2),var(--accent) 55%,var(--accent-3));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.page-head{display:flex;align-items:center;gap:12px;margin-bottom:6px}.page-head .ph-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--accent-3);background:color-mix(in srgb,var(--accent-3) 14%,transparent)}.page-head h1{font-size:26px;font-weight:800;letter-spacing:.5px}.page-sub{color:var(--text-2);font-size:14.5px;margin:2px 0 22px 52px}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-h);z-index:100;display:flex;align-items:center;backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);background:var(--glass-bg);border-bottom:1px solid var(--glass-border)}.header-inner{width:100%;max-width:820px;margin:0 auto;padding:0 18px;display:flex;align-items:center;justify-content:space-between}.site-title{font-family:"Noto Serif SC",Songti SC,SimSun,serif;font-weight:900;font-size:21px;letter-spacing:1px;color:var(--text-1);display:flex;align-items:baseline;gap:3px}.site-title .no{color:var(--accent-3);font-size:18px}.site-title .site-logo{height:32px;width:auto;max-width:180px;object-fit:contain;display:block}.header-actions{display:flex;align-items:center;gap:6px}.icon-btn{width:38px;height:38px;border:none;border-radius:12px;background:transparent;color:var(--text-1);display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s}.icon-btn:hover{background:color-mix(in srgb,var(--text-1) 8%,transparent);transform:scale(1.06)}.drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#14142340;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(320px,86vw);z-index:201;padding:24px 18px;overflow-y:auto;border-radius:0;border-top:none;border-bottom:none;border-right:none;animation:drawer-in .28s cubic-bezier(.22,.8,.36,1);background:var(--glass-bg-strong)}@keyframes drawer-in{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}.drawer-close{position:absolute;top:14px;right:14px}.nav-list{display:flex;flex-direction:column;gap:6px;margin-top:30px}.nav-item{display:flex;align-items:center;gap:14px;padding:13px 16px;border-radius:14px;font-size:16px;color:var(--text-1);transition:background .18s,color .18s}.nav-item:hover,.nav-item.active{background:color-mix(in srgb,var(--accent-3) 16%,transparent);color:var(--accent-3)}.drawer-foot{margin-top:28px;color:var(--text-3);font-size:12.5px;text-align:center}.set-block{margin-top:22px}.set-label{font-size:13px;color:var(--text-2);margin-bottom:10px;font-weight:600}.seg{display:flex;background:color-mix(in srgb,var(--text-1) 7%,transparent);border-radius:12px;padding:4px;gap:4px}.seg button{flex:1;border:none;background:transparent;border-radius:9px;padding:8px 0;font-size:13.5px;color:var(--text-2);transition:all .2s}.seg button.on{background:var(--glass-bg-strong);color:var(--accent);box-shadow:0 2px 8px #00000014}.swatches{display:flex;gap:12px}.swatch{width:34px;height:34px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:transform .15s,border-color .15s}.swatch.on{border-color:var(--text-1);transform:scale(1.12)}.btn{display:inline-flex;align-items:center;gap:7px;border:none;border-radius:999px;padding:9px 20px;font-size:14px;font-weight:600;transition:transform .15s,opacity .15s,box-shadow .15s}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(120deg,var(--accent),var(--accent-3));color:#fff;box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 40%,transparent)}.btn-ghost{background:color-mix(in srgb,var(--text-1) 8%,transparent);color:var(--text-1)}.btn-ghost:hover{background:color-mix(in srgb,var(--text-1) 14%,transparent)}.btn[disabled]{opacity:.5;cursor:not-allowed}.profile-card{display:flex;gap:22px;align-items:flex-start}.avatar-ring{flex-shrink:0;width:84px;height:84px;border-radius:50%;padding:3px;background:linear-gradient(135deg,var(--accent-2),var(--accent),var(--accent-3))}.avatar-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:var(--glass-bg-strong)}.profile-info h1{font-size:26px;font-weight:800;margin-bottom:6px}.profile-info .bio{color:var(--text-2);font-size:14.5px;line-height:1.7}.stat-row{display:flex;justify-content:space-around;margin:26px 0 4px;text-align:center}.stat-row .num{font-size:26px;font-weight:800}.stat-row .num.p1{color:var(--accent-2)}.stat-row .num.p2{color:var(--accent-3)}.stat-row .num.p3{color:var(--accent)}.stat-row .lab{font-size:13px;color:var(--text-2);margin-top:2px}.social-row{display:flex;justify-content:flex-end;gap:12px;margin-top:14px}.social-btn{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-1);background:var(--glass-bg-strong);border:1px solid var(--glass-border);box-shadow:0 3px 10px #0000000f;transition:transform .18s,color .18s}.social-btn:hover{transform:translateY(-3px) scale(1.05);color:var(--accent)}.music-tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:1.5px;color:#fff;background:linear-gradient(90deg,var(--accent-2),var(--accent));padding:3px 12px;border-radius:999px;margin-bottom:8px}.player{display:flex;align-items:center;gap:16px}.player-cover{width:64px;height:64px;border-radius:14px;object-fit:cover;background:var(--glass-bg-strong);flex-shrink:0}.player-mid{flex:1;min-width:0}.player-name{font-weight:700;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-artist{color:var(--text-2);font-size:13px;margin-top:2px}.progress-line{display:flex;align-items:center;gap:10px;margin-top:10px;color:var(--text-3);font-size:11.5px;font-variant-numeric:tabular-nums}.progress-line input[type=range]{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:5px;border-radius:3px;background:color-mix(in srgb,var(--text-1) 15%,transparent);outline:none}.progress-line input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:var(--accent);cursor:pointer}.player-ctrl{display:flex;align-items:center;gap:10px}.pbtn{border:none;background:transparent;color:var(--text-1);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.pbtn:hover{background:color-mix(in srgb,var(--text-1) 8%,transparent)}.pbtn.play{width:52px;height:52px;background:linear-gradient(135deg,var(--accent),var(--accent-3));color:#fff;box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 45%,transparent)}.carousel{position:relative;border-radius:var(--radius);overflow:hidden}.carousel-track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1)}.carousel-item{min-width:100%;aspect-ratio:16/9;object-fit:cover}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:none;background:#ffffff59;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.carousel:hover .carousel-btn{opacity:1}.carousel-btn.prev{left:12px}.carousel-btn.next{right:12px}.carousel-dots{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;gap:6px}.carousel-dots span{width:6px;height:6px;border-radius:3px;background:#ffffff80;transition:all .25s;cursor:pointer}.carousel-dots span.on{width:16px;background:#fff}.sec-head{display:flex;align-items:center;justify-content:space-between;margin:30px 2px 14px}.sec-head h2{font-size:19px;font-weight:800;display:flex;align-items:center;gap:8px}.sec-head h2 svg{color:var(--accent-3)}.sec-head a{font-size:13px;color:var(--text-3);display:flex;align-items:center;gap:3px}.sec-head a:hover{color:var(--accent)}.post-featured{position:relative;border-radius:var(--radius);overflow:hidden;display:block;min-height:240px;transition:transform .25s}.post-featured:hover{transform:translateY(-3px)}.post-featured img.pf-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.post-featured .pf-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000000d 30%,#0000009e)}.post-featured .pf-body{position:absolute;left:22px;right:22px;bottom:18px;color:#fff}.post-featured h3{font-size:21px;font-weight:800;margin-bottom:6px;text-shadow:0 2px 8px rgba(0,0,0,.3)}.post-featured .pf-desc{font-size:13.5px;opacity:.92;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.meta-row{display:flex;align-items:center;gap:14px;font-size:12.5px;opacity:.85;margin-top:8px}.meta-row span{display:inline-flex;align-items:center;gap:4px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.post-tile{position:relative;border-radius:var(--radius-sm);overflow:hidden;aspect-ratio:16/10;display:block;transition:transform .25s}.post-tile:hover{transform:translateY(-3px)}.post-tile img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.post-tile .tile-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.66))}.post-tile h4{position:absolute;left:12px;right:12px;bottom:10px;color:#fff;font-size:13.5px;font-weight:700;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 6px rgba(0,0,0,.35)}.post-tile .tile-date{position:absolute;top:10px;left:12px;color:#ffffffe6;font-size:11.5px;text-shadow:0 1px 4px rgba(0,0,0,.4)}.post-card{position:relative;border-radius:var(--radius);overflow:hidden;display:block;min-height:200px;transition:transform .25s}.post-card:hover{transform:translateY(-3px)}.post-card img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.post-card .pc-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000000a 25%,#000000ad)}.post-card .pc-body{position:absolute;left:22px;right:22px;bottom:18px;color:#fff}.post-card h3{font-size:19px;font-weight:800;margin-bottom:5px;text-shadow:0 2px 8px rgba(0,0,0,.3)}.post-card .pc-desc{font-size:13px;opacity:.9;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.pill-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.pill{border:none;border-radius:999px;padding:7px 18px;font-size:13.5px;font-weight:600;background:color-mix(in srgb,var(--text-1) 7%,transparent);color:var(--text-2);transition:all .2s}.pill.on{background:var(--accent-3);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--accent-3) 40%,transparent)}.pill .cnt{opacity:.75;margin-left:4px;font-size:12px}.date-group{margin:26px 0 12px;display:flex;align-items:center;gap:10px;color:var(--text-1)}.date-group b{font-size:16.5px}.date-group span{color:var(--text-3);font-size:12.5px}.date-group:after{content:"";flex:1;height:1px;background:color-mix(in srgb,var(--text-1) 10%,transparent)}.moment-card{padding:18px 22px;margin-bottom:14px}.moment-head{display:flex;align-items:center;gap:10px;color:var(--text-3);font-size:13px}.mood-tag{font-size:12px;font-weight:700;color:var(--accent-3);background:color-mix(in srgb,var(--accent-3) 15%,transparent);border-radius:999px;padding:2px 12px}.moment-body{margin-top:10px;font-size:14.5px;line-height:1.8;white-space:pre-wrap;word-break:break-word}.moment-imgs{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.moment-imgs img{width:130px;height:130px;object-fit:cover;border-radius:12px;cursor:zoom-in}.quote-card{position:relative;padding:22px 26px}.quote-tag{display:inline-block;font-size:12px;font-weight:800;color:var(--accent-2);background:color-mix(in srgb,var(--accent-2) 14%,transparent);padding:3px 12px;border-radius:999px;margin-bottom:10px}.quote-text{font-size:15px;line-height:1.8;color:var(--text-1)}.quote-refresh{position:absolute;top:18px;right:18px;border:none;background:transparent;color:var(--text-3);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.quote-refresh:hover{color:var(--accent);transform:rotate(180deg)}.site-footer{margin-top:26px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--glass-border)}.clock-band{background:#1d2130;color:#fff;padding:20px 0 14px;text-align:center;position:relative}.clock-avatar{position:absolute;left:26px;bottom:-20px;width:58px;height:58px;border-radius:50%;border:3px solid #fff;object-fit:cover;background:#2a2f42}.clock-time{font-family:Consolas,Courier New,monospace;font-size:34px;font-weight:800;letter-spacing:6px;font-variant-numeric:tabular-nums}.footer-band{background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:34px 20px 18px;text-align:center;font-size:13px;color:var(--text-2)}.run-line{display:inline-flex;align-items:center;gap:8px}.run-dot{width:8px;height:8px;border-radius:50%;background:#34d399;animation:pulse 1.6s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #34d39980}50%{box-shadow:0 0 0 5px #34d39900}}.run-line b{color:var(--accent);font-weight:700}.copyright-line{margin-top:10px;font-size:13px;color:var(--text-3);text-align:center}.beian-line{margin-top:12px;padding-bottom:6px;display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.beian-line a{color:var(--text-3);font-size:12.5px}.beian-line a:hover{color:var(--accent)}.float-avatar{position:fixed;left:20px;bottom:84px;width:52px;height:52px;border-radius:50%;border:2px solid var(--glass-border);object-fit:cover;background:var(--glass-bg-strong);box-shadow:var(--glass-shadow);cursor:pointer;z-index:90;transition:transform .2s}.float-avatar:hover{transform:scale(1.08)}.float-tool{position:fixed;left:20px;bottom:20px;width:46px;height:46px;border-radius:15px;border:1px solid var(--glass-border);background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--text-1);display:flex;align-items:center;justify-content:center;box-shadow:var(--glass-shadow);cursor:pointer;z-index:90;transition:transform .2s}.float-tool:hover{transform:scale(1.06)}.back-top{position:fixed;right:24px;bottom:24px;width:42px;height:42px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--text-1);display:flex;align-items:center;justify-content:center;box-shadow:var(--glass-shadow);cursor:pointer;z-index:90;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}.back-top.show{opacity:1;pointer-events:auto}.back-top:hover{transform:translateY(-3px)}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--text-2);font-size:14px;margin-bottom:16px;transition:color .2s}.back-link:hover{color:var(--accent)}.post-cover{width:100%;aspect-ratio:21/9;object-fit:cover;border-radius:var(--radius);margin-bottom:22px;background:var(--glass-bg-strong)}.detail-title{font-size:26px;font-weight:800;line-height:1.4;margin-bottom:8px}.detail-summary{color:var(--text-2);font-size:14.5px;margin-bottom:14px}.detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;color:var(--text-3);font-size:13px;margin-bottom:22px}.detail-meta span{display:inline-flex;align-items:center;gap:5px}.like-btn{display:inline-flex;align-items:center;gap:6px;border:none;background:color-mix(in srgb,var(--accent-2) 14%,transparent);color:var(--accent-2);border-radius:999px;padding:5px 14px;font-size:13px;font-weight:700;transition:all .2s}.like-btn:hover{transform:scale(1.06)}.like-btn.liked{background:var(--accent-2);color:#fff}.tag-chip{font-size:12px;color:var(--text-2);background:color-mix(in srgb,var(--text-1) 7%,transparent);border-radius:999px;padding:3px 12px}.md{line-height:1.9;font-size:15px;word-break:break-word}.md h1,.md h2,.md h3,.md h4{font-weight:800;margin:1.4em 0 .6em;line-height:1.4}.md h1{font-size:22px}.md h2{font-size:19px}.md h3{font-size:17px}.md h2,.md h3{scroll-margin-top:80px}.md p{margin:.7em 0}.md a{color:var(--accent-3)}.md a:hover{text-decoration:underline}.md ul,.md ol{padding-left:1.6em;margin:.6em 0}.md li{margin:.25em 0}.md blockquote{border-left:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 7%,transparent);padding:10px 16px;border-radius:0 10px 10px 0;margin:.9em 0;color:var(--text-2)}.md code{font-family:Consolas,Courier New,monospace;font-size:.88em;background:color-mix(in srgb,var(--text-1) 9%,transparent);padding:2px 7px;border-radius:6px}.md pre{background:#1d2130;color:#e6e8f0;border-radius:14px;padding:16px 18px;overflow-x:auto;margin:1em 0;font-size:13.5px;line-height:1.7}.md pre code{background:transparent;padding:0;color:inherit}.md img{border-radius:12px;margin:.6em 0}.md hr{border:none;border-top:1px dashed var(--text-3);opacity:.4;margin:1.6em 0}.md table{border-collapse:collapse;margin:1em 0;width:100%;font-size:14px}.md th,.md td{border:1px solid color-mix(in srgb,var(--text-1) 15%,transparent);padding:7px 12px}.md th{background:color-mix(in srgb,var(--text-1) 6%,transparent)}.hljs-keyword,.hljs-selector-tag{color:#c792ea}.hljs-string,.hljs-attr{color:#a5e075}.hljs-number,.hljs-literal{color:#f78c6c}.hljs-title,.hljs-name{color:#82aaff}.hljs-comment{color:#6b7394;font-style:italic}.hljs-built_in{color:#ffcb6b}.toc-fab{position:fixed;right:24px;bottom:80px;width:42px;height:42px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--text-1);display:flex;align-items:center;justify-content:center;box-shadow:var(--glass-shadow);cursor:pointer;z-index:90}.toc-panel{position:fixed;right:78px;bottom:80px;width:240px;max-height:55vh;overflow-y:auto;padding:16px;z-index:91;animation:fade-up .25s ease}.toc-panel a{display:block;font-size:13px;color:var(--text-2);padding:5px 8px;border-radius:8px;line-height:1.5}.toc-panel a:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.toc-panel a.lv3{padding-left:22px;font-size:12.5px}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.msg-form textarea,.msg-form input{width:100%;border:1px solid var(--glass-border);background:color-mix(in srgb,var(--text-1) 5%,transparent);border-radius:var(--radius-sm);padding:12px 15px;font-size:14px;color:var(--text-1);outline:none;transition:border-color .2s;resize:vertical}.msg-form textarea:focus,.msg-form input:focus{border-color:var(--accent-3)}.msg-form textarea{min-height:110px}.msg-foot{display:flex;justify-content:space-between;align-items:center;margin-top:12px;color:var(--text-3);font-size:12.5px}.msg-item{padding:20px 22px;display:flex;gap:14px;margin-bottom:14px}.msg-avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:17px}.msg-main{flex:1;min-width:0}.msg-top{display:flex;justify-content:space-between;align-items:center}.msg-nick{font-weight:700;font-size:14.5px}.msg-time{color:var(--text-3);font-size:12.5px}.msg-content{margin-top:8px;font-size:14.5px;line-height:1.75;white-space:pre-wrap;word-break:break-word}.msg-reply{margin-top:12px;border-left:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);border-radius:0 10px 10px 0;padding:10px 14px;font-size:13.5px;color:var(--text-2);line-height:1.7}.msg-reply b{color:var(--accent)}.grid-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.link-card{display:flex;gap:14px;align-items:center;padding:18px;transition:transform .22s}.link-card:hover{transform:translateY(-3px)}.link-card .lc-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--glass-bg-strong);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:20px}.link-card h3{font-size:15.5px;font-weight:700}.link-card p{color:var(--text-2);font-size:12.5px;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.link-card .lc-go{margin-left:auto;color:var(--text-3);flex-shrink:0}.link-card:hover .lc-go{color:var(--accent)}.proj-card{padding:20px;transition:transform .22s}.proj-card:hover{transform:translateY(-3px)}.proj-cover{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:12px;margin-bottom:14px;background:var(--glass-bg-strong)}.proj-card h3{font-size:16px;font-weight:800;display:flex;align-items:center;gap:8px}.proj-card h3 svg{color:var(--accent-3)}.proj-card p{color:var(--text-2);font-size:13px;margin-top:7px;line-height:1.7}.bm-group{margin-bottom:22px}.bm-item{display:flex;align-items:center;gap:12px;padding:14px 20px;margin-top:10px;transition:transform .2s}.bm-item:hover{transform:translate(4px)}.bm-item .bm-name{font-weight:700;font-size:14.5px}.bm-item .bm-desc{color:var(--text-3);font-size:12.5px;margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pile{position:relative;width:220px;height:220px;margin:0 auto;cursor:pointer;transition:transform .25s}.pile:hover{transform:scale(1.03)}.pile img{position:absolute;width:176px;height:176px;left:22px;top:22px;object-fit:cover;border-radius:16px;border:4px solid #fff;box-shadow:0 6px 20px #00000029}.pile .cnt-badge{position:absolute;right:8px;top:14px;background:var(--accent-3);color:#fff;font-size:12px;font-weight:700;border-radius:999px;padding:3px 11px;z-index:5;box-shadow:0 3px 10px #0003}.pile-label{text-align:center;margin-top:16px}.pile-label b{font-size:15px}.pile-label span{display:block;color:var(--text-3);font-size:12.5px;margin-top:3px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0a0a14d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center}.lightbox img{max-width:88vw;max-height:84vh;border-radius:12px;box-shadow:0 20px 60px #00000080}.lb-btn{position:absolute;width:44px;height:44px;border-radius:50%;border:none;background:#ffffff24;color:#fff;display:flex;align-items:center;justify-content:center;transition:background .2s}.lb-btn:hover{background:#ffffff47}.lb-btn.prev{left:4vw}.lb-btn.next{right:4vw}.lb-btn.close{top:24px;right:24px}.lb-count{position:absolute;bottom:26px;color:#ffffffd9;font-size:14px;letter-spacing:2px}.tl-year{font-size:22px;font-weight:800;margin:30px 0 6px;display:flex;align-items:baseline;gap:8px}.tl-year span{font-size:13px;color:var(--text-3);font-weight:500}.tl-item{display:flex;align-items:center;gap:14px;padding:14px 8px;border-bottom:1px dashed color-mix(in srgb,var(--text-1) 12%,transparent);transition:transform .2s}.tl-item:hover{transform:translate(5px)}.tl-item:hover .tl-title{color:var(--accent)}.tl-date{color:var(--text-3);font-size:13px;font-variant-numeric:tabular-nums;flex-shrink:0}.tl-title{font-size:14.5px;font-weight:600;transition:color .2s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-cat{margin-left:auto;flex-shrink:0;font-size:11.5px;color:var(--accent-3);background:color-mix(in srgb,var(--accent-3) 13%,transparent);padding:2px 10px;border-radius:999px}.empty{text-align:center;color:var(--text-3);padding:50px 0;font-size:14px}.empty svg{opacity:.5;margin-bottom:10px}.fade-enter-active{transition:all .3s ease}.fade-enter-from{opacity:0;transform:translateY(12px)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.page-wrap{padding:calc(var(--header-h) + 16px) 12px 70px}.card{padding:18px 16px}.header-inner{padding:0 12px}.site-title{font-size:19px}.site-title .site-logo{height:28px;max-width:130px}.icon-btn{width:34px;height:34px}.post-grid{grid-template-columns:repeat(2,1fr);gap:10px}.grid-cards{grid-template-columns:1fr}.profile-card{flex-direction:column;align-items:center;text-align:center}.social-row{justify-content:center}.stat-row{margin:20px 0 2px}.stat-row .num{font-size:22px}.post-featured{min-height:200px}.post-featured .pf-body{left:16px;right:16px;bottom:14px}.post-featured h3{font-size:17px}.meta-row{flex-wrap:wrap;gap:8px 12px}.page-head h1{font-size:22px}.page-sub{margin-left:0}.detail-title{font-size:21px}.detail-meta{gap:10px 14px}.md table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.md pre{font-size:12.5px;padding:14px}.player-cover{width:56px;height:56px}.progress-line{gap:7px}.carousel-btn{width:30px;height:30px}.lb-btn.prev{left:8px}.lb-btn.next{right:8px}.lightbox img{max-width:94vw;max-height:78vh}.bm-item{flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px}.bm-item .bm-desc{margin-left:0;white-space:normal}.tl-item{flex-wrap:wrap;gap:6px 10px}.tl-title{white-space:normal;flex:1 1 auto}.tl-cat{margin-left:0}.clock-avatar{display:none}.beian-line{gap:6px 16px}.float-avatar{display:none}.float-tool{left:12px;bottom:14px;width:42px;height:42px}.back-top{right:14px;bottom:14px}.toc-fab{right:14px;bottom:70px}.drawer{width:86vw}}@media (max-width: 400px){.post-grid{grid-template-columns:1fr}.cms-gallery{grid-template-columns:repeat(2,1fr)!important}}