.mobile-page .phone{background:linear-gradient(to bottom,#dbeafe,#f4f6f8 30% 100%);display:flex;flex-direction:column}.nav-bar{display:flex;justify-content:space-between;align-items:center;padding:0 var(--mobile-padding);height:44px;background:transparent}.nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer}.nav-icon svg{width:20px;height:20px;stroke:#000;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.nav-title{font-size:17px;font-weight:var(--fw-bold);color:#000}.nav-placeholder{width:24px}.search-header{display:flex;align-items:center;padding:10px var(--mobile-padding) 20px;gap:12px}.search-box{flex:1;display:flex;align-items:center;background:#fff;border-radius:20px;padding:8px 16px;gap:8px;box-shadow:0 2px 8px #00000005}.search-box svg{width:16px;height:16px;stroke:#b0b5c2;stroke-width:2.5;fill:none}.search-box input{border:none;background:transparent;flex:1;font-size:14px;color:var(--text-primary);outline:none}.search-box input::placeholder{color:#b0b5c2}.filter-btn{display:flex;align-items:center;gap:4px;font-size:14px;color:var(--text-primary);font-weight:var(--fw-medium)}.filter-btn svg{width:18px;height:18px;fill:currentColor}.list-content{flex:1;overflow-y:auto;padding:0 var(--mobile-padding) 40px;display:flex;flex-direction:column;gap:16px}.hw-card{background:#fff;border-radius:14px;padding:14px;display:flex;gap:16px;box-shadow:0 4px 12px #00000008;position:relative}.cover-box{width:85px;border-radius:8px;position:relative;overflow:hidden;flex-shrink:0;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center}.cover-box.subject-yuwen{background:linear-gradient(135deg,#e0c3fc,#8ec5fc)}.cover-box.subject-shuxue{background:linear-gradient(135deg,#fdfbfb,#ebedee);border:1px solid #E5E7EB}.cover-box.subject-yingyu{background:linear-gradient(135deg,#f6d365,#fda085)}.cover-box.subject-wuli{background:linear-gradient(135deg,#84fab0,#8fd3f4)}.subject-word{font-size:28px;font-weight:var(--fw-bold);color:#000000a6;letter-spacing:2px}.cover-tag{position:absolute;bottom:0;left:0;right:0;color:#fff;font-size:10px;text-align:center;padding:4px 0;font-weight:var(--fw-medium)}.tag-blue{background:#4facfe}.tag-orange{background:#f69d3c}.info-box{flex:1;display:flex;flex-direction:column;gap:8px}.info-title{font-size:16px;font-weight:var(--fw-bold);color:var(--text-primary)}.info-sub{font-size:12px;color:var(--text-muted);line-height:1.5}.highlight-param{color:#3b82f6;background:#eff6ff;padding:2px 6px;border-radius:4px}.info-date{font-size:12px;color:var(--text-muted);margin-top:4px}.btn-select{position:absolute;bottom:14px;right:14px;background:linear-gradient(90deg,#4facfe,#308cf8);color:#fff;border:none;border-radius:16px;padding:6px 20px;font-size:13px;font-weight:var(--fw-medium);cursor:pointer;box-shadow:0 2px 6px #308cf84d}.btn-select.disabled{background:#e5e7eb;color:#9ca3af;box-shadow:none;pointer-events:none}.filter-overlay{position:absolute;inset:0;background:#00000073;z-index:500;opacity:0;pointer-events:none;transition:opacity .25s ease}.filter-overlay.show{opacity:1;pointer-events:auto}.filter-panel{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:16px 16px 0 0;z-index:600;transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);max-height:70vh;display:flex;flex-direction:column}.filter-panel.show{transform:translateY(0)}.filter-panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 12px;border-bottom:1px solid #F0F0F0}.filter-panel-title{font-size:16px;font-weight:600;color:#111827}.filter-panel-reset{font-size:14px;color:#9ca3af;cursor:pointer}.filter-panel-reset:active{color:#3b82f6}.filter-panel-body{padding:16px 20px;overflow-y:auto;flex:1}.filter-group{margin-bottom:20px}.filter-group:last-child{margin-bottom:0}.filter-group-label{font-size:13px;color:#6b7280;margin-bottom:10px;font-weight:500}.filter-options{display:flex;flex-wrap:wrap;gap:10px}.filter-tag{padding:7px 16px;border-radius:20px;font-size:13px;color:#374151;background:#f3f4f6;cursor:pointer;border:1.5px solid transparent;transition:all .15s ease}.filter-tag:active{transform:scale(.96)}.filter-tag.selected{color:#3b82f6;background:#eff6ff;border-color:#3b82f6;font-weight:500}.filter-panel-footer{padding:12px 20px 24px;display:flex;gap:12px;border-top:1px solid #F0F0F0}.btn-filter-cancel{flex:1;padding:12px;border-radius:10px;font-size:15px;background:#f3f4f6;color:#374151;border:none;cursor:pointer;font-weight:500}.btn-filter-confirm{flex:1.5;padding:12px;border-radius:10px;font-size:15px;background:linear-gradient(90deg,#4facfe,#308cf8);color:#fff;border:none;cursor:pointer;font-weight:600;box-shadow:0 2px 8px #308cf84d}.filter-btn.active{color:#3b82f6}.empty-filter{display:none;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#9ca3af}.empty-filter svg{width:64px;height:64px;stroke:#d1d5db;fill:none;stroke-width:1.5;margin-bottom:12px}.empty-filter .empty-text{font-size:14px}