.hero{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;align-items:end;padding:48px 0 4px}.hero.with-tip{grid-template-columns:minmax(0,1fr) 420px}.hero h1{font-size:84px;margin:0;max-width:760px}.hero h1 em{font-style:normal;color:var(--pink)}.hero .sub{margin:18px 0 0;max-width:540px;font-size:16px;line-height:1.5;color:var(--text-2)}.hero.with-tip .sub{display:none}.hero .search{margin-top:26px}.tip{position:relative;border-radius:18px;padding:20px;background:#0c0c0c;border:1px solid rgba(236,72,153,.45)}.tip h3{margin:0 44px 14px 0;font-size:16px;font-weight:700;letter-spacing:-.01em}.tip .x{position:absolute;right:6px;top:6px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--text-2)}.tip .x:hover{color:#fff;background:rgba(255,255,255,.06)}.tip .x .i{width:20px;height:20px}.tip .demo{position:relative;--row-stub:150px}.tip .demo .row{pointer-events:none}.tip p{margin:14px 0 0;font-size:14.5px;line-height:1.5;color:#e6e6e6}.tip p.small{margin-top:6px;font-size:13px;color:var(--text-2)}.tip .ok{display:inline-flex;align-items:center;height:42px;padding:0 20px;border-radius:21px;background:#fff;color:#000;font-weight:700;font-size:14px;margin-top:16px;transition:transform .1s}.tip .ok:active{transform:translateY(1px)}.tip .demo .stub.hint{box-shadow:inset 0 0 0 2px var(--pink);background:rgba(236,72,153,.1)}.tip .demo .stub.press{animation:press .42s var(--ease)}@keyframes press{0%{box-shadow:inset 0 0 0 2px var(--pink)}40%{box-shadow:inset 0 0 0 2px var(--pink),inset 0 3px 0 rgba(0,0,0,.5);background:rgba(236,72,153,.22)}to{box-shadow:inset 0 0 0 2px var(--pink)}}.chart{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}.chart .more-btn{display:none}@media (max-width:1024px){.hero,.hero.with-tip{display:block;padding:22px 0 0}.hero h1{font-size:clamp(38px,12.8vw,50px);line-height:.93}.hero .sub{font-size:15px;margin-top:14px}.hero .search{margin-top:20px}.hero .tip{margin-top:22px}.chart{grid-template-columns:minmax(0,1fr);gap:8px}.chart .row:nth-child(n+6){display:none}.chart.open .row:nth-child(n+6){display:flex}.chart .more-btn{display:flex;align-items:center;justify-content:center;height:44px;border-radius:22px;border:1px solid rgba(255,255,255,.28);font-size:14px;font-weight:650;margin-top:6px}.tip{padding:18px 16px}.tip .demo{--row-stub:140px}}.chart-all{display:flex;justify-content:flex-end;margin-top:14px}.chart-all a{font-size:14px;font-weight:700;color:var(--text-2)}.chart-all a:hover{color:#fff;text-decoration:underline}@media (max-width:1024px){.chart-all{justify-content:center}.hero .tip{display:flex;align-items:center;gap:12px;padding:12px 8px 12px 14px;margin-top:16px;border-radius:14px}.hero .tip .demo,.hero .tip .ok,.hero .tip h3,.hero .tip p.small{display:none}.hero .tip p{margin:0;font-size:13.5px;line-height:1.35;flex:1}.hero .tip .x{position:static;order:2;flex:0 0 40px;width:40px;height:40px}}