.ruyi-latest-update,
.ruyi-resource-browser { border:1px solid #e7e9ef; border-radius:14px; box-shadow:0 5px 22px rgba(36,50,78,.06); margin:22px 0; overflow:hidden; }
.ruyi-latest-update { background:linear-gradient(135deg,#f3f8ff,#fff); padding:18px 20px; }.ruyi-latest-update h3 { margin:0; }.ruyi-update-heading { align-items:center; display:flex; flex-wrap:wrap; gap:10px; justify-content:space-between; margin-bottom:12px; }.ruyi-update-heading span { background:#e4efff; border-radius:999px; color:#3566ad; font-size:12px; font-weight:600; padding:5px 10px; }.ruyi-latest-update ul { list-style:none; margin:0; padding:0; }.ruyi-latest-update li { align-items:center; display:flex; gap:10px; margin:8px 0; }.ruyi-latest-update h4 { color:#536078; font-size:14px; margin:14px 0 8px; }.ruyi-latest-update .ruyi-removed-title { color:#a34242; }.ruyi-removed-list { opacity:.78; }
.ruyi-directory-heading { align-items:center; background:#f7f8fb; display:flex; gap:16px; justify-content:space-between; padding:16px 20px; }.ruyi-directory-heading h3 { margin:0; }.ruyi-directory-heading p { color:#737b8c; display:flex; flex-wrap:wrap; font-size:13px; gap:6px 16px; margin:4px 0 0; }.ruyi-directory-actions { display:flex; flex:0 0 auto; gap:8px; }.ruyi-directory-actions button { background:#fff; border:1px solid #d9deea; border-radius:7px; color:#526079; cursor:pointer; font-size:13px; padding:6px 10px; }.ruyi-directory-actions button:hover { border-color:#4f73ff; color:#3158e8; }
.ruyi-resource-tree { background:#fff; padding:10px 16px 16px; }.ruyi-directory { border-bottom:1px solid #eff1f5; }.ruyi-directory:last-child { border-bottom:0; }.ruyi-directory summary { align-items:center; cursor:pointer; display:flex; gap:10px; list-style:none; min-height:48px; padding:5px 8px; }.ruyi-directory summary::-webkit-details-marker { display:none; }.ruyi-directory summary::after { color:#9aa2b2; content:"›"; font-size:21px; margin-left:4px; transform:rotate(0); transition:transform .18s ease; }.ruyi-directory[open]>summary::after { transform:rotate(90deg); }.ruyi-directory-children { border-left:1px dashed #dfe3eb; margin-left:20px; padding-left:12px; }.ruyi-file-row { align-items:center; display:flex; gap:10px; min-height:42px; padding:4px 8px; }.ruyi-file-row:hover,.ruyi-directory summary:hover { background:#f8faff; border-radius:8px; }.ruyi-item-name { flex:1 1 auto; min-width:0; overflow-wrap:anywhere; }.ruyi-folder-count,.ruyi-file-row small { color:#9299a8; flex:0 0 auto; font-size:12px; }
.ruyi-file-icon { align-items:center; background:#f1f3f7; border-radius:8px; display:inline-flex; flex:0 0 30px; height:30px; justify-content:center; line-height:1; width:30px; }.ruyi-file-icon--folder { background:#fff4ce; }.ruyi-file-icon--video { background:#ffe8eb; }.ruyi-file-icon--audio { background:#eee8ff; }.ruyi-file-icon--pdf { background:#ffe9e4; }.ruyi-file-icon--document { background:#e7f0ff; }.ruyi-file-icon--sheet { background:#e6f7ed; }.ruyi-file-icon--slides { background:#fff0df; }.ruyi-file-icon--image { background:#e5f7f7; }.ruyi-file-icon--archive { background:#f2ecdf; }.ruyi-file-icon--ebook { background:#f1eaff; }
@media (max-width:600px) { .ruyi-directory-heading { align-items:flex-start; flex-direction:column; }.ruyi-directory-actions { width:100%; }.ruyi-directory-actions button { flex:1; }.ruyi-resource-tree { padding-left:8px; padding-right:8px; }.ruyi-folder-count { display:none; }.ruyi-directory-children { margin-left:14px; padding-left:6px; } }