:root{--bg: #f6f7f9;--text: #344056;--muted: #657185;--border: #e8ebf0;--accent: #3968ee;--accent-soft: #eaf0fe}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:1rem;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button{color:inherit}button,a{touch-action:manipulation}button,a,input,select,textarea{outline-offset:4px}:focus-visible{outline:3px solid #8ba6ff}button{border:none;background:none}a{color:inherit}h1,h2,h3,p{margin:0}svg{flex-shrink:0;stroke-width:1.7}.muted{color:var(--muted)}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:#fff;padding:12px 18px;border-radius:8px}.skip-link:focus{top:10px}.topbar{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.topbar-inner{min-height:84px;max-width:1600px;margin:auto;display:grid;grid-template-columns:224px minmax(200px,540px) 1fr;align-items:center;gap:32px;padding:0 40px}.brand{display:inline-flex;align-items:center;gap:12px;padding:0;width:fit-content;font-weight:750;font-size:1.3rem;letter-spacing:.02em}.brand-dot{color:var(--accent)}.logo-mark{width:35px;height:35px;display:inline-grid;grid-template-columns:repeat(2,7px);grid-template-rows:repeat(2,7px);gap:4px;align-content:center;justify-content:center;border-radius:11px;background:var(--accent);flex-shrink:0;box-shadow:0 3px 7px #3968ee16}.logo-mark i{background:#fff;border-radius:2px}.logo-mark i:nth-child(2),.logo-mark i:nth-child(3){opacity:.62}.logo-mark.small{width:20px;height:20px;border-radius:6px;grid-template-columns:repeat(2,4px);grid-template-rows:repeat(2,4px);gap:2px;opacity:.65;box-shadow:none}.logo-mark.small i{border-radius:1px}.search-box{display:flex;align-items:center;gap:11px;background:#f5f6f8;border:1px solid #eceef2;border-radius:10px;height:42px;padding:0 13px;color:#9299a7;transition:border-color .18s,box-shadow .18s}.search-box:focus-within{background:#fff;border-color:#a4baff;box-shadow:0 0 0 3px #3968ee0b}.search-box input{width:100%;min-width:0;background:none;border:0;outline:none;color:var(--text);font-size:.875rem}.search-box input::placeholder{color:#9097a4}kbd{font-family:inherit;font-size:.75rem;border:1px solid #e1e4ea;border-radius:4px;padding:1px 6px;background:#fff;color:#959daa}.account{justify-self:end;display:flex;align-items:center;gap:12px;white-space:nowrap}.login-button{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#626c7d;min-height:40px;padding:0 5px}.login-button:hover{color:var(--accent)}.admin-indicator{display:flex;align-items:center;gap:9px;font-size:.875rem;color:#626c7d}.avatar{width:29px;height:29px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:.75rem}.logout{border-left:1px solid var(--border);border-radius:0!important;padding-left:14px!important}.workspace{max-width:1600px;margin:auto;display:grid;grid-template-columns:256px minmax(0,1fr);min-height:calc(100vh - 85px)}.sidebar{padding:38px 22px 28px 30px;border-right:1px solid var(--border);display:flex;flex-direction:column;justify-content:space-between;background:#fafbfc}.sidebar-main{position:sticky;top:117px}.sidebar-caption,.category-caption{color:#949dab;font-size:.75rem;letter-spacing:.07em}.sidebar-caption{margin:0 14px 17px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:8px;text-align:left;font-size:.875rem;color:#697386;margin:3px 0;min-height:44px;transition:background .15s,color .15s}.nav-item>span{flex:1;min-width:0;overflow-wrap:anywhere}.nav-item small{font-size:.75rem;color:#929aa7;font-variant-numeric:tabular-nums}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-item.active small{color:var(--accent)}.nav-item:hover:not(.active){background:#edf0f5;color:#3d4758}.sidebar-divider{height:1px;background:var(--border);margin:27px 14px 22px}.category-caption{display:flex;align-items:center;justify-content:space-between;margin:0 6px 10px 14px;min-height:30px}.category-nav{max-height:calc(100vh - 430px);overflow-y:auto;scrollbar-width:thin}.new-category{display:flex;align-items:center;gap:12px;color:#7a8495;padding:13px 14px;font-size:.875rem;margin-top:7px}.new-category:hover{color:var(--accent)}.sidebar-bottom{display:flex;gap:11px;align-items:center;margin:130px 14px 0;color:#8490a0;font-size:.75rem;line-height:1.7}.sidebar-bottom small{display:block;font-size:.75rem;color:#a3abb7}.sidebar-footer-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid #e5e9ef;border-radius:8px;color:#a2adbd}main{padding:35px 40px 0;min-width:0;display:flex;flex-direction:column}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:31px}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:.75rem;color:#9aa2af;margin-bottom:20px}.breadcrumb span{color:#717b8c;overflow-wrap:anywhere}h1{font-size:1.65rem;letter-spacing:-.03em;font-weight:650;display:flex;align-items:center;gap:12px;overflow-wrap:anywhere}.title-count{padding:2px 8px;background:#e9edf3;color:#7a8493;border-radius:6px;font-size:.75rem;line-height:1.4;font-weight:500;letter-spacing:0}.page-heading p{font-size:.875rem;color:#8a93a1;margin-top:9px;line-height:1.6;overflow-wrap:anywhere}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:.875rem;font-weight:500;min-height:41px;line-height:1.4;transition:background .16s,box-shadow .16s}.primary{background:var(--accent);color:#fff;border:1px solid var(--accent);box-shadow:0 3px 6px #3968ee16}.primary:hover:not(:disabled){background:#2d59d9;box-shadow:0 4px 12px #3968ee28}.secondary{background:#fff;border:1px solid #dfe4ec;color:#5f6978}.secondary:hover:not(:disabled){background:#f5f7fb}.danger{background:#d84646;color:#fff}.danger:hover:not(:disabled){background:#bd3535}.add-site{margin-top:26px;flex-shrink:0}.content-sections{display:flex;flex-direction:column;gap:29px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.section-heading h2{display:flex;align-items:center;gap:8px;color:#5a6678;font-size:.875rem;font-weight:600;min-width:0;overflow-wrap:anywhere}.section-heading h2 svg{color:#8e99ac}.section-heading h2 span{font-weight:400;font-size:.75rem;color:#9aa4b2;margin-left:2px}.section-note{font-size:.75rem;color:#9ba4b0}.site-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(215px,100%),1fr));gap:16px}.site-card{position:relative;min-width:0;background:#fff;border:1px solid #e6e9ef;border-radius:12px;box-shadow:0 2px 3px #23365302;transition:transform .2s,box-shadow .2s,border-color .2s}.site-card:hover{transform:translateY(-3px);border-color:#bdccef;box-shadow:0 8px 22px #273f7510;z-index:2}.site-card:focus-within{z-index:3}.site-card:has(.action-menu){z-index:5}.is-pinned{border-color:#dde5f6}.is-busy{opacity:.65}.site-link{display:flex;flex-direction:column;height:100%;min-height:191px;padding:20px;text-decoration:none;border-radius:inherit}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-right:3px}.site-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;font-weight:650;font-size:1.2rem;border:1px solid #121c3b04}.site-icon img{width:23px;height:23px;object-fit:contain}.tone-0{background:#f0f4ff;color:#5278cd}.tone-1{background:#edf7f4;color:#458f7d}.tone-2{background:#f4f0fb;color:#8863b4}.tone-3{background:#fff4e9;color:#ba8544}.tone-4{background:#edf4fa;color:#5283a5}.card-visit{color:#b8c1d0;transition:color .18s}.site-card:hover .card-visit{color:var(--accent)}.site-card:has(.card-actions) .card-visit{visibility:hidden}.site-card h3{font-size:1rem;font-weight:600;letter-spacing:-.015em;line-height:1.5;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.site-description{margin-top:5px;font-size:.8125rem;line-height:1.65;color:#8892a2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.card-bottom{margin-top:auto;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:8px}.site-domain{color:#9aa3b0;font-size:.75rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pin-marker{color:#8fa9e7}.card-actions{position:absolute;top:20px;right:16px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;padding:4px;color:#8b95a4;flex-shrink:0}.icon-button:hover:not(:disabled){background:#eef1f7;color:#405475}.action-menu{position:absolute;top:33px;right:0;width:154px;padding:5px;background:#fff;border:1px solid var(--border);border-radius:9px;box-shadow:0 6px 25px #2336531a;z-index:10}.action-menu button{display:flex;align-items:center;gap:9px;width:100%;padding:10px;font-size:.875rem;color:#647084;text-align:left;border-radius:5px}.action-menu button:hover{background:#f3f6fb}.danger-text{color:#d45252!important}.menu-divider{height:1px;background:var(--border);margin:3px 5px}.empty-panel{min-height:420px;background:#fff;border:1px solid var(--border);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:45px 24px}.empty-art{position:relative;height:114px;width:150px;display:grid;place-items:center;margin-bottom:19px}.empty-icon{width:70px;height:70px;display:grid;place-items:center;background:#eef3ff;color:#7093ed;border:1px solid #e1eafa;border-radius:22px;z-index:1}.empty-orbit{position:absolute;border:1px solid #f0f3f9;border-radius:30px;width:95px;height:95px;transform:rotate(-12deg)}.orbit-two{width:115px;height:115px;transform:rotate(9deg);border-color:#f5f7fb}.empty-spark{position:absolute;bottom:15px;right:28px;z-index:2;width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:#fff;border:1px solid #e7ecf7;color:#6d90e5;box-shadow:0 3px 7px #3968ee09}.empty-panel h2{font-weight:600;font-size:1.125rem;color:#475368;margin-bottom:12px}.empty-panel p{max-width:380px;font-size:.875rem;color:#939cab;line-height:1.9;margin-bottom:23px}.empty-note{color:#afb6c2;font-size:.75rem;margin-top:27px}.error-icon{margin-bottom:22px;background:#fff3ef;border-color:#ffebe4;color:#cb8163}.main-footer{margin-top:auto;padding:44px 0 26px;display:flex;align-items:center;gap:12px;color:#a8afbb;font-size:.75rem}.main-footer>span:first-child{display:flex;align-items:center;gap:7px;padding-right:12px;border-right:1px solid #e4e8ef}.footer-shortcut{margin-left:auto;display:flex;align-items:center;gap:6px}.skeleton-card{padding:20px;height:190px;border:1px solid var(--border);border-radius:12px;background:#fff}.skeleton-card span,.skeleton-card i{display:block;border-radius:5px;background:#eff2f7;animation:pulse 1.4s ease-in-out infinite}.skeleton-card span{width:40px;height:40px;border-radius:10px;margin-bottom:23px}.skeleton-card i{width:70%;height:12px;margin-top:13px}.skeleton-card i:last-child{width:48%}.modal{border:1px solid #e7ebf1;border-radius:16px;padding:0;color:var(--text);width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 40px);box-shadow:0 25px 100px #18284930;overflow-y:auto;background:#fff}.modal::backdrop{background:#1c2b4540;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-head{padding:24px 25px 19px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.modal-head h2{font-size:1.15rem;font-weight:650;line-height:1.6}.modal-head p{font-size:.875rem;line-height:1.7;color:#939baa;margin-top:5px}.modal-head .icon-button{margin-right:-5px}.form-fields{padding:3px 25px 24px;display:flex;flex-direction:column;gap:19px}.form-fields label{display:block;font-size:.875rem;color:#5b6678;font-weight:500}.form-fields input:not([type=checkbox]),.form-fields select,.form-fields textarea{display:block;width:100%;background:#fff;border:1px solid #dfe4ed;border-radius:7px;padding:11px 12px;color:#37435a;font-size:.875rem;margin-top:8px;transition:border-color .16s;min-height:42px}.form-fields input:focus,.form-fields select:focus,.form-fields textarea:focus{outline:2px solid #3968ee15;outline-offset:1px;border-color:#87a5f4}.form-fields input::placeholder,.form-fields textarea::placeholder{color:#adb5c1}.form-fields textarea{resize:vertical;min-height:74px;max-height:220px}.field-hint{display:flex;align-items:center;gap:6px;color:#929cac;font-size:.75rem;margin-top:8px;line-height:1.65;font-weight:400}.required{color:#7897e8}.optional{color:#a1aab7;font-weight:400;font-size:.75rem;margin-left:5px}.check-field{display:flex!important;align-items:center;gap:10px;padding:13px 14px;background:#f7f9fc;border:1px solid #edf0f5;border-radius:8px;cursor:pointer}.check-field input{width:16px;height:16px;margin:0;accent-color:var(--accent);cursor:pointer}.check-field span{flex:1}.check-field strong{font-size:.875rem;font-weight:500}.check-field small{display:block;font-size:.75rem;font-weight:400;color:#99a2b1;margin-top:4px}.check-field svg{color:#9eabc0}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:17px 25px;border-top:1px solid #edf0f5;background:#fcfcfe}.field-error{background:#fff4f3;color:#c55350;padding:11px 12px;border:1px solid #ffdfdd;border-radius:7px;font-size:.8125rem;line-height:1.6;display:flex;align-items:flex-start;gap:8px}.field-error svg{margin-top:2px}.text-button{color:var(--accent);text-decoration:underline;font-size:inherit;padding:0 6px}.setup-message{display:flex;align-items:center;flex-direction:column;text-align:center;padding:14px 30px 32px;gap:16px;color:#7d8ba1}.setup-message h3{font-size:1rem;font-weight:500}.setup-message p{font-size:.875rem;line-height:1.9}.delete-body{padding:4px 25px 25px;font-size:.875rem;line-height:1.9;overflow-wrap:anywhere}.delete-body p+p{margin-top:7px}.delete-body .field-error{margin-top:15px}.danger-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#fff1f0;color:#d97471;margin:3px 0 18px}.category-manager{padding:0 25px 20px}.category-empty{font-size:.875rem;text-align:center;padding:25px 0}.category-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #edf0f5;color:#7e8ba1}.category-row>span{flex:1;min-width:0;color:#536078;font-size:.875rem;overflow-wrap:anywhere}.category-row small{display:block;font-size:.75rem;color:#a0a8b5;margin-top:4px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:#fff;box-shadow:0 8px 35px #253b6425;border:1px solid #e3e9f3;border-radius:10px;padding:10px 12px 10px 17px;display:flex;align-items:center;gap:9px;z-index:60;font-size:.875rem;color:#52627a;max-width:calc(100vw - 32px);width:max-content}.toast>svg{color:#4c9a7d}.toast-error>svg{color:#cd6565}.toast span{overflow-wrap:anywhere}.sidebar-caption,.category-caption,.nav-item small,.breadcrumb,.breadcrumb span,.page-heading p,.section-note,.section-heading h2 span,.title-count,.site-description,.site-domain,.empty-panel p,.empty-note,.main-footer,.sidebar-bottom,.sidebar-bottom small,.modal-head p,.field-hint,.optional,.check-field small,.category-row small,kbd{color:#657185}.search-box input::placeholder,.form-fields input::placeholder,.form-fields textarea::placeholder{color:#697586}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.4}}@media(min-width:1500px){.site-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){.topbar-inner{padding:0 25px;grid-template-columns:185px minmax(180px,1fr) auto;gap:24px}.workspace{grid-template-columns:220px minmax(0,1fr)}.sidebar{padding-left:18px;padding-right:16px}main{padding:30px 28px 0}.site-grid{gap:13px}}@media(max-width:760px){.topbar-inner{padding:16px 20px;grid-template-columns:1fr auto;gap:15px;min-height:auto}.brand{font-size:1.15rem}.logo-mark{width:32px;height:32px}.search-box{grid-column:1/-1;grid-row:2;height:42px}.account{grid-column:2;grid-row:1}.login-button{min-height:32px}.workspace{display:block;min-height:calc(100dvh - 122px)}.sidebar{display:block;border-right:0;padding:13px 20px;border-bottom:1px solid var(--border);background:#fff}.sidebar-main{position:static;display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none}.sidebar-main::-webkit-scrollbar{display:none}.sidebar nav,.category-nav{display:flex;align-items:center;gap:8px;overflow:visible;max-height:none}.sidebar-caption,.sidebar-divider,.sidebar-bottom{display:none}.category-caption{margin:0;min-height:0;order:3}.category-caption>span{display:none}.category-caption .icon-button{width:34px;height:34px}.nav-item{white-space:nowrap;width:auto;padding:8px 12px;min-height:35px;gap:7px;margin:0;font-size:.8125rem}.nav-item>span{overflow-wrap:normal}.nav-item>svg{width:15px;height:15px}.nav-item small{margin-left:2px}.new-category{white-space:nowrap;padding:8px;margin:0;font-size:.8125rem}.category-nav{gap:8px}main{padding:26px 20px 0;min-height:calc(100dvh - 185px)}.breadcrumb{display:none}h1{font-size:1.4rem}.page-heading{margin-bottom:24px;align-items:flex-start}.page-heading p{font-size:.8125rem}.add-site{margin-top:3px;padding:9px 12px;font-size:.8125rem;min-height:38px}.site-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.site-link{padding:16px;min-height:181px}.site-card h3{font-size:.9375rem}.card-actions{top:15px;right:10px}.icon-button{min-width:32px;min-height:32px}.content-sections{gap:25px}.empty-panel{min-height:390px;padding:34px 18px}.empty-panel p{max-width:255px}.empty-note{font-size:.75rem}.main-footer{padding:32px 0 23px;gap:9px}.main-footer>span:first-child{padding-right:9px}.footer-shortcut{display:none}.admin-indicator{font-size:.8125rem}.toast{bottom:16px}.section-note{display:none}}@media(max-width:380px){.site-grid{grid-template-columns:minmax(0,1fr)}.topbar-inner,.sidebar{padding-inline:16px}main{padding-inline:16px}.page-heading{flex-wrap:wrap}.add-site{margin-top:0}.login-button{font-size:.8125rem}.empty-panel h2{font-size:1rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:760px){.nav-item,.new-category,.page-heading p,.add-site,.login-button,.admin-indicator{font-size:.875rem}}