:root{--bg:#f4f4f5;--bg-card:#ffffff;--bg-header:#1a1a2e;--text:#1a1a2e;--text-2:#52525b;--text-3:#a1a1aa;--text-light:#e4e4e7;--line:#e4e4e7;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-soft:#eff6ff;--accent2:#f59e0b;--accent3:#10b981;--shadow:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);--shadow-lg:0 4px 12px rgba(0,0,0,0.08);--radius:10px;--radius-sm:6px;--font-sans:"PingFang SC","Microsoft YaHei",-apple-system,sans-serif;--font-mono:"JetBrains Mono","SF Mono",Consolas,monospace;}[data-theme="dark"]{--bg:#0f0f1a;--bg-card:#1a1a2e;--bg-header:#0a0a15;--text:#e4e4e7;--text-2:#a1a1aa;--text-3:#71717a;--text-light:#a1a1aa;--line:#27272a;--accent-soft:#1e293b;--shadow:0 1px 3px rgba(0,0,0,0.4),0 1px 2px rgba(0,0,0,0.3);--shadow-lg:0 4px 12px rgba(0,0,0,0.5);}*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.7;transition:background 0.3s,color 0.3s;}::selection{background:var(--accent);color:#fff;}a{color:var(--accent);text-decoration:none;}a:hover{color:var(--accent-hover);}.container{max-width:1200px;margin:0 auto;padding:0 24px;}.header{background:var(--bg-header);border-bottom:1px solid rgba(255,255,255,0.08);}.header-inner{display:flex;align-items:center;justify-content:space-between;height:60px;}.header-logo{font-size:1.2rem;font-weight:700;color:#fff;text-decoration:none;letter-spacing:0.02em;}.header-logo span{color:var(--accent2);}.header-nav{display:flex;align-items:center;gap:6px;}.header-nav a{color:var(--text-light);text-decoration:none;font-size:0.88rem;padding:6px 14px;border-radius:var(--radius-sm);transition:background 0.2s,color 0.2s;}.header-nav a:hover,.header-nav a.active{background:rgba(255,255,255,0.1);color:#fff;}.header-search{display:flex;align-items:center;gap:8px;margin-left:12px;}.header-search input{width:180px;padding:7px 14px;border:1px solid rgba(255,255,255,0.15);border-radius:999px;background:rgba(255,255,255,0.08);color:#fff;font-size:0.85rem;outline:none;transition:all 0.2s;}.header-search input::placeholder{color:rgba(255,255,255,0.4);}.header-search input:focus{border-color:var(--accent2);background:rgba(255,255,255,0.14);width:240px;}.header-search button{background:var(--accent2);border:none;color:#fff;border-radius:999px;padding:7px 16px;font-size:0.85rem;cursor:pointer;transition:opacity 0.2s;font-family:var(--font-sans);}.header-search button:hover{opacity:0.85;}.theme-toggle{background:rgba(255,255,255,0.1);border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:1rem;display:grid;place-items:center;transition:background 0.2s;margin-left:8px;}.theme-toggle:hover{background:rgba(255,255,255,0.2);}.hero{padding:48px 0 40px;text-align:center;}.hero h1{font-size:2rem;font-weight:700;margin-bottom:8px;color:var(--text);}.hero p{color:var(--text-2);font-size:1rem;max-width:500px;margin:0 auto 24px;}.hero-cats{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}.hero-cat{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 20px;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);min-width:80px;cursor:pointer;transition:all 0.2s;text-decoration:none;box-shadow:var(--shadow);}.hero-cat:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-lg);}.hero-cat-icon{font-size:1.5rem;}.hero-cat-name{font-size:0.82rem;color:var(--text-2);font-weight:500;}.hero-cat-count{font-size:0.7rem;color:var(--text-3);}.section{margin-bottom:44px;}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:10px;border-bottom:2px solid var(--line);}.section-head h2{font-size:1.2rem;font-weight:700;display:flex;align-items:center;gap:8px;}.section-head h2::before{content:"";display:inline-block;width:4px;height:20px;background:var(--accent);border-radius:2px;}.section-more{font-size:0.85rem;color:var(--accent);transition:color 0.2s;}.section-more:hover{color:var(--accent-hover);}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}.card-grid.col2{grid-template-columns:repeat(2,1fr);}.card{background:var(--bg-card);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);transition:transform 0.2s,box-shadow 0.2s,border-color 0.2s;display:flex;flex-direction:column;text-decoration:none;color:inherit;cursor:pointer;}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--accent);}.card-thumb{width:100%;aspect-ratio:16 / 10;object-fit:cover;display:block;background:var(--accent-soft);}.card-thumb.emoji{display:grid;place-items:center;font-size:2.2rem;}.card-body{padding:14px 16px;flex:1;display:flex;flex-direction:column;}.card-title{font-size:0.95rem;font-weight:600;line-height:1.5;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.card-excerpt{color:var(--text-2);font-size:0.82rem;line-height:1.6;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1;}.card-meta{display:flex;align-items:center;gap:10px;font-size:0.75rem;color:var(--text-3);}.card-tag{display:inline-block;background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:2px 10px;font-size:0.72rem;}.featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:44px;}.featured-main{grid-row:span 2;}.featured-main .card-thumb{aspect-ratio:16 / 11;}.featured-main .card-title{font-size:1.15rem;}.featured-main .card-excerpt{-webkit-line-clamp:3;}.pagination{display:flex;align-items:center;justify-content:center;gap:14px;padding:24px 0 56px;}.page-btn{border:1px solid var(--line);background:var(--bg-card);color:var(--text-2);border-radius:999px;padding:8px 20px;font-size:0.85rem;cursor:pointer;font-family:var(--font-sans);transition:all 0.2s;}.page-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);}.page-btn:disabled{opacity:0.4;cursor:not-allowed;}.page-info{color:var(--text-3);font-size:0.85rem;}.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;align-items:center;}.tag-row-label{font-size:0.82rem;color:var(--text-3);margin-right:4px;}.tag-btn{border:1px solid var(--line);background:var(--bg-card);color:var(--text-2);border-radius:999px;padding:5px 14px;font-size:0.8rem;cursor:pointer;font-family:var(--font-sans);transition:all 0.2s;}.tag-btn:hover{border-color:var(--accent);color:var(--accent);}.tag-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;}.tag-count{font-size:0.7rem;opacity:0.7;margin-left:4px;}.footer{background:var(--bg-header);color:var(--text-light);padding:32px 0 28px;text-align:center;font-size:0.82rem;}.footer a{color:var(--accent2);text-decoration:none;transition:opacity 0.2s;}.footer a:hover{opacity:0.8;}.footer-links{display:flex;justify-content:center;gap:20px;margin-bottom:10px;}.post-page{max-width:780px;margin:0 auto;padding:40px 24px 72px;}.post-header{text-align:center;margin-bottom:36px;}.post-header h1{font-size:1.8rem;font-weight:700;line-height:1.4;margin-bottom:14px;}.post-meta{display:flex;align-items:center;justify-content:center;gap:14px;font-size:0.82rem;color:var(--text-3);flex-wrap:wrap;}.post-meta .tag-row{margin:0;justify-content:center;}.post-header .cover-img{width:100%;max-height:400px;object-fit:cover;border-radius:var(--radius);margin-bottom:20px;box-shadow:var(--shadow-lg);}.post-header .cover-emoji{font-size:3rem;margin-bottom:12px;}.post-body{font-size:1.02rem;line-height:1.9;}.post-body h2{font-size:1.3rem;margin:36px 0 14px;padding-left:12px;border-left:3px solid var(--accent);line-height:1.5;}.post-body h3{font-size:1.1rem;margin:28px 0 10px;}.post-body p{margin:14px 0;}.post-body ul,.post-body ol{margin:14px 0 14px 24px;}.post-body li{margin:6px 0;}.post-body blockquote{margin:20px 0;padding:14px 20px;background:var(--accent-soft);border-radius:0 10px 10px 0;border-left:3px solid var(--accent);color:var(--text-2);font-style:italic;}.post-body code{font-family:var(--font-mono);font-size:0.86em;background:var(--accent-soft);padding:2px 7px;border-radius:var(--radius-sm);}.post-body pre{margin:20px 0;padding:20px;background:#1e1e2e;border-radius:var(--radius);overflow-x:auto;position:relative;}.post-body pre code{background:none;padding:0;color:#cdd6f4;font-size:0.86rem;line-height:1.7;}.post-body a{color:var(--accent);}.post-body strong{font-weight:600;}.post-body hr{border:none;border-top:1px solid var(--line);margin:32px 0;}.post-body img{max-width:100%;border-radius:var(--radius);margin:8px 0;display:block;}.post-body del{color:var(--text-3);}.table-wrap{overflow-x:auto;margin:20px 0;}.post-body table{width:100%;border-collapse:collapse;font-size:0.9rem;}.post-body th,.post-body td{border:1px solid var(--line);padding:8px 12px;text-align:left;}.post-body th{background:var(--accent-soft);font-weight:600;}.tok-com{color:#6c7086;font-style:italic;}.tok-kw{color:#cba6f7;font-weight:600;}.tok-str{color:#a6e3a1;}.tok-num{color:#fab387;}.tok-fn{color:#89b4fa;}.copy-btn{position:absolute;top:10px;right:10px;border:1px solid rgba(255,255,255,0.15);background:rgba(255,255,255,0.08);color:#a1a1aa;border-radius:var(--radius-sm);padding:3px 10px;font-size:0.72rem;font-family:var(--font-sans);cursor:pointer;transition:all 0.2s;}.copy-btn:hover{background:rgba(255,255,255,0.18);color:#fff;}.code-lang{position:absolute;top:12px;left:14px;font-family:var(--font-mono);font-size:0.68rem;color:rgba(255,255,255,0.3);text-transform:uppercase;letter-spacing:0.08em;}.toc{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 22px;margin-bottom:32px;}.toc-title{font-weight:700;font-size:0.95rem;margin-bottom:10px;}.toc ul{list-style:none;padding:0;}.toc li{padding:3px 0;}.toc li a{color:var(--text-2);font-size:0.88rem;transition:color 0.2s;}.toc li a:hover{color:var(--accent);}.toc li.toc-sub{padding-left:16px;}.toc li.toc-sub a{font-size:0.82rem;}.post-body h2,.post-body h3{scroll-margin-top:80px;}.share-bar{display:flex;align-items:center;gap:10px;margin-top:40px;padding-top:20px;border-top:1px solid var(--line);}.share-label{color:var(--text-3);font-size:0.85rem;}.share-btn{border:1px solid var(--line);background:var(--bg-card);color:var(--text-2);border-radius:999px;padding:6px 16px;font-size:0.82rem;cursor:pointer;font-family:var(--font-sans);transition:all 0.2s;}.share-btn:hover{border-color:var(--accent);color:var(--accent);}.share-copied{color:var(--accent3);font-size:0.82rem;}.like-bar{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:32px;padding-top:20px;border-top:1px solid var(--line);}.like-btn{border:1px solid var(--line);background:var(--bg-card);color:var(--text-2);border-radius:999px;padding:8px 22px;font-size:0.95rem;cursor:pointer;font-family:var(--font-sans);transition:all 0.2s;display:inline-flex;align-items:center;gap:8px;}.like-btn:hover{border-color:var(--accent);color:var(--accent);transform:scale(1.05);}.like-btn.liked{background:var(--accent);border-color:var(--accent);color:#fff;cursor:default;}.like-btn.liked:hover{transform:none;}.like-btn .like-count{font-weight:600;}.post-nav{display:flex;justify-content:space-between;margin-top:44px;padding-top:22px;border-top:1px solid var(--line);}.post-nav a{color:var(--text-2);font-size:0.88rem;max-width:46%;transition:color 0.2s;}.post-nav a:hover{color:var(--accent);}.post-nav .next{text-align:right;margin-left:auto;}.related{margin-top:40px;}.related-title{font-size:1.1rem;font-weight:700;margin-bottom:14px;padding-left:10px;border-left:3px solid var(--accent);}.related-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);text-decoration:none;color:inherit;transition:background 0.2s;}.related-item:hover{background:var(--accent-soft);}.related-cover{width:60px;height:40px;border-radius:6px;object-fit:cover;flex-shrink:0;display:grid;place-items:center;background:var(--accent-soft);font-size:1.1rem;}.related-body{display:flex;flex-direction:column;gap:2px;min-width:0;}.related-title-text{font-size:0.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.related-date{color:var(--text-3);font-size:0.75rem;}.comments{margin-top:44px;}.comments::before{content:"评论";display:block;font-size:1.1rem;font-weight:700;margin-bottom:14px;padding-left:10px;border-left:3px solid var(--accent);}.progress-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent2));z-index:200;transition:width 0.1s linear;}.back-top{position:fixed;right:24px;bottom:24px;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--bg-card);box-shadow:var(--shadow-lg);cursor:pointer;font-size:1rem;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity 0.3s,transform 0.2s;color:var(--text-2);z-index:100;}.back-top.show{opacity:1;pointer-events:auto;}.back-top:hover{transform:translateY(-3px);color:var(--accent);}.back-toc{position:fixed;right:24px;bottom:80px;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--bg-card);box-shadow:var(--shadow-lg);cursor:pointer;font-size:1rem;display:grid;place-items:center;transition:opacity 0.3s,transform 0.2s;color:var(--text-2);z-index:100;}.back-toc:hover{transform:translateY(-3px);color:var(--accent);}.lightbox{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,0.88);display:flex;align-items:center;justify-content:center;padding:40px;opacity:0;transition:opacity 0.2s;cursor:zoom-out;}.lightbox.show{opacity:1;}.lightbox.closing{opacity:0;}.lightbox img{max-width:100%;max-height:90vh;border-radius:8px;}.lightbox-close{position:absolute;top:16px;right:20px;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;opacity:0.8;transition:opacity 0.2s;}.lightbox-close:hover{opacity:1;}mark{background:var(--accent2);color:#000;border-radius:2px;padding:0 2px;}.search-empty{text-align:center;padding:48px 0;color:var(--text-2);}.search-clear{display:inline-block;margin-top:14px;border:1px solid var(--line);background:var(--bg-card);color:var(--text-2);border-radius:999px;padding:7px 20px;font-size:0.85rem;cursor:pointer;font-family:var(--font-sans);}.about-page{padding:48px 24px 72px;max-width:680px;margin:0 auto;}.about-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:40px 36px;text-align:center;margin-bottom:28px;}.about-card .avatar{font-size:3rem;margin-bottom:12px;}.about-card h1{font-size:1.4rem;font-weight:700;margin-bottom:8px;}.about-card .bio{color:var(--text-2);max-width:400px;margin:0 auto 22px;}.social-links{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;}.social-links a{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:7px 16px;font-size:0.85rem;color:var(--text-2);transition:all 0.2s;}.social-links a:hover{border-color:var(--accent);color:var(--accent);}.subscribe-box,.contact-box{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px;margin-bottom:20px;text-align:center;}.subscribe-box h3,.contact-box h3{font-size:1.1rem;font-weight:700;margin-bottom:6px;}.subscribe-box p,.contact-box p{color:var(--text-2);font-size:0.88rem;margin-bottom:14px;}.subscribe-form,.contact-form{display:flex;gap:8px;max-width:440px;margin:0 auto;flex-wrap:wrap;justify-content:center;}.subscribe-form input,.contact-form input,.contact-form textarea{flex:1;min-width:200px;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--text);font-size:0.88rem;font-family:var(--font-sans);outline:none;transition:border-color 0.2s;}.contact-form textarea{width:100%;border-radius:var(--radius);resize:vertical;min-height:100px;}.subscribe-form input:focus,.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);}.subscribe-form button,.contact-form button{border:none;background:var(--accent);color:#fff;border-radius:999px;padding:9px 22px;cursor:pointer;font-size:0.88rem;font-family:var(--font-sans);transition:opacity 0.2s,transform 0.2s;}.subscribe-form button:disabled,.contact-form button:disabled{opacity:0.6;cursor:not-allowed;}.subscribe-form button:hover:not(:disabled),.contact-form button:hover:not(:disabled){transform:scale(1.04);}.subscribe-msg,.contact-msg{margin-top:10px;font-size:0.82rem;}.subscribe-msg.success,.contact-msg.success{color:var(--accent3);}.subscribe-msg.error,.contact-msg.error{color:#ef4444;}.archive-page{padding:40px 24px 72px;max-width:1200px;margin:0 auto;}.archive-page h1{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:8px;}.archive-sub{text-align:center;color:var(--text-3);font-size:0.88rem;margin-bottom:32px;}.archive-year{margin-bottom:32px;}.archive-year h2{font-size:1.1rem;font-weight:700;margin-bottom:12px;padding-left:10px;border-left:3px solid var(--accent);line-height:1.4;}.archive-year ul{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:4px;}.archive-year li{padding:9px 12px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:baseline;gap:10px;}.archive-year li a{color:var(--text);font-size:0.9rem;}.archive-year li a:hover{color:var(--accent);}.archive-date{color:var(--text-3);font-size:0.78rem;flex-shrink:0;}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:36px;}.cloud-tag{border:1px solid var(--line);background:var(--bg-card);color:var(--text-2);border-radius:999px;padding:5px 14px;font-size:0.82rem;cursor:pointer;font-family:var(--font-sans);transition:all 0.2s;}.cloud-tag i{font-style:normal;font-size:0.7rem;color:var(--text-3);margin-left:4px;}.cloud-tag:hover{border-color:var(--accent);color:var(--accent);}.cloud-tag.active{background:var(--accent);border-color:var(--accent);color:#fff;}.cloud-tag.active i{color:rgba(255,255,255,0.7);}.notfound{text-align:center;padding:96px 0;}.notfound-code{font-size:5rem;font-weight:700;color:var(--accent);line-height:1;margin-bottom:12px;}.notfound h1{font-size:1.5rem;margin-bottom:10px;}.notfound p{color:var(--text-2);margin-bottom:24px;}.notfound-home{color:var(--accent);border-bottom:1px solid var(--accent);padding-bottom:2px;}.read-badge{position:absolute;top:8px;right:8px;font-size:0.68rem;color:var(--text-3);background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:1px 8px;}.skip-link{position:absolute;left:-9999px;top:0;z-index:999;background:var(--accent);color:#fff;padding:10px 20px;border-radius:0 0 10px 0;font-size:0.9rem;}.skip-link:focus{left:0;}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px;}@media print{.header,.footer,.back-top,.share-bar,.post-nav,.related,.toc,.copy-btn,.code-lang,.progress-bar,.theme-toggle,.like-bar{display:none !important;}body{background:#fff;color:#000;}.post-body pre{background:#f5f5f5;border:1px solid #ddd;color:#333;}.post-body blockquote{background:#f8f8f8;}.post-body img{max-width:100%;}h2,h3{page-break-after:avoid;}}@media (max-width:900px){.card-grid{grid-template-columns:repeat(2,1fr);}.featured-grid{grid-template-columns:1fr;}.featured-main{grid-row:auto;}.archive-year ul{grid-template-columns:1fr;}.header-search input{width:140px;}.header-search input:focus{width:180px;}.header-nav a{font-size:0.8rem;padding:6px 10px;}}@media (max-width:600px){.card-grid{grid-template-columns:1fr;}.card-grid.col2{grid-template-columns:1fr;}.hero{padding:32px 0 28px;}.hero h1{font-size:1.5rem;}.header-nav a{font-size:0.78rem;padding:5px 8px;}.header-search input{width:100px;}.header-search input:focus{width:140px;}.post-page{padding:24px 16px 48px;}.about-card{padding:28px 20px;}.post-header h1{font-size:1.4rem;}.share-bar{flex-wrap:wrap;}}