:root{--bg:#0b0d12;--bg-soft:#12151d;--card:#161a24;--border:#232838;--text:#e8ebf2;--muted:#9aa3b5;--brand:#6d5efc;--brand-2:#22d3ee;--radius:14px}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.container{max-width:1140px;margin:0 auto;padding:0 20px}.nav{justify-content:space-between;padding:18px 0}.logo,.nav{display:flex;align-items:center}.logo{gap:10px;font-weight:700;font-size:20px}.logo .dot{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--brand),var(--brand-2))}.nav-links{display:flex;align-items:center;gap:22px;color:var(--muted);font-size:15px}.btn,.nav-links a:hover{color:var(--text)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;font-weight:600;font-size:14px;border:1px solid var(--border);background:var(--card);cursor:pointer;transition:.15s}.btn:hover{border-color:var(--brand)}.btn-primary{background:linear-gradient(135deg,var(--brand),#8b7dff);border:none;color:#fff}.btn-primary:hover{opacity:.92}.hero{text-align:center;padding:70px 0 40px}.hero h1{font-size:46px;line-height:1.15;letter-spacing:-1px}.hero h1 .grad{background:linear-gradient(135deg,var(--brand-2),var(--brand));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:var(--muted);font-size:18px;margin-top:16px}.search{margin:34px auto 0;max-width:680px;display:flex;gap:10px;background:var(--card);border:1px solid var(--border);border-radius:999px;padding:8px 8px 8px 22px}.search input{flex:1 1;background:transparent;border:none;outline:none;color:var(--text);font-size:16px}.search input::placeholder{color:var(--muted)}.tags{margin-top:18px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.tag{font-size:13px;color:var(--muted);padding:6px 14px;border:1px solid var(--border);border-radius:999px;cursor:pointer}.tag:hover{color:var(--text);border-color:var(--brand)}.results{padding:30px 0 60px}.grid{column-count:4;column-gap:16px}@media (max-width:980px){.grid{column-count:3}}@media (max-width:680px){.grid{column-count:2}}.cardimg{page-break-inside:avoid;break-inside:avoid;margin-bottom:16px;position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:var(--bg-soft)}.cardimg img{width:100%;display:block}.cardimg .overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-between;padding:12px;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent 55%);opacity:0;transition:.15s}.cardimg:hover .overlay{opacity:1}.overlay .src{font-size:12px;color:#d7dbe6}.dl{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:8px;padding:6px 10px;font-size:12px;cursor:pointer}.dl:hover{background:rgba(255,255,255,.25)}.state{text-align:center;color:var(--muted);padding:60px 0}.spinner{width:26px;height:26px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--brand);margin:0 auto 14px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.features{padding:40px 0 20px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}@media (max-width:760px){.features{grid-template-columns:1fr}}.feature{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.feature h3{font-size:17px;margin-bottom:8px}.feature p{color:var(--muted);font-size:14px;line-height:1.6}.pricing{padding:50px 0}.pricing h2{text-align:center;font-size:34px}.pricing .sub{text-align:center;color:var(--muted);margin-top:10px}.plans{margin-top:40px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}@media (max-width:820px){.plans{grid-template-columns:1fr}}.plan{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:30px}.plan.pop{border-color:var(--brand);position:relative}.plan.pop:before{content:"推荐";position:absolute;top:-12px;right:22px;background:var(--brand);color:#fff;font-size:12px;padding:4px 12px;border-radius:999px}.plan h3{font-size:18px}.price{font-size:40px;font-weight:800;margin:14px 0}.price span{font-size:15px;color:var(--muted);font-weight:500}.plan ul{list-style:none;margin:18px 0 24px}.plan li{padding:7px 0;border-bottom:1px dashed var(--border)}.footer,.plan li{color:var(--muted);font-size:14px}.footer{border-top:1px solid var(--border);padding:30px 0;text-align:center}