:root{--ink:#1f2937;--ink-soft:#4b5563;--glass:#ffffffb8;--glass-border:#ffffffd9;--tab:#00000059;--tab-active:#fffffff2;--search-btn:#3b82f6;--mark:#ef4444;--shadow:0 8px 28px #0003;--radius:0;--font:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;background:#111;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.page{background-color:#1a1a1a;background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh;position:relative;overflow-x:hidden}.page__shade{pointer-events:none;z-index:0;background:#00000014;position:fixed;inset:0}.page__shell{z-index:1;width:100%;max-width:none;margin:0;padding:1rem 1.25rem 2.5rem;position:relative}.topbar{color:#fff;text-shadow:0 1px 8px #00000073;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0 1rem;animation:.45s ease-out both rise-in;display:flex}.topbar__menu-btn{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:0;display:none}.topbar__menu-btn span{background:#fff;border-radius:0;width:22px;height:2px;display:block}.topbar__nav{flex-wrap:wrap;gap:1.1rem;font-size:.95rem;display:flex}.topbar__nav a{opacity:.92;transition:opacity .15s}.topbar__nav a:hover{opacity:1;text-underline-offset:4px;text-decoration:underline}.topbar__clock{white-space:nowrap;align-items:baseline;gap:.75rem;display:flex}.topbar__clock--mobile{display:none}.topbar__date{opacity:.9;font-size:.9rem}.topbar__time{letter-spacing:.04em;font-size:1.85rem;font-weight:700;line-height:1}.drawer-mask,.drawer{display:none}.hero{text-align:center;color:#fff;text-shadow:0 2px 12px #00000073;margin-bottom:1.35rem;animation:.55s ease-out 50ms both rise-in}.hero__title{letter-spacing:.04em;margin:0;font-size:clamp(1.9rem,4.5vw,2.6rem);font-weight:800}.hero__quote{opacity:.92;margin:.65rem 0 1.35rem;font-size:.92rem}.search{width:min(880px,100%);margin:0 auto}.search__tabs{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-bottom:.75rem;display:flex}.search__tab{background:var(--tab);color:#fff;border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:1px solid #ffffff59;flex-shrink:0;padding:.4rem .9rem;transition:background .18s,color .18s}.search__tab:hover{background:#ffffff59}.search__tab--active{background:var(--tab-active);color:var(--ink);border-color:#0000;font-weight:600;box-shadow:0 4px 14px #0000002e}.search__form{border-radius:var(--radius);box-shadow:var(--shadow);background:#ffffffeb;align-items:stretch;display:flex;overflow:hidden}.search__input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:.95rem 1.1rem;font-size:1rem}.search__input::placeholder{color:#9ca3af}.search__submit{background:var(--search-btn);color:#fff;cursor:pointer;border:0;border-radius:0;place-items:center;width:52px;transition:filter .15s;display:grid}.search__submit:hover{filter:brightness(1.08)}.categories{flex-direction:column;gap:1rem;width:100%;margin-top:1.25rem;display:flex}.glass{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow)}.category{width:100%;padding:1.1rem 1.15rem 1.25rem;animation:.65s ease-out both rise-in}.category:nth-child(2){animation-delay:60ms}.category:nth-child(3){animation-delay:.12s}.category__title{color:#111827;text-shadow:none;align-items:center;gap:.45rem;margin:0 0 .95rem;font-size:1.05rem;font-weight:700;display:flex}.category__mark{background:var(--mark);border-radius:0;width:10px;height:10px;box-shadow:0 0 0 3px #ef44442e}.category__grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.7rem;display:grid}.bookmark-card{border-radius:var(--radius);text-align:left;background:#ffffffe0;border:1px solid #0000000f;flex-direction:row;align-items:center;gap:.75rem;min-width:0;padding:.7rem .85rem;transition:transform .16s,background .16s,box-shadow .16s;display:flex;box-shadow:0 2px 10px #00000014}.bookmark-card:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 18px #0000001f}.bookmark-card__icon{flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.bookmark-card__text{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.bookmark-card__title{color:#111827;text-overflow:ellipsis;white-space:nowrap;text-shadow:none;font-size:.9rem;font-weight:600;line-height:1.3;overflow:hidden}.bookmark-card__desc{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;line-height:1.35;overflow:hidden}.site-icon{object-fit:contain;background:#ffffffd9;border:1px solid #00000014;border-radius:0;width:40px;height:40px}.site-icon--letter{color:#b91c1c;background:#fee2e2;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.skeleton{background:linear-gradient(90deg,#0000000f 0%,#0000001f 50%,#0000000f 100%) 0 0/200% 100%;border-radius:0;animation:1.2s linear infinite shimmer;display:block}.skeleton--title{width:55%;height:.85rem;margin:0}.skeleton--desc{width:85%;height:.7rem;margin:0}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{to{background-position:-200% 0}}@media (width<=768px){.page{background-attachment:scroll}.page__shell{padding:.65rem .85rem 2rem}.topbar{padding:.15rem 0 .5rem}.topbar__menu-btn{display:flex}.topbar__nav--desktop,.topbar__clock--desktop{display:none}.topbar__clock--mobile{color:#fff;text-shadow:0 2px 10px #00000073;flex-direction:column;align-items:center;gap:.2rem;margin:.35rem 0 .85rem;display:flex}.topbar__clock--mobile .topbar__date{font-size:.95rem}.topbar__clock--mobile .topbar__time{font-size:2.4rem}.drawer-mask{z-index:40;opacity:0;pointer-events:none;background:#00000073;transition:opacity .2s;display:block;position:fixed;inset:0}.drawer-mask--open{opacity:1;pointer-events:auto}.drawer{z-index:50;background:#fff;width:min(72vw,280px);height:100%;padding:1.1rem 0;transition:transform .22s;display:block;position:fixed;top:0;left:0;transform:translate(-105%);box-shadow:8px 0 28px #0003}.drawer--open{transform:translate(0)}.drawer__head{color:#111827;border-bottom:1px solid #0000000f;padding:0 1.1rem .85rem;font-size:1rem;font-weight:700}.drawer__nav{flex-direction:column;display:flex}.drawer__nav a{color:#1f2937;border-bottom:1px solid #0000000a;padding:.9rem 1.1rem;font-size:.95rem}.drawer__nav a:active{background:#f3f4f6}.hero{margin-bottom:1rem}.hero__title{font-size:1.65rem}.hero__quote{margin:.5rem 0 1rem;padding:0 .5rem;font-size:.82rem}.search{width:100%}.search__tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:.45rem;margin-bottom:.65rem;padding:0 .15rem .35rem;overflow-x:auto}.search__tabs::-webkit-scrollbar{display:none}.search__tab{border-radius:var(--radius);background:#ffffff38;padding:.38rem .85rem;font-size:.88rem}.search__form{border-radius:var(--radius)}.search__input{padding:.85rem 1rem;font-size:.95rem}.search__submit{width:48px}.categories{gap:.85rem;margin-top:1rem}.glass{border-radius:var(--radius);background:var(--glass)}.category{padding:.95rem .85rem 1.05rem}.category__title{margin-bottom:.75rem;font-size:.98rem}.category__grid{grid-template-columns:1fr;gap:.65rem}}@media (width>=481px) and (width<=768px){.category__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=380px){.hero__title{font-size:1.45rem}}