:root{--warm:#f4f0e8;--paper:#fffdf8;--ink:#10243e;--green:#174a3a;--gold:#b38a49;--red:#b6544e;--muted:#717975;--line:rgba(16,36,62,.13);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:#e7e4dc}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 0,#fffdf7,transparent 35%),linear-gradient(135deg,#eee9df,#dfe6e1)}button,input,textarea{font:inherit}.phone{width:390px;height:844px;max-height:100svh;position:relative;overflow:hidden;margin:calc((100vh - 844px)/2) auto;border:9px solid #152331;border-radius:48px;background:var(--paper);box-shadow:0 28px 80px rgba(16,36,62,.17)}.local-ribbon{position:absolute;z-index:50;top:13px;right:17px;padding:4px 8px;border-radius:99px;background:rgba(255,253,248,.86);color:#68716c;font-size:8px}.screen{display:none;position:absolute;inset:0;padding:54px 24px 28px;background:var(--paper);flex-direction:column}.screen.active{display:flex}.brand{display:flex;align-items:center;gap:8px;font-size:11px}.brand>span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:var(--green);color:white;font-size:9px;border:1px solid rgba(179,138,73,.7)}.brand.floating{position:absolute;z-index:5;top:54px;left:24px;color:white}.brand.light>span{background:transparent}.center{margin:auto 0}.centered{text-align:center}.kicker{margin:0 0 8px;color:var(--gold);font-size:11px;letter-spacing:.14em;font-weight:700}.screen h1{font-family:"Songti SC","STSong",serif;font-size:29px;line-height:1.35;margin:0 0 13px}.name-block>p:not(.kicker),.body-copy{font-size:12px;line-height:1.75;color:var(--muted)}.name-block label{display:block;font-size:11px;font-weight:700;margin:30px 0 8px}.name-block input{width:100%;border:0;border-bottom:1.5px solid #9ba19d;background:transparent;padding:11px 0;font-size:20px;outline:none}.name-block small{display:block;color:#999f9b;font-size:9px;margin-top:8px}.primary{height:52px;min-height:52px;border:0;border-radius:15px;background:var(--green);color:white;font-weight:700;box-shadow:0 9px 24px rgba(23,74,58,.18);cursor:pointer}.primary:disabled{background:#d7d8d3;color:#979b97;box-shadow:none}.welcome{padding:0}.portrait{height:526px;position:relative;overflow:hidden;background:#dce1e8}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center 14%;transform:scale(1.18);transform-origin:center 18%}.portrait div{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(16,36,62,.06) 34%,rgba(16,36,62,.92) 100%)}.welcome-copy{position:absolute;z-index:4;left:24px;right:24px;top:367px;color:white}.welcome-copy h1{font-size:29px;margin:12px 0 8px}.welcome-copy p{font-size:12px;line-height:1.65;color:rgba(255,255,255,.84)}.pill{border-radius:99px;padding:5px 9px;font-size:9px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28)}.bottom{margin-top:auto;display:grid;gap:6px}.bottom small{text-align:center;font-size:8px;line-height:1.5;color:#989e9a}.meta{display:flex;justify-content:space-between;font-size:10px;color:#707873;margin-bottom:8px}.top,.interview-top{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;text-align:center}.top button,.interview-top button{border:0;background:transparent;font-size:25px;color:#68716c}.top b,.interview-top b{font-size:12px}.mic-visual{width:122px;height:122px;border-radius:50%;display:grid;place-items:center;margin:65px auto 42px;background:var(--green);color:white;box-shadow:0 0 0 13px rgba(23,74,58,.08),0 0 0 27px rgba(23,74,58,.04)}.checks{list-style:none;padding:0;display:grid;gap:12px;color:#647069;font-size:11px}.checks li::first-letter{color:var(--green)}.text{height:38px;border:0;background:transparent;color:#68716c;font-size:11px;cursor:pointer}.alert,.done,.confirm-icon{width:70px;height:70px;margin:0 auto 24px;border-radius:50%;display:grid;place-items:center;font-size:27px}.alert{background:#f4e9e7;color:var(--red);font-weight:700}.done{background:var(--green);color:white;box-shadow:0 0 0 12px rgba(23,74,58,.08)}.confirm-icon{width:52px;height:52px;margin:0 0 22px;background:#e9f1ed;color:var(--green);font-size:20px}.interview{background:linear-gradient(#f8f4eb,#fffdf8)}.interview-top small{display:block;font-size:9px;color:#8c918e;margin-top:3px}.status{align-self:center;margin-top:25px;border:1px solid var(--line);background:rgba(255,255,255,.82);border-radius:99px;padding:7px 11px;font-size:9px;color:#65706a}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.status .green{background:#2b8164}.status .gold{background:var(--gold)}.status.recording i{background:var(--red);box-shadow:0 0 0 4px rgba(182,84,78,.1)}.avatar{width:190px;height:190px;margin:37px auto 20px;border-radius:50%;display:grid;place-items:center}.avatar img{width:170px;height:170px;border-radius:50%;object-fit:cover;border:5px solid white;box-shadow:0 15px 38px rgba(16,36,62,.16)}.avatar.halo{box-shadow:0 0 0 12px rgba(23,74,58,.07),0 0 0 24px rgba(23,74,58,.035)}.avatar.dashed{border:1px dashed rgba(179,138,73,.65)}.state-copy{text-align:center}.state-copy h1{font-size:25px;margin-bottom:7px}.state-copy p{font-size:11px;line-height:1.6;color:#777e79}.wave{height:42px;display:flex;align-items:center;justify-content:center;gap:4px}.wave i{display:block;width:3px;border-radius:4px;animation:wave 1s infinite ease-in-out}.wave i:nth-child(3n+1){height:10px}.wave i:nth-child(3n+2){height:23px}.wave i:nth-child(3n){height:32px}.green-wave i{background:var(--green)}.red-wave i{background:var(--red)}.round{width:68px;height:68px;border:0;border-radius:50%;display:grid;place-items:center;color:white;margin:auto;cursor:pointer}.green-bg{background:var(--green)}.red-bg{background:var(--red);box-shadow:0 0 0 9px rgba(182,84,78,.1)}.stop{width:17px;height:17px;background:white;border-radius:4px}.disclosure{display:inline-block;padding:4px 8px;border-radius:99px;background:#edf2ef;color:var(--green);font-size:8px}.live-card{margin-top:42px;background:white;border:1px solid var(--line);border-radius:22px;padding:20px 18px;box-shadow:0 16px 38px rgba(16,36,62,.07)}.live-head{display:flex;justify-content:space-between;font-size:10px}.live-head span{color:var(--red);font-variant-numeric:tabular-nums}.live-text{min-height:155px;border-top:1px solid #eeeae2;padding-top:17px;font-family:"Songti SC",serif;font-size:18px;line-height:1.75}.cursor{display:inline-block;width:2px;height:18px;background:var(--green);animation:blink 1s infinite}.answer-label{display:block;margin-top:22px;color:var(--gold);font-size:9px;font-weight:700}.screen textarea{width:100%;resize:none;margin-top:8px;padding:15px;border:1px solid rgba(179,138,73,.4);border-radius:15px;background:white;color:var(--ink);font-family:"Songti SC",serif;font-size:17px;line-height:1.65;outline:none}.screen textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(23,74,58,.08)}.dual{display:grid;grid-template-columns:1fr 1.16fr;gap:9px}.secondary{height:52px;border:1px solid var(--green);border-radius:15px;background:white;color:var(--green);font-weight:700}.form-error,.inline-error{min-height:18px;color:var(--red)!important;font-size:10px!important}.dots{display:flex;justify-content:center;gap:7px;margin-top:16px}.dots i{width:7px;height:7px;background:var(--gold);border-radius:50%;animation:blink 1.2s infinite}.progress{width:210px;height:5px;background:#e5e3dd;border-radius:5px;margin:26px auto}.progress i{display:block;width:64%;height:100%;background:var(--gold);animation:load 1.3s infinite}.report{margin:33px 0 18px;padding:26px 22px;border:1px solid rgba(179,138,73,.28);border-radius:22px;background:white;box-shadow:0 18px 44px rgba(16,36,62,.07)}.report h1{font-size:25px}.report hr{border:0;border-top:2px solid var(--gold);width:44px;margin:18px 0}.report>p:not(.kicker){font-size:12px;line-height:1.8;color:#56625c}.report small{font-size:8px;color:#8a918d}.community{background:var(--ink);color:white}.community h1{font-size:30px}.qr-placeholder{width:190px;height:190px;margin:24px auto 12px;border-radius:18px;background:repeating-linear-gradient(45deg,#fff 0 10px,#eef0ec 10px 20px);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;border:7px solid white}.qr-placeholder b{font-size:18px}.qr-placeholder span{margin-top:8px;font-size:8px;color:var(--red)}.community em{font-style:normal;font-size:8px;color:rgba(255,255,255,.5)}.light-text{color:rgba(255,255,255,.7)}
[hidden]{display:none!important}.danger-button{background:var(--red);box-shadow:0 9px 24px rgba(182,84,78,.18)}
@keyframes wave{0%,100%{transform:scaleY(.5)}50%{transform:scaleY(1)}}@keyframes blink{50%{opacity:.2}}@keyframes load{0%{width:15%}100%{width:90%}}
@media(max-width:480px){body{background:var(--paper)}.phone{width:100%;height:100svh;max-height:none;margin:0;border:0;border-radius:0;box-shadow:none}.screen{padding-bottom:max(28px,env(safe-area-inset-bottom))}}
.screen[data-screen="listening"]{padding-bottom:max(16px,env(safe-area-inset-bottom))}.listening-bottom{padding-top:8px;gap:8px}.primary-hint{margin:0;text-align:center;color:var(--ink);font-size:15px;line-height:1.4;font-weight:700}.listening-bottom .danger-button{margin-top:2px}.listening-bottom small{font-size:9px}
.welcome>.bottom{padding:14px 24px max(16px,env(safe-area-inset-bottom));background:var(--paper)}.welcome>.bottom .text{height:30px}.welcome>.bottom small{min-height:24px}.intro-playing{background:#234f41!important}.intro-playing::before{content:'▶';margin-right:7px;font-size:10px}.intro-player{height:52px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:8px 12px;border:1px solid rgba(23,74,58,.14);border-radius:14px;background:#f4f7f4;color:var(--green);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.intro-player.is-playing{border-color:rgba(23,74,58,.34);background:#edf4f0;box-shadow:0 8px 22px rgba(23,74,58,.08)}.intro-speaker{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:white}.intro-speaker svg{width:18px;height:18px;fill:white;stroke:white;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.intro-player-copy{min-width:0;display:grid;gap:4px}.intro-player-copy strong{font-size:11px}.intro-bars{height:12px;display:flex;align-items:center;gap:3px}.intro-bars i{display:block;width:2px;height:5px;border-radius:3px;background:rgba(23,74,58,.42);transform-origin:center}.intro-player.is-playing .intro-bars i{background:var(--green);animation:introWave .82s ease-in-out infinite}.intro-player.is-playing .intro-bars i:nth-child(2),.intro-player.is-playing .intro-bars i:nth-child(6){animation-delay:.12s}.intro-player.is-playing .intro-bars i:nth-child(3),.intro-player.is-playing .intro-bars i:nth-child(5){animation-delay:.24s}.intro-player.is-playing .intro-bars i:nth-child(4){animation-delay:.36s}.intro-time{font-size:10px;font-variant-numeric:tabular-nums;color:#68716c}@keyframes introWave{0%,100%{height:4px}50%{height:12px}}
.intro-caption{position:absolute;z-index:3;left:20px;right:20px;bottom:170px;margin:0;padding:11px 14px;border-radius:13px;background:rgba(8,24,39,.76);color:#fff;font-size:16px;font-weight:700;line-height:1.55;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.35);backdrop-filter:blur(5px)}
.screen[data-screen="speaking"]{padding-bottom:max(14px,env(safe-area-inset-bottom));overflow:hidden}.screen[data-screen="speaking"] .status{margin-top:14px;flex:0 0 auto}.screen[data-screen="speaking"] .avatar{width:154px;height:154px;margin:21px auto 12px;flex:0 0 auto}.screen[data-screen="speaking"] .avatar img{width:138px;height:138px}.screen[data-screen="speaking"]>.bottom{flex:0 0 auto;position:relative;z-index:4}.question-stage{margin-top:-2px;min-height:0}.question-stage h1{font-size:18px;color:var(--green)}.question-context{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:3px auto 5px!important;max-width:326px;color:#6e7772!important;font-size:11px!important;line-height:1.42!important;text-align:left}.question-text{min-height:0;max-height:124px;overflow:auto;margin:5px auto 4px!important;max-width:326px;color:var(--ink)!important;font-family:"Songti SC","STSong",serif;font-size:18px!important;font-weight:700;line-height:1.46!important;text-align:left;overscroll-behavior:contain}.question-text[data-length="medium"]{font-size:17px!important}.question-text[data-length="long"]{font-size:16px!important;line-height:1.42!important}.question-stage .wave{height:26px}.question-stage .inline-error{min-height:10px;margin:2px 0}.question-stage .disclosure{padding:3px 7px}
@media(max-height:760px){.screen[data-screen="speaking"]{padding-top:42px}.screen[data-screen="speaking"] .status{margin-top:9px}.screen[data-screen="speaking"] .avatar{width:126px;height:126px;margin:13px auto 9px}.screen[data-screen="speaking"] .avatar img{width:114px;height:114px}.question-stage h1{font-size:16px}.question-text{max-height:108px}.screen[data-screen="speaking"] .bottom .text{height:30px}}
.community h1{font-size:28px}.community-content{margin-top:22px}.community-content>p:not(.kicker):not(.report-status){font-size:11px;line-height:1.65;color:rgba(255,255,255,.74)}.qr-card{width:min(230px,100%);aspect-ratio:1;margin:12px auto 7px;padding:10px;display:flex;align-items:center;justify-content:center;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 16px 42px rgba(0,0,0,.22)}.qr-card img{width:100%;height:100%;object-fit:contain;display:block}.community-content em{display:block;font-style:normal;font-size:8px;color:rgba(255,255,255,.56)}.report-status{margin:8px 0 0;font-size:9px!important;color:rgba(255,255,255,.68)!important}.community-report-button{margin-top:auto;background:rgba(255,255,255,.96)}.community-report-button:disabled{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.09);color:rgba(255,255,255,.58)}
.name-block{margin-top:auto;margin-bottom:auto}.name-block>p:not(.kicker){margin-bottom:24px}.name-prompt{position:relative;padding:20px 17px 15px;border:2px solid rgba(23,74,58,.42);border-radius:18px;background:#f3f7f4;box-shadow:0 12px 28px rgba(23,74,58,.09)}.name-step{position:absolute;top:-12px;left:15px;padding:4px 10px;border-radius:99px;background:var(--green);color:white;font-size:10px;font-weight:700;letter-spacing:.04em}.name-block .name-prompt label{margin:2px 0 9px;color:var(--green);font-size:14px}.name-block .name-prompt input{border:1px solid rgba(23,74,58,.25);border-radius:12px;background:white;padding:13px 14px;font-size:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.name-block .name-prompt input::placeholder{color:#9a9f9b}.name-block .name-prompt input:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(23,74,58,.1)}.name-block .name-prompt small{margin-top:9px;color:#6f7873;font-size:10px}.screen[data-screen="name"]>#start-button{font-size:14px}