:root{
  --bg:#08090b;--fg:#f5f5f6;--muted:#222328;--muted-2:#2b2c31;--muted-fg:#9798a1;
  --card:#18191d;--popover:#121316;--border:rgba(255,255,255,.12);--border-strong:rgba(255,255,255,.18);
  --theme:#0367fd;--danger:#ef6b73;--shadow:0 24px 70px rgba(0,0,0,.45);--radius:20px;
  color-scheme:dark;
}
:root.light{--bg:#f6f6f4;--fg:#151519;--muted:#e8e8e7;--muted-2:#dededc;--muted-fg:#6c6d72;--card:#fff;--popover:#fff;--border:rgba(0,0,0,.10);--border-strong:rgba(0,0,0,.16);--shadow:0 24px 70px rgba(0,0,0,.14);color-scheme:light}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--fg);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}body{overflow:hidden}
button,input,textarea,select{font:inherit;color:inherit}button{border:0}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid color-mix(in srgb,var(--theme) 70%,white 10%);outline-offset:2px}
.hidden{display:none!important}#ambientCanvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.28}
.app-shell{position:relative;z-index:1;height:100dvh;display:flex;flex-direction:column;overflow:hidden;padding:24px 48px 0}.top-stage{width:100%;max-width:768px;min-height:160px;margin:0 auto;display:flex;flex-direction:column;justify-content:flex-end;flex:none}.dot-matrix{margin:0 auto;display:grid;width:max-content;max-width:100%;gap:4px;transform-origin:center bottom;transition:opacity .25s,transform .25s}.dot-matrix .dot{width:11px;height:11px;border-radius:3px;background:var(--muted-2);transition:background .16s,opacity .16s,transform .16s}.dot-matrix .dot.on{background:var(--theme);box-shadow:0 0 7px color-mix(in srgb,var(--theme) 22%,transparent)}
.search-wrap{position:relative;z-index:20;width:100%;max-width:700px;margin:24px auto 0;flex:none}.search-box{min-height:92px;border:1px solid var(--border-strong);border-radius:22px;background:color-mix(in srgb,var(--bg) 86%,var(--card));box-shadow:inset 0 1px 0 rgba(255,255,255,.015);transition:border .2s,box-shadow .2s,transform .2s}.search-box:focus-within{border-color:color-mix(in srgb,var(--theme) 36%,var(--border-strong));box-shadow:0 0 0 3px color-mix(in srgb,var(--theme) 7%,transparent)}.search-box textarea{display:block;width:100%;height:47px;min-height:47px;max-height:84px;resize:none;border:0;background:transparent;padding:16px 16px 4px;font-size:14px;line-height:24px;outline:none;overflow:auto}.search-box textarea::placeholder{color:var(--muted-fg)}.search-actions{height:44px;display:flex;align-items:center;padding:0 10px 8px;gap:4px}.action-spacer{flex:1}.icon-btn,.engine-btn,.search-submit{height:34px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,transform .15s,opacity .15s}.ghost{background:transparent}.ghost:hover{background:var(--muted)}.icon-btn{width:34px}.icon-btn svg,.search-submit svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-btn svg rect{fill:none}.engine-btn{padding:0 8px;gap:6px;font-size:14px;font-weight:600}.engine-btn svg{width:14px;height:14px;fill:none;stroke:var(--muted-fg);stroke-width:1.8}.engine-mark{font-size:18px;font-weight:800;line-height:1}.search-submit{width:34px;background:color-mix(in srgb,var(--fg) 88%,transparent);color:var(--bg)}.search-submit:hover{transform:scale(1.05)}.search-submit:active{transform:scale(.94)}.search-submit[disabled]{opacity:.35;cursor:not-allowed;transform:none}
.suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;max-height:min(340px,45dvh);overflow:auto;background:var(--popover);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);padding:7px}.suggest-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:4px}.suggest-card{height:46px;border:1px solid var(--border);border-radius:15px;background:var(--card);display:flex;align-items:center;padding:0 14px;cursor:pointer;position:relative;overflow:hidden;font-size:13px;font-weight:600}.suggest-card:hover,.suggest-card.active{box-shadow:0 0 0 2px color-mix(in srgb,var(--fg) 18%,transparent)}.suggest-word{height:40px;border-radius:12px;display:flex;align-items:center;gap:10px;padding:0 12px;cursor:pointer;font-size:13px}.suggest-word:hover,.suggest-word.active{background:var(--muted)}.suggest-word span:first-child{color:var(--muted-fg)}
.grid-scroll{position:relative;flex:1;min-height:0;margin-top:20px;padding:0 0 26px;overflow:auto;mask-image:linear-gradient(to bottom,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--fg) 28%,transparent) transparent}.bookmark-grid{width:100%;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:40px;grid-auto-flow:dense;gap:10px 12px;padding:6px 0 46px}.grid-item{position:relative;isolation:isolate;min-width:0;border:1px solid rgba(255,255,255,.035);border-radius:17px;background:var(--card);overflow:hidden;cursor:grab;user-select:none;transition:transform .18s,box-shadow .18s,border-color .18s,opacity .18s}.light .grid-item{border-color:rgba(0,0,0,.055)}.grid-item:hover{border-color:var(--border);transform:translateY(-1px)}.grid-item.dragging{opacity:.35;transform:scale(.98)}.grid-item.drop-target{box-shadow:0 0 0 3px color-mix(in srgb,var(--theme) 42%,transparent)}.grid-item.small{grid-row:span 1}.grid-item.medium{grid-row:span 2}.grid-item.large{grid-row:span 4}.grid-item.component{grid-row:span 4}.grid-item.selected{box-shadow:0 0 0 2px var(--theme),0 0 26px color-mix(in srgb,var(--theme) 22%,transparent)}.grid-item.selected::after{content:"✓";position:absolute;z-index:12;top:8px;right:8px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;background:var(--theme);color:#111}.tile-link{position:relative;z-index:4;height:100%;display:flex;align-items:center;padding:8px 66px 8px 14px;color:inherit;text-decoration:none;font-size:14px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.medium .tile-link{align-items:center}.tile-title{overflow:hidden;text-overflow:ellipsis}.pixel-texture{pointer-events:none;position:absolute;z-index:1;right:-2px;top:0;width:48%;height:100%;display:grid;grid-template-columns:repeat(14,1fr);grid-template-rows:repeat(8,1fr);gap:1px;opacity:.84;mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.65) 22%,#000 64%)}.pixel-texture span{background:var(--tile-color);border-radius:1px}.favicon{position:absolute;z-index:5;right:18px;top:50%;transform:translateY(-50%);width:29px;height:29px;border-radius:8px;display:grid;place-items:center;font-weight:800;font-size:15px;background:rgba(255,255,255,.055);backdrop-filter:blur(4px)}.medium .favicon{width:45px;height:45px;font-size:21px;border-radius:12px}.folder-item{padding:10px 12px}.folder-header{position:relative;z-index:5;height:22px;display:flex;align-items:center;gap:8px;padding:0 2px;font-size:14px;font-weight:700;cursor:pointer}.folder-preview{position:relative;z-index:4;margin-top:7px;display:flex;flex-direction:column;gap:6px;max-height:calc(100% - 30px);overflow:hidden}.folder-row{position:relative;height:35px;min-height:35px;border:1px solid var(--border);border-radius:16px;background:rgba(0,0,0,.13);display:flex;align-items:center;padding:0 48px 0 13px;font-size:13px;font-weight:600;overflow:hidden;cursor:pointer}.light .folder-row{background:rgba(255,255,255,.42)}.folder-row .mini-icon{position:absolute;right:12px;width:21px;height:21px;border-radius:6px;display:grid;place-items:center;background:rgba(255,255,255,.06);font-size:10px}.folder-row::before{content:"";position:absolute;inset:0 0 0 46%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--tile-color) 45%,transparent));opacity:.38}.folder-row>*{position:relative;z-index:2}.component-inner{position:relative;z-index:4;height:100%;padding:12px;display:flex;flex-direction:column}.component-head{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:700}.component-sub{font-size:11px;color:var(--muted-fg);margin-top:2px}.mini-canvas{margin:auto;width:120px;height:90px;display:grid;grid-template-columns:repeat(12,1fr);gap:2px}.mini-canvas i{aspect-ratio:1;border-radius:2px;background:var(--muted-2)}.mini-canvas i.on{background:var(--theme)}.plant-stage{position:relative;flex:1;display:grid;place-items:end center;min-height:90px}.pot{position:relative;width:72px;height:40px;border-radius:5px 5px 19px 19px;background:#9d6a51;margin-bottom:6px;box-shadow:inset 0 -7px 0 rgba(0,0,0,.12)}.stem{position:absolute;width:5px;height:74px;background:#5f8d58;bottom:36px;left:50%;transform:translateX(-50%);border-radius:6px}.leaf{position:absolute;width:31px;height:17px;background:#77a469;border-radius:100% 0 100% 0}.leaf.l1{left:18px;bottom:67px;transform:rotate(25deg)}.leaf.l2{right:16px;bottom:86px;transform:scaleX(-1) rotate(18deg)}.leaf.l3{left:20px;bottom:102px;transform:rotate(38deg)}
.empty-tip{text-align:center;color:var(--muted-fg);font-size:13px;padding:70px 20px}.popover,.context-menu{position:fixed;z-index:80;width:224px;padding:8px;border:1px solid var(--border);border-radius:16px;background:var(--popover);box-shadow:var(--shadow)}.popover button,.context-menu button{width:100%;height:38px;padding:0 10px;border-radius:11px;background:transparent;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;font-size:13px}.popover button:hover,.context-menu button:hover{background:var(--muted)}.popover button span{width:18px;text-align:center;color:var(--muted-fg)}.popover button em{margin-left:auto;font-style:normal;font-size:11px;color:var(--muted-fg)}.engine-popover{width:200px}.engine-popover button .engine-dot{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:var(--muted);font-weight:800}.engine-popover button.active::after{content:"✓";margin-left:auto}.context-menu .danger{color:var(--danger)}
.bulk-bar{position:fixed;z-index:70;left:50%;bottom:24px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:9px 10px 9px 15px;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--popover) 94%,transparent);box-shadow:var(--shadow);backdrop-filter:blur(16px);font-size:13px}.bulk-bar span{margin-right:4px;color:var(--muted-fg)}.bulk-bar button{height:32px;padding:0 11px;border-radius:11px;background:var(--muted);cursor:pointer}.bulk-bar button:hover{background:var(--muted-2)}.bulk-bar .danger{color:#fff;background:color-mix(in srgb,var(--danger) 76%,#342127)}
.modal-layer,.settings-layer,.tour-layer{position:fixed;inset:0;z-index:100}.modal-backdrop,.tour-shade{position:absolute;inset:0;background:rgba(0,0,0,.58);backdrop-filter:blur(8px)}.modal-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100vw - 28px));max-height:min(680px,86dvh);overflow:auto;border:1px solid var(--border);border-radius:24px;background:var(--popover);box-shadow:var(--shadow);padding:24px}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-head h3{margin:0;font-size:18px}.close-btn{width:34px;height:34px;border-radius:12px;background:var(--muted);cursor:pointer}.form-grid{display:grid;gap:14px}.field{display:grid;gap:7px}.field label{font-size:12px;color:var(--muted-fg)}.field input,.field select,.field textarea{width:100%;border:1px solid var(--border);border-radius:13px;background:var(--bg);padding:10px 12px;outline:none}.field textarea{min-height:90px;resize:vertical}.size-options,.component-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.size-options button,.component-options button{min-height:74px;border:1px solid var(--border);border-radius:14px;background:var(--card);cursor:pointer}.size-options button.active,.component-options button.active{border-color:var(--theme);box-shadow:0 0 0 2px color-mix(in srgb,var(--theme) 22%,transparent)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.modal-actions button,.primary{height:36px;padding:0 15px;border-radius:12px;background:var(--muted);cursor:pointer}.modal-actions .primary,.primary{background:var(--fg);color:var(--bg);font-weight:700}.folder-dialog-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:380px;overflow:auto}.folder-dialog-row{height:46px;border:1px solid var(--border);border-radius:14px;background:var(--card);display:flex;align-items:center;padding:0 12px;gap:10px;cursor:pointer}.folder-dialog-row .ficon{width:24px;height:24px;border-radius:7px;background:var(--muted);display:grid;place-items:center;font-size:11px}.folder-dialog-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-dialog-row button{margin-left:auto;width:26px;height:26px;border-radius:9px;background:transparent;color:var(--muted-fg);cursor:pointer}.folder-dialog-row button:hover{background:var(--muted)}
.settings-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(760px,calc(100vw - 28px));height:min(560px,80dvh);display:flex;overflow:hidden;border:1px solid var(--border);border-radius:24px;background:var(--popover);box-shadow:var(--shadow)}.settings-sidebar{width:180px;flex:none;padding:24px 16px 16px;display:flex;flex-direction:column;border-right:1px solid var(--border)}.settings-sidebar h2{font-size:18px;margin:0 8px 22px}.settings-sidebar nav{display:grid;gap:5px}.settings-sidebar nav button,.settings-close{height:38px;border-radius:12px;background:transparent;text-align:left;padding:0 10px;display:flex;gap:8px;align-items:center;cursor:pointer;font-size:13px}.settings-sidebar nav button:hover,.settings-sidebar nav button.active,.settings-close:hover{background:var(--muted)}.settings-close{margin-top:auto}.settings-content{flex:1;min-width:0;overflow:auto;padding:24px}.settings-content h3{font-size:16px;margin:0 0 24px}.setting-list{display:grid;gap:18px}.setting-row{display:grid;grid-template-columns:minmax(0,1fr) 176px;gap:14px;align-items:center}.setting-row>label,.setting-row>.label{font-size:13px}.setting-row select,.setting-row input[type="text"],.setting-row input[type="url"],.setting-row input[type="color"],.setting-row button,.setting-row textarea{width:100%;min-height:36px;border:1px solid var(--border);border-radius:12px;background:var(--card);padding:7px 10px}.setting-row input[type="color"]{padding:4px}.setting-row button{cursor:pointer}.setting-row input[type="range"]{width:100%;accent-color:var(--theme)}.setting-block{display:grid;gap:9px}.setting-block label{font-size:13px}.setting-block textarea{min-height:120px;width:100%;border:1px solid var(--border);border-radius:14px;background:var(--bg);padding:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;resize:none}.button-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.button-pair button{height:36px;border:1px solid var(--border);border-radius:12px;background:var(--card);cursor:pointer}.engine-setting-row{display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid var(--border);border-radius:14px;background:var(--card)}.engine-setting-row .mark{width:28px;height:28px;border-radius:9px;background:var(--muted);display:grid;place-items:center;font-weight:800}.engine-setting-row .meta{min-width:0;flex:1}.engine-setting-row .meta b,.engine-setting-row .meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.engine-setting-row .meta b{font-size:13px}.engine-setting-row .meta small{font-size:10px;color:var(--muted-fg)}.engine-setting-row button{width:30px;height:30px;border-radius:10px;background:transparent;cursor:pointer}.engine-setting-row button:hover{background:var(--muted)}.about-copy{font-size:13px;line-height:1.75;color:var(--muted-fg)}.about-copy strong{color:var(--fg)}
.toast-stack{position:fixed;z-index:130;top:18px;left:50%;transform:translateX(-50%);display:grid;gap:8px}.toast{min-width:260px;max-width:min(480px,calc(100vw - 30px));min-height:44px;border:1px solid var(--border);border-radius:14px;background:var(--popover);box-shadow:var(--shadow);display:flex;align-items:center;gap:10px;padding:9px 12px;font-size:13px;animation:toast-in .2s ease both}.toast button{margin-left:auto;height:28px;padding:0 9px;border-radius:9px;background:var(--muted);cursor:pointer}.toast.success::before{content:"✓";color:#7bd49b}.toast.error::before{content:"!";color:var(--danger)}@keyframes toast-in{from{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:none}}
.tour-layer{z-index:140}.tour-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 30px));padding:24px;border:1px solid var(--border);border-radius:22px;background:var(--popover);box-shadow:var(--shadow)}.tour-kicker{font-size:10px;letter-spacing:.16em;color:var(--theme);font-weight:800}.tour-card h3{margin:9px 0 8px;font-size:20px}.tour-card p{margin:0;color:var(--muted-fg);font-size:13px;line-height:1.7}.tour-actions{margin-top:20px;display:flex;justify-content:flex-end;gap:8px}.tour-actions button{height:36px;padding:0 14px;border-radius:12px;background:var(--muted);cursor:pointer}
.no-transition *{transition:none!important;animation:none!important}
@media(max-width:900px){.app-shell{padding:20px 22px 0}.bookmark-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.top-stage{min-height:142px}.dot-matrix .dot{width:9px;height:9px}.dot-matrix{gap:3px}.folder-dialog-list{grid-template-columns:1fr}}
@media(max-width:640px){body{overflow:hidden}.app-shell{padding:14px 12px 0}.top-stage{min-height:120px}.search-wrap{margin-top:14px}.search-box{min-height:88px}.engine-name{display:none}.bookmark-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.grid-scroll{margin-top:14px}.dot-matrix{transform:scale(.78)}.settings-card{height:min(620px,90dvh)}.settings-sidebar{width:78px;padding:18px 8px 10px}.settings-sidebar h2{font-size:14px;margin:0 7px 16px}.settings-sidebar nav button,.settings-close{justify-content:center;padding:0}.settings-sidebar span{display:none}.settings-content{padding:20px 14px}.setting-row{grid-template-columns:1fr;gap:8px}.suggest-group{grid-template-columns:1fr 1fr}.bulk-bar{width:calc(100vw - 18px);justify-content:center;flex-wrap:wrap;bottom:9px}.bulk-bar span{width:100%;text-align:center}.folder-dialog-list{grid-template-columns:1fr}}


