:root{--bg: #edf2f8;--surface: #ffffff;--surface-soft: #f7f9fc;--surface-blue: #f1f6ff;--nav: #182033;--nav-2: #202a40;--ink: #111827;--text: #253044;--muted: #64748b;--muted-light: #94a3b8;--line: #d8e1ee;--line-strong: #b8c5d8;--primary: #2563eb;--primary-dark: #1d4ed8;--accent: #0f766e;--danger: #e5484d;--shadow-sm: 0 6px 14px rgba(15, 23, 42, .06);--shadow-card: 0 12px 28px rgba(15, 23, 42, .12);--shadow-card-hover: 0 18px 36px rgba(15, 23, 42, .18);color:var(--text);background:var(--bg);font-family:Noto Sans SC,Microsoft YaHei UI,Microsoft YaHei,Aptos,system-ui,sans-serif;font-synthesis:none;line-height:1.4;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{background:radial-gradient(circle at 18% -8%,rgba(37,99,235,.12),transparent 30%),linear-gradient(180deg,#f8fbff 0%,var(--bg) 38%,#e9eff7 100%);scrollbar-gutter:stable;scrollbar-color:#aebbd0 transparent}@supports not (scrollbar-gutter: stable){html{overflow-y:scroll}}body{margin:0;min-width:320px;min-height:100vh;background:transparent}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#aebbd0;border:3px solid transparent;border-radius:999px;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#91a3bd;background-clip:content-box}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}:where(button,a,input):focus-visible{outline:2px solid rgba(37,99,235,.45);outline-offset:2px}.app-shell{width:min(1680px,calc(100% - 40px));margin:0 auto;padding:16px 0 36px}.topbar,.sidebar,.toolbar,.quick-panel,.directory{border-radius:8px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;color:#dbe7ff;background:linear-gradient(135deg,rgba(37,99,235,.2),transparent 38%),var(--nav);border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 34px #0f172a2e}.topbar__brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{width:38px;height:38px;display:grid;flex:0 0 auto;place-items:center;color:#fff;background:transparent}.brand-mark img{width:36px;height:36px;display:block;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(37,99,235,.28))}h1,h2,p{margin-top:0}h1{margin-bottom:1px;color:#fff;font-size:1.16rem;line-height:1.15;letter-spacing:0}.topbar p{margin-bottom:0;color:#aebcce;font-size:.86rem}.summary-strip{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.summary-strip span{min-width:66px;display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:5px;padding:5px 8px;color:#dbe7ff;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:7px;white-space:nowrap}.summary-strip strong{color:#fff;font-size:.98rem;font-variant-numeric:tabular-nums;line-height:1}.summary-strip small{color:#aebcce;font-size:.72rem;font-weight:760}.workspace{display:grid;grid-template-columns:210px minmax(0,1fr);gap:16px;margin-top:16px;align-items:start}.sidebar{position:sticky;top:14px;padding:10px;color:#dbe7ff;background:linear-gradient(180deg,rgba(37,99,235,.1),transparent 34%),var(--nav);border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 32px #0f172a29}.sidebar__title{display:flex;align-items:center;gap:7px;margin-bottom:9px;padding:2px 4px 9px;color:#9fb0c7;border-bottom:1px solid rgba(255,255,255,.08);font-size:.8rem;font-weight:820}.category-list{display:grid;gap:6px}.category-button{min-height:36px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:0 10px;color:#cbd7e8;background:#ffffff0b;border:1px solid rgba(255,255,255,.07);border-radius:7px;font-size:.88rem;font-weight:760}.category-button__label{min-width:0;display:inline-grid;grid-template-columns:17px minmax(0,1fr);align-items:center;gap:7px}.category-button__label svg{color:#8fa0b8;transition:color .15s ease}.category-button__label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-button em{min-width:22px;color:#8fa0b8;font-size:.74rem;font-style:normal;font-variant-numeric:tabular-nums;text-align:right}.category-button:hover{color:#fff;background:#ffffff14;border-color:#ffffff29}.category-button:hover .category-button__label svg{color:#cbd7e8}.category-button.is-active{color:#fff;background:#2563eb47;border-color:#60a5fa7a;box-shadow:inset 3px 0 #60a5fa,0 8px 18px #2563eb33}.category-button.is-active em{color:#bfdbfe}.category-button.is-active .category-button__label svg{color:#bfdbfe}.content-panel{min-width:0;display:grid;gap:12px}.toolbar{position:sticky;top:14px;z-index:5;overflow:hidden;padding:10px;background:#ffffff80;border:0;box-shadow:0 22px 46px #0f172a29,0 8px 18px #0f172a14,inset 0 1px #ffffffeb,inset 0 -1px #94a3b829;backdrop-filter:blur(30px) saturate(1.6) contrast(1.04);-webkit-backdrop-filter:blur(30px) saturate(1.6) contrast(1.04)}.toolbar:before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:#ffffff29;opacity:1;content:""}.toolbar>*{position:relative;z-index:1}.search-box{min-height:40px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:0 11px;color:#64748b;background:#f8fbff9e;border:0;border-radius:7px;box-shadow:inset 0 0 0 1px #cbd5e180,inset 0 1px #ffffffb8}.search-box:focus-within{background:#ffffffdb;box-shadow:inset 0 0 0 1px #2563eb52,0 0 0 4px #2563eb1a,inset 0 1px #ffffffd1}.search-box input{width:100%;border:0;outline:0;color:var(--text);background:transparent;font-size:.92rem}.search-box input::placeholder{color:#94a3b8}.search-box button{width:30px;height:30px;display:grid;place-items:center;padding:0;color:#64748b;background:transparent;border:0;border-radius:7px}.favorite-filter{min-height:24px;display:inline-flex;align-items:center;gap:5px;max-width:min(340px,100%);overflow:hidden;padding:0 8px 0 7px;color:#cbd7e8;background:#ffffff0f;border:1px solid rgba(191,206,227,.16);border-radius:7px;font-size:.74rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.favorite-filter svg{flex:0 0 auto;color:#94a3b8;transition:color .15s ease,fill .15s ease}.favorite-filter span{overflow:hidden;text-overflow:ellipsis}.favorite-filter em{min-width:18px;padding:0 5px;color:#9fb0c7;background:#ffffff14;border-radius:999px;font-size:.68rem;font-style:normal;font-variant-numeric:tabular-nums;line-height:1.55;text-align:center}.favorite-filter:hover{color:#fff;background:#ffffff1a;border-color:#bfcee347}.favorite-filter:hover svg{color:#fbbf24}.favorite-filter.is-active{color:#fff7ed;background:#fbbf241f;border-color:#fbbf246b;box-shadow:inset 2px 0 #fbbf24b8}.favorite-filter.is-active svg{color:#fbbf24;fill:currentColor}.favorite-filter.is-active em{color:#fef3c7;background:#fbbf242e}.quick-panel{display:grid;grid-template-columns:132px minmax(0,1fr);gap:12px;align-items:center;padding:10px;background:var(--surface);border:1px solid rgba(184,197,216,.78);box-shadow:var(--shadow-sm)}.section-heading{display:grid;gap:1px;align-content:center;min-height:42px;text-align:center;padding:0 14px 0 4px;border-right:1px solid var(--line)}.section-heading span{color:var(--ink);font-size:.88rem;font-weight:860}.section-heading small{color:var(--muted);font-size:.74rem}.spotlight{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.spotlight__item{--category: var(--primary);min-width:0;min-height:42px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 8px;background:#f8fbff;border:1px solid #d7e1ee;border-radius:7px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.spotlight__item:hover{background:#fff;border-color:#b6c6db;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.spotlight__item[data-category=search],.site-card[data-category=search]{--category: #2563eb;--category-soft: #eff6ff}.spotlight__item[data-category=ai-chat],.site-card[data-category=ai-chat]{--category: #7c3aed;--category-soft: #f5f3ff}.spotlight__item[data-category=dev],.site-card[data-category=dev]{--category: #0f766e;--category-soft: #ecfdf5}.spotlight__item[data-category=design],.site-card[data-category=design]{--category: #db2777;--category-soft: #fdf2f8}.spotlight__item[data-category=office],.site-card[data-category=office]{--category: #4f46e5;--category-soft: #eef2ff}.spotlight__item[data-category=cloud-drive],.site-card[data-category=cloud-drive]{--category: #0891b2;--category-soft: #ecfeff}.spotlight__item[data-category=movie-info],.site-card[data-category=movie-info]{--category: #be123c;--category-soft: #fff1f2}.spotlight__item[data-category=video],.site-card[data-category=video]{--category: #dc2626;--category-soft: #fef2f2}.spotlight__item[data-category=music],.site-card[data-category=music]{--category: #16a34a;--category-soft: #f0fdf4}.spotlight__item[data-category=productivity],.site-card[data-category=productivity]{--category: #ca8a04;--category-soft: #fffbeb}.spotlight__item[data-category=online-tools],.site-card[data-category=online-tools]{--category: #475569;--category-soft: #f8fafc}.spotlight__item[data-category=writing],.site-card[data-category=writing]{--category: #9333ea;--category-soft: #faf5ff}.spotlight__item[data-category=data],.site-card[data-category=data]{--category: #059669;--category-soft: #ecfdf5}.spotlight__item[data-category=learning],.site-card[data-category=learning]{--category: #0284c7;--category-soft: #f0f9ff}.spotlight__item[data-category=community],.site-card[data-category=community]{--category: #ea580c;--category-soft: #fff7ed}.spotlight__item[data-category=jobs],.site-card[data-category=jobs]{--category: #7c2d12;--category-soft: #fff7ed}.spotlight__item[data-category=life],.site-card[data-category=life]{--category: #64748b;--category-soft: #f8fafc}.site-icon{display:grid;place-items:center;color:#fff;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.22),transparent 42%),var(--category, var(--primary));font-weight:850}.site-icon.site-icon--small{width:28px;height:28px;border-radius:999px;font-size:.7rem;box-shadow:0 1px 1px #0f172a14,0 7px 14px #0f172a24,0 8px 16px color-mix(in srgb,var(--category) 22%,transparent)}.spotlight__item strong{overflow:hidden;color:var(--text);font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}.scope-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;color:#dbe7ff;background:#24304a;border:1px solid rgba(255,255,255,.08);border-radius:8px;box-shadow:var(--shadow-sm)}.scope-strip>div:first-child{min-width:0;display:flex;align-items:baseline;gap:8px}.scope-strip strong{overflow:hidden;color:#fff;font-size:.92rem;text-overflow:ellipsis;white-space:nowrap}.scope-strip span{color:#b8c8dc;font-size:.76rem;font-weight:760;white-space:nowrap}.filter-chips{min-width:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.filter-chips span,.filter-chips button{min-height:24px;display:inline-flex;align-items:center;max-width:min(340px,100%);overflow:hidden;padding:0 8px;color:#dbe7ff;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:7px;font-size:.74rem;font-weight:760;text-overflow:ellipsis;white-space:nowrap}.filter-chips button{flex:0 0 auto;color:#fff;background:#2563eb57}.directory{min-width:0;padding:14px;background:#e6edf7;border:1px solid #c4d0df;border-radius:14px;box-shadow:inset 0 1px #ffffff9e,0 14px 34px #0f172a14}.directory__header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px;padding:0 2px 12px;border-bottom:1px solid #c6d2e1}.directory__header h2{margin-bottom:2px;color:var(--ink);font-size:.98rem;line-height:1.2}.directory__header p{margin-bottom:0;color:var(--muted);font-size:.76rem;font-weight:740}.directory__header>span{flex:0 0 auto;padding:3px 8px;color:#334155;background:#ffffffc7;border:1px solid #c8d4e2;border-radius:7px;font-size:.72rem;font-weight:800}.site-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:14px}.category-sections{display:grid;gap:18px}.category-section{min-width:0;position:relative;padding:12px;background:linear-gradient(180deg,#ffffff6b,#fff3),#f1f6ffb8;border-radius:12px;box-shadow:inset 0 0 0 1px #c4d0dfc7,0 8px 18px #0f172a0d}.category-section:before{position:absolute;inset:12px auto 12px 0;width:3px;background:var(--section-color, var(--primary));border-radius:0 999px 999px 0;content:""}.category-section__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:0 2px 10px 8px;border-bottom:1px solid rgba(198,210,225,.74)}.category-section__header h3{display:inline-flex;align-items:center;gap:8px;margin:0;color:#24324a;font-size:.86rem;line-height:1.2}.category-section__header h3:before{width:7px;height:7px;flex:0 0 auto;background:var(--section-color, var(--primary));border-radius:999px;box-shadow:0 0 0 3px color-mix(in srgb,var(--section-color, var(--primary)) 14%,transparent);content:""}.category-section__header span{min-width:24px;padding:2px 7px;color:#475569;background:#ffffffdb;border-radius:999px;font-size:.7rem;font-weight:800;text-align:center}.category-section:has(.site-card[data-category=search]){--section-color: #2563eb}.category-section:has(.site-card[data-category=ai-chat]){--section-color: #7c3aed}.category-section:has(.site-card[data-category=dev]){--section-color: #0f766e}.category-section:has(.site-card[data-category=design]){--section-color: #db2777}.category-section:has(.site-card[data-category=office]){--section-color: #4f46e5}.category-section:has(.site-card[data-category=cloud-drive]){--section-color: #0891b2}.category-section:has(.site-card[data-category=movie-info]){--section-color: #be123c}.category-section:has(.site-card[data-category=video]){--section-color: #dc2626}.category-section:has(.site-card[data-category=music]){--section-color: #16a34a}.category-section:has(.site-card[data-category=productivity]){--section-color: #ca8a04}.category-section:has(.site-card[data-category=online-tools]){--section-color: #475569}.category-section:has(.site-card[data-category=writing]){--section-color: #9333ea}.category-section:has(.site-card[data-category=data]){--section-color: #059669}.category-section:has(.site-card[data-category=learning]){--section-color: #0284c7}.category-section:has(.site-card[data-category=community]){--section-color: #ea580c}.category-section:has(.site-card[data-category=jobs]){--section-color: #7c2d12}.category-section:has(.site-card[data-category=life]){--section-color: #64748b}.site-card{--category: var(--primary);--category-soft: var(--surface-blue);min-width:0;min-height:64px;position:relative;overflow:visible;padding:12px 38px 12px 12px;background:linear-gradient(180deg,#fffffffa,#f8fbfffa),var(--surface);border:0;border-radius:6px;box-shadow:0 6px 6px #0f172a14,0 8px 8px #0f172a1a;cursor:pointer;transform-origin:center;transition:box-shadow .18s ease,transform .18s cubic-bezier(.2,.8,.2,1);will-change:transform;-webkit-user-select:none;user-select:none}.site-card:hover{z-index:10;box-shadow:0 4px 8px #0f172a1f,0 10px 18px #0f172a29;transform:translateY(-3px) scale(1.025)}.site-card:active{transform:translateY(-1px) scale(1.01)}.site-card__main{min-width:0;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:10px}.site-icon{width:40px;height:40px;border-radius:999px;font-size:.72rem;box-shadow:0 1px 1px #0f172a14,0 8px 14px #0f172a24,0 10px 20px color-mix(in srgb,var(--category) 22%,transparent)}.site-icon[data-has-brand-icon=true]{background:radial-gradient(circle at 34% 24%,#fffffff2,#fff0 46%),#fff;box-shadow:inset 0 0 0 1px #e2e8f0c7,0 1px 1px #0f172a0f,0 8px 16px #0f172a1f,0 16px 26px #0f172a12}.site-icon img,.site-icon svg{width:58%;height:58%;display:block;object-fit:contain}.site-icon__fallback{display:grid;place-items:center;width:100%;height:100%}.site-card__body{min-width:0;height:40px;display:flex;flex-direction:column;justify-content:space-between}.site-card h2{overflow:hidden;margin-bottom:0;padding-right:2px;color:#24324a;font-size:.86rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap;transition:color .15s ease}.site-card:hover h2{color:color-mix(in srgb,var(--category) 72%,#111827)}.site-card p{display:block;overflow:hidden;margin-bottom:0;color:var(--muted);font-size:.72rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.favorite-action{position:absolute;top:10px;right:10px;width:24px;height:24px;display:grid;place-items:center;padding:0;color:#a7b1c1;background:#f8fbff85;border:0;border-radius:999px;box-shadow:none;opacity:.72;transition:background .15s ease,color .15s ease,opacity .15s ease,transform .15s ease}.favorite-action:hover{color:var(--danger);background:#fff1f2eb;opacity:1;transform:scale(1.08)}.favorite-action.is-active{color:var(--danger);background:#fff1f2b8;opacity:1}.favorite-action.is-active:hover{background:#ffe4e6f2}.site-card__preview{position:absolute;bottom:calc(100% + 10px);left:10px;right:10px;z-index:20;padding:9px 11px;color:#dbe7ff;background:#182033f7;border:1px solid rgba(148,163,184,.18);border-radius:8px;box-shadow:0 14px 30px #0f172a3d,inset 0 1px #ffffff14;opacity:0;pointer-events:none;transform:translateY(5px);transition:opacity .14s ease,transform .14s ease}.site-card__preview:after{position:absolute;left:22px;bottom:-6px;width:10px;height:10px;background:#182033f7;border-right:1px solid rgba(148,163,184,.18);border-bottom:1px solid rgba(148,163,184,.18);transform:rotate(45deg);content:""}.site-card:hover .site-card__preview,.site-card:focus-within .site-card__preview{opacity:1;transform:translateY(0)}.app-shell.is-preview-suspended .site-card__preview{opacity:0;transform:translateY(5px)}.site-card__preview strong{display:block;overflow:hidden;margin-bottom:5px;color:#fff;font-size:.74rem;font-weight:780;text-overflow:ellipsis;white-space:nowrap}.site-card__preview p{overflow:visible;color:#bfcee3;font-size:.78rem;line-height:1.45;white-space:normal}.empty-state{display:grid;place-items:center;min-height:260px;padding:28px;text-align:center;background:#ffffffb8;border:1px dashed #b8c5d8;border-radius:8px}.empty-state h2{margin:10px 0 4px;font-size:1rem}.empty-state p{margin-bottom:14px;color:var(--muted)}.empty-state button{min-height:34px;padding:0 13px;color:#fff;background:var(--primary);border:0;border-radius:7px;font-weight:820}@supports not (color: color-mix(in srgb,black,white)){.category-section__header h3:before{box-shadow:0 0 0 3px #2563eb1f}.site-card:hover h2{color:#1d4ed8}.site-icon{box-shadow:inset 0 1px #ffffff42,0 8px 16px #0f172a1f}}@media (max-width: 900px){.app-shell{width:min(100% - 20px,1680px);padding:12px 0 28px}.topbar{align-items:flex-start;flex-direction:column}.summary-strip{justify-content:flex-start}.workspace{grid-template-columns:1fr}.sidebar{position:static}.sidebar__title{margin-bottom:8px}.category-list{display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin}.category-button{width:auto;flex:0 0 auto}.spotlight{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 620px){.quick-panel{grid-template-columns:1fr}.section-heading{grid-template-columns:1fr auto;min-height:0;padding:0 0 8px;border-right:0;border-bottom:1px solid var(--line)}.scope-strip,.directory__header{align-items:flex-start;flex-direction:column}.filter-chips{justify-content:flex-start}.site-grid{grid-template-columns:1fr}}@media (max-width: 430px){.summary-strip span{min-width:0}.spotlight{grid-template-columns:1fr}.site-card{padding-right:38px}.site-card__main{grid-template-columns:38px minmax(0,1fr)}.site-card__body{height:38px}.site-icon{width:38px;height:38px}}