.narration-player{z-index:28;color:#2c3c43;isolation:isolate;background:#fff;border:1px solid #dce3e4;border-radius:10px;min-width:0;max-width:100%;margin:0 0 20px;padding:16px 19px;font:12px/1.6 Arial,Microsoft YaHei,sans-serif;position:sticky;top:8px;box-shadow:0 6px 22px #263a4210}.narration-player *{box-sizing:border-box}.narration-topline{justify-content:space-between;align-items:center;gap:14px;display:flex}.narration-topline>div{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.narration-indicator{background:#a5b2b8;border-radius:50%;flex:none;width:7px;height:7px}.narration-indicator.is-playing{background:#dc743b}.narration-controls{flex-wrap:wrap;align-items:center;gap:7px;margin:12px 0;display:flex}.narration-player button{font:inherit;color:#50656e;cursor:pointer;background:#f9fafb;border:1px solid #dfe5e7;border-radius:5px;min-height:34px;padding:7px 10px;font-size:11px}.narration-player button:hover:not(:disabled){background:#eef3f5}.narration-player button:disabled{opacity:.4;cursor:not-allowed}.narration-player .narration-primary{color:#fff;background:#e76d36;border-color:#e76d36;padding-left:15px;padding-right:15px;font-weight:600}.narration-player .narration-primary:hover{background:#d75d28}.narration-player label{color:#84959d;align-items:center;gap:7px;min-width:0;font-size:10px;display:flex}.narration-player select{font:inherit;color:#45606d;background:#fff;border:1px solid #dfe5e7;border-radius:5px;min-width:0;max-width:100%;min-height:34px;padding:7px;font-size:11px}.narration-caption{background:#f5f8f9;border-radius:6px;padding:11px 14px}.narration-caption label{gap:12px}.narration-caption select{background:0 0;border:0;flex:1;min-height:25px;padding:3px 0;font-weight:600}.narration-caption p{white-space:pre-wrap;overflow-wrap:anywhere;max-height:132px;font-size:12px;line-height:1.9;overflow-y:auto;color:#526872!important;margin:8px 0 0!important}.narration-message{color:#9b7045;background:#fff6eb;border-left:3px solid #d9a26c;margin-top:10px;padding:8px 11px;font-size:11px}.narration-message span{display:block}.narration-footline{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.narration-footline>span{color:#95a2a9;margin-right:auto;font-size:9px}.narration-footline button{color:#738e9a;background:0 0;border:0;min-height:25px;padding:3px 7px;font-size:10px}.narration-player button:focus-visible,.narration-player select:focus-visible{outline-offset:3px;outline:3px solid #739bc5}.narration-player audio{display:none}@media (max-width:650px){.narration-player{margin-bottom:16px;padding:13px 12px;position:relative;top:auto}.narration-topline{align-items:flex-start}.narration-status{font-size:9px}.narration-controls{gap:6px}.narration-player button{min-height:36px;padding:7px 9px;font-size:10px}.narration-controls label{font-size:9px}.narration-caption{padding:10px}.narration-caption p{max-height:140px;font-size:11px}.narration-footline>span{width:100%;font-size:8px}.narration-caption label{flex-wrap:wrap;gap:2px}.narration-caption select{flex:auto;width:100%}.narration-topline strong{font-size:12px}.narration-topline>div{gap:7px}}@media (prefers-reduced-motion:reduce){.narration-player *{scroll-behavior:auto!important;transition:none!important}}.narration-player{color:#344b55;padding:15px 18px;font-size:14px}.narration-topline strong{font-size:15px}.narration-status,.narration-count{color:#52656e;font-size:12px}.narration-player button{color:#405963;min-height:44px;padding:9px 12px;font-size:14px}.narration-player label{color:#52656e;font-size:13px}.narration-player select{color:#344f5d;min-height:44px;padding:8px;font-size:14px}.narration-caption{padding:10px 13px}.narration-caption p{max-height:76px;font-size:14px;line-height:1.8;color:#405963!important}.narration-caption select{min-height:32px;font-size:14px}.narration-message{color:#80552b;font-size:13px}.narration-footline>span{color:#52656e;font-size:12px}.narration-footline button{color:#405963;min-height:36px;font-size:13px}.narration-controls{margin:10px 0}.narration-player button:disabled{opacity:.55}.narration-footline{margin-top:8px}@media (max-width:1100px){.narration-player{position:relative;top:auto}}@media (max-width:650px){.narration-player{padding:14px 12px}.narration-topline strong{font-size:14px}.narration-status,.narration-count{font-size:12px}.narration-player button,.narration-footline button{min-height:44px;padding:8px 11px;font-size:14px}.narration-player label,.narration-controls label{font-size:13px}.narration-player select{min-height:44px;font-size:14px}.narration-caption p{max-height:101px;font-size:14px;line-height:1.8}.narration-caption select{min-height:44px;font-size:14px}.narration-footline>span{font-size:12px}.narration-topline>div{gap:7px}.narration-topline .narration-status{width:100%;margin-left:14px}.narration-controls{gap:7px}.narration-caption{padding:10px}}.narration-player{position:relative;top:auto}.narration-player .narration-controls button{min-height:44px;font-size:14px}.narration-player .narration-footline button{min-height:44px;font-size:13px}.narration-player .narration-caption p{font-size:14px;color:#405963!important}.narration-player .narration-controls select{min-height:44px;font-size:14px}@media (max-width:650px){.narration-player .narration-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.narration-player .narration-controls button{padding:7px 4px;font-size:14px;line-height:1.4}.narration-player .narration-controls label{gap:0;font-size:0}.narration-player .narration-controls select{width:100%;font-size:14px}.narration-player .narration-caption label{white-space:nowrap;flex-wrap:nowrap;gap:7px;font-size:12px}.narration-player .narration-caption select{flex:1;width:auto;min-width:0}.narration-player .narration-caption p{max-height:76px}.narration-player .narration-footline{gap:5px}.narration-player .narration-footline>span{font-size:12px;line-height:1.5}}.narration-player .narration-caption p:focus-visible{outline-offset:3px;outline:2px solid #739bc5}@media (max-width:650px){.narration-player .narration-caption p{scrollbar-width:thin;max-height:52px}}.narration-player .narration-floating-pause{right:max(20px,env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));z-index:80;color:#fff;cursor:pointer;background:#de642f;border:1px solid #d65f2b;border-radius:8px;align-items:center;gap:12px;max-width:calc(100vw - 84px);min-height:48px;padding:11px 17px;font-size:14px;font-weight:600;display:flex;position:fixed;box-shadow:0 5px 20px #263a4230}.narration-player .narration-floating-pause:hover{background:#bd4f21}.narration-player .narration-floating-pause:focus-visible{outline-offset:4px;outline:3px solid #286fa8}.narration-floating-count{white-space:nowrap;border-left:1px solid #ffffff70;padding-left:10px;font-size:13px;font-weight:400}@media (max-width:650px){.narration-player .narration-floating-pause{right:max(12px,env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));gap:8px;min-height:46px;padding:10px 12px;font-size:14px}.narration-floating-count{padding-left:8px}}