:root{--cert-ink:#0b1f3a;--cert-muted:#65758b;--cert-blue:#1769ff;--cert-indigo:#5b51ee;--cert-teal:#12b89a;--cert-line:#dbe5f3;--cert-bg:#f4f8fd;--cert-card:#fff;--cert-shadow:0 24px 70px rgba(20,55,100,.12)}
.cert-page{min-height:calc(100vh - 72px);padding:36px max(32px,calc((100vw - 1480px)/2)) 80px;background:radial-gradient(circle at 8% 8%,rgba(64,195,255,.13),transparent 24%),radial-gradient(circle at 92% 4%,rgba(100,91,238,.13),transparent 28%),var(--cert-bg);color:var(--cert-ink);font-family:var(--font-sans,"Noto Sans SC",sans-serif)}
.cert-page button,.cert-verify-page button{font:inherit}.cert-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--cert-blue);font-size:12px;font-weight:800;letter-spacing:.16em}.cert-btn{border:0;border-radius:13px;padding:14px 22px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:9px}.cert-btn-primary{color:#fff;background:linear-gradient(135deg,var(--cert-blue),var(--cert-indigo));box-shadow:0 12px 26px rgba(49,91,238,.3)}.cert-btn-glass{color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(12px)}
.cert-hero{position:relative;overflow:hidden;min-height:420px;padding:56px 64px 106px;border-radius:30px;color:#fff;background:radial-gradient(circle at 82% 38%,rgba(39,208,255,.28),transparent 23%),linear-gradient(125deg,#071b46 0%,#123d9e 50%,#6151ee 100%);box-shadow:0 30px 90px rgba(20,62,150,.25)}.cert-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(90deg,#000,transparent)}.cert-hero-copy{position:relative;z-index:2;max-width:690px}.cert-hero .cert-eyebrow{color:#8ee9ff}.cert-hero h1{font-family:var(--font-serif,"Noto Serif SC",serif);font-size:clamp(44px,5vw,72px);line-height:1.1;margin:18px 0 22px;letter-spacing:-.04em}.cert-hero-copy>p{font-size:18px;line-height:1.85;color:rgba(255,255,255,.78);max-width:650px}.cert-hero-actions{display:flex;gap:12px;margin-top:32px}.cert-orbit{position:absolute;right:4%;top:30px;width:430px;height:330px;border:1px solid rgba(132,229,255,.26);border-radius:50%;transform:rotate(-8deg)}.cert-orbit:after,.cert-orbit:before{content:"";position:absolute;border:1px solid rgba(132,229,255,.18);border-radius:50%;inset:35px}.cert-orbit:after{inset:78px}.cert-orbit-core{position:absolute;z-index:2;left:135px;top:82px;width:170px;height:170px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(255,255,255,.25),rgba(82,164,255,.12));border:1px solid rgba(255,255,255,.42);box-shadow:inset 0 0 35px rgba(255,255,255,.25),0 0 60px rgba(66,201,255,.35);backdrop-filter:blur(18px)}.cert-orbit-core i{font-size:48px;color:#8ff3ff}.cert-orbit-core strong{font-size:20px}.cert-orbit-core small{font-size:9px;letter-spacing:.16em;color:#b7dfff}.orbit-node{position:absolute;z-index:3;padding:10px 14px;border:1px solid rgba(255,255,255,.3);border-radius:12px;background:rgba(6,25,72,.54);backdrop-filter:blur(12px);font-size:12px;font-weight:700;box-shadow:0 10px 28px rgba(0,0,0,.18)}.orbit-node i{color:#7be8ff;margin-right:5px}.orbit-node.n1{left:5px;top:60px}.orbit-node.n2{right:0;top:75px}.orbit-node.n3{right:48px;bottom:8px}.cert-hero-metrics{position:absolute;z-index:2;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.18);background:rgba(3,17,52,.32);backdrop-filter:blur(14px)}.cert-hero-metrics div{padding:18px 28px;border-right:1px solid rgba(255,255,255,.14);display:flex;align-items:baseline;gap:12px}.cert-hero-metrics strong{font-size:25px}.cert-hero-metrics span{color:#bfd0ed;font-size:12px}
.cert-catalog-shell,.cert-my-panel{margin-top:34px;border:1px solid rgba(196,212,235,.9);border-radius:26px;background:rgba(255,255,255,.88);box-shadow:var(--cert-shadow);padding:34px;backdrop-filter:blur(18px)}.cert-section-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.cert-section-head>div>span{color:var(--cert-blue);font-size:11px;font-weight:900;letter-spacing:.14em}.cert-section-head h2{font-family:var(--font-serif,"Noto Serif SC",serif);font-size:30px;margin:8px 0 5px}.cert-section-head p{color:var(--cert-muted);margin:0}.cert-icon-btn{width:40px;height:40px;border:0;border-radius:50%;background:#edf3fc;color:var(--cert-ink);font-size:22px;cursor:pointer}.cert-verify-quick{display:flex;align-items:center;border:1px solid var(--cert-line);border-radius:14px;padding-left:14px;background:#f8fbff;overflow:hidden}.cert-verify-quick i{color:var(--cert-blue);font-size:20px}.cert-verify-quick input{width:250px;border:0;outline:0;background:transparent;padding:12px;color:var(--cert-ink)}.cert-verify-quick button{align-self:stretch;border:0;padding:0 18px;background:#e7efff;color:var(--cert-blue);font-weight:800;cursor:pointer}.cert-filterbar{display:flex;align-items:center;gap:12px;margin:28px 0 22px}.cert-filterbar label{flex:1;display:flex;align-items:center;gap:10px;border:1px solid var(--cert-line);background:#fff;border-radius:13px;padding:0 14px}.cert-filterbar input,.cert-filterbar select{border:0;outline:0;background:transparent}.cert-filterbar label input{width:100%;padding:13px 0}.cert-filterbar select,.cert-filterbar>button{padding:12px 15px;border:1px solid var(--cert-line);background:#fff;border-radius:12px;color:var(--cert-ink)}.cert-filterbar>button.active{color:#087e6d;border-color:#9ee7d8;background:#effcf8}.cert-filterbar>span{font-size:12px;color:var(--cert-muted)}
.cert-track-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cert-track-card{position:relative;overflow:hidden;min-height:360px;padding:24px;border:1px solid #d9e5f5;border-radius:20px;background:linear-gradient(145deg,#fff 35%,#eef5ff);transition:.25s ease;display:flex;flex-direction:column}.cert-track-card:after{content:"";position:absolute;width:220px;height:220px;border:38px solid rgba(32,105,255,.055);border-radius:50%;right:-105px;bottom:-115px}.cert-track-card:hover{transform:translateY(-6px);box-shadow:0 22px 45px rgba(39,77,126,.15);border-color:#9dbbff}.cert-track-card.disabled{filter:saturate(.75)}.cert-track-top{display:flex;justify-content:space-between;position:relative;z-index:1}.cert-track-symbol{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#1e70ff,#5f55ee);color:#fff;font-size:29px;box-shadow:0 12px 25px rgba(49,95,235,.26)}.cert-track-badges{display:flex;gap:6px;align-items:flex-start}.cert-track-badges em,.cert-track-badges b{font-style:normal;font-size:11px;padding:6px 9px;border-radius:99px;background:#e9efff;color:#3154b9}.cert-track-badges b{background:#e9fbf5;color:#078c75}.cert-track-badges b.soon{background:#f0f3f8;color:#758196}.cert-track-code{margin:25px 0 8px!important;color:var(--cert-blue)!important;font-size:10px!important;letter-spacing:.15em;font-weight:900}.cert-track-card h3{font-family:var(--font-serif,"Noto Serif SC",serif);font-size:24px;margin:0 0 10px}.cert-track-card>p{font-size:13px;line-height:1.7;color:var(--cert-muted);margin:0}.cert-tag-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.cert-tag-row span{padding:5px 9px;border-radius:7px;background:rgba(30,105,255,.07);color:#355488;font-size:11px}.cert-track-stats{display:flex;gap:15px;margin-top:auto;padding-top:22px;font-size:11px;color:var(--cert-muted)}.cert-track-stats i{margin-right:4px;color:var(--cert-blue)}.cert-track-card>button{position:relative;z-index:2;margin-top:17px;border:0;border-top:1px solid var(--cert-line);padding:16px 0 0;background:transparent;color:var(--cert-ink);display:flex;justify-content:space-between;font-weight:800;cursor:pointer}.cert-track-card>button i{font-size:22px;color:var(--cert-blue)}.cert-track-card.tone-1 .cert-track-symbol{background:linear-gradient(145deg,#008d7b,#20cdb0)}.cert-track-card.tone-2 .cert-track-symbol{background:linear-gradient(145deg,#6f42d8,#9774f6)}.cert-track-card.tone-3 .cert-track-symbol{background:linear-gradient(145deg,#e0671d,#ff9c4a)}.cert-track-card.tone-4 .cert-track-symbol{background:linear-gradient(145deg,#087a9c,#2fb9d5)}.cert-track-card.tone-5 .cert-track-symbol{background:linear-gradient(145deg,#36506d,#69809a)}.cert-disclaimer{display:flex;gap:7px;color:#718097!important;font-size:11px!important;line-height:1.6;margin:22px 0 0!important}.cert-loading,.cert-error,.cert-empty{min-height:180px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--cert-muted)}.cert-loading i{font-size:26px;color:var(--cert-blue)}.cert-error button{border:0;background:#e8efff;color:var(--cert-blue);padding:8px 12px;border-radius:9px}.cert-empty{flex-direction:column;text-align:center}.cert-empty i{font-size:42px;color:#93a8c6}.cert-empty strong{color:var(--cert-ink)}.cert-empty span{font-size:12px}.cert-certificate-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.cert-certificate-strip button{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--cert-line);background:#f8fbff;border-radius:14px;padding:15px;color:var(--cert-ink)}.cert-certificate-strip i{font-size:28px;color:var(--cert-blue)}.cert-certificate-strip span{flex:1}.cert-certificate-strip small{display:block;color:var(--cert-muted)}.cert-certificate-strip em{font-style:normal;font-weight:800;color:#078c75}
.cert-breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:20px;color:var(--cert-muted);font-size:13px}.cert-breadcrumb button{border:0;background:transparent;color:var(--cert-blue);font-weight:700}.cert-detail-hero{padding:38px 44px;border-radius:25px;background:linear-gradient(120deg,#fff,#eef4ff);border:1px solid var(--cert-line);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--cert-shadow)}.cert-detail-hero h1{font-family:var(--font-serif,"Noto Serif SC",serif);font-size:40px;margin:12px 0}.cert-detail-hero>div:first-child>p{color:var(--cert-muted);max-width:800px}.cert-detail-seal{width:180px;height:180px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#fff 26%,#dce9ff 27%,#fff 29%,#e3eeff 60%,#bcd2ff);border:1px solid #aac6ff;box-shadow:inset 0 0 35px #fff,0 18px 40px rgba(45,94,190,.2)}.cert-detail-seal i{font-size:52px;color:var(--cert-blue)}.cert-detail-seal small{font-size:8px;letter-spacing:.14em;color:#5d79a5}.cert-detail-tabs{display:flex;gap:6px;margin:24px 0 16px}.cert-detail-tabs button{border:0;padding:11px 20px;border-radius:11px;background:transparent;color:var(--cert-muted);font-weight:800}.cert-detail-tabs button.active{background:#fff;color:var(--cert-blue);box-shadow:0 8px 22px rgba(28,68,117,.1)}.cert-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px}.cert-instructions,.cert-exam-summary,.cert-rank-panel{background:#fff;border:1px solid var(--cert-line);border-radius:22px;padding:30px;box-shadow:0 16px 40px rgba(38,72,117,.09)}.cert-instructions .cert-section-head>i,.cert-rank-panel .cert-section-head>i{font-size:42px;color:var(--cert-blue)}.cert-lead{padding:18px;border-radius:14px;background:#f4f8ff;line-height:1.8;color:#41536d}.cert-instructions ol{list-style:none;padding:0;margin:22px 0}.cert-instructions li{display:flex;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid #edf1f7;color:#43526a}.cert-instructions li b{color:var(--cert-blue);font-size:12px}.cert-stage-flow{display:flex;align-items:flex-start;justify-content:center;margin:28px 0}.cert-stage-flow>div{position:relative;min-width:150px;text-align:center}.cert-stage-flow span{display:grid;place-items:center;width:52px;height:52px;margin:auto;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--cert-blue),var(--cert-indigo));font-size:23px}.cert-stage-flow b,.cert-stage-flow small{display:block;margin-top:8px}.cert-stage-flow small{color:var(--cert-muted);font-size:11px}.cert-stage-flow em{position:absolute;top:26px;left:calc(50% + 30px);right:calc(-50% + 30px);height:1px;background:#bfd1ea}.cert-consent{display:flex;gap:13px;padding:18px;border:1px solid #bed1ee;border-radius:14px;background:#f8fbff}.cert-consent input{width:19px;height:19px;accent-color:var(--cert-blue)}.cert-consent span{display:flex;flex-direction:column;gap:4px}.cert-consent small{color:var(--cert-muted);line-height:1.6}.cert-start-btn{width:100%;margin-top:16px;padding:16px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--cert-blue),var(--cert-indigo));color:#fff;font-weight:900;font-size:16px;box-shadow:0 14px 30px rgba(38,88,233,.25)}.cert-start-btn:disabled{opacity:.48;box-shadow:none}.cert-exam-summary>span{font-size:11px;color:var(--cert-blue);font-weight:900;letter-spacing:.1em}.cert-exam-summary>strong{display:block;font-family:var(--font-serif);font-size:52px;margin-top:18px}.cert-exam-summary>small{color:var(--cert-muted)}.cert-exam-summary>p{color:var(--cert-muted);line-height:1.7}.cert-exam-summary>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.cert-exam-summary dl{margin:0;padding:14px;background:#f3f6ff;border-radius:12px}.cert-exam-summary dt{font-size:11px;color:var(--cert-muted)}.cert-exam-summary dd{margin:5px 0 0;font-weight:800}.cert-rank-panel ol{list-style:none;padding:0;margin:22px 0 0}.cert-rank-panel li{display:grid;grid-template-columns:50px 1fr auto;padding:16px;border-bottom:1px solid #edf1f7}.cert-rank-panel li b{color:var(--cert-blue)}.cert-rank-panel li em{font-style:normal;font-weight:800}
.cert-exam-page{min-height:100vh;background:#f2f6fc;color:var(--cert-ink);font-family:var(--font-sans,"Noto Sans SC",sans-serif)}.cert-exam-header{height:78px;padding:0 30px;background:#fff;border-bottom:1px solid var(--cert-line);display:flex;align-items:center;justify-content:space-between}.cert-exam-header>div:first-child{display:flex;align-items:center;gap:12px}.cert-exam-logo{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cert-blue),var(--cert-indigo));color:#fff;font-size:25px}.cert-exam-header small,.cert-exam-header strong{display:block}.cert-exam-header small{font-size:10px;color:var(--cert-muted);letter-spacing:.1em}.cert-exam-save{font-size:12px;color:#158672}.cert-exam-save i{margin-right:6px}.cert-timer{text-align:right}.cert-timer strong{font-size:24px;font-variant-numeric:tabular-nums}.cert-timer.urgent strong{color:#dc4a4a}.cert-exam-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:20px;padding:24px;max-width:1540px;margin:auto}.cert-question-shell,.cert-integrity-card,.cert-stage-nav{background:#fff;border:1px solid var(--cert-line);border-radius:20px;box-shadow:0 14px 35px rgba(38,72,117,.08)}.cert-question-shell{min-height:calc(100vh - 126px);padding:32px;display:flex;flex-direction:column}.cert-question-meta{display:flex;justify-content:space-between;color:var(--cert-blue);font-weight:800;font-size:12px}.cert-question-shell h1{display:flex;gap:14px;font-size:22px;line-height:1.65;margin:26px 0}.cert-question-shell h1 em{font-style:normal;min-width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#eaf1ff;color:var(--cert-blue);font-size:14px}.cert-options{display:grid;gap:13px}.cert-options label{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid var(--cert-line);border-radius:13px;cursor:pointer;transition:.2s}.cert-options label:hover,.cert-options label.selected{border-color:#6d96ff;background:#f1f6ff;box-shadow:0 9px 20px rgba(39,94,195,.09)}.cert-options input{position:absolute;opacity:0}.cert-options b{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#edf2fa;color:#46617f}.cert-options label.selected b{color:#fff;background:var(--cert-blue)}.cert-long-answer textarea{width:100%;min-height:340px;border:1px solid var(--cert-line);border-radius:16px;padding:20px;resize:vertical;outline:0;font:inherit;line-height:1.8;color:var(--cert-ink);background:#fbfdff}.cert-long-answer textarea:focus{border-color:#7199ff;box-shadow:0 0 0 4px rgba(23,105,255,.09)}.cert-long-answer span{display:block;text-align:right;font-size:11px;color:var(--cert-muted);margin-top:8px}.cert-question-shell footer{margin-top:auto;display:flex;justify-content:flex-end;gap:10px;padding-top:25px}.cert-question-shell footer button{padding:12px 18px;border:1px solid var(--cert-line);border-radius:11px;background:#fff;color:var(--cert-ink);font-weight:800}.cert-question-shell footer .primary,.cert-question-shell footer .submit{border-color:transparent;color:#fff;background:linear-gradient(135deg,var(--cert-blue),var(--cert-indigo))}.cert-exam-sidebar{display:flex;flex-direction:column;gap:16px}.cert-integrity-card,.cert-stage-nav{padding:20px}.cert-integrity-card>div:first-child{display:flex;justify-content:space-between;font-size:12px;font-weight:800}.cert-integrity-card b{color:#088b72}.cert-integrity-card b.warn{color:#d87b18}.cert-camera{position:relative;overflow:hidden;height:185px;margin:15px 0;border-radius:13px;background:#0c1728}.cert-camera video{width:100%;height:100%;object-fit:cover}.cert-camera>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#b8c6d9;gap:7px}.cert-camera>div i{font-size:32px}.cert-camera>div button{border:1px solid #5c78a0;border-radius:8px;background:#1b304c;color:#fff;padding:7px 10px}.cert-integrity-card>small{color:var(--cert-muted);font-size:10px}.cert-stage-nav h3{display:flex;justify-content:space-between;margin:0 0 18px}.cert-stage-nav h3 span{color:var(--cert-blue)}.cert-stage-nav>div{margin-top:16px}.cert-stage-nav>div>strong{font-size:11px;color:var(--cert-muted)}.cert-stage-nav>div>div{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:8px}.cert-stage-nav button{aspect-ratio:1;border:1px solid var(--cert-line);border-radius:9px;background:#fff;color:var(--cert-muted)}.cert-stage-nav button.done{background:#eafaf6;color:#078a72;border-color:#afe8da}.cert-stage-nav button.active{background:var(--cert-blue);color:#fff;border-color:var(--cert-blue)}.cert-modal-backdrop{position:fixed;z-index:9999;inset:0;background:rgba(7,20,42,.55);display:grid;place-items:center;backdrop-filter:blur(5px)}.cert-submit-modal{width:min(470px,90vw);padding:34px;border-radius:22px;background:#fff;text-align:center;box-shadow:0 30px 90px rgba(0,0,0,.25)}.cert-submit-modal>span{width:68px;height:68px;margin:auto;display:grid;place-items:center;border-radius:20px;background:#e9f2ff;color:var(--cert-blue);font-size:36px}.cert-submit-modal h2{font-family:var(--font-serif);font-size:27px}.cert-submit-modal p{color:var(--cert-muted);line-height:1.7}.cert-submit-modal>div{display:flex;gap:10px;margin-top:22px}.cert-submit-modal button{flex:1;padding:12px;border:1px solid var(--cert-line);border-radius:11px;background:#fff;font-weight:800}.cert-submit-modal button.primary{color:#fff;border:0;background:linear-gradient(135deg,var(--cert-blue),var(--cert-indigo))}.cert-full-loading{min-height:100vh}
.cert-result-page{display:grid;place-items:center}.cert-result-card{width:min(850px,94vw);text-align:center;background:#fff;border:1px solid var(--cert-line);border-radius:28px;padding:50px;box-shadow:var(--cert-shadow)}.cert-result-mark{width:90px;height:90px;margin:auto;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0db18e,#3dd5b7);color:#fff;font-size:50px;box-shadow:0 15px 36px rgba(20,184,154,.3)}.cert-result-card.review .cert-result-mark,.cert-result-card.failed .cert-result-mark{background:linear-gradient(135deg,#ef983a,#ffbb5f)}.cert-result-card h1{font-family:var(--font-serif);font-size:38px;margin:15px 0 5px}.cert-result-card>p{color:var(--cert-muted)}.cert-score{display:block;font-size:70px;color:var(--cert-blue);margin:20px}.cert-score small{font-size:18px;color:var(--cert-muted)}.cert-score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cert-score-grid div{padding:16px;border-radius:13px;background:#f4f7fc}.cert-score-grid span,.cert-score-grid b{display:block}.cert-score-grid span{font-size:11px;color:var(--cert-muted)}.cert-score-grid b{margin-top:6px}.cert-issued{display:flex;align-items:center;gap:15px;text-align:left;margin-top:22px;padding:20px;border-radius:16px;background:linear-gradient(120deg,#0c3b96,#5e57eb);color:#fff}.cert-issued>i{font-size:42px}.cert-issued>div{flex:1}.cert-issued small,.cert-issued strong{display:block}.cert-issued p{font-size:10px;color:#cdd8ff}.cert-issued button{border:0;border-radius:9px;background:#fff;color:#2449a1;padding:10px 14px;font-weight:800}.cert-result-actions{display:flex;justify-content:center;gap:10px;margin-top:24px}.cert-result-actions button{padding:12px 18px;border:1px solid var(--cert-line);border-radius:11px;background:#fff;font-weight:800}.cert-result-actions button.primary{color:#fff;border:0;background:var(--cert-blue)}
.cert-verify-page{min-height:100vh;background:radial-gradient(circle at 20% 5%,rgba(74,198,255,.16),transparent 28%),linear-gradient(145deg,#f7fbff,#eef3fb);color:var(--cert-ink);font-family:var(--font-sans,"Noto Sans SC",sans-serif)}.cert-verify-page>header{height:72px;padding:0 max(28px,calc((100vw - 1300px)/2));background:rgba(255,255,255,.82);border-bottom:1px solid var(--cert-line);display:flex;align-items:center;justify-content:space-between}.cert-verify-page header button{border:0;background:transparent}.cert-verify-page header img{width:132px}.cert-verify-page header span{font-weight:800}.cert-verify-shell{max-width:1300px;margin:60px auto;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--cert-line);border-radius:28px;overflow:hidden;background:#fff;box-shadow:var(--cert-shadow)}.cert-verify-intro{padding:60px;background:linear-gradient(145deg,#fff,#eff5ff)}.cert-verify-intro h1{font-family:var(--font-serif);font-size:50px;margin:15px 0}.cert-verify-intro>p{color:var(--cert-muted);line-height:1.8}.cert-verify-intro label{margin-top:30px;display:flex;align-items:center;border:1px solid #b7cae5;background:#fff;border-radius:14px;overflow:hidden}.cert-verify-intro label i{margin-left:15px;color:var(--cert-blue);font-size:22px}.cert-verify-intro input{flex:1;border:0;outline:0;padding:15px 10px}.cert-verify-intro label button{align-self:stretch;border:0;padding:0 20px;color:#fff;background:linear-gradient(135deg,var(--cert-blue),var(--cert-indigo));font-weight:800}.cert-verify-intro>small{display:block;margin-top:12px;color:var(--cert-muted)}.cert-verify-result{padding:36px;display:grid;place-items:center}.cert-valid-card{width:100%;padding:32px;border:1px solid #a9e4d8;border-radius:20px;background:#f3fcfa;text-align:center}.cert-valid-card.invalid{border-color:#e0e5ed;background:#f8fafc}.cert-valid-card>span{width:70px;height:70px;margin:auto;display:grid;place-items:center;border-radius:50%;background:#dff8f1;color:#08a083;font-size:38px}.cert-valid-card.invalid>span{background:#edf0f4;color:#8793a5}.cert-valid-card>small{display:block;margin-top:13px;color:#078c75;font-weight:900;letter-spacing:.12em}.cert-valid-card h2{font-family:var(--font-serif);font-size:28px}.cert-valid-card dl{text-align:left;margin:22px 0}.cert-valid-card dl div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid rgba(102,130,160,.14)}.cert-valid-card dt{color:var(--cert-muted)}.cert-valid-card dd{font-weight:800}.cert-valid-card>p{font-size:11px;color:var(--cert-muted);line-height:1.6}
.cert-page button:focus-visible,.cert-page input:focus-visible,.cert-page select:focus-visible,.cert-page textarea:focus-visible,.cert-verify-page button:focus-visible,.cert-verify-page input:focus-visible{outline:3px solid rgba(23,105,255,.28);outline-offset:3px}
@media(max-width:1050px){.cert-orbit{opacity:.25;right:-160px}.cert-track-grid{grid-template-columns:repeat(2,1fr)}.cert-detail-layout,.cert-verify-shell{grid-template-columns:1fr}.cert-exam-layout{grid-template-columns:1fr}.cert-exam-sidebar{display:grid;grid-template-columns:1fr 1fr}.cert-score-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.cert-page{padding:18px 14px 50px}.cert-hero{padding:36px 24px 120px}.cert-hero h1{font-size:38px}.cert-hero-metrics{grid-template-columns:1fr 1fr}.cert-hero-metrics div{padding:12px}.cert-track-grid{grid-template-columns:1fr}.cert-catalog-shell,.cert-my-panel{padding:20px}.cert-section-head,.cert-filterbar{flex-direction:column}.cert-verify-quick,.cert-filterbar label{width:100%}.cert-verify-quick input{width:100%}.cert-detail-hero{padding:25px}.cert-detail-seal{display:none}.cert-detail-layout{grid-template-columns:1fr}.cert-stage-flow>div{min-width:30%}.cert-exam-header{padding:0 12px}.cert-exam-save{display:none}.cert-exam-layout{padding:10px}.cert-question-shell{padding:20px}.cert-exam-sidebar{grid-template-columns:1fr}.cert-result-card{padding:28px 18px}.cert-issued{align-items:flex-start;flex-wrap:wrap}.cert-verify-shell{margin:20px 12px}.cert-verify-intro{padding:32px 22px}.cert-verify-intro h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* V2 · 光谱玻璃与任务制认证 */
.cert-center-page{position:relative;isolation:isolate;overflow:hidden;background:#f4f7ff}
.cert-spectrum{position:absolute;z-index:-2;inset:0;overflow:hidden;pointer-events:none}
.cert-spectrum span{position:absolute;width:580px;height:580px;border-radius:50%;filter:blur(90px);opacity:.22;animation:cert-spectrum-drift 15s ease-in-out infinite alternate}
.cert-spectrum span:nth-child(1){left:-240px;top:40px;background:#00c6ff}
.cert-spectrum span:nth-child(2){right:-210px;top:300px;background:#7b3cff;animation-delay:-4s}
.cert-spectrum span:nth-child(3){left:28%;top:850px;background:#00d7a7;animation-delay:-7s}
.cert-spectrum span:nth-child(4){right:12%;top:1500px;background:#ff8a45;animation-delay:-10s}
.cert-particles{position:absolute;z-index:-1;inset:0;pointer-events:none;background-image:linear-gradient(rgba(67,102,169,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(67,102,169,.045) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(#000,transparent 92%)}
.cert-particles i{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(94,114,255,.08),0 0 24px #5578ff;animation:cert-particle-float 7s ease-in-out infinite}
.cert-particles i:nth-child(1){left:8%;top:6%}.cert-particles i:nth-child(2){left:21%;top:19%;animation-delay:-2s}.cert-particles i:nth-child(3){left:48%;top:8%;animation-delay:-5s}.cert-particles i:nth-child(4){left:74%;top:17%;animation-delay:-3s}.cert-particles i:nth-child(5){left:91%;top:4%;animation-delay:-6s}.cert-particles i:nth-child(6){left:13%;top:38%;animation-delay:-1s}.cert-particles i:nth-child(7){left:37%;top:45%;animation-delay:-4s}.cert-particles i:nth-child(8){left:66%;top:36%;animation-delay:-2s}.cert-particles i:nth-child(9){left:88%;top:51%;animation-delay:-5s}.cert-particles i:nth-child(10){left:18%;top:72%;animation-delay:-3s}.cert-particles i:nth-child(11){left:55%;top:78%;animation-delay:-6s}.cert-particles i:nth-child(12){left:83%;top:87%;animation-delay:-1s}
@keyframes cert-spectrum-drift{to{transform:translate3d(80px,70px,0) scale(1.15)}}
@keyframes cert-particle-float{50%{transform:translateY(-22px) scale(1.35);opacity:.45}}

.cert-hero{background:radial-gradient(circle at 76% 32%,rgba(76,244,255,.42),transparent 20%),radial-gradient(circle at 92% 8%,rgba(255,109,197,.34),transparent 25%),linear-gradient(125deg,#071538 0%,#1736a2 44%,#7137dd 75%,#e05f9c 125%)}
.cert-hero:after{content:"";position:absolute;width:420px;height:420px;right:8%;top:-45px;border-radius:50%;background:conic-gradient(from 90deg,transparent,#51e5ff,transparent,#b26eff,transparent);filter:blur(2px);opacity:.2;animation:cert-spin 18s linear infinite}
.cert-orbit{z-index:1;animation:cert-orbit-breathe 5s ease-in-out infinite}
.cert-orbit-core{animation:cert-core-float 4s ease-in-out infinite}
@keyframes cert-spin{to{transform:rotate(360deg)}}
@keyframes cert-orbit-breathe{50%{transform:rotate(-4deg) scale(1.04)}}
@keyframes cert-core-float{50%{transform:translateY(-9px);box-shadow:inset 0 0 35px rgba(255,255,255,.35),0 0 85px rgba(66,201,255,.55)}}

.cert-challenge-card{position:relative;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;min-height:330px;margin:28px 0;padding:38px;border-radius:26px;color:#fff;background:radial-gradient(circle at 80% 50%,rgba(59,246,224,.36),transparent 25%),linear-gradient(120deg,#062d59,#1249be 46%,#6236d6 78%,#d34e9c 130%);box-shadow:0 28px 70px rgba(35,65,166,.28);cursor:pointer;isolation:isolate}
.cert-challenge-card:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.13) 45%,transparent 65%);transform:translateX(-110%);animation:cert-shine 6s ease-in-out infinite}
.cert-challenge-card:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,transparent,#000)}
@keyframes cert-shine{45%,100%{transform:translateX(120%)}}
.challenge-copy{position:relative;z-index:2;align-self:center}.challenge-copy>span{font-size:11px;font-weight:900;letter-spacing:.15em;color:#73f7df}.challenge-copy h3{font-family:var(--font-serif,"Noto Serif SC",serif);font-size:38px;margin:14px 0}.challenge-copy>p{max-width:650px;color:rgba(255,255,255,.78);line-height:1.8}.challenge-copy>div{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.challenge-copy>div b{padding:7px 11px;border:1px solid rgba(255,255,255,.22);border-radius:99px;background:rgba(255,255,255,.1);font-size:11px}.challenge-copy button{border:0;border-radius:12px;padding:13px 18px;background:#fff;color:#173f9d;font-weight:900}.challenge-copy button i{font-size:20px;vertical-align:middle}
.challenge-radar{position:relative;z-index:2;align-self:center;justify-self:center;width:240px;height:240px;border:1px solid rgba(157,242,255,.3);border-radius:50%;box-shadow:inset 0 0 60px rgba(75,228,255,.13)}
.challenge-radar:before,.challenge-radar:after{content:"";position:absolute;border:1px solid rgba(157,242,255,.22);border-radius:50%;inset:35px}.challenge-radar:after{inset:72px}.radar-core{position:absolute;z-index:2;left:82px;top:82px;width:76px;height:76px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(145deg,#1fe0bf,#6174ff);font-size:38px;box-shadow:0 0 38px rgba(37,232,210,.5)}.challenge-radar>i{position:absolute;width:12px;height:12px;border-radius:50%;background:#67f4db;box-shadow:0 0 18px #67f4db}.challenge-radar>i:nth-of-type(1){left:22px;top:76px}.challenge-radar>i:nth-of-type(2){right:23px;top:50px}.challenge-radar>i:nth-of-type(3){right:34px;bottom:39px}.challenge-radar>i:nth-of-type(4){left:52px;bottom:19px}.challenge-radar>i:nth-of-type(5){left:112px;top:8px}.challenge-radar em{position:absolute;left:50%;bottom:-32px;transform:translateX(-50%);white-space:nowrap;font-style:normal;font-size:10px;letter-spacing:.18em;color:#adf7ec}

.cert-track-card{background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(239,245,255,.88));backdrop-filter:blur(20px)}
.cert-track-card:nth-child(6n+2){background:linear-gradient(145deg,#fff,#effcf9)}.cert-track-card:nth-child(6n+3){background:linear-gradient(145deg,#fff,#f5efff)}.cert-track-card:nth-child(6n+4){background:linear-gradient(145deg,#fff,#fff4ec)}
.cert-track-card:hover .cert-track-symbol{transform:rotate(-7deg) scale(1.08)}.cert-track-symbol{transition:.35s cubic-bezier(.2,.8,.2,1)}

.cert-project-brief{position:relative;overflow:hidden;margin:20px 0;padding:24px;border-radius:18px;color:#fff;background:radial-gradient(circle at 85% 20%,rgba(53,239,209,.35),transparent 25%),linear-gradient(125deg,#0a3573,#3d4cce 64%,#8148d8)}
.cert-project-brief:after{content:"";position:absolute;width:180px;height:180px;right:-50px;bottom:-90px;border:28px solid rgba(255,255,255,.08);border-radius:50%}.cert-project-brief>span{font-size:10px;font-weight:900;letter-spacing:.14em;color:#7ff8e3}.cert-project-brief h3{font-size:20px;line-height:1.6;margin:8px 0 18px}.cert-project-brief>div{display:flex;flex-wrap:wrap;gap:8px}.cert-project-brief b{font-size:11px;padding:7px 10px;border-radius:8px;background:rgba(255,255,255,.12)}.cert-project-brief b i{color:#75f2dd;margin-right:4px}

.cert-exam-page{background:radial-gradient(circle at 5% 8%,rgba(59,208,255,.13),transparent 24%),radial-gradient(circle at 94% 80%,rgba(134,79,255,.12),transparent 28%),#f1f5fc}
.cert-case-context{display:flex;gap:13px;margin-top:22px;padding:16px 18px;border:1px solid #b9d8ff;border-radius:15px;background:linear-gradient(120deg,#edf7ff,#f4f1ff)}.cert-case-context>i{font-size:27px;color:#356dff}.cert-case-context small{font-size:9px;font-weight:900;letter-spacing:.16em;color:#5a6fff}.cert-case-context p{margin:5px 0 0;color:#3d4f69;line-height:1.6}
.cert-multi-options>small{color:var(--cert-muted);font-size:11px}.cert-multi-options b i{opacity:0}.cert-multi-options label.selected b i{opacity:1}
.cert-ordering{display:grid;gap:10px}.cert-ordering>p{margin:0 0 6px;color:var(--cert-muted);font-size:12px}.cert-ordering article{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid var(--cert-line);border-radius:14px;background:linear-gradient(90deg,#fff,#f7f9ff);transition:.2s}.cert-ordering article:hover{border-color:#9ab9ff;transform:translateX(4px)}.cert-ordering article>b{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(135deg,#1b75ff,#7957ea)}.cert-ordering article>span{flex:1}.cert-ordering article>div{display:flex;gap:6px}.cert-ordering button{width:34px;height:34px;border:1px solid var(--cert-line);border-radius:9px;background:#fff;color:#3159ab}.cert-ordering button:disabled{opacity:.3}
.cert-workbench{display:grid;gap:14px}.cert-code-window{overflow:hidden;border-radius:16px;background:#10182b;box-shadow:0 18px 38px rgba(16,29,62,.2)}.cert-code-window header{height:42px;display:flex;align-items:center;gap:7px;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.08);background:#172139}.cert-code-window header span{width:10px;height:10px;border-radius:50%;background:#ff6b67}.cert-code-window header span:nth-child(2){background:#ffc14f}.cert-code-window header span:nth-child(3){background:#39d98a}.cert-code-window header b{margin-left:8px;color:#8799b8;font:500 11px ui-monospace,monospace}.cert-code-window pre{margin:0;padding:22px;overflow:auto;color:#b9d8ff;font:13px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.cert-long-answer label{display:block;margin:5px 0 9px;font-weight:900}.cert-workbench .cert-long-answer textarea{min-height:210px;background:linear-gradient(145deg,#fff,#f8faff)}

@media(max-width:900px){.cert-challenge-card{grid-template-columns:1fr}.challenge-radar{display:none}.cert-stage-flow{overflow-x:auto;justify-content:flex-start}.cert-stage-flow>div{min-width:130px}}
@media(max-width:680px){.cert-challenge-card{padding:24px;min-height:auto}.challenge-copy h3{font-size:27px}.cert-case-context{align-items:flex-start}.cert-code-window pre{font-size:11px}.cert-ordering article>span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.cert-spectrum span,.cert-particles i,.cert-hero:after,.cert-orbit,.cert-orbit-core,.cert-challenge-card:before{animation:none!important}}

/* V3 · AI 生成的多彩职业能力宇宙 */
.cert-center-page{--cert-cyan:#07bde8;--cert-violet:#7654ed;--cert-magenta:#db5fc4;--cert-orange:#f4933e;--cert-emerald:#10aa86;background:radial-gradient(circle at 2% 5%,rgba(24,205,232,.2),transparent 24%),radial-gradient(circle at 98% 16%,rgba(129,88,240,.19),transparent 27%),radial-gradient(circle at 12% 72%,rgba(244,147,62,.1),transparent 23%),linear-gradient(180deg,#f8fbff 0%,#f4f7ff 52%,#f8fbff 100%)}
.cert-center-page .cert-spectrum span{opacity:.27;mix-blend-mode:multiply}
.cert-center-page .cert-particles i:nth-child(3n+1){background:#4de2f3;box-shadow:0 0 0 5px rgba(77,226,243,.1),0 0 25px #31bde5}.cert-center-page .cert-particles i:nth-child(3n+2){background:#a775ff;box-shadow:0 0 0 5px rgba(167,117,255,.1),0 0 25px #8a5ce9}.cert-center-page .cert-particles i:nth-child(3n){background:#ffae62;box-shadow:0 0 0 5px rgba(255,174,98,.1),0 0 25px #f08b42}
.cert-hero{min-height:500px;padding:64px 64px 112px;color:var(--cert-ink);background:#eef6ff;border:1px solid rgba(178,206,241,.75);box-shadow:0 34px 90px rgba(56,90,140,.18)}
.cert-hero:before{z-index:1;background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 31%,rgba(255,255,255,.75) 46%,rgba(255,255,255,.12) 68%,transparent 100%)}
.cert-hero:after{z-index:1;width:520px;height:520px;right:9%;top:-90px;background:conic-gradient(from 60deg,transparent,rgba(20,207,227,.55),transparent,rgba(124,85,239,.55),transparent,rgba(244,147,62,.45),transparent);opacity:.28;filter:blur(18px);animation:cert-spin 26s linear infinite}
.cert-hero-art{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 49%;animation:cert-art-breathe 11s ease-in-out infinite alternate;transform:scale(1.015)}
.cert-hero-copy{z-index:3;max-width:700px}.cert-hero .cert-eyebrow{color:#265bea}.cert-hero h1{color:#0a2447;font-size:clamp(44px,4.2vw,64px);text-shadow:0 2px 0 rgba(255,255,255,.8)}.cert-hero-copy>p{max-width:610px;color:#4d607b}.cert-btn-primary{background:linear-gradient(135deg,#1479f4 0%,#6559ef 54%,#b258dc 100%);box-shadow:0 14px 30px rgba(75,85,223,.3)}.cert-hero .cert-btn-glass{color:#1b3d75;background:rgba(255,255,255,.72);border-color:rgba(111,148,206,.35);box-shadow:0 12px 30px rgba(47,83,139,.11)}
.cert-orbit{display:none}
.cert-hero-metrics{z-index:3;color:var(--cert-ink);border-top-color:rgba(166,190,223,.55);background:rgba(255,255,255,.76);box-shadow:0 -12px 30px rgba(71,102,147,.08)}.cert-hero-metrics div{position:relative;border-right-color:rgba(166,190,223,.55)}.cert-hero-metrics div:before{content:"";position:absolute;left:28px;right:28px;top:0;height:3px;border-radius:0 0 5px 5px;background:var(--metric-color,#2775f3)}.cert-hero-metrics div:nth-child(1){--metric-color:var(--cert-cyan)}.cert-hero-metrics div:nth-child(2){--metric-color:var(--cert-violet)}.cert-hero-metrics div:nth-child(3){--metric-color:var(--cert-orange)}.cert-hero-metrics div:nth-child(4){--metric-color:var(--cert-emerald)}.cert-hero-metrics strong{color:var(--metric-color)}.cert-hero-metrics span{color:#566a84}
@keyframes cert-art-breathe{to{transform:scale(1.045) translate3d(-7px,-3px,0)}}

.cert-catalog-shell{border-color:rgba(190,207,232,.75);background:rgba(255,255,255,.92)}
.cert-challenge-card{display:block;min-height:390px;padding:40px;color:var(--cert-ink);background:#edf6ff;border:1px solid rgba(164,192,231,.72);box-shadow:0 30px 70px rgba(61,89,137,.2)}
.cert-challenge-card:before{z-index:1;background:linear-gradient(105deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.93) 35%,rgba(255,255,255,.68) 51%,rgba(255,255,255,.06) 72%);transform:none;animation:none}
.cert-challenge-card:after{z-index:1;background:radial-gradient(circle at 84% 24%,rgba(117,84,237,.18),transparent 19%),radial-gradient(circle at 76% 88%,rgba(19,187,162,.2),transparent 20%);mask-image:none}
.challenge-map-art{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 50%;transform:scale(1.02);transition:transform .8s cubic-bezier(.2,.8,.2,1)}.cert-challenge-card:hover .challenge-map-art{transform:scale(1.055) translateX(-4px)}
.challenge-copy{z-index:3;width:min(54%,720px);padding:28px;border:1px solid rgba(188,208,235,.72);border-radius:22px;background:rgba(255,255,255,.78);box-shadow:0 18px 44px rgba(57,82,126,.12);backdrop-filter:blur(14px)}.challenge-copy>span{color:#0b9e8a}.challenge-copy h3{color:#0c2b53;font-size:36px}.challenge-copy>p{color:#52667f}.challenge-copy>div b{color:#365374;border-color:rgba(115,145,189,.28);background:rgba(238,246,255,.8)}.challenge-copy>div b:nth-child(1){color:#0c8fa1;background:#e8fbfd}.challenge-copy>div b:nth-child(2){color:#6f48c7;background:#f2ecff}.challenge-copy>div b:nth-child(3){color:#d06d20;background:#fff1e6}.challenge-copy>div b:nth-child(4){color:#07896f;background:#e9faf5}.challenge-copy button{color:#fff;background:linear-gradient(135deg,#137cf2,#6759ef 55%,#d05fc4);box-shadow:0 12px 24px rgba(76,87,218,.22)}
.challenge-radar{display:none}
.cert-track-card{border-top:4px solid var(--track-accent,#2977f2)}.cert-track-card.tone-1{--track-accent:var(--cert-emerald)}.cert-track-card.tone-2{--track-accent:var(--cert-violet)}.cert-track-card.tone-3{--track-accent:var(--cert-orange)}.cert-track-card.tone-4{--track-accent:var(--cert-cyan)}.cert-track-card.tone-5{--track-accent:#536c8c}.cert-track-card:hover{box-shadow:0 25px 55px color-mix(in srgb,var(--track-accent) 18%,transparent);border-color:color-mix(in srgb,var(--track-accent) 55%,#d9e5f5)}

@media(max-width:1050px){.cert-hero:before{background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.88) 58%,rgba(255,255,255,.38))}.cert-hero-art{opacity:.72}.challenge-copy{width:68%}}
@media(max-width:680px){.cert-hero{min-height:610px;padding:36px 24px 178px}.cert-hero:before{background:linear-gradient(180deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.92) 58%,rgba(255,255,255,.48) 100%)}.cert-hero-art{opacity:.4;object-position:68% center}.cert-hero-actions{flex-direction:column;align-items:stretch}.cert-hero-actions .cert-btn{justify-content:center}.cert-hero-metrics div:before{left:12px;right:12px}.cert-challenge-card{min-height:520px;padding:18px}.cert-challenge-card:before{background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.92) 62%,rgba(255,255,255,.28) 100%)}.challenge-map-art{opacity:.72;object-position:70% center}.challenge-copy{width:100%;padding:22px}.challenge-copy h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){.cert-hero-art,.challenge-map-art{animation:none!important;transition:none!important;transform:none!important}}

/* V4 · 实战认证任务舱 */
.cert-mission-rail{position:sticky;z-index:30;top:0;display:grid;grid-template-columns:minmax(240px,1.45fr) repeat(5,minmax(118px,1fr));gap:8px;max-width:1492px;margin:18px auto 0;padding:10px;border:1px solid rgba(190,209,237,.9);border-radius:18px;background:rgba(255,255,255,.9);box-shadow:0 15px 40px rgba(39,72,119,.1);backdrop-filter:blur(18px)}
.cert-mission-title,.cert-mission-rail button{display:flex;align-items:center;gap:10px;min-width:0;border:0;border-radius:12px;padding:10px 12px;background:transparent;text-align:left;color:#65758b}.cert-mission-title{color:#123666;background:linear-gradient(135deg,#eef7ff,#f3efff)}.cert-mission-title>i{font-size:25px;color:#2672ff}.cert-mission-title span{min-width:0}.cert-mission-title small,.cert-mission-title strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cert-mission-title small{font-size:8px;font-weight:900;letter-spacing:.14em;color:#617391}.cert-mission-rail button{cursor:pointer;transition:.2s ease}.cert-mission-rail button:hover{background:#f3f7ff}.cert-mission-rail button>i{font-size:20px}.cert-mission-rail button span{font-size:11px;font-weight:800}.cert-mission-rail button em{margin-left:auto;font-style:normal;font-size:10px}.cert-mission-rail button.active{color:#fff;background:linear-gradient(135deg,#1769ff,#6557ee);box-shadow:0 9px 20px rgba(54,84,220,.22)}.cert-mission-rail button.done:not(.active){color:#07896f;background:#eafaf6}
.cert-task-resource{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:13px 15px;border:1px solid #c9d9f0;border-radius:14px;background:linear-gradient(115deg,#eef7ff,#f5f0ff)}.cert-task-resource>i{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(135deg,#1e75ff,#6c58ec);font-size:21px}.cert-task-resource span{flex:1}.cert-task-resource small,.cert-task-resource strong{display:block}.cert-task-resource small{font-size:9px;color:#687b96}.cert-task-resource em{font-style:normal;font-size:10px;font-weight:800;color:#1769ff;padding:6px 9px;border-radius:99px;background:#fff}
.cert-scenario-simulator{overflow:hidden;border:1px solid #d6e2f2;border-radius:18px;background:#fbfdff}.cert-scenario-simulator>header{position:relative;padding:22px;color:#fff;background:radial-gradient(circle at 88% 10%,rgba(255,154,80,.42),transparent 28%),linear-gradient(120deg,#102f68,#5257cf)}.cert-scenario-simulator>header>div small,.cert-scenario-simulator>header>div strong{display:block}.cert-scenario-simulator>header>div small{font-size:9px;letter-spacing:.16em;color:#8cecff}.cert-scenario-simulator>header>div strong{font-size:21px;margin-top:5px}.cert-scenario-simulator>header>span{position:absolute;right:20px;top:20px;padding:7px 10px;border-radius:99px;background:rgba(255,172,85,.2);border:1px solid rgba(255,203,143,.45);font-size:10px}.cert-scenario-simulator dl{display:grid;grid-template-columns:1fr 2fr;gap:12px;margin:18px 0 0}.cert-scenario-simulator dl div{padding:11px;border-radius:10px;background:rgba(255,255,255,.1)}.cert-scenario-simulator dt{font-size:9px;color:#c8d8f4}.cert-scenario-simulator dd{margin:4px 0 0;font-size:12px}.cert-decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px}.cert-decision-grid button{position:relative;display:grid;grid-template-columns:34px 1fr 24px;align-items:center;gap:10px;min-height:76px;padding:13px;border:1px solid #d9e4f3;border-radius:13px;background:#fff;text-align:left;color:#263d5d}.cert-decision-grid button b{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#eef3fb}.cert-decision-grid button i{opacity:0;color:#fff;font-size:20px}.cert-decision-grid button.selected{color:#fff;border-color:#2a71ff;background:linear-gradient(135deg,#1769ff,#6359ed);box-shadow:0 10px 24px rgba(50,92,224,.2)}.cert-decision-grid button.selected b{background:rgba(255,255,255,.18)}.cert-decision-grid button.selected i{opacity:1}.cert-scenario-simulator>p{margin:0;padding:0 18px 18px;color:#6a7b92;font-size:11px}
.cert-code-review-lab{display:grid;gap:13px}.cert-code-window.interactive{padding-bottom:9px}.cert-risk-line{width:100%;display:grid;grid-template-columns:42px 1fr 30px;align-items:center;border:0;border-left:3px solid transparent;padding:5px 12px 5px 0;background:transparent;color:#c7d9f4;text-align:left;font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}.cert-risk-line>b{color:#617596;text-align:center}.cert-risk-line code{white-space:pre-wrap}.cert-risk-line>i{opacity:0;color:#ff9c5a;font-size:18px}.cert-risk-line:hover{background:rgba(78,136,226,.13)}.cert-risk-line.selected{border-left-color:#ff9452;background:rgba(255,130,74,.16);color:#fff}.cert-risk-line.selected>b{color:#ffad7b}.cert-risk-line.selected>i{opacity:1}.cert-risk-panel{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:13px;border:1px solid #f0d1b9;border-radius:14px;background:#fff9f3}.cert-risk-panel>div{margin-right:auto}.cert-risk-panel small,.cert-risk-panel strong{display:block}.cert-risk-panel small{font-size:9px;color:#a16d46}.cert-risk-panel button{border:1px solid #e8c7aa;border-radius:99px;padding:7px 10px;background:#fff;color:#8a5b39;font-size:10px}.cert-risk-panel button.active{color:#fff;border-color:#f07b39;background:linear-gradient(135deg,#ed722c,#ff9b55)}.cert-code-review-lab .cert-long-answer textarea{min-height:150px}
.cert-workflow-canvas article{cursor:grab;background:linear-gradient(90deg,#fff,#f2f6ff)}.cert-workflow-canvas article:active{cursor:grabbing}.cert-workflow-canvas article>em{font-style:normal;font-size:9px;font-weight:900;color:#596f91;letter-spacing:.08em}.cert-workflow-canvas>footer{display:flex!important;justify-content:flex-start!important;align-items:center;gap:10px!important;margin-top:5px!important;padding:13px 15px!important;border:1px solid #b6eadf!important;border-radius:13px!important;background:#edfbf7!important}.cert-workflow-canvas>footer>i{font-size:23px;color:#0aa287}.cert-workflow-canvas>footer small,.cert-workflow-canvas>footer strong{display:block}.cert-workflow-canvas>footer small{font-size:9px;color:#5f7d78}
.cert-contract-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.cert-contract-grid label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:800;color:#415a7a}.cert-contract-grid textarea{min-height:150px;padding:14px;border:1px solid #d6e2f2;border-radius:13px;background:linear-gradient(145deg,#fff,#f8fbff);resize:vertical;font:12px/1.6 inherit;color:#173455;outline:0}.cert-contract-grid textarea:focus{border-color:#4d85ff;box-shadow:0 0 0 4px rgba(23,105,255,.08)}.cert-evidence-tip{display:flex;align-items:center;gap:10px;margin-top:12px;padding:12px;border-radius:12px;color:#176954;background:#eafaf5;font-size:11px}.cert-evidence-tip>i{font-size:22px;color:#0fa887}
.cert-lab-layout{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(340px,1.15fr);gap:14px}.cert-config-panel{display:grid;gap:11px;padding:17px;border:1px solid #d7e3f3;border-radius:15px;background:#fbfdff}.cert-config-panel label{display:grid;gap:7px;padding-bottom:10px;border-bottom:1px solid #edf2f8}.cert-config-panel label>span{display:flex;justify-content:space-between;color:#3b526f;font-size:11px;font-weight:800}.cert-config-panel input[type=number]{border:1px solid #d6e2f2;border-radius:9px;padding:9px}.cert-config-panel input[type=range]{accent-color:#1769ff}.cert-switch{justify-self:start;display:flex;align-items:center;gap:7px;border:0;border-radius:99px;padding:6px 10px;background:#edf1f6;color:#68768a;font-size:10px}.cert-switch i{width:13px;height:13px;border-radius:50%;background:#a6b1c0}.cert-switch.on{color:#087a67;background:#e2f9f2}.cert-switch.on i{background:#11b494;box-shadow:0 0 0 4px rgba(17,180,148,.12)}.cert-run-tests{border:0;border-radius:11px;padding:12px;color:#fff;font-weight:900;background:linear-gradient(135deg,#1769ff,#13b89b);box-shadow:0 10px 24px rgba(31,128,189,.2)}.cert-validation-console{overflow:hidden;border-radius:15px;background:#0b1930;color:#d9e8ff}.cert-validation-console>header{display:flex;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08);font-size:10px;letter-spacing:.08em}.cert-validation-console>header b{color:#67ebd0}.cert-validation-console .idle{min-height:210px;display:grid;place-content:center;text-align:center;color:#68809f}.cert-validation-console .idle i{font-size:42px}.cert-validation-console article{display:flex;align-items:center;gap:10px;margin:9px 12px;padding:11px;border:1px solid rgba(255,255,255,.08);border-radius:10px}.cert-validation-console article>i{font-size:21px}.cert-validation-console article span{display:grid}.cert-validation-console article small{margin-top:2px;color:#879ab5}.cert-validation-console article.passed{border-color:rgba(58,226,191,.3);background:rgba(20,164,137,.12)}.cert-validation-console article.passed>i{color:#48e1c2}.cert-validation-console article.failed{border-color:rgba(255,128,102,.3);background:rgba(211,78,60,.12)}.cert-validation-console article.failed>i{color:#ff826e}
.cert-defense-studio{overflow:hidden;border:1px solid #d9d7f5;border-radius:18px;background:linear-gradient(145deg,#fff,#f5f2ff)}.cert-defense-head{display:flex;align-items:center;gap:15px;padding:20px;color:#fff;background:radial-gradient(circle at 80% 15%,rgba(74,224,216,.3),transparent 30%),linear-gradient(120deg,#142f70,#7050d9)}.cert-defense-head>span{width:56px;height:56px;display:grid;place-items:center;border-radius:18px;background:rgba(255,255,255,.14);font-size:30px}.cert-defense-head>div{flex:1}.cert-defense-head small{font-size:10px;color:#83f2df;letter-spacing:.12em}.cert-defense-head h2{margin:3px 0;font-size:21px}.cert-defense-head p{margin:0;color:#c8d5ed;font-size:11px}.cert-defense-head>em{font-style:normal;font-size:10px}.cert-defense-prompts{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:15px}.cert-defense-prompts button{display:flex;align-items:flex-start;gap:8px;border:1px solid #dcdff2;border-radius:11px;padding:11px;background:#fff;text-align:left;color:#405573;font-size:10px}.cert-defense-prompts b{color:#6a55de}.cert-defense-input{display:grid;grid-template-columns:130px 1fr;gap:10px;padding:0 15px 15px}.cert-defense-input>button{border:0;border-radius:13px;color:#fff;background:linear-gradient(135deg,#1769ff,#6856ed);font-weight:900}.cert-defense-input>button.listening{background:linear-gradient(135deg,#ee5c5c,#ff8b55);animation:cert-record-pulse 1.2s ease-in-out infinite}.cert-defense-input textarea{min-height:170px;border:1px solid #d6dff1;border-radius:13px;padding:14px;resize:vertical;font:12px/1.7 inherit}.cert-defense-input>span{grid-column:2;text-align:right;color:#718097;font-size:10px}.cert-evidence-chain{padding:18px;border:1px solid #c9d9ef;border-radius:20px;background:linear-gradient(145deg,#102e67,#4f48bd);color:#fff;box-shadow:0 14px 35px rgba(38,72,117,.12)}.cert-evidence-chain header{display:flex;align-items:center;gap:10px}.cert-evidence-chain header>i{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.12);font-size:23px;color:#71f1d6}.cert-evidence-chain small,.cert-evidence-chain strong{display:block}.cert-evidence-chain small{font-size:9px;color:#a8bddf}.cert-evidence-chain ul{list-style:none;margin:14px 0 0;padding:0}.cert-evidence-chain li{display:grid;grid-template-columns:22px 1fr auto;gap:7px;padding:8px 0;border-top:1px solid rgba(255,255,255,.1);font-size:11px}.cert-evidence-chain li i{color:#6be5ce}.cert-evidence-chain li b{color:#a7c5ff}
@keyframes cert-record-pulse{50%{box-shadow:0 0 0 8px rgba(239,92,92,.15)}}
@media(max-width:1180px){.cert-mission-rail{grid-template-columns:repeat(5,1fr)}.cert-mission-title{grid-column:1/-1}.cert-contract-grid{grid-template-columns:1fr}.cert-lab-layout{grid-template-columns:1fr}}
@media(max-width:680px){.cert-mission-rail{position:static;display:flex;overflow-x:auto;margin:10px}.cert-mission-title{min-width:230px}.cert-mission-rail button{min-width:118px}.cert-decision-grid,.cert-defense-prompts{grid-template-columns:1fr}.cert-scenario-simulator dl{grid-template-columns:1fr}.cert-defense-input{grid-template-columns:1fr}.cert-defense-input>button{min-height:48px}.cert-defense-input>span{grid-column:1}.cert-workflow-canvas article>em{display:none}.cert-task-resource em{display:none}}
@media(prefers-reduced-motion:reduce){.cert-defense-input>button.listening{animation:none!important}}

/* cert-layout-v5 · compact editorial hero with a floating evidence rail */
/* cert-layout-v5-top-corners · keep the hero clear of the shell edge and clip artwork to both top corners */
.cert-center-page .cert-hero {
  --cert-hero-radius: 32px;
  min-height: 438px;
  margin-top: 18px;
  margin-bottom: 86px;
  padding: 52px 58px 58px;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);
  align-items: center;
  overflow: visible;
  border-radius: var(--cert-hero-radius);
  background: #eef6ff;
  background-clip: padding-box;
}
.cert-center-page .cert-hero::before {
  z-index: 1;
  border-radius: inherit;
  background:
    linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.95) 34%,rgba(255,255,255,.78) 48%,rgba(255,255,255,.12) 70%,transparent 100%);
  box-shadow: inset 0 0 0 1px rgba(181,205,238,.64);
  pointer-events: none;
}
.cert-center-page .cert-hero::after {
  right: 4%;
  top: -108px;
  width: 480px;
  height: 480px;
  border-radius: 50%;
  pointer-events: none;
}
.cert-center-page .cert-hero-art {
  border-radius: inherit;
  clip-path: inset(0 round var(--cert-hero-radius));
  object-position: 62% 50%;
}
.cert-center-page .cert-hero-copy {
  grid-column: 1;
  width: min(100%, 620px);
  max-width: none;
  padding: 30px 32px 32px;
  border: 1px solid rgba(174,199,232,.62);
  border-radius: 24px;
  background: linear-gradient(125deg,rgba(255,255,255,.92),rgba(255,255,255,.70));
  box-shadow: 0 24px 60px rgba(40,76,127,.12), inset 0 1px 0 #fff;
  backdrop-filter: blur(18px) saturate(1.18);
}
.cert-center-page .cert-hero h1 {
  max-width: 590px;
  margin: 14px 0 16px;
  font-size: clamp(40px,4vw,58px);
  line-height: 1.08;
  letter-spacing: -.055em;
}
.cert-center-page .cert-hero-copy>p {
  max-width: 560px;
  margin: 0;
  font-size: 16px;
  line-height: 1.78;
  text-wrap: pretty;
}
.cert-center-page .cert-hero-actions { margin-top: 25px; }
.cert-center-page .cert-hero-actions .cert-btn { min-height: 48px; padding-inline: 20px; }
.cert-center-page .cert-hero-metrics {
  left: 36px;
  right: 36px;
  bottom: 0;
  grid-template-columns: repeat(4,minmax(0,1fr));
  overflow: hidden;
  border: 1px solid rgba(171,196,229,.72);
  border-radius: 22px;
  background: rgba(255,255,255,.93);
  box-shadow: 0 24px 58px rgba(38,71,116,.18), inset 0 1px 0 #fff;
  backdrop-filter: blur(22px) saturate(1.25);
  transform:translateY(50%);
}
.cert-center-page .cert-hero-metrics div {
  min-width: 0;
  min-height: 92px;
  padding: 17px 22px;
  display: grid;
  grid-template-columns: 28px auto;
  grid-template-rows: auto auto;
  align-content: center;
  align-items: end;
  column-gap: 12px;
  row-gap: 1px;
}
.cert-center-page .cert-hero-metrics div::before { left: 0; right: auto; top: 18px; bottom: 18px; width: 3px; height: auto; }
.cert-center-page .cert-hero-metrics .cert-metric-index {
  grid-row: 1 / 3;
  align-self: center;
  color: color-mix(in srgb,var(--metric-color) 82%,#24496f);
  font: 800 10px/1.1 Inter,"Microsoft YaHei",sans-serif;
  letter-spacing: .08em;
}
.cert-center-page .cert-hero-metrics strong {
  overflow: hidden;
  font-size: clamp(24px,2.1vw,32px);
  line-height: 1.05;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cert-center-page .cert-hero-metrics span {
  overflow: hidden;
  font-size: 11px;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media(max-width:1050px){
  .cert-center-page .cert-hero{min-height:500px;margin-bottom:148px;grid-template-columns:1fr;padding:46px 42px 54px}
  .cert-center-page .cert-hero-copy{width:min(72%,620px)}
  .cert-center-page .cert-hero-art{object-position:68% center}
  .cert-center-page .cert-hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cert-center-page .cert-hero-metrics div:nth-child(2){border-right:0}
  .cert-center-page .cert-hero-metrics div:nth-child(-n+2){border-bottom:1px solid rgba(171,196,229,.55)}
}
@media(max-width:680px){
  .cert-center-page .cert-hero{min-height:auto;margin-bottom:28px;padding:24px;display:block}
  .cert-center-page .cert-hero-copy{width:100%;padding:24px 22px}
  .cert-center-page .cert-hero h1{font-size:clamp(34px,11vw,46px)}
  .cert-center-page .cert-hero-art{opacity:.30;object-position:72% center}
  .cert-center-page .cert-hero-metrics{position:relative;left:auto;right:auto;bottom:auto;margin-top:18px;transform:none;grid-template-columns:1fr 1fr}
  .cert-center-page .cert-hero-metrics div{min-height:76px;padding:13px 15px;grid-template-columns:22px auto}
  .cert-center-page .cert-hero-metrics strong{font-size:22px}
}
@media(prefers-reduced-motion:reduce){
  .cert-center-page .cert-hero-art,.cert-center-page .cert-hero::after{animation:none!important}
}