/* ===== Oh My Tab source-faithful v2 overrides ===== */
:root{
  --bg:#090a0c;--fg:#f5f5f6;--card:#18191d;--popover:#18191d;--muted:#2a2b2f;--muted-2:#25262a;
  --muted-fg:#9b9ca5;--border:rgba(255,255,255,.105);--border-strong:rgba(255,255,255,.16);--radius:10px;
}
:root.light{--bg:#fff;--card:#fff;--popover:#fff;--fg:#141419;--muted:#f0f0f1;--muted-2:#ededee;--muted-fg:#6f7077;--border:rgba(0,0,0,.095);--border-strong:rgba(0,0,0,.14)}
html,body{background:var(--bg)}
body{letter-spacing:-.01em}
#ambientCanvas{opacity:0!important}
.app-shell{padding:24px 48px 0}
.top-stage{max-width:768px;min-height:160px}
.dot-matrix{gap:4px;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--theme) 8%,transparent))}
.dot-matrix .dot{width:11px;height:11px;border-radius:3px;background:#25262a;opacity:1;will-change:transform,opacity,background-color}
.light .dot-matrix .dot{background:#f0f0f2}
.dot-matrix .dot.on{background:color-mix(in srgb,var(--theme) 88%,white 6%);box-shadow:none;animation:matrixBreathe 3.6s ease-in-out var(--dot-phase,0s) infinite}
.matrix-reveal .dot{animation-fill-mode:both}
.matrix-reveal .dot.on{animation:dotReveal .42s cubic-bezier(.22,1,.36,1) var(--dot-delay,0ms) both,matrixBreathe 3.6s ease-in-out calc(var(--dot-delay,0ms) + var(--dot-phase,0s) + .42s) infinite}
@keyframes dotReveal{0%{opacity:.05;transform:scale(.45)}65%{opacity:1;transform:scale(1.16)}100%{opacity:1;transform:scale(1)}}
@keyframes matrixBreathe{0%,100%{filter:brightness(.92)}50%{filter:brightness(1.12)}}

.search-wrap{max-width:768px;margin-top:24px}
.search-box{height:92px;min-height:92px;border-radius:20px;background:transparent;border:1px solid var(--border-strong);box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.search-box:focus-within{border-color:color-mix(in srgb,var(--theme) 24%,var(--border-strong));box-shadow:0 0 0 3px color-mix(in srgb,var(--theme) 6%,transparent);transform:translateY(-1px)}
.search-box textarea{height:48px;min-height:48px;padding:15px 16px 5px;font-size:14px}
.search-actions{height:43px;padding:0 11px 8px;gap:4px}
.icon-btn,.engine-btn,.search-submit{height:34px;border-radius:12px;transition:background-color .15s ease,transform .15s ease,opacity .15s ease}
.icon-btn{width:34px}.icon-btn:hover,.engine-btn:hover{background:color-mix(in srgb,var(--muted) 68%,transparent)}
.icon-btn:active,.engine-btn:active{transform:scale(.92)}
.search-submit{border-radius:999px;width:34px;height:34px;background:#9b9ca1;color:#17181b}
.light .search-submit{background:#9d9ea3;color:white}
.search-submit:not([disabled]):hover{transform:scale(1.08);background:var(--fg);color:var(--bg)}
.engine-btn{font-weight:620}.engine-mark{font-size:19px}.engine-btn svg{width:13px}

.grid-scroll{margin-top:24px;mask-image:none;padding-bottom:16px;scrollbar-width:none}
.grid-scroll::-webkit-scrollbar{display:none}
.bookmark-grid{width:100%;max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(16,minmax(0,1fr));grid-auto-rows:44px;grid-auto-flow:dense;gap:16px;padding:0 0 44px}
.grid-item{grid-column:span 4;position:relative;isolation:isolate;border:1px solid var(--border);border-radius:16px;background:var(--card);overflow:hidden;cursor:grab;user-select:none;transform:translateZ(0);transition:border-color .18s ease,box-shadow .18s ease,filter .18s ease;will-change:transform}
.grid-item.small{grid-row:span 1}.grid-item.medium{grid-row:span 2}.grid-item.large{grid-row:span 4}.grid-item.tall{grid-row:span 8}.grid-item.wide{grid-column:span 8;grid-row:span 4}.grid-item.wide-tall{grid-column:span 8;grid-row:span 8}
.grid-item.entering{animation:gridEnter .48s cubic-bezier(.22,1,.36,1) calc(var(--entry-index,0)*34ms) both}
@keyframes gridEnter{0%{opacity:0;transform:translateY(14px) scale(.975);filter:blur(2px)}100%{opacity:1;transform:none;filter:none}}
.grid-item:hover{border-color:color-mix(in srgb,var(--fg) 15%,transparent);box-shadow:0 10px 24px rgba(0,0,0,.12);z-index:8}
.grid-item:hover .effect-surface{filter:brightness(1.18)}
.grid-item:hover .favicon{transform:translateY(-50%) scale(1.08)}
.grid-item:active:not(.folder-kind){cursor:grabbing}
.grid-item.dragging{opacity:.18;filter:grayscale(.3);transform:scale(.985)}
.grid-item.drop-target{box-shadow:0 0 0 2px color-mix(in srgb,var(--theme) 72%,transparent),0 0 28px color-mix(in srgb,var(--theme) 25%,transparent)}
.drag-ghost{position:fixed!important;left:-9999px!important;top:-9999px!important;opacity:.96!important;transform:rotate(1.2deg) scale(1.02)!important;box-shadow:0 24px 50px rgba(0,0,0,.35)!important}

.tile-link{padding:8px 66px 8px 14px;font-size:14px;font-weight:600}
.favicon{right:18px;width:28px;height:28px;border-radius:0;background:transparent;backdrop-filter:none;font-size:15px;transition:transform .2s cubic-bezier(.22,1,.36,1)}
.medium .favicon{width:48px;height:48px;border-radius:0;font-size:24px}
.brand{display:grid;place-items:center;width:100%;height:100%;font-weight:800;line-height:1;font-family:Inter,Arial,sans-serif}
.brand-github{border:2px solid rgba(255,255,255,.72);border-radius:50%;font-size:0;background:#151515}.light .brand-github{border-color:#333}
.brand-github::after{content:'◖';font-size:17px;color:#ddd;transform:rotate(90deg)}
.brand-youtube{background:#ff1538;color:#fff;border-radius:9px;font-size:15px;padding-left:2px}.medium .brand-youtube{border-radius:12px;font-size:24px}
.brand-notion{background:#f5f5f5;color:#111;border:2px solid #111;border-radius:5px;font-family:Georgia,serif;font-size:24px;box-shadow:inset 0 0 0 2px #fff}.medium .brand-notion{font-size:35px}
.brand-spotify{background:#1ed760;color:#071a0e;border-radius:50%;font-size:20px}.brand-wiki{background:#f7f7f5;color:#161616;border-radius:7px;font-family:Georgia,serif;font-size:25px}.medium .brand-wiki{font-size:38px}
.brand-react{color:#61dafb;font-size:24px}.brand-vite{font-size:22px}.brand-ts{background:#3178c6;color:#fff;border-radius:3px;font-size:9px;align-items:end;justify-items:end;padding:2px}.brand-dribbble{background:#ea4c89;color:#fff;border-radius:50%;font-size:18px}.brand-hn{background:#f60;color:white;border-radius:2px}.brand-smashing{background:#d33a2c;color:white;border-radius:3px;font-family:Georgia,serif}.brand-excalidraw{background:#6965db;color:white;border-radius:6px}.brand-squoosh{background:#f26d4f;color:#fff;border-radius:50%}.brand-photopea{background:#16a6a0;color:#fff;border-radius:5px}.brand-shadcn{background:#111;color:white;border-radius:4px}.brand-tailwind{color:#38bdf8;font-size:24px}.brand-mdn{font-family:Georgia,serif}.brand-linear{border-radius:50%;background:repeating-linear-gradient(45deg,#e8e8e8 0 2px,#222 2px 4px)}.brand-fallback{background:rgba(255,255,255,.08);border-radius:7px}
.brand-figma{position:relative;grid-template-columns:repeat(2,8px);grid-template-rows:repeat(3,8px);gap:0;width:16px;height:24px}.brand-figma i{display:block}.brand-figma i:nth-child(1){background:#f24e1e;border-radius:8px 0 0 8px}.brand-figma i:nth-child(2){background:#ff7262;border-radius:0 8px 8px 0}.brand-figma i:nth-child(3){background:#a259ff;border-radius:8px 0 0 8px}.brand-figma i:nth-child(4){background:#1abcfe;border-radius:50%}.brand-figma i:nth-child(5){background:#0acf83;border-radius:8px 0 8px 8px}

.pixel-texture{pointer-events:none;position:absolute;z-index:1;right:0;top:0;width:65%;height:100%;display:grid;grid-template-columns:repeat(var(--effect-cols,14),8px);grid-auto-rows:8px;gap:1px;align-content:start;justify-content:end;opacity:1;mask-image:none;overflow:hidden;transition:filter .2s ease}
.pixel-texture::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--card) 0%,color-mix(in srgb,var(--card) 60%,transparent) 25%,transparent 64%);z-index:2}
.effect-cell{width:8px;height:8px;border-radius:0;background:transparent;transition:opacity .16s linear,background-color .16s linear;transform-origin:center;will-change:transform,opacity,background-color}

.folder-item{padding:10px 10px 10px}.folder-header{position:relative;z-index:8;width:100%;height:22px;display:flex;align-items:center;padding:0 2px;border:0;background:transparent;color:inherit;font-size:14px;font-weight:650;text-align:left;cursor:pointer}
.folder-preview{z-index:5;margin-top:7px;gap:6px;max-height:calc(100% - 28px)}
.folder-row{height:35px;min-height:35px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--card) 84%,transparent);padding:0 48px 0 13px;font-size:13px;font-weight:600;transition:transform .16s ease,border-color .16s ease,background-color .16s ease}
.folder-row:hover{transform:translateX(2px);border-color:color-mix(in srgb,var(--fg) 18%,transparent);background:color-mix(in srgb,var(--muted) 70%,transparent)}
.folder-row::before{display:none}.folder-row .mini-icon{right:11px;width:23px;height:23px;background:transparent;border-radius:0}

.suggestions{border-radius:16px;background:var(--popover);animation:suggestOpen .2s cubic-bezier(.22,1,.36,1) both;transform-origin:top center}
@keyframes suggestOpen{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:none}}
.suggest-card{border-radius:16px;background:var(--card);overflow:hidden}.suggest-word{border-radius:10px}

.popover,.context-menu{transform-origin:top left;opacity:0;transform:translateY(-5px) scale(.97);transition:opacity .14s ease,transform .14s ease}
.popover:not(.hidden),.context-menu:not(.hidden){opacity:1;transform:none}
.rich-context{width:224px;padding:7px;border-radius:14px;background:var(--popover);border:1px solid var(--border);box-shadow:0 18px 50px rgba(0,0,0,.38)}
.context-sizes{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:3px 3px 7px}.size-pill{height:30px;border-radius:999px;border:1px solid var(--border);background:transparent;font-size:11px;cursor:pointer}.size-pill.active{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.context-line{width:100%;height:34px;display:flex;align-items:center;gap:9px;padding:0 9px;border-radius:9px;background:transparent;text-align:left;font-size:13px;cursor:pointer}.context-line:hover{background:var(--muted)}.context-icon{width:17px;text-align:center;color:var(--muted-fg)}.context-line.checked .context-icon{color:var(--theme)}.context-line.danger{color:#ef646d}.context-line.danger.armed{background:rgba(239,100,109,.12)}

.modal-backdrop{background:rgba(0,0,0,.48);backdrop-filter:blur(10px);animation:backdropIn .22s ease both}.modal-card{border-radius:18px;background:var(--popover);box-shadow:0 28px 90px rgba(0,0,0,.46);animation:modalIn .28s cubic-bezier(.22,1,.36,1) both}
@keyframes backdropIn{from{opacity:0}to{opacity:1}}@keyframes modalIn{from{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.folder-expansion-modal{width:min(438px,calc(100vw - 28px));height:min(438px,78dvh);overflow:hidden;padding:0;background:var(--card)}
.folder-expansion-shell{height:100%;position:relative;padding:18px 16px 16px;overflow:hidden}.folder-expansion-shell>*:not(.folder-effect){position:relative;z-index:3}.folder-effect{position:absolute;inset:0;background:radial-gradient(circle at 84% 15%,color-mix(in srgb,var(--folder-color) 20%,transparent),transparent 46%),linear-gradient(135deg,transparent 40%,color-mix(in srgb,var(--folder-color) 7%,transparent));opacity:.8}
.folder-expansion-modal .modal-head{margin:0 0 15px}.folder-expansion-modal .modal-head h3{font-size:15px}.folder-expansion-modal .close-btn{background:transparent;font-size:21px}
.folder-expansion-modal .folder-dialog-list{grid-template-columns:1fr;gap:6px;max-height:330px;padding-right:1px}.folder-expansion-modal .folder-dialog-row{height:36px;border-radius:16px;background:rgba(10,10,12,.2);animation:folderRowIn .3s cubic-bezier(.22,1,.36,1) both}.light .folder-expansion-modal .folder-dialog-row{background:rgba(255,255,255,.35)}
.folder-expansion-modal .folder-dialog-row:nth-child(2){animation-delay:35ms}.folder-expansion-modal .folder-dialog-row:nth-child(3){animation-delay:70ms}.folder-expansion-modal .folder-dialog-row:nth-child(4){animation-delay:105ms}.folder-expansion-modal .folder-dialog-row:nth-child(5){animation-delay:140ms}.folder-expansion-modal .folder-dialog-row:nth-child(6){animation-delay:175ms}
@keyframes folderRowIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.folder-expansion-modal .ficon{background:transparent}.folder-expansion-modal .folder-actions{position:absolute!important;left:16px;right:16px;bottom:13px;opacity:0;transition:opacity .16s}.folder-expansion-modal:hover .folder-actions{opacity:1}

.settings-layer .modal-backdrop{backdrop-filter:blur(12px);background:rgba(0,0,0,.50)}
.settings-card{width:min(768px,calc(100vw - 32px));height:min(560px,80dvh);border-radius:20px;background:#18191d;border:1px solid rgba(255,255,255,.06);box-shadow:0 34px 100px rgba(0,0,0,.48);animation:settingsIn .34s cubic-bezier(.22,1,.36,1) both;overflow:hidden}
.light .settings-card{background:#fff;border-color:rgba(0,0,0,.08)}
@keyframes settingsIn{from{opacity:0;transform:translate(-50%,-47%) scale(.965)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.settings-sidebar{width:176px;padding:24px 16px 16px}.settings-sidebar h2{font-size:15px;margin:0 8px 20px}.settings-sidebar nav{gap:3px}.settings-sidebar nav button,.settings-close{height:34px;border-radius:11px;padding:0 9px;font-size:13px}.settings-sidebar nav button.active{background:#2a2b2f}.light .settings-sidebar nav button.active{background:#eee}
.settings-content{padding:24px}.settings-content h3{font-size:15px;margin:0 0 24px}.setting-row{min-height:42px}.setting-row label,.setting-row .label{font-size:13px}.setting-row input[type=text],.setting-row select,.setting-row button{min-height:30px;border-radius:12px;background:#2a2b2f}.light .setting-row input[type=text],.light .setting-row select,.light .setting-row button{background:#eee}

.toast{animation:toastIn .28s cubic-bezier(.22,1,.36,1) both}@keyframes toastIn{from{opacity:0;transform:translateY(-10px) scale(.97)}to{opacity:1;transform:none}}
.bulk-bar{animation:bulkIn .3s cubic-bezier(.22,1,.36,1) both}@keyframes bulkIn{from{opacity:0;transform:translate(-50%,12px) scale(.97)}to{opacity:1;transform:translate(-50%,0) scale(1)}}

@media(max-width:1260px){.bookmark-grid{grid-template-columns:repeat(16,minmax(0,1fr))}}
@media(max-width:999px){.app-shell{padding-left:40px;padding-right:40px}.bookmark-grid{grid-template-columns:repeat(12,minmax(0,1fr))}}
@media(max-width:720px){.app-shell{padding:20px 22px 0}.bookmark-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;grid-auto-rows:42px}.search-wrap{max-width:100%}.settings-sidebar{width:128px}.grid-item.wide,.grid-item.wide-tall{grid-column:span 8}}
@media(max-width:460px){.app-shell{padding:14px 12px 0}.bookmark-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;grid-auto-rows:43px}.top-stage{min-height:126px}.search-wrap{margin-top:15px}.dot-matrix .dot{width:9px;height:9px}.dot-matrix{gap:3px}.grid-item{grid-column:span 4}.grid-item.wide,.grid-item.wide-tall{grid-column:span 4}.settings-sidebar{width:84px}.settings-card{height:min(620px,91dvh)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}

/* ===== v3 性能版：统一网址卡片，无方格/粒子 ===== */
.pixel-texture,.effect-surface,.effect-cell{display:none!important}
.grid-item.tab-kind{grid-column:span 4!important;grid-row:span 2!important;min-height:104px;border-radius:16px;background:var(--card);overflow:hidden}
.grid-item.tab-kind:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.16);border-color:color-mix(in srgb,var(--fg) 14%,transparent)}
.grid-item.tab-kind .tile-link{height:100%;display:flex;align-items:center;padding:17px 78px 17px 18px;white-space:normal;overflow:hidden}
.grid-item.tab-kind .tile-copy{display:flex;min-width:0;flex:1;flex-direction:column;justify-content:center;gap:7px;overflow:hidden}
.grid-item.tab-kind .tile-title{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:680;line-height:1.2;letter-spacing:-.01em}
.grid-item.tab-kind .tile-description{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted-fg);font-size:12px;font-weight:450;line-height:1.3;letter-spacing:0}
.grid-item.tab-kind .favicon,.grid-item.tab-kind.medium .favicon,.grid-item.tab-kind.small .favicon{right:18px;top:50%;width:42px;height:42px;transform:translateY(-50%);font-size:20px;border-radius:10px;background:color-mix(in srgb,var(--muted) 58%,transparent);padding:7px;transition:transform .16s ease,background-color .16s ease}
.grid-item.tab-kind:hover .favicon{transform:translateY(-50%) scale(1.045);background:color-mix(in srgb,var(--muted) 82%,transparent)}
.grid-item.tab-kind .brand-notion{font-size:24px}.grid-item.tab-kind .brand-youtube{font-size:16px;border-radius:8px}.grid-item.tab-kind .brand-wiki{font-size:24px}.grid-item.tab-kind .brand-spotify{font-size:20px}
.grid-item.tab-kind .brand-github::after{font-size:17px}.grid-item.tab-kind .brand-figma{transform:scale(.9)}
.suggest-card{background:var(--card)!important}

@media(max-width:720px){
  .grid-item.tab-kind{grid-column:span 4!important;grid-row:span 2!important;min-height:96px}
  .grid-item.tab-kind .tile-link{padding:15px 68px 15px 16px}
  .grid-item.tab-kind .favicon,.grid-item.tab-kind.medium .favicon,.grid-item.tab-kind.small .favicon{right:15px;width:38px;height:38px;padding:6px}
}
@media(max-width:460px){
  .grid-item.tab-kind{grid-column:span 4!important;grid-row:span 2!important;min-height:96px}
  .grid-item.tab-kind .tile-title{font-size:14px}.grid-item.tab-kind .tile-description{font-size:11.5px}
}


/* ===== V5: fixed URL card template only ===== */
.bookmark-grid{
  max-width:1120px;
  grid-template-columns:repeat(16,minmax(0,1fr));
  grid-auto-rows:34px;
  gap:12px;
}
.grid-item.tab-kind{
  grid-column:span 4!important;
  grid-row:span 2!important;
  min-height:68px;
  border-radius:16px;
  background:var(--card);
  border:1px solid var(--border);
  box-shadow:none;
  overflow:hidden;
}
.grid-item.tab-kind:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--fg) 16%,transparent);
  box-shadow:0 8px 18px rgba(0,0,0,.10);
}
.grid-item.tab-kind .tile-link{
  height:100%;
  display:flex;
  align-items:center;
  padding:10px 58px 10px 13px;
  color:inherit;
  text-decoration:none;
  white-space:normal;
}
.grid-item.tab-kind .tile-copy{
  display:flex;
  min-width:0;
  flex:1;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  overflow:hidden;
}
.grid-item.tab-kind .tile-title{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13.5px;
  line-height:1.15;
  font-weight:720;
}
.grid-item.tab-kind .tile-description{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--muted-fg);
  font-size:11.5px;
  line-height:1.2;
  font-weight:450;
}
.grid-item.tab-kind .favicon{
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  width:38px;
  height:38px;
  border-radius:11px;
  border:1px solid var(--border);
  background:color-mix(in srgb,var(--card) 90%,var(--muted) 10%);
  display:grid;
  place-items:center;
  backdrop-filter:none;
  transition:transform .18s ease,border-color .18s ease,background-color .18s ease;
}
.grid-item.tab-kind:hover .favicon{transform:translateY(-50%) scale(1.03)}
.grid-item.tab-kind .brand{width:18px;height:18px;font-size:13px}
.grid-item.tab-kind .brand-github{border-width:2px}
.grid-item.tab-kind .brand-github::after{font-size:13px}
.grid-item.tab-kind .brand-figma{width:14px;height:21px;grid-template-columns:repeat(2,7px);grid-template-rows:repeat(3,7px)}
.grid-item.tab-kind .brand-youtube{border-radius:6px;font-size:10px}
.grid-item.tab-kind .brand-notion{font-size:13px;border-radius:3px}
.grid-item.tab-kind .brand-wiki{font-size:15px;background:transparent;color:inherit}
.grid-item.tab-kind .brand-fallback{font-size:11px;border-radius:5px}
/* no folder/component/custom-control surfaces */
.folder-kind,.grid-item.component,.bulk-bar,#morePopover{display:none!important}
@media(max-width:999px){.bookmark-grid{grid-template-columns:repeat(12,minmax(0,1fr));}.grid-item.tab-kind{grid-column:span 4!important}}
@media(max-width:720px){.bookmark-grid{grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:33px;gap:10px}.grid-item.tab-kind{grid-column:span 4!important;min-height:66px}}
@media(max-width:460px){.bookmark-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:32px;gap:9px}.grid-item.tab-kind{grid-column:span 4!important;min-height:64px}.grid-item.tab-kind .favicon{width:34px;height:34px}.grid-item.tab-kind .tile-title{font-size:13px}.grid-item.tab-kind .tile-description{font-size:11px}}


/* ===== V6: fixed motion + refined top controls ===== */
.top-tool-btn{
  width:34px;height:34px;border-radius:11px;
  color:color-mix(in srgb,var(--fg) 82%,var(--muted-fg));
  transition:background-color .18s ease,color .18s ease,transform .18s cubic-bezier(.22,1,.36,1);
}
.top-tool-btn:hover{background:color-mix(in srgb,var(--muted) 82%,transparent);color:var(--fg);transform:translateY(-1px)}
.top-tool-btn:active{transform:translateY(0) scale(.94)}
.top-tool-btn svg{width:17px;height:17px;stroke-width:1.7;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
/* Transitions are a fixed part of the experience; no user switch. */
body.no-transition{ }

/* ========================================================================== 
   en导航 V7 · full-page navigation layout
   ========================================================================== */
html{scroll-behavior:smooth}
body{overflow-x:hidden!important;overflow-y:auto!important;min-height:100dvh;background:var(--bg)}
body.modal-open{overflow:hidden!important}
.app-shell{height:auto!important;min-height:calc(100dvh - 180px);overflow:visible!important;display:block!important;padding:24px 42px 52px!important}
.top-stage{min-height:154px;margin:0 auto;display:flex;justify-content:flex-end}
.top-stage.compact{min-height:58px}
.search-wrap{position:relative;z-index:30}
.navigation-section{width:100%;max-width:1280px;margin:26px auto 0;min-height:180px}
.grid-scroll{overflow:visible!important;height:auto!important;max-height:none!important}

/* category navigation */
.category-panel{display:grid;gap:11px;margin:0 0 16px}
.category-primary{display:flex;align-items:center;gap:6px;overflow-x:auto;padding:2px 1px 3px;scrollbar-width:none}
.category-primary::-webkit-scrollbar,.category-secondary::-webkit-scrollbar{display:none}
.category-tab{flex:0 0 auto;height:34px;padding:0 11px;border-radius:11px;background:transparent;color:var(--muted-fg);display:inline-flex;align-items:center;gap:7px;cursor:pointer;border:1px solid transparent;transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}
.category-tab:hover{background:color-mix(in srgb,var(--muted) 68%,transparent);color:var(--fg)}
.category-tab:active{transform:scale(.96)}
.category-tab span{font-size:13px;font-weight:620;white-space:nowrap}
.category-tab em{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:color-mix(in srgb,var(--muted) 78%,transparent);display:grid;place-items:center;font-size:10px;font-style:normal;color:var(--muted-fg)}
.category-tab.active{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.category-tab.active em{background:color-mix(in srgb,var(--bg) 14%,transparent);color:var(--bg)}
.category-secondary{display:flex;gap:7px;overflow-x:auto;padding:0 1px 1px;animation:secondaryIn .22s cubic-bezier(.22,1,.36,1) both;scrollbar-width:none}
@keyframes secondaryIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
.subcategory-chip{flex:0 0 auto;height:28px;padding:0 11px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--muted-fg);font-size:11.5px;cursor:pointer;transition:background-color .17s ease,color .17s ease,border-color .17s ease,transform .17s ease}
.subcategory-chip:hover{color:var(--fg);border-color:color-mix(in srgb,var(--fg) 18%,transparent)}
.subcategory-chip:active{transform:scale(.96)}
.subcategory-chip.active{background:var(--muted);color:var(--fg);border-color:transparent}

/* max 6 URL cards per row */
.bookmark-grid{width:100%!important;max-width:1280px!important;margin:0!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-auto-rows:auto!important;gap:12px!important;padding:0!important}
.url-card{position:relative;isolation:isolate;min-width:0;height:70px;border:1px solid var(--border);border-radius:16px;background:var(--card);overflow:hidden;cursor:grab;user-select:none;transform:translateZ(0);transition:border-color .18s ease,box-shadow .18s ease,transform .18s cubic-bezier(.22,1,.36,1),opacity .18s ease}
.url-card.entering{animation:gridEnter .42s cubic-bezier(.22,1,.36,1) calc(var(--entry-index,0)*28ms) both}
.url-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--fg) 16%,transparent);box-shadow:0 10px 24px rgba(0,0,0,.12)}
.url-card:active{cursor:grabbing}
.url-card.dragging{opacity:.24;transform:scale(.985)}
.url-card.drop-target{box-shadow:0 0 0 2px color-mix(in srgb,var(--theme) 70%,transparent),0 8px 24px color-mix(in srgb,var(--theme) 14%,transparent)}
.url-card .tile-link{height:100%;display:flex;align-items:center;padding:10px 57px 10px 13px;color:inherit;text-decoration:none;overflow:hidden;white-space:normal}
.url-card .tile-copy{display:flex;min-width:0;flex:1;flex-direction:column;justify-content:center;gap:4px;overflow:hidden}
.url-card .tile-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.16;font-weight:720;letter-spacing:-.01em}
.url-card .tile-description{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted-fg);font-size:11px;line-height:1.2;font-weight:450}
.url-card .favicon{position:absolute;z-index:4;right:11px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:11px;border:1px solid var(--border);background:color-mix(in srgb,var(--card) 88%,var(--muted) 12%);display:grid;place-items:center;padding:7px;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}
.url-card:hover .favicon{transform:translateY(-50%) scale(1.04);border-color:color-mix(in srgb,var(--fg) 16%,transparent)}
.url-card .brand{display:grid;place-items:center;width:18px;height:18px;line-height:1;font-size:12px;font-weight:800}
.url-card .brand-github{border:2px solid rgba(255,255,255,.72);border-radius:50%;font-size:0;background:#151515}.light .url-card .brand-github{border-color:#333}.url-card .brand-github::after{content:'◖';font-size:12px;color:#ddd;transform:rotate(90deg)}
.url-card .brand-figma{position:relative;display:grid;width:14px;height:21px;grid-template-columns:repeat(2,7px);grid-template-rows:repeat(3,7px)}.url-card .brand-figma i:nth-child(1){background:#f24e1e;border-radius:7px 0 0 7px}.url-card .brand-figma i:nth-child(2){background:#ff7262;border-radius:0 7px 7px 0}.url-card .brand-figma i:nth-child(3){background:#a259ff;border-radius:7px 0 0 7px}.url-card .brand-figma i:nth-child(4){background:#1abcfe;border-radius:50%}.url-card .brand-figma i:nth-child(5){background:#0acf83;border-radius:7px 0 7px 7px}
.url-card .brand-youtube{background:#ff1538;color:#fff;border-radius:6px;font-size:9px;padding-left:1px}.url-card .brand-notion{background:#f5f5f5;color:#111;border:1.5px solid #111;border-radius:3px;font-family:Georgia,serif;font-size:12px}.url-card .brand-spotify{background:#1ed760;color:#071a0e;border-radius:50%;font-size:13px}.url-card .brand-wiki{font-family:Georgia,serif;font-size:16px}.url-card .brand-mdn{font-family:Georgia,serif;font-size:13px}.url-card .brand-linear{border-radius:50%;background:repeating-linear-gradient(45deg,#e8e8e8 0 2px,#222 2px 4px)}.url-card .brand-fallback{border-radius:5px;background:rgba(255,255,255,.07);font-size:10px}
.empty-tip{padding:60px 20px 34px}

/* search suggestions refinement */
.suggestions{box-shadow:0 24px 70px rgba(0,0,0,.35);border-radius:16px}
.suggest-card,.suggest-word{border:0;text-align:left;color:inherit}
.suggest-card{gap:10px;padding:0 12px}.suggest-mini-logo{width:23px;height:23px;border-radius:7px;background:var(--muted);display:grid;place-items:center;flex:0 0 auto}.suggest-mini-logo .brand{width:13px;height:13px;font-size:9px}.suggest-word svg{width:15px;height:15px;fill:none;stroke:var(--muted-fg);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}

/* top popover */
.engine-popover{position:fixed;z-index:120;width:208px;padding:7px;border:1px solid var(--border);border-radius:15px;background:var(--popover);box-shadow:0 20px 60px rgba(0,0,0,.38);animation:popoverIn .16s cubic-bezier(.22,1,.36,1) both}
@keyframes popoverIn{from{opacity:0;transform:translateY(-5px) scale(.97)}to{opacity:1;transform:none}}
.engine-popover button{width:100%;height:40px;padding:0 9px;border-radius:10px;background:transparent;color:inherit;display:flex;align-items:center;gap:9px;cursor:pointer;text-align:left;transition:background-color .14s ease}
.engine-popover button:hover{background:var(--muted)}
.engine-popover .engine-dot{width:24px;height:24px;border-radius:8px;background:var(--muted);display:grid;place-items:center;font-size:11px;font-weight:800}
.engine-popover .engine-check{margin-left:auto;width:15px;height:15px;fill:none;stroke:transparent;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.engine-popover button.active .engine-check{stroke:var(--theme)}

/* settings icons */
.settings-title{display:flex;align-items:center;gap:9px;margin:0 7px 21px}.settings-title h2{margin:0!important;font-size:15px}.settings-title-icon{width:27px;height:27px;border-radius:9px;background:var(--muted);display:grid;place-items:center}.settings-title-icon svg,.settings-sidebar nav svg,.settings-close svg,.section-icon svg{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.settings-title-icon svg{width:15px;height:15px}.settings-sidebar nav button{gap:9px}.settings-sidebar nav button svg,.settings-close svg{width:16px;height:16px;flex:0 0 auto;color:var(--muted-fg);transition:color .16s ease,transform .16s ease}.settings-sidebar nav button:hover svg,.settings-sidebar nav button.active svg{color:var(--fg);transform:scale(1.04)}.settings-sidebar nav button.active{background:var(--muted)!important}.settings-close:hover svg{color:var(--fg);transform:rotate(4deg)}
.settings-content{padding:25px 26px!important}.settings-section-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:24px}.section-icon{width:34px;height:34px;border:1px solid var(--border);border-radius:11px;background:color-mix(in srgb,var(--muted) 58%,transparent);display:grid;place-items:center;flex:0 0 auto}.section-icon svg{width:17px;height:17px}.settings-section-head h3{margin:1px 0 4px!important;font-size:15px!important}.settings-section-head p{margin:0;color:var(--muted-fg);font-size:11.5px;line-height:1.5}.setting-list{gap:10px!important}.setting-row{display:grid!important;grid-template-columns:minmax(0,1fr) 210px!important;min-height:52px!important;align-items:center!important;gap:16px!important;padding:8px 0;border-bottom:1px solid color-mix(in srgb,var(--border) 65%,transparent)}.setting-row:last-child{border-bottom:0}.setting-meta{min-width:0;display:grid;gap:3px}.setting-meta strong{font-size:12.5px;font-weight:650}.setting-meta small{font-size:10.5px;line-height:1.45;color:var(--muted-fg)}
.setting-input{width:100%;height:36px;border:1px solid var(--border);border-radius:11px;background:var(--card);color:var(--fg);padding:0 11px;outline:none;transition:border-color .16s ease,box-shadow .16s ease}.setting-input:focus{border-color:color-mix(in srgb,var(--theme) 52%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--theme) 8%,transparent)}

/* fully custom dropdown card */
.custom-select{position:relative;width:100%;min-width:0}.custom-select-trigger{width:100%;height:36px;padding:0 10px 0 12px;border:1px solid var(--border)!important;border-radius:11px!important;background:color-mix(in srgb,var(--card) 92%,var(--muted) 8%)!important;color:var(--fg);display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.02);transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.custom-select-trigger:hover{background:var(--muted)!important;border-color:color-mix(in srgb,var(--fg) 13%,transparent)!important}.custom-select.open .custom-select-trigger{border-color:color-mix(in srgb,var(--theme) 48%,var(--border))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--theme) 7%,transparent)}.custom-select-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.custom-select-trigger svg{width:14px;height:14px;fill:none;stroke:var(--muted-fg);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}.custom-select.open .custom-select-trigger svg{transform:rotate(180deg)}
.custom-select-menu{position:absolute;z-index:300;left:0;right:0;top:calc(100% + 6px);padding:6px;border:1px solid var(--border);border-radius:13px;background:var(--popover);box-shadow:0 18px 50px rgba(0,0,0,.34);animation:selectMenuIn .16s cubic-bezier(.22,1,.36,1) both;max-height:218px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--muted-2) transparent}
@keyframes selectMenuIn{from{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}
.custom-option{width:100%;height:34px;padding:0 9px;border-radius:9px;background:transparent;color:var(--fg);display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;text-align:left;transition:background-color .13s ease}.custom-option:hover{background:var(--muted)}.custom-option span{font-size:11.5px}.custom-option svg{width:14px;height:14px;fill:none;stroke:transparent;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.custom-option.selected{background:color-mix(in srgb,var(--theme) 9%,transparent)}.custom-option.selected svg{stroke:var(--theme)}

.color-control{height:36px;border:1px solid var(--border);border-radius:11px;background:var(--card);display:flex;align-items:center;padding:0 8px 0 10px;gap:8px}.color-preview{width:18px;height:18px;border-radius:6px;background:var(--preview);box-shadow:0 0 0 1px var(--border)}.color-control input[type=color]{margin-left:auto;width:30px;height:26px;padding:0;border:0;background:transparent;cursor:pointer}.color-control input[type=color]::-webkit-color-swatch-wrapper{padding:3px}.color-control input[type=color]::-webkit-color-swatch{border:0;border-radius:7px}

/* category assignment settings */
.category-settings-list{display:grid;gap:8px;padding-bottom:12px}.category-setting-card{display:grid;grid-template-columns:minmax(160px,1fr) minmax(260px,1.2fr);gap:14px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--card) 94%,transparent)}.category-site-meta{display:flex;align-items:center;gap:9px;min-width:0}.category-site-meta>span:last-child{display:grid;gap:3px;min-width:0}.category-site-meta b,.category-site-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-site-meta b{font-size:12px}.category-site-meta small{font-size:10px;color:var(--muted-fg)}.mini-site-logo{width:31px;height:31px;border:1px solid var(--border);border-radius:10px;background:var(--muted);display:grid;place-items:center;flex:0 0 auto;padding:6px}.mini-site-logo .brand{width:16px;height:16px;font-size:10px}.category-selects{display:grid;grid-template-columns:1fr 1fr;gap:7px}

/* fixed search engine settings */
.engine-settings-list{display:grid;gap:8px}.engine-setting-row{width:100%;min-height:54px;padding:8px 10px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--card) 94%,transparent);display:flex;align-items:center;gap:10px;color:inherit;text-align:left;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.engine-setting-row:hover{background:var(--muted);border-color:color-mix(in srgb,var(--fg) 13%,transparent)}.engine-setting-row:active{transform:scale(.992)}.engine-setting-row .mark{width:30px;height:30px;border-radius:9px;background:var(--muted);display:grid;place-items:center;font-size:11px;font-weight:800}.engine-setting-row .meta{min-width:0;flex:1;display:grid;gap:2px}.engine-setting-row .meta b,.engine-setting-row .meta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.engine-setting-row .meta b{font-size:12px}.engine-setting-row .meta small{font-size:9.5px;color:var(--muted-fg)}.engine-radio{width:19px;height:19px;border:1.5px solid var(--border-strong);border-radius:50%;display:grid;place-items:center}.engine-radio i{width:9px;height:9px;border-radius:50%;background:transparent;transform:scale(.3);transition:background-color .16s ease,transform .16s ease}.engine-setting-row.selected{border-color:color-mix(in srgb,var(--theme) 45%,var(--border))}.engine-setting-row.selected .engine-radio{border-color:var(--theme)}.engine-setting-row.selected .engine-radio i{background:var(--theme);transform:scale(1)}

.about-card{border:1px solid var(--border);border-radius:16px;background:var(--card);padding:18px}.about-brand{font-size:20px;font-weight:780;letter-spacing:-.03em}.about-card p{margin:10px 0 16px;color:var(--muted-fg);font-size:12px;line-height:1.75}.about-links{display:flex;gap:8px}.about-links a{height:32px;padding:0 11px;border:1px solid var(--border);border-radius:10px;color:inherit;text-decoration:none;display:inline-flex;align-items:center;font-size:11px;transition:background-color .15s ease}.about-links a:hover{background:var(--muted)}

/* complete footer */
.site-footer{border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg) 94%,var(--card) 6%);padding:36px 42px 18px}
.footer-inner{width:100%;max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(240px,2fr) 1fr 1fr;gap:44px}.footer-brand{display:inline-block;color:var(--fg);text-decoration:none;font-size:20px;font-weight:780;letter-spacing:-.035em}.footer-brand-block p{max-width:360px;margin:9px 0 0;color:var(--muted-fg);font-size:11.5px;line-height:1.65}.footer-links-block strong{display:block;margin:2px 0 10px;font-size:11px;font-weight:650}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.footer-links a{color:var(--muted-fg);text-decoration:none;font-size:11px;transition:color .15s ease}.footer-links a:hover{color:var(--fg)}.footer-bottom{width:100%;max-width:1280px;margin:28px auto 0;padding-top:15px;border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent);display:flex;justify-content:space-between;gap:12px;color:var(--muted-fg);font-size:10px}

