:root{--bg:#181a1e;--panel:#202329;--panel-2:#24282e;--line:#343943;--text:#f3f5f7;--muted:#9299a5;--accent:#20c997;--accent-2:#8ce5c6;--warm:#eecb85}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:14px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:200px;border-right:1px solid var(--line);background:#1b1d21;padding:26px 18px;display:flex;flex-direction:column;z-index:3}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;margin:0 8px 52px}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:var(--accent);color:#12231e;font-size:19px}.brand strong{display:block;font-size:15px;letter-spacing:.02em}.brand small{display:block;margin-top:3px;color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.side-nav{display:grid;gap:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:7px;color:var(--muted);text-decoration:none;transition:.2s}.nav-item span{width:16px;text-align:center;color:#7e8793;font-size:16px}.nav-item:hover,.nav-item.active{background:#2a3035;color:var(--text)}.nav-item.active{box-shadow:inset 3px 0 0 var(--accent)}.nav-item.active span{color:var(--accent)}.side-divider{height:1px;background:var(--line);margin:34px 10px 23px}.side-label{margin:0 12px 11px;color:#737b88;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.side-tags{display:flex;flex-wrap:wrap;gap:7px;padding:0 8px}.side-tags a{padding:6px 8px;border:1px solid #363c45;border-radius:5px;color:#aeb5bf;text-decoration:none;font-size:12px}.side-tags a:hover{border-color:var(--accent);color:var(--accent-2)}.sidebar-bottom{margin-top:auto;display:grid;gap:15px;padding:0 8px}.submit-link{color:var(--accent-2);text-decoration:none}.version{color:#5f6671;font-size:11px}.main-content{margin-left:200px;min-height:100vh}.topbar{height:88px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;padding:0 42px}.breadcrumb{color:#87909d;font-size:13px}.top-actions{display:flex;align-items:center;gap:16px}.icon-button,.user-button{border:0;background:none;color:#a7afba;cursor:pointer}.icon-button{font-size:20px}.user-button{display:flex;align-items:center;gap:8px}.avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#333941;color:var(--accent-2);font-size:12px}.chevron{color:#69717b}.hero-section{padding:84px 42px 54px;max-width:1100px}.eyebrow,.section-kicker{margin:0 0 16px;color:var(--accent);font-size:11px;letter-spacing:.18em;font-weight:700}.hero-copy h1{margin:0;font-size:56px;line-height:1.13;letter-spacing:-.02em}.hero-copy h1 em{font-style:normal;color:var(--accent-2)}.hero-subtitle{max-width:560px;margin:22px 0 35px;color:var(--muted);font-size:16px;line-height:1.8}.search-box{display:flex;align-items:center;width:min(836px,100%);height:62px;border:1px solid #454b56;background:#20242a;border-radius:8px;box-shadow:0 15px 50px rgba(0,0,0,.18)}.search-icon{padding:0 17px;color:var(--accent);font-size:26px}.search-box input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:15px}.search-box input::placeholder{color:#707885}.search-box button{height:42px;margin-right:9px;padding:0 23px;border:0;border-radius:6px;background:var(--accent);color:#10261f;font-weight:700;cursor:pointer}.search-hints{display:flex;gap:16px;margin-top:15px;color:#6d7580;font-size:12px}.search-hints a{color:#969eaa;text-decoration:none}.search-hints a:hover{color:var(--accent-2)}.content-section,.split-section{padding:40px 42px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.section-heading h2{margin:0;font-size:25px;letter-spacing:-.01em}.section-heading.compact h2{font-size:20px}.section-heading.compact{margin-bottom:20px}.section-kicker{margin-bottom:8px;font-size:10px}.section-link{color:#a6b1bc;text-decoration:none}.section-link:hover{color:var(--accent-2)}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.tool-card{min-height:286px;padding:20px;background:var(--panel);border:1px solid transparent;border-radius:8px;display:flex;flex-direction:column;transition:.2s}.tool-card:hover{transform:translateY(-3px);border-color:#46505b;background:var(--panel-2)}.tool-logo{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;margin-bottom:26px;font-weight:800;font-size:20px;color:#16221f;background:linear-gradient(135deg,#8ee6c8,#4fc6a4)}.tool-card:nth-child(2) .tool-logo{background:linear-gradient(135deg,#f0d18f,#d99d55)}.tool-card:nth-child(3) .tool-logo{background:linear-gradient(135deg,#d4c4ff,#9b84dc)}.tool-card:nth-child(4) .tool-logo{background:linear-gradient(135deg,#a9d6f3,#5c9dc9)}.tool-card:nth-child(5) .tool-logo{background:linear-gradient(135deg,#f6adc1,#d56c8b)}.tool-card:nth-child(6) .tool-logo{background:linear-gradient(135deg,#c4e78b,#7eb34f)}.tool-name{margin:0 0 10px;font-size:18px}.tool-desc{margin:0;color:var(--muted);line-height:1.65;flex:1}.tool-meta{display:flex;justify-content:space-between;margin-top:18px;padding-top:14px;border-top:1px solid var(--line);color:#7f8894;font-size:11px}.tool-score{color:var(--warm)}.split-section{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.panel{padding:26px;background:var(--panel);border:1px solid #2d333c;border-radius:8px}.robot-feature{position:relative;display:flex;align-items:center;gap:20px;padding:15px 0 2px}.robot-art{display:grid;place-items:center;flex:0 0 118px;height:118px;border-radius:12px;background:radial-gradient(circle at 35% 30%,#526f68,#243a38 65%);color:var(--accent);font-size:74px}.status-dot{color:var(--accent);font-size:11px}.robot-feature h3{margin:7px 0;font-size:23px}.robot-feature p{margin:0;color:var(--muted);line-height:1.6}.robot-meta{display:flex;gap:15px;margin-top:18px;color:#7e8792;font-size:11px}.round-arrow{position:absolute;right:0;bottom:7px;width:34px;height:34px;border:1px solid #4a525e;border-radius:50%;display:grid;place-items:center;color:var(--accent-2);text-decoration:none}.rank-list{list-style:none;padding:0;margin:0}.rank-list li{display:flex;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.rank-list li:last-child{border-bottom:0}.rank-number{width:42px;color:#69727e;font-size:12px}.rank-name{flex:1;font-size:15px}.rank-score{color:var(--warm)}.insight-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px}.insight-card{min-height:190px;padding:23px;background:#21252b;border:1px solid #303640;border-radius:8px;display:flex;flex-direction:column}.insight-card.featured{background:linear-gradient(135deg,#253d3a,#20272b)}.insight-type{color:var(--accent);font-size:11px}.insight-card h3{margin:22px 0 12px;font-size:18px;line-height:1.45}.insight-card p{margin:0;color:var(--muted);line-height:1.6}.read-time{margin-top:auto;color:#7e8790;font-size:11px}.footer{margin-top:45px;padding:34px 42px 46px;border-top:1px solid var(--line);display:flex;align-items:end;gap:60px;color:#7e8791}.footer strong{color:var(--text)}.footer p{margin:8px 0 0;font-size:12px}.footer-links{display:flex;gap:20px;flex:1}.footer-links a{color:#8c949f;text-decoration:none;font-size:12px}.footer-links a:hover{color:var(--accent-2)}.copyright{font-size:11px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);padding:11px 17px;border:1px solid #44505b;border-radius:6px;background:#252a30;color:var(--text);opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1100px){.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-copy h1{font-size:48px}}@media(max-width:780px){.sidebar{position:static;width:100%;height:auto;padding:18px;display:block}.brand{margin:0 0 18px}.side-nav{display:flex;overflow:auto}.nav-item{white-space:nowrap}.side-divider,.side-label,.side-tags,.sidebar-bottom{display:none}.main-content{margin-left:0}.topbar{height:64px;padding:0 18px}.hero-section,.content-section,.split-section{padding:45px 18px}.hero-copy h1{font-size:40px}.search-box{height:56px}.tool-grid,.split-section,.insight-grid{grid-template-columns:1fr}.footer{padding:30px 18px;display:grid;gap:20px}.footer-links{flex-wrap:wrap}.copyright{order:3}}
.tool-card{color:inherit;text-decoration:none}
.archive-head{padding:70px 42px 35px;border-bottom:1px solid rgba(255,255,255,.06)}.archive-head h1{margin:0;font-size:42px}.archive-head>p:not(.section-kicker){color:var(--muted);font-size:15px;margin:14px 0 28px}.archive-search{max-width:760px}.archive-content{padding-top:28px}.filter-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.filter-tab{padding:8px 14px;border:1px solid #3a424c;border-radius:5px;background:transparent;color:#9aa3ae;cursor:pointer}.filter-tab:hover,.filter-tab.active{border-color:var(--accent);background:#223a35;color:var(--accent-2)}.result-count{color:#6f7884;font-size:12px}.detail-layout{display:grid;grid-template-columns:minmax(0,840px) 320px;gap:28px;padding:42px;max-width:1300px}.detail-main{min-width:0}.detail-hero{display:flex;align-items:center;gap:22px;padding:26px;background:var(--panel);border:1px solid #303640;border-radius:8px}.detail-logo{display:grid;place-items:center;flex:0 0 88px;width:88px;height:88px;border-radius:20px;background:linear-gradient(135deg,#eee1ff,#9679d0);color:#281e43;font-size:38px;font-weight:800}.detail-title{flex:1}.detail-status{color:var(--accent);font-size:11px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:4px}.detail-type{margin-left:12px;padding-left:12px;border-left:1px solid #46505a;color:#87919b}.detail-title h1{margin:9px 0 5px;font-size:33px}.detail-title p{margin:0;color:var(--muted)}.detail-tags{display:flex;gap:7px;margin-top:16px;flex-wrap:wrap}.detail-tags span,.audience-list span{padding:5px 9px;border-radius:4px;background:#2b3138;color:#a9b1bb;font-size:11px}.detail-actions{display:grid;gap:9px}.primary-action,.secondary-action{height:38px;padding:0 15px;border-radius:5px;cursor:pointer;font-weight:600}.primary-action{border:0;background:var(--accent);color:#11251f}.secondary-action{border:1px solid #48515d;background:transparent;color:#c3cad2}.score-strip{display:grid;grid-template-columns:repeat(3,1fr);margin:16px 0;overflow:hidden;background:var(--panel);border:1px solid #303640;border-radius:8px}.score-strip>div{padding:21px 24px;border-right:1px solid var(--line)}.score-strip>div:last-child{border-right:0}.score-strip small,.score-strip span{display:block;color:#7e8791;font-size:11px}.score-strip strong{display:inline-block;margin:9px 9px 4px 0;font-size:28px}.score-level{display:inline!important;color:var(--accent)!important}.detail-section{margin-top:16px;padding:28px;background:var(--panel);border:1px solid #303640;border-radius:8px}.detail-section h2{margin:0 0 19px;font-size:20px}.detail-section p{color:#aeb5be;line-height:1.9;margin:0 0 14px}.detail-section p:last-child{margin-bottom:0}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.feature-grid>div{padding:19px;background:var(--panel)}.feature-grid b{font-size:14px}.feature-grid p{font-size:12px;line-height:1.6;margin-top:8px}.chart-card{height:220px;display:grid;grid-template-columns:42px 1fr;grid-template-rows:1fr 20px;gap:8px}.chart-axis{display:flex;flex-direction:column;justify-content:space-between;color:#6e7782;font-size:10px;text-align:right}.fake-chart{display:flex;align-items:end;gap:12px;padding:0 14px;border-bottom:1px solid #444c56;border-left:1px solid #444c56;background:repeating-linear-gradient(to bottom,transparent 0,transparent 43px,#303640 44px)}.fake-chart i{display:block;flex:1;max-width:30px;border-radius:3px 3px 0 0;background:linear-gradient(to top,#14775f,var(--accent));opacity:.9}.chart-labels{grid-column:2;display:flex;justify-content:space-between;color:#6e7782;font-size:10px}.detail-aside{display:grid;align-content:start;gap:16px}.aside-card{padding:23px;background:var(--panel);border:1px solid #303640;border-radius:8px}.aside-card h3{margin:0 0 18px;font-size:16px}.aside-card dl{margin:0}.aside-card dt{margin-top:14px;color:#737d88;font-size:11px}.aside-card dt:first-child{margin-top:0}.aside-card dd{margin:5px 0 0;color:#d0d5db}.audience-list{display:flex;gap:8px;flex-wrap:wrap}.similar a{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line);color:var(--text);text-decoration:none}.similar a:first-of-type{border-top:0}.similar a span{color:#7f8994;font-size:11px}.comments .section-heading{align-items:center}.comments .section-heading h2{display:flex;align-items:center;gap:8px}.comments h2 small{font-size:11px;color:#7f8994;font-weight:400}.comment{display:flex;gap:13px;padding:19px 0;border-top:1px solid var(--line)}.comment-avatar{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#39404a;color:var(--accent-2)}.comment b{font-size:13px}.comment p{font-size:13px!important;line-height:1.6!important;margin:6px 0!important}.comment span:last-child{color:#737d88;font-size:11px}@media(max-width:980px){.detail-layout{grid-template-columns:1fr;padding:25px 18px}.detail-aside{grid-template-columns:repeat(3,1fr)}.detail-hero{align-items:flex-start;flex-wrap:wrap}.detail-actions{margin-left:auto}}@media(max-width:780px){.archive-head{padding:45px 18px 28px}.archive-head h1{font-size:34px}.filter-bar{align-items:flex-start;gap:16px;flex-direction:column}.detail-aside{grid-template-columns:1fr}.detail-hero{display:grid;grid-template-columns:auto 1fr}.detail-actions{grid-column:1/-1;display:flex}.score-strip{grid-template-columns:1fr}.score-strip>div{border-right:0;border-bottom:1px solid var(--line)}.score-strip>div:last-child{border-bottom:0}.feature-grid{grid-template-columns:1fr}}
.robot-head{padding-bottom:40px}.robot-stats{display:flex;gap:30px;color:#7f8894;font-size:12px}.robot-stats b{color:var(--text);font-size:22px;margin-right:5px}.robot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.robot-card{overflow:hidden;background:var(--panel);border:1px solid transparent;border-radius:8px;color:inherit;text-decoration:none;transition:.2s}.robot-card:hover{transform:translateY(-3px);border-color:#46505b}.robot-card-art{height:180px;display:grid;place-items:center;font-size:96px}.robot-card-art.teal{background:radial-gradient(circle at 30% 25%,#557f76,#263b39 68%);color:#8ee6c8}.robot-card-art.violet{background:radial-gradient(circle at 30% 25%,#6b5e92,#302a43 68%);color:#d2c6ff}.robot-card-art.amber{background:radial-gradient(circle at 30% 25%,#8e7450,#413328 68%);color:#f0cc8d}.robot-card-art.blue{background:radial-gradient(circle at 30% 25%,#4f7691,#273642 68%);color:#a7d8f2}.robot-card-body{padding:20px}.robot-kind{color:var(--accent);font-size:10px;letter-spacing:.08em}.robot-card h3{margin:8px 0;font-size:20px}.robot-card p{min-height:50px;margin:0;color:var(--muted);line-height:1.6}.robot-card-meta{display:flex;justify-content:space-between;margin-top:18px;padding-top:14px;border-top:1px solid var(--line);color:#7f8894;font-size:11px}.robot-detail-logo{background:radial-gradient(circle at 30% 30%,#557f76,#263b39 70%);color:#8ee6c8}.robot-detail-layout .detail-section{margin-top:16px}.spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.spec-grid>div{padding:18px;background:var(--panel)}.spec-grid small{display:block;color:#737d88;font-size:11px}.spec-grid b{display:block;margin-top:8px;font-size:16px}.company-link{display:flex;justify-content:space-between;color:var(--text);text-decoration:none}.company-link span{color:var(--accent-2);font-size:11px}.rank-head{padding-bottom:28px}.rank-switch{display:flex;gap:8px;margin-top:25px}.rank-content{max-width:1040px}.rank-table{overflow:hidden;background:var(--panel);border:1px solid #303640;border-radius:8px}.rank-row{display:grid;grid-template-columns:80px 1.5fr 1fr 90px 100px;align-items:center;gap:10px;padding:18px 22px;border-bottom:1px solid var(--line);color:var(--text);text-decoration:none}.rank-row:last-child{border-bottom:0}.rank-row:not(.rank-header):hover{background:#252b31}.rank-header{color:#747e89;font-size:11px}.big-rank{font-size:20px;color:#7f8b96}.rank-row:nth-child(2) .big-rank{color:var(--warm)}.rank-product{display:grid;gap:4px}.rank-product small{color:#737d88;font-size:11px}.table-score{color:var(--warm)}.trend-up{color:var(--accent)}.trend-flat{color:#87919c}.rank-note{display:flex;align-items:center;gap:8px;margin-top:16px;color:#707a85;font-size:11px}.profile-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:22px;padding:44px 42px}.profile-menu{height:max-content;padding:18px;background:var(--panel);border:1px solid #303640;border-radius:8px}.profile-summary{display:grid;justify-items:center;padding:8px 0 20px;border-bottom:1px solid var(--line);gap:7px}.profile-avatar{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#36434a;color:var(--accent-2);font-size:22px}.profile-summary small{color:#77818c;font-size:11px}.profile-menu>a{display:block;padding:12px 10px;margin-top:6px;border-radius:5px;color:#949da8;text-decoration:none}.profile-menu>a:hover,.profile-menu>a.current{background:#293238;color:var(--accent-2)}.settings-panel{min-width:0}.settings-panel h1{margin:0;font-size:28px}.save-state{color:var(--accent);font-size:11px}.settings-block{margin-top:18px;padding:28px;background:var(--panel);border:1px solid #303640;border-radius:8px}.settings-block h2{margin:0 0 22px;font-size:18px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid label{display:grid;gap:8px;color:#8b95a0;font-size:12px}.form-grid label.full{grid-column:1/-1}.form-grid input,.form-grid textarea{width:100%;padding:12px;border:1px solid #3c444f;border-radius:5px;background:#1b1f24;color:var(--text);font:inherit;outline:0}.form-grid textarea{min-height:100px;resize:vertical}.form-grid input:focus,.form-grid textarea:focus{border-color:var(--accent)}.save-button{margin-top:20px}.avatar-upload{display:flex;align-items:center;gap:15px}.avatar-upload>div{flex:1}.avatar-upload p{margin:6px 0 0;color:#77818c;font-size:11px}@media(max-width:1050px){.robot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-layout{grid-template-columns:1fr}.profile-menu{display:flex;align-items:center;gap:7px}.profile-summary{display:flex;border:0;padding:0 12px 0 0;margin-right:5px}.profile-menu>a{margin:0}.spec-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.robot-grid{grid-template-columns:1fr}.robot-stats{flex-wrap:wrap;gap:15px}.rank-row{grid-template-columns:48px 1fr 75px 70px}.rank-row>span:nth-child(3){display:none}.profile-layout{padding:30px 18px}.profile-menu{overflow:auto;white-space:nowrap}.profile-summary{display:none}.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.avatar-upload{align-items:flex-start;flex-wrap:wrap}}
.submit-layout{display:grid;grid-template-columns:minmax(280px,1fr) minmax(0,680px);gap:52px;padding:70px 42px;max-width:1180px}.submit-intro h1{margin:0;font-size:42px;line-height:1.2}.submit-intro>p:not(.section-kicker){max-width:390px;margin:18px 0 38px;color:var(--muted);font-size:15px;line-height:1.8}.submit-benefits{display:grid;gap:20px}.submit-benefits div{display:grid;gap:6px;padding-left:16px;border-left:2px solid var(--accent)}.submit-benefits b{font-size:14px}.submit-benefits span{color:#7f8994;font-size:12px}.submit-form{padding:28px;background:var(--panel);border:1px solid #303640;border-radius:8px}.form-grid select{width:100%;padding:12px;border:1px solid #3c444f;border-radius:5px;background:#1b1f24;color:var(--text);font:inherit;outline:0}.check-line{display:flex;align-items:center;gap:8px;margin-top:20px;color:#8b95a0;font-size:11px}.check-line input{accent-color:var(--accent)}.submit-button{margin-top:21px}.form-note{margin:13px 0 0;color:#707a85;font-size:11px}.collection-grid{display:grid;gap:12px;max-width:720px}.collection-card{display:flex;align-items:center;gap:16px;padding:16px 18px;background:var(--panel);border:1px solid #303640;border-radius:8px;color:var(--text);text-decoration:none}.collection-card:hover{border-color:#46505b}.collection-card .tool-logo{flex:0 0 44px;width:44px;height:44px;margin:0;border-radius:10px;font-size:18px}.collection-card div:nth-child(2){display:grid;gap:5px;flex:1}.collection-card span{color:#7f8994;font-size:11px}.collection-card button{border:0;background:none;color:#77818c;font-size:20px;cursor:pointer}.robot-mini{background:radial-gradient(circle at 30% 30%,#557f76,#263b39 70%)!important;color:#8ee6c8!important}@media(max-width:900px){.submit-layout{grid-template-columns:1fr;padding:45px 18px;gap:30px}}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}