:root{--bg: #0b0c10;--surface: #121318;--text: #e6e8ee;--muted: #aab0c0;--brand: #7c5cff;--brand-2: #1dd1a1;--border: #1e2230}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--text);background:radial-gradient(1000px 500px at 20% -20%,rgba(124,92,255,.25),transparent 60%),radial-gradient(800px 400px at 80% 120%,rgba(29,209,161,.2),transparent 60%),var(--bg)}a{color:var(--text);text-decoration:none}.container{width:min(1100px,92vw);margin:0 auto}.btn{display:inline-block;padding:12px 20px;border-radius:10px;background:linear-gradient(135deg,var(--brand),#9d8bff);color:#fff;font-weight:600;border:none}.btn:hover{filter:brightness(1.05)}.btn-sm{padding:8px 14px}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-ghost:hover{border-color:var(--brand)}.nav{position:sticky;top:0;-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);background:#12131899;border-bottom:1px solid var(--border);z-index:10}.nav-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.brand{font-weight:800;letter-spacing:.2px;display:inline-flex;align-items:center;gap:8px}.brand-logo{width:22px;height:22px}.nav-links{display:flex;gap:18px;align-items:center}.nav a{color:var(--muted)}.nav a:hover{color:var(--text)}.hero{padding:80px 0 40px}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}.hero-text h1{font-size:clamp(32px,6vw,52px);margin:0 0 14px}.hero-text p{color:var(--muted);margin:0 0 22px}.hero-actions{display:flex;gap:12px}.hero-art{display:grid;place-items:center}.hero-img{width:100%;max-width:520px;aspect-ratio:4/3;object-fit:cover;border-radius:24px;border:1px solid var(--border)}.section{padding:60px 0}.section-title{font-size:28px;margin:0 0 20px}.grid{display:grid;gap:16px}.cards{grid-template-columns:repeat(4,1fr)}.card{border:1px solid var(--border);border-radius:16px;padding:18px;background:var(--surface)}.card h3{margin:10px 0 8px;font-size:18px}.card p{margin:0;color:var(--muted)}.card-icon{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border)}.card-icon svg{width:26px;height:26px}.tags{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tag{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.tag-left{display:flex;align-items:center;gap:10px}.tag-img{width:40px;height:40px;object-fit:cover;border-radius:10px;border:1px solid var(--border)}.tag-name{font-weight:600}.tag-tip{color:var(--muted)}.gallery{grid-template-columns:repeat(4,1fr)}.gallery-item{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--surface)}.gallery-img{width:100%;height:140px;object-fit:cover;display:block}.gallery-caption{padding:12px 14px;color:var(--muted)}.pricing{grid-template-columns:repeat(3,1fr)}.price-card{border:1px solid var(--border);border-radius:16px;padding:18px;background:var(--surface);display:flex;flex-direction:column;gap:10px}.price{font-size:22px;font-weight:700}.features{list-style:none;padding:0;margin:0 0 6px;color:var(--muted)}.features li{margin:6px 0}.contact{text-align:center}.contact-text{color:var(--muted)}.contact-actions{display:flex;gap:12px;justify-content:center;margin-top:16px}.footer{border-top:1px solid var(--border);padding:20px 0;margin-top:30px;background:#12131899}.footer-row{display:flex;justify-content:space-between;align-items:center}@media(max-width:960px){.hero-grid{grid-template-columns:1fr}.cards,.gallery{grid-template-columns:repeat(2,1fr)}.pricing{grid-template-columns:1fr}.tags{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.nav-links{display:none}.cards,.gallery,.tags{grid-template-columns:1fr}}