body.mobile-page{background:var(--bg-body)}.phone{background:linear-gradient(180deg,#f7f8fc,#f5f6fb)}.status-bar,.detail-nav{background:#fff}.detail-nav{display:flex;align-items:center;gap:10px;padding:8px 16px 12px;border-bottom:1px solid rgba(233,237,245,.92);flex-shrink:0}.nav-back{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-primary);text-decoration:none;flex-shrink:0}.nav-back svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.nav-title{flex:1;text-align:center;font-size:18px;font-weight:var(--fw-semibold);color:#111827;margin-left:-24px}.mini-capsule{height:32px;min-width:88px;padding:0 12px;border-radius:999px;border:1px solid rgba(223,228,237,.96);background:#fbfcff;display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0}.mini-dots,.mini-circle{display:inline-flex;align-items:center;justify-content:center;color:#111827}.mini-dots svg,.mini-circle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}.mini-divider{width:1px;height:14px;background:#9ca3af57}.top-filter-bar{display:flex;justify-content:space-around;align-items:center;padding:10px 16px 12px;background:transparent;color:#5b6475;flex-shrink:0}.top-filter-trigger{border:none;background:transparent;color:inherit;font-size:16px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.top-filter-trigger svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}.mobile-content.detail-content{padding:2px 12px 20px}.assignment-card{background:#fff;border-radius:20px;border:1px solid rgba(234,238,245,.96);box-shadow:0 12px 30px #243c700d;margin-bottom:14px;overflow:hidden}.assignment-card.is-hidden{display:none}.assignment-body{padding:18px 16px 14px}.assignment-head{display:flex;gap:14px;align-items:flex-start}.pdf-icon{width:62px;height:76px;border-radius:10px;position:relative;overflow:hidden;flex-shrink:0;background:linear-gradient(180deg,#ffd43b,#ffb100);box-shadow:inset 0 1px #ffffff80}.pdf-icon:after{content:"";position:absolute;right:0;bottom:0;width:18px;height:18px;background:linear-gradient(135deg,#ffffff2e 0 50%,#f47c0052 50% 100%);clip-path:polygon(100% 0,0 100%,100% 100%)}.pdf-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:var(--fw-bold);color:#fff;letter-spacing:.5px}.assignment-main{min-width:0;flex:1}.assignment-title{font-size:17px;line-height:1.4;font-weight:var(--fw-bold);color:#111827}.assignment-sub{margin-top:8px;display:flex;gap:10px;flex-wrap:wrap}.assignment-chip{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:6px;background:#f3f5f8;color:#7b8595;font-size:12px}.info-box{margin-top:16px;background:#f6f7fb;border-radius:14px;padding:14px 14px 12px}.info-line{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.7}.info-line span{width:64px;color:#8b93a3;flex-shrink:0}.info-line strong{color:#1f2937;font-weight:var(--fw-medium)}.assignment-actions{display:flex;align-items:center;border-top:1px solid #edf1f6;height:58px}.assignment-action{flex:1;height:100%;border:none;background:transparent;color:var(--brand-primary);font-size:16px;font-weight:var(--fw-medium);cursor:pointer}.assignment-action+.assignment-action{border-left:1px solid #edf1f6}.empty-state{display:none;margin-top:12px;padding:40px 16px;border-radius:18px;border:1px dashed #d7deea;background:#ffffffdb;text-align:center;color:#8c96a8;font-size:14px}.empty-state.show{display:block}.sheet-overlay{position:absolute;inset:0;display:none;align-items:flex-end;justify-content:center;background:#11182785;z-index:40}.sheet-overlay.show{display:flex}.sheet-panel{width:100%;background:#fff;border-radius:22px 22px 0 0;box-shadow:0 -12px 36px #0f172a33;animation:sheetUp .2s ease}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.catalog-sheet{min-height:318px;display:flex;flex-direction:column}.catalog-head{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 10px}.catalog-title{font-size:17px;font-weight:var(--fw-bold);color:#111827}.catalog-close{width:30px;height:30px;border:none;border-radius:50%;background:#f4f6fa;color:#a0a7b5;font-size:18px;line-height:1;cursor:pointer}.catalog-content{flex:1;padding:0 18px 14px;overflow-y:auto}.catalog-group{padding-top:10px}.catalog-group-title{display:flex;align-items:center;gap:8px;color:#111827;font-size:16px;font-weight:var(--fw-semibold)}.catalog-group-title svg{width:14px;height:14px;fill:#c4c4c4}.catalog-items{padding:16px 0 0 26px;display:flex;flex-direction:column;gap:10px}.catalog-item{border:none;background:transparent;text-align:left;color:#111827;font-size:16px;font-weight:var(--fw-semibold);padding:8px 0;cursor:pointer}.catalog-item.active{color:var(--brand-primary)}.catalog-footer{border-top:8px solid #f3f5f9;padding:18px 0 22px;text-align:center}.catalog-reset{border:none;background:transparent;color:#3f3f46;font-size:18px;cursor:pointer}.class-sheet{padding-bottom:16px}.class-head{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 14px}.class-head button{border:none;background:transparent;font-size:16px;cursor:pointer}.class-cancel{color:#8b93a3}.class-confirm{color:var(--brand-primary);font-weight:var(--fw-medium)}.class-title{font-size:17px;font-weight:var(--fw-bold);color:#111827}.class-options{padding:0 18px;display:flex;flex-direction:column;gap:10px}.class-option{min-height:48px;border:none;border-radius:10px;background:transparent;color:#4b5563;font-size:16px;cursor:pointer}.class-option.active{background:#eaf3ff;color:var(--brand-primary);font-weight:var(--fw-semibold)}