body:has(.quality-challenge){background:#fff8ee;margin:0}body:has(.quality-challenge) .language-switcher{display:none}.quality-challenge{--qc-ink:#202040;--qc-blue:#1248d8;--qc-coral:#ff5b45;--qc-orange:#ff9838;--qc-pink:#ff4f9a;--qc-cream:#fff8ee;min-height:100vh;color:var(--qc-ink);background:radial-gradient(circle at 12% 12%,#ff5b4529,#0000 24%),radial-gradient(circle at 92% 20%,#1248d821,#0000 26%),linear-gradient(145deg,#fffaf3,#fff4e8 58%,#fffaf6);font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif}.quality-challenge *,.quality-challenge :before,.quality-challenge :after{box-sizing:border-box}.quality-challenge button,.quality-challenge a{-webkit-tap-highlight-color:transparent}.quality-challenge button{font:inherit}.quality-nav{border-bottom:1px solid #20204021;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;width:min(1120px,100% - 40px);min-height:76px;margin:0 auto;display:grid}.quality-nav a{color:var(--qc-ink);font-size:14px;font-weight:850;text-decoration:none}.quality-nav a:first-child{align-items:center;gap:8px;display:flex}.quality-nav a:first-child span{font-size:23px}.quality-nav a:last-child{text-align:right}.quality-nav strong{color:var(--qc-blue);letter-spacing:.04em;font-size:13px}.quality-intro{grid-template-columns:minmax(0,1.04fr) minmax(360px,.86fr);align-items:center;gap:clamp(42px,7vw,88px);width:min(1120px,100% - 40px);min-height:calc(100vh - 132px);margin:0 auto;padding:clamp(40px,7vw,92px) 0 70px;display:grid}.quality-kicker{color:var(--qc-blue);letter-spacing:.15em;margin:0;font-size:12px;font-weight:950}.quality-intro h1{letter-spacing:-.065em;margin:14px 0 0;font:950 clamp(48px,7.4vw,88px)/.98 Noto Sans SC,PingFang SC,sans-serif}.quality-intro h1 span{color:var(--qc-coral)}.quality-lead{color:#4f4a65;margin:24px 0 0;font-size:clamp(17px,2vw,22px);font-weight:700;line-height:1.75}.quality-rule-strip{flex-wrap:wrap;gap:9px;margin-top:26px;display:flex}.quality-rule-strip span{color:#514c67;background:#ffffffc7;border:1px solid #1248d82e;border-radius:999px;padding:9px 13px;font-size:13px;font-weight:800;box-shadow:0 8px 18px #3722140f}.quality-rule-strip b{color:var(--qc-blue);font-size:15px}.quality-start{color:#fff;background:linear-gradient(135deg, var(--qc-coral), #ef375f 60%, var(--qc-pink));cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;gap:20px;min-width:230px;min-height:62px;margin-top:32px;padding:14px 24px;font-size:18px;font-weight:950;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 18px 36px #e13f4c42}.quality-start:hover{transform:translateY(-3px);box-shadow:0 23px 42px #e13f4c57}.quality-start span{font-size:25px}.quality-disclaimer{color:#766f80;max-width:650px;margin:18px 0 0;font-size:11px;line-height:1.65}.quality-poster{cursor:pointer;background:#fff;border:8px solid #fff;border-radius:30px;padding:0;position:relative;overflow:hidden;transform:rotate(1.2deg);box-shadow:0 30px 70px #23224c33,16px 16px #1248d8eb,-14px -14px #ff5b45eb}.quality-poster img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.quality-poster>span{color:#fff;text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#202040e0;border-radius:15px;gap:2px;padding:14px 16px;display:grid;position:absolute;bottom:16px;left:16px;right:16px}.quality-poster b{font-size:16px}.quality-poster small{opacity:.78;font-size:11px}.quality-products{color:#fff;background:radial-gradient(circle at 10% 0,#ff5b4540,#0000 28%),radial-gradient(circle at 92% 18%,#3667f24d,#0000 30%),#17172f;padding:clamp(56px,8vw,92px) max(20px,50vw - 560px)}.quality-products header{max-width:720px;margin-bottom:30px}.quality-products header p{color:#ffb24b;letter-spacing:.14em;margin:0;font-size:12px;font-weight:950}.quality-products header h2{letter-spacing:-.045em;margin:9px 0 0;font-size:clamp(32px,5vw,53px);line-height:1.12}.quality-products header span{color:#c9c8d9;margin-top:10px;font-size:16px;line-height:1.6;display:block}.quality-products-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;display:grid}.quality-products-grid button{color:#24223c;text-align:left;cursor:pointer;background:#fff;border:1px solid #ffffff24;border-radius:18px;padding:0;transition:transform .18s,box-shadow .18s;display:grid;overflow:hidden;box-shadow:0 16px 35px #00000038}.quality-products-grid button:hover{transform:translateY(-5px);box-shadow:0 24px 42px #00000057}.quality-products-grid button:focus-visible{outline-offset:4px;outline:4px solid #ffb24b}.quality-products-grid img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.quality-products-grid button>span{grid-template-columns:auto 1fr;align-items:center;gap:3px 9px;padding:13px 14px 15px;display:grid}.quality-products-grid small{color:var(--qc-coral);grid-row:1/3;font-size:13px;font-weight:950}.quality-products-grid strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;line-height:1.3;overflow:hidden}.quality-products-grid em{color:#777184;font-size:12px;font-style:normal;font-weight:750}.quality-game{width:min(760px,100% - 32px);margin:0 auto;padding:28px 0 62px}.quality-status{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.quality-status>div{text-align:center;background:#ffffffd1;border:1px solid #2020401c;border-radius:14px;align-content:center;place-items:center;gap:2px;min-height:68px;padding:10px 14px;display:grid;box-shadow:0 10px 25px #2b232c0f}.quality-status small{color:#766f80;letter-spacing:.08em;font-size:10px;font-weight:850}.quality-status strong{color:var(--qc-blue);font-size:24px;line-height:1}.quality-status strong span{color:#8d8795;margin-left:2px;font-size:11px}.quality-status .urgent{background:#fff0ec;border-color:#ff5b457a;animation:.7s infinite alternate quality-pulse}.quality-status .urgent strong{color:var(--qc-coral)}.quality-timer{background:#e9e5e1;border-radius:999px;height:9px;margin-top:14px;overflow:hidden}.quality-timer span{border-radius:inherit;background:linear-gradient(90deg, var(--qc-blue), #6b5be9 50%, var(--qc-pink));height:100%;transition:width .25s linear;display:block}.quality-question-head{justify-content:space-between;align-items:end;gap:20px;padding:22px 2px 15px;display:flex}.quality-question-head span{color:var(--qc-coral);letter-spacing:.1em;font-size:11px;font-weight:950}.quality-question-head h2{margin:4px 0 0;font-size:clamp(26px,4vw,38px);line-height:1.15}.quality-question-head p{color:#5d566d;margin:0;font-size:14px;font-weight:750}.quality-product-stage{cursor:crosshair;background:#fff;border:7px solid #fff;border-radius:24px;width:100%;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 22px 54px #241d3129}.quality-product-stage:disabled{cursor:default}.quality-product-stage img{aspect-ratio:1;object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;display:block}.quality-product-stage:focus-visible{outline:4px solid var(--qc-blue);outline-offset:4px}.quality-zone-buttons button:focus-visible{outline:4px solid var(--qc-blue);outline-offset:4px}.quality-start:focus-visible{outline:4px solid var(--qc-blue);outline-offset:4px}.quality-poster:focus-visible{outline:4px solid var(--qc-blue);outline-offset:4px}.quality-result-actions a:focus-visible{outline:4px solid var(--qc-blue);outline-offset:4px}.quality-result-actions button:focus-visible{outline:4px solid var(--qc-blue);outline-offset:4px}.quality-reveal{pointer-events:none;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;display:grid;position:absolute;inset:0}.quality-reveal i{border:1px solid #ffffff47;position:relative}.quality-reveal .top-left{grid-area:1/1}.quality-reveal .top-right{grid-area:1/2}.quality-reveal .bottom-left{grid-area:2/1}.quality-reveal .bottom-right{grid-area:2/2}.quality-reveal .correct-zone{background:#2bc9793b;box-shadow:inset 0 0 0 5px #29bf73}.quality-reveal .correct-zone:after{content:"✓ 瑕疵在这里";color:#fff;text-shadow:0 2px 12px #0006;background:#126c452e;place-items:center;font-size:clamp(16px,3vw,25px);font-style:normal;font-weight:950;display:grid;position:absolute;inset:0}.quality-reveal .wrong-zone{background:#ff4f4f38;box-shadow:inset 0 0 0 5px #e84646}.quality-zone-buttons{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.quality-zone-buttons button{min-height:46px;color:var(--qc-blue);cursor:pointer;background:#ffffffe0;border:1px solid #1248d833;border-radius:11px;font-weight:900}.quality-zone-buttons button:hover:not(:disabled){color:#fff;background:var(--qc-blue)}.quality-zone-buttons button:disabled{opacity:.55;cursor:default}.quality-feedback{background:#fff;border-radius:15px;grid-template-columns:auto 1fr;align-items:center;gap:4px 16px;margin-top:14px;padding:16px 18px;display:grid;box-shadow:0 12px 28px #28233414}.quality-feedback strong{grid-row:1/3;font-size:16px}.quality-feedback span{font-size:14px;font-weight:800}.quality-feedback small{color:#716a79;font-size:12px}.quality-feedback.is-correct{border-left:6px solid #29bf73}.quality-feedback.is-correct strong{color:#168b50}.quality-feedback.is-wrong{border-left:6px solid var(--qc-coral)}.quality-feedback.is-wrong strong{color:#ca3e31}.quality-result{text-align:center;flex-direction:column;align-items:center;width:min(680px,100% - 36px);min-height:calc(100vh - 132px);margin:0 auto;padding:clamp(50px,8vw,90px) 0 70px;display:flex}.quality-rank-icon{background:linear-gradient(145deg,#fff0a6,#ffc34c);border:7px solid #fff;border-radius:50%;place-items:center;width:112px;height:112px;font-size:58px;display:grid;box-shadow:0 22px 45px #824e1433}.quality-result>p{color:var(--qc-blue);letter-spacing:.1em;margin:25px 0 0;font-size:12px;font-weight:950}.quality-result h1{color:var(--qc-coral);letter-spacing:-.05em;margin:8px 0 0;font:950 clamp(40px,8vw,68px)/1.08 Noto Sans SC,PingFang SC,sans-serif}.quality-result>strong{color:var(--qc-ink);margin-top:12px;font-size:36px}.quality-result-stats{grid-template-columns:1fr 1fr;gap:10px;width:min(460px,100%);margin-top:20px;display:grid}.quality-result-stats span{color:#655e70;background:#ffffffd1;border:1px solid #1248d826;border-radius:13px;padding:14px;font-size:14px;font-weight:800}.quality-result-stats b{color:var(--qc-blue);font-size:18px}.quality-result blockquote{color:#514b60;background:#fff;border:0;border-radius:16px;margin:24px 0 0;padding:18px 24px;font-size:17px;font-weight:780;line-height:1.6;box-shadow:0 14px 34px #261f2c14}.quality-result-actions{grid-template-columns:1fr 1fr;gap:10px;width:min(460px,100%);margin-top:24px;display:grid}.quality-result-actions button,.quality-result-actions a{border:2px solid var(--qc-coral);cursor:pointer;border-radius:13px;place-items:center;min-height:55px;font-weight:950;text-decoration:none;display:grid}.quality-result-actions button{color:#fff;background:var(--qc-coral)}.quality-result-actions a{color:var(--qc-coral);background:#fff}.quality-result>small{color:#7a7280;margin-top:18px;font-size:10px;line-height:1.6}.quality-footer{color:#777080;letter-spacing:.08em;text-align:center;padding:20px;font-size:9px;font-weight:800}@keyframes quality-pulse{0%{transform:scale(1)}to{transform:scale(1.035)}}@media (max-width:760px){.quality-nav{grid-template-columns:1fr auto;width:min(100% - 28px,1120px);min-height:64px}.quality-nav strong{display:none}.quality-intro{grid-template-columns:1fr;gap:42px;width:min(100% - 30px,560px);min-height:auto;padding:42px 0 60px}.quality-intro h1{font-size:clamp(45px,14vw,68px)}.quality-poster{width:calc(100% - 14px);margin:0 auto;box-shadow:0 24px 55px #23224c2e,10px 10px #1248d8eb,-9px -9px #ff5b45eb}.quality-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quality-game{padding-top:18px}.quality-status>div{min-height:58px;padding:8px 5px}.quality-status strong{font-size:20px}.quality-question-head{flex-direction:column;align-items:start;gap:7px}.quality-product-stage{border-width:5px;border-radius:18px}.quality-product-stage img{aspect-ratio:1}.quality-feedback{grid-template-columns:1fr}.quality-feedback strong{grid-row:auto}}@media (max-width:430px){.quality-nav a{font-size:12px}.quality-rule-strip{grid-template-columns:1fr 1fr;display:grid}.quality-rule-strip span{text-align:center}.quality-start{width:100%}.quality-products{padding-inline:15px}.quality-products header span{font-size:15px}.quality-products-grid button{border-radius:14px}.quality-products-grid button>span{gap:2px 6px;padding:11px 10px 13px}.quality-products-grid strong{font-size:14px}.quality-products-grid em{font-size:11px}.quality-zone-buttons{grid-template-columns:1fr 1fr}.quality-result-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.quality-status .urgent{animation:none}.quality-start,.quality-timer span{transition:none}}