/* legal pages */
.legal-page{min-height:100dvh;display:flex;flex-direction:column;overflow-y:auto!important}.legal-topbar{width:100%;max-width:980px;margin:0 auto;padding:28px 24px 16px;display:flex;align-items:center;justify-content:space-between}.legal-brand{color:var(--fg);text-decoration:none;font-size:18px;font-weight:780;letter-spacing:-.03em}.back-home{height:34px;padding:0 11px;border:1px solid var(--border);border-radius:11px;color:var(--muted-fg);text-decoration:none;display:inline-flex;align-items:center;gap:5px;font-size:11px;transition:color .16s ease,background-color .16s ease}.back-home:hover{color:var(--fg);background:var(--muted)}.back-home svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.legal-shell{width:min(760px,calc(100% - 40px));margin:54px auto 80px;flex:1}.legal-kicker{font-size:9px;letter-spacing:.16em;color:var(--theme);font-weight:750}.legal-shell h1{margin:10px 0 6px;font-size:34px;letter-spacing:-.045em}.legal-updated{margin:0 0 38px;color:var(--muted-fg);font-size:11px}.legal-shell section{padding:22px 0;border-top:1px solid var(--border)}.legal-shell section:last-child{border-bottom:1px solid var(--border)}.legal-shell h2{margin:0 0 9px;font-size:14px}.legal-shell section p{margin:0;color:var(--muted-fg);font-size:12px;line-height:1.85}.legal-footer{width:min(980px,calc(100% - 40px));margin:0 auto;padding:20px 0 28px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;color:var(--muted-fg);font-size:10px}.legal-footer div{display:flex;gap:14px}.legal-footer a{color:var(--muted-fg);text-decoration:none}.legal-footer a:hover{color:var(--fg)}

