:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1f2430;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#f3f4f7;--panel:#fff;--panel-soft:#f7f8fb;--line:#e8ebf2;--line-strong:#dde2ec;--text:#1f2430;--muted:#6b7280;--muted-soft:#8f96a3;--accent:#151821;--accent-soft:#eef2ff;--brand:#3657ff;--shadow:0 14px 36px #0f172a0f;background:#f3f4f7;font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:var(--bg);color:var(--text)}button,input{font:inherit}a{color:inherit;text-decoration:none}#app{max-width:1440px;margin:0 auto}.app-shell{gap:20px;padding:20px;display:grid}.workspace-panel,.category-sidebar,.search-result-block,.section-block,.hero-status-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px}.workspace-panel--compact{padding-top:12px}.quick-pick-groups{grid-template-columns:1.1fr 1.1fr 1.8fr;gap:14px;display:grid}.quick-pick-column{background:var(--panel-soft);border:1px solid var(--line);border-radius:18px;gap:12px;padding:18px;display:grid}.quick-pick-column--wide{align-content:start}.quick-pick-column h3{margin:0;font-size:.95rem}.pick-button,.category-tab,.search-button,.ghost-button,.ghost-round,.explore-button,.recommend-pill,.tag-chip-button{cursor:pointer;border:none}.hero-footer{justify-content:space-between;align-items:center;gap:16px;padding-top:6px;display:flex}.hero-footer strong{margin-bottom:2px;font-size:1rem;display:block}.hero-footer span{color:var(--muted);font-size:.92rem}.explore-button{background:var(--accent);color:#fff;border-radius:14px;min-width:132px;height:46px;padding:0 20px;font-weight:700}.explore-button:disabled,.search-button:disabled{opacity:.5;cursor:not-allowed}.workspace-panel{gap:18px;padding:18px;display:grid}.workspace-topbar,.section-header,.site-card__title-row,.brand-cluster,.search-bar-row,.preference-modal__header,.preference-modal__footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand-cluster{justify-content:flex-start;font-size:.95rem}.brand-cluster strong{font-size:1rem}.brand-cluster span{color:var(--muted)}.ghost-button{background:var(--panel-soft);border:1px solid var(--line);border-radius:12px;min-width:100px;height:40px;padding:0 14px}.ghost-button:hover,.ghost-round:hover,.category-tab:hover,.recommend-pill:hover,.tag-chip-button:hover{border-color:var(--line-strong)}.workspace-body{grid-template-columns:208px minmax(0,1fr);align-items:start;gap:18px;display:grid}.category-sidebar{gap:10px;padding:18px 14px;display:grid;position:sticky;top:12px}.category-tab{text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;min-height:46px;padding:0 14px}.category-tab.is-active{background:var(--accent-soft);color:var(--brand);border-color:#dbe4ff;font-weight:700}.content-area{gap:18px;display:grid}.search-bar-row{justify-content:flex-start}.search-input{border:1px solid var(--line);background:#fff;border-radius:14px;flex:1;min-width:0;height:48px;padding:0 18px}.search-input:focus{border-color:#b9c7ff;outline:2px solid #3657ff1f}.search-button{background:var(--accent);color:#fff;border-radius:14px;height:48px;padding:0 18px;font-weight:700}.ghost-round{background:var(--panel-soft);border:1px solid var(--line);border-radius:14px;width:48px;height:48px}.search-result-block,.section-block{padding:18px}.drawer-backdrop{z-index:900;background:#0f172a52;position:fixed;inset:0}.preference-drawer{z-index:901;pointer-events:none;width:min(420px,100vw);height:100vh;position:fixed;top:0;right:0}.preference-drawer__panel{border-left:1px solid var(--line);background:#fffffffa;grid-template-rows:auto 1fr auto;gap:18px;height:100%;padding:24px 22px;transition:transform .22s;display:grid;overflow-y:auto;transform:translate(100%);box-shadow:-18px 0 48px #0f172a24}.preference-drawer.is-open{pointer-events:auto}.preference-drawer.is-open .preference-drawer__panel{transform:translate(0)}.drawer-fade-enter-active,.drawer-fade-leave-active{transition:opacity .22s}.drawer-fade-enter-from,.drawer-fade-leave-to{opacity:0}.section-header h2,.section-header h3,.site-card__title-row h4,.preference-modal__header h2{margin:0}.preference-modal__header{align-items:flex-start}.preference-modal__header p{color:var(--muted);margin:8px 0 0}.section-header span{background:var(--panel-soft);border:1px solid var(--line);min-width:34px;height:28px;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.section-header--main{margin-bottom:8px}.search-summary,.state-text,.empty-hint{color:var(--muted);margin:8px 0 0}.state-text--error{color:#d14343}.category-content{gap:18px;display:grid}.site-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.site-card{border:1px solid var(--line);background:var(--panel-soft);border-radius:18px;gap:14px;min-height:170px;padding:16px;display:grid}.site-card:hover,.mini-site-card:hover{border-color:var(--line-strong);transform:translateY(-1px)}.site-card__logo,.mini-site-card__logo{width:50px;height:50px;color:var(--accent);background:linear-gradient(135deg,#eff3ff,#fff5ea);border-radius:14px;place-items:center;font-weight:800;display:grid}.site-card__content{gap:8px;display:grid}.site-card__content p,.mini-site-card__text small{color:var(--muted);margin:0;font-size:.92rem}.site-badge{color:#fff;background:#111827;border-radius:999px;justify-content:center;align-items:center;min-width:32px;height:24px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.tag-chip-list,.recommend-list,.mini-site-list{flex-wrap:wrap;gap:10px;display:flex}.tag-chip-list--compact{gap:8px}.tag-chip,.tag-chip-button,.recommend-pill{border:1px solid var(--line);min-height:36px;color:var(--text);background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.tag-chip--active,.tag-chip-button--active{background:var(--accent-soft);color:var(--brand);border-color:#dbe4ff;font-weight:700}.recommend-pill{justify-content:flex-start}.mini-site-card{border:1px solid var(--line);background:#fff;border-radius:18px;flex:calc(50% - 10px);align-items:center;gap:12px;min-width:220px;padding:12px;display:flex}.mini-site-card__logo{border-radius:12px;flex-shrink:0;width:42px;height:42px}.mini-site-card__text{gap:4px;display:grid}.mini-site-card__text strong{font-size:.95rem}.preference-drawer__chips{align-content:flex-start}.preference-drawer__footer{background:linear-gradient(#fff0 0%,#fffffffa 22%);margin-top:auto;padding-top:12px;position:sticky;bottom:0}@media (width<=1120px){.quick-pick-groups{grid-template-columns:1fr}.site-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=860px){.app-shell{padding:14px}.workspace-body,.site-card-grid{grid-template-columns:1fr}.search-bar-row,.workspace-topbar,.preference-modal__header,.preference-modal__footer{flex-wrap:wrap}.preference-drawer{width:100vw}.category-sidebar{position:static}.search-button,.ghost-round,.ghost-button{width:100%}.mini-site-card{min-width:100%}}