@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600&family=Noto+Serif+SC:wght@400;600;700&display=swap";
:root{--navy:#1a3a8f;--ink:#1c1c1e;--muted:#6b7280;--faint:#9ca3af;--line:#e5e7eb;--soft:#f9fafb}*{box-sizing:border-box}html{background:#f4f5f7}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff;margin:0;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}button,input,textarea{font:inherit}button{cursor:pointer}.admin-shell{color:#102a43;width:min(100% - 32px,720px);margin:48px auto}.admin-header{border-left:4px solid #1a3a8f;margin-bottom:28px;padding-left:16px}.admin-header p,.admin-header h1{margin:0}.admin-header p{color:#1a3a8f;font-weight:700}.admin-header h1{margin-top:6px;font-size:26px}.admin-form{gap:16px;display:grid}.admin-form label{gap:6px;font-weight:600;display:grid}.admin-form input,.admin-form textarea{border:1px solid #9fb3c8;border-radius:6px;padding:10px}.admin-form textarea{resize:vertical;min-height:120px}.admin-form button,.admin-shell>form button{color:#fff;background:#1a3a8f;border:0;border-radius:6px;padding:11px 16px}.admin-secrets{border-top:1px solid #d9e2ec;padding-top:16px}.admin-secrets small{color:#486581;font-weight:400}.admin-orders{border-top:1px solid #d9e2ec;margin:36px 0 24px;padding-top:22px}.admin-order-list{gap:12px;display:grid}.admin-order-list article{background:#fff;border:1px solid #d9e2ec;border-radius:8px;padding:14px}.admin-order-list article>div{justify-content:space-between;gap:12px;display:flex}.admin-order-list small{color:#829ab1}.admin-order-list button{color:#1a3a8f;background:#fff;border:1px solid #1a3a8f;border-radius:6px;padding:8px 12px}.online-report-shell{background:#eef1f5;min-height:100svh}.online-report-shell>header{color:#fff;background:#172033;justify-content:space-between;align-items:center;gap:20px;padding:14px 22px;display:flex}.online-report-shell h1{margin:0;font-size:18px}.online-report-shell a{color:#fff;border:1px solid #fff6;border-radius:4px;padding:8px 12px;text-decoration:none}.online-report-shell iframe{background:#fff;border:0;width:min(100%,1080px);height:calc(100svh - 64px);margin:0 auto;display:block}.screen{background:#fff;min-height:100svh}.top-rule{background:#ea580c;height:4px}.top-rule--blue{background:var(--navy)}.container{width:min(100%,480px);min-height:calc(100svh - 4px);margin:0 auto;padding:28px 24px 44px}.brand{object-fit:contain;object-position:left center;display:block}.screen--cover .container{flex-direction:column;display:flex}.cover-content>.brand{margin-bottom:36px}.cover-main{flex:1}h1,h2,h3,p{margin-top:0}h1,h2,h3,.score-line strong{font-family:Noto Serif SC,Songti SC,serif}h1{letter-spacing:.01em;white-space:nowrap;margin-bottom:12px;font-size:clamp(25px,7vw,30px);font-weight:600;line-height:1.25}.title-rule{background:var(--navy);width:32px;height:2px;margin-bottom:24px}.intro{color:var(--muted);margin-bottom:30px;font-size:14px;font-weight:300;line-height:1.9}.module-selector{border:0;min-width:0;margin:0 0 26px;padding:0}.module-selector legend{color:#374151;margin-bottom:12px;font-family:Noto Serif SC,serif;font-size:16px;font-weight:600}.selector-list{gap:8px;display:grid}.selector-option{color:#374151;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:2px;grid-template-columns:26px 28px 1fr;align-items:center;gap:8px;min-height:52px;padding:11px 13px;transition:background .15s,border-color .15s,transform .15s;display:grid}.selector-option:hover{background:var(--soft);border-color:#cfd4dc}.selector-option:active{transform:translateY(1px)}.selector-option input{width:18px;height:18px;accent-color:var(--navy);margin:0}.selector-index{color:var(--faint);font-family:Noto Serif SC,serif;font-size:12px}.selector-copy{min-width:0;font-size:13px;line-height:1.5}.selector-copy strong,.selector-copy small{display:block}.selector-copy strong{font-weight:500}.selector-copy small{color:var(--faint);margin-top:2px;font-size:10px}.selector-option--selected{color:#142963;border-color:var(--navy);background:#f3f6ff}.selector-option--all{background:#f8f9fc;border-style:dashed;margin-top:5px}.selection-summary{font-weight:500;color:var(--navy)!important;margin-bottom:9px!important;font-size:12px!important}.cover-footer p{color:var(--faint);margin-bottom:16px;font-size:11px;line-height:1.7}.primary-button,.secondary-button,.restart-button{border:0;border-radius:2px;width:100%;min-height:50px;transition:transform .14s,background .14s,border-color .14s}.primary-button{color:#fff;letter-spacing:.06em;background:#1f326f;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.primary-button:hover{background:#15265e}.primary-button:disabled{cursor:not-allowed;opacity:.45}.primary-button:active,.secondary-button:active,.restart-button:active{transform:translateY(1px)}.primary-button--muted{background:#66739a}.question-container{padding-bottom:34px}.question-header>.brand{margin-bottom:27px}.module-meta{color:var(--faint);justify-content:space-between;font-size:11px;display:flex}.progress-track{background:#eef0f3;height:2px;margin:10px 0 27px;overflow:hidden}.progress-track>div{background:var(--navy);height:100%;transition:width .22s}.question-header h2{margin-bottom:24px;font-size:22px;font-weight:600}.question{padding:0 0 25px;animation:.26s both fade-up}.question+.question{border-top:1px solid #f0f1f3;padding-top:24px}.question-copy{grid-template-columns:28px 1fr;align-items:start;gap:8px;margin-bottom:12px;display:grid}.question-number{color:var(--faint);font-variant-numeric:tabular-nums;padding-top:3px;font-size:11px}.question-copy p{margin-bottom:0;font-size:14px;line-height:1.72}.answers{gap:8px;margin-left:36px;display:grid}.answer{color:#374151;text-align:left;border:1px solid var(--line);background:#fff;border-radius:2px;align-items:center;gap:12px;width:100%;min-height:46px;padding:10px 14px;display:flex}.answer:hover{background:var(--soft);border-color:#cfd4dc}.answer--selected{color:#142963;border-color:var(--navy);background:#f3f6ff}.answer-letter{width:22px;height:22px;color:var(--faint);border:1px solid #d1d5db;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:500;display:inline-flex}.answer--selected .answer-letter{color:#fff;background:var(--navy);border-color:var(--navy)}.risk-note{color:#7c2d12;background:#fff7ed;border-left:2px solid #ea580c;margin:9px 0 0 36px;padding:9px 11px;font-size:11px;line-height:1.6;animation:.18s both fade-up}.risk-note span{margin-right:7px;font-weight:600}.risk-note--mid{color:#854d0e;background:#fffbeb;border-color:#d97706}.risk-note--low{color:#1e3a8a;background:#eff6ff;border-color:#3b82f6}.module-navigation{border-top:1px solid var(--line);padding-top:18px}.module-navigation>p{color:var(--faint);text-align:center;margin-bottom:12px;font-size:11px}.navigation-buttons{gap:10px;display:flex}.secondary-button{color:#4b5563;border:1px solid var(--line);background:#fff;flex:0 0 34%}.result-container{padding-top:28px}.result-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.result-header>span{color:var(--faint);letter-spacing:.12em;font-size:11px}.score-card{background:#fff7ed;border:1px solid #fdba74;border-radius:2px;margin-bottom:28px;padding:24px}.score-line{align-items:flex-end;gap:12px;margin-bottom:14px;display:flex}.score-line strong{color:#9a3412;font-size:64px;line-height:.9}.score-line>span{color:#9a3412;opacity:.62;padding-bottom:6px;font-size:13px}.score-caption{color:#9a3412;align-items:center;gap:10px;display:flex}.score-caption b{background:#ffedd5;padding:5px 9px;font-weight:500}.score-caption span{font-size:12px}.score-scope{color:currentColor;opacity:.68;border-top:1px solid #9a341224;margin:15px 0 0;padding-top:13px;font-size:10px}.result--low .top-rule,.result--low .distribution-track>div{background:#2e7d32}.result--low .score-card{background:#f0fdf4;border-color:#bbf7d0}.result--low .score-line strong,.result--low .score-line>span,.result--low .score-caption{color:#166534}.result--low .score-caption b{background:#dcfce7}.result--mid .top-rule,.result--mid .distribution-track>div{background:#e37400}.result--mid .score-card{background:#fffbeb;border-color:#fde68a}.result--mid .score-line strong,.result--mid .score-line>span,.result--mid .score-caption{color:#92400e}.result--mid .score-caption b{background:#fef3c7}.result--critical .top-rule,.result--critical .distribution-track>div{background:#d93025}.result--critical .score-card{background:#fef2f2;border-color:#fecaca}.result--critical .score-line strong,.result--critical .score-line>span,.result--critical .score-caption{color:#7f1d1d}.result--critical .score-caption b{background:#fee2e2}.lead-section{margin-bottom:36px}.lead-section h3,.distribution h3,.risk-results h3{margin-bottom:8px;font-size:18px;font-weight:500}.lead-section>p{color:var(--faint);margin-bottom:16px;font-size:13px;line-height:1.7}.lead-section form{margin-bottom:9px}.lead-section label{border:1px solid var(--line);align-items:center;gap:12px;min-height:54px;padding:0 15px;display:flex}.lead-section label+label{border-top:0}.lead-section label>span{width:18px;color:var(--faint);text-align:center;font-size:17px}.lead-section input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:0}.lead-section input::placeholder{color:#b7bac1}.lead-section .primary-button{margin-top:14px}.copy-skill-button{width:100%;min-height:48px;color:var(--navy);border:1px solid var(--navy);letter-spacing:.03em;background:#fff;border-radius:2px;margin-top:9px;font-size:13px;font-weight:500}.copy-skill-button:hover{color:#fff;background:var(--navy)}.copy-skill-hint{color:var(--faint);text-align:center;margin:8px 0 0;font-size:10px;line-height:1.6}.lead-section--submitted .form-success{margin-bottom:0}.lead-section>small{color:#c0c2c7;text-align:center;font-size:10px;display:block}.purchase-panel{background:#f8fafc;border:1px solid #dbe3f0;border-radius:4px;margin-bottom:36px;padding:20px}.purchase-panel h3{margin-bottom:8px;font-size:18px;font-weight:600}.purchase-panel>p{color:var(--muted);margin-bottom:16px;font-size:13px;line-height:1.7}.purchase-panel form{gap:9px;display:grid}.purchase-panel label{color:#4b5563;border:1px solid var(--line);background:#fff;grid-template-columns:62px minmax(0,1fr);align-items:center;min-height:48px;padding:0 12px;display:grid}.purchase-panel label>span{font-size:12px}.purchase-panel input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;padding:8px 0}.purchase-panel input:focus-visible{outline-offset:3px;outline:2px solid #8aa4df}.purchase-panel small{color:var(--faint);text-align:center;margin-top:11px;font-size:10px;line-height:1.6;display:block}.payment-sheet-backdrop{z-index:10;padding:12px max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:#0f172a94;justify-content:center;align-items:center;animation:.16s ease-out both payment-backdrop-in;display:flex;position:fixed;inset:0}.payment-sheet-dismiss{background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.payment-sheet{z-index:1;width:min(100%,440px);max-height:calc(100dvh - max(24px, env(safe-area-inset-top)) - max(12px, env(safe-area-inset-bottom)));overscroll-behavior:contain;padding:20px 18px calc(18px + env(safe-area-inset-bottom));background:#fff;border:1px solid #ffffffad;border-radius:18px;animation:.16s cubic-bezier(.22,1,.36,1) both payment-sheet-in;position:relative;overflow:auto;box-shadow:0 16px 40px #0f172a40}.payment-sheet-close{color:#64748b;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;font-size:28px;font-weight:300;line-height:1;display:grid;position:absolute;top:8px;right:8px}.payment-sheet-close:focus-visible,.payment-sheet-close:hover{background:#f1f5f9}.payment-sheet-close:disabled{cursor:not-allowed;opacity:.45}.payment-mode-badge{color:#17663a;background:#eefaf3;border:1px solid #d7f2e2;border-radius:999px;margin-bottom:8px;padding:4px 9px;font-size:11px;font-weight:600;display:inline-block}.payment-sheet h2{max-width:calc(100% - 40px);margin:0 0 4px;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:19px;font-weight:600;line-height:1.35}.payment-sheet-amount{color:#172554;font-variant-numeric:tabular-nums;letter-spacing:-.03em;margin:4px 0 6px;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:32px;font-weight:600;line-height:1.2}.payment-sheet-copy{color:var(--muted);margin:0 0 12px;font-size:12px;line-height:1.55}.payment-deliverables{color:#334155;background:#f8fafc;border:1px solid #eef2f7;gap:6px;margin:0 0 14px;padding:11px 12px;font-size:12px;line-height:1.5;list-style:none;display:grid}.payment-deliverables li{align-items:flex-start;gap:8px;display:flex}.payment-deliverables li:before{color:#1f326f;content:"✓";flex:none;margin-top:1px;font-size:11px;font-weight:700}.payment-sheet>.primary-button{letter-spacing:.04em;border-radius:4px;min-height:48px}.payment-progress,.payment-error{margin:0 0 14px;padding:12px;font-size:12px;line-height:1.5}.payment-progress{color:#155e3d;background:#f0fdf4;border:1px solid #bbf7d0;align-items:center;gap:9px;display:flex}.payment-progress>span{border:2px solid #86efac;border-top-color:#16835b;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite payment-spin}.generation-progress,.generation-ready,.generation-state{background:#f0fdf4;border:1px solid #bbf7d0;margin:0 0 14px;padding:14px}.generation-progress{color:#155e3d;align-items:center;gap:12px;display:flex}.generation-progress strong,.generation-progress small{text-align:left;margin:0;display:block}.generation-progress small{color:#4d7c68;margin-top:3px;font-size:10px}.generation-orbit{border:1px solid #86efac;border-radius:50%;flex:none;width:32px;height:32px;animation:1.2s linear infinite payment-spin;position:relative}.generation-orbit i{background:#16835b;border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;left:12px}.generation-ready strong{color:#155e3d;display:block}.generation-ready>div{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.generation-ready a{color:#fff;text-align:center;background:#155e3d;padding:9px;text-decoration:none}.generation-state{color:#475569;background:#f8fafc;border-color:#cbd5e1}.generation-state--failed{color:#9f1239;background:#fff1f2;border-color:#fecdd3}.recovery-banner{z-index:8;color:#172554;background:#fff;border:1px solid #bfdbfe;justify-content:space-between;align-items:center;gap:12px;width:min(100% - 24px,520px);margin-inline:auto;padding:12px 14px;display:flex;position:fixed;top:12px;left:12px;right:12px;box-shadow:0 12px 30px #0f172a29}.recovery-banner strong,.recovery-banner small{display:block}.recovery-banner small{color:#64748b;margin-top:2px;font-size:10px}.recovery-banner a,.recovery-banner>button{color:#fff;background:#1a3a8f;border:0;flex:none;padding:8px 10px;font-size:11px;text-decoration:none}.payment-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.payment-terminal{color:#9f1239;background:#fff1f2;border:1px solid #fecdd3;margin:0 0 14px;padding:12px;font-size:12px;line-height:1.6}.payment-terminal p{margin:0 0 10px}.payment-terminal button{color:#fff;background:#9f1239;border:0;border-radius:2px;min-height:36px;padding:7px 14px}.form-error{color:#d93025;margin:7px 0 0;font-size:11px}.form-success{color:#155e3d;background:#f0fdf4;border:1px solid #bbf7d0;gap:12px;margin-bottom:36px;padding:18px;display:flex}.form-success>span{color:#fff;background:#16835b;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;display:grid}.form-success p{margin:4px 0 0;font-size:11px}.distribution{margin-bottom:36px}.distribution h3{color:#6b7280;margin-bottom:18px}.distribution-row{margin-bottom:17px}.distribution-row>div:first-child{color:#374151;justify-content:space-between;gap:12px;margin-bottom:7px;font-size:13px;display:flex}.distribution-row small{color:var(--faint);flex:none;font-size:10px}.distribution-track{background:#f0f1f3;height:4px;overflow:hidden}.distribution-track>div{background:#c74238;min-width:0;height:100%;transition:width .5s}.section-heading{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.section-heading h3{margin:0}.section-heading span{color:var(--faint);font-size:11px}.risk-result-list article{border-top:1px solid #f0f1f3;grid-template-columns:38px 1fr;gap:10px;padding:15px 0;display:grid}.risk-result-id{color:#c74238;font-family:Noto Serif SC,serif;font-size:13px}.risk-result-list p,.risk-result-list strong,.risk-result-list small{display:block}.risk-result-list p{color:var(--faint);margin-bottom:4px;font-size:10px}.risk-result-list strong{color:#374151;margin-bottom:5px;font-size:13px;font-weight:500}.risk-result-list small{color:var(--muted);font-size:11px;line-height:1.65}.empty-risk{color:#166534;background:#f0fdf4;border:1px solid #dcfce7;padding:18px;font-size:12px}.disclaimer{color:var(--faint);text-align:center;margin:24px 0 14px;font-size:10px}.restart-button{color:#4b5563;border:1px solid var(--line);background:#fff}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes payment-sheet-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes payment-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes payment-spin{to{transform:rotate(360deg)}}@media (min-width:700px){body{background:#f4f5f7}.screen{width:560px;margin:0 auto;box-shadow:0 0 60px #0f172a14}}@media (max-width:360px){.container{padding-left:18px;padding-right:18px}h1{font-size:23px}.selector-option{grid-template-columns:24px 24px 1fr;padding-left:10px;padding-right:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}
