.home-container[data-v-5b3ce60a]{max-width:1200px;margin:0 auto;padding:20px;background-color:#f5f7fa;min-height:100vh;position:relative}.logout-button-container[data-v-5b3ce60a]{position:fixed;bottom:30px;right:30px;z-index:100}.logout-button[data-v-5b3ce60a]{width:44px;height:44px;border-radius:50%;border:none;background-color:#f56c6c;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 4px 12px rgba(245,108,108,.3);transition:all .3s ease}.logout-button[data-v-5b3ce60a]:hover{background-color:#f78989;box-shadow:0 6px 16px rgba(245,108,108,.4)}.logout-button[data-v-5b3ce60a]:active{transform:scale(.95)}.page-header[data-v-5b3ce60a]{text-align:center;margin-bottom:40px;padding:30px 0;background:linear-gradient(135deg,#409eff,#67c23a);color:#fff;border-radius:12px}.page-header h1[data-v-5b3ce60a]{margin:0 0 10px;font-size:28px}.page-header p[data-v-5b3ce60a]{margin:0;opacity:.9;font-size:16px}.shortcut-container[data-v-5b3ce60a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px;margin-bottom:30px}.shortcut-card[data-v-5b3ce60a]{background:#fff;border-radius:12px;padding:25px 15px;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.05);cursor:pointer;transition:all .3s ease}.shortcut-card[data-v-5b3ce60a]:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.icon[data-v-5b3ce60a]{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;font-size:24px;color:#fff}.upload-icon[data-v-5b3ce60a]{background-color:#409eff}.file-icon[data-v-5b3ce60a]{background-color:#67c23a}.share-icon[data-v-5b3ce60a]{background-color:#e6a23c}.recycle-icon[data-v-5b3ce60a]{background-color:#f56c6c}.user-icon[data-v-5b3ce60a]{background-color:#909399}.text[data-v-5b3ce60a]{font-size:16px;color:#303133}.recent-files[data-v-5b3ce60a]{padding:20px;margin-bottom:20px}.section-title[data-v-5b3ce60a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-title h2[data-v-5b3ce60a]{font-size:18px;color:#303133;margin:0}.file-name[data-v-5b3ce60a]{display:flex;align-items:center;gap:8px}@media (max-width:768px){.home-container[data-v-5b3ce60a]{padding:10px}.shortcut-container[data-v-5b3ce60a]{grid-template-columns:repeat(2,1fr);gap:15px}.page-header[data-v-5b3ce60a]{padding:20px 10px}.page-header h1[data-v-5b3ce60a]{font-size:24px}}