.buy-note{margin:8px 0 12px;padding:12px 14px;border-radius:var(--radius-l);border:1px solid rgb(245 200 76 / .3);background:#f5c84c0f;font-size:calc(14px * var(--text-scale, 1));line-height:1.5;color:#e9dcc0}.by a{color:var(--nano)}.buy-credit{margin:10px 0 0;font-size:calc(12px * var(--text-scale, 1));color:var(--ink-3)}.buy-when{color:var(--ink-2);font-variant-numeric:tabular-nums}.by-art{display:block;width:120px;height:auto;flex:none}.by-path{display:grid;gap:12px;margin:18px 0 20px;padding:0;list-style:none}.by-path li{position:relative;display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:16px;padding:14px 16px;border:1px solid rgb(53 168 255 / .28);border-radius:20px;background:radial-gradient(ellipse at 0% 0%,rgb(53 168 255 / .12),transparent 65%),#0c111ed9}.by-n{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--nano);color:#04101c;font-size:calc(15px * var(--text-scale, 1));font-weight:850}.by-path h2{margin:8px 0 4px;font-size:calc(20px * var(--text-scale, 1));font-weight:800;line-height:1.2}.by-path p{margin:0;color:var(--ink-2);font-size:calc(15px * var(--text-scale, 1));line-height:1.45}.learn .by-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:calc(15px * var(--text-scale, 1));font-weight:700;text-decoration:none}.by-ways{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.learn .by-ways a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid rgb(53 168 255 / .45);border-radius:999px;color:var(--ink);font-size:calc(14px * var(--text-scale, 1));font-weight:700;text-decoration:none}.by-way{margin-top:44px;scroll-margin-top:90px}.by-way>header{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:16px;margin-bottom:14px}.by-way>header .by-art{width:96px}.by-way h2{margin:0 0 6px;font-size:calc(clamp(22px,5.4vw,28px) * var(--text-scale, 1));font-weight:850;line-height:1.15}.by-way>header p{max-width:60ch;margin:0;color:var(--ink-2);font-size:calc(15px * var(--text-scale, 1));line-height:1.5}.by-way>header p b{color:var(--ink)}.learn a.by-go{display:inline-flex;align-items:center;gap:8px;min-height:48px;margin-top:12px;padding:0 20px;border-radius:999px;background:var(--ok);color:#04130d;font-size:calc(16px * var(--text-scale, 1));font-weight:800;text-decoration:none}.by-stop{width:56px;height:56px;justify-self:center;color:#ff8a8a}.by-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:12px;margin:0;padding:0;list-style:none}.by-card{display:grid;grid-template-columns:44px minmax(0,1fr);align-content:start;gap:6px 12px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#ffffff08}.by-card>*{grid-column:1 / -1}.by-card>.by-logo{grid-column:1}.by-card>.by-name{grid-column:2;align-self:center}.learn .by-name{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--ink);font-size:calc(17px * var(--text-scale, 1));font-weight:800;text-decoration:none;overflow-wrap:anywhere}.by-card p{margin:0;color:var(--ink-2);font-size:calc(14px * var(--text-scale, 1));line-height:1.45}.by-logo{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:hsl(var(--by-h, 210) 55% 30%);color:#fff;font-size:calc(20px * var(--text-scale, 1));font-weight:850;font-style:normal;overflow:hidden}.by-logo.is-file{background:#fff}.by-logo img{display:block;width:34px;height:34px;object-fit:contain}.by-logo.is-gone{filter:grayscale(1);opacity:.6}.by-chips{display:flex;flex-wrap:wrap;gap:6px}.by-chips i{padding:3px 9px;border-radius:999px;background:#35a8ff1f;color:#bfe2ff;font-size:calc(12px * var(--text-scale, 1));font-style:normal;font-weight:600}.by-state{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--ink-3);font-size:calc(12px * var(--text-scale, 1))}.by-share{display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:center;gap:8px;font-size:calc(13px * var(--text-scale, 1))}.by-share i{display:block;height:6px;border-radius:3px;background:#ffffff14}.by-share u{display:block;height:100%;border-radius:3px;background:var(--nano)}.by-share b{text-align:right;font-variant-numeric:tabular-nums}.by-gone{display:grid;gap:8px;margin:0 0 12px;padding:0;list-style:none}.by-gone li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:10px 14px;border:1px solid rgb(255 107 107 / .18);border-radius:14px;background:#ff6b6b0a;color:#cfd5e6;font-size:calc(14px * var(--text-scale, 1));line-height:1.45}.by-gone li>span:last-child{grid-column:2 / -1}@media (min-width: 820px){.by-path{grid-template-columns:repeat(3,minmax(0,1fr))}.by-path li{grid-template-columns:minmax(0,1fr);align-content:start;justify-items:start;padding:20px}.by-path .by-art{width:150px}.by-way{margin-top:64px}.by-way>header{grid-template-columns:150px minmax(0,1fr);gap:28px}.by-way>header .by-art{width:150px}}@media (any-pointer: coarse){.by-state a,.by-card p a,.by-gone a,.buy-credit a,.by .dir-intro a{position:relative}.by-state a:before,.by-card p a:before,.by-gone a:before,.buy-credit a:before,.by .dir-intro a:before{content:"";position:absolute;inset:min(0px,calc((100% - 44px)/2)) -4px}}@media (hover: hover){.by-link:hover{text-decoration:underline}.by-ways a:hover{color:#fff;border-color:#ffffff73;background-color:#ffffff1a}}.by-art [class^=m-]{transform-box:fill-box;transform-origin:center}.by-art .m-draw{stroke-dasharray:1;stroke-dashoffset:0}@media (prefers-reduced-motion: no-preference){.by-art.is-live [class^=m-]{transition:transform .7s cubic-bezier(.3,1.4,.5,1) .2s,opacity .35s ease .2s,stroke-dashoffset .9s ease-out .2s}.by-art.is-live:not(.is-in) [class^=m-]{transition-duration:0s;transition-delay:0s}.by-art.is-live:not(.is-in) .m-pop{opacity:0;transform:scale(.2)}.by-art.is-live:not(.is-in) .m-fly{opacity:0;transform:translate(-56px)}.by-art.is-live:not(.is-in) .m-drop{opacity:0;transform:translateY(-36px)}.by-art.is-live:not(.is-in) .m-draw{stroke-dashoffset:1}}