/* responsive */
@media(max-width:1180px){.bookmark-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(max-width:980px){.bookmark-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.app-shell{padding-left:30px!important;padding-right:30px!important}.site-footer{padding-left:30px;padding-right:30px}}
@media(max-width:760px){.bookmark-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.app-shell{padding:20px 20px 44px!important}.navigation-section{margin-top:20px}.footer-inner{grid-template-columns:1fr 1fr;gap:28px}.footer-brand-block{grid-column:1/-1}.settings-card{width:min(720px,calc(100vw - 22px))!important;height:min(620px,90dvh)!important}.settings-sidebar{width:132px!important}.settings-content{padding:20px!important}.setting-row{grid-template-columns:1fr 180px!important}.category-setting-card{grid-template-columns:1fr}.category-selects{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.bookmark-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.app-shell{padding:15px 12px 38px!important}.top-stage{min-height:122px}.search-wrap{margin-top:15px}.search-box{height:88px;min-height:88px}.navigation-section{margin-top:16px}.category-panel{margin-bottom:13px}.site-footer{padding:30px 14px 16px}.footer-inner{grid-template-columns:1fr 1fr;gap:24px 18px}.footer-bottom{flex-direction:column;gap:5px}.settings-sidebar{width:78px!important;padding:16px 8px 10px!important}.settings-title{justify-content:center;margin:0 0 16px}.settings-title h2,.settings-sidebar nav span,.settings-close span{display:none}.settings-sidebar nav button,.settings-close{justify-content:center!important;padding:0!important}.settings-sidebar nav button svg,.settings-close svg{width:17px;height:17px}.settings-content{padding:18px 13px!important}.setting-row{grid-template-columns:1fr!important;gap:7px!important;padding:9px 0}.category-selects{grid-template-columns:1fr 1fr}.legal-topbar{padding:20px 16px 10px}.legal-shell{width:calc(100% - 30px);margin:38px auto 56px}.legal-shell h1{font-size:29px}.legal-footer{width:calc(100% - 30px);flex-direction:column;align-items:flex-start;gap:9px}}
@media(max-width:350px){.bookmark-grid{grid-template-columns:1fr!important}.category-selects{grid-template-columns:1fr}}


/* ========================================================================== 
   en导航 V8 · stacked primary categories + refined dropdowns
   ========================================================================== */
.category-sections{display:grid;gap:34px}
.nav-category-block{min-width:0;animation:categoryBlockIn .42s cubic-bezier(.22,1,.36,1) calc(var(--category-index,0)*55ms) both}
@keyframes categoryBlockIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.category-block-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin:0 0 13px;padding:0 1px}
.category-title-wrap{min-width:0;display:grid;gap:4px}.category-title-line{display:flex;align-items:center;gap:8px;min-width:0}.category-index{font-size:9px;font-weight:760;letter-spacing:.08em;color:color-mix(in srgb,var(--theme) 78%,var(--muted-fg));font-variant-numeric:tabular-nums}.category-title-line h2{margin:0;font-size:15px;line-height:1.2;font-weight:760;letter-spacing:-.025em}.category-title-line>em{height:18px;min-width:18px;padding:0 5px;border-radius:999px;background:var(--muted);display:grid;place-items:center;font-size:9px;font-style:normal;color:var(--muted-fg)}.category-title-wrap p{margin:0 0 0 27px;color:var(--muted-fg);font-size:10px;line-height:1.4}
.category-secondary{display:flex;align-items:center;justify-content:flex-end;gap:5px;overflow-x:auto;padding:2px;scrollbar-width:none;max-width:min(65%,680px)}.category-secondary::-webkit-scrollbar{display:none}
.subcategory-chip{flex:0 0 auto;height:30px;padding:0 10px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--muted-fg);font-size:11px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:background-color .17s ease,color .17s ease,border-color .17s ease,transform .17s ease}.subcategory-chip:hover{color:var(--fg);background:color-mix(in srgb,var(--muted) 72%,transparent)}.subcategory-chip:active{transform:scale(.96)}.subcategory-chip em{height:16px;min-width:16px;padding:0 4px;border-radius:999px;background:color-mix(in srgb,var(--muted) 72%,transparent);font-size:9px;font-style:normal;display:grid;place-items:center;color:var(--muted-fg)}.subcategory-chip.active{background:var(--fg);color:var(--bg);border-color:var(--fg)}.subcategory-chip.active em{background:color-mix(in srgb,var(--bg) 15%,transparent);color:var(--bg)}
.category-grid{width:100%!important;max-width:none!important;margin:0!important}
.category-empty{height:70px;border:1px dashed var(--border);border-radius:16px;display:grid;place-items:center;color:var(--muted-fg);font-size:11px}

