:root{--blue:#2588ff;--orange:#ff821c;--bg:#eef5fc;--card:#fff;--text:#1b2a3d;--muted:#8190a4;--line:#e1ebf5;--shadow:0 5px 14px #2a66aa12}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{background:var(--bg);color:var(--text);margin:0;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif;font-size:12px}main{min-height:100vh}button,input{font:inherit}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}.topbar{z-index:10;height:65px;box-shadow:none;background:#4f8cf6;position:sticky;top:0}.topbarInner{align-items:center;gap:70px;width:min(1218px,100vw - 134px);height:100%;margin:0 auto;display:flex}.brand{color:#fff;flex:0 0 154px;font-size:26px;font-weight:900;line-height:.92;display:grid}.brand small{margin-top:5px;font-size:13px;font-weight:800}.topbar nav{color:#ffffffc7;flex:1;justify-content:space-between;align-items:center;min-width:0;max-width:890px;font-size:15px;font-weight:700;display:flex}.topbar nav a{white-space:nowrap;border-radius:6px;align-items:center;gap:7px;height:36px;padding:0 12px;display:inline-flex;position:relative}.topbar nav a.navActive{color:#fff;background:#2b68dc6b}.topbar nav a em{color:#fff;background:#ff4b2d;border-radius:50%;place-items:center;width:10px;height:10px;font-size:7px;font-style:normal;line-height:1;display:grid}.navGridIcon{background:#ff8a16;border-radius:50%;place-items:center;width:21px;height:21px;font-size:12px;display:grid}.topActions{align-items:center;gap:12px;margin-left:auto;display:flex}.topActions button{color:#fff;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;height:32px;padding:0;font-size:12px;font-weight:800;display:inline-flex}.languageBox{position:relative}.langButton{background:#ffffff29;gap:6px;min-width:82px;box-shadow:inset 0 0 0 1px #fff3;padding:0 13px!important}.langButton span{font-size:12px;line-height:1}.languageMenu{z-index:20;background:#fff;border:1px solid #d2e0f1e6;border-radius:12px;width:124px;padding:8px;display:grid;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 18px 42px #0f3a7033}.languageMenu button{color:#33445d;background:0 0;border-radius:8px;justify-content:flex-start;width:100%;height:34px;font-size:12px;font-weight:800;padding:0 9px!important}.languageMenu button:hover,.languageMenu button.selected{color:#1767d8;filter:none;background:#edf5ff;transform:none}.loginButton{background:#ff8a16;gap:7px;min-width:74px;max-width:138px;padding:0 13px 0 8px!important}.loginButton span{background:#ffffff38;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;line-height:1;display:grid}.accountBox{position:relative}.topActions button:hover{filter:brightness(1.03);transform:translateY(-1px)}.accountMenu{z-index:20;background:#fff;border:1px solid #d2e0f1e6;border-radius:12px;width:172px;padding:10px;display:grid;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 18px 42px #0f3a7033}.accountMenu:before{content:"";background:#fff;border-top:1px solid #d2e0f1e6;border-left:1px solid #d2e0f1e6;width:12px;height:12px;position:absolute;top:-6px;right:22px;transform:rotate(45deg)}.accountMenu strong,.accountMenu small,.accountMenu a,.accountMenu button{z-index:1;position:relative}.accountMenu strong{color:#1f2f46;text-overflow:ellipsis;white-space:nowrap;padding:4px 8px 0;font-size:13px;line-height:1.4;overflow:hidden}.accountMenu small{color:#8090a4;text-overflow:ellipsis;white-space:nowrap;padding:2px 8px 8px;font-size:11px;line-height:1.4;overflow:hidden}.accountMenu a,.accountMenu button{color:#33445d;background:0 0;border-radius:8px;justify-content:flex-start;width:100%;height:34px;font-size:12px;font-weight:800;padding:0 8px!important}.accountMenu a:hover,.accountMenu button:hover{color:#1767d8;filter:none;background:#edf5ff;transform:none}.accountMenu button{color:#e4531d}.sidebar{z-index:8;width:190px;height:calc(100vh - 65px);box-shadow:none;background:0 0;border-right:0;padding:30px 19px 22px;position:fixed;top:65px;left:0}.sidebar nav{gap:16px;display:grid}.sidebar a{color:#62666c;border-radius:8px;align-items:center;gap:12px;height:43px;padding:0 16px;font-size:14px;font-weight:700;display:flex}.sidebar a span{color:currentColor;letter-spacing:0;background:#4f8cf61a;border-radius:6px;flex:0 0 24px;place-items:center;width:24px;height:24px;font-size:9px;font-weight:900;display:grid}.sidebar a b{margin-left:auto;font-size:19px;font-weight:400}.sidebar a.allSites{color:#2b2f36;background:#fff}.sidebar a.active{color:#fff;background:#ff5b08}.sidebar a.active span{color:#fff;background:#fff3}.pageShell{width:auto;margin:0 30px 0 225px;padding:30px 0}.hero{height:352px;box-shadow:var(--shadow);background:radial-gradient(circle at -2% 34%,#3addb2eb 0 19%,#0000 28%),radial-gradient(circle at 101% 33%,#39d5b4c7 0 21%,#0000 31%),linear-gradient(135deg,#56d9b1 0%,#5e9af5 38%,#4f89f2 70%,#39c9b5 100%);border-radius:14px;position:relative;overflow:hidden}.hero,.navSection,.posterSection{scroll-margin-top:86px}.heroContent{z-index:2;text-align:center;max-width:900px;margin:0 auto;padding:51px 20px 0;position:relative}.hero h1{color:#fff;letter-spacing:0;margin:0 0 43px;font-size:38px;font-weight:800;line-height:1}.searchBox{width:min(100%,920px);margin:0 auto}.searchTabs{background:0 0;border-radius:8px 8px 0 0;align-items:flex-end;display:inline-flex;overflow:visible}.searchTabs button{color:#fff;background:0 0;border-radius:8px 8px 0 0;height:34px;padding:0 24px;font-size:15px;font-weight:700}.searchTabs .selected{color:#2e3747;background:#fff}.searchLine{background:#fff;border-radius:8px;grid-template-columns:1fr 134px;height:47px;display:grid;overflow:hidden;box-shadow:0 10px 24px #1b60a226}.searchLine input{color:#666;border:0;outline:0;min-width:0;padding:0 21px;font-size:14px;font-weight:700}.searchLine span{color:#999;background:#fff;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.searchLine button{color:#fff;background:#ff5b08;font-size:15px;font-weight:700}.heroQuickSites{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:27px;display:flex}.heroQuickSites b{color:#fff;flex:none;font-size:14px;font-weight:900;line-height:34px}.heroQuickSites a{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2670cb47;border-radius:8px;align-items:center;height:32px;padding:0 14px;font-size:13px;font-weight:800;transition:background .16s,transform .16s;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff14}.heroQuickSites a:hover{background:#ffffff38;transform:translateY(-1px)}.heroQuickSites a:first-of-type{color:#53647a;background:#ffffffb8}.heroArt{position:absolute;inset:0}.floatCube{border-radius:11px;position:absolute;transform:rotate(14deg)}.floatCube.one{background:#ffffff38;width:36px;height:51px;top:25px;right:84px}.floatCube.two{background:#ff9b42;width:37px;height:37px;bottom:140px;right:80px}.floatCube.three{background:#23c48e;border-radius:50%;width:112px;height:36px;bottom:71px;left:113px}.screenMock{background:#ffffff52;border:0;border-radius:0;width:191px;height:167px;position:absolute;bottom:73px;right:0;transform:perspective(300px)rotateY(-10deg)}.screenMock span{background:#ffffff8f;display:block;position:absolute}.screenMock span:first-child{border-radius:999px;width:75px;height:61px;top:47px;left:39px}.screenMock span:last-child{border-radius:4px;width:99px;height:49px;bottom:40px;right:0}.sectionHead button{color:#8b96a6;background:#fff;border-radius:999px;margin-left:auto;padding:7px 15px;font-size:12px}.headline+button{margin-left:9px}.navSection,.posterSection{margin-top:30px;margin-bottom:20px}.sectionHead{align-items:center;gap:7px;height:42px;margin-bottom:8px;display:flex}.sectionHead h2{color:#111;margin:0;font-size:20px;font-weight:900;line-height:1}.sectionHead span{color:#fff;background:var(--orange);border-radius:999px;padding:5px 8px;font-size:10px;font-weight:700}.headline{color:#777;background:#fff;border-radius:999px;align-items:center;gap:5px;max-width:387px;height:27px;margin-left:auto;padding:0 19px;font-size:12px;display:flex}.headline b{color:#777}.headline i{border:1px solid #999;border-radius:50%;place-items:center;width:12px;height:12px;font-size:8px;font-style:normal;display:grid}.cardGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;display:grid}.siteCard{background:var(--card);border:0;border-radius:8px;min-width:0;height:124px;padding:16px 14px 13px;transition:transform .16s,box-shadow .16s,border-color .16s;box-shadow:0 4px 10px #376fa60a}.siteCard:hover{border-color:#b9d6ff;transform:translateY(-2px);box-shadow:0 10px 20px #2978d21f}.cardTitle{align-items:center;gap:9px;min-width:0;display:flex}.siteIcon{background:#fff;border:1px solid #edf2f7;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid;overflow:hidden;box-shadow:0 2px 6px #2a538614}.siteIcon img{object-fit:contain;width:18px;height:18px}.fallbackIcon{color:#fff;border-color:#0000;font-size:10px;font-weight:800}.cardTitle strong{color:#253349;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;line-height:21px;overflow:hidden}.siteCard p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:10px 0 0;font-size:11px;line-height:1.5;display:-webkit-box;overflow:hidden}.cardTags{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.cardTags em{color:#8f9da9;background:#eef5fb;border-radius:5px;align-items:center;height:19px;padding:0 6px;font-size:10px;font-style:normal;line-height:1;display:inline-flex}.channelPage{gap:28px;display:grid}.channelHero{color:#fff;min-height:190px;box-shadow:var(--shadow);background:radial-gradient(circle at 88% 20%,#ffffff3d 0 10%,#0000 22%),linear-gradient(135deg,#4f8cf6 0%,#35ceb4 100%);border-radius:14px;padding:34px 38px}.channelHero span{background:#ffffff2e;border-radius:999px;align-items:center;height:26px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.channelHero h1{margin:22px 0 12px;font-size:38px;line-height:1}.channelHero p{color:#ffffffdb;max-width:620px;margin:0;font-size:14px;font-weight:700;line-height:1.8}.channelSection{gap:16px;display:grid}.categoryGrid,.aiGroupGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.categoryCard,.aiGroupCard{background:#fff;border-radius:8px;min-width:0;box-shadow:0 4px 10px #376fa60a}.categoryCard{grid-template-columns:34px 1fr;align-items:center;gap:8px 12px;min-height:92px;padding:16px;display:grid}.categoryCard span{color:#1767d8;background:#eaf3ff;border-radius:9px;grid-row:span 2;place-items:center;width:34px;height:34px;font-size:11px;font-weight:900;display:grid}.categoryCard strong,.aiGroupCard strong{color:#24324a;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;line-height:1.4;overflow:hidden}.categoryCard small{color:#8a99aa;font-size:11px;font-weight:800}.tagCloud{background:#fff;border-radius:8px;flex-wrap:wrap;gap:10px;padding:18px;display:flex}.tagCloud span{color:#5f7188;background:#eef5fd;border-radius:999px;align-items:center;height:30px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.aiGroupCard{min-height:118px;padding:18px}.aiGroupCard p{color:#7d8ca0;margin:10px 0 0;font-size:12px;font-weight:700;line-height:1.7}.posterGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;display:grid}.posterCard{background:#fff;border:1px solid #e3ebf4;border-radius:6px;min-width:0;overflow:hidden;box-shadow:0 5px 12px #376fa60d}.posterImage{height:86px;position:relative}.posterImage:after{content:"";border:1px solid #ffffff73;border-radius:9px;position:absolute;inset:15px 17px}.posterImage span{z-index:1;color:#fff;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700;position:absolute;bottom:8px;left:8px}.posterCard strong{color:#233146;text-overflow:ellipsis;white-space:nowrap;margin:8px 9px 4px;font-size:12px;line-height:17px;display:block;overflow:hidden}.posterCard p{color:#8a99aa;margin:0 9px 9px;font-size:10px}footer{color:#ffffffc2;text-align:center;background:linear-gradient(#3195ff 0%,#2379ef 100%);margin-left:190px;padding:22px 20px 28px}.footerSearch{background:#fff;border-radius:6px;grid-template-columns:1fr 84px;width:min(860px,100vw - 180px);height:38px;margin:0 auto 18px;display:grid;overflow:hidden}.footerSearch input{border:0;outline:0;min-width:0;padding:0 14px}.footerSearch button{color:#fff;background:var(--orange);font-weight:700}footer p{margin:0;font-size:11px}.loginOverlay{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#12203457;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.loginModal{background:#fff;border-radius:14px;width:min(100%,390px);padding:24px;box-shadow:0 24px 60px #0d2b5238}.loginModalHead{align-items:flex-start;gap:14px;margin-bottom:22px;display:flex}.loginModalHead>span{color:#fff;background:#ff7a16;border-radius:12px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:18px;font-weight:900;display:grid}.authTabs{background:#eef5fd;border-radius:11px;grid-template-columns:1fr 1fr;gap:6px;margin-top:16px;padding:5px;display:grid}.authTabs button{color:#6b7d94;background:0 0;border-radius:8px;height:34px;font-size:13px;font-weight:900}.authTabs button.selected{color:#1f365c;background:#fff;box-shadow:0 4px 10px #2a66aa17}.loginModal h2{color:#17243a;margin:0;font-size:20px;line-height:1.2}.loginModal p{color:#7a889b;margin:7px 0 0;font-size:12px;line-height:1.6}.loginModal label{color:#24324a;gap:8px;margin-top:14px;font-size:13px;font-weight:800;display:grid}.loginModal input{color:#1f2d42;background:#f8fbff;border:1px solid #dfe9f4;border-radius:9px;outline:0;width:100%;height:42px;padding:0 13px;font-size:13px;font-weight:700}.loginModal input:focus{border-color:#79adff;box-shadow:0 0 0 3px #4f8cf624}.authProviders{grid-template-columns:1fr;gap:10px;margin-top:18px;display:grid}.authProviders button{color:#24324a;background:#f7fbff;border-radius:10px;justify-content:center;align-items:center;gap:9px;height:42px;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex;box-shadow:inset 0 0 0 1px #dfe9f4}.authProviders button span{color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;line-height:1;display:grid}.googleAuth span{background:#4285f4}.githubAuth span{background:#24292f}.authProviders button:hover{color:#1767d8;background:#e7f1ff}.authHint{text-align:center;color:#8a98aa!important;margin:10px 0 0!important;font-size:11px!important}.loginModalActions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.loginModalActions button{border-radius:9px;height:38px;padding:0 16px;font-size:13px;font-weight:800}.loginModalActions button:first-child{color:#607086;background:#edf4fb}.loginModalActions button:last-child{color:#fff;background:#ff5b08}.adminPage{background:var(--bg);min-height:100vh;padding:28px}.adminHeader{justify-content:space-between;align-items:center;gap:20px;max-width:1180px;margin:0 auto 22px;display:flex}.adminHeader div{gap:5px;display:grid}.adminHeader strong{color:#182337;font-size:26px}.adminHeader span{color:var(--muted);font-size:13px}.adminHeader a{color:#fff;background:#4f8cf6;border-radius:7px;justify-content:center;align-items:center;height:38px;padding:0 16px;font-weight:800;display:inline-flex}.adminShell{grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:22px;max-width:1180px;margin:0 auto;display:grid}.adminPanel{min-width:0;box-shadow:var(--shadow);background:#fff;border-radius:9px}.adminForm{align-content:start;gap:15px;padding:22px;display:grid}.adminPanelHead{justify-content:space-between;align-items:center;gap:12px;display:flex}.adminPanelHead h1{color:#151d2c;margin:0;font-size:20px}.adminPanelHead button{color:#4f6378;background:#eef5fb;border-radius:6px;height:30px;padding:0 10px;font-weight:700}.adminForm label{color:#637083;gap:7px;font-weight:800;display:grid}.adminForm input,.adminForm select,.adminForm textarea{color:#26364b;background:#f8fbff;border:1px solid #dfe9f4;border-radius:7px;outline:0;width:100%;min-width:0}.adminForm input,.adminForm select{height:40px;padding:0 11px}.adminForm textarea{resize:vertical;min-height:82px;padding:11px;line-height:1.55}.adminForm input:focus,.adminForm select:focus,.adminForm textarea:focus{background:#fff;border-color:#7db2ff;box-shadow:0 0 0 3px #4f8cf624}.adminInline{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.adminCheck{align-items:center;gap:8px!important;display:flex!important}.adminCheck input{width:16px;height:16px}.adminPreviewCard{background:#f8fbff;border:1px solid #e5edf6;border-radius:8px;gap:12px;min-width:0;padding:15px;display:flex}.adminPreviewCard div{min-width:0}.adminPreviewCard strong{color:#253349;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:23px;display:block;overflow:hidden}.adminPreviewCard p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 0;line-height:1.5;display:-webkit-box;overflow:hidden}.adminPrimary{color:#fff;background:#ff5b08;border-radius:7px;height:42px;font-size:14px;font-weight:900}.adminList{padding:22px}.adminRows{gap:12px;margin-top:16px;display:grid}.adminRow{background:#fbfdff;border:1px solid #e5edf6;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px;display:grid}.adminRow strong{color:#233146;font-size:16px;display:block}.adminRow p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:6px 0 9px;overflow:hidden}.adminRowActions{gap:8px;display:flex}.adminRowActions button{color:#3f5873;background:#eef5fb;border-radius:6px;height:32px;padding:0 11px;font-weight:800}.adminRowActions button:last-child{color:#d9480f;background:#fff4ec}.adminEmpty{min-height:220px;color:var(--muted);background:#f8fbff;border:1px dashed #cbd9e8;border-radius:8px;place-items:center;margin-top:16px;font-weight:800;display:grid}@media (max-width:1180px){.pageShell{width:min(1080px,100vw - 48px);margin:0 auto;padding-left:120px}}@media (max-width:960px){.adminShell{grid-template-columns:1fr}}@media (max-width:840px){.sidebar{display:none}.topbar{height:auto}.topbarInner{flex-wrap:wrap;gap:12px;width:calc(100vw - 24px);min-height:56px;padding:10px 0}.topbar nav{order:3;gap:16px;width:100%;padding-bottom:4px;overflow-x:auto}.pageShell{width:calc(100vw - 24px);padding:12px 0 26px}.hero{border-radius:10px;height:auto;min-height:310px}.heroContent{padding:36px 16px 28px}.hero h1{margin-bottom:30px;font-size:32px}.searchLine{grid-template-columns:1fr 96px;height:50px}.searchTabs{max-width:100%}.searchTabs button{height:34px;padding:0 18px;font-size:14px}.heroQuickSites{flex-wrap:nowrap;justify-content:flex-start;max-width:100%;padding-bottom:4px;overflow-x:auto}.heroQuickSites a{flex:none;height:34px;padding:0 14px;font-size:15px}.screenMock,.floatCube.one{display:none}.noticeBar{flex-direction:column;align-items:flex-start;padding:14px 16px}.noticeBar button{margin-left:0}.cardGrid,.posterGrid,.categoryGrid,.aiGroupGrid{grid-template-columns:repeat(2,minmax(0,1fr))}footer{margin-left:0}.footerSearch{width:min(640px,100vw - 32px)}}@media (max-width:480px){.adminPage{padding:16px}.adminHeader,.adminRow{grid-template-columns:1fr;align-items:stretch}.adminHeader{flex-direction:column}.adminInline{grid-template-columns:1fr}.adminRowActions{justify-content:stretch}.adminRowActions button{flex:1}.brand{font-size:19px}.topActions button{padding:0 10px}.searchLine{grid-template-columns:1fr;height:auto}.searchLine input{height:44px}.searchLine button{height:40px}.cardGrid,.posterGrid{grid-template-columns:1fr}.siteCard{height:118px}}