:root{font-family:"Google Sans","Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;color:#172033;background:#f6f8fb}*{box-sizing:border-box}body{margin:0}.public-head{display:flex;height:68px;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 960px)/2));border-bottom:1px solid #e4e9f1;background:#fff}.public-brand{display:flex;align-items:center;gap:10px;font-weight:900}.public-brand i{display:grid;width:27px;height:27px;grid-template-columns:1fr 1fr;gap:2px}.public-brand i span:nth-child(1){background:#c58d44}.public-brand i span:nth-child(2){background:#799671}.public-brand i span:nth-child(3){background:#d6a847}.public-brand i span:nth-child(4){background:#8d79a1}.public-head a{padding:9px 14px;border:1px solid #dbe2f0;border-radius:10px;color:#5264da;font-weight:800;text-decoration:none}.public-main{width:min(820px,calc(100% - 32px));margin:42px auto}.public-card{padding:28px;border:1px solid #e2e7f0;border-radius:20px;background:#fff;box-shadow:0 16px 40px rgba(40,54,90,.08)}.public-icon{display:flex;width:66px;height:66px;align-items:center;justify-content:center;border-radius:18px;background:#eef0ff;color:#5968dd;font-size:28px}.public-card h1{margin:18px 0 8px;font-size:27px}.public-muted{color:#7a879b}.public-field{display:flex;flex-direction:column;gap:7px;margin:16px 0}.public-field label{font-weight:800}.public-field input{height:44px;padding:0 12px;border:1px solid #dbe2ec;border-radius:10px;font:inherit}.public-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.public-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:0 20px;border:1px solid #5c6bdd;border-radius:11px;background:#5c6bdd;color:#fff;font:inherit;font-weight:900;cursor:pointer}.public-preview-button{border-color:#d7dff0;background:#fff;color:#4858c9}.public-button:disabled{opacity:.55}.public-message{margin-top:14px;color:#5264d7;font-weight:700}.public-error{color:#c2415d}.public-footer{margin-top:22px;text-align:center;color:#9aa4b4;font-size:12px}
body.public-preview-open{overflow:hidden}.public-preview-window{position:fixed;inset:0;z-index:1000;background:#eef2f7}.public-preview-shell{display:grid;width:100%;height:100%;grid-template-rows:68px minmax(0,1fr);background:#eef2f7}.public-preview-shell>header{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid #dfe5ee;background:#fff}.public-preview-shell>header b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-preview-shell>header button,.public-preview-shell>header a{display:flex;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid #dbe2ec;border-radius:11px;background:#fff;color:#334155;cursor:pointer}.public-preview-shell svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.public-preview-shell>main{position:relative;min-height:0;overflow:hidden}.public-preview-shell iframe{display:block;width:100%;height:100%;border:0;background:#fff}.public-image-preview{display:flex;width:100%;height:100%;align-items:center;justify-content:center;overflow:auto;padding:24px;background:#111827}.public-image-preview img{display:block;max-width:100%;max-height:100%;object-fit:contain}.public-media-preview{display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:#0b1220}.public-media-preview video{width:min(1200px,calc(100% - 48px));height:min(760px,calc(100% - 48px));object-fit:contain;background:#05080e}.public-audio-preview{flex-direction:column;gap:24px;color:#fff}.public-audio-preview audio{width:min(720px,calc(100% - 48px))}.public-office-preview{position:absolute;inset:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;background:#eef2f7}.public-preview-loading,.public-preview-error{display:flex;min-height:100%;align-items:center;justify-content:center;flex-direction:column;gap:12px;text-align:center}.public-preview-loading span{width:36px;height:36px;border:3px solid #dce2f6;border-top-color:#5c6bdd;border-radius:50%;animation:public-spin .8s linear infinite}.public-preview-error p{color:#64748b}.public-preview-docx{overflow:auto!important}.public-preview-excel,.public-preview-pptx{background:#fff}@keyframes public-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){.public-main{margin:22px auto}.public-card{padding:20px}.public-head{padding:0 16px}.public-card h1{font-size:23px}.public-actions{display:grid;grid-template-columns:1fr 1fr}.public-button{width:100%}.public-preview-shell{grid-template-rows:58px minmax(0,1fr)}.public-preview-shell>header{padding:0 8px;gap:8px}.public-image-preview{padding:10px}.public-media-preview video{width:100%;height:100%}}


/* v159: OKPAN native document/share preview */
.public-custom-preview{position:absolute;inset:0;overflow:auto;background:#eef2f7;padding:24px;box-sizing:border-box}
.public-custom-preview .public-preview-loading{min-height:100%}
.okpan-share-doc,.okpan-share-md,.okpan-share-text,.okpan-share-sheet{width:min(1080px,100%);margin:0 auto;background:#fff;border:1px solid #e1e6ef;border-radius:14px;box-shadow:0 8px 28px rgba(15,23,42,.07);box-sizing:border-box}
.okpan-share-doc,.okpan-share-md{min-height:calc(100% - 2px);padding:36px 42px;color:#1f2937;line-height:1.8;overflow-wrap:anywhere}
.okpan-share-doc img,.okpan-share-md img{max-width:100%;height:auto}
.okpan-share-doc table,.okpan-share-md table{border-collapse:collapse;max-width:100%}
.okpan-share-doc td,.okpan-share-doc th,.okpan-share-md td,.okpan-share-md th{border:1px solid #dbe1ea;padding:7px 9px}
.okpan-share-md h1,.okpan-share-md h2,.okpan-share-md h3,.okpan-share-md h4,.okpan-share-md h5,.okpan-share-md h6{margin:1.1em 0 .55em;line-height:1.35}
.okpan-share-md p{margin:.65em 0}.okpan-share-md pre{overflow:auto;padding:14px 16px;border-radius:10px;background:#111827;color:#e5e7eb}.okpan-share-md code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.okpan-share-text{min-height:calc(100% - 2px);padding:26px 30px;white-space:pre-wrap;word-break:break-word;font:14px/1.75 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#1f2937}
.okpan-share-sheet{overflow:auto;max-width:none;border-radius:12px}
.okpan-share-sheet table{border-collapse:separate;border-spacing:0;min-width:100%;background:#fff;font-size:13px;color:#273244}
.okpan-share-sheet th,.okpan-share-sheet td{min-width:110px;height:34px;padding:6px 9px;border-right:1px solid #e4e9f0;border-bottom:1px solid #e4e9f0;text-align:left;vertical-align:middle;white-space:pre-wrap}
.okpan-share-sheet thead th{position:sticky;top:0;z-index:2;background:#f5f7fb;text-align:center;font-weight:700}.okpan-share-sheet tbody th{position:sticky;left:0;z-index:1;min-width:44px;width:44px;background:#f7f9fc;text-align:center;font-weight:600}
.okpan-share-sheet thead th:first-child{left:0;z-index:3;min-width:44px;width:44px}
@media(max-width:700px){.public-custom-preview{padding:10px}.okpan-share-doc,.okpan-share-md{padding:22px 18px;border-radius:10px}.okpan-share-text{padding:18px 16px;border-radius:10px}}

/* v177 advanced share presentation */
.share-account-description{margin-top:6px;max-width:680px;color:#626b7e;font-size:13px;line-height:1.7;white-space:pre-wrap}
.share-summary .summary-copy{min-width:0}

.share-display-title{margin:0 0 5px;color:#20283a;font-size:20px;line-height:1.35;font-weight:900}
@media(max-width:700px){.share-display-title{font-size:17px}}