:root{--ink:#11111a;--ink-soft:#3f4051;--muted:#6f7080;--paper:#fffdf8;--surface:#fff;--surface-muted:#f7f5f0;--line:#e7e3da;--line-strong:#d8d1c5;--violet:#5a43d5;--violet-dark:#4330a8;--blue:#2563eb;--mint:#e7f6ee;--amber:#fff2cf;--rose:#fff0f0;--shadow:0 20px 55px #16132714;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.58;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.62}input,textarea,select{border:1px solid var(--line-strong);width:100%;color:var(--ink);background:var(--surface);border-radius:10px;outline:none;padding:11px 12px;transition:border-color .18s,box-shadow .18s}textarea{resize:vertical;min-height:110px}input:focus,textarea:focus,select:focus{border-color:var(--violet);box-shadow:0 0 0 3px #5a43d524}:focus-visible{outline-offset:3px;outline:3px solid #2563eb66}.site-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf8e0;border-bottom:1px solid #e7e3dadb;justify-content:space-between;align-items:center;min-height:72px;padding:0 max(28px,50vw - 610px);display:flex;position:sticky;top:0}.brand{letter-spacing:-.035em;align-items:center;gap:11px;font-size:17px;font-weight:800;display:inline-flex}.brand em,.site-footer em{color:var(--violet);letter-spacing:.02em;margin-left:5px;font-size:11px;font-style:normal;font-weight:700}.brand-mark{color:#fff;background:linear-gradient(135deg, #26233d, var(--violet));letter-spacing:-.06em;border-radius:9px;place-items:center;width:31px;height:31px;font-size:9px;font-weight:850;display:inline-grid;box-shadow:0 7px 16px #4330a83d}.site-header nav{color:var(--ink-soft);align-items:center;gap:22px;font-size:14px;font-weight:650;display:flex}.site-header nav a{transition:color .18s}.site-header nav a:hover{color:var(--violet)}.nav-cta{color:#fff;background:#252333;border:1px solid #252333;border-radius:999px;padding:9px 14px}.nav-cta:hover{background:var(--violet-dark);border-color:var(--violet-dark);color:#fff!important}.hero{isolation:isolate;text-align:center;background:radial-gradient(circle at 50% -16%, #e6e2ff 0, #f5f3ffa3 28%, transparent 57%), var(--paper);min-height:635px;padding:clamp(84px,11vw,144px) 28px 86px;position:relative;overflow:hidden}.hero>:not(.hero-orbit){z-index:1;max-width:980px;margin-inline:auto;position:relative}.hero-orbit{z-index:0;border:1px solid #5a43d52e;border-radius:50%;width:970px;height:970px;position:absolute;top:-470px;left:50%;transform:translate(-50%);box-shadow:0 0 0 72px #5a43d509,0 0 0 144px #5a43d505}.eyebrow,.section-kicker{color:var(--violet);letter-spacing:.14em;text-transform:uppercase;margin:0 0 15px;font-size:11px;font-weight:800}.hero h1,h1,h2,h3{color:var(--ink);letter-spacing:-.055em;margin:0;line-height:1.08}.hero h1{font-size:clamp(48px,7.1vw,82px);font-weight:850}.hero h1 span{color:var(--violet)}.hero-copy{color:var(--ink-soft);font-size:18px;max-width:690px!important;margin-top:25px!important}.search-box{border:1px solid var(--line);box-shadow:var(--shadow);text-align:left;background:#fffffff0;border-radius:17px;padding:14px;max-width:840px!important;margin-top:39px!important}.search-box label,label{color:var(--ink-soft);gap:7px;font-size:13px;font-weight:720;display:grid}.search-box>label{margin:0 8px 7px}.search-row{gap:9px;display:flex}.search-row input{background:var(--surface-muted);border-color:#0000;flex:1;min-width:0;min-height:46px}.field-note{color:var(--muted);margin:8px 8px 0;font-size:12px}.hero-proof{color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:12px;font-weight:650;display:flex;margin-top:25px!important}.hero-proof i{background:var(--violet);border-radius:50%;width:3px;height:3px;display:inline-block}.button{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;min-height:43px;padding:10px 16px;font-size:14px;font-weight:760;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{color:#fff;background:linear-gradient(135deg, var(--violet), #3157d4);box-shadow:0 8px 20px #5a43d53b}.button.primary:hover:not(:disabled){background:var(--violet-dark)}.button.secondary{border-color:var(--line-strong);color:var(--ink);background:var(--surface)}.button.secondary:hover:not(:disabled){border-color:var(--ink)}.button.full{width:100%}.button.compact{min-height:34px;padding:6px 10px;font-size:12px}.section-shell{width:min(1220px,100% - 56px);margin:0 auto;padding:96px 0}.section-heading,.callout{justify-content:space-between;align-items:end;gap:38px;display:flex}.section-heading>p{max-width:450px;color:var(--muted);margin:0}.section-heading h1,.section-heading h2{font-size:clamp(34px,4vw,52px)}.task-section{padding-top:75px}.task-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:31px;display:grid}.task-card{border:1px solid var(--line);background:var(--surface);border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-height:112px;padding:22px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.task-card:hover{border-color:#5a43d580;transform:translateY(-2px);box-shadow:0 12px 30px #211e3912}.task-card span{color:#a4a2ae;font-size:12px;font-weight:760}.task-card strong{letter-spacing:-.02em;font-size:17px}.task-card i{color:var(--violet);font-size:18px;font-style:normal}.operating-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,.94fr) minmax(420px,1.06fr);align-items:center;gap:76px;display:grid}.operating-copy h2{max-width:580px;font-size:clamp(34px,4vw,49px)}.operating-copy>p:not(.section-kicker){max-width:570px;color:var(--ink-soft);font-size:17px}.operating-flow{gap:10px;display:grid}.operating-flow article{border:1px solid var(--line);background:var(--surface);border-radius:13px;grid-template-columns:38px 1fr;align-items:center;column-gap:14px;padding:21px;display:grid}.operating-flow b{color:var(--violet);grid-row:span 2;font-size:13px}.operating-flow strong{font-size:16px}.operating-flow span{color:var(--muted);font-size:13px}.trust-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.trust-grid article{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-muted);min-height:262px;padding:30px}.trust-grid h2{font-size:25px}.trust-grid p:last-child{color:var(--ink-soft);margin-bottom:0}.callout{color:#fff;background:linear-gradient(125deg,#191723,#302563 62%,#263f90);border:1px solid #302a59;border-radius:22px;margin-bottom:90px;padding:42px}.callout h2{color:#fff;max-width:750px;font-size:clamp(31px,4vw,48px)}.callout p:not(.section-kicker){color:#dedaf7;max-width:660px}.callout .section-kicker{color:#b8abff}.callout .button.secondary{color:#242039;background:#fff;border-color:#ffffff70;flex:none}.directory-page{padding-top:66px}.directory-heading{max-width:780px}.directory-heading h1{font-size:clamp(43px,5.5vw,65px)}.directory-heading>div>p:last-child{color:var(--muted);font-size:17px}.directory-filters{border:1px solid var(--line);background:var(--surface-muted);border-radius:15px;grid-template-columns:minmax(0,2fr) 1fr 1fr auto;align-items:end;gap:11px;margin:39px 0 18px;padding:15px;display:grid}.directory-filters label{min-width:0}.directory-filters input,.directory-filters select{min-height:43px}.directory-meta{color:var(--muted);justify-content:space-between;gap:16px;margin:19px 0;font-size:13px;display:flex}.skill-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.directory-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;min-height:374px;padding:24px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.directory-card:hover{box-shadow:var(--shadow);border-color:#5a43d585;transform:translateY(-2px)}.card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.status,.featured{border-radius:999px;width:fit-content;padding:4px 8px;font-size:11px;font-weight:760;display:inline-flex}.status.verified,.status.approved{color:#176a45;background:var(--mint)}.status.reviewing,.status.pending{color:#805816;background:var(--amber)}.status.community{color:#314f9b;background:#e7eeff}.status.archived,.status.hidden,.status.rejected{color:#6d6e78;background:#efeee9}.status.elevated{color:#9d3135;background:var(--rose)}.featured{color:#6c5111;background:#fff1bc}.directory-card h2{margin:18px 0 3px;font-size:22px}.directory-card h2 a:hover,.clean-list a:hover,.text-link:hover{color:var(--violet)}.skill-repo{color:#85838f;margin:0;font-size:12px}.directory-card>p:not(.skill-repo){color:var(--ink-soft);flex:1;font-size:14px}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.tag-list span{color:#4f4a63;background:#f1eff8;border-radius:7px;padding:4px 8px;font-size:12px}.card-meta{border-top:1px solid var(--line);gap:7px;margin:18px 0;padding-top:15px;display:grid}.card-meta div{grid-template-columns:44px 1fr;gap:8px;font-size:12px;display:grid}.card-meta dt{color:#93919b}.card-meta dd{color:var(--ink-soft);margin:0}.text-link{color:var(--violet);font-size:14px;font-weight:760}.empty-state,.loading-card,.notice{border:1px solid var(--line);background:var(--surface-muted);text-align:center;border-radius:15px;padding:32px}.notice.error{color:#8a3034;background:var(--rose);text-align:left;border-color:#f0c7ca}.notice p{color:inherit;margin-bottom:0}.detail-page{padding-top:55px}.back-link{color:var(--muted);margin-bottom:29px;font-size:14px;font-weight:700;display:inline-block}.back-link:hover{color:var(--violet)}.detail-layout{grid-template-columns:minmax(0,1fr) 332px;gap:76px;display:grid}.detail-topline{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.detail-page h1{margin-top:18px;font-size:clamp(45px,5vw,68px)}.detail-lead{max-width:820px;color:var(--ink-soft);margin:22px 0 38px;font-size:19px}.detail-section{border-top:1px solid var(--line);padding:29px 0}.detail-section h2{margin-bottom:15px;font-size:26px}.detail-section>p{color:var(--ink-soft)}.info-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.info-grid>div{border:1px solid var(--line);border-radius:12px;padding:18px}.info-grid h3{margin-bottom:9px;font-size:14px}.info-grid p{color:var(--ink-soft);margin:0;font-size:14px}.risk-box{color:#805816;background:var(--amber);border-radius:12px;margin-top:15px;padding:16px}.risk-box p{margin-bottom:0}.install-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:25px;position:sticky;top:93px}.install-card h2{font-size:25px}.install-card>p:not(.section-kicker){color:var(--ink-soft);font-size:14px}.install-card>*+*{margin-top:13px}.link-button{width:100%;color:var(--violet);background:0 0;border:0;font-size:13px;font-weight:740;text-decoration:underline}.feedback-form{max-width:680px}.auth-page{background:radial-gradient(circle at 50% 8%, #e8e4ff, transparent 44%), var(--surface-muted);place-items:center;min-height:calc(100vh - 72px);padding:72px 24px;display:grid}.auth-card{border:1px solid var(--line);background:var(--surface);width:min(100%,500px);box-shadow:var(--shadow);border-radius:21px;padding:38px}.auth-card h1{font-size:38px}.auth-card>p:not(.section-kicker){color:var(--muted)}.stack-form{gap:14px;margin-top:25px;display:grid}.form-message{color:#3f327e;background:#eeeaff;border-radius:10px;margin:15px 0 0;padding:11px 13px;font-size:13px}.auth-links{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:21px;font-size:13px;display:flex}.auth-links button{color:var(--violet);background:0 0;border:0;padding:0;text-decoration:underline}.auth-links a{color:var(--violet);font-weight:700}.account-page,.admin-page,.form-page{min-height:700px;padding-top:62px}.account-page h1,.admin-page h1,.form-page h1{font-size:clamp(43px,5vw,64px)}.account-grid,.admin-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:33px;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:25px}.panel h2{margin-bottom:16px;font-size:25px}.panel h3{margin-top:29px;font-size:17px}.panel label{margin-bottom:13px}.panel .button{margin-top:4px}.clean-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.clean-list li{border-bottom:1px solid var(--line);gap:3px;padding-bottom:12px;display:grid}.clean-list span{color:var(--muted);font-size:13px}.clean-list a{color:var(--ink);font-weight:750}.form-page{grid-template-columns:minmax(0,.88fr) minmax(0,1fr);align-items:start;gap:100px;display:grid}.form-page>div>p:last-child{color:var(--muted);font-size:17px}.submit-form{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-muted);margin:0;padding:28px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:31px;display:grid}.metric-grid article{border:1px solid var(--line);background:var(--surface-muted);border-radius:14px;padding:20px}.metric-grid span{color:var(--muted);font-size:12px;font-weight:700}.metric-grid strong{color:var(--ink);letter-spacing:-.05em;margin:8px 0;font-size:36px;line-height:1;display:block}.metric-grid p{color:var(--muted);margin:0;font-size:12px}.compact-form{margin-top:0}.moderation{margin-top:15px}.moderation-list{gap:12px;display:grid}.moderation-list article{border:1px solid var(--line);border-radius:12px;padding:18px}.moderation-list article>div:first-child{justify-content:space-between;gap:12px;display:flex}.moderation-list span{color:var(--muted);font-size:12px}.moderation-list p{color:var(--ink-soft);margin:8px 0 0;font-size:14px}.inline-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:13px;display:flex}.site-footer{border-top:1px solid var(--line);color:var(--muted);background:#f5f2ec;grid-template-columns:250px minmax(0,1fr) auto;align-items:center;gap:38px;padding:40px max(28px,50vw - 610px);font-size:13px;display:grid}.site-footer>div{color:var(--ink);align-items:center;gap:9px;display:flex}.site-footer p{margin:0}.site-footer a{color:var(--violet);white-space:nowrap;font-weight:760}@media (width<=980px){.site-header{padding:0 20px}.section-shell{width:min(100% - 40px,800px)}.task-grid,.skill-grid{grid-template-columns:repeat(2,1fr)}.operating-section{grid-template-columns:1fr;gap:36px}.directory-filters{grid-template-columns:1fr 1fr}.directory-filters .wide{grid-column:1/-1}.detail-layout{grid-template-columns:1fr;gap:25px}.install-card{position:static}.metric-grid{grid-template-columns:repeat(2,1fr)}.form-page{grid-template-columns:1fr;gap:32px}.site-footer{grid-template-columns:1fr;gap:14px;padding:31px 20px}}@media (width<=640px){.site-header{min-height:64px}.site-header nav{gap:12px;font-size:12px}.site-header nav a:not(.nav-cta){display:none}.hero{min-height:585px;padding:82px 20px 62px}.hero h1{font-size:47px}.hero-copy{font-size:16px}.search-row{flex-direction:column}.search-row .button{width:100%}.hero-proof{gap:8px}.section-shell{width:min(100% - 36px,560px);padding:68px 0}.section-heading,.callout{flex-direction:column;align-items:start;gap:18px}.task-grid,.trust-grid,.skill-grid,.account-grid,.admin-grid,.info-grid{grid-template-columns:1fr}.task-card{min-height:90px}.directory-filters{grid-template-columns:1fr}.directory-filters .wide{grid-column:auto}.directory-meta{flex-direction:column;gap:3px}.directory-card{min-height:330px}.detail-page h1{font-size:46px}.detail-lead{font-size:17px}.auth-card{padding:28px}.metric-grid{grid-template-columns:1fr 1fr}.callout{margin-bottom:65px;padding:29px}.callout h2{font-size:31px}.operating-section{gap:30px}.operating-flow article{padding:17px}}.verification-field{gap:8px}.verification-row{gap:9px;display:flex}.verification-row input{flex:1;min-width:0}.verification-button{white-space:nowrap;flex:none;min-width:116px}.form-message.success{color:#176a45;background:var(--mint)}.form-message.error{color:#8a3034;background:var(--rose)}.form-message.info{color:#3f327e;background:#eeeaff}.site-header .nav-cta{font:inherit;cursor:pointer;font-weight:650}.site-header .nav-cta:disabled{cursor:wait}@media (width<=640px){.verification-row{align-items:stretch}.verification-button{min-width:106px;padding-inline:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.auto-badge{color:#3f327e;white-space:nowrap;background:#eeeaff;border-radius:999px;width:fit-content;padding:4px 8px;font-size:11px;font-weight:760;display:inline-flex}
