:root{scrollbar-gutter:auto;--pan-bg:#f6f7f9;--pan-surface:#fff;--pan-border:#eee;--pan-border-strong:#d8e2ea;--pan-text:#333;--pan-text-muted:#666;--pan-primary:#3a7ca5}*{box-sizing:border-box}html,body,#app{height:100%;margin:0;padding:0}body{background:var(--pan-bg);color:var(--pan-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,Arial,sans-serif;font-size:14px;overflow-x:hidden}.n-icon svg,.n-base-icon svg{vertical-align:baseline}.pan-app{background:var(--pan-bg);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.pan-header{z-index:20;background:var(--pan-surface);border-bottom:1px solid var(--pan-border);flex:0 0 60px;align-items:center;gap:16px;height:60px;padding:0 16px;display:flex;position:relative}.pan-logo{color:var(--pan-text);align-items:center;gap:8px;font-size:18px;font-weight:600;text-decoration:none;display:inline-flex}.pan-logo img{height:30px}.pan-nav{align-items:center;gap:24px;position:absolute;left:50%;transform:translate(-50%)}.pan-nav-link{color:#555;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.pan-nav-link.active{color:var(--pan-primary);font-weight:600}.pan-icon-btn{color:#444;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:inline-flex}.pan-main{scrollbar-width:thin;scrollbar-color:#00000047 transparent;flex:auto;width:100%;min-height:0;position:relative;overflow:hidden auto}.pan-main::-webkit-scrollbar{width:8px;height:8px}.pan-main::-webkit-scrollbar-track{background:0 0}.pan-main::-webkit-scrollbar-thumb{background:#00000040;border-radius:999px}.pan-main::-webkit-scrollbar-thumb:hover{background:#0006}.page-slide-fade-leave-active{transition:all .28s cubic-bezier(.4,0,.2,1)}.page-slide-fade-leave-to{opacity:0;transform:translate(30px)}.page-slide-fade-enter-active{transition:all .28s cubic-bezier(.4,0,.2,1)}.page-slide-fade-enter-from{opacity:0;transform:translate(-30px)}.page-slide-fade-enter-active,.page-slide-fade-leave-active{width:100%;position:absolute;top:0;left:0}.pan-page{padding:20px 24px 40px}@media (width<=768px){.pan-page{padding:14px 12px 30px}}.pan-toolbar{background:var(--pan-surface);border:1px solid var(--pan-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px;display:flex}.pan-toolbar-left,.pan-toolbar-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pan-breadcrumb{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.pan-breadcrumb a{color:var(--pan-primary);text-decoration:none}.pan-breadcrumb span.current{color:var(--pan-text-muted)}.pan-file-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.pan-file-card{background:var(--pan-surface);border:1px solid var(--pan-border);cursor:pointer;flex-direction:column;align-items:center;gap:8px;padding:16px 10px 10px;display:flex;position:relative}.pan-file-card.selected{outline:2px solid var(--pan-primary);outline-offset:-2px}.pan-file-card-icon{color:var(--pan-primary);font-size:34px}.pan-file-card-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:13px;overflow:hidden}.pan-file-card-meta{color:var(--pan-text-muted);font-size:12px}.pan-file-card-check{position:absolute;top:8px;left:8px}.pan-file-card-more{position:absolute;top:4px;right:4px}.pan-file-name{color:var(--pan-text);cursor:pointer;text-decoration:none}.pan-table-wrap{background:var(--pan-surface);border:1px solid var(--pan-border)}.pan-table{border-collapse:collapse;table-layout:fixed;width:100%}.pan-table th,.pan-table td{text-align:left;vertical-align:middle;word-break:break-all;border-bottom:1px solid #f2f2f2;padding:10px 12px;font-size:13px}.pan-table th{color:#444;background:#fafafa;font-weight:600}.pan-table tbody tr:last-child td{border-bottom:0}.pan-table-actions{flex-wrap:wrap;gap:6px;display:flex}.pan-table-empty{text-align:center;color:#999;padding:40px 0;font-size:14px}.pan-mobile-block{display:none}@media (width<=767.98px){.pan-desktop-only,.pan-table-wrap{display:none!important}.pan-mobile-block{display:block}}.pan-mobile-list{background:var(--pan-surface);border:1px solid var(--pan-border)}.pan-mobile-row{border-bottom:1px solid #f2f2f2;align-items:center;gap:10px;padding:10px 12px;display:flex}.pan-mobile-row:last-child{border-bottom:0}.pan-mobile-row-icon{color:var(--pan-primary);flex:none;font-size:18px}.pan-mobile-row-main{flex:auto;min-width:0}.pan-mobile-row-name{color:var(--pan-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.pan-mobile-row-actions{flex:none;align-items:center;gap:4px;display:flex}.pan-mobile-card{background:var(--pan-surface);border:1px solid var(--pan-border);margin-bottom:10px;padding:12px}.pan-mobile-card-title{align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:600;display:flex;overflow:hidden}.pan-mobile-card-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pan-mobile-card-line{color:var(--pan-text-muted);word-break:break-all;gap:8px;font-size:12px;line-height:1.7;display:flex}.pan-mobile-card-line b{color:#999;flex:0 0 68px;font-weight:400}.pan-mobile-card-footer{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.pan-dropzone{color:#666;text-align:center;cursor:pointer;background:#fafbfc;border:1px dashed #cfd8e3;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:28px 16px;display:flex}.pan-dropzone i{color:var(--pan-primary);font-size:30px}.pan-dropzone.active{border-color:var(--pan-primary);background:#f2f7fb}.pan-upload-icon{color:var(--pan-primary);font-size:18px}.pan-empty{text-align:center;color:#999;background:var(--pan-surface);border:1px solid var(--pan-border);padding:60px 0}.pan-status-text{color:var(--pan-text-muted);font-size:12px}.pan-upload-list{max-height:260px;margin-top:12px;overflow-y:auto}.pan-upload-item{border-bottom:1px solid #f2f2f2;align-items:center;gap:10px;padding:8px 0;display:flex}.pan-upload-item:last-child{border-bottom:0}.pan-upload-main{flex:auto;min-width:0}.pan-upload-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pan-preview-media{background:#f0f2f5;max-width:100%;max-height:68vh;margin:0 auto;display:block}.pan-preview-text{width:100%;font-family:Consolas,Monaco,monospace}.pan-share-link{margin-top:12px}.pan-muted{color:var(--pan-text-muted)}.pan-stat-row{background:var(--pan-surface);border:1px solid var(--pan-border);flex-wrap:wrap;gap:24px;padding:12px;display:flex}.pan-stat-item{min-width:120px}.pan-stat-label{color:var(--pan-text-muted);font-size:12px}.pan-stat-value{margin-top:4px;font-size:18px;font-weight:600}.pan-page-title{margin:0 0 12px;font-size:16px;font-weight:600}.pan-card{background:var(--pan-surface);border:1px solid var(--pan-border);margin-bottom:12px;padding:16px}.pan-public-wrap{max-width:980px;margin:0 auto;padding:24px 16px 40px}.pan-public-head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.pan-public-avatar{object-fit:cover;background:#f0f2f5;border-radius:50%;flex-shrink:0;width:56px;height:56px}.pan-public-avatar-fallback{color:#9aa7b3;background:#e9eef2;justify-content:center;align-items:center;font-size:26px;display:inline-flex}.pan-pwd-error{color:#d03050;background:#fff1f0;border:1px solid #ffccc7;margin-bottom:10px;padding:8px 12px;font-size:13px}