:root{--ink:#0b2242;--muted:#6e8198;--line:#dceaf3;--bg:#f5fbff;--white:#fff;--sky:#13a8ef;--cyan:#10d3df;--teal:#16bfae;--green:#12a66f;--amber:#e8a33a;--red:#d85656;--navy:#071a2d;--shadow:0 22px 70px rgba(35,96,135,.14)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(#f8fdff,#eef8ff)}button,input,select{font:inherit}.hidden{display:none!important}.shell{min-height:100vh}.capture-header{height:72px;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - 1380px)/2));position:sticky;top:0;z-index:40}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.brand img{width:42px;height:42px}.brand>span{display:flex;flex-direction:column}.brand b{font-size:18px;letter-spacing:-.04em}.brand small{font-size:8px;color:#7b91a6}.brand i{font-style:normal;font-size:10px;font-weight:900;color:#08a4e6}.header-meta{display:flex;gap:8px}.header-meta span{font-size:8px;font-weight:850;letter-spacing:.08em;color:#647b90;border:1px solid #d9e9f2;background:#fff;padding:7px 9px;border-radius:999px}main{max-width:1380px;margin:auto;padding:34px 18px 74px}.step-tag{font-size:9px;font-weight:900;letter-spacing:.12em;color:#079bd9}.setup-card,.review-card,.result-card{max-width:1100px;margin:20px auto;background:#fff;border:1px solid var(--line);border-radius:28px;padding:38px;box-shadow:var(--shadow)}.setup-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:28px;position:relative;overflow:hidden}.setup-card:before{content:"";position:absolute;right:-80px;top:-90px;width:430px;height:330px;background:radial-gradient(circle,#d8f7ff,transparent 65%);pointer-events:none}.setup-copy,.bao-hero,.setup-grid,.capture-options,.setup-actions,.setup-card>.error{position:relative;z-index:2}.setup-copy h1{font-size:clamp(42px,6vw,72px);line-height:.96;letter-spacing:-.06em;margin:14px 0 16px;max-width:780px}.setup-copy>p{font-size:14px;line-height:1.65;color:var(--muted);max-width:680px}.promise-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.promise-row>span{border:1px solid var(--line);background:#fbfeff;border-radius:14px;padding:10px 12px;display:grid;grid-template-columns:auto 1fr;column-gap:6px}.promise-row b{font-size:9px}.promise-row small{grid-column:2;font-size:7px;color:#8aa0b2;margin-top:2px}.bao-hero{display:flex;align-items:center;justify-content:center;min-height:240px}.bao-hero img{width:min(270px,90%);filter:drop-shadow(0 18px 22px rgba(55,111,143,.14));animation:floatBao 4.6s ease-in-out infinite}.speech{position:absolute;right:0;top:24px;max-width:150px;color:#0d83c1;font-weight:750;font-size:14px;line-height:1.35;transform:rotate(-5deg)}@keyframes floatBao{50%{transform:translateY(-7px)}}.setup-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.setup-grid label{display:flex;flex-direction:column;gap:6px}.setup-grid span{font-size:8px;font-weight:850;color:#60788c}.setup-grid small{font-weight:500;color:#9aabb7}.setup-grid input,.setup-grid select{border:1px solid #cfdfeb;background:#fbfdff;border-radius:11px;padding:12px 13px;outline:0}.setup-grid input:focus,.setup-grid select:focus{border-color:#6dcaf0;box-shadow:0 0 0 3px #e5f7ff}.capture-options{grid-column:1/-1;display:grid;grid-template-columns:1fr 2fr;gap:10px}.toggle-line,.consent{display:flex;align-items:flex-start;gap:10px;padding:15px;border:1px solid #d9e8f1;border-radius:14px;background:#f9fdff}.toggle-line input,.consent input{margin-top:2px;accent-color:var(--sky)}.toggle-line span,.consent span{display:flex;flex-direction:column;gap:4px}.toggle-line b,.consent b{font-size:10px}.toggle-line small,.consent small{font-size:8px;line-height:1.5;color:#778c9c}.setup-actions,.review-actions,.result-actions{grid-column:1/-1;display:flex;gap:9px;margin-top:3px;flex-wrap:wrap}.primary,.secondary{border:0;border-radius:12px;padding:13px 18px;font-weight:850;font-size:10px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.primary{background:linear-gradient(135deg,#078ee2,#12c8dc);color:#fff;box-shadow:0 10px 24px rgba(8,158,214,.22)}.secondary{background:#fff;border:1px solid #cbdde8;color:#34566f}.error{margin-top:10px;border:1px solid #efc4c4;background:#fff5f5;color:#a74242;border-radius:11px;padding:12px;font-size:10px}.capture-layout{display:grid;grid-template-columns:270px minmax(0,1fr) 270px;gap:15px;align-items:start}.capture-progress,.capture-evidence{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;position:sticky;top:88px;box-shadow:0 12px 35px rgba(29,88,121,.08)}.bao-mini{display:flex;gap:10px;align-items:center;background:linear-gradient(135deg,#f1fbff,#fff);border:1px solid #dff0f8;border-radius:16px;padding:10px;margin-bottom:16px}.bao-mini img{width:48px;height:48px}.bao-mini div{display:flex;flex-direction:column;gap:3px}.bao-mini b{font-size:10px}.bao-mini span{font-size:8px;color:#748b9e}.capture-progress h2{font-size:23px;letter-spacing:-.035em;margin:10px 0 8px}.capture-progress>p{font-size:10px;line-height:1.55;color:var(--muted)}.role-list{display:grid;gap:6px;margin:18px 0}.role-item{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;border:1px solid #e0eaf1;border-radius:11px;padding:9px}.role-item i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#edf6fb;font-style:normal;font-size:8px;color:#6e8697}.role-item b{font-size:9px}.role-item small{font-size:7px;color:#8a9ba8}.role-item span{font-size:8px;font-weight:800;color:#96a5b0}.role-item.active{border-color:#79cff0;background:#f0fbff}.role-item.done i{background:#daf8ec;color:#137d59}.capture-policy{margin-top:16px;border-top:1px solid var(--line);padding-top:14px;display:flex;flex-direction:column;gap:4px}.capture-policy b{font-size:9px}.capture-policy span{font-size:8px;line-height:1.5;color:#8093a1}.camera-panel{min-width:0}.camera-frame{position:relative;background:#051a28;border-radius:24px;overflow:hidden;aspect-ratio:9/14;max-height:72vh;min-height:540px;display:grid;place-items:center;box-shadow:0 22px 65px rgba(5,27,41,.24)}.camera-frame video{width:100%;height:100%;object-fit:cover}.card-guide{position:absolute;z-index:4;width:66%;aspect-ratio:2.5/3.5;border:1px solid rgba(255,255,255,.62);border-radius:8px;box-shadow:0 0 0 999px rgba(4,16,25,.18)}.card-guide:after{content:"";position:absolute;inset:-11px;border:1px dashed rgba(255,255,255,.25);border-radius:12px}.card-guide i{position:absolute;width:28px;height:28px;border-color:#6be6ff;border-style:solid;filter:drop-shadow(0 0 8px rgba(107,230,255,.45))}.card-guide i:nth-child(1){left:-2px;top:-2px;border-width:4px 0 0 4px}.card-guide i:nth-child(2){right:-2px;top:-2px;border-width:4px 4px 0 0}.card-guide i:nth-child(3){right:-2px;bottom:-2px;border-width:0 4px 4px 0}.card-guide i:nth-child(4){left:-2px;bottom:-2px;border-width:0 0 4px 4px}.detected-overlay{position:absolute;inset:0;z-index:5;width:100%;height:100%;pointer-events:none}.detected-overlay polygon{fill:rgba(27,220,175,.06);stroke:#37e7b5;stroke-width:3;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 6px rgba(55,231,181,.5))}.camera-overlay{position:absolute;z-index:8;top:13px;left:13px;right:13px;display:flex;justify-content:space-between;gap:10px}.quality-chip,.role-chip{background:rgba(5,24,34,.78);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.16);color:#fff;border-radius:999px;padding:9px 11px;font-size:8px;font-weight:850}.quality-chip{display:flex;align-items:center;gap:7px}.quality-chip span{width:7px;height:7px;background:#90a1aa;border-radius:50%}.quality-chip.good span{background:#48e2a3;box-shadow:0 0 0 4px rgba(71,225,163,.15)}.quality-chip.warn span{background:#ffc75f}.camera-tip{position:absolute;z-index:8;bottom:14px;left:14px;right:14px;padding:12px 14px;border-radius:12px;background:rgba(5,23,33,.82);backdrop-filter:blur(12px);color:#fff;font-size:10px;font-weight:750;text-align:center}.light-sweep{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden}.light-sweep span{position:absolute;top:-10%;bottom:-10%;width:32%;background:linear-gradient(90deg,transparent,rgba(126,234,255,.28),transparent);filter:blur(5px);animation:sweepLight 1.9s ease-in-out infinite}@keyframes sweepLight{0%{left:-35%}50%,100%{left:105%}}.auto-countdown{position:absolute;z-index:10;inset:0;background:rgba(4,20,30,.26);display:grid;place-items:center;align-content:center;color:#fff;backdrop-filter:blur(2px)}.auto-countdown b{font-size:76px;line-height:1}.auto-countdown span{font-size:10px;font-weight:850;letter-spacing:.12em}.camera-tools{display:flex;align-items:center;gap:10px;margin:9px 0 0;min-height:34px}.camera-tools .tool{border:1px solid var(--line);background:#fff;color:#30566f;border-radius:999px;padding:7px 10px;font-size:8px;font-weight:800}.zoom{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 9px}.zoom span{font-size:7px;font-weight:850;color:#6f8495}.zoom input{width:100px}.camera-tools>span{font-size:7px;color:#7f93a2;margin-left:auto}.quality-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:9px}.quality-grid article{background:#fff;border:1px solid var(--line);border-radius:11px;padding:10px}.quality-grid span,.quality-grid b{display:block}.quality-grid span{font-size:7px;color:#8799a6;font-weight:850}.quality-grid b{font-size:9px;margin-top:4px}.capture-actions{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:12px 0}.capture-actions .secondary:first-child{justify-self:end}.capture-actions .secondary:last-child{justify-self:start}.shutter{width:128px;height:60px;border:0;border-radius:19px;background:#09283a;color:#fff;display:flex;gap:8px;align-items:center;justify-content:center;cursor:pointer;font-size:9px;font-weight:850}.shutter span{width:25px;height:25px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 5px #cbeef9}.shutter:disabled{opacity:.45;cursor:not-allowed}.manual-fallback{text-align:center}.manual-fallback input{display:none}.link-button{border:0;background:none;color:#6b8394;text-decoration:underline;cursor:pointer;font-size:9px}.score-ring{width:116px;height:116px;border-radius:50%;margin:20px auto;display:grid;place-items:center;background:conic-gradient(var(--sky) 0deg,#e1edf3 0deg);position:relative}.score-ring:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff}.score-ring div,.score-ring span{position:relative;z-index:2}.score-ring div{font-size:33px;font-weight:900;letter-spacing:-.05em}.score-ring span{font-size:7px;color:#8296a4;position:absolute;top:72px}.feedback-list{display:grid;gap:7px}.feedback{border:1px solid #dfeaf0;border-radius:11px;padding:10px;display:flex;flex-direction:column;gap:4px}.feedback b{font-size:9px;text-transform:capitalize}.feedback span{font-size:8px;line-height:1.4;color:#7c8f9d}.feedback.block{border-color:#f0c4c4;background:#fff7f7}.feedback.warn{border-color:#efd7a6;background:#fffbf2}.feedback.neutral{border-color:#beeadd;background:#f4fffb}.thumb-panel{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.thumb-panel>span{display:block;font-size:7px;font-weight:850;color:#8296a4;margin-bottom:8px}.thumb-empty{aspect-ratio:2.5/3.5;background:#f2f8fb;border:1px dashed #c9dce8;border-radius:11px;display:grid;place-items:center;color:#8b9ca8;font-size:8px;overflow:hidden}.thumb-empty img{width:100%;height:100%;object-fit:contain}.review-card h2,.result-card h2{font-size:36px;letter-spacing:-.045em;margin:10px 0}.review-card>p{font-size:11px;color:#71889a;line-height:1.6}.pair-check{border:1px solid #dce8ef;border-radius:12px;padding:11px 13px;margin:14px 0;display:flex;justify-content:space-between;gap:12px}.pair-check b{font-size:9px}.pair-check span{font-size:8px;color:#728899}.pair-check.good{border-color:#b9eadb;background:#f3fff9}.pair-check.block{border-color:#efc0c0;background:#fff5f5}.review-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:20px 0}.review-shot{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#f3f8fb}.review-shot img{width:100%;aspect-ratio:2.5/3.5;object-fit:cover;display:block}.review-shot div{padding:8px}.review-shot b,.review-shot span{display:block}.review-shot b{font-size:8px}.review-shot span{font-size:7px;color:#8598a5;margin-top:3px}.result-card{position:relative;overflow:hidden}.celebration{height:185px;display:flex;align-items:flex-end;justify-content:center;position:relative;margin:-20px 0 8px}.bao-inspector{position:relative;width:180px;animation:inspectBob 1.5s ease-in-out both}.bao-inspector img{width:100%}.bao-inspector .loupe{position:absolute;right:18px;top:44px;font-size:48px;color:#435d70;transform:rotate(-14deg)}@keyframes inspectBob{0%{transform:translateY(24px) scale(.94);opacity:0}50%{transform:translateY(0) rotate(-2deg);opacity:1}100%{transform:translateY(0) rotate(0)}}.stamp-stage{position:absolute;left:58%;bottom:28px;width:150px;height:130px}.stamp-handle{position:absolute;left:56px;top:0;width:38px;height:55px;background:#8b4d2e;border-radius:18px 18px 8px 8px;transform-origin:50% 100%;animation:stampDrop 1.8s cubic-bezier(.35,.8,.35,1) .8s both}.grade-stamp{position:absolute;left:11px;bottom:0;width:128px;height:72px;border:5px solid #e44343;border-radius:6px;color:#e44343;display:grid;place-items:center;transform:rotate(-6deg);background:rgba(255,255,255,.92);animation:stampMark .25s ease 1.62s both}.grade-stamp b{font-size:35px;line-height:1}.grade-stamp small{font-size:6px;font-weight:900;letter-spacing:.12em}@keyframes stampDrop{0%{transform:translateY(-85px) rotate(6deg);opacity:0}55%{transform:translateY(-12px) rotate(-2deg);opacity:1}68%{transform:translateY(18px) rotate(0)}100%{transform:translateY(0)}}@keyframes stampMark{0%{transform:scale(1.35) rotate(-12deg);opacity:0}100%{transform:scale(1) rotate(-6deg);opacity:1}}.confetti i{position:absolute;width:7px;height:18px;border-radius:4px;background:#17bde4;animation:confetti 1.2s ease 1.7s both}.confetti i:nth-child(1){left:27%;top:40%;background:#f0b33f}.confetti i:nth-child(2){left:33%;top:18%;background:#b373e7}.confetti i:nth-child(3){right:29%;top:23%;background:#1cc89e}.confetti i:nth-child(4){right:23%;top:49%;background:#f4748c}.confetti i:nth-child(5){left:42%;top:9%;background:#0daaf0}.confetti i:nth-child(6){right:40%;top:5%;background:#f3d34d}@keyframes confetti{0%{opacity:0;transform:translateY(-25px) rotate(0)}100%{opacity:1;transform:translateY(15px) rotate(180deg)}}.result-grid{display:grid;grid-template-columns:1fr 1.4fr 1.2fr;border:1px solid var(--line);border-radius:15px;overflow:hidden;margin-top:18px}.result-grid>div{padding:20px}.result-grid>div+div{border-left:1px solid var(--line)}.result-grid span,.result-grid b,.result-grid strong,.result-grid small{display:block}.result-grid span{font-size:7px;font-weight:850;color:#8093a2}.result-grid strong{font-size:58px;letter-spacing:-.07em;margin-top:8px}.result-grid b{font-size:13px;margin-top:9px}.result-grid small{font-size:8px;line-height:1.5;color:#8194a2;margin-top:5px}footer{text-align:center;padding:28px;color:#8093a2;font-size:8px;display:flex;align-items:center;justify-content:center;gap:7px}footer img{width:28px;height:28px}@media(max-width:1050px){.capture-layout{grid-template-columns:1fr}.capture-progress,.capture-evidence{position:static}.capture-progress{order:1}.camera-panel{order:2}.capture-evidence{order:3}.role-list{grid-template-columns:repeat(3,1fr)}.camera-frame{max-height:none;min-height:0;aspect-ratio:3/4}.capture-evidence{display:grid;grid-template-columns:150px 1fr 130px;gap:12px}.capture-evidence>.step-tag{grid-column:1/-1}.score-ring{margin:0 auto}.thumb-panel{margin:0;border-top:0;padding-top:0}.setup-card{grid-template-columns:1fr}.bao-hero{min-height:180px}.setup-grid{grid-template-columns:1fr 1fr}.capture-options{grid-template-columns:1fr}}@media(max-width:700px){main{padding:12px 9px 50px}.capture-header{padding:0 11px;height:64px}.header-meta span:last-child{display:none}.brand b{font-size:15px}.brand small{display:none}.setup-card,.review-card,.result-card{margin:8px auto;padding:20px;border-radius:18px}.setup-copy h1{font-size:43px}.bao-hero{min-height:155px}.bao-hero img{width:160px}.speech{font-size:11px;right:8px}.promise-row>span{flex:1;min-width:120px}.setup-grid{grid-template-columns:1fr}.capture-progress,.capture-evidence{padding:15px;border-radius:15px}.role-list{grid-template-columns:1fr 1fr}.camera-frame{border-radius:18px;aspect-ratio:9/14;min-height:520px}.quality-grid{grid-template-columns:1fr 1fr}.capture-evidence{display:block}.score-ring{margin:16px auto}.thumb-panel{margin-top:16px;border-top:1px solid var(--line);padding-top:14px}.review-grid{grid-template-columns:1fr 1fr 1fr}.result-grid{grid-template-columns:1fr}.result-grid>div+div{border-left:0;border-top:1px solid var(--line)}.setup-actions,.review-actions,.result-actions{flex-direction:column}.primary,.secondary{width:100%}.camera-tools>span{display:none}.celebration{height:160px}.bao-inspector{width:145px}.stamp-stage{left:60%;transform:scale(.84)}}
.light-sweep[data-direction="right"] span{animation-direction:reverse}.light-sweep[data-direction="foil"] span{width:22%;animation:sweepFoil 1.25s ease-in-out infinite alternate;background:linear-gradient(90deg,rgba(255,120,200,0),rgba(116,234,255,.28),rgba(255,221,103,.22),rgba(255,120,200,0))}@keyframes sweepFoil{from{left:18%;transform:skewX(-12deg)}to{left:62%;transform:skewX(12deg)}}
.alpha-feedback{margin-top:22px;padding:20px;border:1px solid #d8edf5;border-radius:22px;background:linear-gradient(180deg,#fbfeff,#f4fbff);display:grid;gap:16px}.alpha-feedback h3{margin:6px 0 4px;font-size:18px}.alpha-feedback p{margin:0;color:#69808c;font-size:11px}.feedback-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.feedback-quick label,.feedback-note{display:grid;gap:6px;font-size:10px;font-weight:700;color:#49616d}.feedback-quick select,.feedback-note textarea{border:1px solid #d5e8ef;background:#fff;border-radius:12px;padding:10px;font:inherit;color:#173240}.feedback-note textarea{min-height:76px;resize:vertical}.feedback-submit{display:flex;align-items:center;gap:12px}.feedback-submit span{font-size:10px;color:#4f7481}@media(max-width:800px){.feedback-quick{grid-template-columns:1fr 1fr}}@media(max-width:480px){.feedback-quick{grid-template-columns:1fr}}
.research-account-note{font-size:9px;color:#708790;margin-top:8px}.research-account-note a{color:#078ebd;font-weight:800}.research-account-note.good{color:#1b8d68}