:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#141a29;--muted:#667187;--line:#e7ecf4;--blue:#2456f2;font-family:Inter,Microsoft YaHei UI,PingFang SC,Noto Sans CJK SC,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.55}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--blue);outline-offset:3px}h1,h2,h3,p{margin:0}svg{vertical-align:middle;flex:none}[hidden]{display:none!important}.skip-link{z-index:20;background:#fff;padding:10px;position:fixed;top:-80px;left:20px}.skip-link:focus{top:8px}.brand{color:#151e35;white-space:nowrap;letter-spacing:-.04em;align-items:center;gap:9px;width:max-content;font-size:21px;font-weight:850;line-height:1.15;display:inline-flex}.brand-icon{border-radius:9px;flex:none;width:35px;height:35px;display:block;box-shadow:0 4px 11px #2852ed24}.brand i{color:#3556e3;font-style:normal}.brand-cn{letter-spacing:-.055em}.search{color:#64738b;background:#f9fbfd;border:1px solid #e3e9f1;border-radius:9px;align-items:center;gap:8px;min-height:37px;padding:0 11px;display:flex}.search:focus-within{outline:2px solid #9ab4ff}.search input{width:180px;min-width:0;color:var(--ink);background:0 0;border:0;outline:none;padding:7px 0;font-size:13px}.empty{color:var(--muted);border:1px solid var(--line);background:#f7f9fd;border-radius:14px;justify-items:center;gap:12px;padding:42px 18px;display:grid}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.primary-button,.plain-button,.danger-button{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;min-height:38px;padding:8px 15px;font-size:14px;font-weight:650}.primary-button,.danger-button{color:#fff;background:#2655ed;gap:7px;display:inline-flex}.primary-button:hover{background:#1c42c4}.plain-button{color:#354057;background:#fff;border-color:#dce4ee}.plain-button:hover{background:#eef3fe}.danger-button{background:#c82e4b}.danger-button:hover{background:#a9273e}.admin-gate{background:radial-gradient(at 50% 35%,#eaf0ff,#f7f9fc 65%);min-height:100vh;padding:25px 30px}.admin-gate section{text-align:center;border:1px solid var(--line);background:#fff;border-radius:20px;justify-items:center;gap:16px;max-width:430px;margin:9vh auto 0;padding:36px 22px;display:grid;box-shadow:0 15px 35px #354d7b16}.gate-icon{color:#2a57ef;background:#edf2ff;border-radius:14px;place-items:center;width:56px;height:56px;display:grid}.admin-gate p{color:var(--muted);font-size:14px}.back-link{color:var(--muted);align-items:center;gap:7px;font-size:13px;display:inline-flex}.admin-shell{background:#f6f8fc;min-height:100vh}.admin-sidebar{border-right:1px solid var(--line);z-index:2;background:#fff;flex-direction:column;width:215px;padding:23px 17px 18px;display:flex;position:fixed;inset:0 auto 0 0}.admin-sidebar nav,.admin-sidebar-bottom{gap:7px;display:grid}.admin-sidebar nav{margin-top:35px}.admin-sidebar-bottom{margin-top:auto}.admin-sidebar nav button,.admin-sidebar-bottom :is(a,button){text-align:left;color:#525e72;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 13px;font-size:14px;display:flex}.admin-sidebar nav button:hover,.admin-sidebar-bottom :is(a,button):hover{color:#2450e7;background:#f1f5ff}.admin-sidebar nav [aria-current]{color:#2450e7;background:#eaf0ff;font-weight:750}.admin-content{max-width:1440px;margin-left:215px;padding:30px clamp(20px,4vw,62px)}.admin-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.admin-header h1{letter-spacing:-.045em;font-size:31px}.admin-header p{color:var(--muted);margin-top:6px;font-size:14px}.admin-header button{white-space:nowrap}.admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0 16px;display:grid}.metric{border:1px solid var(--line);text-align:left;background:#fff;border-radius:13px;gap:8px;padding:16px;display:grid}.metric.selected,.metric:hover{border-color:#aac0fe}.metric>span{color:#526589;align-items:center;gap:7px;font-size:13px;display:flex}.metric strong{font-size:26px;line-height:1}.metric small{color:var(--muted)}.admin-notice{color:#184fb4;background:#e8f1ff;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:13px;padding:10px 13px;font-size:14px;display:flex}.admin-notice button{background:0 0;border:0;padding:3px}.admin-list{border:1px solid var(--line);background:#fff;border-radius:13px;overflow:hidden}.admin-filters{flex-wrap:wrap;align-items:center;gap:9px;padding:13px 16px;display:flex}.admin-filters select,.editor input:not([type=checkbox]),.editor select,.editor textarea{min-width:0;color:var(--ink);background:#fff;border:1px solid #dce4ee;border-radius:7px;padding:8px 10px;font-size:13px}.admin-filters>span{color:var(--muted);margin-left:auto;font-size:13px}.table-scroll{overflow-x:auto}table{text-align:left;border-collapse:collapse;white-space:nowrap;width:100%}th,td{border-top:1px solid #edf1f7;padding:12px 15px;font-size:13px}th{color:#5a6780;background:#f8faff}td:first-child{min-width:160px}td small{color:var(--muted);text-overflow:ellipsis;max-width:43ch;margin-top:4px;display:block;overflow:hidden}.status{color:#566276;background:#edf1f7;border-radius:12px;padding:3px 8px;font-size:11px}.status-active{color:#15754a;background:#e5f7ef}.row-actions{gap:3px;display:flex}.row-actions a,.row-actions button{color:#465670;background:0 0;border:0;border-radius:6px;place-items:center;width:30px;height:28px;display:grid}.row-actions a:hover,.row-actions button:hover{color:var(--blue);background:#eef3ff}.row-actions button:last-child:hover{color:#b72143;background:#fff0f3}.admin-empty{border:0;border-radius:0}.editor{border:1px solid var(--line);width:min(610px,100% - 28px);max-height:calc(100% - 28px);color:var(--ink);background:#fff;border-radius:15px;padding:0;box-shadow:0 20px 55px #0d204731}.editor::backdrop{background:#17274665}.editor header,.editor footer{justify-content:space-between;align-items:center;gap:10px;padding:15px 19px;display:flex}.editor header{border-bottom:1px solid var(--line)}.editor header h2{font-size:20px}.editor header button{color:var(--muted);background:0 0;border:0;place-items:center;padding:4px;display:grid}.editor footer{border-top:1px solid var(--line);justify-content:flex-end}.editor-body{padding:17px 19px}.editor-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.editor-fields label{color:#424f68;gap:6px;font-size:13px;display:grid}.editor-fields .wide{grid-column:1/-1}.editor-fields .checkbox{align-self:end;align-items:center;min-height:34px;display:flex}.editor-fields .checkbox input{accent-color:var(--blue)}.form-error{color:#b22245;padding:0 19px 13px;font-size:13px}@media (max-width:720px){.admin-sidebar{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:6px;width:auto;padding:10px 14px;display:grid;position:static}.admin-sidebar nav{grid-area:2/1/auto/-1;margin-top:0;display:flex}.admin-sidebar-bottom{margin-top:0;display:flex}.admin-sidebar nav button,.admin-sidebar-bottom :is(a,button){white-space:nowrap;width:auto;min-height:33px;padding:5px;font-size:12px}.admin-content{margin:0;padding:16px 12px}.admin-header h1{font-size:23px}.admin-header p{font-size:12px}.admin-metrics{gap:7px;margin-top:15px}.metric{padding:10px}.editor header,.editor footer,.editor-body{padding-inline:12px}}.admin-header .admin-context{color:#4b60d2;margin:0 0 7px;font-size:12px;font-weight:680}.admin-list .search input{width:min(220px,54vw)}.admin-bulk{color:#3f54b4;background:#edf2ff;border-top:1px solid #e2e9fc;flex-wrap:wrap;align-items:center;gap:7px;padding:8px 15px;font-size:13px;display:flex}.admin-bulk>span{margin-right:5px}.admin-bulk button{min-height:31px;padding:5px 8px;font-size:12px}.admin-check-cell,.admin-list td.admin-check-cell{width:41px;min-width:0;padding-inline:13px 3px}.admin-check-cell input{accent-color:#4258e6;width:15px;height:15px;margin:0}.admin-status-toggle{border:1px solid #0000}.admin-status-toggle:hover{border-color:currentColor}.row-actions a{font-size:11px}.admin-pagination{color:#5d6b85;border-top:1px solid #edf1f7;justify-content:flex-end;align-items:center;gap:6px;padding:9px 14px;font-size:12px;display:flex}.admin-pagination span{margin-right:4px}.admin-pagination button{place-items:center;min-width:30px;min-height:30px;padding:4px;display:grid}.admin-list-error{color:#a82942;background:#fff0f3;border-radius:7px;margin:0 0 10px;padding:9px 12px;font-size:13px}.admin-seo-fields{background:#f7f9ff;border:1px solid #e4e9f4;border-radius:8px;padding:9px 11px}.admin-seo-fields summary{cursor:pointer;color:#3d52a8;font-size:13px;font-weight:740}.admin-seo-fields label{margin-top:10px}.admin-url-preview{color:#5d6b85;overflow-wrap:anywhere;margin-top:8px;font-size:12px}.admin-login{text-align:left;gap:14px;width:min(100%,320px);display:grid}.admin-login label{gap:6px;font-size:14px;font-weight:600;display:grid}.admin-login input:not([type=hidden]){border:1px solid var(--line);border-radius:8px;min-width:0;min-height:42px;padding:9px 12px}.admin-login .primary-button{justify-content:center}.admin-login [role=alert]{color:#b42318}
.nav-directory{--nav-blue:#4059e7;--nav-ink:#17223b;--nav-muted:#5d6b84;--nav-edge:#e5eaf3;--nav-bg:#f6f8fc;background:var(--nav-bg);min-height:100vh;color:var(--nav-ink)}.nav-rail{z-index:4;border-right:1px solid var(--nav-edge);background:#fff;flex-direction:column;width:214px;padding:23px 15px 15px;display:flex;position:fixed;inset:0 auto 0 0}.nav-rail .brand{margin-left:6px}.nav-side-links{gap:4px;margin-top:29px;padding:2px 1px;display:grid;overflow:auto}.nav-side-links a,.nav-rail-bottom a{color:#536079;white-space:nowrap;border-radius:9px;align-items:center;gap:11px;min-height:39px;padding:8px 12px;font-size:14px;display:flex}.nav-side-links a:hover,.nav-rail-bottom a:hover{color:#344bd4;background:#f0f3ff}.nav-side-links [aria-current]{color:#3048d6;background:#edf0ff;font-weight:750}.nav-rail-bottom{border-top:1px solid var(--nav-edge);margin-top:auto;padding-top:10px}.nav-workarea{margin-left:214px}:is(.nav-content,.section-directory-content:has(>.section-directory-hero)){max-width:1450px;margin:0 auto;padding:0 clamp(23px,3.35vw,54px)}.nav-topbar{justify-content:space-between;align-items:center;gap:12px;height:68px;display:flex}.nav-location,.nav-top-saved{color:#536079;align-items:center;gap:8px;font-size:13px;font-weight:650;display:flex}.nav-location>svg:first-child{color:#5269e7}.nav-location a:hover{color:var(--nav-blue)}.nav-top-news{border:1px solid var(--nav-edge);color:var(--nav-blue);border-radius:8px;align-items:center;gap:6px;margin-left:10px;padding:5px 10px;display:inline-flex}.nav-top-news:hover{background:var(--night-hover,#eef2ff);border-color:var(--nav-blue)}.nav-top-saved{white-space:nowrap;color:#354261;background:#fff;border:1px solid #e2e7f0;border-radius:9px;flex:none;min-height:35px;padding:6px 12px}.nav-top-saved:hover{color:var(--nav-blue);border-color:#bbc8fe}.nav-top-saved-count{color:#4055d7;text-align:center;background:#eef0ff;border-radius:5px;min-width:19px;padding:2px 4px;font-size:11px}.nav-intro{background:linear-gradient(108deg,#f0f3ff 0%,#f8faff 63%,#eff4ff 100%);border:1px solid #dfe7f9;border-radius:22px;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);min-height:302px;display:grid;overflow:hidden}.nav-hero{padding:32px clamp(24px,3vw,48px) 29px}.nav-hero-label{color:#455bd3;background:#f8faff;border:1px solid #dbe3fc;border-radius:7px;align-items:center;gap:8px;width:max-content;padding:5px 9px;font-size:12px;font-weight:720;display:flex}.nav-hero h1{letter-spacing:-.053em;margin:12px 0 8px;font-size:clamp(32px,3vw,51px);font-weight:850;line-height:1.15}.nav-hero h1 em{color:#455bf0;white-space:nowrap;font-style:normal}.nav-hero>p{color:#53617b;margin-bottom:19px;font-size:14px;line-height:1.62}.nav-search{color:#5f71a0;background:#fff;border:1px solid #dde4f6;border-radius:11px;align-items:center;gap:10px;max-width:525px;min-height:54px;padding:5px 5px 5px 14px;display:flex;box-shadow:0 7px 18px #253f9910}.nav-search:focus-within{border-color:#8797f2;box-shadow:0 0 0 3px #a1b1ff48}.nav-search input{min-width:0;color:var(--nav-ink);background:0 0;border:0;outline:none;flex:1;padding:4px 0;font-size:14px}@media (pointer:coarse){.nav-search input[type=search]{font-size:16px}}.nav-search input::-webkit-search-cancel-button{display:none}.nav-search kbd{color:#62708a;background:#f8f9fc;border:1px solid #e6eaf2;border-radius:5px;padding:2px 6px}.nav-search button[type=submit]{color:#fff;background:#4258e6;border:0;border-radius:7px;min-height:40px;padding:0 18px;font-size:14px;font-weight:720}.nav-search button[type=submit]:hover{background:#3146cb}.nav-search-clear{background:0 0;border:0;border-radius:5px;place-items:center;padding:4px;display:grid}.nav-popular{color:#596782;flex-wrap:wrap;align-items:center;gap:5px 8px;margin-top:14px;font-size:12px;display:flex}.nav-popular a{color:#425171;background:#ffffffc9;border:1px solid #e5e9f8;border-radius:6px;padding:4px 7px}.nav-popular a:hover{color:var(--nav-blue);border-color:#bcc9ff}.nav-spotlight{isolation:isolate;background:linear-gradient(120deg,#cbd7ff,#e7efff);border:1px solid #d6dff8;border-radius:15px;align-items:flex-end;min-height:244px;margin:13px;display:flex;position:relative;overflow:hidden}.nav-spotlight.spotlight-violet{background:#e6e1ff}.nav-spotlight>img{z-index:-2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.nav-spotlight>.spotlight-hero-art{object-position:center 49%}.nav-spotlight:after{content:"";z-index:-1;background:linear-gradient(#0000 0%,#1a347b17 32%,#152c72a8 67%,#101f50ea 100%);position:absolute;inset:0}.spotlight-copy{color:#fff;width:100%;padding:19px 21px}.spotlight-label{color:#eef2ff;background:#17295875;border:1px solid #dce7ff5e;border-radius:6px;align-items:center;gap:6px;width:max-content;padding:4px 7px;font-size:11px;font-weight:730;display:flex}.spotlight-copy h2{letter-spacing:-.045em;margin:7px 0 4px;font-size:clamp(17px,1.6vw,26px);line-height:1.24}.spotlight-copy h2 em{color:#cddcff;font-style:normal}.spotlight-description{color:#e2e9ff;font-size:12px;line-height:1.45}.spotlight-copy>a{color:#182d68;background:#ffffffed;border-radius:6px;align-items:center;gap:4px;min-height:30px;margin-top:10px;padding:5px 8px;font-size:12px;font-weight:740;display:inline-flex}.spotlight-copy>a:hover{color:#364dd4;background:#fff}.spotlight-controls{color:#243458;background:#ffffffde;border-radius:8px;align-items:center;gap:4px;padding:4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:9px;right:9px}.spotlight-controls button{background:0 0;border:0;border-radius:5px;place-items:center;width:24px;height:24px;display:grid}.spotlight-controls button:hover{background:#e6edff}.nav-intro-category{background:linear-gradient(120deg,var(--tone-soft,#edf1ff),#fcfdff 74%);grid-template-columns:1fr;min-height:0}.nav-intro-category .nav-hero{padding-block:27px}.nav-intro-category .nav-hero h1{font-size:clamp(32px,3vw,44px)}.section-directory-topline{flex-wrap:wrap;align-items:center;gap:10px 24px;display:flex}.section-directory-hero .nav-search input[type=search]{min-height:44px}.nav-category-section,.nav-results{margin-top:27px}.nav-section-heading{justify-content:space-between;align-items:baseline;gap:9px;margin-bottom:12px;display:flex}.nav-section-heading h2{letter-spacing:-.032em;font-size:22px}.nav-section-heading>span{color:#5d6b84;font-size:12px}.nav-category-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;display:grid}.nav-category-card{border:1px solid var(--nav-edge);background:#fff;border-radius:11px;align-items:center;gap:8px;min-width:0;min-height:64px;padding:8px 9px;transition:border-color .16s,box-shadow .16s;display:flex}.nav-category-card:hover{border-color:#aebcfa;box-shadow:0 5px 16px #28448910}.nav-category-icon,.nav-mark{background:var(--tone-soft,#edf1ff);width:34px;height:34px;color:var(--tone-ink,#4057ca);border-radius:9px;flex:none;place-items:center;display:grid}.nav-category-card>span:nth-child(2){gap:4px;min-width:0;display:grid}.nav-category-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.nav-category-card small{color:var(--nav-muted);white-space:nowrap;font-size:11px}.nav-category-arrow{color:#8b97ac;margin-left:auto}.tone-picture{--tone-soft:#eee8ff;--tone-ink:#6845c8}.tone-video{--tone-soft:#e4efff;--tone-ink:#2959ba}.tone-text{--tone-soft:#e9efff;--tone-ink:#415fb8}.tone-office{--tone-soft:#e3f5ef;--tone-ink:#17755d}.tone-assistant{--tone-soft:#ebeaff;--tone-ink:#5646c3}.tone-search{--tone-soft:#e0f5f9;--tone-ink:#187180}.tone-coding{--tone-soft:#e5edff;--tone-ink:#2e5ac1}.tone-audio{--tone-soft:#f5e9ff;--tone-ink:#8149b6}.tone-design{--tone-soft:#fcebe9;--tone-ink:#a4484b}.tone-agents{--tone-soft:#e5f4ef;--tone-ink:#18755b}.tone-models{--tone-soft:#f9f0dd;--tone-ink:#8d5e16}.nav-results{scroll-margin-top:18px}.nav-result-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:9px;margin-bottom:11px;display:flex}.nav-view-tabs{align-items:center;gap:5px;min-width:0;padding:2px 1px;display:flex;overflow-x:auto}.nav-view-tabs a{white-space:nowrap;color:#596681;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:5px;padding:7px 10px;font-size:13px;display:flex}.nav-view-tabs a:hover{background:#edf0ff}.nav-view-tabs a[aria-current=page]{color:#394cc9;background:#e9edff;border-color:#dce4ff;font-weight:730}.nav-collection-filter{color:#596681;align-items:center;gap:7px;font-size:12px;display:flex}.nav-collection-filter select,.nav-clear-recent{border:1px solid var(--nav-edge);color:#435271;background:#fff;border-radius:7px;padding:6px 8px}.nav-clear-recent{font-size:12px}.nav-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.nav-tool-card{border:1px solid var(--nav-edge);background:#fff;border-radius:13px;flex-direction:column;min-width:0;min-height:154px;padding:14px 15px 12px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.nav-tool-card:hover{border-color:#cbd5fc;transform:translateY(-2px);box-shadow:0 8px 16px #23356612}.nav-card-top{align-items:center;gap:10px;min-width:0;display:flex}.nav-mark{border-radius:10px;width:43px;height:43px;font-size:21px;font-weight:780;position:relative;overflow:hidden}.nav-mark img{object-fit:contain;background:#fff;width:100%;height:100%;position:absolute;inset:0}.nav-card-title{gap:3px;min-width:0;display:grid}.nav-card-title h3{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.nav-card-title a:hover{color:var(--nav-blue)}.nav-card-title>span{color:var(--nav-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.nav-save{color:#68748b;background:0 0;border:0;border-radius:7px;flex:none;place-items:center;width:32px;height:32px;margin-left:auto;display:grid}.nav-save:hover,.nav-save[aria-pressed=true]{color:#465cdd;background:#eef1ff}.nav-save[aria-pressed=true] svg{fill:#cbd4ff}.nav-tool-card>p{color:#56637d;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:1.5em;margin:11px 0 12px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.nav-card-bottom{justify-content:space-between;align-items:center;gap:4px;margin-top:auto;display:flex}.nav-category-tag{color:var(--tone-ink,#4057ca);background:var(--tone-soft,#edf1ff);border-radius:6px;padding:4px 7px;font-size:11px;font-weight:650}.nav-category-tag:hover{filter:saturate(1.3);text-decoration:underline}.nav-official{color:#495d93;align-items:center;gap:3px;margin-left:auto;padding:3px 0 3px 5px;font-size:12px;font-weight:650;display:inline-flex}.nav-official:hover{color:var(--nav-blue)}.nav-empty{border:1px solid var(--nav-edge);color:#62708a;background:#fff;border-radius:11px;justify-items:center;gap:12px;padding:34px 14px;display:grid}.nav-empty .plain-button,.nav-load-more{align-items:center;gap:5px;display:flex}.nav-load-more{margin:18px auto 0}.nav-footer{border-top:1px solid var(--nav-edge);color:#61708a;gap:15px;margin-top:26px;padding:19px 0 23px;font-size:12px;display:flex}.nav-footer a:hover{color:var(--nav-blue)}.content-footer-nav{display:none}@media (min-width:931px) and (hover:hover) and (pointer:fine){.content-footer-nav{flex-wrap:wrap;gap:8px 15px;display:flex}}@media (max-width:1240px){.nav-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.nav-rail{width:185px}.nav-workarea{margin-left:185px}.nav-hero{padding-inline:23px}}@media (max-width:930px){.nav-rail{width:158px;padding-inline:10px}.nav-rail .brand{gap:6px;margin-left:0;font-size:18px}.nav-rail .brand-icon{width:30px;height:30px}.nav-workarea{margin-left:158px}:is(.nav-content,.section-directory-content:has(>.section-directory-hero)){padding-inline:18px}.nav-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nav-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-intro{grid-template-columns:minmax(0,1fr) minmax(0,.82fr)}.nav-intro-category{grid-template-columns:1fr}.nav-spotlight{margin:9px}.nav-hero h1{font-size:32px}.nav-hero{padding-inline:17px}.spotlight-copy{padding:15px 13px}}@media (max-width:690px){:is(.nav-content,.section-directory-content:has(>.section-directory-hero)){padding-inline:12px}.nav-intro{border-radius:14px;grid-template-columns:1fr;min-height:0}.nav-hero{padding:18px 14px 11px}.nav-hero h1{font-size:31px}.nav-hero>p{margin-bottom:12px;font-size:13px}.nav-search{gap:6px;min-height:54px;padding:4px 4px 4px 10px}.nav-search>svg{width:18px}.nav-search input[type=search]{min-height:44px;font-size:16px}.nav-search kbd{display:none}.nav-search button[type=submit]{flex:none;min-height:44px;padding:0 12px}.nav-search-clear{flex:none;width:44px;height:44px;padding:0}.nav-spotlight{border-radius:10px;min-height:181px;margin:5px 9px 9px}.nav-spotlight>.spotlight-hero-art{object-position:center 46%}.spotlight-description{display:none}.nav-category-section,.nav-results{margin-top:20px}.nav-results{scroll-margin-top:87px}.nav-section-heading h2{font-size:19px}.nav-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.nav-category-card{min-height:49px;padding:6px 7px}.nav-category-icon{width:29px;height:29px}.nav-category-icon svg{width:16px}.nav-tool-grid{gap:7px}.nav-tool-card{min-height:142px;padding:9px 10px 4px}.nav-tool-card:hover{transform:none}.nav-card-top{gap:6px}.nav-mark{border-radius:8px;width:34px;height:34px;font-size:17px}.nav-card-title h3{-webkit-line-clamp:2;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:14px;line-height:1.28;display:-webkit-box}.nav-card-title>span{font-size:11px}.nav-save{width:44px;height:44px}.nav-tool-card>p{overflow-wrap:anywhere;margin:7px 0 3px;font-size:12px}.nav-card-bottom{min-height:44px}.nav-official{flex:none;min-height:44px;padding-inline:5px 0}.nav-category-tag{overflow-wrap:anywhere}.nav-view-tabs a{padding-inline:6px;font-size:12px}.nav-view-tabs a svg{width:13px}}@media (max-width:370px){.nav-quick-tools{column-gap:4px}.nav-quick-tools a{padding-inline:3px}}@media (341px<=width<=480px){.nav-card-top{grid-template-columns:minmax(0,1fr) auto;gap:2px 6px;display:grid}.nav-card-title{grid-area:2/1/auto/-1}.nav-save{grid-area:1/2}}@media (max-width:340px){.nav-tool-grid{grid-template-columns:minmax(0,1fr)}}.nav-tool-card{position:relative}.nav-card-title a:after{content:"";border-radius:13px;position:absolute;inset:0}.nav-save,.nav-category-tag,.nav-official{z-index:1;position:relative}.nav-pagination{color:#596681;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:17px;font-size:13px;display:flex}.nav-pagination a{align-items:center;gap:4px;display:inline-flex}.nav-guide-links{margin-top:26px}.nav-guide-links .nav-section-heading a{color:var(--nav-blue);flex:none;font-size:13px}.nav-guide-links ul{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.nav-guide-links li>a{border:1px solid var(--nav-edge);background:var(--night-card,#fff);border-radius:9px;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:9px 12px;font-size:14px;line-height:1.4;display:flex}.nav-guide-links li>a:hover{color:var(--nav-blue);border-color:var(--nav-blue)}.home-news-preview li>a{text-align:left;justify-content:flex-start}.home-news-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}
.detail-top{border-bottom:1px solid var(--nav-edge);background:#fff}.detail-top>div{justify-content:space-between;align-items:center;gap:10px;max-width:1180px;margin:auto;padding:13px 24px;display:flex}.detail-browse{color:#52617f;align-items:center;gap:7px;font-size:13px;display:flex}.detail-browse:hover{color:var(--nav-blue)}.detail-content{max-width:1120px;margin:0 auto;padding:17px 22px 0}.detail-breadcrumb{color:#5e6a85;flex-wrap:wrap;align-items:center;gap:5px;min-height:24px;margin-bottom:13px;font-size:13px;display:flex}.detail-breadcrumb a:hover{color:var(--nav-blue)}.detail-breadcrumb>span{color:#283659}.detail-hero{background:linear-gradient(117deg,var(--tone-soft,#eff3ff),#fbfcff 76%);border:1px solid #dfe6f6;border-radius:17px;justify-content:space-between;align-items:center;gap:28px;min-height:214px;padding:24px clamp(19px,3.5vw,40px);display:flex}.detail-hero-copy{min-width:0}.detail-title{align-items:center;gap:14px;display:flex}.detail-title h1{letter-spacing:-.045em;overflow-wrap:anywhere;margin-top:5px;font-size:clamp(30px,4vw,46px);line-height:1.17}.nav-mark.detail-mark{border:1px solid #fff;border-radius:15px;width:64px;height:64px;font-size:29px;box-shadow:0 5px 15px #20336b15}.detail-hero-copy>p{color:#435371;margin:13px 0 15px;font-size:15px;line-height:1.65}.detail-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.detail-actions .plain-button,.detail-facts .plain-button{align-items:center;gap:6px;display:inline-flex}.detail-actions [aria-pressed=true]{color:#344bd4;border-color:#aebafa}.detail-actions [aria-pressed=true] svg{fill:#d7dfff}.detail-cover{aspect-ratio:1.75;object-fit:cover;border:3px solid #fff;border-radius:12px;width:34%;max-width:320px;box-shadow:0 10px 26px #33487421}.detail-grid{grid-template-columns:minmax(0,1fr) minmax(230px,.34fr);align-items:start;gap:15px;margin-top:16px;display:grid}.detail-main{gap:12px;display:grid}.detail-card{border:1px solid var(--nav-edge);background:#fff;border-radius:13px;padding:18px 20px}.detail-card h2{letter-spacing:-.02em;align-items:center;gap:8px;margin-bottom:10px;font-size:18px;display:flex}.detail-card h2 svg{color:#5369d8}.detail-card p,.detail-card dd{color:#52617c;font-size:14px;line-height:1.72}.detail-card p+p{margin-top:8px}.detail-card dl{grid-template-columns:max-content minmax(0,1fr);align-items:baseline;gap:9px 12px;margin:0;display:grid}.detail-card dt{color:#354364;font-size:13px;font-weight:740}.detail-card dd{overflow-wrap:anywhere;margin:0}.detail-card a:not(.plain-button){color:#3652d2;text-underline-offset:2px;text-decoration:underline}.detail-facts .plain-button{margin-top:13px}.detail-faq h3{margin:12px 0 3px;font-size:14px}.detail-related{margin-top:20px}.detail-related .nav-section-heading a{color:#4258cc;align-items:center;gap:6px;font-size:13px;display:flex}.detail-related-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.detail-related-card{border:1px solid var(--nav-edge);background:#fff;border-radius:10px;align-items:center;gap:9px;min-width:0;padding:10px;display:flex}.detail-related-card:hover{color:var(--nav-blue);border-color:#bac7fe}.detail-related-card div{gap:3px;min-width:0;display:grid}.detail-related-card strong,.detail-related-card small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.detail-related-card strong{font-size:13px}.detail-related-card small{color:#61708a;font-size:11px}.detail-related-card>svg:last-child{color:#7a88aa;margin-left:auto}@media (max-width:690px){.detail-top>div{padding:9px 12px}.detail-browse{font-size:12px}.detail-content{padding:10px 12px 0}.detail-hero{flex-direction:column;align-items:flex-start;gap:13px;padding:17px 14px}.detail-hero-copy{width:100%}.detail-title{align-items:flex-start;gap:10px}.detail-title>div{min-width:0}.detail-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.detail-actions>*,.detail-facts .plain-button{text-align:center;min-height:44px;padding-inline:8px;line-height:1.35}.nav-mark.detail-mark{border-radius:11px;width:48px;height:48px;font-size:21px}.detail-cover{width:100%;max-width:none}.detail-grid{grid-template-columns:1fr}.detail-facts{grid-row:1}.detail-card{overflow-wrap:anywhere;min-width:0;padding:12px}.detail-card p,.detail-card dd{font-size:13px}.detail-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-related-card strong{white-space:normal;overflow-wrap:anywhere}}@media (max-width:360px){.detail-actions>*{font-size:13px}}.detail-feature-list{color:#52617c;margin:0;padding-left:20px;font-size:14px;line-height:1.72}
.theme-actions{align-items:center;gap:8px;display:flex}.theme-toggle{color:#465778;background:#fff;border:1px solid #e2e7f0;border-radius:9px;flex:none;place-items:center;width:36px;height:36px;padding:0;display:inline-grid}.theme-toggle:hover{color:var(--blue);border-color:#aebcfa}.theme-icon-sun,[data-theme=dark] .theme-icon-moon{display:none}[data-theme=dark] .theme-icon-sun{display:inline}.admin-gate-top{justify-content:space-between;align-items:center;display:flex}@media (max-width:420px){.detail-top .brand{gap:6px;font-size:18px}.detail-top .brand-icon{width:30px;height:30px}.detail-browse>svg{display:none}.detail-top .nav-top-saved{gap:5px;padding-inline:8px}.admin-header .theme-actions{gap:5px}}@media (max-width:380px){.detail-top .nav-top-saved{justify-content:center;min-width:36px}.detail-top .nav-top-saved-label{display:none}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e9edf8;--muted:#a6b2ca;--line:#303d56;--blue:#a5b2ff;--night-page:#0d1422;--night-card:#151f31;--night-field:#111a2a;--night-hover:#202e47;--night-active:#263354;--night-focus:#8294ff;--night-danger:#ff9db2}[data-theme=dark] body{background:var(--night-page)}[data-theme=dark] .nav-directory{--nav-bg:var(--night-page);--nav-ink:var(--ink);--nav-muted:var(--muted);--nav-edge:var(--line);--nav-blue:var(--blue)}[data-theme=dark] :is(.brand,.detail-breadcrumb>span,.detail-card dt){color:var(--ink)}[data-theme=dark] :is(.brand i,.nav-location>svg,.nav-hero h1 em,.detail-card h2 svg,.detail-related .nav-section-heading a){color:var(--blue)}[data-theme=dark] :is(.nav-rail,.nav-category-card,.nav-tool-card,.nav-empty,.detail-top,.detail-card,.detail-related-card,.admin-sidebar,.admin-gate section,.metric,.admin-list,.editor,.skip-link){background:var(--night-card)}[data-theme=dark] :is(.nav-top-saved,.theme-toggle,.plain-button,.nav-collection-filter select,.nav-clear-recent,.nav-popular a,.search,.admin-filters select,.admin-login input:not([type=hidden]),.editor input:not([type=checkbox]),.editor select,.editor textarea){background:var(--night-field);border-color:var(--line);color:var(--ink)}[data-theme=dark] :is(.nav-side-links a,.nav-location,.nav-hero>p,.nav-popular,.nav-section-heading>span,.nav-view-tabs a,.nav-collection-filter,.nav-save,.nav-tool-card>p,.nav-empty,.nav-footer,.nav-pagination,.detail-browse,.detail-breadcrumb,.detail-hero-copy>p,.detail-card p,.detail-card dd,.detail-feature-list,.detail-related-card small,.admin-sidebar nav button,.admin-sidebar-bottom :is(a,button),.metric>span,.row-actions :is(a,button),.editor-fields label,.admin-pagination,.admin-url-preview){color:var(--muted)}[data-theme=dark] :is(.nav-official,.detail-card a:not(.plain-button),.admin-header .admin-context,.admin-seo-fields summary){color:var(--blue)}[data-theme=dark] :is(.nav-side-links a:hover,.nav-view-tabs a:hover,.nav-save:hover,.plain-button:hover,.admin-sidebar nav button:hover,.admin-sidebar-bottom :is(a,button):hover,.row-actions :is(a,button):hover){background:var(--night-hover);color:var(--blue)}[data-theme=dark] :is(.nav-side-links [aria-current],.nav-view-tabs a[aria-current],.nav-save[aria-pressed=true],.nav-top-saved-count,.gate-icon,.admin-sidebar nav [aria-current],.admin-notice,.admin-bulk){background:var(--night-active);color:var(--blue);border-color:var(--line)}[data-theme=dark] :is(.nav-top-saved:hover,.theme-toggle:hover,.nav-category-card:hover,.nav-tool-card:hover,.detail-related-card:hover,.metric.selected,.metric:hover,.detail-actions [aria-pressed=true]){border-color:var(--night-focus)}[data-theme=dark] :is(.theme-toggle:hover,.nav-top-saved:hover,.detail-browse:hover,.detail-actions [aria-pressed=true]){color:var(--blue)}[data-theme=dark] .nav-save[aria-pressed=true] svg,[data-theme=dark] .detail-actions [aria-pressed=true] svg{fill:#5367ac}[data-theme=dark] .nav-intro{background:linear-gradient(110deg, #1a2543, var(--night-card) 76%);border-color:var(--line)}[data-theme=dark] :is(.nav-intro-category,.detail-hero){background:linear-gradient(115deg, var(--tone-soft,#1a2543), var(--night-card) 75%);border-color:var(--line)}[data-theme=dark] :is(.nav-hero-label,.nav-search kbd){background:var(--night-hover);border-color:var(--line);color:var(--blue)}[data-theme=dark] .nav-search{background:var(--night-field);color:var(--ink);border-color:#647b9f}[data-theme=dark] .nav-search:focus-within{border-color:var(--night-focus)}[data-theme=dark] .nav-search-clear:hover{background:var(--night-hover)}[data-theme=dark] .search:focus-within{outline-color:var(--night-focus)}[data-theme=dark] .nav-search input::placeholder{color:var(--muted)}[data-theme=dark] :is(.nav-category-arrow,.detail-related-card>svg:last-child){color:#8d9dbb}[data-theme=dark] .nav-spotlight{background:#223455;border-color:#3c4a6d}[data-theme=dark] .nav-spotlight.spotlight-violet{background:#31274c}[data-theme=dark] :is(.spotlight-controls,.spotlight-copy>a){background:var(--night-field);color:var(--ink)}[data-theme=dark] :is(.spotlight-controls button:hover,.spotlight-copy>a:hover){background:var(--night-hover);color:var(--blue)}[data-theme=dark] :is(.detail-cover,.nav-mark.detail-mark){border-color:var(--line)}[data-theme=dark] .tone-picture{--tone-soft:#2b2246;--tone-ink:#c8b4ff}[data-theme=dark] .tone-video{--tone-soft:#1b2d4c;--tone-ink:#9dc4ff}[data-theme=dark] .tone-text{--tone-soft:#202e4e;--tone-ink:#adbef8}[data-theme=dark] .tone-office{--tone-soft:#173a33;--tone-ink:#95e0c4}[data-theme=dark] .tone-assistant{--tone-soft:#292449;--tone-ink:#c4baff}[data-theme=dark] .tone-search{--tone-soft:#153746;--tone-ink:#9ae3ec}[data-theme=dark] .tone-coding{--tone-soft:#1d2d50;--tone-ink:#a9c3ff}[data-theme=dark] .tone-audio{--tone-soft:#332345;--tone-ink:#dfb6fb}[data-theme=dark] .tone-design{--tone-soft:#412b36;--tone-ink:#f6b8ba}[data-theme=dark] .tone-agents{--tone-soft:#193833;--tone-ink:#9be0c3}[data-theme=dark] .tone-models{--tone-soft:#3b3123;--tone-ink:#f2d395}[data-theme=dark] .admin-gate{background:radial-gradient(ellipse at 50% 35%, #1e2b48, var(--night-page) 70%)}[data-theme=dark] .admin-shell{background:var(--night-page)}[data-theme=dark] :is(.empty,.admin-seo-fields,th){background:var(--night-hover);border-color:var(--line);color:var(--muted)}[data-theme=dark] :is(th,td,.admin-pagination){border-color:var(--line)}[data-theme=dark] .status{background:var(--night-hover);color:var(--muted)}[data-theme=dark] .status-active{color:#95e0c4;background:#173a33}[data-theme=dark] :is(.admin-login [role=alert],.form-error){color:var(--night-danger)}[data-theme=dark] :is(.admin-list-error,.row-actions button:last-child:hover){color:var(--night-danger);background:#402435}[data-theme=dark] .editor::backdrop{background:#02050bbb}
.nav-mobile-brand,.site-menu-button,.site-drawer,.site-drawer-install{display:none}@media (max-width:690px),(max-width:930px) and (pointer:coarse){.nav-rail,.nav-location,.detail-top .detail-browse{display:none}.nav-workarea{margin-left:0}.nav-mobile-brand{display:block}.nav-topbar{height:60px}.detail-top>div{min-height:60px;padding:8px 12px}:is(.nav-topbar,.detail-top) .theme-actions{gap:7px}:is(.nav-topbar,.detail-top,.site-drawer) .brand{gap:6px;font-size:18px}:is(.nav-topbar,.detail-top,.site-drawer) .brand-icon{width:30px;height:30px}.site-menu-button{border:1px solid var(--nav-edge);background:var(--night-field,#fff);width:44px;height:44px;color:var(--nav-ink);border-radius:9px;flex:none;place-items:center;padding:0;display:inline-grid}.site-menu-button:focus-visible{outline:2px solid var(--nav-blue);outline-offset:2px}html:has(.site-drawer[open]){overflow:hidden}.site-drawer[open]{width:min(86vw,320px);max-width:none;height:100dvh;max-height:none;padding:max(10px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));border:0;border-right:1px solid var(--nav-edge);background:var(--night-card,#fff);color:var(--nav-ink);flex-direction:column;margin:0;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden}.site-drawer::backdrop{background:#080e20a3}.site-drawer-head{border-bottom:1px solid var(--nav-edge);justify-content:space-between;align-items:center;gap:8px;padding-bottom:10px;display:flex}@media (display-mode:browser){html[data-pwa-install-ready] .site-drawer-install{flex:none;justify-content:flex-start;gap:11px;min-height:44px;margin-top:10px;padding-inline:12px;display:flex}}.site-drawer .nav-side-links{overscroll-behavior:contain;flex:1;align-content:start;min-height:0;margin-top:12px}.site-drawer .nav-side-links a{min-height:44px}}@media (max-width:380px){.nav-topbar .nav-top-saved{gap:5px;padding-inline:8px}.nav-topbar .nav-top-saved-label{display:none}}