.home[data-v-f56b2ef8]{width:100vw;height:100vh;overflow-y:hidden;padding:4vw;box-sizing:border-box;background:#f5faff;position:relative}.drawer-trigger[data-v-f56b2ef8]{position:fixed;top:120px;left:12px;width:40px;height:40px;background:#409eff;border-radius:8px;z-index:999;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.layout-container[data-v-f56b2ef8]{display:flex;gap:3vw;max-width:100%;margin:0 auto;flex-wrap:wrap;height:100%;box-sizing:border-box}.left-box[data-v-f56b2ef8]{flex:1;max-width:350px;display:flex;flex-direction:column;gap:3vw;height:100%}.right-box[data-v-f56b2ef8]{flex:2;display:flex;flex-direction:column;height:100%}.card[data-v-f56b2ef8]{background:#fff;padding:4vw;border-radius:3vw;box-shadow:0 1vw 2vw rgba(0,0,0,.05);display:flex;flex-direction:column;height:100%;box-sizing:border-box}.card-header[data-v-f56b2ef8]{display:flex;align-items:center;gap:12px;margin-bottom:15px;flex-shrink:0}.count-tag[data-v-f56b2ef8]{min-width:40px;border-radius:5px;background-color:#2b85e4;height:20px;display:flex;align-items:center;justify-content:center;padding:2px;color:#fff;font-size:12px}.count-tag i[data-v-f56b2ef8]{line-height:20px}.count-tag span[data-v-f56b2ef8]{margin-left:5px;line-height:20px}.card h3[data-v-f56b2ef8]{font-size:4.2vw;margin:0;color:#000;font-weight:800}.user-info[data-v-f56b2ef8]{background:#aaf;position:relative;display:block;overflow:hidden;z-index:1;flex-shrink:0;height:auto}.user-info h3[data-v-f56b2ef8]{color:#fff}.user-info p[data-v-f56b2ef8]{font-size:3.8vw;margin:2vw 0;color:#fff}.card-wrapper[data-v-f56b2ef8]{width:100%;box-sizing:border-box;display:flex;flex-wrap:wrap;row-gap:6px;column-gap:16px;overflow-y:auto;padding:0 4px 10px 4px;flex:1;align-content:flex-start;align-items:flex-start}.card-item[data-v-f56b2ef8]{flex:0 0 240px;position:relative;overflow:hidden;background:linear-gradient(135deg,#fff,#f8fbff 48%,#eef7ff);border-radius:10px;padding:12px 18px;box-shadow:0 10px 28px rgba(31,65,105,.08);border:1px solid rgba(126,154,186,.16);min-height:172px;display:flex;flex-direction:column;justify-content:flex-start;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card-item[data-v-f56b2ef8]:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(31,65,105,.13);border-color:rgba(64,158,255,.26)}.card-item[data-v-f56b2ef8]:after,.card-item[data-v-f56b2ef8]:before{position:absolute;pointer-events:none;z-index:0}.card-item[data-v-f56b2ef8]:before{content:"";inset:0;background:radial-gradient(circle at 88% 12%,hsla(0,0%,100%,.9),transparent 26%)}.card-item[data-v-f56b2ef8]:after{content:"AI";right:14px;top:12px;font-size:38px;font-weight:800;line-height:1;color:rgba(64,158,255,.14)}.card-item>[data-v-f56b2ef8]{position:relative;z-index:1}.card-item[data-v-f56b2ef8]:has(.infoname[title*=作文]),.card-item[data-v-f56b2ef8]:has(.infoname[title*=语文]),.card-item[data-v-f56b2ef8]:has(.infoname[title*=阅读]),.subject-chinese[data-v-f56b2ef8]{background:linear-gradient(135deg,#fff,#fff8fa 48%,#ffe8ee)}.card-item[data-v-f56b2ef8]:has(.infoname[title*=作文]):after,.card-item[data-v-f56b2ef8]:has(.infoname[title*=语文]):after,.card-item[data-v-f56b2ef8]:has(.infoname[title*=阅读]):after,.subject-chinese[data-v-f56b2ef8]:after{content:"文";color:rgba(180,71,92,.15)}.card-item[data-v-f56b2ef8]:has(.infoname[title*=几何]),.card-item[data-v-f56b2ef8]:has(.infoname[title*=口算]),.card-item[data-v-f56b2ef8]:has(.infoname[title*=数学]),.subject-math[data-v-f56b2ef8]{background:linear-gradient(135deg,#fff,#f7fbff 48%,#dff1ff)}.card-item[data-v-f56b2ef8]:has(.infoname[title*=几何]):after,.card-item[data-v-f56b2ef8]:has(.infoname[title*=口算]):after,.card-item[data-v-f56b2ef8]:has(.infoname[title*=数学]):after,.subject-math[data-v-f56b2ef8]:after{content:"π";color:rgba(45,117,184,.16)}.card-item[data-v-f56b2ef8]:has(.infoname[title*=English]),.card-item[data-v-f56b2ef8]:has(.infoname[title*=单词]),.card-item[data-v-f56b2ef8]:has(.infoname[title*=英语]),.subject-english[data-v-f56b2ef8]{background:linear-gradient(135deg,#fff,#f5fffb 48%,#ddf7ed)}.card-item[data-v-f56b2ef8]:has(.infoname[title*=English]):after,.card-item[data-v-f56b2ef8]:has(.infoname[title*=单词]):after,.card-item[data-v-f56b2ef8]:has(.infoname[title*=英语]):after,.subject-english[data-v-f56b2ef8]:after{content:"A";color:rgba(27,138,114,.16)}.card-item[data-v-f56b2ef8]:has(.infoname[title*=化学]),.card-item[data-v-f56b2ef8]:has(.infoname[title*=实验]),.card-item[data-v-f56b2ef8]:has(.infoname[title*=物理]),.card-item[data-v-f56b2ef8]:has(.infoname[title*=生物]),.card-item[data-v-f56b2ef8]:has(.infoname[title*=科学]),.subject-science[data-v-f56b2ef8]{background:linear-gradient(135deg,#fff,#faf9ff 48%,#eceaff)}.card-item[data-v-f56b2ef8]:has(.infoname[title*=化学]):after,.card-item[data-v-f56b2ef8]:has(.infoname[title*=实验]):after,.card-item[data-v-f56b2ef8]:has(.infoname[title*=物理]):after,.card-item[data-v-f56b2ef8]:has(.infoname[title*=生物]):after,.card-item[data-v-f56b2ef8]:has(.infoname[title*=科学]):after,.subject-science[data-v-f56b2ef8]:after{content:"⚗";color:rgba(109,91,208,.16)}.subject-art[data-v-f56b2ef8]{background:linear-gradient(135deg,#fff,#fffaf4 48%,#ffefde)}.subject-art[data-v-f56b2ef8]:after{content:"艺";color:rgba(194,96,40,.16)}.subject-music[data-v-f56b2ef8]{background:linear-gradient(135deg,#fff,#fbf7ff 48%,#f4e8ff)}.subject-music[data-v-f56b2ef8]:after{content:"♪";color:rgba(140,87,184,.16)}.subject-pe[data-v-f56b2ef8]{background:linear-gradient(135deg,#fff,#f8fff6 48%,#e5f8e1)}.subject-pe[data-v-f56b2ef8]:after{content:"动";color:rgba(47,138,62,.16)}.subject-pill[data-v-f56b2ef8]{align-self:flex-start;max-width:100%;min-height:20px;padding:2px 8px;margin:-2px 0 7px;border-radius:999px;background:hsla(0,0%,100%,.72);border:1px solid rgba(64,158,255,.18);color:#2777d8;font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 4px 12px rgba(31,65,105,.05)}.empty-tip[data-v-f56b2ef8],.loading-tip[data-v-f56b2ef8],.nomore-tip[data-v-f56b2ef8]{width:100%}.card-title[data-v-f56b2ef8]{font-size:18px;font-weight:700;margin-bottom:10px;color:#409eff;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-info[data-v-f56b2ef8]{font-size:13px;color:#666;line-height:1.6;margin-bottom:8px;flex:1}.itemtitle[data-v-f56b2ef8]{font-size:14px;display:flex}.label[data-v-f56b2ef8]{width:60px;padding-right:8px;flex-shrink:0;text-align-last:justify;display:inline-block}.infoname[data-v-f56b2ef8]{font-weight:500;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.time-row[data-v-f56b2ef8]{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;border-top:1px solid #f2f2f2;flex-shrink:0}.enter-btn[data-v-f56b2ef8]{padding:4px 12px;background:#07c160;color:#fff;border:none;border-radius:6px;cursor:pointer}.look-txt[data-v-f56b2ef8]{color:#409eff;font-size:13px;cursor:pointer}.empty-tip[data-v-f56b2ef8],.loading-tip[data-v-f56b2ef8],.nomore-tip[data-v-f56b2ef8]{grid-column:1/-1;text-align:center;padding:40px 0;color:#999;font-size:13px}.card-wrapper[data-v-f56b2ef8]::-webkit-scrollbar{width:6px;height:6px}.card-wrapper[data-v-f56b2ef8]::-webkit-scrollbar-thumb{border-radius:3px;background:#cbd5e1}.card-wrapper[data-v-f56b2ef8]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.drawer-mask[data-v-f56b2ef8]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);z-index:998}.mobile-drawer[data-v-f56b2ef8]{position:fixed;top:0;left:0;bottom:0;width:80%;max-width:360px;background:#f5faff;z-index:999;transform:translateX(-100%);transition:transform .3s ease;display:flex;flex-direction:column}.mobile-drawer.active[data-v-f56b2ef8]{transform:translateX(0)}.drawer-head[data-v-f56b2ef8]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;border-bottom:1px solid #eee;flex-shrink:0}.close-icon[data-v-f56b2ef8]{font-size:20px;cursor:pointer;color:#666}.drawer-content[data-v-f56b2ef8]{padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:20px;flex:1}@media (min-width:768px){.home[data-v-f56b2ef8]{padding:20px}.layout-container[data-v-f56b2ef8]{flex-wrap:nowrap;gap:20px}.card[data-v-f56b2ef8]{padding:20px;border-radius:12px}.card h3[data-v-f56b2ef8]{font-size:18px}.user-info p[data-v-f56b2ef8]{font-size:16px;margin:8px 0}.drawer-trigger[data-v-f56b2ef8]{display:none}}