/* Categories are fixed in code and are not configurable in Settings. */
.category-settings-list,.category-setting-card,.category-selects{display:none!important}

/* V8 custom dropdown card */
.custom-select{position:relative;width:100%;min-width:0}
.custom-select-trigger{width:100%!important;height:42px!important;padding:0 7px 0 12px!important;border:1px solid color-mix(in srgb,var(--border) 88%,transparent)!important;border-radius:13px!important;background:linear-gradient(180deg,color-mix(in srgb,var(--card) 95%,white 2%),color-mix(in srgb,var(--card) 96%,var(--muted) 4%))!important;color:var(--fg)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;cursor:pointer!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 1px 1px rgba(0,0,0,.04)!important;transition:border-color .17s ease,background-color .17s ease,box-shadow .17s ease,transform .17s ease!important}
.light .custom-select-trigger{box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 1px 2px rgba(0,0,0,.025)!important}
.custom-select-trigger:hover{border-color:color-mix(in srgb,var(--fg) 14%,transparent)!important;background:color-mix(in srgb,var(--card) 86%,var(--muted) 14%)!important}.custom-select-trigger:active{transform:scale(.992)}.custom-select.open .custom-select-trigger{border-color:color-mix(in srgb,var(--theme) 55%,var(--border))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--theme) 9%,transparent),inset 0 1px 0 rgba(255,255,255,.035)!important}
.custom-select-main{min-width:0;display:flex;align-items:center;gap:9px}.select-indicator{width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--theme) 85%,white 5%);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme) 10%,transparent);flex:0 0 auto}.custom-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:590}.select-chevron{width:28px;height:28px;border-radius:9px;background:color-mix(in srgb,var(--muted) 74%,transparent);display:grid;place-items:center;flex:0 0 auto;transition:background-color .17s ease}.custom-select-trigger:hover .select-chevron{background:var(--muted)}.select-chevron svg{width:14px;height:14px;fill:none;stroke:var(--muted-fg);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s cubic-bezier(.22,1,.36,1)}.custom-select.open .select-chevron svg{transform:rotate(180deg)}
.custom-select-menu{position:absolute;z-index:400;left:0;right:0;top:calc(100% + 7px);padding:5px;border:1px solid color-mix(in srgb,var(--border) 92%,transparent);border-radius:16px;background:color-mix(in srgb,var(--popover) 97%,transparent);box-shadow:0 22px 58px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(18px);animation:v8SelectIn .18s cubic-bezier(.22,1,.36,1) both;max-height:248px;overflow:hidden}.custom-select.open-upward .custom-select-menu{top:auto;bottom:calc(100% + 7px);transform-origin:bottom center}@keyframes v8SelectIn{from{opacity:0;transform:translateY(-5px) scale(.975)}to{opacity:1;transform:none}}.custom-select.open-upward .custom-select-menu{animation-name:v8SelectUpIn}@keyframes v8SelectUpIn{from{opacity:0;transform:translateY(5px) scale(.975)}to{opacity:1;transform:none}}
.custom-select-menu-inner{display:grid;gap:3px;max-height:236px;overflow:auto;padding:1px;scrollbar-width:thin;scrollbar-color:var(--muted-2) transparent}.custom-option{width:100%!important;height:39px!important;padding:0 8px 0 10px!important;border:1px solid transparent!important;border-radius:11px!important;background:transparent!important;color:var(--fg)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;cursor:pointer!important;text-align:left!important;transition:background-color .14s ease,border-color .14s ease,transform .14s ease!important}.custom-option:hover{background:var(--muted)!important}.custom-option:active{transform:scale(.992)}.custom-option-main{min-width:0;display:flex;align-items:center;gap:9px}.custom-option-main>span{font-size:11.5px;font-weight:520;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option-dot{width:6px;height:6px;border-radius:50%;background:var(--muted-fg);opacity:.38;flex:0 0 auto;transition:background-color .14s ease,opacity .14s ease}.option-check{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;flex:0 0 auto}.option-check svg{width:13px;height:13px;fill:none;stroke:transparent;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.custom-option.selected{background:color-mix(in srgb,var(--theme) 10%,transparent)!important;border-color:color-mix(in srgb,var(--theme) 18%,transparent)!important}.custom-option.selected .option-dot{background:var(--theme);opacity:1;box-shadow:0 0 0 3px color-mix(in srgb,var(--theme) 10%,transparent)}.custom-option.selected .option-check{background:color-mix(in srgb,var(--theme) 13%,transparent)}.custom-option.selected .option-check svg{stroke:var(--theme)}

@media(max-width:760px){.category-sections{gap:30px}.category-block-head{align-items:flex-start;flex-direction:column;gap:9px}.category-secondary{max-width:100%;width:100%;justify-content:flex-start}.category-title-wrap p{margin-left:27px}}
@media(max-width:560px){.category-sections{gap:26px}.category-title-line h2{font-size:14px}.category-title-wrap p{font-size:9.5px}.subcategory-chip{height:29px;padding:0 9px}.category-block-head{margin-bottom:10px}.custom-select-trigger{height:40px!important}}


/* ===== en导航 V9 refinements ===== */
/* Stable top matrix: no infinite flicker; only one reveal when first created/switched. */
.dot-matrix .dot.on{animation:none!important;box-shadow:none!important}
.matrix-reveal .dot.on{animation:dotReveal .36s cubic-bezier(.22,1,.36,1) var(--dot-delay,0ms) both!important}
.dot-matrix.is-breathing .dot{transition:background-color .13s ease,opacity .13s ease,transform .13s ease}

/* URL cards are no longer draggable. */
.url-card{cursor:default!important;user-select:text!important}
.url-card:active{cursor:default!important}
.url-card.dragging,.url-card.drop-target{opacity:1!important;box-shadow:inherit!important}
.url-card .tile-link{user-select:none}

/* Secondary categories: no “all”; fixed #0367fd half-height 50% indicator. */
.subcategory-chip{position:relative;isolation:isolate;overflow:visible;background:transparent!important;border-color:transparent!important;color:var(--muted-fg)!important}
.subcategory-chip>span,.subcategory-chip>em{position:relative;z-index:2}
.subcategory-chip::before{content:'';position:absolute;z-index:1;left:4px;right:4px;bottom:2px;height:50%;border-radius:5px;background:rgba(3,103,253,.5);opacity:0;transform:scaleX(.72);transform-origin:center;transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1)}
.subcategory-chip:hover{color:var(--fg)!important;background:transparent!important}
.subcategory-chip.active{color:var(--fg)!important;background:transparent!important;border-color:transparent!important}
.subcategory-chip.active::before{opacity:1;transform:scaleX(1)}
.subcategory-chip.active em{background:rgba(3,103,253,.16)!important;color:var(--fg)!important}


/* ===== V10: refined secondary indicator + factory reset ===== */
.subcategory-chip{
  position:relative!important;
  overflow:visible!important;
  isolation:isolate!important;
  height:31px!important;
  padding:0 10px 5px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:var(--muted-fg)!important;
  box-shadow:none!important;
}
.subcategory-chip::before{display:none!important}
.subcategory-chip::after{
  content:'';
  position:absolute;
  left:50%;
  bottom:1px;
  width:18px;
  height:3px;
  border-radius:999px;
  background:#0367fd;
  opacity:0;
  transform:translateX(-50%) scaleX(.42);
  transform-origin:center;
  box-shadow:0 1px 6px rgba(3,103,253,.24);
  transition:opacity .16s ease,transform .2s cubic-bezier(.22,1,.36,1),width .2s cubic-bezier(.22,1,.36,1);
}
.subcategory-chip:hover{
  color:color-mix(in srgb,var(--fg) 82%,var(--muted-fg))!important;
  background:color-mix(in srgb,var(--muted) 34%,transparent)!important;
}
.subcategory-chip.active{
  color:var(--fg)!important;
  font-weight:650!important;
  background:transparent!important;
}
.subcategory-chip.active::after{opacity:1;transform:translateX(-50%) scaleX(1);width:24px}
.subcategory-chip em{
  height:16px!important;
  min-width:16px!important;
  padding:0 5px!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--muted) 76%,transparent)!important;
  color:var(--muted-fg)!important;
  transition:background-color .16s ease,color .16s ease,transform .16s ease!important;
}
.subcategory-chip.active em{
  background:rgba(3,103,253,.10)!important;
  color:#5d97ff!important;
  transform:translateY(-.5px);
}
.light .subcategory-chip.active em{color:#0367fd!important}

.factory-card{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:13px;
  padding:15px;
  border:1px solid var(--border);
  border-radius:16px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--card) 98%,white 1%),color-mix(in srgb,var(--card) 95%,var(--muted) 5%));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.factory-icon{
  width:42px;height:42px;border-radius:13px;
  display:grid;place-items:center;
  background:color-mix(in srgb,#ef5350 9%,var(--muted));
  color:#ef6b67;
}
.factory-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.factory-copy{min-width:0}.factory-copy strong{display:block;font-size:12.5px;margin-bottom:4px}.factory-copy small{display:block;color:var(--muted-fg);font-size:10.5px;line-height:1.55;max-width:360px}
.factory-warning{margin-top:8px;padding:7px 9px;border-radius:9px;background:rgba(239,83,80,.08);color:#ef7772;font-size:10px;line-height:1.45}
.factory-reset-btn{
  width:auto!important;min-width:104px!important;height:36px!important;padding:0 12px!important;
  border:1px solid color-mix(in srgb,#ef5350 26%,var(--border))!important;
  border-radius:11px!important;background:rgba(239,83,80,.07)!important;color:#ef6b67!important;
  font-size:11px!important;font-weight:620!important;cursor:pointer!important;
  transition:background-color .16s ease,border-color .16s ease,transform .16s ease!important;
}
.factory-reset-btn:hover{background:rgba(239,83,80,.12)!important;border-color:rgba(239,83,80,.34)!important}
.factory-reset-btn:active{transform:scale(.97)}
.factory-reset-btn.armed{background:#ef5350!important;border-color:#ef5350!important;color:#fff!important}
@media(max-width:560px){
  .factory-card{grid-template-columns:38px minmax(0,1fr);align-items:start;padding:13px}
  .factory-icon{width:38px;height:38px;border-radius:12px}
  .factory-reset-btn{grid-column:1/-1;width:100%!important;margin-top:2px}
  .subcategory-chip{height:30px!important;padding:0 9px 5px!important}
}


/* ========================================================================== 
   en导航 V11 · engine selection, theme-linked secondary indicator, typography
   ========================================================================== */

/* Typography: slightly larger, clearer, and less compressed. */
html,body{
  font-family:"Segoe UI Variable Text","Segoe UI Variable","Segoe UI","PingFang SC","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif!important;
  font-size:14px;
  letter-spacing:0!important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:auto;
  -moz-osx-font-smoothing:auto;
}
button,input,textarea{font-family:inherit!important}

/* Search area */
.search-box textarea{font-size:14.5px!important;font-weight:450;line-height:24px!important}
.engine-btn{font-size:13.5px!important;font-weight:600!important}
.suggest-card,.suggest-word{font-size:13.5px!important}
.suggest-card{font-weight:600!important}

/* URL cards */
.url-card .tile-title{font-size:14px!important;font-weight:700!important;line-height:1.25!important;letter-spacing:0!important}
.url-card .tile-description{font-size:12px!important;font-weight:450!important;line-height:1.3!important}

/* Category text */
.category-index{font-size:10px!important;font-weight:700!important}
.category-title-line h2{font-size:16px!important;font-weight:700!important;letter-spacing:-.01em!important}
.category-title-line>em{font-size:10px!important}
.category-title-wrap p{font-size:11.5px!important;line-height:1.5!important}
.subcategory-chip{font-size:12px!important;font-weight:550!important}
.subcategory-chip em{font-size:10px!important}
.category-empty{font-size:12px!important}

/* Settings typography */
.settings-title h2{font-size:16px!important;font-weight:700!important}
.settings-sidebar nav button,.settings-close{font-size:13.5px!important;font-weight:520!important}
.settings-section-head h3{font-size:16px!important;font-weight:700!important}
.settings-section-head p{font-size:12.5px!important;line-height:1.55!important}
.setting-meta strong{font-size:13.5px!important;font-weight:650!important}
.setting-meta small{font-size:11.5px!important;line-height:1.5!important}
.custom-select-value{font-size:13px!important;font-weight:600!important}
.custom-option-main>span{font-size:12.5px!important;font-weight:540!important}
.factory-copy strong{font-size:13.5px!important}
.factory-copy small{font-size:11.5px!important;line-height:1.55!important}
.factory-warning{font-size:11px!important}
.factory-reset-btn{font-size:12px!important}

/* Search engine dropdown: one check only, and never wrap engine names. */
.engine-popover button.active::after{content:none!important;display:none!important}
.engine-popover button{height:42px!important;gap:10px!important;font-size:13.5px!important}
.engine-popover button>span:not(.engine-dot){
  width:auto!important;
  min-width:0!important;
  flex:1 1 auto!important;
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  text-align:left!important;
}
.engine-popover .engine-dot{width:26px!important;height:26px!important;flex:0 0 26px!important;font-size:11.5px!important}
.engine-popover .engine-check{margin-left:4px!important;flex:0 0 15px!important}

/* Search engine settings cards */
.engine-setting-row{min-height:58px!important;padding:9px 11px!important;gap:11px!important}
.engine-setting-row .mark{width:32px!important;height:32px!important;flex:0 0 32px!important;font-size:11.5px!important}
.engine-setting-row .meta{overflow:hidden!important}
.engine-setting-row .meta b{font-size:13.5px!important;font-weight:650!important;white-space:nowrap!important;word-break:keep-all!important}
.engine-setting-row .meta small{font-size:10.5px!important;white-space:nowrap!important}

/* Secondary category indicator follows the chosen theme color. */
.subcategory-chip::after{
  background:var(--theme)!important;
  box-shadow:0 1px 7px color-mix(in srgb,var(--theme) 30%,transparent)!important;
}
.subcategory-chip.active em{
  background:color-mix(in srgb,var(--theme) 11%,transparent)!important;
  color:color-mix(in srgb,var(--theme) 78%,white 10%)!important;
}
.light .subcategory-chip.active em{color:var(--theme)!important}

/* A secondary-category switch should not replay section/card entrance animation. */
.nav-category-block.no-section-entry{animation:none!important}
.nav-category-block.no-section-entry .url-card{animation:none!important}

/* Footer/legal readability */
.site-footer,.legal-footer{font-size:12.5px!important}
.footer-brand strong{font-size:14px!important}
.footer-brand span,.footer-links a{font-size:12px!important}
.legal-shell{font-size:14px!important;line-height:1.8!important}

@media(max-width:560px){
  .category-title-line h2{font-size:15px!important}
  .category-title-wrap p{font-size:11px!important}
  .subcategory-chip{font-size:11.5px!important}
  .url-card .tile-title{font-size:13.5px!important}
  .url-card .tile-description{font-size:11.5px!important}
  .settings-sidebar nav button,.settings-close{font-size:13px!important}
}

/* ========================================================================== 
   en导航 V12 · PHP data, no secondary switch motion, message modal, custom logos
   ========================================================================== */
/* Secondary category switching is intentionally instant: no chip/indicator entrance or state motion. */
.category-secondary{animation:none!important;transition:none!important}
.subcategory-chip,.subcategory-chip *,.subcategory-chip::before,.subcategory-chip::after{transition:none!important;animation:none!important}
.subcategory-chip:active{transform:none!important}

.custom-logo-img,.engine-logo-img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}
.url-card .favicon{overflow:hidden;padding:5px}
.url-card .favicon .custom-logo-img{width:100%;height:100%;object-fit:contain}
.engine-mark{overflow:hidden}.engine-mark .engine-logo-img{width:22px;height:22px;border-radius:6px}
.engine-dot{overflow:hidden}.engine-dot .engine-logo-img{width:100%;height:100%;object-fit:contain;border-radius:7px}
.engine-setting-row .mark{overflow:hidden}.engine-setting-row .mark .engine-logo-img{width:100%;height:100%;object-fit:contain;border-radius:8px}
.suggest-mini-logo{overflow:hidden}.suggest-mini-logo .custom-logo-img{width:100%;height:100%;object-fit:contain;border-radius:6px}

.footer-link-button{border:0;background:transparent;padding:0;color:inherit;font:inherit;cursor:pointer;text-align:left;opacity:.78}.footer-link-button:hover{opacity:1;color:var(--fg)}
.message-layer{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:18px}.message-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.52);backdrop-filter:blur(9px)}.message-card-modal{position:relative;width:min(560px,100%);max-height:min(720px,90dvh);overflow:auto;border:1px solid var(--border);border-radius:20px;background:var(--popover);box-shadow:0 30px 90px rgba(0,0,0,.45);padding:22px}.message-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.message-head h2{font-size:17px;margin:0 0 6px}.message-head p{font-size:12px;line-height:1.55;color:var(--muted-fg);margin:0}.message-head>button{width:34px;height:34px;flex:0 0 34px;border:1px solid var(--border);border-radius:11px;background:var(--muted);cursor:pointer;display:grid;place-items:center}.message-head svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.message-form{display:grid;gap:14px}.message-form label{display:grid;gap:7px}.message-form label>span{font-size:12.5px;font-weight:620}.message-form label em{font-size:10.5px;color:var(--muted-fg);font-style:normal;font-weight:450}.message-form input,.message-form textarea{width:100%;border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--fg);padding:10px 12px;outline:none;font-size:13.5px}.message-form input{height:42px}.message-form textarea{height:150px;resize:vertical;line-height:1.65}.message-form input:focus,.message-form textarea:focus{border-color:color-mix(in srgb,var(--theme) 55%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--theme) 9%,transparent)}.message-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.message-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:3px}.message-actions button{height:38px;padding:0 14px;border:1px solid var(--border);border-radius:11px;background:var(--muted);cursor:pointer}.message-actions .primary{background:var(--theme);color:#fff;border-color:var(--theme);font-weight:650}.message-actions button:disabled{opacity:.55;cursor:not-allowed}.message-honeypot{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;opacity:0!important}.modal-open{overflow:hidden!important}
@media(max-width:560px){.message-card-modal{padding:18px}.message-two{grid-template-columns:1fr}.message-form textarea{height:130px}}


/* ========================================================================== 
   en导航 V13 · hidden page scrollbar + animated message modal
   ========================================================================== */
/* Hide only the visual page scrollbar. Wheel, trackpad, touch and keyboard scrolling remain available. */
html,body{-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}

.message-layer{opacity:1}.message-layer .message-backdrop{opacity:0}.message-layer .message-card-modal{opacity:0;transform:translateY(14px) scale(.97);transform-origin:center center;will-change:transform,opacity}.message-layer.message-open .message-backdrop{animation:messageBackdropIn .22s ease both}.message-layer.message-open .message-card-modal{animation:messageCardIn .3s cubic-bezier(.22,1,.36,1) both}.message-layer.closing .message-backdrop{animation:messageBackdropOut .18s ease both}.message-layer.closing .message-card-modal{animation:messageCardOut .18s ease both}@keyframes messageBackdropIn{from{opacity:0}to{opacity:1}}@keyframes messageBackdropOut{from{opacity:1}to{opacity:0}}@keyframes messageCardIn{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes messageCardOut{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.985)}}
.settings-empty{padding:18px;border:1px dashed var(--border);border-radius:13px;color:var(--muted-fg);font-size:13px;text-align:center}


