@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&family=Noto+Serif+SC:wght@500;600;700&display=swap');
:root{--bg:#f7f8f4;--ink:#232b27;--muted:#7b827b;--green:#315c43;--line:#e2e6dd;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'Noto Sans SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #8ea88a;outline-offset:4px}.wrap{max-width:1200px;width:calc(100% - 100px);margin-inline:auto}.header{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;font-size:20px;font-weight:700;letter-spacing:1px}.brand-mark{font-size:43px;color:var(--green);line-height:1}.brand small{display:block;font:9px Arial,sans-serif;letter-spacing:2.7px;margin-top:5px}.header nav{display:flex;gap:36px;color:#7b827b;font-size:13px}.header nav a{padding:12px 0}.header nav a:hover,.header nav .active{color:var(--green)}.header-link{font-size:12px}.header-link span{margin-left:16px;font-size:20px}.hero{min-height:475px;padding-top:63px;padding-bottom:53px;display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center}.eyebrow{font:10px 'Noto Sans SC',sans-serif;letter-spacing:2px;color:var(--green);display:flex;align-items:center;gap:9px}.status-dot{width:6px;height:6px;border-radius:50%;background:#779171}.hero h1{font-size:48px;line-height:1.45;letter-spacing:-1.8px;font-weight:600;margin:21px 0 16px}.serif{font-family:'Noto Serif SC',serif;font-weight:600;color:var(--green)}.hero-copy>p{font-size:14px;line-height:1.95;color:#7b827b;margin-bottom:25px}.primary{display:inline-flex;gap:35px;align-items:center;background:var(--green);border:1px solid var(--green);color:white;border-radius:5px;padding:13px 19px;font-size:12px;transition:background .2s}.primary:hover{background:#234831}.primary span{font-size:18px}.hero-note{font-size:10px;color:#8a9089;display:flex;align-items:center;gap:10px;margin-top:24px}.tiny-stack{letter-spacing:-3px;font-size:18px;color:#53705d}.tiny-stack b{color:#749be9;font-weight:400}.atlas{position:relative;height:350px;max-width:485px;width:100%;justify-self:end;overflow:hidden;background:radial-gradient(ellipse,#e9eee2 0%,transparent 69%)}.atlas-grid{position:absolute;inset:0;background-image:radial-gradient(#bdc6b7 .8px,transparent .8px);background-size:17px 17px;mask-image:radial-gradient(ellipse,#000 25%,transparent 72%)}.orbit{border:1px solid #cfd8c8;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-one{width:220px;height:220px}.orbit-two{width:340px;height:300px;transform:translate(-50%,-50%) rotate(-25deg)}.axis{position:absolute;background:#dde4d6}.axis-x{width:380px;height:1px;left:50%;top:50%;transform:translateX(-50%)}.axis-y{width:1px;height:285px;left:50%;top:50%;transform:translateY(-50%)}.atlas-label{position:absolute;font-size:8px;letter-spacing:2px;color:#929e8a;left:0;width:100%;text-align:center}.label-top{top:0}.label-bottom{bottom:0;font-size:10px;letter-spacing:2px}.atlas-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.atlas-center>span{font:64px Georgia,serif;letter-spacing:-5px;color:#426347}.atlas-center small{display:block;font-size:9px;letter-spacing:2px;color:#819078;margin-top:6px;white-space:nowrap}.orbit-node{position:absolute;text-align:center;z-index:1}.orbit-node>span{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background:white;box-shadow:0 8px 25px #34462d0c;border:1px solid #e7ebe2;font-size:37px}.orbit-node small{display:block;font:9px Arial;margin-top:7px;color:#697564}.node-gpt{left:24%;top:7%;transform:rotate(-9deg)}.node-gpt span{color:#39755c}.node-deep{left:76%;top:30%;transform:rotate(8deg)}.node-deep span{color:#4d76ee;font-size:49px;font-weight:bold}.node-claude{left:10%;top:54%;transform:rotate(-9deg)}.node-claude span{color:#c98261}.node-gemini{left:58%;top:73%;transform:rotate(8deg)}.node-gemini span{color:#6e8bd0}.node-grok{left:65%;top:5%;transform:rotate(8deg)}.node-grok span{font-size:31px}.spark{position:absolute;color:#92a187;font:19px Georgia}.spark-one{top:26%;left:8%}.spark-two{top:76%;right:9%}.explore{padding-top:35px;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section-head h2{font-size:25px;font-weight:500;margin:12px 0 0;letter-spacing:-.8px}.section-head h2>span{font:12px Georgia;color:#a3ad9e;letter-spacing:1px;margin-left:16px}.collection-note{font-size:10px;color:#90988d;margin-bottom:5px}.collection-note span{font-size:20px;margin-left:14px}.toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center}.filters{display:flex;gap:5px}.filters button{background:transparent;border:0;color:#778172;font-size:12px;padding:10px 16px;border-radius:5px;white-space:nowrap}.filters button.selected{background:#e7eddf;color:var(--green);font-weight:500}.filters button span{font:9px Arial;margin-left:8px;color:#8b9a7e}.filters button:hover{background:#edf0e7}.search{display:flex;align-items:center;gap:9px;width:270px;border:1px solid var(--line);border-radius:5px;padding:9px 12px;background:#fafbf7}.search>span{font-size:23px;line-height:18px;color:#7e8977}.search input{background:transparent;border:0;width:100%;font-size:11px;outline:none;min-width:0;color:var(--ink)}.search kbd{border:1px solid #dfe4d9;border-radius:3px;padding:1px 5px;color:#a3ad9e;font:10px Arial}.result-line{display:flex;justify-content:space-between;color:#92998d;font-size:10px;margin:21px 0 15px}.result-line>span:last-child{font-size:9px}.model-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:21px 20px 0;display:flex;flex-direction:column;min-height:291px;transition:transform .2s,box-shadow .2s,border-color .2s}.card:hover{transform:translateY(-4px);border-color:#b9c8ae;box-shadow:0 10px 30px #233b2608}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.model-icon{display:flex;align-items:center;justify-content:center;width:43px;height:43px;background:var(--tint);color:var(--color);border-radius:11px;font:36px Georgia,serif}.company{color:#93998f;font:9px Arial,sans-serif;letter-spacing:.3px}.card h3{margin:0 0 7px;font-size:19px;letter-spacing:-.4px;font-weight:600}.card h3 small{display:block;margin-top:5px;font-size:10px;font-weight:400;color:#858e7e;letter-spacing:0}.tagline{margin:0 0 12px;font-size:11px;color:#4f5d49;font-weight:500}.description{font-size:11px;line-height:1.9;color:#8a9185;margin:0 0 15px;min-height:42px}.tags{display:flex;gap:5px;margin-top:auto;margin-bottom:19px;flex-wrap:wrap}.tags span{font-size:9px;background:#f5f6f2;color:#8c9486;padding:4px 7px;border-radius:3px}.card-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eef0e9;padding:14px 0}.official{color:var(--green);font-size:11px;font-weight:500}.official span{margin-left:8px}.details{border:0;background:none;color:#a2aa9b;font-size:10px;padding:3px 0}.details:hover{color:var(--green)}.empty{text-align:center;padding:65px 15px}.empty>span{font-size:40px}.empty p{color:var(--muted)}.guide{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;border-top:1px solid var(--line);padding-top:45px;margin-top:62px;padding-bottom:45px}.guide h2{font-size:25px;letter-spacing:-.5px;font-weight:500;margin:15px 0}.guide-intro p{font-size:12px;color:#8a9282;line-height:1.9}.guide-intro>a{display:inline-block;margin-top:15px;color:var(--green);font-size:11px}.steps article{display:flex;gap:22px;padding:0 0 19px;margin-bottom:18px;border-bottom:1px solid var(--line)}.steps article:last-child{border:0;margin:0;padding:0}.steps article>span{font:15px Georgia;color:#91a080;line-height:25px}.steps h3{font-size:13px;margin:0 0 8px;font-weight:500}.steps p{font-size:11px;line-height:1.9;color:#8b9385;margin:0}.info{display:flex;gap:16px;padding:18px 22px;border:1px solid #e0e7d8;border-radius:6px;background:#eef2e8;color:#89917e;align-items:center}.info>span{font:26px Georgia;color:#68805b}.info p{font-size:10px;line-height:1.9;margin:0}.info strong{color:#526548;font-weight:500;margin-right:8px}footer{display:flex;justify-content:space-between;align-items:center;padding-top:33px;padding-bottom:30px}.footer-brand{font-size:14px;font-weight:600;color:var(--green)}footer p{font-size:10px;color:#9aa28f;margin:8px 0 0}.footer-meta{display:flex;flex-direction:column;gap:10px;text-align:right;font-size:9px;color:#9aa28f}.footer-meta i{padding:0 9px;font-style:normal}dialog{border:1px solid var(--line);border-radius:14px;width:min(520px,calc(100% - 32px));padding:35px;color:var(--ink);background:var(--bg);box-shadow:0 25px 90px #172c2430}dialog::backdrop{background:#1b302950;backdrop-filter:blur(5px)}.close{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:26px;color:#7c8873}dialog h2{font-size:28px;margin:20px 0 7px}dialog p{line-height:1.9;color:#75816b;font-size:13px}dialog h3{font-size:13px;margin-top:25px}dialog .source-link{font-size:11px;text-decoration:underline;display:block;margin-top:20px;color:#7e8c72}dialog .primary{margin-top:12px}.detail-domain{font:11px monospace;color:#89957f}body.modal-open{overflow:hidden}@media(min-width:1450px){.wrap{max-width:1230px}.hero{min-height:500px}.hero h1{font-size:53px}.card{min-height:305px;padding:23px 22px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.hero h1{font-size:39px}.model-grid{grid-template-columns:repeat(2,1fr)}.card{min-height:270px}.toolbar{flex-wrap:wrap}.search{width:100%}.filters{gap:4px}.hero{gap:0}.atlas{transform:scale(.9)}.guide{gap:35px}.header nav{gap:20px}}@media(max-width:640px){.wrap{width:calc(100% - 36px)}.header{height:80px}.brand{font-size:17px}.brand-mark{font-size:34px}.brand small{font-size:7px}.header nav{gap:16px;font-size:11px}.header nav a:last-child,.header-link{display:none}.hero{grid-template-columns:1fr;padding-top:36px;padding-bottom:28px}.hero h1{font-size:36px;letter-spacing:-1px}.hero-copy>p{font-size:13px}.hero-note{margin-top:19px}.atlas{height:310px;justify-self:center;max-width:380px;margin-top:23px;transform:scale(.95)}.section-head h2{font-size:21px}.section-head h2>span{font-size:10px;margin-left:5px}.collection-note{display:none}.explore{padding-top:26px}.section-head{margin-bottom:20px}.filters{width:100%;overflow:auto;padding-bottom:3px;gap:0}.filters button{padding:9px 11px;font-size:11px}.toolbar{gap:12px}.result-line>span:last-child{font-size:8px}.model-grid{gap:11px}.card{padding:16px 13px 0;min-height:294px}.card h3{font-size:18px}.card-top{margin-bottom:16px}.company{font-size:8px}.model-icon{width:36px;height:36px;font-size:30px}.tagline{font-size:10px;line-height:1.6;min-height:32px}.description{font-size:10px;line-height:1.9}.tags{gap:3px;margin-bottom:14px}.tags span{font-size:8px;padding:4px 5px}.official{font-size:10px}.details{font-size:9px}.guide{grid-template-columns:1fr;gap:28px;margin-top:38px;padding-top:30px;padding-bottom:30px}.guide-intro p br{display:none}.guide-intro>a{margin-top:8px}.info{padding:14px}.info p{font-size:9px}.info strong{display:block}footer{align-items:start;gap:25px;flex-direction:column;padding-top:26px}.footer-meta{text-align:left;gap:8px}}
/* Account entry and forms */
[hidden]{display:none!important}
.account-area{display:flex;align-items:center;gap:14px}.login-link{background:none;border:0;color:var(--green);font-size:12px;padding:8px 4px}.account-register{font-size:11px;padding:10px 14px}.account-area #signed-in{display:flex;align-items:center;gap:9px}#user-name{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.user-avatar{display:grid;place-items:center;width:30px;height:30px;background:#e5ecde;color:var(--green);border-radius:50%;font-size:12px}#auth-dialog{width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:32px;overflow:auto}#auth-dialog h2{font-size:26px;margin:18px 0 7px}#auth-dialog .auth-subtitle{font-size:12px;margin:0 0 20px}.auth-switch{display:flex;padding:4px;background:#e9eee3;border-radius:6px;margin-bottom:22px}.auth-switch button{flex:1;padding:9px;border:0;border-radius:4px;background:transparent;color:#7d8874;font-size:12px}.auth-switch button[aria-pressed=true]{background:#fff;color:var(--green);box-shadow:0 2px 5px #22332208}#auth-form label{display:block;font-size:12px;margin:15px 0 8px}#auth-form input{width:100%;min-width:0;background:#fff;border:1px solid #dce3d5;border-radius:5px;padding:12px;font-size:12px;color:var(--ink)}#auth-form input::placeholder{color:#9aa291}#auth-form small{display:block;font-size:10px;color:#8c9782;margin-top:7px}.password-field{position:relative}.password-field input{padding-right:55px}#toggle-password{position:absolute;right:8px;top:7px;padding:6px;border:0;background:none;color:var(--green);font-size:11px}#auth-error{font-size:11px;color:#a74432;margin:12px 0;min-height:17px;line-height:1.5}#auth-submit{width:100%;justify-content:center;margin:0}#auth-dialog .auth-note{font-size:10px;line-height:1.8;margin:19px 0 0;padding-top:15px;border-top:1px solid var(--line);color:#8a937e}#auth-form button:disabled,.auth-switch button:disabled{cursor:wait;opacity:.6}#auth-toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);z-index:20;padding:13px 22px;background:#315c43;color:white;border-radius:7px;box-shadow:0 8px 24px #20352820;font-size:12px;max-width:calc(100% - 36px);width:max-content}body:has(#auth-dialog[open]){overflow:hidden}@media(max-width:640px){.header{flex-wrap:wrap;height:auto;padding-top:18px;padding-bottom:15px;gap:15px}.header nav{order:3;width:100%;justify-content:center;border-top:1px solid var(--line);padding-top:6px}.account-area{gap:10px}.account-register{padding:8px 10px;font-size:10px}.login-link{font-size:11px}#user-name{max-width:80px}#auth-dialog{padding:28px 23px}}