:root{font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,Arial,sans-serif;color:#134f47;background:#f7fbfb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid rgba(53,191,176,.38);outline-offset:3px}.app{min-height:100vh;background:radial-gradient(circle at 20% 15%,rgba(181,255,238,.45),transparent 32rem),linear-gradient(180deg,#fbffff,#f5fbfa 25%,#eaf8f3)}.app-compact{background:radial-gradient(circle at 15% 20%,rgba(48,210,190,.18),transparent 28rem),linear-gradient(180deg,#f8ffff,#e9f8f3)}.site-header,.site-footer{width:min(96vw,1440px);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-header{padding:1.1rem 0 0}.brand{border:1px solid rgba(22,125,130,.22);border-radius:999px;background:#ffffffb3;color:#145a51;font-size:1.05rem;font-weight:900;padding:.58rem .95rem;box-shadow:0 .18rem #167d821f;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.policy-link,.site-footer a{display:inline-flex;align-items:center;justify-content:center;min-height:2.45rem;border:1px solid rgba(22,125,130,.24);border-radius:999px;background:#f0fffc;color:#197c81;text-decoration:none;font-weight:900;padding:.48rem .9rem;box-shadow:0 .18rem #167d821f;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.brand:hover,.policy-link:hover,.site-footer a:hover{border-color:#167d826b;background:#e5fbf7;box-shadow:0 .3rem #167d8229;transform:translateY(-1px)}.brand:active,.policy-link:active,.site-footer a:active{box-shadow:0 .08rem #167d821f;transform:translateY(2px)}.site-footer{padding:2rem 0 1.4rem;color:#4b7772;font-size:.9rem}.home{width:min(96vw,1440px);margin:0 auto;padding:2.5rem 0 0}.assessment-board{position:relative;min-height:46rem;overflow:hidden;border-radius:2.3rem;background:radial-gradient(circle at 10% 40%,rgba(89,241,156,.48),transparent 20rem),linear-gradient(135deg,#62ee8f,#27c6cc);padding:0 2.35rem 3rem}.wave{position:absolute;inset-inline:-8%;height:10rem;top:-1.7rem;background:#fbffff;border-radius:0 0 50% 50%;transform:rotate(6deg)}.wave-right{top:-2.4rem;transform:rotate(-7deg);opacity:.88}.assessment-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5.8rem 5rem;padding-top:4.7rem}.assessment-card{position:relative;min-height:18rem;border-radius:2rem;background:linear-gradient(180deg,#eafcff,#fff 36% 78%,#dff8fa);box-shadow:inset 0 0 1.4rem #1497a847,0 1.2rem 2.2rem #15675f1f;padding:6.6rem 2.2rem 2rem;text-align:center}.card-browser-bar{position:absolute;top:-3.7rem;left:-.4rem;right:-.4rem;height:4.25rem;border-radius:1.5rem 1.5rem .6rem .6rem;background:#155b52;box-shadow:0 .25rem #0b4c4547}.card-browser-bar span,.card-browser-bar i{position:absolute;top:1.2rem;width:.78rem;height:.78rem;border-radius:50%;background:#2db6c2}.card-browser-bar span:nth-child(1){left:2.8rem}.card-browser-bar span:nth-child(2){left:4.5rem}.card-browser-bar span:nth-child(3){left:6.2rem}.card-browser-bar i:nth-child(4){right:6.2rem}.card-browser-bar i:nth-child(5){right:4.5rem}.card-browser-bar i:nth-child(6){right:2.8rem}.assessment-card h2{margin:0 auto .8rem;color:#155b52;font-size:clamp(1.55rem,2.3vw,2.65rem);line-height:1.2;font-weight:900}.assessment-card p{margin:0 auto 1.7rem;color:#47756f;max-width:30rem;font-size:1rem}.start-btn,.primary-action,.field button{border:0;color:#fff;font-weight:900;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,opacity .18s ease}.start-btn{min-width:17rem;min-height:5.2rem;border-radius:1.35rem;font-size:clamp(1.55rem,2.5vw,2.25rem);box-shadow:0 .45rem #2d3f472e}.start-btn.blue,.primary-action{background:linear-gradient(135deg,#278fd8,#45b7ec)}.start-btn.orange{background:linear-gradient(135deg,#ea8e22,#f6bd45)}.start-btn:hover,.primary-action:hover,.field button:hover{filter:brightness(1.03);transform:translateY(-2px)}.start-btn:active,.primary-action:active,.field button:active{box-shadow:0 .16rem #2d3f4729;transform:translateY(2px)}.pin{position:absolute;width:1.45rem;height:1.45rem;border-radius:50%;background:#189aa0;box-shadow:0 0 0 .28rem #87dde58c}.pin:after{content:"";position:absolute;left:50%;width:.34rem;height:6rem;transform:translate(-50%);background:#95ddeb}.pin-left{left:4rem}.pin-right{right:4rem}.pin.top{top:12.2rem}.pin.bottom{bottom:-4.3rem}.pin.top:after{top:1.2rem}.pin.bottom:after{bottom:1.2rem}.panel-page{width:min(92vw,980px);margin:2rem auto 0;padding-bottom:2rem}.flow-panel{background:#ffffffe6;border:1px solid rgba(39,166,163,.18);border-radius:1.5rem;box-shadow:0 1.2rem 3rem #1671681f;padding:clamp(1.2rem,3vw,2.4rem)}.back-link{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;width:fit-content;border:1px solid #9edbd4;border-radius:999px;background:linear-gradient(180deg,#fff,#e8fbf7);color:#167d82;box-shadow:0 .28rem #167d8229;font-weight:900;padding:.68rem 1.05rem;margin-bottom:1rem;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.back-link:before{content:"←";font-size:1.05em;line-height:1}.back-link:hover{border-color:#72cfc5;background:linear-gradient(180deg,#f8fffd,#d9f7f2);box-shadow:0 .36rem #167d8233;transform:translateY(-1px)}.back-link:active{box-shadow:0 .12rem #167d822e;transform:translateY(2px)}.flow-heading{display:grid;gap:.45rem;margin-bottom:1.4rem}.flow-heading p,.result-kicker{margin:0;color:#209b92;font-weight:900}.flow-heading h1,.result-panel h1,.legal h1{margin:0;color:#155b52;font-size:clamp(1.8rem,4vw,3rem);line-height:1.16}.flow-heading span{color:#5e817c}.question-list{display:grid;gap:1rem}.question-card{border:1px solid #cdecea;border-radius:1rem;padding:1rem;background:#fbffff}.question-card legend{padding:0 .3rem;color:#155b52;font-weight:900}.option-list{display:grid;gap:.75rem;margin-top:.85rem}.option{display:flex;align-items:center;gap:.7rem;border:1px solid #d3ebe8;border-radius:.8rem;padding:.85rem .95rem;background:#fff;color:#245f58}.option.selected{border-color:#35bfb0;background:#e9fbf6}.primary-action{width:100%;min-height:3.4rem;border-radius:.9rem;margin-top:1.2rem;font-size:1.05rem;box-shadow:0 .38rem #1e6f9438}.primary-action:disabled,.field button:disabled{opacity:.5}.hint,.form-message{margin:.85rem 0 0;color:#b35a17;font-weight:700}.gate,.result-panel{display:grid;gap:1rem}.field{display:grid;gap:.45rem;color:#155b52;font-weight:800}.field input,.field select{width:100%;border:1px solid #bfe3df;border-radius:.85rem;min-height:3.2rem;padding:0 1rem;color:#155b52;outline-color:#35bfb0;background:#fff}.field input.field-error{border-color:#d93025;box-shadow:0 0 0 3px #d930251a}.field-error-text{color:#d93025;font-size:.92rem;font-weight:900}.shake{animation:field-shake .34s ease-in-out}@keyframes field-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.admin-page{width:min(96vw,1180px);margin:2rem auto 0;padding-bottom:2rem}.admin-panel{background:#ffffffeb;border:1px solid rgba(39,166,163,.18);border-radius:1.5rem;box-shadow:0 1.2rem 3rem #1671681f;padding:clamp(1.2rem,3vw,2rem)}.admin-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.admin-heading p{margin:0 0 .35rem;color:#209b92;font-weight:900}.admin-heading h1{margin:0;color:#155b52;font-size:clamp(1.8rem,4vw,2.6rem)}.admin-controls{display:grid;grid-template-columns:minmax(14rem,1fr) minmax(14rem,1fr) minmax(16rem,.8fr);gap:1rem;align-items:end}.admin-actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.admin-actions .primary-action{margin-top:0}.secondary-action{min-height:3.4rem;border:1px solid #91d6ce;border-radius:.9rem;background:linear-gradient(180deg,#fff,#effdfa);color:#167d82;box-shadow:0 .32rem #167d8224;font-weight:900;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.secondary-action:hover{border-color:#69c9bf;background:linear-gradient(180deg,#fff,#ddf8f3);box-shadow:0 .42rem #167d822e;transform:translateY(-1px)}.secondary-action:active{box-shadow:0 .12rem #167d8224;transform:translateY(2px)}.admin-table-wrap{margin-top:1.2rem;overflow-x:auto;border:1px solid #d7eeeb;border-radius:1rem}.admin-table{width:100%;min-width:780px;border-collapse:collapse;color:#245f58}.admin-table th,.admin-table td{padding:.9rem .85rem;border-bottom:1px solid #e2f2ef;text-align:left;white-space:nowrap}.admin-table th{background:#e9fbf6;color:#155b52;font-weight:900}.admin-table tr:last-child td{border-bottom:0}.empty-cell{text-align:center;color:#6c8985}.inline-action{border:1px solid #8ed5cd;border-radius:999px;background:#eefdfa;color:#167d82;box-shadow:0 .18rem #167d821f;font-weight:900;padding:.48rem .82rem;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.inline-action:hover{background:#ddf8f3;box-shadow:0 .28rem #167d8229;transform:translateY(-1px)}.inline-action:active{box-shadow:0 .08rem #167d821f;transform:translateY(2px)}.wrong-row td{background:#f7fffd;white-space:normal}.wrong-panel{display:grid;gap:.8rem}.wrong-card{border:1px solid #d7eeeb;border-radius:.8rem;background:#fff;padding:.85rem;color:#245f58}.wrong-card strong{display:block;color:#155b52;margin-bottom:.45rem}.wrong-card p{margin:.25rem 0 0;line-height:1.55}.empty-wrong{color:#167d82;font-weight:800}.consent-row{display:flex;align-items:flex-start;gap:.65rem;color:#436b66;line-height:1.55}.consent-row a{color:#167d82;font-weight:900}.result-panel{justify-items:center;text-align:center}.score-ring{width:13rem;height:13rem;border-radius:50%;display:grid;place-content:center;background:radial-gradient(circle,#ffffff 58%,transparent 59%),conic-gradient(#35c899 0 75%,#d4f0ed 0);color:#155b52}.score-ring strong{font-size:4.5rem;line-height:1}.score-ring span{color:#5c817b;font-weight:800}.result-panel h2{margin:0;color:#16808a;font-size:2rem}.result-panel p,.legal p{color:#446b66;line-height:1.8;font-size:1.05rem}@media(max-width:920px){.assessment-board{padding-inline:1rem}.assessment-grid{grid-template-columns:1fr;gap:4.5rem}.admin-controls{grid-template-columns:1fr}}@media(max-width:620px){.site-header,.site-footer{flex-direction:column;align-items:flex-start}.assessment-card{min-height:16rem;padding:5.2rem 1rem 1.5rem}.card-browser-bar{left:-.4rem;right:-.4rem}.start-btn{min-width:12rem;min-height:4.2rem}.pin-left{left:1.8rem}.pin-right{right:1.8rem}}