:root{--bg:#f4f7fa;--paper:#fbfdff;--paper-strong:#fff;--line:#dfe7ef;--line-strong:#d2dde8;--text:#2b2723;--muted:#697681;--soft:#9aa7b2;--red:#c94135;--red-soft:#fbebe8;--green:#4fa86a;--green-soft:#edf7ee;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,Microsoft YaHei,PingFang SC,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f4f7fa;min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}a,button{transition:color .18s,border-color .18s,background .18s,box-shadow .18s,opacity .18s,transform .18s}button:active,a:active{transform:translateY(1px)scale(.99)}.site-shell{background:linear-gradient(90deg, #d2dde87a 1px, transparent 1px), var(--bg);background-size:calc(50vw + min(100vw - 96px,1700px)/-2 + min(100vw - 96px,1700px)) 100%;min-height:100vh}.page-frame{width:min(100% - 96px,1700px);margin:0 auto}.site-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f4f7fae6;position:sticky;top:0}.header-main{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:34px;min-height:78px;display:grid}.brand{align-items:center;min-width:158px;display:inline-flex}.brand-logo{width:154px;height:auto;display:block}.top-search,.hero-search-card{border:1px solid var(--line);background:#ffffffe0;align-items:center;gap:14px;display:flex}.top-search{border-radius:10px;min-height:42px;padding:0 18px}.top-search svg,.hero-search-card svg{color:var(--muted);flex:none}.top-search input,.hero-search-card input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.top-search input{font-size:16px}.top-search input::placeholder,.hero-search-card input::placeholder{color:var(--soft)}.header-tools{border:1px solid var(--line);background:#ffffffe0;border-radius:10px;align-items:center;gap:2px;min-height:42px;padding:0 10px;display:inline-flex}.featured-actions button{cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.header-tools span{color:#62707b;white-space:nowrap;align-items:center;min-height:30px;padding:0 10px;font-size:13px;display:inline-flex}.github-button{border:1px solid var(--line);background:#ffffffe6;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:0 18px;font-weight:800;display:inline-flex}.github-button:hover{background:#fffffffa;border-color:#c3d2df;transform:translateY(-2px);box-shadow:0 12px 26px #2e5f7f1f}.subnav{border-top:0;align-items:center;gap:28px;min-height:auto;display:flex}.subnav a{color:#62707b;white-space:nowrap;align-items:center;gap:8px;font-size:17px;display:inline-flex}.subnav a:hover{color:#1d3447;transform:translateY(-1px)}.subnav a.active{color:var(--text)}.hero-section{text-align:center;background:0 0;border:0;border-radius:0;place-items:center;min-height:464px;padding:76px 0 54px;display:grid;position:relative;overflow:hidden}.hero-section:before,.hero-section:after{content:"";pointer-events:none;position:absolute;inset:0}.hero-section:before{opacity:.74;filter:saturate(.5)brightness(1.06)hue-rotate(184deg);background-image:url(/hero-skill-market-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.hero-section:after{background:radial-gradient(circle at 48% 46%,#f8fbfdd6,#f8fbfd6b 38%,#f8fbfd29 66%),linear-gradient(90deg,#f4f7faf0 0%,#f4f7fac7 44%,#f4f7fa52 100%)}.hero-section>*{z-index:1;position:relative}.hero-eyebrow{color:#687783;letter-spacing:.22em;margin:0 0 24px;font-family:Georgia,Times New Roman,serif;font-size:14px;font-weight:800}.hero-headline{color:#132434;letter-spacing:.035em;text-shadow:2px 0 #67d8ff38,0 12px 28px #1324341a;-webkit-text-stroke:.5px #13243424;margin:0;font-family:Arial Black,Microsoft YaHei UI,Microsoft YaHei,PingFang SC,Inter,sans-serif;font-size:62px;font-weight:900;line-height:1.08}.headline-char{transform-origin:50% 72%;will-change:transform;transition:transform .42s cubic-bezier(.16,1,.3,1),color .42s,text-shadow .42s;display:inline-block;position:relative}.headline-space{width:.34em}.hero-subtitle{color:#5f6d78;margin:24px 0 0;font-size:20px}.hero-search-card{text-align:left;border-radius:10px;width:min(100%,1040px);min-height:78px;margin-top:42px;padding:0 10px 0 28px;transition:border-color .18s,box-shadow .18s,transform .18s;box-shadow:0 12px 34px #32485c14}.hero-search-card:hover{border-color:#c7d6e3;transform:translateY(-2px);box-shadow:0 18px 42px #32485c1f}.hero-search-card input{font-size:19px;font-weight:700}.hero-search-card a{color:#2e5f7f;background:linear-gradient(#fffffff5,#edf4faeb);border:1px solid #c9d6e2;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:162px;min-height:58px;font-weight:800;display:inline-flex;box-shadow:inset 0 1px #ffffffe6,0 8px 18px #32485c14}.hero-search-card a svg{transition:transform .18s}.hero-search-card a:hover{color:#173b55;background:linear-gradient(#fff,#e0eef7f5);border-color:#a9c2d6;transform:translateY(-1px);box-shadow:inset 0 1px #fffffff2,0 12px 26px #2e5f7f24}.hero-search-card a:hover svg{transform:translate(4px)}.featured-section{padding:70px 0 56px;overflow:hidden}.featured-head{justify-content:space-between;align-items:center;gap:24px;margin-bottom:36px;display:flex}.featured-head h2{color:#5e6a75;letter-spacing:.02em;margin:0;font-size:18px}.featured-actions{color:#586773;align-items:center;gap:8px;display:inline-flex}.featured-actions a{align-items:center;gap:6px;margin-right:4px;display:inline-flex}.featured-actions a:hover{color:#1d3447}.featured-actions button{border:1px solid var(--line);color:#72808b;background:#ffffffd1;border-radius:10px;width:40px;height:40px}.featured-actions button:hover{color:#254960;background:#fffffffa;border-color:#c4d3df;transform:translateY(-2px);box-shadow:0 10px 20px #32485c1f}.carousel-shell{position:relative}.carousel-shell:before,.carousel-shell:after{content:"";z-index:2;pointer-events:none;width:150px;position:absolute;top:0;bottom:0}.carousel-shell:before{background:linear-gradient(90deg, var(--bg), #f4f7fa00);left:0}.carousel-shell:after{background:linear-gradient(270deg, var(--bg), #f4f7fa00);right:0}.carousel-track{scroll-behavior:smooth;scrollbar-width:none;border-bottom:1px solid var(--line);grid-auto-columns:342px;grid-auto-flow:column;gap:16px;padding:0 calc(50vw + min(100vw - 96px,1700px)/-2) 46px;display:grid;overflow-x:auto}.carousel-track::-webkit-scrollbar{display:none}.skill-card{border:1px solid var(--line-strong);background:linear-gradient(#ffffffeb,#f6fafdc7),radial-gradient(circle at 20% 0,#6897b829,#0000 34%);border-radius:10px;flex-direction:column;min-height:250px;padding:22px;transition:border-color .18s,box-shadow .18s,transform .18s,background .18s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffeb,0 10px 22px #32485c14}.skill-card:before{content:"";pointer-events:none;border-top:3px solid #2e5f7f2e;position:absolute;inset:0}.skill-card:hover{background:linear-gradient(#fffffffa,#f6fafde0),radial-gradient(circle at 20% 0,#6897b838,#0000 38%);border-color:#c2d5e4;transform:translateY(-4px);box-shadow:0 16px 34px #32485c21}.skill-card-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.skill-card h3{color:#182b3c;margin:0;font-size:18px;line-height:1.2}.author{color:#687783;margin:5px 0 0;font-size:13px}.skill-label{color:#2e5f7f;background:#edf4fae6;border:1px solid #c8d8e5;border-radius:999px;width:fit-content;padding:5px 9px;font-size:12px;font-weight:800;display:inline-flex}.skill-status{color:#3f8c56;background:#edf7eee0;border:1px solid #4fa86a3d;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;display:inline-flex}.description{color:#63727d;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:14px 0 0;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.skill-tags{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.skill-tags span{color:#647380;text-overflow:ellipsis;white-space:nowrap;background:#f4f8fbdb;border:1px solid #d2dde8e6;border-radius:7px;max-width:100%;padding:4px 8px;font-size:12px;overflow:hidden}.card-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:18px;display:flex}.metrics{color:#76848f;gap:10px;font-size:12px;display:inline-flex}.metrics span,.card-foot button{align-items:center;gap:5px;display:inline-flex}.card-foot button{color:#2e5f7f;cursor:pointer;background:linear-gradient(#fffffff2,#edf4faf0);border:1px solid #c9d6e2;border-radius:9px;min-height:34px;padding:0 11px;font-size:13px;font-weight:800}.card-foot button:hover{color:#173b55;background:linear-gradient(#fff,#e4f0f8);border-color:#aac5da;transform:translateY(-2px);box-shadow:0 10px 20px #2e5f7f24}.card-foot button:hover svg{transform:translate(3px)}.portal-section{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;min-height:116px;margin-bottom:42px;display:grid}.portal-item{border-right:1px solid var(--line);align-items:center;gap:18px;padding:28px;display:flex}.portal-item:hover{background:#ffffff85;transform:translateY(-2px)}.portal-item:last-child{border-right:0}.portal-icon{color:#2e5f7f;background:#edf4fa;border:1px solid #c9d6e2;border-radius:9px;place-items:center;width:50px;height:50px;transition:border-color .18s,box-shadow .18s,transform .18s,background .18s;display:grid}.portal-item:hover .portal-icon{color:#2e5f7f;background:#edf4fa;border-color:#d5e1ea;transform:translateY(-2px);box-shadow:0 12px 24px #2e5f7f1f}.portal-item strong,.portal-item em{display:block}.portal-item strong{margin-bottom:6px;font-size:20px}.portal-item em{color:#667580;font-style:normal}.site-footer{border-top:1px solid var(--line);background:radial-gradient(circle at 12% 20%,#c6dbea6b,#0000 32%),linear-gradient(#ffffffbd,#e9f0f6eb)}.footer-inner{grid-template-columns:minmax(280px,.95fr) minmax(0,2.2fr);gap:70px;padding:72px 0 62px;display:grid}.footer-brand{flex-direction:column;gap:22px;display:flex}.footer-logo{width:172px;height:auto}.footer-brand p{color:#536472;max-width:410px;margin:0;font-size:17px;line-height:1.8}.footer-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.footer-columns div{border-left:1px solid var(--line);flex-direction:column;gap:12px;min-height:168px;padding:2px 0 0 30px;display:flex}.footer-columns h2{color:#172a3a;margin:0 0 8px;font-size:17px}.footer-columns a,.footer-columns span{color:#62717e;font-size:15px;line-height:1.7}.footer-columns a:hover{color:#2e5f7f;transform:translate(2px)}@media (width<=1040px){.page-frame{width:min(100% - 32px,1700px)}.header-main{grid-template-columns:1fr;gap:14px;padding:16px 0}.subnav{order:3;gap:18px;overflow-x:auto}.hero-headline{font-size:44px}.hero-search-card{flex-wrap:wrap;grid-template-columns:auto 1fr}.hero-search-card a{width:100%}.carousel-track{grid-auto-columns:minmax(290px,78vw);padding-left:16px;padding-right:16px}.portal-section{grid-template-columns:1fr}.portal-item{border-right:0;border-bottom:1px solid var(--line)}.footer-inner,.footer-columns{grid-template-columns:1fr}.footer-inner{gap:34px;padding:48px 0}.footer-columns div{border-left:0;min-height:auto;padding-left:0}}