.ys-folder-page{--ys-paper:#fff;--ys-ink:#233247;--ys-muted:#7b899b;--ys-line:#e7ecf3;--ys-soft:#f6f9fd;--ys-blue:#2463eb;--ys-hover:#fcfdff;--ys-warning:#fffbf1;--ys-warning-line:#f0dfbe;color:var(--ys-ink);font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;container-type:inline-size;container-name:ysfolder}.yt-folder-share{max-width:1100px!important;width:calc(100% - 48px)!important;margin:30px auto!important}.yt-folder-share .ys-manager{background:transparent!important;box-shadow:none!important}.ys-folder-page *{box-sizing:border-box}.ys-folder-page button,.ys-folder-page input,.ys-folder-page select{font:inherit}.ys-folder-page button{cursor:pointer;touch-action:manipulation}.ys-folder-page button:disabled{cursor:not-allowed;opacity:.5}.ys-folder-page button:focus-visible,.ys-folder-page input:focus-visible,.ys-folder-page select:focus-visible{outline:3px solid #80a8ff;outline-offset:3px}.ys-folder-page input[type=checkbox]{width:17px;height:17px;margin:0;accent-color:#2463eb;cursor:pointer;flex-shrink:0}.ys-icon{width:19px;height:19px;flex-shrink:0;vertical-align:middle;display:inline-block}.ys-button{border:0;display:inline-flex;gap:8px;justify-content:center;align-items:center;min-height:44px;padding:0 19px;border-radius:8px;font-weight:600!important;white-space:nowrap;transition:background .15s,box-shadow .15s}.ys-button.primary{background:#2463eb;color:white;box-shadow:0 4px 10px #2463eb15}.ys-button.primary:hover{background:#1c52d0}.ys-button.outline{color:var(--ys-blue);background:var(--ys-paper);border:1px solid var(--ys-line)}.ys-button.outline:hover{background:var(--ys-soft)}.ys-text-button{border:0;background:transparent;color:var(--ys-muted);padding:7px 4px;border-radius:5px;font-size:12px!important;white-space:nowrap}.ys-text-button:hover{color:var(--ys-blue);background:var(--ys-soft)}.ys-intro{color:var(--ys-muted);font-size:13px;display:flex;align-items:center;gap:7px;margin-bottom:18px}.ys-intro .ys-icon{width:16px;height:16px}.ys-summary{display:grid;grid-template-columns:1fr auto;align-items:center;gap:22px;background:var(--ys-paper);border:1px solid var(--ys-line);padding:26px 30px 0;border-radius:14px}.ys-identity{display:flex;align-items:center;gap:18px;min-width:0}.ys-folder-cover{width:64px;height:64px;border-radius:15px;background:var(--ys-soft);color:var(--ys-blue);display:grid;place-items:center;flex-shrink:0}.ys-folder-cover .ys-icon{width:38px;height:38px;stroke-width:1.5}.ys-identity h1{font-size:28px;line-height:1.3;margin:0 0 9px;font-weight:650;letter-spacing:-.5px;overflow-wrap:anywhere}.ys-meta{color:var(--ys-muted);margin:0;font-size:12px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.ys-meta-dot{color:#bcc8d7}.ys-main-actions{display:flex;gap:10px}.ys-details{grid-column:1/-1;border-top:1px solid var(--ys-line);min-height:54px;margin-top:1px;display:flex;align-items:center;gap:12px;color:var(--ys-muted);font-size:12px}.ys-price,.ys-permission{display:flex;align-items:center;gap:6px}.ys-price{color:var(--ys-muted)}.ys-price .ys-icon,.ys-permission .ys-icon{width:16px;height:16px}.ys-permission{margin-left:auto}.ys-permission-notice{display:flex;gap:10px;align-items:center;border:1px solid var(--ys-warning-line);background:var(--ys-warning);border-radius:10px;margin-top:16px;padding:13px 18px;color:#ad8748;font-size:13px}.ys-permission-notice p{margin:0;line-height:1.7}.ys-files-panel{background:var(--ys-paper);border:1px solid var(--ys-line);border-radius:14px;margin-top:24px;overflow:hidden}.ys-toolbar{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;gap:16px;min-height:76px}.ys-breadcrumbs{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-weight:600;min-width:0;font-size:13px}.ys-breadcrumbs button{border:0;color:var(--ys-muted);background:transparent;padding:5px 0;display:flex;gap:6px;align-items:center;overflow-wrap:anywhere}.ys-breadcrumbs button:hover{color:var(--ys-blue)}.ys-breadcrumbs button.current{color:var(--ys-ink)}.ys-chevron{color:#b3bed0;display:flex}.ys-chevron .ys-icon{width:15px}.ys-list-tools{display:flex;gap:12px;align-items:center}.ys-search{height:35px;display:flex;align-items:center;background:var(--ys-soft);border:1px solid var(--ys-line);gap:8px;padding:0 10px;border-radius:7px;color:var(--ys-muted)}.ys-search .ys-icon{width:16px;height:16px}.ys-search input{border:0;outline:0;background:transparent;width:153px;font-size:12px!important;color:var(--ys-ink);min-width:0}.ys-search input::placeholder{color:var(--ys-muted)}.ys-search:focus-within{border-color:#96b7ff}.ys-sort{display:flex;gap:4px;align-items:center;color:var(--ys-muted)}.ys-sort .ys-icon{width:16px;height:16px}.ys-sort select{background:transparent;border:0;color:var(--ys-muted);font-size:12px!important;max-width:100px;padding:5px 0;cursor:pointer}.ys-sort select option{background:var(--ys-paper);color:var(--ys-ink)}.ys-selection{padding:11px 24px;background:var(--ys-soft);border-top:1px solid var(--ys-line);border-bottom:1px solid var(--ys-line);display:flex;align-items:center;gap:20px;min-height:46px;font-size:12px;color:var(--ys-muted)}.ys-selection>label{display:flex;gap:12px;align-items:center;cursor:pointer;min-width:115px}.ys-selection-hint{margin-left:auto}.ys-selection.has-selection>label{color:var(--ys-blue)}.ys-table-heading{display:grid;grid-template-columns:minmax(0,1fr) 100px 145px 208px;gap:16px;padding:14px 24px 14px 53px;color:var(--ys-muted);font-size:12px;border-bottom:1px solid var(--ys-line)}.ys-table-heading span:last-child{text-align:right;padding-right:26px}.ys-file-row{display:grid;grid-template-columns:minmax(0,1fr) 100px 145px 208px;gap:16px;align-items:center;padding:22px 24px;min-height:96px;border-bottom:1px solid var(--ys-line);transition:background .15s}.ys-file-row:hover{background:var(--ys-hover)}.ys-file-row.selected{background:var(--ys-soft)}.ys-file-main{display:flex;align-items:center;gap:12px;min-width:0}.ys-file-glyph{height:42px;width:36px;display:grid;place-items:center;flex-shrink:0;background:var(--ys-soft);color:#6184be;border-radius:8px}.ys-file-glyph .ys-icon{width:23px;height:23px;stroke-width:1.6}.ys-file-glyph.video{color:#d36472}.ys-file-glyph.pdf{color:#cd6a50}.ys-file-glyph.image{color:#469d83}.ys-file-glyph.folder{color:#c99b3e}.ys-file-name-group{min-width:0}.ys-file-name{border:0;background:transparent;padding:3px 0;text-align:left;display:block;width:100%;font-size:13px!important;font-weight:550!important;color:var(--ys-ink);overflow-wrap:anywhere;line-height:1.6}.ys-file-name:hover{color:var(--ys-blue)}.ys-file-type{font-size:11px;color:var(--ys-muted);margin-top:3px;display:flex;align-items:center;gap:8px}.ys-file-type span{color:#83a29a;font-size:10px}.ys-file-size,.ys-file-date{color:var(--ys-muted);font-size:12px}.ys-file-actions{display:flex;gap:8px;justify-content:flex-end;align-items:center}.ys-file-actions .ys-button{min-height:34px;padding:0 12px;font-size:12px;gap:5px;box-shadow:none}.ys-file-actions .ys-button .ys-icon{height:16px;width:16px}.ys-file-actions .preview{background:var(--ys-soft);color:var(--ys-blue);border:1px solid var(--ys-line)}.ys-file-actions .download{background:var(--ys-paper);border:1px solid var(--ys-line);color:var(--ys-muted)}.ys-file-actions .download:hover{color:var(--ys-blue);border-color:#b3cbfa}.ys-unsupported{color:var(--ys-muted);font-size:11px}.ys-panel-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;color:var(--ys-muted);font-size:11px;gap:12px}.ys-panel-footer span:last-child{display:flex;align-items:center;gap:6px}.ys-status-dot{background:#b4cbbf;border-radius:50%;width:5px;height:5px}.ys-help{color:var(--ys-muted);display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.8;margin:18px 4px}.ys-help p{margin:0}.ys-help .ys-icon{width:15px;height:15px;margin-top:3px}.ys-footer{margin:40px 0 0;padding:20px 0 12px;display:flex;justify-content:space-between;align-items:center;color:var(--ys-muted);font-size:11px}.ys-state{text-align:center;padding:65px 24px;color:var(--ys-muted)}.ys-state>.ys-icon{width:44px;height:44px;color:#b0c2df}.ys-state h2{font-size:15px;font-weight:500}.ys-state p{font-size:12px}.ys-spinner{display:inline-block;width:28px;height:28px;border:3px solid var(--ys-line);border-top-color:var(--ys-blue);border-radius:50%;animation:ys-spin 1s linear infinite}@keyframes ys-spin{to{transform:rotate(360deg)}}
@media(max-width:700px){.yt-folder-share{width:calc(100% - 32px)!important;margin:24px auto!important}}
@container ysfolder (max-width:1040px){.ys-table-heading,.ys-file-row{grid-template-columns:minmax(0,1fr) 80px 115px 194px;gap:10px}}
@container ysfolder (max-width:800px){.ys-file-date,.ys-table-heading span:nth-child(3){display:none}.ys-table-heading,.ys-file-row{grid-template-columns:minmax(0,1fr) 70px 188px}.ys-summary{padding:23px 24px 0;gap:20px}.ys-main-actions .ys-button{padding:0 14px}.ys-detail-note{font-size:11px}.ys-search input{width:110px}}
@container ysfolder (max-width:620px){.ys-intro{font-size:11px;margin-bottom:14px}.ys-summary{padding:23px 20px 0;grid-template-columns:1fr;gap:19px;border-radius:12px}.ys-folder-cover{width:53px;height:53px;border-radius:12px}.ys-folder-cover .ys-icon{width:33px;height:33px}.ys-identity{gap:14px}.ys-identity h1{font-size:24px;margin-bottom:7px}.ys-meta{font-size:11px;gap:6px}.ys-main-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ys-main-actions .ys-button{min-height:44px;font-size:13px;padding:0 7px}.ys-details{margin:0;gap:8px;flex-wrap:wrap;min-height:61px;padding:13px 0;font-size:11px}.ys-detail-note{font-size:10px}.ys-permission{margin-left:0;flex-basis:100%;font-size:11px}.ys-permission-notice{font-size:12px;padding:12px 14px;margin-top:14px}.ys-files-panel{margin-top:18px;border-radius:12px}.ys-toolbar{padding:15px 17px;min-height:65px;flex-wrap:wrap;gap:13px}.ys-breadcrumbs{font-size:12px}.ys-list-tools{margin-left:auto;gap:10px}.ys-search{height:31px;padding:0 7px}.ys-search input{width:89px;font-size:11px!important}.ys-sort select{width:22px;color:transparent}.ys-sort select option{color:var(--ys-ink)}.ys-sort .ys-icon{width:17px;height:17px}.ys-sort{gap:0}.ys-selection{padding:12px 17px;font-size:11px;min-height:43px}.ys-selection>label{min-width:0;gap:9px}.ys-selection-hint{font-size:10px}.ys-table-heading{display:none}.ys-file-row{display:grid;grid-template-columns:1fr auto;gap:13px 8px;padding:20px 17px;min-height:125px}.ys-file-main{grid-column:1/-1;gap:10px}.ys-file-glyph{width:33px;height:38px}.ys-file-name{font-size:12px!important}.ys-file-type{font-size:10px}.ys-file-size{grid-column:1;grid-row:2;font-size:11px;padding-left:27px}.ys-file-actions{grid-column:2;grid-row:2;gap:7px}.ys-file-actions .ys-button{min-height:36px;font-size:12px;padding:0 10px}.ys-unsupported{font-size:10px}.ys-panel-footer{padding:14px 17px;font-size:10px}.ys-help{font-size:11px;margin:15px 1px;line-height:1.9}.ys-footer{padding:20px 1px 12px;margin-top:30px;font-size:10px}.ys-file-date{display:none}.ys-selection.has-selection .ys-selection-hint{display:none}}
@container ysfolder (max-width:365px){.ys-selection-hint{display:none}.ys-meta{max-width:195px}.ys-toolbar{gap:10px}.ys-list-tools{margin-left:0;width:100%;justify-content:space-between}.ys-search{flex:1}.ys-search input{width:100%}.ys-file-size{padding-left:0}.ys-file-actions .ys-button{padding:0 8px}}

.ys-file-glyph .ys-native-file-icon{width:23px;height:23px;flex-shrink:0}.ys-file-glyph>.ys-icon{color:#c99b3e}.ys-selection .ys-text-button{margin-left:auto}
@container ysfolder (max-width:620px){.ys-main-actions>.ys-button:only-child{grid-column:1 / -1}.ys-details{min-height:48px;flex-wrap:nowrap}.ys-permission{margin-left:auto;flex-basis:auto}.ys-details .ys-icon{width:14px;height:14px}}