/* 紫蓝界面演示；所有样式限定在 pd- 命名空间。 */
.pd-demo{--pd-bg:#0b0d1b;--pd-panel:#17172b;--pd-line:#8f82c321;--pd-text:#f4f1ff;--pd-muted:#aaa5c2;--pd-purple:#b59aff;--pd-blue:#8aa8ff;color:var(--pd-text);background:var(--pd-bg);border:1px solid #a59bda2b;border-radius:20px;overflow:hidden;box-shadow:0 24px 80px #0004,0 0 55px #6250d10b;font-family:inherit;isolation:isolate;text-align:left;width:100%;box-sizing:border-box}
.pd-demo *{box-sizing:border-box}.pd-demo button{font:inherit;cursor:pointer}.pd-demo button:focus-visible{outline:2px solid var(--pd-purple);outline-offset:3px}.pd-icon{width:20px;height:20px;flex-shrink:0;display:inline-block;vertical-align:middle}.pd-appbar{height:58px;padding:0 24px;display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--pd-line);background:linear-gradient(105deg,#19152b,#14182e 75%,#17213d)}.pd-app-brand{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;min-width:0;white-space:nowrap}.pd-app-brand>span:last-child{overflow:hidden;text-overflow:ellipsis}.pd-app-brand>.pd-icon{color:var(--pd-blue)}.pd-app-mark{display:grid;place-items:center;width:25px;height:25px;border:1px solid #bea7ff38;border-radius:7px;background:linear-gradient(135deg,#545eaa,#7143a0);font-size:10px;font-weight:700;color:#f5f1ff}.pd-app-location{color:#a59cbd;font-size:12px;border-left:1px solid #6d60753b;padding-left:22px}.pd-app-status{margin-left:auto;display:flex;gap:7px;align-items:center;color:#afa4ce;font-size:11px;white-space:nowrap}.pd-app-status i{width:5px;height:5px;background:#b299ef;border-radius:50%;box-shadow:0 0 12px #b299ef66}.pd-upload-workspace{display:flex;min-height:395px}.pd-mini-sidebar{width:166px;padding:24px 13px;display:flex;flex-direction:column;gap:15px;border-right:1px solid var(--pd-line);background:linear-gradient(180deg,#111020,#0d1020)}.pd-mini-sidebar>span{display:flex;gap:9px;align-items:center;padding:10px 12px;color:#89819f;font-size:12px;white-space:nowrap}.pd-mini-sidebar .pd-icon{width:16px;height:16px}.pd-mini-sidebar .pd-side-active{color:#e3d9ff;background:linear-gradient(105deg,#4329657a,#2a3c6466);border:1px solid #ab91ff25;border-radius:8px}.pd-side-bottom{margin-top:auto;color:#655f7a;font-size:10px;padding:0 12px}.pd-upload-main{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;padding:27px 28px 22px;background:radial-gradient(ellipse at 60% 45%,#55408320,transparent 60%);position:relative}.pd-file-chip{display:flex;align-items:center;gap:12px;border:1px solid #9a8cbd24;border-radius:10px;background:#1b1a3070;padding:12px 15px;width:min(360px,100%);box-shadow:0 6px 20px #0002}.pd-file-chip>.pd-icon{width:29px;height:29px;color:#95b3ff}.pd-file-chip strong{display:block;font-size:12px;font-weight:500;line-height:1.6}.pd-file-chip div>span{display:block;color:#877f9d;font-size:10px;line-height:1.5}.pd-file-loaded{margin-left:auto;color:#c3b3ff;opacity:.35}.pd-file-loaded>.pd-icon{width:17px}.pd-upload:not([data-pd-stage="0"]) .pd-file-loaded{opacity:1}.pd-scan-scene{height:171px;width:190px;position:relative;display:grid;place-items:center;margin-top:10px}.pd-scan-halo{position:absolute;inset:20px;border-radius:50%;background:radial-gradient(circle,#8c65df25,transparent 70%)}.pd-scan-ring{position:absolute;width:138px;height:138px;border:1px solid #9d83e430;border-radius:50%;box-shadow:0 0 0 13px #9876d405}.pd-scan-ring:after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1px solid transparent;border-top-color:#a587ed;border-right-color:#8eafffb0;animation:pd-spin 2.8s linear infinite;filter:drop-shadow(0 0 6px #8d68e480)}.pd-scan-orbit{position:absolute;width:166px;height:166px;border:1px solid #8d6cd00b;border-radius:50%;animation:pd-spin 5s linear infinite}.pd-scan-orbit i{width:5px;height:5px;position:absolute;top:24px;left:18px;border-radius:50%;background:#94b5ff;box-shadow:0 0 9px #8aabff}.pd-scan-paper{position:relative;height:84px;width:61px;border-radius:5px;background:linear-gradient(160deg,#f0edff,#c8cced);border:1px solid #f1eaffb0;box-shadow:0 0 35px #a184f425;padding:14px 9px;overflow:hidden}.pd-scan-paper>span{display:block;height:4px;width:20px;border-radius:3px;background:#7b78b8}.pd-scan-paper>b{display:block;height:2px;background:#9996bb;margin-top:8px;width:36px}.pd-scan-paper>i{display:block;height:2px;background:#b0aac4;margin-top:4px;width:32px}.pd-scan-paper>i:nth-of-type(2){width:25px}.pd-paper-chart{height:21px;margin-top:7px;display:flex;gap:4px;align-items:flex-end}.pd-paper-chart em{height:45%;width:6px;background:#8b80b9;border-radius:1px}.pd-paper-chart em:nth-child(2){height:72%}.pd-paper-chart em:nth-child(3){height:57%}.pd-paper-chart em:nth-child(4){height:100%;background:#a78ce0}.pd-scan-line{position:absolute;top:0;left:0;width:100%;height:1px;background:#9470ff;box-shadow:0 -9px 15px 9px #9170ef50;animation:pd-scan 2.4s ease-in-out infinite}.pd-complete-check{position:absolute;inset:0;background:#ddd9f4;display:grid;place-items:center;opacity:0;transition:opacity .4s}.pd-complete-check>.pd-icon{width:32px;height:32px;color:#7461b0}.pd-upload[data-pd-stage="3"] .pd-complete-check{opacity:1}.pd-upload[data-pd-stage="3"] .pd-scan-ring:after,.pd-upload[data-pd-stage="3"] .pd-scan-orbit{animation-play-state:paused;opacity:.5}.pd-upload[data-pd-stage="3"] .pd-scan-line{display:none}.pd-upload-status{text-align:center;min-height:51px}.pd-upload-status strong{font-size:16px;letter-spacing:.02em;display:block;font-weight:500;line-height:1.8}.pd-upload-status>span{font-size:11px;color:#9c93b3;display:block;line-height:1.8;margin-top:2px}.pd-check-chips{display:flex;gap:9px;margin-top:13px;opacity:.35;transition:opacity .4s}.pd-check-chips>span{font-size:10px;border:1px solid #8a75b329;background:#2a234137;padding:5px 9px;border-radius:6px;color:#b5a4d5;display:flex;align-items:center;gap:5px}.pd-check-chips .pd-icon{width:13px;height:13px}.pd-upload[data-pd-stage="2"] .pd-check-chips,.pd-upload[data-pd-stage="3"] .pd-check-chips{opacity:1}.pd-steps{margin:0;padding:22px 30px;list-style:none;display:flex;align-items:center;border-top:1px solid var(--pd-line);background:#151328;gap:22px;justify-content:center}.pd-steps li{display:flex;align-items:center;gap:8px;color:#736b89;font-size:11px;position:relative;white-space:nowrap}.pd-steps li+li:before{content:"";height:1px;width:12px;background:#74638b40;position:absolute;left:-17px;top:50%}.pd-steps li>span{width:21px;height:21px;display:grid;place-items:center;border:1px solid #8b78a330;border-radius:50%;font-size:9px;transition:.3s}.pd-steps .pd-current{color:#e2d5ff}.pd-steps .pd-current>span{background:#7350b95e;border-color:#b99bee;box-shadow:0 0 16px #9673d133}.pd-steps .pd-done{color:#a293bd}.pd-steps .pd-done>span{border-color:#7d69a2;background:#48335b3b}.pd-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 23px;border-top:1px solid var(--pd-line);background:#111220}.pd-demo-note{color:#7f7894;font-size:10px;letter-spacing:.015em}.pd-control-actions{display:flex;gap:12px}.pd-control{border:0;background:transparent;padding:4px 2px;color:#b2a8c8;display:flex;align-items:center;gap:5px;line-height:1.4;font-size:11px!important;border-radius:4px}.pd-control .pd-icon{width:13px;height:13px}.pd-control:hover{color:#e0d0ff}.pd-control:disabled{color:#7a7388;cursor:default}.pd-paused *,.pd-paused *:before,.pd-paused *:after{animation-play-state:paused!important}.pd-annotation-toolbar{height:50px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 22px;background:#151425;border-bottom:1px solid var(--pd-line)}.pd-format-tabs{height:100%;display:flex;gap:20px}.pd-format-tabs button{position:relative;padding:0 3px;border:0;background:none;color:#8a809e;font-size:12px}.pd-format-tabs button[aria-pressed="true"]{color:#d2bcff}.pd-format-tabs button[aria-pressed="true"]:after{content:"";height:2px;position:absolute;bottom:0;left:0;right:0;background:linear-gradient(90deg,#a582e9,#769eff);border-radius:2px}.pd-toolbar-detail{color:#77708d;font-size:10px}.pd-annotation-workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(235px,.85fr);min-height:410px;background:radial-gradient(ellipse at 35% 30%,#46304e20,transparent 70%),#10121f}.pd-document-area{padding:16px 24px 22px;border-right:1px solid var(--pd-line);min-width:0}.pd-area-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8c83a3;margin-bottom:14px}.pd-document-mount{max-width:465px;margin:auto;position:relative}.pd-paper{background:#f3f1f8;color:#343044;border-radius:3px;padding:25px 30px 20px;position:relative;min-height:322px;overflow:hidden;box-shadow:0 12px 28px #0004}.pd-paper-kicker{color:#9687a6;font-size:9px;letter-spacing:.1em}.pd-paper h4{font-size:20px;font-weight:600;line-height:1.5;margin:8px 0 4px}.pd-paper p{font-size:11px;line-height:1.9;margin:12px 0;color:#60566d}.pd-paper p.pd-paper-intro{font-size:9px;color:#a095ad;margin:0 0 14px}.pd-paper-divider{height:1px;background:#d2c8e0}.pd-mark{background:transparent;padding:2px 0;color:inherit;border-bottom:1px solid transparent;transition:background .65s,border-color .65s}.pd-annotation[data-pd-stage="1"] .pd-mark-one,.pd-annotation[data-pd-stage="2"] .pd-mark-one,.pd-annotation[data-pd-stage="3"] .pd-mark-one{background:#e9dae8;border-bottom-color:#bd91a7}.pd-annotation[data-pd-stage="2"] .pd-mark-two,.pd-annotation[data-pd-stage="3"] .pd-mark-two{background:#e4ddef;border-bottom-color:#a187b8}.pd-document-chart{display:flex;align-items:flex-end;gap:12%;height:54px;border-bottom:1px solid #d3c7dc;margin:19px 0 15px;padding:0 9px;position:relative}.pd-document-chart i{width:12px;border-radius:2px 2px 0 0;background:linear-gradient(#b0a0c7,#ccc1df);height:35%}.pd-document-chart i:nth-child(2){height:48%}.pd-document-chart i:nth-child(3){height:41%}.pd-document-chart i:nth-child(4){height:65%}.pd-document-chart i:nth-child(5){height:53%}.pd-document-chart i:nth-child(6){height:77%}.pd-document-chart i:nth-child(7){height:95%}.pd-document-chart>span{position:absolute;font-size:8px;color:#aa9db8;right:0;top:-10px}.pd-paper-footer{border-top:1px solid #dad3e3;margin-top:18px;padding-top:9px;display:flex;justify-content:space-between;font-size:8px;color:#a49bad}.pd-paper-pdf{border-radius:0;box-shadow:0 7px 0 -3px #c4bace,0 12px 25px #0004}.pd-document-scan{position:absolute;left:0;right:0;top:0;height:60px;background:linear-gradient(transparent,#b39dff18);border-bottom:1px solid #a78ad666;animation:pd-document-scan 3.1s ease-in-out infinite;pointer-events:none}.pd-annotation[data-pd-stage="3"] .pd-document-scan{opacity:0}.pd-comments{padding:17px 18px;position:relative;min-width:0}.pd-comments-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:16px}.pd-comments-heading>span:first-child{display:flex;gap:7px;align-items:center;color:#c3b5e3}.pd-comments-heading .pd-icon{width:15px;height:15px}.pd-comment-counter{font-size:10px;color:#897b9c}.pd-reading-placeholder{display:flex;align-items:center;gap:9px;position:absolute;top:74px;left:20px;color:#84788f;font-size:10px;transition:opacity .35s}.pd-typing{display:flex;gap:3px}.pd-typing i{width:3px;height:3px;background:#a28db8;border-radius:50%;animation:pd-dot 1.1s ease-in-out infinite}.pd-typing i:nth-child(2){animation-delay:.2s}.pd-typing i:nth-child(3){animation-delay:.4s}.pd-annotation[data-pd-stage="2"] .pd-reading-placeholder,.pd-annotation[data-pd-stage="3"] .pd-reading-placeholder{opacity:0}.pd-comment{padding:13px 14px 10px;border:1px solid #8c638352;background:linear-gradient(135deg,#2a213a,#201a30);border-radius:9px;opacity:0;transform:translateY(9px);transition:opacity .6s,transform .6s;margin-bottom:12px;visibility:hidden;box-shadow:0 4px 17px #05040b29}.pd-comment-two{border-color:#765c945c;background:linear-gradient(135deg,#251f37,#1f1c2c)}.pd-annotation[data-pd-stage="2"] .pd-comment-one,.pd-annotation[data-pd-stage="3"] .pd-comment-one,.pd-annotation[data-pd-stage="3"] .pd-comment-two{opacity:1;transform:none;visibility:visible}.pd-comment-title{display:flex;gap:7px;align-items:center;color:#ead7ec}.pd-comment-title>span{font-size:8px;display:grid;place-items:center;width:18px;height:18px;border:1px solid #b190bf39;border-radius:4px;color:#c5a1ca;background:#71536e36}.pd-comment-title strong{font-size:11px;font-weight:550;line-height:1.5}.pd-comment dl{display:grid;grid-template-columns:24px minmax(0,1fr);gap:7px 7px;font-size:10px;line-height:1.7;margin:12px 0}.pd-comment dt{color:#9382a5}.pd-comment dd{margin:0;color:#c6b4cd;overflow-wrap:anywhere}.pd-comment-link{display:block;border-top:1px solid #a382b41c;padding-top:8px;color:#9a84ae;font-size:9px}.pd-video-surface{background:#151224;border:1px solid #403347;border-radius:5px;overflow:hidden}.pd-video-frame{aspect-ratio:16/9;position:relative;background:radial-gradient(ellipse at 30% 100%,#5a397a66,transparent 75%),linear-gradient(135deg,#19152d,#253047);padding:17px;display:flex;flex-direction:column;justify-content:center;align-items:center}.pd-video-kicker{position:absolute;top:13px;left:15px;font-size:9px;color:#c2aecb}.pd-video-symbol{width:35px;height:35px;border:1px solid #c6adfc35;border-radius:50%;background:#afa3da10;display:grid;place-items:center;color:#bfa8df}.pd-video-symbol .pd-icon{width:17px;height:17px}.pd-video-frame strong{font-weight:400;font-size:12px;color:#d7c7e9;margin-top:13px;letter-spacing:.02em}.pd-video-badge{position:absolute;right:10px;bottom:9px;font-size:8px;color:#887f9d}.pd-video-timeline{height:29px;padding:0 12px;display:flex;align-items:center;gap:10px;font-size:8px;color:#8c80a1;background:#151323}.pd-video-timeline>i{height:3px;border-radius:3px;flex:1;background:#3f3152}.pd-video-timeline b{display:block;width:40%;height:100%;background:#9c7dd0;border-radius:3px}.pd-transcript{padding:12px 14px}.pd-transcript-label{font-size:9px;color:#c3b2d6}.pd-transcript p{font-size:10px;line-height:1.9;color:#afa1bf;margin:10px 0}.pd-transcript small{font-size:8px;color:#7a6d88;display:block}.pd-video-surface .pd-mark{background:transparent}.pd-annotation[data-pd-stage="1"] .pd-video-surface .pd-mark-one,.pd-annotation[data-pd-stage="2"] .pd-video-surface .pd-mark-one,.pd-annotation[data-pd-stage="3"] .pd-video-surface .pd-mark-one{background:#79536755;border-bottom-color:#bb7f9c}.pd-annotation[data-pd-stage="2"] .pd-video-surface .pd-mark-two,.pd-annotation[data-pd-stage="3"] .pd-video-surface .pd-mark-two{background:#684e8155;border-bottom-color:#aa8bc0}
@keyframes pd-spin{to{transform:rotate(360deg)}}@keyframes pd-scan{0%,100%{transform:translateY(0)}50%{transform:translateY(82px)}}@keyframes pd-document-scan{0%{transform:translateY(-55px);opacity:0}15%{opacity:1}90%{opacity:1}100%{transform:translateY(330px);opacity:0}}@keyframes pd-dot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
@media(max-width:760px){.pd-appbar{padding:0 17px;gap:15px;height:53px}.pd-mini-sidebar{width:133px;padding:24px 9px}.pd-mini-sidebar>span{padding:9px;font-size:11px;gap:7px}.pd-upload-main{padding:23px 20px 20px}.pd-annotation-workspace{grid-template-columns:minmax(0,1.1fr) minmax(210px,.9fr)}.pd-document-area{padding:16px}.pd-paper{padding:23px 20px}.pd-comments{padding:17px 13px}.pd-comment{padding:12px 11px}.pd-steps{padding:20px 17px;gap:21px}.pd-steps li{font-size:10px}.pd-upload-workspace{min-height:388px}.pd-upload-status strong{font-size:15px}}
@media(max-width:560px){.pd-demo{border-radius:14px}.pd-mini-sidebar{display:none}.pd-upload-main{padding:22px 21px}.pd-upload-workspace{min-height:384px}.pd-appbar{gap:12px;padding:0 15px}.pd-app-location{padding-left:12px;font-size:10px}.pd-app-brand{font-size:11px}.pd-app-status{font-size:9px}.pd-steps{padding:18px 12px;gap:0;justify-content:space-between}.pd-steps li{flex-direction:column;gap:7px;font-size:9px}.pd-steps li+li:before{width:18px;left:-25px;top:10px}.pd-controls{padding:12px 14px;gap:8px}.pd-demo-note{font-size:9px}.pd-control-actions{gap:9px}.pd-control{font-size:10px!important}.pd-annotation-toolbar{padding:0 15px;height:45px}.pd-toolbar-detail{font-size:9px}.pd-format-tabs{gap:18px}.pd-format-tabs button{font-size:11px}.pd-annotation-workspace{grid-template-columns:1fr;min-height:0}.pd-document-area{border-right:none;border-bottom:1px solid var(--pd-line);padding:15px 20px 20px}.pd-document-mount{max-width:360px}.pd-paper{min-height:310px;padding:23px 26px}.pd-comments{min-height:240px;padding:17px 16px;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}.pd-comments-heading{grid-column:1/-1;margin-bottom:0}.pd-comment{margin-bottom:0;padding:11px 10px}.pd-comment-title{gap:5px}.pd-comment-title strong{font-size:10px}.pd-comment-title>span{width:16px;height:16px;font-size:7px;flex-shrink:0}.pd-comment dl{font-size:9px;grid-template-columns:20px 1fr;gap:7px 4px}.pd-comment-link{font-size:8px}.pd-reading-placeholder{top:68px;left:20px}.pd-video-frame{max-height:175px}.pd-transcript p{font-size:10px}.pd-video-frame strong{font-size:13px}}
/* 首屏右侧采用紧凑上传窗口，预审页保留完整展开空间。 */
.pd-upload .pd-appbar{height:47px;padding:0 18px}.pd-upload-workspace{min-height:289px}.pd-upload-main{padding:17px 20px 14px}.pd-upload .pd-mini-sidebar{width:128px;padding:21px 8px}.pd-upload .pd-mini-sidebar>span{font-size:10px;padding:9px 8px;gap:7px}.pd-upload .pd-mini-sidebar .pd-icon{width:14px;height:14px}.pd-upload .pd-file-chip{padding:9px 12px;max-width:310px}.pd-upload .pd-file-chip>.pd-icon{height:25px;width:25px}.pd-upload .pd-scan-scene{height:119px;width:155px;margin-top:6px}.pd-upload .pd-scan-ring{width:105px;height:105px;box-shadow:0 0 0 9px #9876d405}.pd-upload .pd-scan-orbit{width:130px;height:130px}.pd-upload .pd-scan-paper{transform:scale(.78)}.pd-upload .pd-upload-status{min-height:44px}.pd-upload .pd-upload-status strong{font-size:14px}.pd-upload .pd-upload-status>span{font-size:10px}.pd-upload .pd-check-chips{margin-top:8px}.pd-upload .pd-check-chips>span{font-size:9px;padding:4px 7px}.pd-upload .pd-steps{padding:17px 18px;gap:22px}.pd-upload .pd-steps li{font-size:9px;gap:6px}.pd-upload .pd-steps li>span{height:18px;width:18px;font-size:8px}.pd-upload .pd-controls{padding:10px 18px}.pd-upload .pd-control{font-size:10px!important}
@media(min-width:900px){.pd-annotation .pd-appbar{height:60px}.pd-annotation-workspace{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);min-height:458px}.pd-document-area{padding:18px 32px 27px}.pd-paper{min-height:358px;padding:28px 35px 20px}.pd-paper h4{font-size:23px}.pd-paper p{font-size:12px}.pd-paper p.pd-paper-intro{font-size:10px}.pd-comments{padding:22px 25px}.pd-comments-heading{font-size:14px;margin-bottom:19px}.pd-comment{padding:16px 20px 13px}.pd-comment-title strong{font-size:13px}.pd-comment dl{font-size:12px;grid-template-columns:28px 1fr;gap:8px 9px}.pd-comment-link{font-size:10px}.pd-comment-counter{font-size:11px}.pd-document-chart{height:65px}.pd-reading-placeholder{top:82px;left:25px;font-size:12px}}
@media(max-width:560px){.pd-upload .pd-mini-sidebar{display:none}.pd-upload .pd-appbar{height:48px;padding:0 15px}.pd-upload .pd-steps{gap:0;padding:16px 12px}.pd-upload .pd-steps li{gap:6px}.pd-upload .pd-steps li+li:before{top:9px}.pd-upload .pd-controls{padding:11px 14px}.pd-upload-main{padding:18px 20px 14px}}
/* 独立的上传窗口与六种文件格式；自动轮播，无底部操作栏。 */
.pd-upload .pd-appbar{height:58px;padding:0 24px}
.pd-upload-workspace{min-height:370px}
.pd-upload-main{padding:28px 32px 25px}
.pd-upload .pd-mini-sidebar{width:180px;padding:28px 14px}
.pd-upload .pd-mini-sidebar>span{font-size:12px;padding:11px 12px;gap:9px}
.pd-upload .pd-mini-sidebar .pd-icon{width:17px;height:17px}
.pd-upload .pd-file-chip{padding:12px 16px;max-width:410px}
.pd-upload .pd-file-chip strong{font-size:13px}
.pd-upload .pd-scan-scene{height:166px;width:190px;margin-top:12px}
.pd-upload .pd-scan-ring{width:138px;height:138px;box-shadow:0 0 0 13px #9876d405}
.pd-upload .pd-scan-orbit{width:166px;height:166px}
.pd-upload .pd-scan-paper{transform:none}
.pd-upload .pd-upload-status strong{font-size:17px}
.pd-upload .pd-upload-status>span{font-size:12px}
.pd-upload .pd-check-chips{margin-top:13px}
.pd-upload .pd-check-chips>span{font-size:11px;padding:5px 10px}
.pd-upload .pd-steps{padding:22px 24px;gap:48px}
.pd-upload .pd-steps li{font-size:12px;gap:9px}
.pd-upload .pd-steps li>span{height:24px;width:24px;font-size:10px}
.pd-upload .pd-steps li+li:before{width:25px;left:-37px}
.pd-annotation-toolbar{height:auto;min-height:54px;flex-wrap:wrap;column-gap:18px;row-gap:0}
.pd-format-tabs{height:auto;min-height:54px;gap:26px;flex-wrap:wrap}
.pd-format-tabs button{min-height:54px;font-size:13px}
.pd-document-mount{min-height:358px}
.pd-slide-surface{padding-top:19px}
.pd-slide-nav{display:flex;gap:7px;margin-bottom:12px}
.pd-slide-nav span{display:grid;place-items:center;width:44px;height:27px;border:1px solid #9280b92e;border-radius:3px;color:#7b6c91;background:#1d192b;font-size:9px}
.pd-slide-nav .pd-slide-selected{border-color:#b89cfa9c;color:#d9c4ff;background:#403156}
.pd-slide{position:relative;overflow:hidden;background:linear-gradient(130deg,#f9f6ff 55%,#e2e0f1);color:#3c3150;aspect-ratio:16/10;padding:25px 27px;border-radius:4px;box-shadow:0 12px 28px #0004;display:flex;flex-direction:column}
.pd-slide:before{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-35px;top:-30px;background:#cab9eb35;pointer-events:none}
.pd-slide h4{margin:10px 0 18px;font-size:21px;line-height:1.35}
.pd-slide-content{display:grid;grid-template-columns:1.15fr 1fr;gap:17px;align-items:center;flex:1}
.pd-slide p{margin:0 0 14px;font-size:11px;line-height:1.9;color:#625473}
.pd-slide .pd-document-chart{height:94px;gap:9%;margin:10px 0 20px;padding:0 3px}
.pd-slide .pd-document-chart i{width:10px}
.pd-slide .pd-document-chart>span{font-size:8px;top:-14px;white-space:nowrap}
.pd-slide .pd-paper-footer{margin-top:8px}
.pd-long-image{width:min(286px,100%);margin:0 auto;background:#f2eef9;border:1px solid #ede4fb;border-radius:3px;overflow:hidden;position:relative;color:#4c3e61;box-shadow:0 12px 28px #0004}
.pd-long-image-heading{padding:18px 23px 17px;background:linear-gradient(120deg,#6f5ba7,#576fa5);position:relative;color:#f6edff}
.pd-long-image-heading>span{font-size:8px;letter-spacing:.08em;color:#ded1f1}
.pd-long-image-heading h4{font-size:21px;margin:8px 0 0;line-height:1.4;position:relative;z-index:1}
.pd-long-image-lines{position:absolute;right:18px;top:22px;display:flex;gap:6px;align-items:flex-end;opacity:.13}
.pd-long-image-lines i{display:block;width:15px;height:45px;border:1px solid #fff;border-radius:3px}
.pd-long-image-lines i:nth-child(2){height:60px}.pd-long-image-lines i:nth-child(3){height:76px}
.pd-long-image-block{padding:16px 23px;border-bottom:1px solid #d5cde6}
.pd-long-image-label{display:inline-block;font-size:10px;font-weight:600;color:#786092;letter-spacing:.02em}
.pd-long-image-block p{font-size:10px;line-height:1.8;margin:9px 0 0}
.pd-long-image .pd-document-chart{height:56px;gap:10%;margin:22px 0 1px;padding:0 3px}
.pd-long-image .pd-document-chart i{width:10px}
.pd-long-image-footer{font-size:8px;color:#a193b1;padding:10px 23px}
.pd-audio-surface{background:#151224;border:1px solid #403347;border-radius:5px;overflow:hidden}
.pd-audio-cover{padding:24px 26px 13px;text-align:center;background:radial-gradient(ellipse at 50% 0,#68508250,transparent 85%),linear-gradient(130deg,#19152d,#172238)}
.pd-audio-symbol{width:47px;height:47px;margin:0 auto 12px;display:grid;place-items:center;border-radius:13px;border:1px solid #c6adfc35;background:linear-gradient(140deg,#77609b44,#5376aa44);color:#ccbbf0}
.pd-audio-symbol .pd-icon{width:26px;height:26px}
.pd-audio-cover>span{font-size:9px;color:#a697bf;display:block}
.pd-audio-cover>strong{font-size:13px;font-weight:400;color:#d9ccea;display:block;margin-top:7px}
.pd-waveform{height:64px;display:flex;gap:4px;align-items:center;justify-content:center;margin:12px 0 0}
.pd-waveform i{display:block;width:4px;height:18px;border-radius:5px;background:linear-gradient(#b39be6,#7e92d4);animation:pd-wave 1.6s ease-in-out infinite;transform-origin:center}
.pd-waveform i:nth-child(3n){height:45px;animation-delay:.16s}.pd-waveform i:nth-child(4n){height:30px;animation-delay:.32s}.pd-waveform i:nth-child(5n){height:55px;animation-delay:.48s}.pd-waveform i:nth-child(7n){height:38px;animation-delay:.64s}
.pd-audio-time{display:flex;justify-content:space-between;font-size:8px;color:#8c80a1}
.pd-annotation[data-pd-stage="3"] .pd-waveform i{animation-play-state:paused}
.pd-media-surface .pd-mark{background:transparent}
.pd-annotation[data-pd-stage="1"] .pd-media-surface .pd-mark-one,.pd-annotation[data-pd-stage="2"] .pd-media-surface .pd-mark-one,.pd-annotation[data-pd-stage="3"] .pd-media-surface .pd-mark-one{background:#79536755;border-bottom-color:#bb7f9c}
.pd-annotation[data-pd-stage="2"] .pd-media-surface .pd-mark-two,.pd-annotation[data-pd-stage="3"] .pd-media-surface .pd-mark-two{background:#684e8155;border-bottom-color:#aa8bc0}
@keyframes pd-wave{0%,100%{transform:scaleY(.4);opacity:.65}50%{transform:scaleY(1);opacity:1}}
@media(min-width:900px){.pd-annotation-workspace{min-height:463px}.pd-slide{min-height:307px}.pd-slide p{font-size:12px}.pd-transcript p{font-size:12px}.pd-transcript{padding:14px 18px}.pd-video-frame{max-height:242px}}
@media(max-width:760px){.pd-upload .pd-mini-sidebar{width:150px;padding:23px 9px}.pd-upload .pd-mini-sidebar>span{font-size:11px;padding:10px 8px}.pd-upload-main{padding:25px 23px}.pd-upload .pd-steps{gap:26px}.pd-upload .pd-steps li{font-size:10px}.pd-upload .pd-steps li+li:before{width:12px;left:-19px}.pd-format-tabs{gap:19px}.pd-toolbar-detail{font-size:9px}.pd-slide{padding:21px 20px}.pd-slide h4{font-size:18px}.pd-slide-content{gap:12px}.pd-slide p{font-size:10px}}
@media(max-width:560px){.pd-upload .pd-appbar{height:51px;padding:0 16px}.pd-upload .pd-mini-sidebar{display:none}.pd-upload-workspace{min-height:359px}.pd-upload-main{padding:23px 20px}.pd-upload .pd-upload-status strong{font-size:15px}.pd-upload .pd-upload-status>span{font-size:10px}.pd-upload .pd-check-chips>span{font-size:10px}.pd-upload .pd-steps{gap:0;padding:19px 14px}.pd-upload .pd-steps li{font-size:9px;gap:8px}.pd-upload .pd-steps li+li:before{width:16px;left:-22px;top:11px}.pd-upload .pd-steps li>span{height:22px;width:22px}.pd-annotation-toolbar{padding:0 15px;min-height:52px}.pd-format-tabs{width:100%;justify-content:space-between;gap:8px;min-height:52px}.pd-format-tabs button{font-size:12px;min-height:52px}.pd-toolbar-detail{display:none}.pd-document-mount{min-height:350px;max-width:360px}.pd-slide-surface{padding-top:8px}.pd-slide{min-height:274px;aspect-ratio:auto;padding:24px 22px}.pd-slide h4{font-size:21px}.pd-slide p{font-size:11px}.pd-long-image{width:min(286px,100%)}.pd-audio-cover{padding-top:21px}.pd-waveform{gap:4px}}
/* Keep the upload illustration caption separate from product navigation. */
.pd-upload .pd-app-meta{margin-left:auto;display:flex;align-items:center;gap:18px;min-width:0}
.pd-upload .pd-illustration-note{color:#a69db8;font-size:11px;line-height:1.5}
.pd-upload .pd-app-meta .pd-app-status{margin-left:0}
@media(max-width:560px){.pd-upload .pd-appbar{height:auto;min-height:78px;padding:12px 16px;flex-wrap:wrap;gap:9px 12px}.pd-upload .pd-app-meta{flex:0 0 100%;margin-left:0;justify-content:space-between;gap:12px}.pd-upload .pd-illustration-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.pd-demo *,.pd-demo *:before,.pd-demo *:after{animation:none!important;transition:none!important}.pd-document-scan{display:none}.pd-scan-orbit{transform:rotate(35deg)}}

/* 专业版：统一海军蓝与蓝紫色；保持布局、演示节奏与减弱动态效果设置。 */
.pd-demo {
  --pd-bg: #101a2b;
  --pd-panel: #172237;
  --pd-line: #34425a;
  --pd-text: #f2f5fa;
  --pd-muted: #a4b0c4;
  --pd-purple: #a6a0d2;
  --pd-blue: #9bb6db;
  border-color: #3b4960;
  border-radius: 10px;
  box-shadow: 0 14px 34px #040b1626;
}
.pd-appbar { background: #19253b; }
.pd-app-logo { display: block; height: 25px; width: auto; max-width: 116px; object-fit: contain; }
.pd-app-location { color: #b2bdd0; border-left-color: #40506b; }
.pd-app-status, .pd-upload .pd-illustration-note { color: #aab8cc; }
.pd-app-status i { background: #98abd0; box-shadow: none; }
.pd-mini-sidebar { background: #142035; }
.pd-mini-sidebar>span { color: #a0aec3; }
.pd-mini-sidebar .pd-side-active { color: #e6edf8; background: #27344f; border-color: #455675; }
.pd-side-bottom { color: #8e9cb2; }
.pd-upload-main { background: #111d30; }
.pd-file-chip { background: #1c2a40; border-color: #3c4c66; border-radius: 8px; box-shadow: none; }
.pd-file-chip>.pd-icon { color: #a3bcdc; }
.pd-file-chip div>span { color: #9faec5; }
.pd-file-loaded { color: #b6c7e3; }
.pd-scan-halo { background: radial-gradient(circle,#768cbe12,transparent 72%); }
.pd-scan-ring, .pd-upload .pd-scan-ring { border-color: #405274; box-shadow: none; }
.pd-scan-ring:after { border-top-color: #b4aedb; border-right-color: #87a5cd; filter: none; }
.pd-scan-orbit { border-color: #30415d; }
.pd-scan-orbit i { background: #a0b7dc; box-shadow: none; }
.pd-scan-paper { background: #edf1f8; border-color: #d2dbe9; box-shadow: 0 6px 16px #0002; }
.pd-scan-paper>span, .pd-paper-chart em { background: #7d90ad; }
.pd-scan-paper>b { background: #a0acbf; }
.pd-scan-paper>i { background: #b9c3d1; }
.pd-paper-chart em:nth-child(4) { background: #8c83b0; }
.pd-scan-line { background: #8a7db7; box-shadow: 0 -5px 12px 5px #8a7db72b; }
.pd-complete-check { background: #e4eaf4; }
.pd-complete-check>.pd-icon { color: #697aa0; }
.pd-upload-status>span { color: #a9b5ca; }
.pd-check-chips>span { color: #bdc9df; border-color: #455473; background: #21304a; }
.pd-steps, .pd-controls, .pd-annotation-toolbar { background: #18243a; }
.pd-steps li { color: #93a1ba; }
.pd-steps li+li:before { background: #43536c; }
.pd-steps li>span { border-color: #4c5d78; }
.pd-steps .pd-current { color: #f0eefb; }
.pd-steps .pd-current>span { background: #46466a; border-color: #aaa2ce; box-shadow: none; }
.pd-steps .pd-done { color: #b9c6db; }
.pd-steps .pd-done>span { border-color: #8297b9; background: #293e5c; }
.pd-format-tabs button { color: #a9b7ce; }
.pd-format-tabs button[aria-pressed="true"] { color: #edeafb; background: none; }
.pd-format-tabs button[aria-pressed="true"]:after { height: 2px; background: #aaa1d4; box-shadow: none; }
.pd-toolbar-detail, .pd-area-label { color: #a6b3c9; }
.pd-annotation-workspace { background: #111b2d; }
.pd-comments-heading>span:first-child { color: #d0d9ec; }
.pd-comment-counter, .pd-reading-placeholder { color: #a1b0c8; }
.pd-typing i { background: #b0a6ce; }
.pd-comment { border-radius: 8px; box-shadow: none; }
.pd-comment-one { border-color: #5a5779; background: #252a41; }
.pd-comment-two { border-color: #445c7b; background: #1d2d44; }
.pd-comment-title { color: #edf1f9; }
.pd-comment-one .pd-comment-title>span { color: #d7d1eb; border-color: #6b628a; background: #3b3755; }
.pd-comment-two .pd-comment-title>span { color: #c9d8ed; border-color: #5a7699; background: #2b4362; }
.pd-comment dt { color: #a6b2c8; }
.pd-comment dd { color: #d5ddeb; }
.pd-comment-link { color: #b7c6df; border-top-color: #3b4861; }

/* 保留白色文稿与深色工作区的清晰分隔。 */
.pd-paper, .pd-slide { background: #f6f8fc; color: #26364e; box-shadow: 0 8px 18px #030a142b; }
.pd-paper p, .pd-slide p { color: #4c5b70; }
.pd-paper-kicker, .pd-paper p.pd-paper-intro { color: #6e7d91; }
.pd-paper-divider, .pd-paper-footer { border-color: #cdd5e2; }
.pd-paper-divider { background: #cdd5e2; }
.pd-paper-footer { color: #718096; }
.pd-paper-pdf { box-shadow: 0 7px 0 -3px #b9c4d5,0 10px 20px #030a1433; }
.pd-slide:before { background: #dce3ef66; }
.pd-slide-nav span { background: #19273c; border-color: #3a4b66; color: #acbbd1; }
.pd-slide-nav .pd-slide-selected { background: #3a405e; border-color: #9a91bf; color: #ebe7fa; }
.pd-document-chart { border-bottom-color: #bcc9d9; }
.pd-document-chart i { background: #96a9c4; }
.pd-document-chart i:nth-child(3n) { background: #8e87ad; }
.pd-document-chart>span { color: #738297; }
.pd-document-scan { background: linear-gradient(transparent,#849ac018); border-bottom-color: #7e94b86b; }
.pd-annotation[data-pd-stage="1"] .pd-mark-one,
.pd-annotation[data-pd-stage="2"] .pd-mark-one,
.pd-annotation[data-pd-stage="3"] .pd-mark-one { background: #e4e0f0; border-bottom-color: #9d91ba; }
.pd-annotation[data-pd-stage="2"] .pd-mark-two,
.pd-annotation[data-pd-stage="3"] .pd-mark-two { background: #dfe8f3; border-bottom-color: #879ebc; }
.pd-long-image { background: #f3f6fb; border-color: #d5dfec; color: #3f526b; box-shadow: 0 8px 18px #030a142b; }
.pd-long-image-heading { background: #35486c; color: #f3f6fc; }
.pd-long-image-heading>span { color: #d1dbee; }
.pd-long-image-block { border-bottom-color: #cdd8e5; }
.pd-long-image-label { color: #5e6d88; }
.pd-long-image-footer { color: #728299; }

/* 视频和音频沿用相同配色，不使用独立的糖果色。 */
.pd-video-surface, .pd-audio-surface { background: #172338; border-color: #3c4c65; border-radius: 8px; }
.pd-video-frame, .pd-audio-cover { background: linear-gradient(130deg,#202d44,#27374f); }
.pd-video-kicker, .pd-audio-cover>span { color: #b7c5da; }
.pd-video-symbol, .pd-audio-symbol { border-color: #687ca1; color: #c7d4e8; background: #334562; box-shadow: none; }
.pd-audio-symbol { border-radius: 8px; }
.pd-video-frame strong, .pd-audio-cover>strong { color: #e1e8f4; }
.pd-video-badge, .pd-audio-time { color: #a6b6cd; }
.pd-video-timeline { color: #a6b6cd; background: #1b2940; }
.pd-video-timeline>i { background: #3a4c67; }
.pd-video-timeline b { background: #9b9cc5; }
.pd-transcript-label { color: #c1cee3; }
.pd-transcript p { color: #d3deed; }
.pd-transcript small { color: #9dadc5; }
.pd-waveform i, .pd-waveform i:nth-child(3n), .pd-waveform i:nth-child(5n) { background: #9aaaca; }
.pd-annotation[data-pd-stage="1"] .pd-media-surface .pd-mark-one,
.pd-annotation[data-pd-stage="2"] .pd-media-surface .pd-mark-one,
.pd-annotation[data-pd-stage="3"] .pd-media-surface .pd-mark-one { background: #655c8655; border-bottom-color: #a79bbf; }
.pd-annotation[data-pd-stage="2"] .pd-media-surface .pd-mark-two,
.pd-annotation[data-pd-stage="3"] .pd-media-surface .pd-mark-two { background: #46638366; border-bottom-color: #99b1d2; }
@media(max-width:560px) { .pd-demo { border-radius: 8px; } .pd-app-logo { height: 23px; } }