/* ===== en导航 V14 · mobile top component ===== */
.dot-matrix .dot{width:var(--matrix-dot,11px)!important;height:var(--matrix-dot,11px)!important}
@media(max-width:760px){
  .top-stage{width:100%;max-width:100%;justify-content:flex-end;overflow:visible}
  .dot-matrix{max-width:100%;margin-left:auto;margin-right:auto;transform:none!important;transform-origin:center bottom}
}
@media(max-width:560px){
  .top-stage{min-height:92px;margin-top:0}
  .top-stage.compact{min-height:34px!important}
  .dot-matrix{filter:none;gap:2px}
  .search-wrap{margin-top:10px!important}
}


/* ========================================================================== 
   en导航 V16 · stable card hover / recommendation badge / friend links
   ========================================================================== */
/* Card entrance no longer owns transform, so hover motion is identical before/after subcategory switches. */
.url-card.entering{animation:urlCardEnter .36s cubic-bezier(.22,1,.36,1) calc(var(--entry-index,0)*24ms) both!important}
@keyframes urlCardEnter{from{opacity:0;filter:blur(2px)}to{opacity:1;filter:none}}
.url-card:hover{transform:translateY(-2px)!important;border-color:color-mix(in srgb,var(--fg) 16%,transparent)!important;box-shadow:0 10px 24px rgba(0,0,0,.12)!important}
.url-card:hover .favicon{transform:translateY(-50%) scale(1.04)!important;border-color:color-mix(in srgb,var(--fg) 16%,transparent)!important}

