@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#edf4ff;font-synthesis:none;text-rendering:optimizelegibility;--bg:#07111f;--surface:#10223b9e;--surface-solid:#10243d;--line:#a0c1eb24;--muted:#8ea4c4;--soft:#b4c3da;--text:#edf4ff;--accent:#63e9d9;--accent-2:#8e9dff;--shadow:0 20px 70px #0000003d;background:#07111f;font-family:DM Sans,PingFang SC,Microsoft YaHei,sans-serif}:root[data-theme=light]{--bg:#f4f8fd;--surface:#ffffffc7;--surface-solid:#fff;--line:#2647751f;--muted:#61718b;--soft:#4c5d79;--text:#11233d;--accent:#0caea0;--accent-2:#5766d9;--shadow:0 20px 60px #355a8c21}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;color:var(--text);margin:0}button,input{font:inherit}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}.app-shell{background:radial-gradient(circle at 10% 8%, #425cb424, transparent 27%), radial-gradient(circle at 89% 7%, #27c8b91a, transparent 25%), var(--bg);min-height:100vh;position:relative;overflow:hidden}.app-shell:before{content:"";pointer-events:none;opacity:.23;background-image:linear-gradient(#9dc2ff0b 1px,#0000 1px),linear-gradient(90deg,#9dc2ff0b 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}.ambient{filter:blur(70px);opacity:.15;pointer-events:none;border-radius:50%;width:360px;height:360px;position:absolute}.ambient-one{background:#6278ff;top:140px;left:-200px}.ambient-two{background:#38ddc6;top:80px;right:-180px}.page-width{width:min(1220px,100% - 64px);margin:0 auto;position:relative}.topbar{justify-content:space-between;align-items:center;gap:28px;height:88px;display:flex}.brand,.footer-brand{align-items:center;gap:10px;display:inline-flex}.brand>span:last-child{align-items:baseline;gap:7px;display:flex}.brand strong{letter-spacing:-.05em;font:800 21px Manrope,sans-serif}.brand em{color:var(--muted);letter-spacing:.16em;font-size:12px;font-style:normal}.brand-mark{color:#061521;background:linear-gradient(135deg,#83f2d9,#6a9cff);border-radius:11px;place-items:center;width:32px;height:32px;display:inline-grid;box-shadow:0 7px 25px #63e9d93d}.header-search{border:1px solid var(--line);max-width:390px;height:44px;color:var(--muted);background:#152b4875;border-radius:13px;flex:1;align-items:center;gap:11px;padding:0 11px 0 15px;transition:all .2s;display:flex}.header-search:focus-within,.header-search.is-open{border-color:#63e9d9a6;box-shadow:0 0 0 4px #63e9d914}.header-search input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:13px}.header-search input::placeholder{color:var(--muted)}kbd{white-space:nowrap;border:1px solid var(--line);color:var(--muted);background:#ffffff0a;border-radius:5px;padding:4px 6px;font-size:10px}.header-actions{align-items:center;gap:9px;display:flex}.icon-button{width:40px;height:40px;color:var(--soft);background:0 0;border-radius:11px;place-items:center;transition:all .2s;display:grid}.icon-button:hover{color:var(--accent);background:#63e9d917}.add-button{color:#06201e;background:var(--accent);border-radius:11px;align-items:center;gap:8px;height:40px;padding:0 14px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 8px 26px #63e9d92e}.add-button:hover{transform:translateY(-2px);box-shadow:0 12px 30px #63e9d942}.mobile-menu-button,.mobile-panel{display:none}.hero{justify-content:space-between;align-items:center;gap:70px;min-height:455px;padding:62px 0 67px;display:flex}.hero-copy{z-index:1;max-width:630px;position:relative}.eyebrow,.section-kicker{color:var(--accent);letter-spacing:.18em;font-size:10px;font-weight:700}.eyebrow{align-items:center;gap:9px;display:flex}.pulse-dot,.live-dot{background:var(--accent);border-radius:99px;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 5px #63e9d91f}.hero h1{letter-spacing:-.08em;margin:19px 0 14px;font:800 clamp(49px,6vw,81px)/.98 Manrope,sans-serif}.hero h1 span{color:#0000;background:linear-gradient(100deg,#a1b2ff,#65ebd9 70%);-webkit-background-clip:text;background-clip:text}.hero p{max-width:500px;color:var(--muted);margin:0 0 28px;font-size:16px;line-height:1.75}.hero-search-wrap{width:min(100%,550px);height:61px;color:var(--accent);background:#0e233c9e;border:1px solid #63e9d93d;border-radius:17px;align-items:center;gap:13px;padding:0 17px;display:flex;box-shadow:inset 0 1px #ffffff0a,0 18px 45px #00000029}.hero-search-wrap:focus-within{border-color:#63e9d9b3;box-shadow:0 0 0 4px #63e9d917,0 18px 45px #00000029}.hero-search-wrap input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:15px}.hero-search-wrap input::placeholder{color:var(--muted)}.hero-search-wrap button{color:var(--muted);opacity:0;background:0 0;font-size:12px;transition:all .2s}.hero-search-wrap:focus-within button,.hero-search-wrap input:not(:placeholder-shown)+button{opacity:1}.suggestions{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:15px;font-size:11px;display:flex}.suggestions button{color:var(--soft);background:0 0;padding:0;font-size:11px}.suggestions button:hover{color:var(--accent)}.hero-card{border:1px solid var(--line);width:330px;height:300px;box-shadow:var(--shadow);background:linear-gradient(145deg,#1a3253c7,#0a172ac7);border-radius:27px;flex:none;padding:22px 22px 21px;position:relative;overflow:hidden}.hero-card:before{content:"";background:radial-gradient(circle,#67f4da2e,#5970f40a 58%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:45px;right:-40px}.hero-card-top,.hero-card-footer{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.live-chip{color:var(--accent);letter-spacing:.13em;align-items:center;gap:6px;font-size:10px;font-weight:700;display:inline-flex}.live-chip span{background:var(--accent);border-radius:50%;width:5px;height:5px}.hero-card-date{color:var(--muted);letter-spacing:.17em;font-size:10px}.hero-card-orb{color:#061521;background:linear-gradient(145deg,#a5f8df,#6e9aff);border-radius:50%;place-items:center;width:91px;height:91px;display:grid;position:absolute;top:90px;left:50%;transform:translate(-50%);box-shadow:0 0 0 13px #78b5ff12,0 0 0 25px #78b5ff0a,0 16px 45px #5de3d547}.orbit{border:1px solid #8ab5ff24;border-radius:50%;position:absolute;top:134px;left:50%;transform:translate(-50%,-50%)}.orbit-large{width:210px;height:120px;transform:translate(-50%,-50%)rotate(-26deg)}.orbit-small{width:160px;height:78px;transform:translate(-50%,-50%)rotate(28deg)}.hero-card-title{letter-spacing:-.05em;font:600 21px/1.2 Manrope,sans-serif;position:absolute;bottom:59px;left:22px}.hero-card-title strong{color:#a6f5e1;font-weight:700}.hero-card-footer{color:var(--muted);border-top:1px solid #a0c1eb1f;padding-top:13px;font-size:11px;position:absolute;bottom:20px;left:22px;right:22px}.hero-card-footer strong{color:var(--text);font:700 19px Manrope,sans-serif}.hero-card-footer small{color:var(--accent);font-size:12px}.content{padding-bottom:70px}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.section-heading h2{letter-spacing:-.06em;margin:7px 0 0;font:700 26px Manrope,sans-serif}.collection-meta{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.collection-meta b{color:var(--soft);font-weight:600}.live-dot{width:5px;height:5px;box-shadow:none}.category-row{scrollbar-width:none;gap:8px;margin-bottom:25px;padding-bottom:4px;display:flex;overflow-x:auto}.category-row::-webkit-scrollbar{display:none}.category-row button{border:1px solid var(--line);height:36px;color:var(--muted);background:#182d4b57;border-radius:10px;flex:none;padding:0 15px;font-size:12px;transition:all .2s}.category-row button:hover{color:var(--soft);border-color:#63e9d959}.category-row button.active{color:#06201e;border-color:var(--accent);background:var(--accent);font-weight:700}.favorites-note{color:var(--accent);background:#63e9d90f;border:1px solid #63e9d92e;border-radius:9px;align-items:center;gap:8px;margin-bottom:18px;padding:9px 12px;font-size:11px;display:inline-flex}.site-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.site-card{border:1px solid var(--line);background:linear-gradient(145deg, var(--surface), #0b182b80);border-radius:17px;flex-direction:column;min-height:220px;padding:19px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 9px 24px #00000014}.site-card:hover{border-color:#63e9d973;transform:translateY(-5px);box-shadow:0 20px 44px #0003,0 0 0 1px #63e9d90d}.site-card.featured{background:linear-gradient(145deg,#1b3754b3,#0b1b2e8f)}.card-topline{justify-content:space-between;align-items:start;display:flex}.site-icon{color:#fff;letter-spacing:-.05em;border-radius:13px;place-items:center;width:43px;height:43px;font:800 17px Manrope,sans-serif;display:grid;box-shadow:inset 0 1px #ffffff4d,0 7px 16px #0000001f}.tone-lilac{background:linear-gradient(145deg,#a998ff,#6d5ec5)}.tone-coral{background:linear-gradient(145deg,#ff9879,#ee5f7b)}.tone-slate{background:linear-gradient(145deg,#526e92,#26364d);font-size:13px}.tone-ink{background:#06090e}.tone-mint{color:#0b2a27;background:linear-gradient(145deg,#74f3cc,#3ba893)}.tone-blue{background:linear-gradient(145deg,#8c9eff,#5a68cf)}.tone-cyan{background:linear-gradient(145deg,#5ee6f1,#458de7)}.tone-sunset{background:linear-gradient(145deg,#fd9b79,#ea5375)}.tone-pink{background:linear-gradient(145deg,#ff93c4,#e65e93)}.tone-google{background:conic-gradient(from 30deg,#4285f4,#34a853,#fbbc05,#ea4335,#4285f4)}.tone-bili{color:#084357;background:linear-gradient(145deg,#81e4fb,#3fbae2);font-size:13px}.tone-juejin{background:linear-gradient(145deg,#5eafff,#3172ce);font-size:13px}.tone-silver{color:#18273a;background:linear-gradient(145deg,#f4f8ff,#9aabbe)}.tone-green{color:#0b3622;background:linear-gradient(145deg,#7af3af,#1dbd6d)}.favorite-button{z-index:2;width:31px;height:31px;color:var(--muted);background:0 0;border-radius:9px;place-items:center;transition:all .2s;display:grid;position:relative}.favorite-button:hover,.favorite-button.is-favorite{color:var(--accent);background:#63e9d91a}.favorite-button.is-favorite .icon{fill:currentColor}.site-info{margin-top:20px}.site-name-row{align-items:center;gap:8px;display:flex}.site-name-row h3{letter-spacing:-.04em;margin:0;font:700 16px Manrope,sans-serif}.visit-arrow{color:var(--accent);opacity:0;transition:all .2s}.site-card:hover .visit-arrow{opacity:1;transform:translate(2px)}.site-info p{min-height:38px;color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.65}.card-footer{z-index:2;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:16px;display:flex;position:relative}.domain{color:var(--muted);font-size:10px}.tag-list{gap:5px;display:flex}.tag-list span{color:var(--soft);background:#a0c1eb14;border-radius:5px;padding:4px 7px;font-size:9px}.card-link{z-index:1;position:absolute;inset:0}.empty-state{text-align:center;border:1px dashed var(--line);border-radius:18px;padding:80px 20px}.empty-icon{width:52px;height:52px;color:var(--accent);background:#63e9d91a;border-radius:17px;place-items:center;margin:0 auto 16px;display:grid}.empty-state h3{margin:0 0 7px;font-size:17px}.empty-state p{color:var(--muted);margin:0 0 18px;font-size:12px}.empty-state button{color:#06201e;background:var(--accent);border-radius:8px;padding:9px 14px;font-size:12px;font-weight:700}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#030912ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.add-modal{background:var(--surface-solid);border:1px solid #a0c1eb2e;border-radius:21px;width:min(100%,430px);padding:24px;box-shadow:0 30px 100px #00000061}.modal-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.modal-heading h2{letter-spacing:-.06em;margin:6px 0 0;font:700 22px Manrope,sans-serif}.add-modal label{color:var(--soft);gap:7px;margin-top:14px;font-size:11px;display:grid}.add-modal input,.add-modal select{border:1px solid var(--line);width:100%;height:43px;color:var(--text);background:var(--surface);border-radius:10px;outline:0;padding:0 12px;font-size:12px}.add-modal input:focus,.add-modal select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #63e9d917}.submit-button{color:#06201e;background:var(--accent);border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;height:45px;margin-top:22px;font-size:12px;font-weight:700;display:flex}.footer{border-top:1px solid var(--line);min-height:93px;color:var(--muted);justify-content:space-between;align-items:center;gap:20px;font-size:10px;display:flex}.footer-brand{color:var(--soft);font-weight:700}.footer-brand .brand-mark{border-radius:7px;width:23px;height:23px}.footer-copy{border-left:1px solid var(--line);margin-left:13px;padding-left:13px}.footer-right{align-items:center;gap:13px;display:flex}.footer-separator{background:var(--muted);border-radius:50%;width:3px;height:3px}@media (width<=1050px){.site-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{gap:35px}.hero-card{width:300px}}@media (width<=790px){.page-width{width:min(100% - 36px,620px)}.topbar{height:72px}.header-search{max-width:none}.header-actions .add-button{display:none}.mobile-menu-button{display:grid}.hero{flex-direction:column;align-items:stretch;gap:45px;min-height:auto;padding:55px 0 62px}.hero h1{font-size:clamp(51px,13vw,72px)}.hero-card{width:100%;height:235px}.hero-card-orb{top:70px}.orbit{top:115px}.hero-card-title{bottom:50px}.hero-card-footer{bottom:17px}.site-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer{flex-direction:column;align-items:flex-start;gap:13px;padding:23px 0}.footer-right{flex-wrap:wrap}}@media (width<=510px){.page-width{width:calc(100% - 30px)}.brand strong{font-size:19px}.brand em,.header-search,.topbar .icon-button:first-child{display:none}.hero{padding-top:42px}.hero h1{font-size:51px}.hero p{font-size:14px}.hero-search-wrap{height:56px}.hero-card{height:220px}.section-heading{flex-direction:column;align-items:flex-start;gap:10px}.site-grid{grid-template-columns:1fr;gap:11px}.site-card{min-height:198px}.site-info{margin-top:17px}.mobile-panel{flex-wrap:wrap;gap:8px;padding:8px 0 14px;display:flex}.mobile-panel button{color:var(--soft);background:var(--surface-solid);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:11px}}