:root{--ink:#252b43;--muted:#8a90a4;--line:#e9ebf3;--purple:#7661d7;--blue:#5679d8;--pale:#f2f0fc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:#fafbfe;color:var(--ink);font:14px 'Noto Sans SC','Microsoft YaHei',sans-serif}button,input,select{font:inherit}button,a,select,summary{ -webkit-tap-highlight-color:transparent}button,a{transition:background .2s,color .2s,transform .2s}button{cursor:pointer}button:hover{filter:brightness(.97)}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #abb7f5;outline-offset:3px}header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.topbar{max-width:1512px;padding:0 40px;height:85px;margin:auto;display:flex;align-items:center;gap:58px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand img{width:40px;height:40px;border-radius:8px}.brand>span{font-size:23px;letter-spacing:-.7px}.brand b{font-weight:800}.brand small{display:block;font-size:9px;font-weight:500;letter-spacing:1.8px;color:#849096;margin-top:2px}.topbar nav{display:flex;align-items:stretch;height:100%;gap:30px}.topbar nav>a{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:14px;position:relative;color:#6d7385}.topbar nav .active{color:var(--purple);font-weight:700}.active:after{content:'';position:absolute;bottom:0;width:27px;height:3px;left:calc(50% - 14px);background:var(--purple);border-radius:3px}em{font-style:normal;font-size:8px;color:var(--purple);background:#f0edff;padding:3px 4px;border-radius:4px;position:absolute;top:13px;right:-17px}.top-actions{margin-left:auto;display:flex;gap:20px;align-items:center;font-size:12px;white-space:nowrap}.outline{background:#fff;border:1px solid var(--line);padding:9px 13px;border-radius:6px;color:#626b82}#fav-count{color:var(--purple)}.subbar{max-width:1432px;margin:0 auto;display:flex;justify-content:space-between;font-size:11px;color:#8a90a1;padding:17px 0}.subbar>span:first-child{color:#6f7890}.subbar i,.art-tag i,.ranking-note i{display:inline-block;width:6px;height:6px;background:#8ca6b7;border-radius:50%;margin-right:7px}.subbar b{color:var(--purple);margin-left:8px}.preview-label{background:#f0eef9;border-radius:3px;padding:1px 6px}main{max-width:1432px;margin:auto}.hero{position:relative;overflow:hidden;border:1px solid #e6e8f8;border-radius:13px;background:linear-gradient(107deg,#f1f6fe 0%,#f4f2ff 58%,#eeedff 100%);padding:43px 42px 0;min-height:366px}.hero-copy{position:relative;z-index:2;width:67%}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#8e89a8;font-weight:600}.hero .eyebrow{color:#7688b0}.eyebrow>span{letter-spacing:1px;border-left:1px solid #cbd3e8;margin-left:10px;padding-left:10px;font-size:10px}h1{font-size:40px;letter-spacing:-1.6px;margin:14px 0;color:#2f385a;font-weight:700}h1>span{color:#7a68ce}.hero p{color:#7a8096;font-size:13px;line-height:1.9;margin:0 0 22px}.search{display:flex;height:55px;max-width:660px;border:1px solid #dedff0;box-shadow:0 6px 16px #6571af08;border-radius:7px;padding:5px;background:white;align-items:center}.search>span{font-size:29px;color:#949bb9;margin:0 12px 5px}.search input{border:0;outline:none;flex:1;min-width:0;font-size:12px;color:var(--ink)}.search button,.primary{background:#7b6cce;border:0;border-radius:5px;color:white;padding:12px 17px;font-size:12px;white-space:nowrap}.search button span{margin-left:14px}.hot{display:flex;align-items:center;gap:11px;color:#9b9eb3;font-size:10px;margin:13px 0 24px}.hot button{background:transparent;border:0;color:#8187a0;font-size:10px;padding:0 3px}.hero-bottom{border-top:1px solid #dfe2f144;display:flex;align-items:center;gap:34px;padding:16px 0;font-size:11px;color:#8990aa;position:relative;z-index:2}.hero-bottom b{font-size:20px;color:#5f6c9a;margin-right:6px;font-weight:600}.hero-note{margin-left:auto;font-size:10px}.hero-art{position:absolute;width:370px;height:300px;right:50px;top:18px}.orbit{position:absolute;border:1px solid #c9c5ed80;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-24deg)}.orbit-a{width:300px;height:190px}.orbit-b{width:250px;height:250px}.orbit-c{width:350px;height:140px;transform:translate(-50%,-50%) rotate(35deg)}.core{position:absolute;left:125px;top:90px;width:120px;height:120px;background:linear-gradient(145deg,#a4b6f3,#ac97e2);border:9px solid #e8e6fa;border-radius:34px;box-shadow:0 15px 40px #8571be25, inset 0 0 30px #fff8;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-9deg)}.core>span{font-size:64px;color:white;line-height:1}.core small{font-size:8px;letter-spacing:2px;color:#fff}.orb{position:absolute;width:46px;height:46px;background:#fffffff5;border:1px solid #e7e3f4;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 8px 22px #736ca011}.orb-one{left:70px;top:28px;font-size:35px;color:#cb997b;transform:rotate(-12deg)}.orb-two{right:45px;top:53px;font-size:25px;color:#7296d7;transform:rotate(12deg)}.orb-two span{font-size:12px;color:#8d70d3}.orb-three{left:40px;top:191px;color:#638deb;font-size:16px;transform:rotate(-10deg)}.orb-four{right:42px;top:206px;font-size:27px;color:#a394da;transform:rotate(10deg)}.art-tag{position:absolute;background:#ffffffc9;border:1px solid #e5e4f2;padding:8px 12px;border-radius:7px;font-size:9px;color:#8b85aa;box-shadow:0 5px 15px #62648e08}.tag-one{right:0;top:133px}.art-tag i{background:#b4a5dd;width:5px;height:5px}.tag-two{left:82px;bottom:2px;font-size:10px;letter-spacing:2px}.spark{position:absolute;color:#b8a6df;font-size:20px}.spark-one{right:107px;top:12px}.spark-two{left:8px;top:106px}.category-strip{display:grid;grid-template-columns:repeat(9,1fr);border:1px solid var(--line);background:#fff;border-radius:9px;margin:21px 0 28px;padding:16px 8px}.category-strip button{border:0;border-right:1px solid #f0f0f6;background:transparent;color:#798098;font-size:11px;display:grid;justify-items:center;gap:8px}.category-strip button:last-child{border-right:0}.category-strip button .cat-icon{font-size:21px;color:#9494bf;line-height:25px}.category-strip button.selected,.category-strip button:hover{color:var(--purple)}.workspace{display:grid;grid-template-columns:188px minmax(0,1fr) 262px;gap:26px}.sidebar{font-size:11px}.side-title{font-size:13px;font-weight:600;display:flex;justify-content:space-between;align-items:center;margin:4px 0 19px}.side-title span{font-size:8px;letter-spacing:1px;color:#a5a9b8;font-weight:400}.side-all{display:flex;align-items:center;width:100%;border:0;background:transparent;text-align:left;padding:11px;font-size:12px;border-radius:5px}.side-all span{margin-left:auto;font-size:10px;background:#fff9;padding:1px 5px}.side-all.selected{background:#efedfa;color:var(--purple);font-weight:600}.category-group{border-bottom:1px solid var(--line);padding:16px 0 10px}.category-group h3{font-size:10px;color:#9298aa;font-weight:500;margin:0 9px 9px}.category-group button{width:100%;display:flex;align-items:center;gap:9px;border:0;background:none;padding:8px 10px;text-align:left;font-size:11px;color:#747c92;border-radius:5px}.category-group button span{color:#a5abc0;width:16px;text-align:center}.category-group button:hover,.category-group button.selected{color:var(--purple);background:#f0eef9}.side-tip{background:linear-gradient(135deg,#eff3fb,#f0edfa);border:1px solid #e9e7f6;border-radius:7px;padding:16px;margin-top:22px}.side-tip>span{color:#9394bf;font-size:22px;display:block;margin-bottom:10px}.side-tip b{font-size:11px;font-weight:500}.side-tip p{font-size:10px;color:#9599ad;line-height:1.9}.side-tip a{font-size:10px;color:var(--purple)}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-head h2{font-size:21px;margin:6px 0 0;font-weight:600;letter-spacing:-.6px}.section-head h2>span{display:inline-block;vertical-align:middle;background:#efedf8;color:#8b7bc1;border-radius:5px;padding:2px 6px;font-size:10px;margin-left:7px}.view-control{display:flex;gap:1px;border:1px solid var(--line);border-radius:5px;padding:3px;background:#fff}.view-control button{border:0;background:none;color:#9ba1b3;padding:3px 7px}.view-control button.selected{color:var(--purple);background:#f2effb;border-radius:3px}.filters{display:flex;gap:9px;border:1px solid var(--line);background:#fff;padding:12px 13px;border-radius:6px;flex-wrap:wrap;align-items:center}.filters label{font-size:10px;color:#949bad;display:flex;align-items:center;gap:5px}.filters select{border:0;color:#596078;background:#fff;font-size:10px;max-width:104px}.filters>button{margin-left:auto;color:#999eb0;background:transparent;border:0;font-size:10px;padding:0}.results-bar{display:flex;justify-content:space-between;align-items:center;margin:19px 0 16px}.results-bar #tabs{display:flex;gap:17px}.results-bar button{border:0;padding:0;background:transparent;color:#9298a9;font-size:10px}.results-bar button.selected{color:var(--purple);font-weight:600}.results-bar>span{font-size:9px;color:#aaaebe}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.model-card{border:1px solid var(--line);border-radius:8px;background:#fff;padding:19px;transition:transform .2s,border-color .2s,box-shadow .2s}.model-card:hover{border-color:#cec6ee;transform:translateY(-2px);box-shadow:0 8px 25px #7563b00a}.card-top{display:flex;align-items:center;gap:10px}.model-icon{display:flex;align-items:center;justify-content:center;width:39px;height:39px;flex-shrink:0;background:var(--iconbg,#edf2fa);color:var(--iconcolor,#6789c1);font-size:22px;border-radius:10px;font-weight:700;font-family:Arial,sans-serif}.card-top h3{margin:0 0 3px;font-size:14px;font-weight:600;letter-spacing:-.2px}.card-top small{color:#9399aa;font-size:9px}.save{margin-left:auto;align-self:flex-start;border:0;background:none;color:#a6acbf;font-size:20px;line-height:1;padding:0}.save.saved{color:#8a73cc}.card-desc{font-size:11px;color:#9297a8;line-height:1.85;margin:15px 0 12px;min-height:40px}.tags{display:flex;gap:5px;flex-wrap:wrap;min-height:22px}.tags span,.badge{font-size:9px;border:1px solid #edeaf7;color:#9184b5;background:#f8f6fc;border-radius:4px;padding:3px 6px}.tags .open-tag{background:#eff7f5;color:#78a197;border-color:#e4efeb}.io{display:flex;align-items:center;gap:6px;margin:15px 0 12px;color:#b1b6c6;font-size:9px}.io span{color:#858da4}.io i{font-style:normal;color:#c3bfd4;margin:0 2px}.price-line{border-top:1px dashed var(--line);padding-top:12px;display:flex;justify-content:space-between;align-items:center}.price-line>div{font-size:9px;color:#a0a6b7}.price-line b{font-size:17px;font-family:Arial,sans-serif;color:#6e77a6;font-weight:500}.price-line small{display:block;color:#abb0bf;font-size:8px;margin-top:3px}.price-line button{background:transparent;border:0;color:#8b7bba;font-size:10px;padding:4px 0}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:12px;color:#a1a7b6;font-size:9px}.card-bottom input{accent-color:var(--purple);width:11px;height:11px;vertical-align:middle;margin:0 4px 0 0}.card-bottom>a{color:#9399af}.catalog-note{text-align:center;color:#a6acbd;font-size:10px;margin:23px 0 38px}.catalog-note span{margin-left:7px;color:#a196bf}.empty{text-align:center;padding:50px;color:#9398ab}.empty h3{font-size:15px}.empty p{font-size:12px}.cards.list{grid-template-columns:1fr}.cards.list .card-desc{min-height:0}.rank-panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:21px 18px}.panel-title{display:flex;align-items:center;justify-content:space-between}.panel-title h2{font-size:19px;margin:7px 0;font-weight:600}.panel-title>span{color:#8b82b9}.rank-panel>p{font-size:10px;color:#9b9eb0;margin:0 0 18px}.rank-tabs{display:flex;background:#f7f7fb;padding:3px;border-radius:5px;gap:2px}.rank-tabs button{flex:1;border:0;background:none;color:#a1a5b4;font-size:10px;padding:7px 1px;border-radius:4px}.rank-tabs button.selected{background:white;color:#8876bc;box-shadow:0 2px 4px #27274805}.rank-row{display:flex;gap:10px;align-items:center;padding:17px 0;border-bottom:1px solid #f0f1f7}.rank-row>strong{font-size:13px;font-style:italic;color:#bcc0cf;font-weight:500;width:13px}.rank-row:first-child>strong{color:#ad8ac4}.rank-row .model-icon{width:28px;height:28px;font-size:16px;border-radius:7px}.rank-info{min-width:0}.rank-info b{display:block;font-size:10px;font-weight:500}.rank-info small{font-size:8px;color:#afb3c2}.rank-row>button{margin-left:auto;background:none;border:0;color:#a7a2bd;font-size:13px}.ranking-note{font-size:9px;color:#aaaebe;line-height:1.8;padding-top:15px}.ranking-note i{background:#b7aed2;width:5px;height:5px}.spotlight{background:linear-gradient(140deg,#eef2fc,#eeeafa);border:1px solid #e6e5f5;border-radius:8px;margin-top:20px;padding:22px;position:relative;overflow:hidden}.spotlight .eyebrow{font-size:8px;letter-spacing:1px}.spot-icon{position:absolute;right:8px;top:31px;font-size:100px;color:#c1b4e647;transform:rotate(12deg)}.spotlight h3{font-size:21px;font-weight:500;line-height:1.65;position:relative;color:#64668e;margin:24px 0 10px}.spotlight p{font-size:10px;color:#9297b1;line-height:1.9;max-width:170px}.spotlight button{display:flex;justify-content:space-between;width:100%;background:#fff8;border:1px solid #dddaf0;color:#8b7dad;padding:10px;font-size:10px;border-radius:5px;margin-top:20px}.sources{padding:20px 3px}.sources h3{font-size:12px;font-weight:500}.sources h3 span{float:right;color:#b1a9ca}.sources p{font-size:10px;line-height:1.9;color:#a4a9b9}.sources a{display:block;border-bottom:1px solid var(--line);padding:12px 0;color:#8c93ab;font-size:10px}.sources a span{float:right;color:#aaa2c5}.sources small{display:block;color:#b0b5c3;font-size:9px;line-height:1.8;margin-top:14px}.cost-section{background:#f2f4fc;border:1px solid #e6e9f6;padding:25px;border-radius:9px}.cost-section h2{font-size:20px}.cost-section>p{font-size:11px;color:#8c93ab;margin-top:-6px}.badge{white-space:nowrap}.cost-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;margin:27px 0}.calculator label{display:block;font-size:10px;color:#828ba8;margin-bottom:18px}.calculator label b{float:right;color:#7d79ae;font-size:11px;font-weight:500}.calculator input{display:block;width:100%;height:4px;margin:15px 0;accent-color:#9693d6}.calculator small{font-size:9px;line-height:1.8;color:#a0a8bb}.cost-row{margin-bottom:15px}.cost-row>div{display:flex;justify-content:space-between;font-size:10px;color:#838aa4}.cost-row b{font-size:11px;font-weight:500}.cost-track{height:7px;border-radius:2px;background:#e8eaf5;margin-top:8px;overflow:hidden}.cost-track span{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,#a6b8e7,#a194d5)}.cost-row:first-child .cost-track span{background:#a1c2be}.cost-section .data-note{font-size:9px;line-height:1.8;margin:0;color:#a2a9bd;border-top:1px solid #e1e5f1;padding-top:13px}.guide-section{margin-top:35px}.muted{font-size:10px;color:#a2a7ba}.guides{border-top:1px solid var(--line)}.guides details{border-bottom:1px solid var(--line);padding:17px 0}.guides summary{font-size:12px;list-style:none;cursor:pointer;color:#798098}.guides summary>span{float:right;color:#aaa4c2}.guides details p{font-size:11px;color:#9a9fb0;line-height:1.9;padding-right:20px}.bottom-banner{background:#f1f3fb;display:flex;align-items:center;gap:22px;padding:30px 35px;border:1px solid #e7e9f3;border-radius:9px;margin:45px 0 30px}.bottom-banner>div{margin-right:auto}.bottom-banner span{font-size:10px;color:#949ab2;letter-spacing:1px}.bottom-banner h2{font-size:18px;font-weight:500;margin:9px 0 0;color:#6b7395}.bottom-banner>a{font-size:11px;color:#8b86ad;border:1px solid #dcdfee;padding:10px 15px;border-radius:5px;background:#ffffff60}footer{border-top:1px solid var(--line);padding:25px 40px 35px;max-width:1512px;margin:auto;display:flex;justify-content:space-between;color:#a6adbf;font-size:10px;align-items:center}.footer-brand{font-size:16px;letter-spacing:-.6px;color:#7c879e}.footer-brand span{font-size:9px;letter-spacing:1px;margin-left:9px;color:#acadc0}.compare-bar{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:30;background:#fff;border:1px solid #dcd8ed;box-shadow:0 9px 40px #51427625;border-radius:9px;display:flex;align-items:center;gap:20px;padding:14px 20px;max-width:95%;width:max-content;font-size:12px}.compare-bar[hidden]{display:none}.compare-bar>button:not(.primary){border:0;background:none;color:#9993ae}.compare-bar b{color:var(--purple)}#compare-names{color:#9b92ac;font-size:10px}dialog{border:1px solid #e2ddef;border-radius:14px;padding:35px;max-width:850px;width:90%;max-height:85vh;box-shadow:0 20px 90px #3d336c33;color:var(--ink)}dialog::backdrop{background:#25233f66;backdrop-filter:blur(5px)}#close-modal{position:absolute;right:17px;top:10px;border:0;background:transparent;color:#948ba8;font-size:25px}dialog h2{font-size:25px;margin-top:8px}dialog h3{font-size:15px;margin-top:25px}dialog p,dialog li{font-size:13px;line-height:1.9;color:#858b9e}dialog a{color:var(--purple)}dialog .detail-head{display:flex;align-items:center;gap:14px}dialog .detail-head h2{margin:0}dialog .detail-head small{color:#989aad}dialog table{width:100%;border-collapse:collapse;font-size:12px}dialog th,dialog td{padding:14px 10px;border:1px solid var(--line);text-align:left}dialog th{background:#f5f3fc}dialog .detail-links{display:flex;gap:12px;margin-top:22px}.detail-links a{border:1px solid #e5dff4;border-radius:6px;padding:10px 15px;font-size:12px}#toast{position:fixed;bottom:95px;left:50%;transform:translateX(-50%);background:#5e5877;color:white;padding:10px 18px;border-radius:6px;font-size:12px;opacity:0;pointer-events:none;z-index:50;transition:opacity .2s}#toast.visible{opacity:1}
@media(min-width:1600px){main,.subbar{max-width:1432px}}@media(max-width:1500px){main,.subbar{margin-left:35px;margin-right:35px}.topbar{gap:40px;padding:0 35px}.topbar nav{gap:25px}.workspace{grid-template-columns:170px minmax(0,1fr) 240px;gap:23px}.hero-art{right:30px}.hero-copy{width:65%}}@media(max-width:1250px){.topbar{gap:25px}.topbar nav{gap:20px}.locale{display:none}.workspace{grid-template-columns:156px minmax(0,1fr) 215px;gap:20px}.model-card{padding:15px}.hero-art{right:5px;opacity:.8}.hero-copy{width:68%}.hero .search{max-width:580px}.filters{gap:7px}.results-bar>span{display:none}.card-top h3{font-size:12px}.rank-panel{padding:18px 13px}.hero-note{display:none}}@media(max-width:1050px){.rightbar{display:none}.workspace{grid-template-columns:170px minmax(0,1fr)}.topbar nav>a:nth-last-child(-n+2){display:none}.hero-art{opacity:.4;right:-70px}.hero-copy{width:85%}.bottom-banner h2{font-size:15px}.topbar{height:75px}.subbar>span:nth-child(2){display:none}}@media(max-width:760px){main,.subbar{margin-left:17px;margin-right:17px}.topbar{padding:0 17px;gap:15px;height:68px}.brand img{width:31px;height:31px}.brand>span{font-size:18px}.brand small{font-size:7px;letter-spacing:1px}.topbar nav{gap:17px;margin-left:auto}.topbar nav>a{font-size:12px}.topbar nav>a:nth-child(-n+2){display:none}.top-actions{margin-left:0}.top-actions button{font-size:0;border:0;padding:0}.top-actions button span{font-size:12px}.hero{padding:28px 22px 0;min-height:340px}.hero-copy{width:100%}.hero h1{font-size:29px;letter-spacing:-1px}.hero p{font-size:11px}.hero .eyebrow{font-size:8px}.eyebrow>span{font-size:8px}.hero-art{display:none}.search{height:49px}.search input{font-size:10px}.search>span{margin-left:6px;margin-right:7px}.search button{padding:10px;font-size:10px}.search button span{display:none}.hot{gap:7px;font-size:9px}.hot button{font-size:9px}.hero-bottom{gap:18px;padding:16px 0;font-size:9px}.hero-bottom b{font-size:17px}.category-strip{display:flex;overflow:auto;gap:4px;padding:14px 5px;margin:16px 0 23px}.category-strip button{min-width:86px;font-size:10px}.workspace{display:block}.sidebar{display:none}.cards{gap:12px}.model-card{padding:14px}.model-icon{width:32px;height:32px;font-size:18px}.card-top{gap:7px}.card-top h3{font-size:11px}.card-top small{font-size:8px}.card-desc{font-size:10px;min-height:54px}.tags span{font-size:8px;padding:3px 4px}.io{font-size:8px;gap:4px;flex-wrap:wrap}.price-line b{font-size:15px}.price-line button{font-size:9px}.card-bottom{font-size:8px}.filters{padding:11px 9px;gap:10px}.filters label{font-size:9px}.filters select{font-size:9px;max-width:90px}.section-head h2{font-size:20px}.section-head .eyebrow{font-size:9px}.cost-section{padding:20px}.cost-layout{gap:20px}.cost-section h2{font-size:18px}.bottom-banner{padding:23px;display:block}.bottom-banner h2{font-size:15px;margin-bottom:20px}.bottom-banner>a{display:inline-block;font-size:10px;padding:8px 10px;margin:0 5px 0 0}footer{padding:20px 17px 90px;gap:12px;flex-wrap:wrap}footer>span{font-size:8px}.compare-bar{gap:10px;padding:11px;font-size:10px;bottom:10px}#compare-names{display:none}.compare-bar .primary{padding:10px;font-size:10px}.subbar{font-size:9px}.preview-label{font-size:8px}dialog{padding:28px 18px}dialog th,dialog td{padding:10px 5px;font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}