.recommend-badge{position:absolute;z-index:8;top:6px;right:7px;max-width:78px;height:17px;padding:0 6px;border-radius:6px;background:color-mix(in srgb,var(--theme) 88%,transparent);color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--theme) 22%,transparent);display:flex;align-items:center;justify-content:center;font-size:9px;line-height:1;font-weight:720;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.url-card.has-recommend-badge .favicon{top:auto;bottom:7px;transform:none;width:32px;height:32px;border-radius:10px;padding:4px}
.url-card.has-recommend-badge:hover .favicon{transform:scale(1.04)!important}
@media(max-width:560px){.recommend-badge{top:5px;right:6px;height:16px;font-size:8.5px;max-width:68px}.url-card.has-recommend-badge .favicon{bottom:6px;width:30px;height:30px}}

.friend-links-section{width:100%;border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg) 97%,var(--card) 3%);padding:18px 42px 17px}
.friend-links-inner{width:100%;max-width:1280px;margin:0 auto;display:flex;align-items:flex-start;gap:22px}
.friend-links-title{flex:0 0 auto;display:flex;align-items:baseline;gap:7px;padding-top:6px}.friend-links-title span{font-size:12.5px;font-weight:720;color:var(--fg)}.friend-links-title small{font-size:8px;letter-spacing:.12em;color:var(--muted-fg);font-weight:700}
.friend-links-list{min-width:0;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.friend-links-list a{height:29px;padding:0 10px;border:1px solid var(--border);border-radius:9px;background:color-mix(in srgb,var(--card) 72%,transparent);color:var(--muted-fg);text-decoration:none;display:inline-flex;align-items:center;font-size:11.5px;font-weight:520;transition:color .15s ease,border-color .15s ease,background-color .15s ease,transform .15s ease}.friend-links-list a:hover{color:var(--fg);border-color:color-mix(in srgb,var(--theme) 34%,var(--border));background:color-mix(in srgb,var(--theme) 7%,var(--card));transform:translateY(-1px)}
@media(max-width:980px){.friend-links-section{padding-left:30px;padding-right:30px}}
@media(max-width:560px){.friend-links-section{padding:16px 14px}.friend-links-inner{display:block}.friend-links-title{margin-bottom:10px}.friend-links-list{gap:6px}.friend-links-list a{height:28px;font-size:11px}}

/* ===== en导航 V17 · frameless friend links ===== */
.friend-links-section{
  background:transparent!important;
  border-top:1px solid var(--border)!important;
  box-shadow:none!important;
}
.friend-links-inner{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.friend-links-list{gap:4px 16px!important}
.friend-links-list a{
  height:auto!important;
  min-height:26px;
  padding:2px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--muted-fg)!important;
  font-size:12px!important;
  transition:color .15s ease,transform .15s ease!important;
}
.friend-links-list a:hover{
  color:var(--theme)!important;
  background:transparent!important;
  border:0!important;
  transform:translateY(-1px)!important;
}
.friend-links-list a::before{content:'·';margin-right:7px;color:color-mix(in srgb,var(--theme) 55%,var(--muted-fg));font-weight:800}
@media(max-width:560px){.friend-links-list{gap:2px 13px!important}.friend-links-list a{font-size:11.5px!important}}

/* ========================================================================== 
   en导航 V18 · mobile-first refinement + red/white corner ribbon
   ========================================================================== */
/* Recommendation marker: fixed red/white corner ribbon, independent of theme. */
.recommend-badge{
  position:absolute!important;
  z-index:12!important;
  top:8px!important;
  left:-24px!important;
  right:auto!important;
  width:78px!important;
  max-width:none!important;
  height:20px!important;
  padding:0 7px!important;
  border:0!important;
  border-radius:4px!important;
  background:linear-gradient(180deg,#ff3b3b 0%,#e62828 100%)!important;
  color:#fff!important;
  box-shadow:0 3px 9px rgba(210,27,27,.28)!important;
  transform:rotate(-45deg)!important;
  transform-origin:center center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  pointer-events:none!important;
  text-shadow:0 1px 1px rgba(120,0,0,.16)!important;
}
/* The badge moved to the left corner, so the Logo remains vertically centered. */
.url-card.has-recommend-badge .favicon{
  top:50%!important;
  bottom:auto!important;
  right:12px!important;
  width:38px!important;
  height:38px!important;
  padding:5px!important;
  transform:translateY(-50%)!important;
}
.url-card.has-recommend-badge:hover .favicon{transform:translateY(-50%) scale(1.04)!important}

/* Mobile layout: denser rhythm, larger tap targets, readable typography. */
@media(max-width:760px){
  .app-shell{padding:16px 14px 36px!important}
  .top-stage{min-height:106px!important;padding-top:4px}
  .top-stage.compact{min-height:20px!important}
  .dot-matrix{max-width:calc(100vw - 28px)!important}
  .search-wrap{margin-top:10px!important}
  .search-box{height:84px!important;min-height:84px!important;border-radius:18px!important}
  .search-box textarea{height:44px!important;min-height:44px!important;padding:13px 13px 3px!important;font-size:14px!important}
  .search-actions{height:40px!important;padding:0 7px 7px!important;gap:2px!important}
  .top-tool-btn,.search-submit{width:33px!important;height:33px!important;border-radius:10px!important}
  .engine-btn{height:33px!important;max-width:118px!important;padding:0 7px!important;gap:5px!important}
  .navigation-section{margin-top:18px!important}
  .category-sections{gap:27px!important}
  .category-block-head{gap:8px!important;margin-bottom:10px!important}
  .category-title-line h2{font-size:15px!important}
  .category-title-wrap p{margin-left:26px!important;font-size:10.5px!important;line-height:1.5!important}
  .category-secondary{width:100%!important;max-width:none!important;padding:1px 0 3px!important;gap:4px!important;scroll-snap-type:x proximity}
  .subcategory-chip{scroll-snap-align:start;height:31px!important;padding:0 9px 5px!important;font-size:11.5px!important}
  .url-card{height:68px!important;border-radius:15px!important}
  .url-card .tile-link{padding:10px 54px 10px 12px!important}
  .url-card .tile-title{font-size:13px!important;line-height:1.18!important}
  .url-card .tile-description{font-size:11px!important;line-height:1.25!important}
  .url-card .favicon{right:11px!important;width:34px!important;height:34px!important;border-radius:10px!important;padding:5px!important}
  .url-card:hover{transform:none!important;box-shadow:none!important}
  .url-card:active{transform:scale(.985)!important;background:color-mix(in srgb,var(--card) 92%,var(--muted) 8%)!important}
  .friend-links-section{padding:15px 14px!important}
  .friend-links-title{padding-top:0!important;margin-bottom:7px!important}
  .friend-links-list{gap:2px 12px!important}
  .site-footer{padding:26px 14px 14px!important}
  .footer-inner{gap:20px 14px!important}
  .footer-brand-block p{font-size:11.5px!important}
  .footer-links a{font-size:11.5px!important;min-height:28px;display:flex;align-items:center}
}

/* Small phones: always keep at least two URL cards per row. */
@media(max-width:560px){
  .app-shell{padding:12px 10px 30px!important}
  .bookmark-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .top-stage{min-height:88px!important}
  .dot-matrix{max-width:calc(100vw - 20px)!important;gap:1.5px!important}
  .search-wrap{margin-top:8px!important}
  .search-box{height:80px!important;min-height:80px!important;border-radius:16px!important}
  .search-box textarea{height:42px!important;min-height:42px!important;padding:12px 11px 2px!important;font-size:13.5px!important}
  .search-actions{height:38px!important;padding:0 6px 6px!important}
  .navigation-section{margin-top:14px!important}
  .category-sections{gap:23px!important}
  .category-title-wrap p{margin-left:25px!important;font-size:10px!important}
  .url-card{height:64px!important;min-width:0!important;border-radius:14px!important}
  .url-card .tile-link{padding:8px 45px 8px 10px!important}
  .url-card .tile-copy{gap:3px!important}
  .url-card .tile-title{font-size:12.5px!important;font-weight:700!important}
  .url-card .tile-description{font-size:10.5px!important}
  .url-card .favicon,.url-card.has-recommend-badge .favicon{right:9px!important;width:30px!important;height:30px!important;border-radius:9px!important;padding:4px!important}
  .recommend-badge{top:7px!important;left:-23px!important;width:72px!important;height:18px!important;font-size:8px!important;border-radius:3px!important}
  .footer-inner{grid-template-columns:1fr!important;gap:16px!important}
  .footer-brand-block{grid-column:auto!important}
  .footer-bottom{margin-top:19px!important;padding-top:12px!important}
  .message-layer{padding:10px!important;align-items:end!important}
  .message-card-modal{width:100%!important;max-height:88dvh!important;border-radius:20px 20px 12px 12px!important;padding:16px!important}
}

@media(max-width:360px){
  /* Override legacy one-column breakpoint: never collapse URL cards below 2 columns. */
  .bookmark-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .app-shell{padding-left:8px!important;padding-right:8px!important}
  .url-card{height:61px!important;border-radius:13px!important}
  .url-card .tile-link{padding:7px 39px 7px 9px!important}
  .url-card .tile-title{font-size:12px!important}
  .url-card .tile-description{font-size:10px!important}
  .url-card .favicon,.url-card.has-recommend-badge .favicon{right:7px!important;width:27px!important;height:27px!important;padding:4px!important}
  .recommend-badge{top:6px!important;left:-22px!important;width:68px!important;height:17px!important;font-size:7.5px!important}
  .category-title-line h2{font-size:14px!important}
  .subcategory-chip{font-size:10.5px!important;padding-left:8px!important;padding-right:8px!important}
}

/* Mobile settings becomes a top-tab sheet instead of a narrow icon rail. */
@media(max-width:560px){
  .settings-card{width:calc(100vw - 12px)!important;height:min(680px,94dvh)!important;display:flex!important;flex-direction:column!important;border-radius:20px!important;overflow:hidden!important}
  .settings-sidebar{position:relative!important;width:100%!important;flex:0 0 auto!important;padding:12px 10px 9px!important;border-right:0!important;border-bottom:1px solid var(--border)!important}
  .settings-title{justify-content:flex-start!important;margin:0 44px 9px 2px!important;gap:8px!important}
  .settings-title h2{display:block!important;font-size:15px!important}
  .settings-title-icon{display:grid!important}
  .settings-sidebar nav{display:flex!important;gap:5px!important;overflow-x:auto!important;scrollbar-width:none!important;padding-bottom:1px!important}
  .settings-sidebar nav::-webkit-scrollbar{display:none!important}
  .settings-sidebar nav button{flex:0 0 auto!important;width:auto!important;height:36px!important;justify-content:center!important;gap:6px!important;padding:0 10px!important;border-radius:10px!important}
  .settings-sidebar nav span{display:inline!important;font-size:10.5px!important;white-space:nowrap!important}
  .settings-sidebar nav button svg{width:15px!important;height:15px!important}
  .settings-close{position:absolute!important;top:10px!important;right:10px!important;margin:0!important;width:34px!important;height:34px!important;padding:0!important;justify-content:center!important;border-radius:10px!important}
  .settings-close span{display:none!important}
  .settings-content{flex:1!important;min-height:0!important;padding:15px 12px 20px!important;overflow:auto!important}
  .setting-row{padding:10px 0!important}
  .setting-row>.label,.setting-row>label{font-size:12px!important}
  .setting-hint{font-size:10.5px!important;line-height:1.5!important}
  .custom-select-trigger{height:40px!important}
}


/* ==========================================================================
   en导航 V19 · compact top-right recommendation ribbon + footer record
   ========================================================================== */
/* Compact red/white recommendation ribbon in the top-right corner. */
.recommend-badge{
  top:6px!important;
  right:-17px!important;
  left:auto!important;
  width:58px!important;
  max-width:58px!important;
  height:17px!important;
  padding:0 4px!important;
  border-radius:3px!important;
  transform:rotate(45deg)!important;
  background:linear-gradient(180deg,#ff3b3b 0%,#e32626 100%)!important;
  color:#fff!important;
  font-size:8px!important;
  font-weight:800!important;
  box-shadow:0 2px 7px rgba(204,28,28,.22)!important;
}
.url-card.has-recommend-badge .favicon{top:50%!important;bottom:auto!important;transform:translateY(-50%)!important}
.url-card.has-recommend-badge:hover .favicon{transform:translateY(-50%) scale(1.04)!important}
.footer-record{color:var(--muted-fg);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}
a.footer-record:hover{color:var(--theme)}
.contact-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}
.contact-action{min-height:38px;padding:0 14px;border:1px solid var(--border);border-radius:12px;color:var(--fg);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:650;background:var(--card);transition:background-color .16s ease,border-color .16s ease,transform .16s ease}
.contact-action:hover{background:var(--muted);border-color:color-mix(in srgb,var(--theme) 30%,var(--border));transform:translateY(-1px)}
.contact-action.primary{background:var(--theme);border-color:var(--theme);color:#fff}
@media(max-width:560px){
  .recommend-badge{top:5px!important;right:-16px!important;width:54px!important;max-width:54px!important;height:16px!important;font-size:7.5px!important}
  .footer-record{max-width:100%;white-space:normal}
}
@media(max-width:360px){
  .recommend-badge{top:5px!important;right:-15px!important;width:51px!important;max-width:51px!important;height:15px!important;font-size:7px!important}
}


/* ========================================================================== 
   en导航 V20 · feature cards / stable settings close
   ========================================================================== */
.feature-cards-section{width:100%;max-width:768px;margin:12px auto 0;position:relative;z-index:18}
.feature-latest-card{width:100%;min-height:74px;padding:11px 13px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--card) 92%,transparent);color:var(--fg);display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;text-align:left;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .16s ease}
.feature-latest-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--theme) 30%,var(--border));background:color-mix(in srgb,var(--theme) 4%,var(--card));box-shadow:0 9px 22px rgba(0,0,0,.09)}
.feature-latest-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--theme) 11%,var(--card));color:var(--theme);border:1px solid color-mix(in srgb,var(--theme) 18%,var(--border))}.feature-latest-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.feature-latest-copy{min-width:0;display:grid;gap:3px}.feature-latest-meta{display:flex;align-items:center;gap:7px;min-width:0}.feature-latest-meta em{font-style:normal;color:var(--theme);font-size:10px;font-weight:750;white-space:nowrap}.feature-latest-meta time{color:var(--muted-fg);font-size:10px;font-variant-numeric:tabular-nums}.feature-latest-copy strong{display:block;min-width:0;font-size:13px;font-weight:720;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feature-latest-copy small{display:block;min-width:0;color:var(--muted-fg);font-size:11px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feature-latest-action{display:flex;align-items:center;gap:4px;color:var(--muted-fg);font-size:10.5px;font-weight:620;white-space:nowrap}.feature-latest-action svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.feature-history-layer{position:fixed;inset:0;z-index:125;display:grid;place-items:center;padding:18px}.feature-history-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.52);backdrop-filter:blur(9px);opacity:0}.feature-history-card{position:relative;width:min(620px,100%);max-height:min(760px,88dvh);overflow:hidden;border:1px solid var(--border);border-radius:21px;background:var(--popover);box-shadow:0 30px 90px rgba(0,0,0,.46);opacity:0;transform:translateY(12px) scale(.975);display:flex;flex-direction:column}.feature-history-layer.open .feature-history-backdrop{animation:featureBackdropIn .2s ease both}.feature-history-layer.open .feature-history-card{animation:featureCardIn .28s cubic-bezier(.22,1,.36,1) both}.feature-history-layer.closing .feature-history-backdrop{animation:featureBackdropOut .18s ease both}.feature-history-layer.closing .feature-history-card{animation:featureCardOut .18s ease both}@keyframes featureBackdropIn{to{opacity:1}}@keyframes featureBackdropOut{from{opacity:1}to{opacity:0}}@keyframes featureCardIn{to{opacity:1;transform:none}}@keyframes featureCardOut{from{opacity:1;transform:none}to{opacity:0;transform:translateY(7px) scale(.987)}}
.feature-history-head{padding:19px 20px 15px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.feature-history-head>div>span{display:block;color:var(--theme);font-size:8.5px;letter-spacing:.15em;font-weight:800}.feature-history-head h2{font-size:17px;margin:4px 0 4px}.feature-history-head p{margin:0;color:var(--muted-fg);font-size:11px}.feature-history-head button{width:34px;height:34px;flex:0 0 34px;border:1px solid var(--border);border-radius:11px;background:var(--muted);display:grid;place-items:center;cursor:pointer}.feature-history-head button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.feature-history-list{padding:12px;overflow:auto;display:grid;gap:8px;scrollbar-width:none}.feature-history-list::-webkit-scrollbar{display:none}.feature-history-item{padding:14px 15px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--card) 88%,transparent)}.feature-history-item.latest{border-color:color-mix(in srgb,var(--theme) 24%,var(--border));background:color-mix(in srgb,var(--theme) 4%,var(--card))}.feature-history-item-top{display:flex;align-items:center;gap:7px}.feature-history-tag{font-size:9.5px;font-weight:750;color:var(--theme)}.feature-history-item-top time{font-size:9.5px;color:var(--muted-fg)}.feature-history-item-top em{margin-left:auto;font-style:normal;font-size:9px;padding:2px 6px;border-radius:999px;background:color-mix(in srgb,var(--theme) 10%,transparent);color:var(--theme);font-weight:700}.feature-history-item h3{font-size:13.5px;margin:7px 0 0}.feature-history-item p{font-size:11.5px;line-height:1.65;color:var(--muted-fg);margin:6px 0 0;white-space:pre-wrap}.feature-history-item a{width:max-content;max-width:100%;margin-top:9px;color:var(--theme);text-decoration:none;font-size:11px;font-weight:650;display:inline-flex;align-items:center;gap:4px}.feature-history-item a svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.feature-history-empty{padding:48px;text-align:center;color:var(--muted-fg);font-size:12px}
@media(max-width:760px){.feature-cards-section{max-width:100%;margin-top:9px}.feature-latest-card{min-height:68px;border-radius:15px;padding:9px 11px;grid-template-columns:34px minmax(0,1fr) auto;gap:9px}.feature-latest-icon{width:34px;height:34px;border-radius:10px}.feature-latest-copy strong{font-size:12.5px}.feature-latest-copy small{font-size:10.5px}.feature-latest-action{font-size:10px}.feature-history-layer{align-items:end;padding:10px}.feature-history-card{width:100%;max-height:88dvh;border-radius:20px 20px 12px 12px}.feature-history-head{padding:17px 16px 14px}.feature-history-list{padding:10px}}
@media(max-width:420px){.feature-latest-card{grid-template-columns:32px minmax(0,1fr) 18px}.feature-latest-icon{width:32px;height:32px}.feature-latest-action{font-size:0;gap:0}.feature-latest-action svg{width:17px;height:17px}.feature-latest-meta em,.feature-latest-meta time{font-size:9px}.feature-latest-copy small{font-size:10px}}


