:root{--bg:oklch(99% 0.002 240);--surface:oklch(100% 0 0);--fg:oklch(18% 0.012 250);--muted:oklch(54% 0.012 250);--border:oklch(92% 0.005 250);--accent:oklch(58% 0.18 255);--font-display:-apple-system,BlinkMacSystemFont,'SF Pro Display',system-ui,sans-serif;--font-body:-apple-system,BlinkMacSystemFont,'SF Pro Text',system-ui,sans-serif;--font-mono:'JetBrains Mono','IBM Plex Mono',ui-monospace,Menlo,monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 2px oklch(0% 0 0 / 6%);--shadow-md:0 4px 12px oklch(0% 0 0 / 8%);--content-width:720px;--wide-width:1120px;--header-h:64px}[data-theme="dark"]{--bg:oklch(15% 0.02 260);--surface:oklch(20% 0.02 260);--fg:oklch(92% 0.01 250);--muted:oklch(62% 0.01 250);--border:oklch(30% 0.02 260);--accent:oklch(68% 0.18 255);--shadow-sm:0 1px 2px oklch(0% 0 0 / 20%);--shadow-md:0 4px 12px oklch(0% 0 0 / 25%)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;letter-spacing:-0.02em;line-height:1.2;color:var(--fg)}h1{font-size:clamp(32px,4vw,48px)}h2{font-size:clamp(24px,3vw,32px)}h3{font-size:20px}h4{font-size:18px}p{margin-bottom:1em;max-width:65ch}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}small,.text-sm{font-size:14px;color:var(--muted)}.text-xs{font-size:13px;color:var(--muted)}code,pre{font-family:var(--font-mono);font-size:0.92em;background:oklch(96% 0.004 250);border-radius:var(--radius-sm);padding:0.15em 0.4em}pre{padding:1em;overflow-x:auto;line-height:1.5}.site-wrapper{display:flex;flex-direction:column;min-height:100vh}.site-content{flex:1;width:100%;max-width:var(--wide-width);margin:0 auto;padding:32px 24px;display:grid;grid-template-columns:1fr 280px;gap:48px}@media (max-width:820px){.site-content{grid-template-columns:1fr;gap:32px}}.content-area{min-width:0}.site-sidebar{min-width:0}.content-wide{max-width:var(--wide-width);margin:0 auto;padding:32px 24px}.site-header{position:sticky;top:0;z-index:100;background:oklch(99% 0.002 240 / 85%);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);height:var(--header-h);display:flex;align-items:center;padding:0 24px}.header-inner{width:100%;max-width:var(--wide-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-title{font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-0.02em;color:var(--fg);text-decoration:none;display:flex;align-items:center;gap:8px}.site-title:hover{text-decoration:none}.site-title .logo-mark{width:28px;height:28px;background:var(--accent);border-radius:var(--radius-sm);display:grid;place-items:center;color:#fff;font-size:14px;font-weight:700}.main-nav{display:flex;align-items:center;gap:4px}.main-nav a{color:var(--muted);font-size:14px;font-weight:500;padding:8px 12px;border-radius:var(--radius-sm);transition:color 0.15s,background 0.15s;text-decoration:none}.main-nav a:hover,.main-nav a.active{color:var(--fg);background:oklch(94% 0.004 250);text-decoration:none}.nav-search{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);cursor:pointer;transition:color 0.15s,border-color 0.15s}.nav-search:hover{color:var(--fg);border-color:var(--accent)}.nav-search svg{width:18px;height:18px}.mobile-menu-btn{display:none;width:36px;height:36px;place-items:center;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--fg)}@media (max-width:768px){.main-nav{display:none}.mobile-menu-btn{display:grid}}.site-footer{border-top:1px solid var(--border);padding:40px 24px;margin-top:48px}.footer-inner{max-width:var(--wide-width);margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}@media (max-width:768px){.footer-inner{grid-template-columns:1fr;gap:24px}}.footer-col h4{font-size:14px;font-weight:600;letter-spacing:0.02em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.footer-col a{display:block;font-size:14px;color:var(--muted);padding:4px 0}.footer-col a:hover{color:var(--fg)}.footer-bottom{max-width:var(--wide-width);margin:24px auto 0;padding-top:16px;border-top:1px solid var(--border);font-size:13px;color:var(--muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.post-list{display:flex;flex-direction:column;gap:4px}.post-card{display:grid;grid-template-columns:1fr 200px;gap:24px;padding:24px 0;border-bottom:1px solid var(--border);align-items:start}.post-card:first-child{padding-top:0}.post-card:last-child{border-bottom:0}@media (max-width:640px){.post-card{grid-template-columns:1fr;gap:12px}}.post-card .post-thumb{width:200px;height:140px;border-radius:var(--radius-md);background:oklch(92% 0.005 250);overflow:hidden;order:1}.post-card .post-thumb img{width:100%;height:100%;object-fit:cover}@media (max-width:640px){.post-card .post-thumb{width:100%;height:200px;order:-1}}.post-card .post-meta{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px;margin-bottom:6px}.post-card .post-meta .cat-tag{color:var(--accent);font-weight:500}.post-card h2{font-size:20px;font-weight:600;letter-spacing:-0.01em;margin-bottom:8px}.post-card h2 a{color:var(--fg);text-decoration:none}.post-card h2 a:hover{color:var(--accent)}.post-card .post-excerpt{font-size:15px;color:var(--muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-header{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border)}.article-header .cat-breadcrumb{font-size:13px;color:var(--muted);margin-bottom:12px}.article-header .cat-breadcrumb a{color:var(--muted)}.article-header .cat-breadcrumb a:hover{color:var(--accent)}.article-header .cat-breadcrumb .sep{margin:0 6px}.article-header h1{font-size:clamp(28px,3.5vw,42px);font-weight:700;letter-spacing:-0.02em;margin-bottom:16px}.article-meta{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--muted);flex-wrap:wrap}.article-meta .author-avatar{width:36px;height:36px;border-radius:50%;background:var(--border);overflow:hidden}.article-body{font-size:17px;line-height:1.7;max-width:65ch}.article-body h2{margin-top:40px;margin-bottom:16px}.article-body h3{margin-top:32px;margin-bottom:12px}.article-body p{margin-bottom:1.2em}.article-body ul,.article-body ol{margin-bottom:1.2em;padding-left:24px}.article-body li{margin-bottom:0.4em}.article-body img{max-width:100%;border-radius:var(--radius-md);margin:24px 0}.article-body blockquote{border-left:3px solid var(--accent);padding:16px 24px;margin:24px 0;background:oklch(97% 0.003 250);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic;color:var(--muted)}.article-body .wp-block-code{margin:24px 0}.article-tags{margin-top:32px;padding-top:24px;border-top:1px solid var(--border);display:flex;gap:8px;flex-wrap:wrap}.article-tags a{font-size:13px;padding:4px 12px;border:1px solid var(--border);border-radius:999px;color:var(--muted);text-decoration:none}.article-tags a:hover{border-color:var(--accent);color:var(--accent)}.comments-area{margin-top:48px;padding-top:32px;border-top:1px solid var(--border)}.comments-area h3{font-size:20px;margin-bottom:24px}.comment-list{list-style:none;padding:0}.comment{padding:20px 0;border-bottom:1px solid var(--border)}.comment:last-child{border-bottom:0}.comment .comment-meta{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:14px}.comment .comment-meta .avatar{width:32px;height:32px;border-radius:50%;background:var(--border)}.comment .comment-meta .author-name{font-weight:600;color:var(--fg)}.comment .comment-meta .date{color:var(--muted)}.comment .comment-body{font-size:15px;color:var(--muted)}.comment-respond{margin-top:32px}.comment-respond .comment-form{display:flex;flex-direction:column;gap:16px}.comment-respond input,.comment-respond textarea{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;font-size:15px;background:var(--surface);color:var(--fg);transition:border-color 0.15s}.comment-respond input:focus,.comment-respond textarea:focus{outline:none;border-color:var(--accent)}.comment-respond textarea{min-height:120px;resize:vertical}.comment-respond .submit-btn{align-self:flex-start;padding:10px 24px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:opacity 0.15s}.comment-respond .submit-btn:hover{opacity:0.85}.widget{margin-bottom:32px}.widget-title{font-size:14px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:var(--muted);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border)}.widget ul{list-style:none}.widget ul li{padding:8px 0;border-bottom:1px solid oklch(94% 0.004 250);font-size:14px}.widget ul li a{color:var(--fg)}.widget ul li a:hover{color:var(--accent)}.widget-popular .popular-item{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid oklch(94% 0.004 250);align-items:flex-start}.widget-popular .popular-item:last-child{border-bottom:0}.widget-popular .popular-thumb{width:60px;height:60px;border-radius:var(--radius-sm);background:var(--border);flex-shrink:0;overflow:hidden}.widget-popular .popular-thumb img{width:100%;height:100%;object-fit:cover}.widget-popular .popular-title{font-size:14px;font-weight:500;line-height:1.4;color:var(--fg);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.archive-header{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border)}.archive-header h1{margin-bottom:8px}.archive-header p{color:var(--muted);font-size:15px}.pagination{display:flex;justify-content:center;gap:4px;margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.pagination a,.pagination span{padding:8px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;color:var(--muted);text-decoration:none;transition:all 0.15s}.pagination a:hover{border-color:var(--accent);color:var(--accent)}.pagination .current{background:var(--accent);color:#fff;border-color:var(--accent)}.search-form{display:flex;gap:8px;margin-bottom:32px}.search-form input{flex:1;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;font-size:15px;background:var(--surface);transition:border-color 0.15s}.search-form input:focus{outline:none;border-color:var(--accent)}.search-form button{padding:12px 20px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:opacity 0.15s}.search-form button:hover{opacity:0.85}.search-count{font-size:14px;color:var(--muted);margin-bottom:24px}.page-404{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:60vh;padding:48px 24px}.page-404 h1{font-size:clamp(80px,12vw,140px);font-weight:800;letter-spacing:-0.04em;color:var(--border);line-height:1;margin-bottom:8px}.page-404 h2{font-size:24px;margin-bottom:12px}.page-404 p{color:var(--muted);margin-bottom:24px}.page-404 .btn-home{padding:12px 28px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:15px;font-weight:600;cursor:pointer;text-decoration:none;transition:opacity 0.15s}.page-404 .btn-home:hover{opacity:0.85;text-decoration:none}.topic-hero{padding:40px 0;margin-bottom:32px}.topic-hero h1{font-size:clamp(32px,4vw,48px);margin-bottom:12px}.topic-hero p{color:var(--muted);font-size:16px;max-width:56ch}.topic-hero .topic-meta{display:flex;gap:16px;margin-top:16px;font-size:14px;color:var(--muted)}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:40px}.course-card{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--surface);transition:box-shadow 0.2s}.course-card:hover{box-shadow:var(--shadow-md)}.course-card .course-thumb{width:100%;height:180px;background:oklch(90% 0.005 255);overflow:hidden}.course-card .course-thumb img{width:100%;height:100%;object-fit:cover}.course-card .course-body{padding:20px}.course-card .course-body .course-badge{display:inline-block;font-size:12px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;padding:2px 10px;border-radius:999px;background:oklch(94% 0.008 255);color:var(--accent);margin-bottom:8px}.course-card .course-body h3{font-size:18px;font-weight:600;margin-bottom:8px}.course-card .course-body h3 a{color:var(--fg);text-decoration:none}.course-card .course-body h3 a:hover{color:var(--accent)}.course-card .course-body .course-instructor{font-size:13px;color:var(--muted);margin-bottom:12px}.course-card .course-body .course-meta-row{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border);font-size:13px;color:var(--muted)}.course-card .course-body .course-price{font-weight:700;color:var(--accent);font-size:16px}.author-profile{display:flex;gap:24px;padding:32px 0;margin-bottom:32px;border-bottom:1px solid var(--border);align-items:flex-start}@media (max-width:640px){.author-profile{flex-direction:column;align-items:center;text-align:center}}.author-profile .author-avatar-lg{width:120px;height:120px;border-radius:50%;background:var(--border);flex-shrink:0;overflow:hidden}.author-profile .author-avatar-lg img{width:100%;height:100%;object-fit:cover}.author-profile .author-info h1{margin-bottom:8px;font-size:28px}.author-profile .author-info .author-bio{color:var(--muted);font-size:15px;max-width:56ch}.author-profile .author-meta{display:flex;gap:16px;margin-top:12px;font-size:14px;color:var(--muted);flex-wrap:wrap}.author-profile .author-meta span{display:flex;align-items:center;gap:4px}.qa-list{display:flex;flex-direction:column;gap:2px}.qa-item{padding:20px 0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:60px 1fr;gap:16px;align-items:start}.qa-item:last-child{border-bottom:0}.qa-item .qa-votes{text-align:center;font-size:18px;font-weight:700;color:var(--accent);line-height:1}.qa-item .qa-votes .vote-label{display:block;font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:0.06em;color:var(--muted);margin-top:2px}.qa-item .qa-body h3{font-size:17px;font-weight:600;margin-bottom:6px}.qa-item .qa-body h3 a{color:var(--fg);text-decoration:none}.qa-item .qa-body h3 a:hover{color:var(--accent)}.qa-item .qa-body .qa-excerpt{font-size:14px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px}.qa-item .qa-body .qa-meta{font-size:13px;color:var(--muted);display:flex;gap:12px;align-items:center}.qa-item .qa-body .qa-meta .answers-count{color:var(--accent);font-weight:600}.qa-item .qa-body .qa-meta .tag{padding:1px 8px;border:1px solid var(--border);border-radius:999px;font-size:11px}.download-list{display:flex;flex-direction:column;gap:12px}.download-item{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);transition:box-shadow 0.2s}.download-item:hover{box-shadow:var(--shadow-sm)}.download-item .dl-icon{width:48px;height:48px;border-radius:var(--radius-sm);background:oklch(94% 0.008 255);display:grid;place-items:center;color:var(--accent);flex-shrink:0;font-size:20px}.download-item .dl-info{flex:1;min-width:0}.download-item .dl-info h3{font-size:16px;font-weight:600;margin-bottom:2px}.download-item .dl-info h3 a{color:var(--fg);text-decoration:none}.download-item .dl-info h3 a:hover{color:var(--accent)}.download-item .dl-info .dl-meta{font-size:13px;color:var(--muted);display:flex;gap:12px}.download-item .dl-btn{padding:8px 20px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity 0.15s;text-decoration:none}.download-item .dl-btn:hover{opacity:0.85;text-decoration:none}.breadcrumb{font-size:13px;color:var(--muted)}.module-title{font-size:18px;font-weight:600;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border);display:flex;align-items:center}.cat-learning-path{margin:48px 0;padding:32px;background:oklch(98% 0.003 250);border-radius:var(--radius-lg);border:1px solid var(--border)}.learning-path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width:768px){.learning-path-grid{grid-template-columns:1fr}.cat-learning-path{padding:24px}}.path-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;display:flex;flex-direction:column;transition:box-shadow 0.2s,transform 0.2s}.path-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.path-card .path-level{display:inline-block;padding:4px 12px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;margin-bottom:12px}.path-card.path-beginner .path-level{background:oklch(90% 0.08 145 / 30%);color:oklch(45% 0.14 145)}.path-card.path-intermediate .path-level{background:oklch(90% 0.08 220 / 30%);color:oklch(45% 0.14 220)}.path-card.path-advanced .path-level{background:oklch(90% 0.08 30 / 30%);color:oklch(45% 0.14 30)}.path-card h4{font-size:16px;font-weight:600;margin-bottom:8px}.path-card p{font-size:13px;color:var(--muted);line-height:1.5;margin-bottom:16px;flex:1}.path-card .path-stats{display:flex;gap:12px;font-size:12px;color:var(--muted);margin-bottom:16px}.path-card .path-link{align-self:flex-start;padding:8px 16px;background:var(--accent);color:#fff;border-radius:var(--radius-sm);font-size:13px;font-weight:600;text-decoration:none;transition:opacity 0.15s}.path-card .path-link:hover{opacity:0.85;text-decoration:none}.cat-resources{margin:48px 0}.resources-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width:640px){.resources-grid{grid-template-columns:1fr}}.resource-item{display:flex;gap:16px;padding:20px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);transition:box-shadow 0.2s}.resource-item:hover{box-shadow:var(--shadow-sm)}.resource-item .resource-icon{width:48px;height:48px;border-radius:var(--radius-sm);background:oklch(94% 0.008 255);display:grid;place-items:center;font-size:24px;flex-shrink:0}.resource-item .resource-info{flex:1;min-width:0}.resource-item .resource-info h4{font-size:15px;font-weight:600;margin-bottom:4px}.resource-item .resource-info p{font-size:13px;color:var(--muted);margin-bottom:12px}.resource-item .resource-link{font-size:13px;font-weight:600;color:var(--accent);text-decoration:none}.resource-item .resource-link:hover{text-decoration:underline}.cat-active-authors{margin:48px 0}.authors-list{display:flex;flex-direction:column;gap:16px}.author-rank{display:flex;gap:16px;padding:20px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);align-items:flex-start;transition:box-shadow 0.2s}.author-rank:hover{box-shadow:var(--shadow-sm)}.author-rank .rank-badge{width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px;flex-shrink:0}.author-rank.author-rank-1 .rank-badge{background:linear-gradient(135deg,oklch(58% 0.18 255),oklch(50% 0.22 255))}.author-rank.author-rank-2 .rank-badge{background:linear-gradient(135deg,oklch(70% 0.12 250),oklch(60% 0.16 250))}.author-rank.author-rank-3 .rank-badge{background:linear-gradient(135deg,oklch(75% 0.10 60),oklch(65% 0.14 60))}.author-rank .author-avatar-lg{width:60px;height:60px;border-radius:50%;background:var(--border);overflow:hidden;flex-shrink:0}.author-rank .author-avatar-lg img{width:100%;height:100%;object-fit:cover}.author-rank .author-details{flex:1;min-width:0}.author-rank .author-details h4{font-size:16px;font-weight:600;margin-bottom:4px}.author-rank .author-details .author-bio{font-size:13px;color:var(--muted);margin-bottom:12px;line-height:1.5}.author-rank .author-details .author-stats{display:flex;gap:16px;font-size:13px;color:var(--muted)}.author-rank .author-details .author-stats strong{color:var(--fg);font-weight:600}@media (max-width:640px){.author-rank{flex-direction:column;align-items:center;text-align:center}.author-rank .author-details{text-align:center}.author-rank .author-details .author-stats{justify-content:center}}.cat-trending-topics{margin:48px 0}.trending-list{display:flex;flex-direction:column;gap:12px}.trending-item{display:flex;gap:16px;padding:20px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);transition:box-shadow 0.2s}.trending-item:hover{box-shadow:var(--shadow-sm)}.trending-item .trending-rank{width:48px;height:48px;border-radius:var(--radius-sm);background:oklch(94% 0.008 255);display:grid;place-items:center;font-size:24px;flex-shrink:0}.trending-item.trending-hot .trending-rank{background:oklch(92% 0.08 30 / 20%)}.trending-item.trending-rising .trending-rank{background:oklch(92% 0.08 145 / 20%)}.trending-item.trending-new .trending-rank{background:oklch(92% 0.08 220 / 20%)}.trending-item .trending-content{flex:1;min-width:0}.trending-item .trending-content h4{font-size:16px;font-weight:600;margin-bottom:6px}.trending-item .trending-content p{font-size:13px;color:var(--muted);margin-bottom:12px;line-height:1.5}.trending-item .trending-content .trending-meta{display:flex;gap:12px;align-items:center;font-size:12px}.trending-item .trending-content .trending-meta .trending-stat{color:var(--muted)}.trending-item .trending-content .trending-meta .trending-tag{padding:2px 8px;border-radius:999px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase}.trending-item.trending-hot .trending-meta .trending-tag{background:oklch(92% 0.08 30 / 30%);color:oklch(45% 0.14 30)}.trending-item.trending-rising .trending-meta .trending-tag{background:oklch(92% 0.08 145 / 30%);color:oklch(45% 0.14 145)}.trending-item.trending-new .trending-meta .trending-tag{background:oklch(92% 0.08 220 / 30%);color:oklch(45% 0.14 220)}.cat-faq{margin:48px 0}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-item{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.faq-item .faq-question{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;cursor:pointer;transition:background 0.15s;font-weight:500;font-size:15px}.faq-item .faq-question:hover{background:oklch(96% 0.004 250)}.faq-item .faq-question span{flex:1}.faq-item .faq-question .faq-toggle{width:20px;height:20px;color:var(--muted);transition:transform 0.2s;flex-shrink:0}.faq-item.faq-item-open .faq-question .faq-toggle{transform:rotate(180deg)}.faq-item .faq-answer{display:none;padding:0 20px 20px;border-top:1px solid var(--border)}.faq-item.faq-item-open .faq-answer{display:block}.faq-item .faq-answer p{font-size:14px;color:var(--muted);line-height:1.6;margin-top:16px}margin-bottom:24px}.breadcrumb a{color:var(--muted)}.breadcrumb a:hover{color:var(--accent)}.breadcrumb .sep{margin:0 6px}@media (max-width:480px){.site-content{padding:20px 16px}.content-wide{padding:20px 16px}.site-header{padding:0 16px}}.cat-page-layout{grid-template-columns:1fr 280px;gap:48px;max-width:var(--wide-width)}@media (max-width:820px){.cat-page-layout{grid-template-columns:1fr;gap:32px}}.cat-page-layout .cat-hero{position:relative;padding:40px 0 28px;overflow:hidden}.cat-page-layout .cat-hero::before{content:'';position:absolute;top:-30%;right:-8%;width:360px;height:360px;background:radial-gradient(circle,oklch(58% 0.18 255 / 6%),transparent 70%);pointer-events:none}.cat-page-layout .cat-hero h1{font-size:clamp(32px,4vw,44px);margin-bottom:8px;position:relative}.cat-page-layout .cat-hero .cat-desc{font-size:15px;color:var(--muted);max-width:56ch;line-height:1.6;position:relative}.cat-page-layout .cat-hero .cat-stats-row{padding-top:16px;position:relative}.cat-page-layout .cat-breadcrumb{font-size:13px;color:var(--muted);margin-bottom:12px}.cat-page-layout .cat-breadcrumb a{color:var(--muted)}.cat-page-layout .cat-breadcrumb a:hover{color:var(--accent)}.cat-page-layout .cat-breadcrumb .sep{margin:0 6px}.cat-page-layout .post-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width:720px){.cat-page-layout .post-grid{grid-template-columns:1fr}}.cat-page-layout .grid-card{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--surface);transition:box-shadow 0.25s,transform 0.25s}.cat-page-layout .grid-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.cat-page-layout .grid-card .gc-thumb{width:100%;height:180px;background:oklch(92% 0.005 250);overflow:hidden}.cat-page-layout .grid-card .gc-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s}.cat-page-layout .grid-card:hover .gc-thumb img{transform:scale(1.03)}.cat-page-layout .grid-card .gc-body{padding:18px}.cat-page-layout .grid-card .gc-body .gc-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-bottom:6px}.cat-page-layout .grid-card .gc-body .gc-meta .cat{color:var(--accent);font-weight:500}.cat-page-layout .grid-card .gc-body h3{font-size:17px;font-weight:600;letter-spacing:-0.01em;margin-bottom:8px;line-height:1.35}.cat-page-layout .grid-card .gc-body h3 a{color:var(--fg);text-decoration:none}.cat-page-layout .grid-card .gc-body h3 a:hover{color:var(--accent)}.cat-page-layout .grid-card .gc-body .gc-excerpt{font-size:14px;color:var(--muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cat-page-layout .grid-card .gc-body .gc-footer{margin-top:12px;padding-top:10px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.cat-page-layout .grid-card .gc-body .gc-footer .read-time{display:flex;align-items:center;gap:4px}.cat-page-layout .grid-card .gc-body .gc-footer .read-time svg{width:14px;height:14px}@media (max-width:768px){.cat-page-layout .cat-hero{padding:24px 0 20px}}.sac-link{display:block;text-decoration:none;color:inherit}.lc-item{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);text-decoration:none;color:var(--text);transition:background .15s;border-radius:4px}.lc-item:last-child{border-bottom:none}.lc-item:hover{background:oklch(97% 0.01 250)}.lc-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.lc-body{flex:1;min-width:0}.lc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.lc-header strong{font-size:13px;font-weight:600}.lc-time{font-size:11px;color:var(--text-muted)}.lc-excerpt{font-size:12px;color:var(--text-muted);line-height:1.5;margin:0 0 3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lc-post{font-size:11px;color:var(--accent);opacity:.8}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:oklch(80% 0.01 250);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:oklch(65% 0.02 250)}[data-theme="dark"] ::-webkit-scrollbar-thumb{background:oklch(40% 0.02 260)}[data-theme="dark"] ::-webkit-scrollbar-thumb:hover{background:oklch(50% 0.02 260)}[data-theme="dark"] .article-body pre{background:oklch(14% 0.02 260);border-color:oklch(28% 0.02 260)}[data-theme="dark"] .article-body p code{background:oklch(26% 0.02 260);color:oklch(78% 0.14 280)}[data-theme="dark"] .article-body blockquote{background:oklch(22% 0.02 260);border-left-color:var(--accent)}[data-theme="dark"] .article-body table thead{background:oklch(22% 0.02 260)}[data-theme="dark"] .article-body table tbody tr:hover{background:oklch(24% 0.02 260)}[data-theme="dark"] .newsletter-card{background:linear-gradient(135deg,oklch(20% 0.03 260),oklch(16% 0.04 280))}