.page-wide{max-width:1100px;margin:0 auto;padding:24px}@media (max-width: 900px){.page-wide{padding-bottom:calc(64px + var(--tabbar-h, 56px) + env(safe-area-inset-bottom,0px))}}@media (max-width: 720px){.page-wide{padding:16px 16px calc(64px + var(--tabbar-h, 56px) + env(safe-area-inset-bottom,0px))}}.breadcrumb{display:none;font-size:13px;color:var(--muted);margin-bottom:12px}.breadcrumb a{color:var(--muted);text-decoration:none}.page-h1{margin:0 0 16px}.page-h2{margin:28px 0 16px;font-size:20px}.section-pill{display:inline-block;vertical-align:middle;margin-left:8px;background:linear-gradient(90deg,#ff9a3c,#ffb35c);color:#2a1400;font-size:12px;font-weight:700;padding:3px 10px;border-radius:20px}.ca-banner{display:flex;align-items:center;gap:14px;text-align:left;background:#fff;border:2px solid rgba(28,28,26,.15);border-radius:14px;padding:.9rem 1.15rem;text-decoration:none;margin-bottom:20px;box-shadow:0 4px 14px -6px #1c1c1a26;transition:transform .12s ease,border-color .12s ease}.ca-banner:active{transform:scale(.98)}.ca-banner-icon{flex-shrink:0;width:40px;height:40px;border-radius:11px;background:#1eb8941f;display:flex;align-items:center;justify-content:center}.ca-banner-icon i{font-size:20px;color:#1eb894}.ca-banner-text{flex:1;min-width:0}.ca-banner-title{font-weight:800;font-size:17px;color:#1c1c1a;line-height:1.25}.ca-banner-sub{font-size:11px;font-weight:600;color:#1c1c1a99;margin-top:2px}.ca-banner-arrow{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#1c1c1a59}.ca-banner-arrow i{font-size:20px}@media (min-width: 901px){.ca-banner{display:none}}@media (max-width: 720px){.ca-banner{padding:.85rem 1rem;margin-bottom:16px;gap:12px}.ca-banner-icon{width:38px;height:38px;border-radius:10px}.ca-banner-icon i{font-size:19px}.ca-banner-title{font-size:15px}.ca-banner-sub{font-size:10.5px}}.offer-strip{display:block;position:relative;overflow:hidden;text-align:left;text-decoration:none;background:linear-gradient(135deg,#4c1d95,#241a4d);border:1px solid #ff9a3c;border-radius:16px;padding:1rem 1.1rem;margin-bottom:20px;box-shadow:0 6px 20px -8px #ff9a3c66;transition:transform .12s ease}.offer-strip:active{transform:scale(.98)}.offer-strip-head{position:relative;display:flex;align-items:center;gap:12px;margin-bottom:14px}.offer-strip-icon{flex-shrink:0;width:38px;height:38px;border-radius:10px;background:#ff9a3c2e;display:flex;align-items:center;justify-content:center}.offer-strip-icon i{font-size:19px;color:#ff9a3c}.offer-strip-headtext{flex:1;min-width:0}.offer-strip-title{font-size:16px;font-weight:800;color:#fff;line-height:1.25}.offer-strip-sub{font-size:11.5px;font-weight:600;color:#fff9;margin-top:2px}.offer-strip-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px}.offer-strip-price{font-size:21px;font-weight:800;color:#fff;line-height:1}.offer-strip-price span{font-size:12px;font-weight:600;color:#fff9}.offer-strip-features{font-size:11.5px;font-weight:700;color:#ffcb8a;margin-top:3px}.offer-strip-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:#2a1400;background:linear-gradient(90deg,#ff9a3c,#ffb35c);padding:10px 16px;border-radius:10px;white-space:nowrap}.offer-strip-btn i{font-size:14px}@media (max-width: 720px){.offer-strip{padding:.85rem 1rem;margin-bottom:16px}.offer-strip-head{margin-bottom:12px}.offer-strip-icon{width:34px;height:34px;border-radius:9px}.offer-strip-icon i{font-size:17px}.offer-strip-title{font-size:14.5px}.offer-strip-sub{font-size:10.5px}.offer-strip-price{font-size:18px}.offer-strip-features{font-size:10.5px}.offer-strip-btn{font-size:12px;padding:9px 13px}}@media (max-width: 720px){.breadcrumb,.page-h1{display:none}.page-h2{font-size:17px;margin:22px 0 10px}.section-pill{font-size:10px;padding:2px 8px;margin-left:6px}}.subject-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.subject-card{display:block;background:linear-gradient(160deg,#1a1438,#241a4d);border-radius:14px;padding:1.25rem;text-decoration:none;color:#fff;position:relative;overflow:hidden;transition:transform .12s ease}.subject-card-live{border:1px solid #ff9a3c}.subject-card-live:active{transform:scale(.98)}.subject-card-live.has-pill{border-color:#3fd88a;box-shadow:0 0 0 1px #3fd88a40,0 0 8px #3fd88a2e;overflow:visible}.subject-card-soon{background:linear-gradient(160deg,#1a1438,#241a4d);border:1px solid rgba(255,255,255,.08);color:#fff;opacity:.55}.avail-pill{position:absolute;top:-8px;right:-8px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#2fb35c,#4dd67e);color:#06280f;border-radius:50%;box-shadow:0 2px 6px -1px #00000080}.avail-pill i{font-size:13px;font-weight:700}.avail-pill[hidden]{display:none}.subject-card-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:0}.subject-icon{flex-shrink:0;width:32px;height:32px;border-radius:9px;background:#ff9a3c26;display:flex;align-items:center;justify-content:center}.subject-icon i{font-size:16px;color:#ff9a3c}.subject-icon-muted{background:#ffffff14}.subject-icon-muted i{color:#ffffff80}.subject-native{flex:1;min-width:0;font-weight:700;font-size:15px;line-height:1.25;color:#fff}.subject-english{font-size:13px;line-height:1.3;color:#ffffffa6;margin:0 0 10px;padding-left:42px}.subject-count{display:block;font-size:12px;font-weight:600;color:#ffcb8a;padding-left:42px}.subject-count-muted{display:block;font-size:12px;font-weight:600;color:#ffffff80;padding-left:42px}@media (max-width: 720px){.subject-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.subject-card{border-radius:16px;padding:.9rem}.avail-pill{top:-6px;right:-6px;width:18px;height:18px}.avail-pill i{font-size:11px}.subject-card-header{gap:8px;margin-bottom:0}.subject-icon{width:26px;height:26px;border-radius:8px}.subject-icon i{font-size:13px}.subject-native{font-size:13px;line-height:1.3}.subject-english{font-size:11px;line-height:1.3;margin:0 0 8px;padding-left:34px}.subject-count,.subject-count-muted{font-size:11px;padding-left:34px}}