@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&family=Inter:wght@400;500;600;700&display=swap";:root{--bg-primary: #000000;--bg-secondary: #16181c;--bg-hover: #1d1f23;--border-color: #2f3336;--text-primary: #e7e9ea;--text-secondary: #71767b;--accent: #1d9bf0;--accent-hover: #1a8cd8;--bg-header: rgba(0, 0, 0, .65);--accent-alpha-12: rgba(29, 155, 240, .12);--accent-alpha-05: rgba(29, 155, 240, .05);--banner-gradient-end: #1a1a2e;--radius: 16px;--max-width: 1280px}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f7f9f9;--bg-hover: #eff1f1;--border-color: #eff3f4;--text-primary: #0f1419;--text-secondary: #536471;--bg-header: rgba(255, 255, 255, .85);--accent-alpha-12: rgba(29, 155, 240, .12);--accent-alpha-05: rgba(29, 155, 240, .05);--banner-gradient-end: #8cc6f7}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,Noto Sans TC,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}.app{display:flex;max-width:var(--max-width);margin:0 auto;min-height:100vh}.sidebar-left{width:275px;flex-shrink:0;position:sticky;top:0;height:100vh;padding:12px;display:flex;flex-direction:column;border-right:1px solid var(--border-color)}.sidebar-left .logo{padding:12px;margin-bottom:8px}.sidebar-left .logo svg{width:32px;height:32px;fill:var(--text-primary)}.nav-items{list-style:none;display:flex;flex-direction:column;gap:4px}.nav-item a,.nav-item span{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:9999px;font-size:16px;font-weight:400;transition:background .2s}.nav-item a:hover,.nav-item span:hover{background:var(--bg-hover)}.nav-item.active a{font-weight:700}.nav-item .nav-icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:24px}.post-btn{margin-top:16px;width:100%;padding:16px;background:var(--accent);color:#fff;border-radius:9999px;font-size:17px;font-weight:700;text-align:center;transition:background .2s}.post-btn:hover{background:var(--accent-hover)}.main-content{flex:1;max-width:600px;min-width:0;border-right:1px solid var(--border-color);min-height:100vh}.page-header{position:sticky;top:0;background:var(--bg-header);backdrop-filter:blur(12px);padding:12px 16px;border-bottom:1px solid var(--border-color);z-index:100}.page-header h1{font-size:20px;font-weight:700}.page-header .subtitle{font-size:13px;color:var(--text-secondary)}.tabs{display:flex;border-bottom:1px solid var(--border-color)}.tab{flex:1;padding:16px;text-align:center;font-weight:500;color:var(--text-secondary);transition:background .2s;position:relative}.tab:hover{background:var(--bg-hover)}.tab.active{color:var(--text-primary);font-weight:700}.tab.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:56px;height:4px;background:var(--accent);border-radius:2px}.post-card{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-color);transition:background .15s}.post-card.clickable{cursor:pointer}.post-card.clickable:hover{background:var(--bg-hover)}.post-avatar{flex-shrink:0}.post-avatar img,.post-avatar .avatar-placeholder{width:40px;height:40px;border-radius:50%;object-fit:cover}.avatar-placeholder{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff}.post-body{flex:1;min-width:0}.post-header{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.post-author{font-weight:700;font-size:15px}.post-handle,.post-date{color:var(--text-secondary);font-size:15px}.post-date:before{content:"·";margin:0 4px}.post-text{margin-top:4px;font-size:15px;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word;overflow:hidden}.post-text p{margin-bottom:8px}.post-text p:last-child{margin-bottom:0}.post-text h1,.post-text h2,.post-text h3{margin:12px 0 8px;line-height:1.3}.post-text h1{font-size:20px}.post-text h2{font-size:18px}.post-text h3{font-size:16px}.post-text code{background:var(--bg-secondary);padding:2px 6px;border-radius:4px;font-size:13px}.post-text pre{background:var(--bg-secondary);padding:12px;border-radius:8px;overflow-x:auto;margin:8px 0;max-width:100%}.post-text pre code{background:none;padding:0;white-space:pre;word-break:normal;overflow-wrap:normal}.post-text blockquote{border-left:3px solid var(--accent);padding-left:12px;color:var(--text-secondary);margin:8px 0;overflow:hidden}.post-text ul,.post-text ol{padding-left:20px;margin:8px 0}.post-text img{border-radius:12px;margin:8px 0}.post-text a{color:var(--accent)}.post-text a:hover{text-decoration:underline}.empty-message{padding:24px 20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-secondary);text-align:center;margin:16px 0}.post-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.tag{color:var(--accent);font-size:14px}.post-series{margin:20px 0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);overflow:hidden}.series-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px;border-bottom:1px solid var(--border-color)}.series-label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:4px}.series-title{font-size:18px;font-weight:700;line-height:1.2}.series-id{font-size:12px;color:var(--accent);background:var(--accent-alpha-12);padding:6px 12px;border-radius:9999px;white-space:nowrap}.series-list{display:grid;gap:12px;padding:16px 20px 20px}.series-item{display:block;padding:16px;border-radius:16px;background:var(--accent-alpha-05);transition:transform .2s ease,background .2s ease}.series-item:hover{transform:translateY(-2px);background:var(--bg-hover)}.series-item-title{font-size:15px;font-weight:700;color:var(--text-primary)}.series-item-meta{margin-top:6px;font-size:13px;color:var(--text-secondary)}.sidebar-right{width:350px;flex-shrink:0;padding:12px 24px;position:sticky;top:0;height:100vh;overflow-y:auto}.search-box{background:var(--bg-secondary);border-radius:9999px;padding:12px 16px;display:flex;align-items:center;gap:12px;margin-bottom:16px;border:1px solid transparent;transition:border-color .2s,background .2s}.search-box:focus-within{border-color:var(--accent);background:transparent}.search-box input{background:none;border:none;outline:none;color:var(--text-primary);font-size:15px;width:100%;font-family:inherit}.search-box input::placeholder{color:var(--text-secondary)}.search-icon{color:var(--text-secondary);font-size:16px;flex-shrink:0;line-height:1}.widget{background:var(--bg-secondary);border-radius:var(--radius);margin-bottom:16px;overflow:hidden}.widget-title{font-size:20px;font-weight:700;padding:12px 16px}.widget-item{display:block;padding:12px 16px;transition:background .15s;cursor:pointer}.widget-item:hover{background:var(--bg-hover)}.widget-item .trend-category{font-size:13px;color:var(--text-secondary)}.widget-item .trend-name{font-weight:700;font-size:15px;margin:2px 0}.widget-item .trend-count{font-size:13px;color:var(--text-secondary)}.widget-show-more{display:block;padding:16px;color:var(--accent);font-size:15px;cursor:pointer;transition:background .15s}.tag-list{display:grid;gap:12px;padding:16px 0}.tag-overview-item{display:flex;justify-content:space-between;align-items:center;padding:16px;border-radius:16px;background:var(--bg-secondary);border:1px solid var(--border-color);transition:background .2s,transform .2s}.tag-overview-item:hover{background:var(--bg-hover);transform:translateY(-1px)}.tag-label{font-weight:700;color:var(--text-primary)}.tag-count{color:var(--text-secondary);font-size:14px}.pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:16px 0;overflow-x:auto}.pagination-link{display:inline-flex;align-items:center;justify-content:center;min-width:40px;padding:10px 12px;border-radius:9999px;border:1px solid transparent;background:var(--bg-secondary);color:var(--text-primary);font-size:14px;transition:background .2s,border-color .2s;white-space:nowrap}.pagination-dots{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;color:var(--text-secondary);font-size:14px;min-width:40px}.pagination-link:hover{background:var(--bg-hover)}.pagination-link.active{background:var(--accent);color:#fff;border-color:var(--accent)}.widget-show-more:hover{background:var(--bg-hover)}.follow-item{display:flex;align-items:center;gap:12px;padding:12px 16px;transition:background .15s;cursor:pointer}.follow-item:hover{background:var(--bg-hover)}.follow-info{flex:1;min-width:0}.follow-name{font-weight:700;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.follow-handle{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.follow-btn{flex-shrink:0;background:var(--text-primary);color:var(--bg-primary);padding:8px 16px;border-radius:9999px;font-weight:700;font-size:14px;transition:opacity .2s}.follow-btn:hover{opacity:.85}.profile-banner{height:200px;background:linear-gradient(135deg,var(--accent),var(--banner-gradient-end))}.profile-header{padding:12px 16px;position:relative}.profile-avatar{width:134px;height:134px;border-radius:50%;border:4px solid var(--bg-primary);margin-top:-67px;overflow:hidden}.profile-avatar .avatar-placeholder{width:100%;height:100%;font-size:48px}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-name{font-size:20px;font-weight:700;margin-top:8px}.profile-handle-text{font-size:15px;color:var(--text-secondary)}.profile-bio{margin-top:12px;font-size:15px;line-height:1.5}.profile-meta{display:flex;gap:16px;margin-top:12px;color:var(--text-secondary);font-size:14px}.profile-meta i{margin-right:4px;vertical-align:middle}.post-detail{padding:16px}.post-detail .post-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.post-detail .post-avatar img,.post-detail .post-avatar .avatar-placeholder{width:48px;height:48px}.post-detail .post-author-info{display:flex;flex-direction:column}.post-detail .post-text{font-size:17px;margin:0 0 16px}.post-detail .post-timestamp{color:var(--text-secondary);font-size:15px;padding:16px 0;border-top:1px solid var(--border-color)}.back-btn{display:flex;align-items:center;gap:20px;width:100%}.back-arrow{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:18px;transition:background .2s}.back-arrow:hover{background:var(--bg-hover)}@media(max-width:1024px){.sidebar-right{display:none}}@media(max-width:768px){.sidebar-left{width:auto}.sidebar-left .nav-text,.sidebar-left .post-btn-text{display:none}.sidebar-left .post-btn{width:50px;height:50px;padding:0;display:flex;align-items:center;justify-content:center}.nav-item a,.nav-item span{justify-content:center;padding:12px}}@media(max-width:500px){.sidebar-left{display:none}.main-content{border-right:none}}.theme-toggle-btn[data-astro-cid-5blmo7yk]{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:9999px;font-size:20px;font-weight:400;transition:background .2s;width:100%;text-align:left;color:var(--text-primary);background:none;border:none;cursor:pointer}.theme-toggle-btn[data-astro-cid-5blmo7yk]:hover{background:var(--bg-hover)}.theme-toggle-btn[data-astro-cid-5blmo7yk] .nav-icon[data-astro-cid-5blmo7yk]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:24px}