:root{color:#102b52;background:#f8f5ec;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f8f5ec}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}.h5-page{min-height:100vh;padding:max(28px,env(safe-area-inset-top)) 21px calc(34px + env(safe-area-inset-bottom));background-color:#f8f5ec;background-image:radial-gradient(rgba(16,43,82,.075) .45px,transparent .52px);background-size:7px 7px}.h5-frame{width:min(100%,426.5px);margin:0 auto}.parent-header{display:grid;gap:10px;margin-bottom:22px}.parent-header-main,.parent-header-actions{min-width:0;display:flex;align-items:center;gap:10px}.parent-header-main{min-height:38px}.parent-header-actions{min-height:38px;padding-left:36px}.parent-brand{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;color:#536173;font-size:12px;font-weight:700;letter-spacing:0;white-space:nowrap}.parent-logo{width:23px;height:23px;flex:0 0 auto;object-fit:contain}.parent-divider{width:1px;height:24px;background:#b5bac0}.parent-class-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#102b52;font-size:17px;font-weight:800;line-height:1.3}.parent-spacer{flex:1}.teacher-chip{max-width:205px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px 11px;border:1px solid #18b7c8;border-radius:999px;background:#eafafbd6;color:#087e9e;font-size:14px;font-weight:700}.h5-quiet-button,.h5-back{border:0;background:transparent;color:#536173;padding:5px;font-size:12px}.h5-back{font-size:32px;line-height:1;padding:0 5px 5px 0}.h5-paper-card{position:relative;overflow:hidden;padding:20px;border:1px solid #c9cdd1;border-radius:14px;background:#ffffffe0;box-shadow:0 8px 18px #102b521f}.h5-paper-card.fold:after{content:"";position:absolute;right:-1px;top:-1px;width:25px;height:25px;background:#f8f5ec;border-left:1px solid #c9cdd1;border-bottom:1px solid #c9cdd1;border-bottom-left-radius:4px}.h5-paper-card+.h5-paper-card{margin-top:16px}.h5-title{margin:0;color:#102b52;font-size:24px;line-height:1.35;letter-spacing:.2px}.h5-subtitle{margin:9px 0 0;color:#536173;font-size:13px;line-height:1.65}.h5-error{min-height:20px;margin:0 0 10px;color:#c93325;font-size:13px;line-height:1.45}.h5-empty{padding:35px 22px;text-align:center;color:#536173;font-size:14px;line-height:1.7;border-top:1px dashed #b5bac0;border-bottom:1px dashed #b5bac0}.h5-notice{margin-top:16px;padding:12px;background:#eefbfc;color:#087e9e;font-size:13px;line-height:1.6}.h5-status{display:inline-flex;align-items:center;min-height:25px;padding:3px 9px;border:1px solid #c9cdd1;border-radius:999px;background:#fff;color:#536173;font-size:12px;line-height:1}.h5-status.collecting,.h5-status.pending,.h5-status.selected,.h5-status.uploading,.h5-status.processing,.h5-status.generating,.h5-status.retrying{border-color:#18b7c8;color:#087e9e}.h5-status.ready,.h5-status.available,.h5-status.claimable,.h5-status.passed{border-color:#4caf7b;color:#238758}.h5-status.returned,.h5-status.failed,.h5-status.not_published,.h5-status.deleted{border-color:#e45542;color:#c93325}.h5-status.closed,.h5-status.excluded,.h5-status.input_required{border-color:#df951b;color:#a05f04}.h5-primary,.h5-secondary,.h5-danger,.h5-link{min-height:48px;border-radius:7px;padding:0 16px;font-weight:700;transition:background .15s,color .15s,border-color .15s}.h5-primary{border:1px solid #e33a22;background:#e33a22;color:#fff}.h5-primary:hover{background:#c92d1d}.h5-secondary{border:1px solid #18b7c8;background:transparent;color:#087e9e}.h5-secondary:hover{background:#eafafb}.h5-danger{border:1px solid #d93c2b;background:transparent;color:#c93325}.h5-link{min-height:auto;padding:0;border:0;background:transparent;color:#087e9e}.h5-primary:disabled,.h5-secondary:disabled,.h5-danger:disabled{cursor:not-allowed;border-color:#c4cbd2;background:#c4cbd2;color:#fff}.h5-input,.h5-select,.h5-textarea{width:100%;min-height:46px;padding:10px 12px;border:1px solid #c9cdd1;border-radius:7px;outline-color:#18b7c8;background:#fffdf7;color:#102b52}.h5-textarea{min-height:94px;resize:vertical}.h5-field{display:grid;gap:6px;color:#536173;font-size:12px}.h5-field+.h5-field{margin-top:14px}.h5-sms-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.h5-sms-row .h5-secondary{min-height:46px;padding:0 12px;white-space:nowrap}.h5-sms-notice{color:#087e9e;line-height:1.45}.h5-actions{display:grid;gap:10px;margin-top:16px}.h5-actions.two{grid-template-columns:1fr 1fr}.h5-dialog-mask{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;display:grid;align-items:end;background:#102b5257}.h5-dialog{min-height:min(476px,78vh);width:100%;padding:24px 21px calc(26px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;background:#fbfaf5;box-shadow:0 -12px 32px #102b522e}.h5-dialog h2{margin:0 0 17px;font-size:21px}.h5-dialog .h5-notice{margin:0 0 16px}.h5-checkbox{display:flex;align-items:flex-start;gap:9px;color:#536173;font-size:12px;line-height:1.55}.h5-checkbox input{width:17px;height:17px;margin:0;accent-color:#e33a22}.landing-class-card{min-height:172px}.landing-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}.landing-deadline{margin:17px 0 0;color:#536173;font-size:13px}.landing-deadline strong{color:#087e9e}.landing-continue{margin-top:19px;padding:18px 20px}.landing-continue p{margin:0 0 13px;color:#536173;font-size:13px;line-height:1.6}.landing-continue .h5-primary{width:100%}.h5-restricted{margin-top:70px;text-align:center}.child-list{display:grid;gap:8px;margin-top:14px}.child-row{width:100%;min-height:58px;padding:11px 12px;display:flex;align-items:center;gap:11px;border:1px solid #dce0e3;border-radius:9px;background:#ffffff8c;text-align:left;color:#102b52}.child-row.selected{border-color:#18b7c8;box-shadow:inset 3px 0 #18b7c8;background:#effafa}.child-avatar{width:32px;height:32px;display:grid;place-items:center;border:1px solid #18b7c8;border-radius:50%;color:#087e9e;font-weight:700}.child-row strong{font-size:15px}.child-row small{display:block;margin-top:2px;color:#536173}.child-arrow{margin-left:auto;color:#18b7c8;font-size:20px}.voice-card .h5-title{font-size:20px}.voice-asset{margin-top:14px;padding:13px;border:1px dashed #4caf7b;border-radius:9px;color:#238758}.voice-asset p{margin:5px 0 0;font-size:12px;color:#536173}.record-button{width:148px;height:148px;margin:14px auto;display:grid;place-items:center;border:8px solid rgba(24,183,200,.22);border-radius:50%;background:#18b7c8;color:#fff;font-weight:700;box-shadow:0 6px 18px #18b7c840}.record-button.recording{background:#e33a22;border-color:#e33a2238}.record-button.uploading{background:#102b52;border-color:#102b522e}.assignment-card .h5-status{margin-top:13px}.assignment-deadline{margin:14px 0 0;color:#536173;font-size:13px}.assignment-deadline strong{color:#087e9e}.assignment-instruction{margin-top:14px;padding:11px 12px;border-left:1px solid #18b7c8;background:#18b7c814;color:#31415a}.assignment-instruction span{color:#087e9e;font-size:12px;font-weight:700;letter-spacing:.06em}.assignment-instruction p{margin:5px 0 0;font-size:13px;line-height:1.65;white-space:pre-wrap}.assignment-progress{margin:16px 0;padding:15px 12px;border:1px solid #c9cdd1;background:#ffffffa6}.progress-line{position:relative;height:16px;display:grid;grid-template-columns:repeat(4,16px);justify-content:space-between;align-items:center}.progress-line:before{content:"";position:absolute;z-index:0;top:7px;left:8px;right:8px;height:3px;border-radius:999px;background:#c9cdd1}.progress-line i{position:relative;z-index:1;width:16px;height:16px;border:2px solid #c9cdd1;border-radius:50%;background:#f8f5ec}.progress-line i.complete{border-color:#18b7c8;background:#18b7c8}.progress-line i.staged{border-color:#18b7c8;background:#fff;box-shadow:0 0 0 3px #18b7c824}.progress-copy{display:flex;justify-content:space-between;gap:12px;margin-top:13px;color:#536173;font-size:13px}.progress-copy b{color:#087e9e}.progress-copy em{color:#087e9e;font-style:normal}.slot-grid{display:grid;gap:14px}.slot-card{min-width:0;padding:10px;border:1px solid #c9cdd1;border-radius:12px;background:#ffffffd1;box-shadow:0 3px 9px #102b520f}.slot-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:7px;min-height:39px;margin-bottom:8px}.slot-card h3{margin:0;color:#102b52;font-size:14px;line-height:1.25}.slot-card header small{display:block;margin-top:3px;color:#718096;font-size:10px;line-height:1.35}.slot-card .h5-status{flex:0 0 auto;min-height:22px;padding:3px 6px;font-size:10px}.slot-card p{min-height:0;margin:0 0 8px;color:#536173;font-size:11px;line-height:1.45}.slot-card p.slot-error{color:#c93325}.slot-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.slot-image-panel{min-width:0;display:grid;gap:5px}.slot-image-label{color:#536173;font-size:11px;font-weight:700;line-height:1.2}.slot-preview{width:100%;aspect-ratio:9 / 16;display:grid;place-items:center;overflow:hidden;border:1px solid #c9cdd1;border-radius:8px;background:#f4f1e9;color:#536173;font-size:11px}.slot-preview.has-artwork{border-style:solid;background:#fff}.slot-preview img{display:block;width:100%;height:100%;object-fit:contain;background:#f4f1e9}.slot-card .h5-primary,.slot-card .h5-secondary{width:100%;min-height:40px;padding:0 7px;font-size:12px}.h5-upload-input{display:none}.upload-confirm{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:14px;padding:14px}.upload-confirm strong{color:#102b52;font-size:14px}.upload-confirm p{margin:5px 0 0;color:#536173;font-size:12px;line-height:1.5}.upload-confirm .h5-primary{min-width:112px}.status-card .h5-title{font-size:21px}.return-card{background:#fff7f5}.return-card h3{margin:0;font-size:15px}.return-card p{margin:7px 0 11px;color:#536173;font-size:13px;line-height:1.55}.work-card .work-video{width:100%;aspect-ratio:9 / 16;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(0,0,0,.1);border-radius:9px;background:#102b52}.work-card .work-video video{width:100%;height:100%;object-fit:contain}.work-cover{position:relative;display:block;width:100%;height:100%;padding:0;overflow:hidden;border:0;background:#102b52;cursor:pointer}.work-cover img{display:block;width:100%;height:100%;object-fit:cover}.work-cover span{position:absolute;left:50%;bottom:18px;transform:translate(-50%);min-width:104px;padding:8px 13px;border-radius:999px;color:#fff;background:#081833c7;font-size:13px;font-weight:700}.work-card .work-video--unavailable{color:#d7e2ee;font-size:14px}.work-card h3{margin:14px 0 5px;font-size:17px}.work-card p{margin:0;color:#536173;font-size:12px}.archive-list{margin-top:16px}.archive-row{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #e1e4e5}.archive-row:last-child{border-bottom:0}.archive-row b{display:block;font-size:14px}.archive-row small{display:block;margin-top:3px;color:#536173}.archive-row .h5-link{margin-left:auto;font-size:12px}.work-picker-list{margin-top:15px}.work-picker-selected{display:flex;align-items:center;gap:10px;min-height:57px;margin-top:11px;padding:10px 11px;border:1px solid #18b7c8;border-radius:9px;background:#effafa}.work-picker-selected b{display:block;color:#102b52;font-size:14px}.work-picker-selected small{display:block;margin-top:3px;color:#536173;font-size:12px}.work-card--showcase{padding:14px}.work-card--showcase .work-video{width:100%;margin:0 auto}.work-card--showcase h3,.work-card--showcase p{width:100%;margin-right:auto;margin-left:auto}.work-card--showcase h3{margin-top:16px}.work-card--showcase .h5-actions,.work-card--showcase>.h5-danger{width:100%!important;margin-right:auto!important;margin-left:auto!important}@media(max-width:360px){.parent-header-main,.parent-header-actions{gap:8px}.parent-header-actions{padding-left:32px}.parent-brand{font-size:11px}.parent-logo{width:21px;height:21px}.teacher-chip{max-width:170px;font-size:13px}.parent-class-name{max-width:165px;font-size:16px}.h5-page{padding-left:14px;padding-right:14px}.slot-grid{gap:10px}.slot-card{padding:8px}.slot-images{gap:7px}.slot-image-label{font-size:10px}.upload-confirm{grid-template-columns:1fr}.upload-confirm .h5-primary{width:100%}}:root{--xiao-canvas: #f6f4ed;--xiao-paper: #fffefa;--xiao-paper-soft: #eef1ef;--xiao-ink-950: #09264d;--xiao-ink-700: #294668;--xiao-ink-500: #63748a;--xiao-line: #d6d9d7;--xiao-signal: #00a7c4;--xiao-signal-deep: #007d9a;--xiao-action: #e64a31;--xiao-action-deep: #c93826;--xiao-success: #1f8755;--xiao-warning: #be781a;--xiao-danger: #c9362b;--xiao-focus: #007d9a;--xiao-shadow: 0 10px 24px rgba(9, 38, 77, .1)}body{color:var(--xiao-ink-950);background:var(--xiao-canvas);font-family:HarmonyOS Sans SC,PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;-webkit-font-smoothing:antialiased}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--xiao-focus) 75%,white);outline-offset:3px}.h5-page{width:100%;min-width:0;overflow-x:clip;padding-top:max(28px,env(safe-area-inset-top));background-color:var(--xiao-canvas);background-image:radial-gradient(circle at 18% 9%,rgba(9,38,77,.033) 0 1px,transparent 1.15px),linear-gradient(106deg,rgba(255,255,255,.25),transparent 42%);background-size:9px 9px,100% 100%}.h5-frame{max-width:100%}.parent-header{gap:8px;margin-bottom:20px}.parent-header-main{min-height:42px;gap:9px}.parent-header-actions{min-height:38px;padding-left:38px}.parent-brand{color:var(--xiao-ink-950);font-size:13px;letter-spacing:.02em}.parent-logo{width:26px;height:26px}.parent-divider{background:var(--xiao-line)}.parent-class-name{color:var(--xiao-ink-700);font-size:16px;white-space:normal;line-height:1.35}.teacher-chip{display:inline-flex;align-items:center;gap:5px;max-width:100%;min-height:36px;border-color:var(--xiao-line);background:var(--xiao-paper);color:var(--xiao-ink-700);font-size:13px}.h5-quiet-button{min-height:36px;color:var(--xiao-signal-deep)}.h5-back{display:grid;place-items:center;width:44px;min-width:44px;height:44px;padding:0;color:var(--xiao-ink-950)}.h5-back .ui-icon{display:block}.h5-paper-card,.slot-card{min-width:0;border-color:var(--xiao-line);border-radius:12px;background:#fffefaf0;box-shadow:var(--xiao-shadow)}.h5-paper-card.fold:after{width:23px;height:23px;background:var(--xiao-canvas);border-color:var(--xiao-line)}.h5-title{color:var(--xiao-ink-950);font-size:25px;letter-spacing:-.02em;text-wrap:balance}.h5-subtitle,.assignment-deadline,.slot-card p,.upload-confirm p{color:var(--xiao-ink-500);text-wrap:pretty}.h5-error{color:var(--xiao-danger)}.h5-notice{border:1px solid rgba(0,167,196,.26);border-radius:8px;background:#00a7c40f;color:var(--xiao-signal-deep)}.h5-status{border-color:var(--xiao-line);background:var(--xiao-paper);color:var(--xiao-ink-500)}.h5-status.collecting,.h5-status.pending,.h5-status.selected,.h5-status.uploading,.h5-status.processing,.h5-status.generating,.h5-status.retrying{border-color:color-mix(in srgb,var(--xiao-signal) 64%,white);color:var(--xiao-signal-deep);background:#00a7c40f}.h5-status.ready,.h5-status.available,.h5-status.claimable,.h5-status.passed{border-color:color-mix(in srgb,var(--xiao-success) 46%,white);color:var(--xiao-success);background:color-mix(in srgb,var(--xiao-success) 6%,white)}.h5-status.returned,.h5-status.failed,.h5-status.not_published,.h5-status.deleted{border-color:color-mix(in srgb,var(--xiao-danger) 48%,white);color:var(--xiao-danger);background:color-mix(in srgb,var(--xiao-danger) 5%,white)}.h5-status.closed,.h5-status.excluded,.h5-status.input_required{border-color:color-mix(in srgb,var(--xiao-warning) 54%,white);color:var(--xiao-warning);background:color-mix(in srgb,var(--xiao-warning) 7%,white)}.h5-primary,.h5-secondary,.h5-danger{border-radius:8px;transition:background .16s ease-out,color .16s ease-out,border-color .16s ease-out,transform .16s ease-out}.h5-primary{border-color:var(--xiao-action);background:var(--xiao-action);box-shadow:0 4px 10px #c9382626}.h5-primary:hover{background:var(--xiao-action-deep);border-color:var(--xiao-action-deep)}.h5-primary:active{transform:translateY(1px)}.h5-secondary{border-color:var(--xiao-signal);color:var(--xiao-signal-deep);background:transparent}.h5-secondary:hover{background:#00a7c414}.h5-danger{border-color:var(--xiao-danger);color:var(--xiao-danger)}.h5-primary:disabled,.h5-secondary:disabled,.h5-danger:disabled{border-color:#c7cecf;background:#c7cecf;color:#fff;box-shadow:none}.h5-input,.h5-select,.h5-textarea{border-color:var(--xiao-line);border-radius:8px;background:var(--xiao-paper);color:var(--xiao-ink-950)}.h5-input:focus,.h5-select:focus,.h5-textarea:focus{outline:none;border-color:var(--xiao-signal);box-shadow:0 0 0 3px #00a7c421}.h5-field{gap:8px}.h5-field+.h5-field{margin-top:20px}.h5-sms-row{gap:12px}.h5-inline-field-actions{display:grid;grid-template-columns:minmax(0,1fr) 102px;gap:12px}.h5-actions{gap:12px;margin-top:20px}.h5-dialog h2{margin-bottom:20px}.h5-dialog>.h5-field+.h5-checkbox,.h5-dialog>.h5-error+.h5-checkbox{margin-top:20px}.assignment-card{padding:24px}.assignment-card .h5-status{margin-top:14px}.assignment-deadline strong{color:var(--xiao-signal-deep)}.assignment-progress{border-color:var(--xiao-line);border-radius:12px;background:#fffefae0;box-shadow:0 5px 12px #09264d0f}.progress-line:before{background:var(--xiao-line)}.progress-line i{background:var(--xiao-paper);border-color:var(--xiao-line)}.progress-line i.complete{background:var(--xiao-signal);border-color:var(--xiao-signal)}.progress-line i.staged{border-color:var(--xiao-signal);box-shadow:0 0 0 3px #00a7c424}.progress-copy b,.progress-copy em{color:var(--xiao-signal-deep)}.assignment-voice-entry{color:var(--xiao-signal-deep);font-size:inherit;text-decoration:underline;text-underline-offset:3px}.slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.slot-card{padding:10px;box-shadow:0 5px 12px #09264d12}.slot-card-header{min-height:43px}.slot-card h3{font-size:14px}.slot-card header small{font-size:10px;color:var(--xiao-ink-500)}.slot-card .h5-status{max-width:69px;padding:3px 5px;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-images{gap:7px}.slot-image-label{color:var(--xiao-ink-700)}.slot-preview{border-color:var(--xiao-line);border-radius:7px;background:#e8ecec;color:var(--xiao-ink-500)}.slot-preview.has-artwork{background:var(--xiao-paper)}.slot-preview img{background:#e8ecec;outline:1px solid oklch(0 0 0 / .1);outline-offset:-1px}.slot-card .h5-primary,.slot-card .h5-secondary{min-height:42px;padding:0 6px;font-size:11px}.slot-upload-action{grid-auto-flow:column;grid-auto-columns:max-content;column-gap:5px;justify-content:center}.upload-confirm{grid-template-columns:1fr;gap:12px;margin-top:16px;padding:16px}.upload-confirm .h5-primary{width:100%}.h5-actions{padding-bottom:8px}.landing-class-card{min-height:188px;padding:24px}.landing-meta{gap:8px}.landing-deadline{display:flex;align-items:center;gap:6px}.landing-privacy-link{min-height:36px;margin-top:12px;color:var(--xiao-signal-deep);text-align:left}.landing-primary-action{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:center;align-content:center;column-gap:8px}.landing-continue{padding:20px}.landing-continue .h5-primary,.landing-continue .h5-secondary{width:100%}.child-list{gap:9px}.child-row{border-color:var(--xiao-line);border-radius:10px;background:var(--xiao-paper);transition:border-color .16s ease-out,background .16s ease-out}.child-row:hover{border-color:color-mix(in srgb,var(--xiao-signal) 58%,white)}.child-row.selected{border-color:var(--xiao-signal);box-shadow:inset 3px 0 0 var(--xiao-signal);background:#00a7c40e}.child-avatar{border-color:color-mix(in srgb,var(--xiao-signal) 60%,white);color:var(--xiao-signal-deep);background:#00a7c40e}.child-arrow{display:grid;place-items:center;width:32px;height:32px;color:var(--xiao-signal-deep)}.voice-card .h5-title{color:var(--xiao-ink-950)}.voice-asset{border-color:color-mix(in srgb,var(--xiao-success) 48%,white);border-radius:10px;background:color-mix(in srgb,var(--xiao-success) 4%,white);color:var(--xiao-success)}.record-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border-color:#00a7c433;background:var(--xiao-signal);box-shadow:0 8px 20px #00a7c42e}.record-button.recording{background:var(--xiao-action);border-color:#e64a3133}.record-button.uploading{background:var(--xiao-ink-950);border-color:#09264d2e}.record-button .ui-icon{flex:0 0 auto;margin:0}.record-button-label{display:block;max-width:112px;line-height:1.25;text-align:center}.voice-duration-guard{margin:16px 0 12px;padding:14px;border:1px solid color-mix(in srgb,var(--xiao-action) 38%,white);border-radius:12px;background:color-mix(in srgb,var(--xiao-action) 5%,var(--xiao-paper))}.voice-duration-guard.ready{border-color:color-mix(in srgb,var(--xiao-success) 48%,white);background:color-mix(in srgb,var(--xiao-success) 6%,var(--xiao-paper))}.voice-duration-summary{display:flex;align-items:center;gap:12px}.voice-duration-number{min-width:58px;color:var(--xiao-action);font-size:32px;font-weight:800;line-height:1;letter-spacing:-.04em}.voice-duration-number small{margin-left:2px;font-size:15px;letter-spacing:0}.voice-duration-guard.ready .voice-duration-number{color:var(--xiao-success)}.voice-duration-summary strong{color:var(--xiao-ink-950);font-size:14px}.voice-duration-summary p,.voice-duration-status{margin:4px 0 0;color:var(--xiao-ink-500);font-size:12px;line-height:1.55}.voice-duration-track{height:7px;margin-top:12px;overflow:hidden;border-radius:99px;background:#09264d1f}.voice-duration-track span{display:block;width:0;height:100%;border-radius:inherit;background:var(--xiao-action);transition:width .18s linear,background-color .18s ease}.voice-duration-guard.ready .voice-duration-track span{background:var(--xiao-success)}.voice-duration-status{min-height:19px;color:var(--xiao-ink-700);font-weight:700}.voice-wave-panel{position:relative;margin:14px 0 4px;overflow:hidden;border:1px solid var(--xiao-line);border-radius:12px;background:#ffffff85}.voice-wave-panel.recording{border-color:color-mix(in srgb,var(--xiao-action) 54%,white);background:color-mix(in srgb,var(--xiao-action) 4%,var(--xiao-paper))}.voice-wave-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 12px 0;color:var(--xiao-ink-700);font-size:12px}.voice-wave-header strong{color:var(--xiao-ink-950);font-size:13px}.voice-wave-header>span:last-child{color:var(--xiao-ink-500)}.voice-wave-indicator{width:8px;height:8px;border-radius:50%;background:var(--xiao-line)}.voice-wave-panel.recording .voice-wave-indicator{background:var(--xiao-action);box-shadow:0 0 0 5px #e64a311f;animation:voice-wave-pulse 1.2s ease-in-out infinite}.voice-wave-canvas{display:block;width:100%;height:68px;margin-top:6px}.voice-wave-placeholder{position:absolute;top:39px;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;color:var(--xiao-ink-500);font-size:12px;pointer-events:none}.voice-record-cancel{display:block;margin:4px auto 0;padding:8px 12px;border:0;background:transparent;color:var(--xiao-ink-700);font-size:13px;text-decoration:underline}.voice-uploading-state{display:flex;align-items:center;gap:11px;margin:16px 0 8px;padding:14px;border:1px solid color-mix(in srgb,var(--xiao-signal) 44%,white);border-radius:12px;background:color-mix(in srgb,var(--xiao-signal) 5%,var(--xiao-paper))}.voice-saving-mark{display:flex;align-items:center;gap:4px;min-height:34px}.voice-saving-mark i{width:7px;height:7px;border-radius:50%;background:var(--xiao-signal);animation:voice-saving-bounce .9s ease-in-out infinite}.voice-saving-mark i:nth-child(2){animation-delay:.12s}.voice-saving-mark i:nth-child(3){animation-delay:.24s}.voice-uploading-state strong{color:var(--xiao-ink-950);font-size:14px}.voice-uploading-state p{margin:4px 0 0;color:var(--xiao-ink-500);font-size:12px;line-height:1.55}@keyframes voice-saving-bounce{50%{transform:translateY(-5px);opacity:.55}}@keyframes voice-wave-pulse{50%{transform:scale(.82);opacity:.7}}@media(prefers-reduced-motion:reduce){.voice-wave-panel.recording .voice-wave-indicator,.voice-saving-mark i{animation:none}}.h5-dialog-mask{background:#09264d7a}.h5-dialog{border-radius:20px 20px 0 0;background:var(--xiao-paper)}.voice-record-dialog{display:grid;align-content:start}.voice-file-action{min-height:48px}.status-card .h5-title{font-size:24px}.return-card{border-color:color-mix(in srgb,var(--xiao-danger) 34%,white);background:color-mix(in srgb,var(--xiao-danger) 4%,white)}.work-card{padding:16px}.work-card .work-video{border-color:var(--xiao-line);border-radius:10px;background:var(--xiao-ink-950)}.work-card .work-video>.h5-primary{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;column-gap:8px;justify-content:center;align-content:center}.work-card .h5-secondary{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:center;align-items:center;column-gap:6px}.archive-list{padding:18px}.archive-row{border-bottom-color:var(--xiao-line)}.work-picker-selected{border-color:var(--xiao-signal);background:#00a7c40f}.h5-restricted{width:100%;margin-top:70px;text-align:center}.h5-restricted .h5-primary{width:min(100%,246px);margin-top:16px}@media(max-width:426px){.h5-page{padding-right:16px;padding-left:16px}}@media(max-width:360px){.h5-page{padding-right:16px;padding-left:16px}.parent-header-actions{padding-left:38px}.slot-card{padding:8px}.slot-images{gap:5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}