.phone-app-root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;height:100%;min-height:100%;width:100%;overflow:hidden;background:#f0f4f8;color:#111827}.phone-card,.phone-card-shadow{box-shadow:0 4px 15px rgba(0,0,0,.03)}.phone-card{border-radius:16px;background:#fff;padding:12px}.phone-dashboard{background:#f0f4f8;color:#111827;display:flex;flex-direction:column;height:100%;min-height:0}.phone-dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 8px;gap:8px}.phone-dashboard-brand{display:flex;align-items:center;gap:6px;flex-shrink:0}.phone-dashboard-logo{width:28px;height:28px;border-radius:9999px;background:#dbeafe;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#3b82f6}.phone-dashboard-title{font-size:13px;font-weight:700;color:#1f2937;letter-spacing:.02em}.phone-dashboard-search{flex:1;max-width:140px;margin-left:auto;border-radius:9999px;background:#fff;padding:5px 10px 5px 26px;font-size:9px;color:#9ca3af;box-shadow:0 1px 3px rgba(0,0,0,.06);position:relative}.phone-dashboard-search-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:10px;height:10px;color:#9ca3af}.phone-dashboard-greeting{display:flex;align-items:flex-end;justify-content:space-between;padding:0 12px 10px}.phone-dashboard-greeting h1{font-size:20px;font-weight:800;color:#111827;line-height:1.1}.phone-dashboard-greeting p{font-size:9px;color:#6b7280;margin-top:2px}.phone-dashboard-weather{display:flex;flex-direction:column;align-items:flex-end;font-size:11px;font-weight:600;color:#1f2937}.phone-dashboard-body{padding:0 12px 8px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;flex:1;min-height:0}.phone-profile-row{display:flex;align-items:center;gap:10px}.phone-profile-avatar{width:44px;height:44px;border-radius:9999px;background:#dbeafe;color:#3b82f6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.phone-profile-name{font-size:13px;font-weight:700;color:#1f2937}.phone-profile-badge{font-size:8px;color:#6b7280;background:#f3f4f6;padding:1px 6px;border-radius:4px;margin-left:4px}.phone-profile-college{font-size:8px;color:#6b7280;margin-top:2px}.phone-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.phone-section-head h3{font-size:13px;font-weight:700;color:#1f2937}.phone-section-head a{font-size:9px;color:#3b82f6}.phone-timeline-line{position:absolute;left:11px;top:8px;bottom:8px;width:2px;background:#e5e7eb;z-index:0}.phone-course-highlight{background:linear-gradient(135deg,#5b86e5,#36d1dc);border-radius:14px;padding:10px 10px 12px 0;display:flex;color:#fff;box-shadow:0 10px 20px rgba(54,209,220,.28);position:relative;overflow:hidden}.phone-course-highlight-deco{position:absolute;right:-20px;top:-20px;width:80px;height:80px;background:rgba(255,255,255,.12);border-radius:9999px;filter:blur(12px)}.phone-course-dot{width:10px;height:10px;border-radius:9999px;background:#fff;border:2px solid #3b82f6;flex-shrink:0;margin-top:2px}.phone-course-time-col{width:36px;flex-shrink:0;font-size:9px;font-weight:700}.phone-course-upcoming{display:flex;gap:6px;margin-bottom:10px;opacity:.55}.phone-course-upcoming-dot{width:7px;height:7px;border-radius:9999px;background:#d1d5db;margin-top:3px;flex-shrink:0}.phone-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.phone-quick-grid--5{grid-template-columns:repeat(5,1fr);gap:6px 4px}.phone-quick-item{display:flex;flex-direction:column;align-items:center;gap:4px}.phone-quick-icon{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.phone-quick-label{font-size:8px;color:#4b5563;text-align:center}.phone-module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 4px}.phone-module-item{display:flex;flex-direction:column;align-items:center;gap:3px}.phone-module-icon{width:36px;height:36px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px rgba(15,23,42,.1)}.phone-module-label{font-size:7px;color:#374151;text-align:center;line-height:1.2}.phone-schedule-root{background:#f9f9ff;color:#111827;display:flex;flex-direction:column;flex:1;min-height:0;height:100%;overflow:hidden}.phone-schedule-topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:8px 10px 6px;background:#f9f9ff;box-shadow:0 4px 20px -2px rgba(59,130,246,.05);flex-shrink:0;position:relative}.phone-schedule-menu-btn{width:32px;height:32px;border-radius:9999px;border:1px solid #f0f0f0;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.04);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex-shrink:0}.phone-schedule-menu-bar{width:12px;height:1.5px;background:#4b5563;border-radius:1px}.phone-schedule-topbar-center{position:absolute;left:50%;transform:translateX(-50%);text-align:center;pointer-events:none}.phone-schedule-topbar-title{font-size:14px;font-weight:700;color:#111827;line-height:1.2}.phone-schedule-topbar-sub{font-size:9px;color:#9ca3af;margin-top:1px}.phone-schedule-week-pill{border-radius:9999px;border:1px solid #f0f0f0;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.04);padding:4px 8px;font-size:9px;font-weight:800;color:#374151;white-space:nowrap;flex-shrink:0;margin-left:auto}.phone-schedule-date-header{display:flex;align-items:stretch;border-bottom:1px solid #eef2ff;background:#fff;flex-shrink:0}.phone-schedule-month{width:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid #eef2ff;color:#6366f1;font-weight:800;flex-shrink:0}.phone-schedule-month-num{font-size:13px;line-height:1}.phone-schedule-month-label{font-size:8px}.phone-schedule-days-row{flex:1;display:grid;grid-template-columns:repeat(7,1fr)}.phone-schedule-day-col{text-align:center;padding:5px 0}.phone-schedule-day-col.is-today{background:rgba(99,102,241,.06)}.phone-schedule-day-num{width:20px;height:20px;margin:0 auto 1px;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#374151}.phone-schedule-day-col.is-today .phone-schedule-day-num{background:#6366f1;color:#fff}.phone-schedule-day-label{font-size:8px;color:#9ca3af}.phone-schedule-grid-body{display:flex;min-height:0;flex:1;overflow:hidden}.phone-schedule-time-axis{width:30px;flex-shrink:0;border-right:1px solid #eef2ff;background:#fafbff;overflow:hidden}.phone-schedule-time-slot{height:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:6px;color:#9ca3af;line-height:1;border-bottom:1px solid #f3f4f6}.phone-schedule-time-slot .period-num{font-size:7px;font-weight:700;color:#6b7280}.phone-schedule-courses-grid{flex:1;display:grid;grid-template-columns:repeat(7,1fr);position:relative;min-height:0;overflow:hidden;height:280px}.phone-schedule-day-column{position:relative;display:grid;grid-template-rows:repeat(11,20px);border-right:1px solid #f3f4f6}.phone-schedule-day-column.is-today{background:rgba(99,102,241,.04)}.phone-schedule-grid-line{position:absolute;left:0;right:0;height:1px;background:#f3f4f6}.phone-schedule-course-card{margin:1px;border-radius:6px;padding:2px 3px;color:#fff;font-size:6px;line-height:1.15;overflow:hidden;z-index:2;grid-column:1;box-shadow:0 2px 8px rgba(15,23,42,.12)}.phone-schedule-course-name{font-weight:700;font-size:6.5px}.phone-schedule-course-room{opacity:.85;font-size:5.5px}.phone-feature-root{background:#f0f4f8;color:#111827;display:flex;flex-direction:column;flex:1;min-height:0;height:100%;overflow:hidden}.phone-feature-header{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 10px;border-bottom:1px solid #f3f4f6;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);flex-shrink:0}.phone-feature-back{width:28px;height:28px;border-radius:9999px;display:flex;align-items:center;justify-content:center;color:#6b7280}.phone-feature-back-icon{width:16px;height:16px}.phone-feature-header-spacer{width:28px}.phone-feature-title{font-size:13px;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:4px}.phone-feature-body{flex:1;min-height:0;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px}.phone-gradient-banner{border-radius:14px;padding:12px;color:#fff;margin-bottom:10px}.phone-gradient-indigo{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.phone-gradient-rose{background:linear-gradient(135deg,#ef4444,#f97316)}.phone-list-item{background:#fff;border-radius:12px;padding:10px;margin-bottom:8px;box-shadow:0 2px 8px rgba(15,23,42,.06);display:flex;align-items:center;justify-content:space-between;gap:8px}.phone-list-item-title{font-size:11px;font-weight:600;color:#1f2937}.phone-list-item-sub{font-size:8px;color:#6b7280;margin-top:2px}.phone-list-item-value{font-size:13px;font-weight:700;color:#6366f1}.phone-notify-row{display:flex;gap:8px;align-items:flex-start;background:#fff;border-radius:12px;padding:10px;margin-bottom:8px;box-shadow:0 2px 8px rgba(15,23,42,.06)}.phone-notify-icon{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.phone-screen-layer{position:absolute;inset:0;display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;will-change:opacity,transform;backface-visibility:hidden;isolation:isolate}.phone-screen-layer:first-child{z-index:1}.phone-screen-layer:last-child{z-index:2}.phone-app-viewport{position:relative;height:100%;width:100%;min-height:100%;overflow:hidden;background:#f0f4f8}.phone-feature-title-icon{width:14px;height:14px;color:#6366f1}.phone-banner-label{font-size:9px;opacity:.9}.phone-banner-value{font-size:22px;font-weight:800;line-height:1.1;margin-top:2px}.phone-banner-value-lg{font-size:26px}.phone-banner-sub{font-size:8px;opacity:.85;margin-top:4px}.phone-banner-footer{display:flex;justify-content:space-between;margin-top:10px;font-size:7px;opacity:.9}.phone-list-item-right{text-align:right;flex-shrink:0}.phone-list-item-meta{font-size:8px;color:#6b7280;margin-top:1px}.phone-exam-countdown{text-align:center;flex-shrink:0;min-width:36px}.phone-exam-days{font-size:16px;font-weight:800;color:#6366f1;line-height:1}.phone-exam-days-label{font-size:8px;color:#6b7280}.phone-notify-bell{width:14px;height:14px}.phone-status-pill{font-size:8px;font-weight:600;padding:3px 8px;border-radius:9999px;flex-shrink:0}.phone-status-pill--free{background:#dcfce7;color:#15803d}.phone-status-pill--busy{background:#fee2e2;color:#b91c1c}.phone-ranking-card{text-align:center;padding:16px 12px}.phone-ranking-label{font-size:9px;color:#6b7280}.phone-ranking-value{font-size:28px;font-weight:800;color:#6366f1;line-height:1.1;margin-top:4px}.phone-ranking-total{font-size:14px;font-weight:600;color:#9ca3af}.phone-ranking-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #f3f4f6}.phone-ranking-stat-label{font-size:8px;color:#6b7280}.phone-ranking-stat-value{font-size:14px;font-weight:700;color:#1f2937;margin-top:2px}.phone-ranking-stat-value--primary{color:#6366f1}.phone-feature-category{margin-bottom:12px}.phone-feature-category-title{font-size:10px;font-weight:700;color:#6b7280;margin-bottom:8px}.phone-module-svg{width:16px;height:16px}.phone-today-stats{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid #f3f4f6}.phone-today-stat{display:flex;align-items:center;gap:6px}.phone-today-stat-icon{width:28px;height:28px;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-size:10px}.phone-today-stat-icon--blue{background:#eff6ff;color:#3b82f6}.phone-today-stat-icon--teal{background:#f0fdfa;color:#14b8a6}.phone-today-stat-icon--orange{background:#fff7ed;color:#f97316}.phone-today-stat-label{font-size:7px;color:#9ca3af}.phone-today-stat-value{font-size:11px;font-weight:700;color:#1f2937}.phone-today-stat-divider{width:1px;height:28px;background:#f3f4f6}.phone-course-highlight-title{font-size:11px;font-weight:700;line-height:1.2}.phone-feature-page,.phone-grade-view{display:flex;flex-direction:column;flex:1;min-height:0;height:100%;width:100%;background:#f6fafe;color:#1e293b;overflow:hidden}.phone-feature-page-header,.phone-grade-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:10px 12px 12px;border-bottom:1px solid rgba(226,232,240,.86);background:rgba(246,250,254,.92);backdrop-filter:blur(10px)}.phone-feature-page-header h1,.phone-grade-header h1{margin:0;font-size:14px;font-weight:800;color:#1e293b}.phone-grade-header-btn{width:32px;height:32px;border:0;border-radius:9999px;background:transparent;color:#1e293b;display:inline-flex;align-items:center;justify-content:center;padding:0}.phone-grade-header-btn--refresh{color:#3b82f6}.phone-grade-header-icon{width:16px;height:16px}.phone-feature-header-spacer{width:32px;flex-shrink:0}.phone-feature-page-body,.phone-grade-main{flex:1;min-height:0;overflow-y:auto;padding:10px;display:grid;gap:10px;align-content:start}.phone-grade-tab-bar{display:flex;padding:3px;border-radius:12px;background:#fff;box-shadow:0 4px 20px -2px rgba(15,23,42,.05)}.phone-grade-tab{flex:1;min-height:32px;border:0;border-radius:9px;background:transparent;color:#64748b;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:4px}.phone-grade-tab.active{color:#3b82f6;background:#eff6ff}.phone-grade-beta{padding:1px 4px;border-radius:4px;background:#fef3c7;color:#d97706;font-size:7px;font-weight:800}.phone-grade-filter{display:grid;gap:8px;padding:10px;border-radius:16px;background:#fff;box-shadow:0 4px 20px -2px rgba(15,23,42,.05)}.phone-grade-search,.phone-grade-select{min-height:36px;border-radius:10px;background:#f0f4f8;font-size:10px;color:#94a3b8;display:flex;align-items:center;padding:0 10px;gap:6px}.phone-grade-search-icon{width:12px;height:12px;flex-shrink:0}.phone-grade-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.phone-grade-stat{min-height:64px;border-radius:14px;background:#fff;box-shadow:0 4px 20px -2px rgba(15,23,42,.05);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px}.phone-grade-stat-value{color:#3b82f6;font-size:18px;font-weight:900;line-height:1.1}.phone-grade-stat-value--dark{color:#1e293b}.phone-grade-stat-label{margin-top:4px;color:#64748b;font-size:8px;font-weight:700}.phone-grade-term{display:grid;gap:8px}.phone-grade-term-head{display:flex;align-items:center;gap:6px;padding:0 2px}.phone-grade-term-head h2{margin:0;font-size:10px;font-weight:800;color:#1e293b}.phone-grade-term-icon{width:22px;height:22px;border-radius:8px;background:#dbeafe;display:inline-flex;align-items:center;justify-content:center;font-size:10px}.phone-grade-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.phone-grade-card{min-height:110px;display:flex;flex-direction:column;padding:12px;border-radius:14px;background:#fff;box-shadow:0 4px 20px -2px rgba(15,23,42,.05);overflow:hidden}.phone-grade-card-score{font-size:26px;font-weight:900;line-height:1;margin-bottom:8px}.phone-grade-card.excellent .phone-grade-card-score{color:#10b981}.phone-grade-card.good .phone-grade-card-score{color:#22c55e}.phone-grade-card.average .phone-grade-card-score{color:#eab308}.phone-grade-card.pass .phone-grade-card-score{color:#f97316}.phone-grade-card.fail .phone-grade-card-score{color:#ef4444}.phone-grade-card-name{min-height:28px;margin:0 0 6px;font-size:10px;font-weight:800;line-height:1.35;color:#1e293b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.phone-grade-card-meta{display:flex;flex-wrap:wrap;gap:4px;margin-top:auto}.phone-grade-chip{border-radius:5px;padding:3px 6px;font-size:7px;font-weight:800;background:#eff6ff;color:#2563eb}.phone-grade-chip--nature{background:#f1f5f9;color:#475569}.phone-grade-card-teacher{margin-top:6px;font-size:8px;color:#64748b}.phone-classroom-card,.phone-exam-card,.phone-notify-card{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border-radius:12px;background:#fff;box-shadow:0 4px 20px -2px rgba(15,23,42,.05)}.phone-exam-card-main{flex:1;min-width:0}.phone-classroom-title,.phone-exam-title,.phone-notify-title{font-size:11px;font-weight:700;color:#1e293b;margin:0}.phone-classroom-meta,.phone-exam-meta,.phone-notify-body{font-size:8px;color:#64748b;margin:2px 0 0}.phone-notify-card{align-items:flex-start}.phone-notify-content{flex:1;min-width:0}.phone-electricity-banner{border-radius:14px;padding:14px;color:#fff;background:linear-gradient(135deg,#ef4444,#f97316);box-shadow:0 8px 24px rgba(239,68,68,.25)}.phone-electricity-label{font-size:9px;opacity:.92}.phone-electricity-balance{font-size:28px;font-weight:900;line-height:1.1;margin-top:4px}.phone-electricity-sub{font-size:8px;opacity:.88;margin-top:4px}.phone-electricity-footer{display:flex;justify-content:space-between;margin-top:12px;font-size:7px;opacity:.92}.phone-ranking-panel{border-radius:14px;background:#fff;padding:16px 12px;text-align:center;box-shadow:0 4px 20px -2px rgba(15,23,42,.05)}