:root{--bg:#f5f5f7;--bg-elevated:#ffffff;--bg-tinted:#eef0f4;--bg-glass:rgba(255, 255, 255, 0.72);--text:#1d1d1f;--text-2:#6e6e73;--text-3:#86868b;--border:rgba(0, 0, 0, 0.09);--border-strong:rgba(0, 0, 0, 0.16);--blue:#0071e3;--blue-deep:#0066cc;--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.04), 0 4px 14px rgba(0, 0, 0, 0.05);--shadow-md:0 2px 8px rgba(0, 0, 0, 0.06), 0 12px 32px rgba(0, 0, 0, 0.09);--shadow-lg:0 4px 14px rgba(0, 0, 0, 0.08), 0 20px 48px rgba(0, 0, 0, 0.14);--radius-lg:24px;--radius-md:18px;--radius-sm:12px;--header-h:52px;--grad-1:linear-gradient(135deg, #0071e3, #42a5f5);--grad-2:linear-gradient(135deg, #af52de, #d970f7);--grad-3:linear-gradient(135deg, #ff9500, #ffb340);--grad-4:linear-gradient(135deg, #ff2d55, #ff6482);--grad-5:linear-gradient(135deg, #00c7be, #4dd8d0);--grad-6:linear-gradient(135deg, #30b35a, #5ed98a);--grad-7:linear-gradient(135deg, #5e5ce6, #8e8cf5);--grad-8:linear-gradient(135deg, #ff375f, #ff7b92);--font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", "Segoe UI", Arial, sans-serif}[data-theme=dark]{--bg:#0a0a0c;--bg-elevated:#161618;--bg-tinted:#111114;--bg-glass:rgba(18, 18, 20, 0.72);--text:#f5f5f7;--text-2:#a1a1a6;--text-3:#77777d;--border:rgba(255, 255, 255, 0.1);--border-strong:rgba(255, 255, 255, 0.2);--blue:#2997ff;--blue-deep:#0077ed;--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.4), 0 4px 14px rgba(0, 0, 0, 0.35);--shadow-md:0 2px 8px rgba(0, 0, 0, 0.45), 0 12px 32px rgba(0, 0, 0, 0.5);--shadow-lg:0 4px 14px rgba(0, 0, 0, 0.5), 0 20px 48px rgba(0, 0, 0, 0.6)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}img{max-width:100%}::selection{background:rgba(0,113,227,.18)}[data-theme=dark] ::selection{background:rgba(41,151,255,.28)}.container{max-width:1120px;margin:0 auto;padding:0 22px}.container-narrow{max-width:760px}.icon{flex-shrink:0;vertical-align:middle}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-h);background:var(--bg-glass);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid transparent;transition:border-color .3s}.site-header.scrolled{border-bottom-color:var(--border)}.header-inner{max-width:1120px;margin:0 auto;padding:0 22px;height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px;letter-spacing:-.01em}.brand-mark{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:8px;background:var(--grad-1);color:#fff}.site-nav{display:flex;gap:4px}.nav-link{padding:6px 12px;font-size:13px;color:var(--text-2);border-radius:980px;transition:color .2s,background .2s}.nav-link:hover{color:var(--text)}.nav-link.active{color:var(--text);background:var(--bg-tinted)}.header-actions{display:flex;align-items:center;gap:6px}.icon-btn{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border:none;border-radius:50%;background:0 0;color:var(--text-2);cursor:pointer;transition:background .2s,color .2s}.icon-btn:hover{background:var(--bg-tinted);color:var(--text)}.icon-moon{display:none}[data-theme=dark] .icon-sun{display:none}[data-theme=dark] .icon-moon{display:block}.nav-toggle{display:none}.hamburger,.hamburger::before,.hamburger::after{display:block;width:16px;height:1.6px;background:currentColor;border-radius:2px;position:relative;transition:transform .3s}.hamburger::before,.hamburger::after{content:"";position:absolute;left:0}.hamburger::before{top:-5px}.hamburger::after{top:5px}.nav-toggle.open .hamburger{background:0 0}.nav-toggle.open .hamburger::before{transform:translateY(5px)rotate(45deg)}.nav-toggle.open .hamburger::after{transform:translateY(-5px)rotate(-45deg)}.hero{position:relative;padding:calc(var(--header-h) + 88px)0 72px;text-align:center;overflow:hidden}.hero-glow{position:absolute;width:640px;height:640px;border-radius:50%;filter:blur(120px);opacity:.35;pointer-events:none;animation:float 14s ease-in-out infinite alternate}[data-theme=dark] .hero-glow{opacity:.22}.hero-glow-1{top:-220px;left:50%;transform:translateX(-70%);background:radial-gradient(circle,#63b3ff,transparent 70%)}.hero-glow-2{top:-180px;left:50%;transform:translateX(-10%);background:radial-gradient(circle,#c58cff,transparent 70%);animation-delay:-7s}@keyframes float{from{transform:translateX(-70%)translateY(0)scale(1)}to{transform:translateX(-60%)translateY(40px)scale(1.08)}}.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;font-size:13px;font-weight:500;color:var(--text-2);background:var(--bg-elevated);border:1px solid var(--border);border-radius:980px;box-shadow:var(--shadow-sm)}.hero-title{margin:24px 0 16px;font-size:clamp(40px,7vw,68px);font-weight:700;letter-spacing:-.03em;line-height:1.08;background:linear-gradient(180deg,var(--text) 20%,var(--text-3) 120%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-accent{background:linear-gradient(100deg,#0071e3 0%,#8e5cf5 55%,#d970f7 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-sub{max-width:640px;margin:0 auto;font-size:clamp(16px,2.4vw,21px);line-height:1.55;color:var(--text-2);letter-spacing:-.01em}.hero-actions{display:flex;justify-content:center;gap:14px;margin-top:32px;flex-wrap:wrap}.hero-stats{display:flex;justify-content:center;gap:clamp(24px,6vw,64px);margin-top:56px;flex-wrap:wrap}.stat{display:flex;flex-direction:column;gap:2px}.stat strong{font-size:clamp(24px,3.4vw,34px);font-weight:700;letter-spacing:-.02em}.stat span{font-size:13px;color:var(--text-3)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:500;border-radius:980px;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,background .25s;cursor:pointer;border:none}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 6px 18px rgba(0,113,227,.32)}.btn-primary:hover{background:var(--blue-deep);transform:translateY(-1px)scale(1.02)}.btn-ghost{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.btn-ghost:hover{transform:translateY(-1px)scale(1.02);box-shadow:var(--shadow-md)}.section{padding:72px 0}.section-flush{padding-top:0}.section-tinted{background:var(--bg-tinted)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:36px}.eyebrow{display:block;font-size:14px;font-weight:600;letter-spacing:.02em;margin-bottom:6px;background:var(--grad-1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.board-hero .eyebrow{font-size:15px}.section-title,.board-title{margin:0;font-size:clamp(28px,4.4vw,40px);font-weight:700;letter-spacing:-.025em;line-height:1.15}.more-link{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:500;color:var(--blue);white-space:nowrap}.more-link .icon{transition:transform .25s}.more-link:hover .icon{transform:translateX(3px)}.board-hero{position:relative;padding:calc(var(--header-h) + 64px)0 48px;overflow:hidden}.board-hero-sm{padding-bottom:32px}.board-sub{margin:14px 0 0;font-size:17px;color:var(--text-2);max-width:560px}.board-hero-sm .board-sub{font-size:15px}.grid{display:grid;gap:22px}.grid-3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card{background:var(--bg-elevated);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s;display:flex;flex-direction:column}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.card-cover{position:relative;aspect-ratio:16/9.6;overflow:hidden;background:var(--bg-tinted)}.card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.card:hover .card-cover img{transform:scale(1.045)}.cover-fallback{display:flex;align-items:center;justify-content:center}.cover-pattern{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-3);background:radial-gradient(120% 140% at 20% 0%,rgba(0,113,227,.1),transparent 50%),radial-gradient(120% 140% at 100% 100%,rgba(175,82,222,.1),transparent 50%)}[data-theme=dark] .cover-pattern{background:radial-gradient(120% 140% at 20% 0%,rgba(41,151,255,.14),transparent 50%),radial-gradient(120% 140% at 100% 100%,rgba(175,82,222,.14),transparent 50%)}.card-play{position:absolute;right:12px;bottom:12px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}.card-meta{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--text-3)}.card-cat{color:var(--blue);font-weight:500}.card-title{margin:0;font-size:17px;font-weight:600;letter-spacing:-.015em;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-desc{margin:0;font-size:13.5px;line-height:1.5;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.cat-card{position:relative;display:flex;flex-direction:column;gap:14px;padding:24px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s,border-color .45s;overflow:hidden}.cat-card::before{content:"";position:absolute;top:-60px;right:-60px;width:160px;height:160px;border-radius:50%;background:var(--accent,var(--grad-1));opacity:.09;filter:blur(30px);transition:opacity .4s}.cat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:transparent}.cat-card:hover::before{opacity:.2}.cat-icon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:var(--accent,var(--grad-1));color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.12)}.cat-text{flex:1}.cat-title{margin:0 0 4px;font-size:17px;font-weight:600;letter-spacing:-.015em}.cat-desc{margin:0;font-size:13px;line-height:1.5;color:var(--text-2)}.cat-foot{display:flex;align-items:center;justify-content:space-between}.cat-count{font-size:12.5px;color:var(--text-3)}.cat-arrow{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;color:var(--text-3);transition:transform .3s,background .3s,color .3s}.cat-card:hover .cat-arrow{background:var(--accent,var(--grad-1));color:#fff;transform:translateX(2px)}.grad-g1{--accent:var(--grad-1)}.grad-g2{--accent:var(--grad-2)}.grad-g3{--accent:var(--grad-3)}.grad-g4{--accent:var(--grad-4)}.grad-g5{--accent:var(--grad-5)}.grad-g6{--accent:var(--grad-6)}.grad-g7{--accent:var(--grad-7)}.grad-g8{--accent:var(--grad-8)}.cat-card-big{grid-column:span 2}.cat-card-big .cat-title{font-size:20px}.cat-card-big .cat-desc{font-size:14px}.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(150px,auto);gap:16px}.bento .cat-card{padding:20px;gap:12px}.bento-wide{grid-column:span 2}.bento-feature{grid-column:span 2;grid-row:span 2;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:28px;border-radius:var(--radius-lg);background:var(--accent,var(--grad-1));color:#fff;overflow:hidden;box-shadow:var(--shadow-md);transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s}.bento-feature::after{content:"";position:absolute;top:-80px;right:-80px;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.16);filter:blur(46px);pointer-events:none}.bento-feature:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.bento-feature-top{position:relative;z-index:1}.bento-feature-icon{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:17px;background:rgba(255,255,255,.22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.28);box-shadow:0 6px 18px rgba(0,0,0,.14)}.bento-feature-body{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px}.bento-feature-title{margin:0;font-size:clamp(24px,3vw,32px);font-weight:700;letter-spacing:-.02em}.bento-feature-desc{margin:0;font-size:15px;line-height:1.5;color:rgba(255,255,255,.86)}.bento-feature-count{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:13.5px;font-weight:500;color:rgba(255,255,255,.92)}.bento-feature-count .icon{transition:transform .25s}.bento-feature:hover .bento-feature-count .icon{transform:translateX(3px)}.page-article{padding:calc(var(--header-h) + 56px)0 88px}.page-header{margin-bottom:40px}.page-title{margin:0;font-size:clamp(30px,5vw,44px);font-weight:700;letter-spacing:-.025em;line-height:1.12}.page-lead{margin:14px 0 0;font-size:17px;line-height:1.6;color:var(--text-2)}.latest-list{background:var(--bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.latest-item{display:grid;grid-template-columns:52px 1fr auto auto;align-items:center;gap:16px;padding:16px 24px;border-bottom:1px solid var(--border);font-size:14.5px;transition:background .2s}.latest-item:last-child{border-bottom:none}.latest-item:hover{background:var(--bg-tinted)}.latest-section{font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:6px;text-align:center;color:var(--blue);background:rgba(0,113,227,.1)}[data-theme=dark] .latest-section{background:rgba(41,151,255,.16)}.latest-title{font-weight:500;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.latest-cat{font-size:12px;color:var(--text-3)}.latest-date{font-size:12.5px;color:var(--text-3);font-variant-numeric:tabular-nums}.progress-track{position:fixed;top:0;left:0;right:0;height:2px;z-index:110;background:0 0}.progress-bar{height:100%;width:0;background:linear-gradient(90deg,var(--blue),#a06bff);transition:width .08s linear}.article{padding:calc(var(--header-h) + 48px)0 72px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr)220px;gap:56px;align-items:start}.article-noaside{grid-template-columns:minmax(0,1fr)}.article-main{min-width:0;max-width:760px}.article-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-3);margin-bottom:24px;transition:color .2s}.article-back .icon{transform:rotate(180deg)}.article-back:hover{color:var(--blue)}.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:14px;font-size:13px;color:var(--text-3)}.article-cat{display:inline-block;padding:3px 10px;font-size:12.5px;font-weight:500;color:var(--blue);background:rgba(0,113,227,.1);border-radius:6px}[data-theme=dark] .article-cat{background:rgba(41,151,255,.16)}.article-title{margin:18px 0 0;font-size:clamp(28px,4.6vw,40px);font-weight:700;letter-spacing:-.025em;line-height:1.18}.article-lead{margin:16px 0 0;font-size:17px;line-height:1.6;color:var(--text-2)}.article-header{margin-bottom:40px}.article-aside{position:sticky;top:calc(var(--header-h) + 32px)}.toc-card{padding:18px;background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.toc-card h4{margin:0 0 10px;font-size:12.5px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em}#TableOfContents ul{list-style:none;margin:0;padding-left:0}#TableOfContents ul ul{padding-left:14px}#TableOfContents li{margin:2px 0}#TableOfContents a{display:block;font-size:13px;color:var(--text-2);line-height:1.5;padding:3px 0;border-left:2px solid transparent;padding-left:8px;transition:color .2s,border-color .2s}#TableOfContents a:hover{color:var(--text)}#TableOfContents a.active{color:var(--blue);border-left-color:var(--blue)}.prose{font-size:16.5px;line-height:1.8;letter-spacing:.01em}.prose>*:first-child{margin-top:0}.prose h1,.prose h2,.prose h3,.prose h4{font-weight:700;letter-spacing:-.02em;line-height:1.3;scroll-margin-top:80px}.prose h2{margin:2.2em 0 .7em;font-size:25px}.prose h3{margin:1.8em 0 .6em;font-size:20px}.prose h4{margin:1.6em 0 .5em;font-size:17.5px}.prose h5,.prose h6{margin:1.5em 0 .4em;font-size:16px}.prose p{margin:1em 0}.prose a{color:var(--blue)}.prose a:hover{text-decoration:underline;text-underline-offset:3px}.prose strong{font-weight:650}.prose img{border-radius:var(--radius-sm);display:block;margin:1.6em auto;box-shadow:var(--shadow-sm)}.prose blockquote{margin:1.6em 0;padding:4px 0 4px 18px;border-left:3px solid var(--blue);color:var(--text-2)}.prose blockquote p{margin:.5em 0}.prose hr{border:none;border-top:1px solid var(--border);margin:2.4em 0}.prose ul,.prose ol{padding-left:1.5em}.prose li{margin:.35em 0}.prose code{font-family:sf mono,ui-monospace,Menlo,Consolas,monospace;font-size:.86em;background:var(--bg-tinted);padding:2px 6px;border-radius:6px;border:1px solid var(--border)}.prose pre{background:#1d1d20;color:#f5f5f7;border-radius:var(--radius-sm);padding:18px 20px;overflow-x:auto;line-height:1.6;font-size:13.5px;border:none}.prose pre code{background:0 0;border:none;padding:0;color:inherit;font-size:inherit}.prose table{width:100%;border-collapse:collapse;margin:1.8em 0;font-size:14.5px;display:block;overflow-x:auto}.prose th,.prose td{padding:10px 14px;border-bottom:1px solid var(--border);text-align:left}.prose th{font-weight:600;color:var(--text-2);font-size:13px}.prose tbody tr:last-child td{border-bottom:none}.prose details{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 18px;margin:1.4em 0}.prose summary{cursor:pointer;font-weight:550}.prose summary:hover{color:var(--blue)}.prose iframe{max-width:100%}.video-embed{position:relative;width:100%;padding-bottom:56.25%;margin:1.8em 0;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md);background:#000}.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.article-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:64px}.article-nav-item{display:flex;flex-direction:column;gap:6px;padding:18px 20px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s;min-width:0}.article-nav-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.article-nav-item.next{text-align:right}.article-nav-label{font-size:12px;color:var(--text-3)}.article-nav-title{font-size:14.5px;font-weight:550;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-bottom:48px}.link-card{display:flex;flex-direction:column;justify-content:space-between;gap:14px;padding:20px 22px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s;min-height:118px}.link-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.link-desc{margin:0;font-size:13.5px;line-height:1.55;color:var(--text-2);flex:1}.link-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.link-title{font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--text)}.archive-year{margin-bottom:44px}.archive-year-title{margin:0 0 18px;font-size:30px;font-weight:700;letter-spacing:-.02em;background:var(--grad-1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.archive-list{background:var(--bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.archive-item{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:16px;padding:13px 22px;border-bottom:1px solid var(--border);font-size:14.5px;transition:background .2s}.archive-item:last-child{border-bottom:none}.archive-item:hover{background:var(--bg-tinted)}.archive-item time{font-size:12.5px;color:var(--text-3);font-variant-numeric:tabular-nums}.archive-item-title{font-weight:500;letter-spacing:-.01em}.search-box{display:flex;align-items:center;gap:12px;padding:16px 22px;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:980px;box-shadow:var(--shadow-md);color:var(--text-3);transition:border-color .2s,box-shadow .2s}.search-box:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px rgba(0,113,227,.12),var(--shadow-md)}.search-box input{flex:1;border:none;outline:none;background:0 0;font-family:inherit;font-size:17px;color:var(--text)}.search-box input::placeholder{color:var(--text-3)}.search-hint{margin-top:24px;text-align:center;font-size:14px;color:var(--text-3)}.search-results{margin-top:20px}.search-result{display:block;padding:16px 22px;border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border);margin-bottom:12px;box-shadow:var(--shadow-sm);transition:transform .3s,box-shadow .3s}.search-result:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.search-result-meta{display:flex;gap:10px;font-size:12px;color:var(--text-3);margin-bottom:6px}.search-result-title{font-size:16.5px;font-weight:600;letter-spacing:-.015em}.search-result-summary{margin:6px 0 0;font-size:13.5px;color:var(--text-2);line-height:1.55}.search-result mark{background:rgba(255,214,0,.35);color:inherit;border-radius:3px;padding:0 2px}[data-theme=dark] .search-result mark{background:rgba(255,214,0,.22);color:#ffe27a}.tool-embed{min-height:calc(100vh - var(--header-h));margin-top:var(--header-h)}@supports(min-height:100dvh){.tool-embed{min-height:calc(100dvh - var(--header-h))}}.pagination{display:flex;justify-content:center;gap:8px;margin-top:44px}.page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;font-size:14px;border-radius:980px;color:var(--text-2);background:var(--bg-elevated);border:1px solid var(--border);transition:background .2s,color .2s}.page-btn:hover{color:var(--text)}.page-btn.current{background:var(--blue);border-color:var(--blue);color:#fff}.page-btn.disabled{opacity:.35;pointer-events:none}.page-ellipsis{align-self:center;color:var(--text-3)}.site-footer{margin-top:40px;background:var(--bg-elevated);border-top:1px solid var(--border);padding:56px 0 32px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;padding-bottom:40px;border-bottom:1px solid var(--border)}.footer-desc{margin:14px 0 0;font-size:13px;line-height:1.6;color:var(--text-3);max-width:280px}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col h4{margin:0 0 4px;font-size:13px;font-weight:600;color:var(--text)}.footer-col a{font-size:13px;color:var(--text-3);transition:color .2s}.footer-col a:hover{color:var(--blue)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:26px}.footer-bottom p{margin:0;font-size:12.5px;color:var(--text-3)}.footer-social{display:flex;gap:6px}.footer-social a{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:50%;color:var(--text-3);transition:background .2s,color .2s}.footer-social a:hover{background:var(--bg-tinted);color:var(--text)}.back-top{position:fixed;right:24px;bottom:24px;z-index:90;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);color:var(--text-2);box-shadow:var(--shadow-md);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .3s,transform .3s,color .2s}.back-top.visible{opacity:1;transform:none;pointer-events:auto}.back-top:hover{color:var(--blue)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal.revealed{opacity:1;transform:none}.stagger>.reveal:nth-child(2){transition-delay:.06s}.stagger>.reveal:nth-child(3){transition-delay:.12s}.stagger>.reveal:nth-child(4){transition-delay:.18s}.stagger>.reveal:nth-child(5){transition-delay:.24s}.stagger>.reveal:nth-child(6){transition-delay:.3s}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.stagger>.reveal{transition-delay:0s}.hero-glow{animation:none}html{scroll-behavior:auto}}.hero-404{padding:calc(var(--header-h) + 120px)0 120px}@media(hover:none){.card:hover,.cat-card:hover,.link-card:hover,.btn-primary:hover,.btn-ghost:hover,.search-result:hover,.article-nav-item:hover,.bento-feature:hover,.latest-item:hover,.archive-item:hover{transform:none}}@media(max-width:1080px){.article-layout{grid-template-columns:minmax(0,1fr)}.article-aside{display:none}.bento{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:834px){.site-nav{position:absolute;top:var(--header-h);left:0;right:0;flex-direction:column;padding:12px 22px 20px;background:var(--bg-glass);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--border);display:none}.site-nav.open{display:flex}.nav-link{padding:12px 14px;font-size:15px}.nav-toggle{display:inline-flex}.section{padding:56px 0}.cat-card-big{grid-column:span 1}.latest-item{grid-template-columns:44px 1fr auto}.latest-cat{display:none}.footer-grid{grid-template-columns:1fr 1fr}.article-nav{grid-template-columns:1fr}.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.bento-feature,.bento-wide{grid-column:span 2}.back-top{right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px))}}@media(max-width:520px){.hero{padding-top:calc(var(--header-h) + 48px);padding-bottom:56px}.hero-title{margin-bottom:14px}.hero-actions .btn{width:100%;justify-content:center}.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:24px 12px;margin-top:44px}.stat{align-items:center;text-align:center}.cat-grid{grid-template-columns:1fr}.bento{grid-template-columns:1fr;grid-auto-rows:auto}.bento-feature,.bento-wide{grid-column:span 1}.bento-feature{padding:24px}.footer-grid{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr}.section-head{flex-direction:column;align-items:flex-start}.section{padding:48px 0}.prose{font-size:16px}.archive-item{grid-template-columns:36px 1fr}.archive-item .latest-cat{display:none}.latest-item{padding:13px 16px;gap:12px}.latest-date{font-size:12px}}