:root{font-family:DM Sans,Noto Sans SC,sans-serif;color:#171713;background:#efede4;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}body.modal-open{overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}.wrap{width:min(1240px,calc(100% - 40px));margin:auto}.topbar{height:78px;padding:0 max(20px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:150px 1fr auto;align-items:center;background:#171713;color:#f5f1e6;border-bottom:1px solid #393932;position:relative;z-index:20}.logo{text-decoration:none;font-size:20px;font-weight:900;letter-spacing:-1px}.category-nav{height:100%;display:flex}.category-nav button{position:relative;border:0;border-left:1px solid #34342e;background:transparent;color:#8f8f85;padding:0 22px;min-width:90px}.category-nav button.active{color:#c8ff2e;background:#22221d}.category-nav button small{position:absolute;top:8px;right:7px;font-size:8px;color:#66665f}.stamp{font-size:10px;letter-spacing:.15em;color:#88887f}.hero{background:#171713;color:#f5f1e6;padding:78px max(20px,calc((100vw - 1240px)/2)) 120px;min-height:700px;position:relative;overflow:hidden}.hero-orb{position:absolute;width:520px;height:520px;border:120px solid #c8ff2e;border-radius:50%;right:-130px;bottom:-270px;filter:drop-shadow(0 0 70px #c8ff2e33)}.hero-grid{display:grid;grid-template-columns:1fr 310px;gap:90px;align-items:end;position:relative;z-index:2}.eyebrow,.section-no{font-size:11px;letter-spacing:.2em;color:#9b9b91}.hero h1{font-size:clamp(58px,7.3vw,106px);letter-spacing:-.075em;line-height:.93;margin:28px 0 36px;perspective:800px}.hero-word{display:block}.hero-word.accent{color:#c8ff2e}.lead{max-width:740px;color:#bdbdaf;font-size:18px;line-height:1.8}.formula{display:grid;grid-template-columns:100px 1fr;gap:7px 22px;border-top:1px solid #5c5c53;padding-top:24px}.formula>span{grid-column:1/-1;color:#c8ff2e;font-size:11px;letter-spacing:.15em;margin-bottom:10px}.formula b{font-size:44px;line-height:1}.formula small{font-size:15px}.formula p{margin:10px 0;color:#d0d0c5}.coming{min-height:calc(100vh - 78px);background:#171713;color:#eeeade;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.coming button{position:absolute;top:110px;left:40px;background:transparent;color:#aaa99e;border:0}.coming span{color:#c8ff2e;letter-spacing:.3em}.coming h1{font-size:clamp(70px,12vw,170px);margin:20px 0;letter-spacing:-.08em}.coming p{color:#8d8d83}.podium{display:grid;grid-template-columns:repeat(3,1fr);margin-top:-50px;position:relative;z-index:3;box-shadow:0 25px 60px #27271f20}.podium article{background:#fff;padding:30px;border-right:1px solid #dedcd2;display:grid;grid-template-columns:1fr auto}.podium span,.podium small{font-size:10px;letter-spacing:.09em;color:#77766e}.podium h2{font-size:26px;margin:30px 0 3px}.podium p{margin:0;color:#78776f}.podium strong{grid-column:2;grid-row:2/4;font-size:56px;align-self:center;color:#789d00}.podium small{grid-column:2}.method,.ranking,.guide{padding-top:120px}.method>div:first-child,.rank-head>div{display:flex;gap:25px;align-items:baseline}.method h2,.ranking h2,.guide h2{font-size:44px;letter-spacing:-.05em;margin:0}.method-grid{margin-left:112px;margin-top:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:38px;border-top:1px solid #c9c6ba}.method-grid p{line-height:1.75;color:#66655d;padding-top:22px}.method-grid b{display:block;color:#181814;margin-bottom:10px}.rank-head{display:flex;justify-content:space-between;align-items:end}.searchbox{display:flex;gap:10px}.searchbox input,.searchbox select{background:transparent;border:0;border-bottom:1px solid #aaa79b;padding:12px 4px;outline:0}.searchbox input{width:220px}.tabs{display:flex;gap:8px;margin:38px 0 14px;overflow:auto}.tabs button{border:1px solid #bbb8ac;background:transparent;padding:10px 17px;border-radius:99px;white-space:nowrap}.tabs button.active{background:#171713;color:#fff;border-color:#171713}.result-count{font-size:11px;color:#7e7d74;margin-bottom:22px}.cards{display:grid;gap:14px}.card{display:grid;grid-template-columns:56px 155px 1.15fr 1.2fr 120px;gap:22px;background:#fff;padding:22px;position:relative;will-change:transform,opacity,filter}.rank{font-size:22px;color:#b7b5aa}.label-thumb{border:0;background:#e8e6dc;padding:0;position:relative;overflow:hidden;min-height:130px}.label-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .5s}.label-thumb span{position:absolute;inset:auto 8px 8px;background:#171713;color:#fff;font-size:10px;padding:7px}.label-thumb:hover img{transform:scale(1.07);filter:blur(1px)}.identity span{font-size:10px;color:#77766e}.identity h3{font-size:23px;margin:10px 0}.identity h3 i{font-style:normal;font-weight:400}.identity p{font-size:12px;color:#77766e;line-height:1.6}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px}.metrics div{border-top:1px solid #dedcd2;padding-top:8px}.metrics small,.score small{display:block;color:#8a887e;font-size:10px}.metrics b{font-size:14px}.metrics i{font-style:normal;font-size:10px;color:#77766e}.score{border-left:1px solid #dedcd2;padding-left:20px;display:flex;flex-direction:column}.score>b{font-size:46px;color:#789d00;line-height:1}.score span{font-size:10px;margin-top:5px;color:#68675f}.detail{grid-column:3/-1;border-top:1px solid #e2e0d7;padding-top:14px;display:grid;grid-template-columns:1.5fr .6fr auto;gap:20px;font-size:12px;color:#67665e}.detail p{margin:0}.detail p b{display:block;color:#181814;margin-bottom:4px}.detail a{text-decoration:none;font-weight:700;align-self:end}.guide{padding-bottom:120px}.guide h2{margin:12px 0 40px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.guide article{background:#171713;color:#eeeade;padding:34px;min-height:270px;transition:transform .45s,filter .45s}.guide article:hover{transform:translateY(-8px);filter:drop-shadow(0 20px 30px #17171333)}.guide article:nth-child(2){background:#c8ff2e;color:#171713}.guide article b{font-size:11px}.guide article h3{font-size:30px;margin-top:58px}.guide article p{line-height:1.7;opacity:.7}footer{background:#d9d6ca;padding:50px 0;color:#5d5c55}footer .wrap{display:grid;grid-template-columns:130px 1fr;gap:30px}footer p{margin:0;line-height:1.75;font-size:12px}.label-modal{position:fixed;inset:0;background:#11110de6;backdrop-filter:blur(15px);z-index:100;display:grid;place-items:center;padding:24px}.label-modal__panel{background:#f4f1e7;width:min(760px,100%);max-height:92vh;overflow:auto;padding:22px;box-shadow:0 35px 100px #0008}.label-modal__panel>button{float:right;border:0;background:#171713;color:#fff;padding:9px 13px}.label-modal__panel>span{display:block;font-size:11px;color:#6d6c63;margin:10px 0 18px}.label-modal__panel img{width:100%;display:block}.label-modal__panel p{line-height:1.7}.label-modal__panel a{font-weight:700}.label-modal-enter-active,.label-modal-leave-active{transition:opacity .3s}.label-modal-enter-from,.label-modal-leave-to{opacity:0}@media(max-width:1050px){.topbar{grid-template-columns:110px 1fr}.stamp{display:none}.category-nav button{padding:0 14px;min-width:auto}.card{grid-template-columns:46px 140px 1fr 1fr}.score{grid-column:4}.detail{grid-column:3/-1}.hero-grid{grid-template-columns:1fr 270px}}@media(max-width:760px){.topbar{height:auto;min-height:72px;display:block;padding:16px 20px;overflow:hidden}.category-nav{margin-top:12px;overflow:auto}.category-nav button{height:45px;border:1px solid #34342e}.category-nav button small{display:none}.hero{padding-top:70px;min-height:650px}.hero-grid{grid-template-columns:1fr}.formula{display:none}.podium{grid-template-columns:1fr;margin-top:-32px}.method-grid{margin-left:0;grid-template-columns:1fr}.rank-head{display:block}.searchbox{margin-top:20px}.card{grid-template-columns:42px 120px 1fr}.metrics{grid-column:2/-1}.score{grid-column:2/-1;border-left:0;border-top:1px solid #dedcd2;padding:14px 0;display:grid;grid-template-columns:repeat(3,1fr)}.score>b,.score small{grid-column:1/-1}.detail{grid-column:1/-1;grid-template-columns:1fr}.guide-grid{grid-template-columns:1fr}}@media(max-width:500px){.wrap{width:min(100% - 24px,1240px)}.hero h1{font-size:52px}.lead{font-size:15px}.method,.ranking,.guide{padding-top:80px}.method h2,.ranking h2,.guide h2{font-size:34px}.searchbox{display:grid}.searchbox input{width:100%}.card{grid-template-columns:36px 1fr;padding:16px;gap:12px}.label-thumb{grid-column:2;height:160px}.identity,.metrics,.score{grid-column:2}.detail{grid-column:1/-1}.guide{padding-bottom:80px}footer .wrap{grid-template-columns:1fr}}:root{font-family:Inter,Segoe UI,Microsoft YaHei UI,Microsoft YaHei,system-ui,sans-serif}.card{will-change:auto;contain:layout paint style;content-visibility:auto;contain-intrinsic-size:760px 260px}.hero-word,.hero-orb,.label-modal,.label-modal__panel{backface-visibility:hidden;transform:translateZ(0)}.hero-orb{filter:none}.label-thumb img{transition:transform .28s cubic-bezier(.2,.8,.2,1);backface-visibility:hidden}.label-thumb:hover img{filter:none;transform:translateZ(0) scale(1.035)}.label-loading{display:grid;place-items:center;min-height:130px;color:#77766e;font-size:11px;background:linear-gradient(100deg,#e4e2d8 25%,#efede6,#e4e2d8 55%);background-size:240% 100%;animation:label-shimmer 1.2s linear infinite}.guide article{transition:transform .28s cubic-bezier(.2,.8,.2,1);will-change:auto}.guide article:hover{filter:none;transform:translate3d(0,-5px,0)}.label-modal{background:#11110ded;backdrop-filter:none;will-change:opacity}.label-modal__panel{will-change:transform,opacity;overflow:auto;overscroll-behavior:contain}.label-modal__panel img{content-visibility:auto;transform:translateZ(0)}@keyframes label-shimmer{to{background-position:-240% 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.label-loading{animation:none}.label-thumb img,.guide article{transition:none!important}.hero-orb{transform:none!important}}:root{--ink:#0c0c0c;--paper:#f3f2ed;--muted:#8a8a84;--line:#d8d7d1}body{background:var(--paper);color:var(--ink)}.topbar,.hero{background:#050505;color:#f5f5f2}.topbar{border-color:#252525}.category-nav button{border-color:#252525;color:#858585}.category-nav button.active{background:#f3f3ef;color:#050505}.category-nav button.active:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:2px;background:#fff;mix-blend-mode:difference}.hero{min-height:760px;background-image:radial-gradient(circle at 78% 22%,#202020 0,transparent 23%),linear-gradient(120deg,#050505,#111 60%,#070707)}.hero-orb{width:360px;height:360px;border:0;border-radius:50%;right:5vw;bottom:-180px;background:#f3f3ef;opacity:.08;box-shadow:0 0 0 70px #7772,0 0 0 140px #7771}.hero-word.accent{color:#f4f4f0}.eyebrow,.formula>span{color:#999}.formula{border-color:#444}.formula b{color:#fff}.lead{color:#aaa}.podium{background:transparent;box-shadow:none;gap:14px;align-items:start;margin-top:-72px}.podium article{border:1px solid #deddd8;border-radius:24px;background:#fff;box-shadow:0 20px 50px #1111;min-height:210px;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}.podium article:hover{box-shadow:0 28px 70px #1112}.podium strong{color:#111}.method{padding-top:190px;min-height:620px}.method-grid{border-color:#cecdc6}.ranking{padding-top:90px}.cards{gap:20px;padding:5vh 0 20vh;perspective:1400px;position:relative}.card{--focus-scale:.7;--focus-opacity:.66;border:1px solid #deddd7;border-radius:26px;box-shadow:0 14px 42px #11110d12;transform:translateZ(0) scale(var(--focus-scale));opacity:var(--focus-opacity);transform-origin:center center;transition:box-shadow .22s ease,border-color .22s ease;background:#fff;content-visibility:visible;contain:layout paint style;min-height:230px;scroll-margin-block:20vh}.card.is-focus{z-index:5;border-color:#aaa9a2;box-shadow:0 35px 90px #1112}.label-thumb{border-radius:18px;background:#eeece5}.label-thumb span{border-radius:10px;background:#111}.score>b{color:#111}.tabs button{background:#f6f5f0}.tabs button.active{background:#111;color:#fff}.guide article{border-radius:26px;background:#111}.guide article:nth-child(2){background:#e4e3de;color:#111}.label-modal__panel{border-radius:28px}.label-modal__panel>button{border-radius:10px}@media(min-width:761px){.ranking{width:min(1320px,calc(100% - 40px))}.card{position:relative}.card.is-focus{transform:translateZ(0) scale(var(--focus-scale))}}@media(max-width:760px){.method{padding-top:110px}.cards{padding:4vh 0 14vh;gap:18px}.card{border-radius:20px;--focus-scale:1!important;--focus-opacity:1!important}.label-thumb{border-radius:14px}}@media(prefers-reduced-motion:reduce){.card{transform:none!important;opacity:1!important;filter:none!important}.podium article{transform:none!important}}.ranking{padding-top:70px}.rank-head{margin-bottom:12px}.cards .card{grid-template-columns:56px minmax(260px,1.35fr) minmax(330px,1.2fr) 120px;gap:24px;filter:none!important}.cards .card .identity{grid-column:2}.cards .card .metrics{grid-column:3}.cards .card .score{grid-column:4}.cards .card .detail{grid-column:2/-1}.podium article{transform:translateZ(0)}.hero-word{filter:none}@media(max-width:1050px){.cards .card{grid-template-columns:46px 1fr 1fr 110px}.cards .card .identity{grid-column:2}.cards .card .metrics{grid-column:3}.cards .card .score{grid-column:4}.cards .card .detail{grid-column:2/-1}}@media(max-width:760px){.cards .card{grid-template-columns:42px 1fr}.cards .card .identity,.cards .card .metrics,.cards .card .score{grid-column:2}.cards .card .detail{grid-column:1/-1}}.cards:empty{min-height:360px;padding:0!important;display:grid;place-items:center;border:1px dashed #c8c7c0;border-radius:26px;background:#f8f7f2}.cards:empty:before{content:"产品数据待重新核验";font-size:clamp(22px,3vw,42px);font-weight:800;letter-spacing:-.04em;color:#999891}.podium:empty{display:none}