*{box-sizing:border-box}:root{color-scheme:light;--bg:#0b0f1c;--bg-soft:#0f1629;--card:rgba(17,24,40,.72);--card-border:rgba(148,163,184,.2);--text:#f8fafc;--muted:#b6c2d6;--accent:#7ce7ff;--accent-strong:#5a9bff;--accent-soft:rgba(124,231,255,.18);--shadow:0 22px 70px rgba(3,7,18,.35);--shadow-soft:0 10px 30px rgba(15,23,42,.28);--radius-lg:20px;--radius-md:14px;--radius-sm:10px}body{margin:0;font-family:PingFang SC,Microsoft Yahei,Helvetica Neue,Arial,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:#f4f6f9;-webkit-text-size-adjust:100%}a{color:inherit;text-decoration:none}.page{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.logo{gap:10px;font-weight:700;letter-spacing:.02em;padding:8px 12px;border-radius:14px;border:1px solid #e2e8f0}.logo,.logo-icon{display:inline-flex;align-items:center;background:#fff}.logo-icon{width:28px;height:28px;border-radius:8px;overflow:hidden;justify-content:center}.logo-icon img{width:100%;height:100%;object-fit:contain}.sidebar{position:fixed;left:0;top:24px;width:240px;height:calc(100vh - 48px);padding:0;overflow-y:auto}.sidebar-card{padding:0 13px;display:grid;grid-gap:18px;gap:18px;color:#0f172a}.sidebar-nav{display:grid;grid-gap:10px;gap:10px}.sidebar-nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;color:#475569;border:1px solid transparent;transition:all .2s ease}.sidebar-nav a:hover{color:#0f172a;background:#f1f5f9;border-color:#e2e8f0}.sidebar-nav a.active{color:#fff;background:linear-gradient(120deg,#ff8a3d,#ff6a00);border-color:transparent;box-shadow:0 12px 24px rgba(255,122,31,.35)}.sidebar-card .logo{color:#0f172a}.sidebar-card .primary{background:linear-gradient(120deg,#ff8a3d,#ff6a00);color:#fff;box-shadow:0 12px 24px rgba(255,122,31,.28)}.sidebar-card .ghost{color:#0f172a;background:#fff;border:1px solid #e2e8f0}.sidebar-card .ghost:hover{background:#f8fafc;border-color:#cbd5f5}.nav-icon{display:inline-flex;align-items:center;justify-content:center;color:currentColor}.nav-icon,.nav-icon svg{width:20px;height:20px}.sidebar-action{margin-top:8px;display:inline-flex}.content{padding:0 13px 0 253px;border-radius:28px 0 0 0}.hero{padding:48px 6vw 32px;background:linear-gradient(120deg,rgba(90,140,255,.18),transparent);position:relative;z-index:1;border-radius:28px;margin-top:28px;overflow:hidden}.hero-content{text-align:left}.hero-visual{position:absolute;inset:0;z-index:0;pointer-events:none}.hero-canvas{width:100%;height:100%;display:block}.hero-copy{position:relative;z-index:1;max-width:760px}.hero h1{margin:18px 0 12px;font-size:3em;line-height:1.05;letter-spacing:-.02em;color:#000}.hero-subtitle{margin:0 0 28px;color:var(--muted);font-size:18px;line-height:1.7;color:#6b7280}.hotlist{margin:28px 0 0;background:#fff;border-radius:28px;padding:20px 22px 24px;border:1px solid #eef2f6}.hotlist h2{margin:0 0 8px;font-size:20px;color:#000}.hotlist p{margin:0 0 16px;color:#6b7280;font-size:14px}.hotlist-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:12px;gap:12px;list-style:none;padding:0;margin:0}.hotlist-list a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid #eef2f6;background:#fffaf5}.hotlist-rank{font-weight:700;color:#ff8a3d;font-size:14px}.hotlist-info{display:grid;grid-gap:2px;gap:2px}.hotlist-info strong{font-size:14px;color:#3c3c3c}.hotlist-info span{font-size:12px;color:#8f8f8f}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}.ghost,.primary{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:var(--radius-sm);font-weight:600;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.primary{background:linear-gradient(120deg,var(--accent),var(--accent-strong));color:#081225;box-shadow:0 16px 32px rgba(90,155,255,.3)}.ghost{border:1px solid rgba(148,163,184,.25);color:var(--text);background:hsla(0,0%,100%,.06)}.ghost:hover,.primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-soft)}.ghost:focus-visible,.primary:focus-visible,.tool-list a:focus-visible{outline:2px solid rgba(124,231,255,.55);outline-offset:3px}.hero-meta{display:flex;gap:18px;color:var(--muted);font-size:14px}.catalog{position:relative;z-index:1}.section-header{max-width:920px;margin:0 auto 32px;position:relative}.section-header h2{margin-bottom:8px;font-size:28px}.section-header p{margin:0;color:var(--muted)}.section-more{position:absolute;right:0;top:4px;font-size:13px;color:#64748b}.section-more:hover{color:#0f172a}.category-nav{max-width:1200px;margin:0 auto 32px;display:flex;flex-wrap:wrap;gap:10px}.category-nav a{padding:8px 14px;border-radius:999px;border:1px solid #e2e8f0;background:#fff;font-size:13px;color:#64748b;transition:all .2s ease}.category-nav a:hover{color:#0f172a;border-color:#ff8a3d;background:#fff3ea}.sections{display:grid;grid-gap:28px;gap:28px;grid-template-columns:1fr;max-width:1200px;margin:0 auto}.section-card{display:flex;flex-direction:column;content-visibility:auto;contain-intrinsic-size:400px}.section-card h2{margin:28px 0 8px;font-size:20px;letter-spacing:-.01em;color:#000}.section-card>p{margin:0 0 16px;color:#6b7280;font-size:14px;line-height:1.6}.tool-grid{display:grid;grid-gap:13px;gap:13px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));list-style:none}.tool-grid,.tool-grid li{margin:0;padding:0}.tool-card{display:grid;grid-template-columns:48px 1fr;grid-gap:14px;gap:14px;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid #eef2f6;box-shadow:0 8px 24px rgba(15,23,42,.06);transition:transform .2s ease,border .2s ease,background .2s ease}.tool-card:hover{transform:translateY(-2px);border-color:rgba(255,138,61,.4);background:#fff8f1}.tool-avatar{width:48px;height:48px;border-radius:16px;background:#f1f5f9;color:#0f172a;display:grid;place-items:center;font-weight:700;font-size:14px;border:1px solid #e2e8f0;overflow:hidden}.tool-avatar img{width:100%;height:100%;object-fit:cover}.tool-title{margin:0 0 6px;font-weight:600;color:#3c3c3c;font-size:15px}.tool-card p{font-size:12px;color:#8f8f8f;line-height:18px;height:36px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.tool-meta{margin-top:8px}.tool-pop{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;font-size:11px;border-radius:999px;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.tool-pop-label{font-weight:600}.tool-pop-dots{display:inline-flex;gap:4px;align-items:center}.tool-pop-dots .dot{width:6px;height:6px;border-radius:50%;background:#e2e8f0}.tool-pop-dots .dot.active{background:#fb923c}.footer{padding:32px 6vw 48px;text-align:center;color:#94a3b8;font-size:13px;position:relative;z-index:1}@media (max-width:720px){.hero{padding-top:72px}.sidebar{position:static;left:auto;width:auto;height:auto;padding:16px 6vw 0;overflow:visible}.sidebar-card{border-radius:18px}.sidebar-nav{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.content{padding:0 6vw;border-radius:0}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}