:root{color:#0f1728;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--shell-width:1060px;--surface:#fff;--surface-soft:#f7f9fc;--surface-muted:#eef3fa;--line:#d9e0ec;--text:#0f1728;--muted:#667085;--brand:#7c8ee6;--brand-deep:#202941;--shadow-lg:0 18px 50px #23335414;--shadow-md:0 10px 26px #23335412;--radius-xl:24px;--radius-lg:18px;--radius-md:14px;background:#eef1f6;font-family:Segoe UI,PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--text);background:linear-gradient(#e9eef8 0 460px,#eef1f6 460px 100%);margin:0}body,button,input{font:inherit}a{color:inherit;text-decoration:none}button,input{border:0}button{cursor:pointer}img{width:100%;display:block}h1,h2,h3,p{margin:0}#app,.app-shell{min-height:100vh}.page-main{padding-bottom:64px}.shell{width:min(var(--shell-width), calc(100vw - 32px));margin:0 auto}.site-header{padding:12px 0 18px}.header-pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd6;border:1px solid #99a5ba5c;border-radius:999px;justify-content:space-between;align-items:center;gap:18px;padding:8px 12px;display:flex;box-shadow:0 8px 20px #2d3e5a0f}.brand-mark{align-items:center;gap:7px;padding:0 8px;font-size:15px;font-weight:700;display:inline-flex}.brand-dot{background:linear-gradient(135deg,#151f33,#5b6eaa);border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 4px #5c78b31f}.top-nav{flex:1;justify-content:center;align-items:center;gap:18px;display:flex}.top-nav__link{color:var(--muted);font-size:13px;transition:color .2s}.top-nav__link.is-active,.top-nav__link:hover{color:var(--text)}.header-actions{align-items:center;gap:10px;display:flex}.search-shortcut{color:#98a3b8;font-size:12px}.icon-button{background:#f0f4fa;border-radius:50%;width:32px;height:32px}.icon-search{border:2px solid #7a859b;border-radius:50%;width:13px;height:13px;display:inline-block;position:relative}.icon-search:after{content:"";background:#7a859b;border-radius:999px;width:7px;height:2px;position:absolute;bottom:-5px;right:-4px;transform:rotate(45deg)}.profile-pill{color:#4c5b74;background:#eef3fa;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:600}.eyebrow{color:#5f6f89;letter-spacing:.08em;text-transform:uppercase;font-size:12px}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.section-heading--tight{margin-bottom:16px}.section-heading h2{margin-top:4px;font-size:26px;line-height:1.15}.page-title{margin-top:4px;font-size:34px}.section-link,.muted-text{color:var(--muted);font-size:13px}.home-page{flex-direction:column;gap:34px;display:flex}.hero-zone{text-align:center;margin-top:4px;padding:22px 0 0}.hero-zone__inner{flex-direction:column;align-items:center;gap:12px;display:flex}.hero-caption{color:#65748b;font-size:13px}.hero-zone h1{font-size:clamp(42px,6vw,68px);line-height:1}.hero-subtitle{color:#718099;font-size:15px}.hero-search{border-radius:var(--radius-xl);width:min(100%,520px);box-shadow:var(--shadow-lg);background:#ffffff8f;margin-top:18px;padding:16px}.hero-search__toggle{background:#eff4fb;border-radius:999px;gap:8px;padding:6px;display:inline-flex}.toggle-chip{color:#62718a;background:0 0;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:600}.toggle-chip.is-active{color:#fff;background:#161d2e}.hero-search__input{background:#fff;border:1px solid #e4e9f1;border-radius:16px;align-items:center;gap:10px;margin-top:12px;padding:10px 10px 10px 14px;display:flex}.hero-search__input span{width:0;overflow:hidden}.hero-search__input input{min-width:0;color:var(--text);background:0 0;outline:none;flex:1}.hero-search__input button{color:#fff;background:linear-gradient(135deg,#7e8de9,#64c2ff);border-radius:999px;padding:10px 16px;font-size:12px;font-weight:700}.hero-chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.hero-chips span,.filter-pill{color:#6a7891;background:#f3f6fb;border-radius:999px;padding:8px 12px;font-size:12px;transition:color .2s,background .2s}.stats-strip{background:#ffffffb8;border-radius:0;grid-template-columns:1.12fr 2fr;align-items:center;gap:28px;margin-top:10px;padding:24px 30px;display:grid}.featured-skill-card{align-items:center;gap:16px;display:flex}.featured-skill-card__icon{color:#fff;background:linear-gradient(135deg,#0f172a,#394765);border-radius:16px;place-items:center;width:48px;height:48px;font-weight:700;display:grid}.featured-skill-card h2{margin-top:2px;font-size:24px}.featured-skill-card p,.featured-skill-card span{color:var(--muted);font-size:13px}.stats-strip__grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.stats-strip__grid article strong{letter-spacing:-.04em;font-size:42px;font-weight:700;display:block}.stats-strip__grid article span{color:#4e5b73;margin-top:4px;font-size:13px;display:block}.stats-strip__grid article small{color:#99a5b8;margin-top:6px;font-size:12px;display:block}.section-block{padding-top:8px}.ranking-board{min-height:500px;box-shadow:var(--shadow-md);background:#ffffffb8;border:1px solid #d6ddeaf5;border-radius:22px;grid-template-columns:152px 1fr;display:grid;overflow:hidden}.ranking-board__tabs{background:linear-gradient(#fafcfff0,#f3f7fce6);border-right:1px solid #e6ebf3;padding:18px 14px}.ranking-tab{color:#64748b;text-align:left;background:0 0;border-radius:12px;width:100%;margin-bottom:10px;padding:12px 14px}.ranking-tab.is-active{color:#fff;background:#151b2e}.ranking-board__table{padding:12px 18px}.rank-row{border-bottom:1px solid #edf1f6;grid-template-columns:44px 1fr 220px;align-items:center;gap:16px;padding:13px 8px;display:grid}.rank-row:last-child{border-bottom:0}.rank-index{color:#6f7e96;font-size:26px;font-weight:700}.rank-main__head{flex-direction:column;gap:4px;display:flex}.rank-main__head strong{font-size:15px}.rank-main__head small{color:var(--muted);font-size:12px}.rank-stats{color:#8a97ad;text-align:right;grid-template-columns:repeat(3,1fr);gap:10px;font-size:12px;display:grid}.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.topic-card{box-shadow:var(--shadow-md);background:#ffffffbd;border:1px solid #d8dfebe6;border-radius:18px;overflow:hidden}.topic-card img{aspect-ratio:1.66;object-fit:cover}.topic-card div{padding:14px 16px 18px}.topic-card h3{font-size:18px;line-height:1.25}.topic-card p{color:var(--muted);margin-top:8px;font-size:13px}.latest-section{padding-top:0}.filter-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.filter-pill.is-active,.filter-pill:hover{color:#fff;background:#1a2236}.filter-bar--sticky{z-index:4;box-shadow:var(--shadow-md);background:#ffffffc2;border:1px solid #d8dfebe6;border-radius:18px;padding:14px;position:sticky;top:8px}.skill-grid{gap:14px;display:grid}.skill-grid--home,.skill-grid--explore{grid-template-columns:repeat(3,minmax(0,1fr))}.skill-card{background:#fffc;border:1px solid #d9e0ecf0;border-radius:18px;flex-direction:column;gap:14px;min-height:210px;padding:16px;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;box-shadow:0 8px 22px #2a38560d}.skill-card:hover{border-color:#cdd6e6;transform:translateY(-2px);box-shadow:0 14px 28px #2a385617}.skill-card.compact{min-height:196px}.skill-card__top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.skill-card__top h3{font-size:16px;line-height:1.3}.skill-card__subtitle{color:#6e7c94;margin-top:4px;font-size:12px}.skill-card__badge{color:#58718f;white-space:nowrap;background:#58718f1a;border-radius:999px;padding:5px 8px;font-size:11px}.skill-card__desc{color:#55647c;font-size:13px;line-height:1.6}.skill-card__meta,.skill-card__stats{color:#8c99ae;flex-wrap:wrap;gap:10px;font-size:12px;display:flex}.skill-card__stats{margin-top:auto}.tone-blue{background:linear-gradient(#ffffffd6,#f1f7fff0)}.tone-teal{background:linear-gradient(#ffffffd6,#effbfaf0)}.tone-amber{background:linear-gradient(#ffffffd6,#fff9eef2)}.tone-violet{background:linear-gradient(#ffffffd6,#f6f3fff2)}.tone-emerald{background:linear-gradient(#ffffffd6,#effaf5f2)}.explore-page,.topics-page,.detail-page{padding-top:12px}.topics-layout,.detail-layout{gap:18px;display:grid}.topics-layout{grid-template-columns:minmax(0,1fr) 300px}.archive-block{margin-bottom:18px}.archive-title{margin-bottom:12px;font-size:28px}.article-card{box-shadow:var(--shadow-md);background:#fffc;border:1px solid #d9e0ecf0;border-radius:18px;grid-template-columns:1.22fr .9fr 36px;align-items:center;gap:16px;margin-bottom:14px;padding:10px;display:grid}.article-card img{aspect-ratio:1.88;object-fit:cover;border-radius:14px}.article-card__body h3{font-size:24px;line-height:1.2}.article-card__body p{color:#63738b;margin-top:10px;font-size:13px;line-height:1.65}.article-card__arrow{color:#5f6e85;background:#edf2f8;border-radius:50%;place-items:center;width:32px;height:32px;font-size:14px;display:grid}.side-panel{box-shadow:var(--shadow-md);background:#fffc;border:1px solid #d9e0ecf0;border-radius:18px;padding:16px}.topics-side{flex-direction:column;gap:16px;display:flex}.hot-skill-card{border-bottom:1px solid #edf1f6;justify-content:space-between;gap:14px;padding:12px 0;display:flex}.hot-skill-card:last-child{border-bottom:0;padding-bottom:0}.hot-skill-card strong{font-size:14px}.hot-skill-card p{color:var(--muted);margin-top:4px;font-size:12px}.hot-skill-card span{color:#95a1b6;font-size:12px}.pagination-bar{justify-content:center;align-items:center;gap:18px;margin-top:18px;display:flex}.pagination-bar button,.pagination-bar span{color:#8a97ae;background:#fffc;border:1px solid #dbe2ee;border-radius:999px;padding:10px 16px;font-size:12px}.detail-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start}.detail-main{padding:0 0 8px}.detail-breadcrumb{color:#8b97ab;margin-bottom:10px;font-size:12px}.detail-hero{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.detail-title{letter-spacing:-.05em;font-size:48px;line-height:.98}.detail-meta,.detail-subtitle,.detail-intro p,.detail-section p,.detail-section li{color:#4d5f77;line-height:1.78}.detail-meta{margin-top:12px;font-size:13px}.detail-subtitle{max-width:720px;margin-top:18px}.install-button{color:#fff;background:#171f31;border-radius:999px;padding:12px 18px;font-weight:700}.detail-metrics{color:#6d7c95;flex-wrap:wrap;gap:14px;margin-top:18px;font-size:12px;display:flex}.detail-cover{box-shadow:var(--shadow-md);border:1px solid #d9e0ecf0;border-radius:18px;margin-top:18px}.detail-intro{flex-direction:column;gap:12px;margin-top:20px;display:flex}.detail-highlight-box,.version-card{box-shadow:var(--shadow-md);background:#fffc;border:1px solid #d9e0ecf0;border-radius:18px;margin-top:20px;padding:20px}.detail-highlight-box h2,.detail-section h2{margin-bottom:12px}.detail-highlight-box ul,.detail-section ul,.toc-list{margin:0;padding-left:18px}.detail-section{margin-top:28px}.detail-section ul{margin-top:10px}.detail-side{flex-direction:column;gap:16px;display:flex;position:sticky;top:12px}.action-panel h2{margin-top:4px;font-size:22px}.detail-link,.back-link{color:#58718f;margin-top:12px;font-size:13px;display:inline-flex}.stack-list{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.stack-list span{color:#58718f;background:#eff4fb;border-radius:999px;padding:8px 12px;font-size:12px}.toc-list li{color:#5a6a81;padding:4px 0}.related-skill-list{flex-direction:column;gap:12px;display:flex}.version-table{margin-top:10px}.version-table__head,.version-table__row{border-bottom:1px solid #edf1f6;grid-template-columns:120px 140px 1fr;align-items:start;gap:14px;padding:13px 0;display:grid}.version-table__head{color:#8a97ae;font-size:12px}.version-table__row:last-child{border-bottom:0}.version-table__row span,.version-table__row p{color:#586981;font-size:13px}.site-footer{border-top:1px solid #d5dde9e6;padding:44px 0 56px}.site-footer__inner{text-align:center;color:#8b97ab;font-size:12px;line-height:1.9}.state-panel{color:#6b7891;place-items:center;min-height:360px;display:grid}@media (width<=1100px){.stats-strip,.topics-layout,.detail-layout{grid-template-columns:1fr}.stats-strip__grid,.skill-grid--home,.skill-grid--explore,.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-side{position:static}}@media (width<=820px){.header-pill,.top-nav,.header-actions,.detail-hero,.article-card,.rank-row{gap:12px}.header-pill,.stats-strip,.section-heading,.detail-hero,.topics-layout,.detail-layout{align-items:stretch}.header-pill,.section-heading,.detail-hero{flex-direction:column}.top-nav{flex-wrap:wrap}.stats-strip__grid,.skill-grid--home,.skill-grid--explore,.topic-grid,.rank-stats,.version-table__head,.version-table__row,.ranking-board{grid-template-columns:1fr}.ranking-board__tabs{border-bottom:1px solid #e6ebf3;border-right:0;gap:10px;display:flex;overflow:auto}.ranking-tab{white-space:nowrap;width:auto;margin-bottom:0}.rank-row,.article-card{grid-template-columns:1fr}.detail-title{font-size:38px}}@media (width<=560px){body{background:linear-gradient(#e9eef8 0 360px,#eef1f6 360px 100%)}.shell{width:min(var(--shell-width), calc(100vw - 20px))}.hero-search,.side-panel,.skill-card,.topic-card,.detail-highlight-box,.version-card{border-radius:16px}.hero-zone h1,.page-title,.detail-title{font-size:32px}}