/* ===== en导航 V21 · 公告提示 / 网址投放周期 ===== */
.feature-cards-section{margin-top:10px}
.feature-latest-card{min-height:48px;padding:7px 10px;border-radius:13px;grid-template-columns:30px minmax(0,1fr) auto;gap:9px;background:color-mix(in srgb,var(--theme) 3.5%,var(--card));box-shadow:none}
.feature-latest-card:hover{transform:none;box-shadow:none;background:color-mix(in srgb,var(--theme) 6%,var(--card))}
.feature-latest-icon{width:30px;height:30px;border-radius:9px}.feature-latest-icon svg{width:16px;height:16px}
.feature-latest-copy{grid-template-columns:auto minmax(0,1fr);display:grid;align-items:center;column-gap:9px;row-gap:1px}.feature-latest-meta{grid-column:1/2;grid-row:1/3;display:grid;gap:1px}.feature-latest-copy strong{grid-column:2/3;grid-row:1;font-size:12.5px}.feature-latest-copy small{grid-column:2/3;grid-row:2;font-size:10.5px}.feature-latest-action{font-size:10.5px;color:var(--theme)}
@media(max-width:520px){.feature-latest-card{grid-template-columns:28px minmax(0,1fr) 20px;min-height:46px;padding:7px 9px}.feature-latest-icon{width:28px;height:28px}.feature-latest-copy{display:grid;grid-template-columns:minmax(0,1fr);gap:1px}.feature-latest-meta{grid-column:1;grid-row:1;display:flex}.feature-latest-copy strong{grid-column:1;grid-row:2;font-size:12px}.feature-latest-copy small{display:none}.feature-latest-action{font-size:0}.feature-latest-action svg{width:16px;height:16px}}


/* ===== V22 stable first-paint entrance =====
   Individual URL cards are always visible by default. Initial entrance is driven once by
   the Web Animations API on category sections, with a JS fail-safe, so hover can never
   become the event that makes a card appear. */
.nav-category-block,.nav-category-block.no-section-entry{animation:none!important}
.url-card.entering{animation:none!important}


/* ===== V23 refined search suggestion panel ===== */
.suggestions{
  padding:8px!important;
  border-radius:18px!important;
  border:1px solid color-mix(in srgb,var(--border) 90%,transparent)!important;
  background:color-mix(in srgb,var(--popover) 96%,transparent)!important;
  box-shadow:0 20px 56px rgba(0,0,0,.26)!important;
  backdrop-filter:blur(18px);
}
.suggest-section-label{
  padding:6px 9px 5px;
  color:var(--muted-fg);
  font-size:10.5px!important;
  font-weight:650;
  letter-spacing:.04em;
  line-height:1;
}
.suggest-section-label.search-label{margin-top:5px;padding-top:9px;border-top:1px solid color-mix(in srgb,var(--border) 72%,transparent)}
.suggest-group{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;padding:0!important}
.suggest-card{
  width:100%;height:48px!important;min-width:0;padding:0 9px!important;gap:9px!important;
  border-radius:11px!important;background:transparent!important;border:1px solid transparent!important;
  box-shadow:none!important;display:flex;align-items:center;text-align:left;cursor:pointer;
  transition:background-color .12s ease,border-color .12s ease!important;
}
.suggest-card:hover,.suggest-card.active{background:color-mix(in srgb,var(--muted) 70%,transparent)!important;border-color:color-mix(in srgb,var(--border) 80%,transparent)!important;box-shadow:none!important}
.suggest-mini-logo{width:28px!important;height:28px!important;border-radius:9px!important;background:color-mix(in srgb,var(--muted) 78%,transparent)!important;border:1px solid color-mix(in srgb,var(--border) 65%,transparent);flex:0 0 auto}
.suggest-mini-logo .brand{width:15px!important;height:15px!important;font-size:10px!important}
.suggest-card-copy{min-width:0;display:flex;flex:1;flex-direction:column;gap:2px;line-height:1.15}
.suggest-card-copy strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:650;color:var(--fg)}
.suggest-card-copy small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;color:var(--muted-fg);font-weight:450}
.suggest-arrow{width:14px;height:14px;flex:0 0 auto;fill:none;stroke:var(--muted-fg);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:translateX(-2px);transition:opacity .12s,transform .12s}
.suggest-card:hover .suggest-arrow,.suggest-card.active .suggest-arrow{opacity:.8;transform:none}
.suggest-word-list{display:grid;gap:1px}
.suggest-word{
  width:100%;height:40px!important;padding:0 9px!important;border-radius:9px!important;background:transparent!important;
  display:flex!important;align-items:center!important;gap:9px!important;border:0!important;box-shadow:none!important;
  text-align:left;cursor:pointer;transition:background-color .12s ease!important;
}
.suggest-word:hover,.suggest-word.active{background:color-mix(in srgb,var(--muted) 72%,transparent)!important;box-shadow:none!important}
.suggest-search-icon{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;flex:0 0 auto;background:color-mix(in srgb,var(--muted) 65%,transparent)}
.suggest-search-icon svg{width:14px!important;height:14px!important;fill:none;stroke:var(--muted-fg);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.suggest-word-copy{min-width:0;display:flex;align-items:baseline;gap:5px;overflow:hidden;white-space:nowrap}
.suggest-word-copy strong{font-size:12.8px;font-weight:620;color:var(--fg);overflow:hidden;text-overflow:ellipsis}
.suggest-word-copy span{font-size:12.2px;font-weight:450;color:var(--muted-fg);flex:0 0 auto}
.suggest-enter{margin-left:auto;flex:0 0 auto;color:var(--muted-fg);font-size:11px;opacity:0;transform:translateX(-2px);transition:opacity .12s,transform .12s}
.suggest-word:hover .suggest-enter,.suggest-word.active .suggest-enter{opacity:.72;transform:none}
@media(max-width:560px){
  .suggestions{left:0!important;right:0!important;padding:7px!important;border-radius:15px!important;max-height:min(360px,52dvh)!important}
  .suggest-group{grid-template-columns:1fr!important}
  .suggest-card{height:46px!important}
  .suggest-section-label{font-size:10px!important}
  .suggest-word{height:39px!important}
  .suggest-word-copy strong{font-size:12.5px!important}.suggest-word-copy span{font-size:11.8px!important}
}


/* ===== en导航 V24 · compact engine popover + ultra-thin inner scrollbars ===== */
.engine-popover{
  max-height:min(360px,calc(100dvh - 20px))!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin!important;
  scrollbar-color:color-mix(in srgb,var(--fg) 24%,transparent) transparent!important;
}
.engine-popover button{height:37px!important;min-height:37px!important;padding:0 8px!important;gap:8px!important;font-size:13px!important}
.engine-popover .engine-dot{width:24px!important;height:24px!important;flex:0 0 24px!important;border-radius:7px!important}
.engine-popover .engine-check{width:14px!important;height:14px!important;flex:0 0 14px!important;margin-left:3px!important}
.engine-popover button>span:not(.engine-dot){min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

/* All internal scroll containers use an unobtrusive thin scrollbar. The page scrollbar remains hidden. */
.suggestions,.engine-popover,.custom-select-menu,.custom-select-menu-inner,.feature-history-list,.settings-content,.settings-sidebar nav{
  scrollbar-width:thin!important;
  scrollbar-color:color-mix(in srgb,var(--fg) 22%,transparent) transparent!important;
}
.suggestions::-webkit-scrollbar,.engine-popover::-webkit-scrollbar,.custom-select-menu::-webkit-scrollbar,.custom-select-menu-inner::-webkit-scrollbar,.feature-history-list::-webkit-scrollbar,.settings-content::-webkit-scrollbar,.settings-sidebar nav::-webkit-scrollbar{width:3px!important;height:3px!important;display:block!important}
.suggestions::-webkit-scrollbar-track,.engine-popover::-webkit-scrollbar-track,.custom-select-menu::-webkit-scrollbar-track,.custom-select-menu-inner::-webkit-scrollbar-track,.feature-history-list::-webkit-scrollbar-track,.settings-content::-webkit-scrollbar-track,.settings-sidebar nav::-webkit-scrollbar-track{background:transparent!important}
.suggestions::-webkit-scrollbar-thumb,.engine-popover::-webkit-scrollbar-thumb,.custom-select-menu::-webkit-scrollbar-thumb,.custom-select-menu-inner::-webkit-scrollbar-thumb,.feature-history-list::-webkit-scrollbar-thumb,.settings-content::-webkit-scrollbar-thumb,.settings-sidebar nav::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--fg) 22%,transparent)!important;border-radius:999px!important}
.suggestions::-webkit-scrollbar-thumb:hover,.engine-popover::-webkit-scrollbar-thumb:hover,.custom-select-menu::-webkit-scrollbar-thumb:hover,.custom-select-menu-inner::-webkit-scrollbar-thumb:hover,.feature-history-list::-webkit-scrollbar-thumb:hover,.settings-content::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--fg) 34%,transparent)!important}

@media(max-width:640px){
  .engine-popover{width:min(210px,calc(100vw - 20px))!important;max-height:min(300px,calc(100dvh - 20px))!important;padding:6px!important;border-radius:14px!important}
  .engine-popover button{height:36px!important;min-height:36px!important;font-size:12.5px!important}
  .engine-popover .engine-dot{width:23px!important;height:23px!important;flex-basis:23px!important}
}