:root{color:#203b34;font-synthesis:none;background:#f5f6f2;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;font-size:16px;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:#fff;background:#1e5748;border:1px solid #1e5748;border-radius:8px;min-height:44px;padding:10px 19px;font-weight:600}button:hover:not(:disabled){background:#163f35}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #b87b1e}button.secondary{color:#245044;background:#fff;border-color:#c6d1c9}button.secondary:hover:not(:disabled){background:#eef3ef}.topbar{background:#fff;border-bottom:1px solid #dfe5dd;justify-content:space-between;align-items:center;gap:16px;height:80px;padding:0 max(24px,50vw - 560px);display:flex}.brand{white-space:nowrap;align-items:center;gap:12px;font-size:23px;font-weight:700;display:flex}.mark{color:#fff;background:#204f42;border-radius:9px;padding:3px 9px}.account{color:#68756c;align-items:center;gap:18px;font-size:14px;display:flex}.demo-banner{color:#68552c;text-align:center;background:#f1eadb;padding:9px 20px;font-size:13px}main{max-width:1120px;min-height:calc(100vh - 250px);margin:0 auto;padding:38px 24px 60px}h1,h2,p{margin-top:0}h1{letter-spacing:-.6px;margin-bottom:12px;font-size:32px;line-height:1.5}h2{margin-bottom:16px;font-size:20px}.eyebrow{letter-spacing:1px;color:#65766a;margin:0 0 10px;font-size:13px;font-weight:600}.lead{color:#55685c;margin-bottom:22px;font-size:16px}.muted{color:#69786c;font-size:14px}.welcome{padding:30px 0 20px}.welcome h1{white-space:pre-line;margin-bottom:20px;font-size:42px;line-height:1.45}.identity-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin:36px 0 22px;display:grid}.identity{color:#203b34;text-align:left;background:#fff;border:1px solid #d7e0d7;flex-direction:column;gap:8px;padding:28px;display:flex}.identity:hover:not(:disabled){background:#edf2e9}.identity strong{font-size:21px}.identity span{font-size:14px;font-weight:400}.identity .arrow{color:#3b755c;align-self:flex-end;font-size:27px}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.section-heading h1,.section-heading h2{margin-bottom:0}.card{background:#fff;border:1px solid #dde4da;border-radius:12px;padding:26px}.task-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.task-card button{margin-top:12px}.badge{color:#365c42;white-space:nowrap;background:#edf2e9;border-radius:5px;padding:4px 10px;font-size:13px}.notice{overflow-wrap:anywhere;border-radius:8px;margin-bottom:22px;padding:16px 20px}.notice p:last-child{margin-bottom:0}.notice button{margin:8px 0 0 14px}.success{color:#295236;background:#e6f0e6;border:1px solid #b8d3bc}.error{color:#923c23;background:#fff0eb;border:1px solid #e8beae}.answer-layout{grid-template-columns:230px 1fr;gap:32px;margin-top:30px;display:grid}.dimension-nav{align-self:start;position:sticky;top:20px}.dimension-nav h2{padding-left:12px;font-size:15px}.dimension{color:#4b6152;text-align:left;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;width:100%;margin-bottom:5px;padding:12px;display:flex}.dimension:hover:not(:disabled){background:#e7eee5}.dimension.active{color:#244f36;background:#dce9da}.dimension small{opacity:.75;font-weight:400}.questions>h2{margin:0 0 20px}.question{min-width:0;margin:0 0 20px;padding:18px 24px 24px}.question legend{max-width:100%;padding:0 4px;font-size:17px;font-weight:600}.question-number{color:#6d8673;margin-right:12px;font-size:14px}.option{color:#415447;cursor:pointer;border:1px solid #dfe5dc;border-radius:7px;align-items:center;gap:12px;min-height:48px;margin-top:9px;padding:10px 14px;display:flex}.option.checked{background:#eef5ea;border-color:#6e976d}.option input{accent-color:#286245;flex-shrink:0;width:18px;height:18px;margin:0}.option:hover{border-color:#71916f}.question:disabled .option{cursor:default}.action-bar{background:#fff;border:1px solid #cbd7c8;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding:17px 24px;display:flex;position:sticky;bottom:12px;box-shadow:0 4px 20px #203b3412}.action-bar>span{color:#5d6d5f;font-size:14px}.actions{justify-content:flex-end;gap:12px;display:flex}progress{accent-color:#32714f;border:0;border-radius:8px;width:100%;height:8px;display:block}progress::-webkit-progress-bar{background:#e0e6dd;border-radius:8px}progress::-webkit-progress-value{background:#32714f;border-radius:8px}.receipt{overflow-wrap:anywhere;font-size:13px}.confirm-panel{z-index:10;background:#10231999;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.confirm-panel>.card{max-width:460px}.table-wrap{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}th{color:#6d7c6f;background:#f4f7f1;font-weight:500}td,th{border-bottom:1px solid #e5eae1;padding:14px 12px}.page-footer{color:#829080;text-align:center;padding:24px;font-size:12px}.round-card{margin-bottom:22px}@media (width<=720px){.topbar{height:68px;padding:0 18px}.brand{font-size:20px}.account{gap:8px;font-size:12px}.account button{padding:7px 11px}.demo-banner{font-size:12px}main{padding:26px 16px 45px}.welcome{padding:12px 0}.welcome h1{font-size:31px}.identity-grid,.task-grid{grid-template-columns:1fr}.identity-grid{gap:12px;margin-top:28px}.identity{padding:20px;position:relative}.identity .arrow{position:absolute;top:28px;right:22px}.section-heading{gap:10px}h1{font-size:26px}.answer-layout{margin-top:20px;display:block}.dimension-nav{gap:6px;margin-bottom:18px;padding-bottom:12px;display:flex;position:static;overflow-x:auto}.dimension-nav h2{display:none}.dimension{border:1px solid #d9e2d5;flex-shrink:0;gap:12px;width:auto;padding:9px 12px;font-size:14px}.question{padding:16px}.question legend{font-size:16px}.card{padding:20px}.action-bar{flex-direction:column;align-items:stretch;padding:12px;bottom:8px}.actions button{flex:1}.action-bar .actions{width:100%}.notice{padding:14px}.notice button{margin-left:0}.round-card .section-heading{flex-wrap:wrap}}dialog.confirm-panel{width:460px;max-width:calc(100vw - 32px);height:fit-content;color:inherit;background:0 0;border:0;padding:0;position:fixed;inset:0}dialog.confirm-panel:not([open]){display:none}dialog.confirm-panel::backdrop{background:#10231999}dialog.confirm-panel>.card{border-radius:12px}.login-form{gap:18px;max-width:420px;margin:24px 0;display:grid}.login-form label{gap:7px;display:grid}.login-form input,.login-form select{width:100%;font:inherit;color:#203b34;background:#fff;border:1px solid #bccdc2;border-radius:7px;padding:11px}.login-form button{margin-top:6px}
