: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;--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}.hero-panel,.workspace-panel,.category-sidebar,.search-result-block,.section-block{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px}.hero-panel{gap:24px;padding:28px 28px 22px;display:grid}.hero-copy h1{letter-spacing:-.03em;margin:0;font-size:clamp(2rem,4vw,2.8rem);line-height:1.1}.hero-copy p{max-width:680px;color:var(--muted);margin:12px 0 0;font-size:1rem}.quick-pick-groups{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.quick-pick-column{background:var(--panel-soft);border:1px solid var(--line);border-radius:18px;gap:10px;padding:18px;display:grid}.quick-pick-column h3{margin:0 0 4px;font-size:.95rem}.pick-button,.category-tab,.search-button,.ghost-button,.ghost-round,.explore-button{cursor:pointer;border:none}.pick-button{border:1px solid var(--line);width:100%;min-height:44px;color:var(--text);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:0 14px;display:flex}.pick-button:hover,.category-tab:hover,.ghost-button:hover,.ghost-round:hover{border-color:var(--line-strong);background:#fff}.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{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{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:76px;height:40px;padding:0 14px}.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:#3657ff;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}.section-header h2,.section-header h3,.site-card__title-row h4{margin: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{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{border-color:var(--line-strong);transform:translateY(-1px)}.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{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}@media (width<=1120px){.quick-pick-groups,.site-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=860px){.app-shell{padding:14px}.quick-pick-groups,.workspace-body,.site-card-grid{grid-template-columns:1fr}.category-sidebar{position:static}.search-bar-row,.hero-footer,.workspace-topbar{flex-wrap:wrap}.search-button,.ghost-round,.explore-button,.ghost-button{width:100%}}