:root{--green: #58cc02;--green-bg: rgba(88, 204, 2, .12);--green-shadow: #46a302;--accent: #4a9ef5;--accent-rgb: 74, 158, 245;--accent-shadow: #2f7fd0;--accent2: #8b6fd4;--yellow: #ffc800;--yellow-bg: rgba(255, 200, 0, .15);--red: #ff4b4b;--red-bg: rgba(255, 75, 75, .12);--bg: #f7f7f7;--surface: #ffffff;--surface2: #f0f0f0;--border: #e5e5e5;--text: #3c3c3c;--muted: #8e95a8;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--radius: 16px;--radius-lg: 20px;--radius-pill: 999px;--fs-xs: 12px;--fs-sm: 14px;--fs-base: 16px;--fs-lg: 18px;--fs-xl: 22px;--fs-2xl: 28px;--fs-hero: 34px;--shadow-card: 0 2px 12px rgba(0, 0, 0, .08);--shadow-pop: 0 8px 28px rgba(0, 0, 0, .16);--maxw: 1024px;--maxw-narrow: 420px;--topnav-h: 60px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Nunito,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;font-weight:600;-webkit-font-smoothing:antialiased;touch-action:manipulation}.pc-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:12px 24px;border:none;border-radius:var(--radius);font-family:inherit;font-size:var(--fs-base);font-weight:800;cursor:pointer;transition:filter .15s,transform .05s,box-shadow .05s;-webkit-user-select:none;user-select:none}.pc-btn:disabled{opacity:.5;cursor:default;box-shadow:none;transform:none}.pc-btn--block{width:100%}.pc-btn--primary{background:var(--green);color:#fff;box-shadow:0 4px 0 var(--green-shadow)}.pc-btn--accent{background:var(--accent);color:#fff;box-shadow:0 4px 0 var(--accent-shadow)}.pc-btn--primary:not(:disabled):active,.pc-btn--accent:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px 0 var(--green-shadow)}.pc-btn--primary:not(:disabled):hover,.pc-btn--accent:not(:disabled):hover{filter:brightness(1.04)}.pc-btn--secondary{background:var(--surface);color:var(--text);border:2px solid var(--border)}.pc-btn--secondary:not(:disabled):hover{border-color:var(--accent);color:var(--accent)}.pc-btn--ghost{background:none;color:var(--muted);font-weight:700;padding:8px 12px}.pc-btn--ghost:hover{color:var(--text)}.pc-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.pc-input{width:100%;padding:12px 14px;font-family:inherit;font-size:var(--fs-base);font-weight:600;border:2px solid var(--border);border-radius:var(--radius);outline:none;color:var(--text)}.pc-input:focus{border-color:var(--accent)}.pc-chip{display:inline-block;font-size:var(--fs-xs);font-weight:700;background:var(--green-bg);color:var(--green-shadow);padding:2px 10px;border-radius:var(--radius-pill)}.pc-shell{min-height:100vh;display:flex;flex-direction:column}.pc-topnav{height:var(--topnav-h);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-5);background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.pc-topnav__brand{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xl);font-weight:800;color:var(--text)}.pc-topnav__user{display:flex;align-items:center;gap:var(--sp-3)}.pc-topnav__child{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text);background:var(--surface2);padding:4px 12px;border-radius:var(--radius-pill)}.pc-main{flex:1;width:100%;max-width:var(--maxw);margin:0 auto;padding:var(--sp-6) var(--sp-5)}.pc-center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sp-5)}.pc-center .pc-card{max-width:var(--maxw-narrow);width:100%;padding:var(--sp-8) var(--sp-6)}.pc-hero{text-align:center;padding:var(--sp-6) 0 var(--sp-8)}.pc-hero__title{font-size:var(--fs-2xl);font-weight:800;margin:var(--sp-4) 0 var(--sp-2)}.pc-hero__sub{color:var(--muted);font-size:var(--fs-base);margin:0 0 var(--sp-6)}.pc-section-title{font-size:var(--fs-lg);font-weight:800;margin:0 0 var(--sp-4)}.pc-course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--sp-4);align-content:start}.pc-lesson-card{display:flex;flex-direction:column;gap:var(--sp-2);text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--sp-5);cursor:pointer;transition:transform .12s,box-shadow .12s;font-family:inherit}.pc-lesson-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-pop)}.pc-lesson-card__title{font-size:var(--fs-lg);font-weight:800;color:var(--text)}.pc-lesson-card__author{font-size:var(--fs-sm);color:var(--muted)}.pc-lesson-card__row{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--sp-2)}.pc-lesson-card__stars{font-size:var(--fs-base);letter-spacing:1px}.pc-lesson-card__times{font-size:var(--fs-xs);color:var(--muted)}.pc-child-pill{padding:8px 14px;background:var(--green-bg);color:var(--green-shadow);border-radius:var(--radius-pill);font-weight:700}.pc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#00000080;padding:var(--sp-5)}@media (max-width: 600px){.pc-main{padding:var(--sp-4) var(--sp-4)}.pc-course-grid{grid-template-columns:1fr}}