.fx-page{--fx:var(--site-accent);flex-direction:column;gap:8px;display:flex}.fx-filters{border-radius:var(--site-radius);background:var(--site-surface);color:#0f2147;border:1px solid var(--site-border);box-shadow:var(--site-shadow);gap:14px;padding:18px;display:grid}.fx-search{gap:6px;font-size:14px;font-weight:800;display:grid}.fx-search-box{background:#fff;border:1px solid #c9d3de;border-radius:12px;align-items:center;gap:10px;min-height:48px;padding:0 12px;display:flex}.fx-search-box svg{color:var(--site-accent);flex-shrink:0}.fx-search-box:focus-within{outline:3px solid color-mix(in srgb,var(--site-accent) 45%,transparent);outline-offset:2px}.fx-search-box input{background:0 0;outline:none;flex:1;min-width:0;height:46px;font-size:15px;font-weight:600}.fx-search-box button{cursor:pointer;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.fx-cats{flex-wrap:wrap;gap:8px;display:flex}.fx-cats button{--fx:var(--site-accent);color:#26364f;cursor:pointer;background:#fff;border:1.5px solid #d5dde6;border-radius:999px;min-height:44px;padding:0 16px;font-size:14px;font-weight:800}.fx-cats button:hover{border-color:var(--fx)}.fx-cats button[aria-pressed=true]{background:var(--fx);border-color:var(--fx);color:#fff}.fx-cats button:focus-visible,.fx-card:focus-visible,.fx-empty button:focus-visible{outline:3px solid color-mix(in srgb,var(--fx) 50%,transparent);outline-offset:2px}.fx-count{color:color-mix(in srgb,var(--site-text) 82%,transparent);margin:6px 4px 0;font-size:14px}.fx-count a{color:var(--site-accent);text-underline-offset:3px;font-weight:800;text-decoration:underline}.fx-group{margin-top:22px}.fx-group h2{color:var(--site-text);align-items:center;gap:10px;margin:0 4px 12px;font-size:24px;font-weight:800;display:flex}.fx-group h2:before{content:"";background:var(--fx);border-radius:4px;width:12px;height:12px}.fx-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.fx-grid>li{display:flex}.fx-card{border-radius:var(--site-radius);background:var(--site-surface);color:#0f2147;border:1px solid var(--site-border);border-left:4px solid var(--fx);gap:14px;width:100%;padding:16px;transition:transform .15s,box-shadow .15s;display:flex}.fx-card:hover{transform:translateY(-2px);box-shadow:0 18px 32px -24px #0f214788}.fx-icon{background:color-mix(in srgb,var(--fx) 14%,#fff);width:44px;height:44px;color:var(--fx);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.fx-body{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.fx-title{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.fx-title b{font-size:16px;font-weight:800;line-height:1.25}.fx-title em{color:#14613a;background:#e3f4ea;border-radius:999px;padding:2px 8px;font-size:11.5px;font-style:normal;font-weight:800}.fx-title em[data-access=pro]{color:#6a2a9a;background:#f1e5fb}.fx-title em[data-access=account]{color:#1d4a9e;background:#e4ecfb}.fx-title em[data-access=limited]{color:#7a4b00;background:#fdf0d5}.fx-detail{color:#3d4b63;font-size:14px;line-height:1.45}.fx-note{color:#5b4a1f;font-size:12.5px;font-weight:700}.fx-action{color:color-mix(in srgb,var(--fx) 85%,#000);align-items:center;gap:6px;margin-top:auto;padding-top:4px;font-size:14px;font-weight:800;display:inline-flex}.fx-empty{border-radius:var(--site-radius);background:var(--site-surface);color:#0f2147;border:1px solid var(--site-border);text-align:center;margin-top:18px;padding:28px;font-weight:700}.fx-empty button{background:var(--site-action);min-height:44px;color:var(--site-on-action);cursor:pointer;border-radius:12px;margin-top:12px;padding:0 18px;font-weight:800}.fx-sources{border-radius:var(--site-radius);background:color-mix(in srgb,var(--site-accent) 7%,var(--site-surface));color:#0f2147;border:1px solid var(--site-border);margin-top:40px;padding:22px;scroll-margin-top:90px}.fx-sources h2{font-size:22px;font-weight:800}.fx-sources ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.fx-sources li{background:#fff;border:1px solid #e1e7ee;border-radius:12px;flex-direction:column;gap:3px;padding:12px 14px;display:flex}.fx-sources li b{font-size:15px}.fx-sources li span{color:#3d4b63;font-size:13.5px}.fx-sources li small{color:#5b6880;font-size:12px;font-weight:700}.fx-method{color:#26364f;gap:8px;margin-top:16px;font-size:14px;line-height:1.55;display:grid}@media (max-width:1100px){.fx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.fx-grid,.fx-sources ul{grid-template-columns:1fr}.fx-filters{padding:14px}.fx-group h2{font-size:20px}}@media (prefers-reduced-motion:reduce){.fx-card{transition:none}}
