:root{font-family:Inter,"SF Pro Display","Segoe UI","PingFang SC","Microsoft YaHei",system-ui,sans-serif;color-scheme:light;--body:#f5f7fb;--surface:#fff;--surface2:#f8fafe;--ink:#18243d;--text:#46546a;--muted:#8692a5;--line:#e8edf5;--accent:#3867ed;--accent-soft:#edf3ff;--blue-dark:#22385c;--shadow:0 6px 27px rgba(32,54,100,.045);--nav:#121d33;--navtext:#9baac5;--radius:16px}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--body);color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}input,textarea,select{outline:none}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid rgba(54,104,238,.4);outline-offset:2px}[hidden]{display:none!important}
:root[data-theme=dark]{color-scheme:dark;--body:#101625;--surface:#1a2436;--surface2:#202d40;--ink:#f0f3fc;--text:#b8c2d5;--muted:#8391a9;--line:#303d52;--accent:#7b9dff;--accent-soft:#243a60;--blue-dark:#b7caff;--shadow:0 12px 28px rgba(0,0,0,.15);--nav:#0e1728;--navtext:#92a4c3}
.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;position:relative;width:43px;height:43px;border-radius:13px;background:linear-gradient(140deg,#6790ff,#3964ed);box-shadow:0 9px 22px rgba(45,99,224,.28);color:#fff;font-size:26px;font-weight:850;letter-spacing:-2px}.brand-mark-dot{position:absolute;width:5px;height:5px;border-radius:2px;background:#b5ceff;bottom:10px;right:9px}.brand-lines{display:flex;flex-direction:column;gap:1px}.brand-lines strong{color:white;font-size:17px;letter-spacing:1px;font-weight:800}.brand-thin{font-weight:400;color:#99b2ea;margin-left:4px}.brand-lines small{font-size:9px;letter-spacing:2px;color:#7d90b3;font-weight:700}
.login-body{background:#f5f7fc}.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.login-about{background:radial-gradient(circle at 97% 22%,rgba(68,116,241,.16),transparent 34%),radial-gradient(circle at 10% 96%,rgba(69,105,196,.2),transparent 32%),linear-gradient(157deg,#111d34,#172b4e 68%,#1b3053);display:flex;flex-direction:column;padding:55px min(7vw,108px);color:#fff;position:relative;overflow:hidden}.login-about:after{content:"";position:absolute;width:560px;height:560px;border:1px solid rgba(176,204,255,.09);border-radius:50%;right:-305px;bottom:-270px;box-shadow:0 0 0 85px rgba(176,204,255,.022),0 0 0 180px rgba(176,204,255,.015);pointer-events:none}.brand-large .brand-mark{width:52px;height:52px;font-size:32px}.brand-large .brand-lines strong{font-size:20px}.login-intro{margin:auto 0;position:relative;z-index:1}.eyebrow,.tiny-label{font-size:11px;font-weight:800;letter-spacing:2px}.eyebrow{display:flex;align-items:center;gap:9px;color:#a8c2ff}.tiny-dot{width:6px;height:6px;display:inline-block;background:#7196ff;border-radius:50%;box-shadow:0 0 0 4px rgba(103,146,255,.16)}.login-intro h1{font-size:clamp(44px,4.2vw,69px);line-height:1.24;letter-spacing:-2.5px;font-weight:800;margin:28px 0 24px}.login-intro h1 span{color:#7ea1ff}.login-intro>p{color:#afbed5;font-size:16px;line-height:2;max-width:405px;margin:0 0 45px}.login-feature{color:#c6d2e7;margin:19px 0;display:flex;align-items:center;gap:14px;font-size:13px}.login-feature span{color:#80a2ff;font-size:20px}.login-bottom{color:#637caa;font-size:10px;letter-spacing:1.7px;position:relative;z-index:1}.login-bottom span{padding:0 9px}.login-panel{display:grid;place-items:center;padding:42px}.login-card{width:100%;max-width:425px}.login-card-icon{display:grid;place-items:center;height:58px;width:58px;background:#eaf0ff;border-radius:17px;color:#406fec;margin-bottom:29px}.login-card-icon svg{width:28px;height:28px}.login-card .tiny-label{color:#5e80d8}.login-card h2{font-size:32px;letter-spacing:-.8px;margin:9px 0 8px}.muted{color:var(--muted)}.login-subtitle{margin:0 0 38px;color:#77849b}.login-form{display:flex;flex-direction:column;gap:23px}.field{display:flex;flex-direction:column;gap:10px;font-weight:600;color:var(--ink);font-size:13px}.field>span:first-child b{color:#eb5b70}.field input:not([type=checkbox]),.field select,.field textarea{width:100%;border:1px solid #dde4ef;border-radius:11px;background:var(--surface);padding:14px 15px;color:var(--ink);font-weight:400;transition:border-color .2s,box-shadow .2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:#7393f4;box-shadow:0 0 0 4px rgba(66,106,229,.1)}.field input::placeholder,.field textarea::placeholder{color:#adb7c7}.field textarea{resize:vertical;min-height:92px}.field input[type=file]{background:var(--surface2);max-width:100%}.input-wrap{position:relative}.input-wrap input{padding-right:65px!important}.show-pass{position:absolute;right:13px;top:50%;transform:translateY(-50%);background:none;border:0;color:#6482bd;font-size:12px}.check-line{display:flex;gap:10px;align-items:center;color:var(--text);font-size:13px;font-weight:500;cursor:pointer}.check-line input{width:17px;height:17px;accent-color:#426ff0;margin:0}.check-line em{font-style:normal;color:var(--muted)}.primary-btn,.secondary-btn{border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;padding:11px 19px;font-weight:700;font-size:13px;transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap}.primary-btn{color:#fff;background:#426bea;box-shadow:0 5px 12px rgba(48,102,225,.17)}.primary-btn:hover{transform:translateY(-1px);background:#305de0;box-shadow:0 9px 20px rgba(48,102,225,.21)}.secondary-btn{color:var(--ink);background:var(--surface);border-color:var(--line)}.secondary-btn:hover{background:var(--surface2)}.login-submit{width:100%;height:51px;margin-top:6px;font-size:14px;justify-content:space-between;padding:0 20px}.login-submit span{font-size:20px;font-weight:400}.login-tip{border-top:1px solid #e5e9f1;padding-top:25px;margin-top:35px;display:flex;align-items:center;gap:9px;font-size:11px;color:#8794a9;line-height:1.8}.login-tip svg{width:20px;height:20px;flex-shrink:0;color:#6991cf}.alert{padding:12px 15px;border-radius:10px;font-size:13px;line-height:1.7;margin-bottom:22px;border:1px solid}.alert-success{color:#1c8c64;background:#eafff6;border-color:#c7f5df}.alert-error{color:#b24152;background:#fff0f2;border-color:#f8d8df}.alert code{font-size:12px}
.app-shell{min-height:100vh}.sidebar{position:fixed;top:0;bottom:0;left:0;width:248px;background:var(--nav);color:var(--navtext);display:flex;flex-direction:column;z-index:20}.sidebar-brand{padding:29px 25px 34px}.sidebar-brand .brand-mark{height:40px;width:40px;font-size:25px}.sidebar-brand .brand-lines strong{font-size:16px}.sidebar-main{overflow-y:auto;padding:0 13px;flex:1;scrollbar-width:thin}.sidebar-label{color:#61718e;font-size:10px;letter-spacing:1.6px;font-weight:800;margin:17px 14px 13px}.nav-item{width:100%;min-height:42px;padding:9px 12px;border-radius:9px;display:flex;align-items:center;gap:11px;color:var(--navtext);background:transparent;border:0;text-align:left;font-size:12.8px;font-weight:600;margin:3px 0;transition:background .2s,color .2s}.nav-item:hover{background:#233451;color:#f0f5ff}.nav-item.active{background:#2a3f68;color:white}.nav-ico{font-size:17px;width:21px;text-align:center;line-height:1}.nav-item.active .nav-ico{color:#8ba8ff}.nav-count{color:#8c9fbd;font-size:11px;margin-left:auto}.star-symbol{color:#ffc779}.sidebar-rule{height:1px;background:#253552;margin:22px 15px}.sidebar-footer{padding:16px 15px 19px;border-top:1px solid #27364f}.privacy-pill{font-size:10px;letter-spacing:.2px;color:#95a9c8;padding:10px 11px;background:#1d2c46;border:1px solid #2a3b57;border-radius:9px;margin-bottom:17px}.privacy-dot,.online-label span{display:inline-block;height:7px;width:7px;border-radius:50%;background:#35bb9a;margin-right:6px;box-shadow:0 0 0 3px rgba(53,187,154,.1)}.account-strip{display:flex;align-items:center;gap:11px;padding:4px 3px}.avatar,.top-avatar{display:grid;place-items:center;flex-shrink:0;background:#405c91;color:#e9efff;font-weight:800;border-radius:11px;width:37px;height:37px}.account-name{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.account-name strong{color:#e1eaff;font-size:12px;overflow:hidden;text-overflow:ellipsis}.account-name small{font-size:10px;color:#758aa8}.icon-btn{border:0;background:none;color:inherit;display:grid;place-items:center;font-size:21px;min-width:33px;min-height:33px;border-radius:8px}.icon-btn:hover{background:rgba(122,151,210,.14)}.logout-btn{color:#91a5c4}.main-area{margin-left:248px;min-height:100vh}.topbar{height:77px;padding:0 clamp(21px,4vw,64px);background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.topbar-left,.topbar-right{display:flex;align-items:center;gap:19px}.breadcrumbs{font-size:12px;color:var(--muted)}.breadcrumbs span{padding:0 11px;color:#b2bed2}.breadcrumbs strong{color:var(--text)}.online-label{font-size:10px;letter-spacing:1px;color:var(--muted);font-weight:800}.top-avatar{width:33px;height:33px;font-size:12px;border-radius:50%;background:#ecf0ff;color:#4f70ba}.theme-button{font-size:23px;color:var(--muted)}.hamburger{display:none}.workspace{max-width:1500px;margin:auto;padding:38px clamp(21px,4vw,64px) 25px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.accent-label{color:var(--accent);font-size:10px}.page-heading h1{font-size:30px;letter-spacing:-.7px;margin:11px 0 10px;font-weight:790}.page-heading p{color:var(--muted);margin:0;font-size:13px}.heading-sparkle{font-size:19px;color:#ffb66b;vertical-align:top}.add-btn{padding:12px 20px}.add-btn>span{font-size:20px;line-height:15px;font-weight:400}
.hero-card{height:236px;border-radius:18px;overflow:hidden;background:linear-gradient(110deg,#233f85,#3262cc 69%,#4373dc);color:#fff;position:relative;display:flex;margin-bottom:23px;box-shadow:0 14px 28px rgba(44,94,187,.13)}.hero-content{padding:32px 39px;z-index:2;position:relative}.hero-eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:750;color:#c1d4ff;display:flex;gap:10px;align-items:center}.hero-card h2{font-size:25px;letter-spacing:-.5px;line-height:1.45;margin:13px 0 7px}.hero-card p{color:#d0dfff;font-size:12px;margin:0 0 18px}.hero-add{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);color:white;border-radius:7px;padding:9px 12px;font-weight:600;font-size:11px}.hero-add:hover{background:rgba(255,255,255,.23)}.hero-add span{margin-left:10px}.hero-art{position:absolute;right:0;top:0;height:100%;width:40%;min-width:340px;overflow:hidden}.hero-orbit{position:absolute;border:1px solid rgba(223,235,255,.19);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.hero-orbit-1{width:240px;height:240px}.hero-orbit-2{width:370px;height:370px}.hero-center{width:104px;height:104px;border-radius:30px;transform:translate(-50%,-50%) rotate(-10deg);left:50%;top:51%;position:absolute;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.19),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.3);box-shadow:0 21px 35px rgba(16,46,115,.15);font-size:60px;font-weight:800;color:white}.floating-block{background:rgba(215,229,255,.13);border:1px solid rgba(255,255,255,.24);border-radius:12px;position:absolute;display:flex;align-items:center;gap:7px;padding:10px;z-index:1;box-shadow:0 13px 20px rgba(20,47,107,.12)}.floating-block span{font-size:18px}.floating-block i{background:rgba(227,237,255,.45);border-radius:3px;height:4px;width:16px}.floating-block i:last-child{width:11px}.floating-block-a{top:42px;left:10px;transform:rotate(-8deg)}.floating-block-b{bottom:33px;right:24px;transform:rotate(9deg)}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:37px}.stat-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:flex;align-items:center;gap:16px;padding:20px 22px;box-shadow:var(--shadow)}.stat-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:22px;color:#4b7bdf;background:#eaf1ff}.stat-icon.blue{color:#775fd2;background:#f0edff}.stat-icon.yellow{color:#d89d3b;background:#fff6e7}.stat-box strong{font-size:23px;letter-spacing:-.5px;display:block}.stat-box span{font-size:11px;color:var(--muted);display:block;margin-top:4px}.content-toolbar{display:flex;justify-content:space-between;gap:24px;align-items:center;margin:0 0 20px}.content-toolbar h2{font-size:19px;letter-spacing:-.4px;margin:0 0 7px}.content-toolbar h2 span{font-size:11px;border-radius:6px;background:var(--accent-soft);color:var(--accent);padding:3px 7px;vertical-align:middle;margin-left:5px}.content-toolbar p{color:var(--muted);font-size:11px;margin:0}.search-box{display:flex;align-items:center;gap:11px;border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:0 12px;width:330px;height:42px}.search-box>span{color:var(--muted);font-size:23px}.search-box input{flex:1;min-width:0;border:0;background:none;color:var(--ink);font-size:12px}.search-box input::placeholder{color:var(--muted)}kbd{border:1px solid var(--line);border-radius:4px;padding:4px 5px;font-size:10px;color:var(--muted);background:var(--surface2)}.filter-pills{display:flex;gap:9px;overflow:auto;padding:0 0 10px;margin-bottom:13px;scrollbar-width:thin}.filter-pill{white-space:nowrap;padding:8px 15px;border:1px solid var(--line);border-radius:20px;color:var(--text);background:var(--surface);font-size:12px;font-weight:600}.filter-pill.active{background:var(--accent-soft);border-color:var(--accent-soft);color:var(--accent)}.site-section{margin:0 0 27px}.section-title{margin-bottom:15px}.section-title>div{display:flex;align-items:center;gap:10px}.section-title h3{font-size:15px;margin:0;font-weight:800}.section-emblem{color:var(--accent);font-size:20px}.section-count{color:var(--muted);font-size:11px}.bookmark-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:14px}.bookmark-card{border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:var(--shadow);min-height:111px;position:relative;transition:border-color .2s,transform .2s,box-shadow .2s;overflow:hidden}.bookmark-card:hover{border-color:#aac0f7;transform:translateY(-2px);box-shadow:0 10px 24px rgba(42,70,132,.1)}.bookmark-link{display:flex;padding:21px 43px 20px 18px;align-items:flex-start;gap:12px;min-height:109px}.site-icon{height:42px;width:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:11px;font-weight:800;font-size:20px}.color-0{background:#e8efff;color:#446fc9}.color-1{background:#e7f8f5;color:#289f8b}.color-2{background:#f4eafe;color:#9760c8}.color-3{background:#fff0df;color:#d48a35}.color-4{background:#e8f4ff;color:#398bc4}.color-5{background:#ffeaf0;color:#d46283}.color-6{background:#eef4e3;color:#749b37}.color-7{background:#eaeafe;color:#6d69c7}.site-info{min-width:0;overflow:hidden}.site-info h4{font-weight:750;margin:2px 0 7px;font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.site-domain{font-size:11px;color:var(--muted);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.site-note{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:8px 0 0}.open-arrow{position:absolute;top:14px;right:14px;color:#b4bfd3;font-size:16px}.card-actions{position:absolute;right:9px;bottom:9px;display:flex;align-items:center;gap:3px}.card-control{background:transparent;color:#b0bad0;border:0;padding:3px 5px;font-size:18px;border-radius:5px;line-height:1.2}.card-control:hover{background:var(--surface2);color:var(--accent)}.card-control.is-starred{color:#e4a943}.card-actions form{margin:0}.empty-state{text-align:center;border:1px dashed var(--line);background:var(--surface);border-radius:18px;padding:55px 15px;margin:20px 0}.empty-icon{width:60px;height:60px;margin:0 auto 18px;display:grid;place-items:center;color:var(--accent);font-size:32px;background:var(--accent-soft);border-radius:18px}.empty-state h3{font-size:17px;margin:0 0 10px}.empty-state p{font-size:12px;color:var(--muted);margin:0 0 22px}.page-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);color:var(--muted);font-size:11px;padding:24px 0 3px;margin-top:52px}.footer-dot{color:#f8bf74;margin-left:7px}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:24px 27px;box-shadow:var(--shadow)}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:20px}.panel-head h2{font-size:17px;margin:0 0 8px}.panel-head p{font-size:12px;line-height:1.6;margin:0;color:var(--muted)}.chip{border:1px solid var(--line);border-radius:20px;background:var(--surface2);color:var(--muted);font-size:11px;white-space:nowrap;padding:7px 11px}.category-list{display:flex;flex-direction:column}.category-row{padding:16px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.category-row:last-child{border-bottom:0}.category-title{display:flex;align-items:center;gap:13px}.category-title>div{display:flex;flex-direction:column;gap:5px}.category-title strong{font-size:13px}.category-title small{color:var(--muted);font-size:11px}.category-square{width:43px;height:43px;display:grid;place-items:center;border-radius:11px;font-size:20px}.row-actions{display:flex;align-items:center;gap:13px}.small-btn{padding:8px 12px;font-size:11px}.danger-text{background:none;border:0;color:#d65f69;font-size:12px;font-weight:650;padding:6px}.danger-text:hover{text-decoration:underline}.secure-badge{color:#168b69;font-size:11px;background:#e5fbf2;padding:11px 14px;border-radius:9px;font-weight:700}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.panel-icon{color:var(--accent);background:var(--accent-soft);height:36px;width:36px;border-radius:9px;display:grid;place-items:center;font-size:19px;flex:0 0 36px}.settings-form{display:flex;flex-direction:column;gap:17px}.settings-form .primary-btn,.settings-form .secondary-btn{align-self:start}.settings-form .field{gap:8px}.settings-form .field input{padding:11px 13px}.backup-info{font-size:12px;line-height:1.8;color:var(--text);padding:15px;background:var(--surface2);border-radius:9px;margin-bottom:18px}.settings-divider{height:1px;background:var(--line);margin:23px 0 20px}.microcopy{font-size:11px;margin:-7px 0 0;line-height:1.7}.device-panel{margin-top:20px}.device-row{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:15px 0}.device-symbol{width:41px;height:41px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:21px;flex-shrink:0}.device-desc{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.device-desc strong{font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.device-desc small{color:var(--muted);font-size:11px;line-height:1.6}.revoke-all{margin-top:24px}.danger-btn{background:#fff1f2;border:1px solid #f5d8da;color:#b84252;border-radius:9px;padding:10px 14px;font-size:12px;font-weight:750}
.modal{width:min(480px,calc(100vw - 30px));max-height:90vh;border:1px solid var(--line);border-radius:17px;background:var(--surface);color:var(--ink);padding:0;box-shadow:0 26px 100px rgba(8,19,43,.3);overflow:auto}.modal::backdrop{background:rgba(9,19,37,.68);backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:start;justify-content:space-between;padding:24px 27px 10px}.modal-head h2{font-size:21px;margin:10px 0 4px}.modal-content{padding:17px 27px 13px;display:flex;flex-direction:column;gap:19px}.modal-footer{display:flex;justify-content:flex-end;gap:9px;padding:19px 27px 23px;border-top:1px solid var(--line)}.modal-delete-form{padding:0 27px 16px;display:none}.modal.editing .modal-delete-form{display:block}.modal-small .modal-content{padding-bottom:26px}.dialog-close{color:var(--muted)}.mobile-overlay{display:none}
:root[data-theme=dark] .login-panel{background:var(--body)}:root[data-theme=dark] .login-card-icon{background:var(--accent-soft)}:root[data-theme=dark] .login-subtitle,:root[data-theme=dark] .login-tip{color:var(--muted)}:root[data-theme=dark] .field input:not([type=checkbox]),:root[data-theme=dark] .field select,:root[data-theme=dark] .field textarea{border-color:var(--line)}:root[data-theme=dark] .site-icon,:root[data-theme=dark] .stat-icon,:root[data-theme=dark] .category-square{filter:brightness(.88)}:root[data-theme=dark] .secure-badge{background:#173e38;color:#80d2b7}:root[data-theme=dark] .danger-btn{background:#382630;border-color:#593844;color:#f2abb8}:root[data-theme=dark] .alert-error{background:#3b2832;border-color:#714b55;color:#f8bcc6}:root[data-theme=dark] .alert-success{background:#16372e;border-color:#305f4b;color:#a6e9d3}
@media(max-width:1180px){.hero-art{opacity:.8;width:34%;min-width:270px}.bookmark-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr))}.workspace{padding:33px 28px}.topbar{padding:0 28px}}@media(max-width:950px){.sidebar{width:216px}.main-area{margin-left:216px}.sidebar-brand{padding-left:17px}.login-about{padding:38px 45px}.login-intro h1{font-size:46px}.security-grid{grid-template-columns:1fr}.hero-art{opacity:.4}}@media(max-width:740px){.login-page{grid-template-columns:1fr}.login-about{display:none}.login-panel{min-height:100vh;padding:38px 22px}.login-card{max-width:430px}.sidebar{transform:translateX(-100%);transition:transform .23s;width:264px}.sidebar.open{transform:translateX(0)}.mobile-overlay{position:fixed;inset:0;background:rgba(5,16,30,.54);z-index:15}.mobile-overlay.visible{display:block}.main-area{margin-left:0}.hamburger{display:grid;color:var(--ink)}.topbar{height:65px;padding:0 19px}.topbar-left{gap:7px}.topbar-right{gap:9px}.online-label{display:none}.workspace{padding:28px 18px 16px}.page-heading{align-items:flex-start}.page-heading h1{font-size:25px}.page-heading p{font-size:12px;line-height:1.8}.add-btn{padding:10px 12px}.hero-card{height:215px}.hero-content{padding:25px}.hero-card h2{font-size:21px}.hero-art{opacity:.17;right:-75px}.stat-row{gap:10px}.stat-box{padding:14px 11px;gap:9px}.stat-icon{width:37px;height:37px;flex-shrink:0;font-size:17px;border-radius:9px}.stat-box strong{font-size:20px}.stat-box span{font-size:10px}.content-toolbar{align-items:stretch;flex-direction:column;gap:15px}.search-box{width:100%}.search-box kbd{display:none}.bookmark-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bookmark-link{padding:15px 22px 26px 13px;flex-wrap:wrap;min-height:134px;gap:9px}.site-icon{width:35px;height:35px;flex-basis:35px;font-size:17px}.site-info{width:100%;overflow:hidden}.site-info h4{margin:0 0 6px;font-size:12px}.site-domain,.site-note{font-size:10px}.open-arrow{top:15px;right:12px;font-size:13px}.card-actions{bottom:7px;right:6px}.stat-row{margin-bottom:30px}.page-footer{margin-top:35px;gap:12px}.page-footer>span:last-child{display:none}.panel{padding:21px 16px}.device-row{gap:8px}.device-symbol{width:33px;height:33px;font-size:15px}.device-desc small{font-size:10px}}
@media(max-width:390px){.stat-icon{display:none}.stat-box{justify-content:center}.page-heading{flex-wrap:wrap}.page-heading .primary-btn{align-self:flex-start}.hero-art{display:none}.bookmark-grid{grid-template-columns:1fr}.bookmark-link{min-height:95px;flex-wrap:nowrap;padding:20px 34px 19px 14px}.site-info{width:auto;flex:1}.site-icon{width:40px;height:40px;flex-basis:40px}.top-avatar{display:none}}

/* v1.1 / 简洁图标导航 - 仅调整登录后首页外观，不修改数据库、权限与交互逻辑 */
.workspace-home {
  max-width: 1550px;
  padding-top: 34px;
}
.workspace-home .home-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 18px;
  margin: 0 0 24px;
}
.workspace-home .home-heading h1 {
  margin: 0 0 7px;
  font-size: 27px;
  line-height: 1.3;
  font-weight: 750;
  letter-spacing: -.5px;
}
.workspace-home .home-heading p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
}
.workspace-home .home-tools {
  display: flex;
  align-items: center;
  gap: 12px;
}
.workspace-home .search-box {
  height: 44px;
  width: min(340px, 40vw);
  border-radius: 10px;
}
.workspace-home .home-tools .primary-btn {
  min-height: 44px;
  box-shadow: none;
  border-radius: 10px;
  padding: 0 18px;
}
.workspace-home .home-tools .primary-btn:hover {
  transform: none;
  box-shadow: none;
}
.workspace-home .filter-pills {
  gap: 8px;
  margin: 0 0 27px;
  padding-bottom: 6px;
}
.workspace-home .filter-pill {
  border-radius: 9px;
  padding: 9px 15px;
  font-size: 12px;
}
.workspace-home .site-section { margin-bottom: 31px; }
.workspace-home .section-title { margin-bottom: 14px; }
.workspace-home .section-title h3 {
  font-size: 15px;
  font-weight: 700;
}
.workspace-home .section-count { font-size: 11px; }
.workspace-home .bookmark-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
  gap: 14px;
}
.workspace-home .bookmark-card {
  min-width: 0;
  min-height: 174px;
  border: 1px solid var(--line);
  border-radius: 13px;
  box-shadow: none;
  background: var(--surface);
  transition: border-color .16s ease, background-color .16s ease;
}
.workspace-home .bookmark-card:hover {
  transform: none;
  border-color: #aebfda;
  box-shadow: none;
  background: var(--surface2);
}
.workspace-home .bookmark-link {
  min-height: 173px;
  padding: 22px 9px 32px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 11px;
  text-align: center;
}
.workspace-home .site-icon {
  display: grid;
  place-items: center;
  width: 68px;
  height: 68px;
  flex: 0 0 68px;
  font-size: 31px;
  font-weight: 750;
  border-radius: 17px;
  background: #edf2fa;
  color: #4266a0;
}
.workspace-home .site-info {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.workspace-home .site-info h4 {
  margin: 0 0 5px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
}
.workspace-home .site-domain {
  font-size: 10px;
  color: var(--muted);
}
/* 备注保留在 HTML 与搜索索引中，卡片上隐藏以减少干扰 */
.workspace-home .site-note,
.workspace-home .open-arrow { display: none; }
.workspace-home .card-actions {
  bottom: 7px;
  top: auto;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.workspace-home .card-control {
  width: 24px;
  height: 24px;
  padding: 0;
  display: grid;
  place-items: center;
  border-radius: 6px;
  font-size: 16px;
  color: var(--muted);
}
.workspace-home .card-control.is-starred { color: #d39b42; }
.workspace-home .card-control:hover,
.workspace-home .card-control:focus-visible { color: var(--accent); }
.workspace-home .empty-state { box-shadow: none; }
:root[data-theme=dark] .workspace-home .site-icon {
  background: #283b58;
  color: #c2d5f4;
}
:root[data-theme=dark] .workspace-home .bookmark-card:hover {
  border-color: #526580;
}
@media (max-width: 940px) {
  .workspace-home .home-toolbar { align-items: flex-start; }
  .workspace-home .home-tools { width: 100%; }
  .workspace-home .search-box { width: auto; flex: 1; }
  .workspace-home .bookmark-grid { grid-template-columns: repeat(auto-fill, minmax(138px, 1fr)); }
}
@media (max-width: 740px) {
  .workspace-home { padding: 23px 16px 18px; }
  .workspace-home .home-toolbar { gap: 17px; margin-bottom: 18px; }
  .workspace-home .home-heading h1 { font-size: 24px; }
  .workspace-home .home-tools { gap: 9px; }
  .workspace-home .home-tools .primary-btn { padding: 0 11px; font-size: 12px; }
  .workspace-home .search-box { min-width: 0; }
  .workspace-home .filter-pills { margin-bottom: 22px; }
  .workspace-home .bookmark-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
  .workspace-home .bookmark-card { min-height: 155px; }
  .workspace-home .bookmark-link { min-height: 154px; padding: 17px 6px 30px; gap: 10px; }
  .workspace-home .site-icon { width: 59px; height: 59px; flex-basis: 59px; font-size: 28px; border-radius: 15px; }
  .workspace-home .site-info h4 { font-size: 12px; }
  .workspace-home .site-domain { font-size: 10px; }
  .workspace-home .card-actions { bottom: 5px; }
}
@media (max-width: 390px) {
  .workspace-home .bookmark-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .workspace-home .bookmark-card { min-height: 165px; }
  .workspace-home .bookmark-link { min-height: 164px; }
  .workspace-home .site-icon { width: 64px; height: 64px; flex-basis: 64px; font-size: 30px; }
}