:root{--fs-2xs:12px;--fs-xs:13px;--fs-sm:15px;--fs-md:18px;--fs-lg:20px;--fs-xl:22px;--fs-2xl:26px;--fs-3xl:30px;--bg:#fff8ea;--surface:#ffffff;--ink:#1f2937;--muted:#6b7280;--brand:#ff8a00;--brand-soft:#fff3e0;--brand-ink:#b45309;--green:#22c55e;--green-soft:#ecfdf3;--purple:#4f46e5;--purple-soft:#eef2ff;--red:#ef4444;--yellow-soft:#fef9c3;--radius:20px;--radius-sm:12px;--pad:24px;--shadow:0 2px 8px rgba(0,0,0,0.08);--card-grad:linear-gradient(165deg,#ffffff,#fffaf1 60%,#fff1da);--card-border:#ffe4bd;--shadow-pop:0 3px 0 rgba(180,83,9,0.08),0 12px 28px rgba(255,138,0,0.16);--brand-grad:linear-gradient(180deg,#ffb03a,#ff8a00);--ease-pop:cubic-bezier(0.34,1.56,0.64,1)}@media (max-width:480px){:root{--fs-xs:12px;--fs-sm:14px;--fs-md:16px;--fs-lg:18px;--fs-xl:19px;--fs-2xl:21px;--fs-3xl:24px;--radius:16px;--pad:16px}}[data-scope=admin],[data-scope=parent]{--bg:#f4f6f9;--fs-md:16px;--fs-lg:17px;--fs-xl:19px;--fs-2xl:21px;--fs-3xl:24px;--radius:14px;--card-grad:var(--surface);--card-border:#e5e7eb;--shadow-pop:var(--shadow);--brand-grad:var(--brand)}body,html{margin:0;padding:0}*,:after,:before{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}@keyframes pop-in{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.05);opacity:1}to{transform:scale(1)}}@keyframes bob{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-4px) rotate(4deg)}}.pop-in{animation:pop-in .35s var(--ease-pop) both}.kid-btn{transition:transform .12s var(--ease-pop),box-shadow .12s ease,filter .12s ease}.kid-btn:not(:disabled):hover{filter:brightness(1.05)}.kid-btn:not(:disabled):active{transform:scale(.92)}.kid-btn-primary:not(:disabled){box-shadow:0 4px 0 #d97706,0 10px 20px rgba(255,138,0,.28)}.kid-btn-primary:not(:disabled):active{transform:translateY(3px) scale(.97);box-shadow:0 1px 0 #d97706}[data-scope=admin] .kid-btn-primary:not(:disabled),[data-scope=parent] .kid-btn-primary:not(:disabled){box-shadow:none}[data-scope=admin] .kid-btn:not(:disabled):active,[data-scope=parent] .kid-btn:not(:disabled):active{transform:none}[data-scope=admin] .pop-in,[data-scope=parent] .pop-in{animation:none}.kid-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:16px}.kid-actions>*{min-width:0}.kid-actions .span-full{grid-column:1/-1}.kid-finish-row{display:flex;align-items:stretch;gap:12px}.kid-finish-row .kid-finish-btn{flex:1 1;min-width:0}.kid-gen-check{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-lg);font-weight:700;color:var(--brand-ink);white-space:nowrap;padding:0 6px;min-height:48px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.kid-gen-check input[type=checkbox]{width:22px;height:22px;accent-color:#f59e0b;cursor:pointer}.mascot-badge{width:56px;height:56px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--brand-grad);border:3px solid #fff;box-shadow:0 4px 12px rgba(255,138,0,.35);animation:bob 3s ease-in-out infinite}.mascot-badge:hover{animation-duration:.9s}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--w-content:900px;--w-lesson:1100px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--r-xs:8px;--r-md:14px;--r-lg:20px;--r-xl:24px;--sh-1:0 1px 2px rgba(120,72,0,0.06),0 2px 8px rgba(120,72,0,0.06);--sh-3:0 18px 44px rgba(180,83,9,0.18)}@media (min-width:1024px){:root{--w-content:1200px;--w-lesson:1280px}}.kid-shell{max-width:var(--w-content)}.kid-shell,.kid-shell-lesson{margin:0 auto;padding:var(--pad)}.kid-shell-lesson{max-width:var(--w-lesson)}.kid-nav{position:-webkit-sticky;position:sticky;top:0;z-index:30;padding:10px var(--pad);background:rgba(255,255,255,.9);border-bottom:1px solid var(--card-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.kid-nav,.kid-nav-brand{display:flex;align-items:center;gap:var(--sp-2)}.kid-nav-brand{font-size:var(--fs-lg);font-weight:800;color:var(--brand-ink);text-decoration:none;white-space:nowrap}.kid-nav-brand .dot{width:30px;height:30px;flex:none;border-radius:10px;background:var(--brand-grad);display:flex;align-items:center;justify-content:center;font-size:16px}.kid-nav-links{display:flex;gap:2px;margin-left:var(--sp-3);min-width:0;overflow-x:auto}.kid-nav-links a{font-size:var(--fs-sm);color:var(--muted);text-decoration:none;padding:8px 12px;border-radius:999px;white-space:nowrap;min-height:40px;display:inline-flex;align-items:center}.kid-nav-links a.on{background:var(--brand-soft);color:var(--brand-ink);font-weight:700}.kid-nav-account{margin-left:auto;display:flex;align-items:center;gap:var(--sp-2);flex:none}.kid-nav-chip{font-size:var(--fs-xs);font-weight:700;color:var(--brand-ink);background:var(--brand-soft);border:1px solid var(--card-border);padding:6px 10px;border-radius:999px;white-space:nowrap}@media (max-width:480px){.kid-nav-account{display:none}.kid-nav{padding:8px 12px}.kid-nav-links a{padding:8px 10px}}.kid-proj-grid{display:grid;grid-gap:var(--sp-4);gap:var(--sp-4);grid-template-columns:minmax(0,1fr)}@media (min-width:601px){.kid-proj-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.kid-proj-grid>*{min-width:0;display:flex;flex-direction:column}.kid-proj-grid>*>:last-child{margin-top:auto}@media (min-width:601px){.kid-proj-grid>:only-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-column-gap:var(--sp-5);column-gap:var(--sp-5);align-items:center}.kid-proj-grid>:only-child>*{grid-column:1}.kid-proj-grid>:only-child>:last-child{grid-column:2;grid-row:1/span 3;align-self:center;margin-top:0}.kid-proj-grid>:only-child>.kid-bar{max-width:520px}}.kid-proj-list{display:flex;flex-direction:column;gap:var(--sp-3)}.kid-proj-list>*{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--sp-4);padding:12px 16px}.kid-proj-list>*>h2{flex:0 0 auto;margin:0!important;white-space:nowrap}.kid-proj-list>*>p{flex:1 1 auto;min-width:0;margin:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kid-proj-list>*>.kid-bar{flex:0 0 120px;margin:0!important}.kid-proj-list>*>:last-child{flex:0 0 auto}.kid-proj-detail-btn{flex:0 0 auto;font-size:var(--fs-sm);font-weight:700;color:var(--brand-ink);background:var(--surface);border:2px solid var(--brand);border-radius:12px;padding:8px 14px;min-height:40px;cursor:pointer;white-space:nowrap}.kid-proj-detail{flex:1 1 100%;width:100%;border-top:1.5px dashed var(--card-border);margin-top:4px;padding-top:10px}.kid-proj-detail-sum{font-size:var(--fs-md);color:var(--ink);line-height:1.6;margin:0 0 6px}.kid-proj-detail-skills{font-size:var(--fs-sm);color:var(--brand-ink);margin:0 0 6px}.kid-proj-detail-meta{font-size:var(--fs-sm);color:var(--muted);margin:0}@media (max-width:600px){.kid-proj-list>*{flex-direction:column;align-items:stretch}.kid-proj-list>*>p{white-space:normal}.kid-proj-list>*>.kid-bar{flex:auto;width:100%}}.kid-split{display:grid;grid-gap:var(--sp-4);gap:var(--sp-4);grid-template-columns:minmax(0,1fr);align-items:start}@media (min-width:601px){.kid-split{grid-template-columns:repeat(2,minmax(0,1fr))}}.lesson-layout{display:grid;grid-gap:var(--sp-5);gap:var(--sp-5);grid-template-columns:minmax(0,1fr);align-items:start}@media (min-width:768px){.lesson-layout{grid-template-columns:minmax(0,1fr) 320px}}@media (min-width:1024px){.lesson-layout{grid-template-columns:240px minmax(0,1fr) 340px}}.lesson-rail{display:none}@media (min-width:1024px){.lesson-rail{display:flex;flex-direction:column;gap:var(--sp-2);position:-webkit-sticky;position:sticky;top:76px}}.lesson-rail-item{display:flex;align-items:center;gap:var(--sp-3);padding:10px 12px;border-radius:var(--r-md);border:1.5px solid var(--card-border);background:var(--surface);font-size:var(--fs-sm);text-decoration:none;color:var(--ink);min-height:44px}.lesson-rail-item.on{border-color:var(--brand);background:var(--brand-soft);font-weight:700}.lesson-rail-item .n{width:24px;height:24px;flex:none;border-radius:50%;background:#f3f4f6;color:var(--muted);display:flex;align-items:center;justify-content:center;font-size:var(--fs-2xs);font-weight:800}.lesson-rail-item.on .n{background:var(--brand-grad);color:#fff}.lesson-rail-item.done .n{background:var(--green-soft);color:#15803d;border:1.5px solid #86efac}.lesson-rail-item .t{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-tutor{min-width:0}@media (min-width:768px){.lesson-tutor{position:-webkit-sticky;position:sticky;top:76px;align-self:start}}.kid-artifact-grid{display:grid;grid-gap:var(--sp-4);gap:var(--sp-4);grid-template-columns:minmax(0,1fr)}@media (min-width:601px){.kid-artifact-grid{grid-template-columns:repeat(auto-fit,minmax(320px,520px));justify-content:center}}.kid-badge-row{display:flex;flex-wrap:nowrap;gap:10px}@media (max-width:480px){.kid-badge-row{flex-wrap:wrap}}.kid-bar{height:9px;border-radius:6px;background:#f1efe9;overflow:hidden;margin:0 0 var(--sp-3)}.kid-bar>i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#5fc46a,#2e9e42);transition:width .3s ease}.kid-group-sub{margin-left:8px;font-size:var(--fs-sm);font-weight:500;color:var(--muted)}.kid-lesson-no{display:inline-block;margin-right:8px;padding:2px 10px;border-radius:999px;font-size:var(--fs-xs);font-weight:800;vertical-align:3px;background:var(--brand-soft);border:1px solid var(--brand);color:var(--brand-ink)}.kid-vocab{margin:0 0 16px;padding:14px 16px;border-radius:14px;background:var(--brand-soft,#fff6e5);border:1.5px dashed var(--brand,#f4b942)}.kid-vocab-title{margin:0 0 10px;font-size:var(--fs-lg);font-weight:800;color:var(--brand-ink)}.kid-vocab-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.kid-vocab-item{display:flex;align-items:baseline;gap:10px;flex-wrap:nowrap;font-size:var(--fs-md);line-height:1.5}.kid-vocab-item .term{flex:0 0 auto;white-space:nowrap;display:inline-block;padding:2px 10px;border-radius:8px;background:#fff;border:1px solid var(--brand,#f4b942);font-weight:800;color:var(--brand-ink)}.kid-vocab-item .meaning{color:var(--ink)}.kid-portfolio-series{margin:0 0 26px}.kid-portfolio-series-h{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px;font-size:var(--fs-2xl);font-weight:800;color:var(--brand-ink);margin:0 0 12px;padding-bottom:6px;border-bottom:2px solid var(--brand-soft)}.kid-portfolio-proj{margin:0 0 18px}.kid-portfolio-proj-h{font-size:var(--fs-lg);font-weight:700;color:var(--ink);margin:0 0 10px}.kid-library{padding:12px 14px;border-radius:14px;background:#f7fafc;border:1.5px solid #e3eaf0}.kid-library-title{margin:0 0 6px;font-size:var(--fs-md);font-weight:800;color:var(--brand-ink)}.kid-library-hint{margin:0 0 10px;font-size:var(--fs-sm);color:var(--muted);line-height:1.5}.kid-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));grid-gap:10px;gap:10px}.kid-library-thumb{position:relative;width:100%;aspect-ratio:1/1;padding:0;border-radius:12px;border:3px solid #e5e7eb;cursor:pointer;overflow:hidden;background:#fff}.kid-library-thumb[data-used=true]{border-color:var(--green,#34c759);cursor:default;opacity:.5}.kid-library-thumb img{width:100%;height:100%;object-fit:cover;display:block}.kid-library-tag{position:absolute;left:0;bottom:0;right:0;padding:2px 0;font-size:var(--fs-2xs);font-weight:700;text-align:center;color:#fff;background:rgba(0,0,0,.5)}.kid-goals{display:flex;flex-direction:column;gap:8px;margin:0 0 12px}.kid-goal{display:flex;gap:8px;align-items:baseline;font-size:var(--fs-md);color:var(--muted)}.kid-goal-no{flex:0 0 auto;font-size:var(--fs-2xs);font-weight:800;color:var(--brand-ink);background:var(--brand-soft,#fff6e5);border-radius:999px;padding:3px 9px;white-space:nowrap}.kid-goal-txt{flex:1 1 auto;min-width:0;line-height:1.6}.kid-pill-btn{display:inline-flex;align-items:center;gap:4px;margin-left:8px;vertical-align:middle;font:inherit;font-size:var(--fs-sm);font-weight:700;line-height:1;color:var(--brand-ink);background:var(--brand-soft,#fff6e5);border:1.5px dashed #b8e6c4;border-radius:999px;padding:8px 14px;min-height:48px;cursor:pointer}.kid-pill-btn:hover{background:#ffe9c7}.kid-pet-name-inline{display:inline-flex;align-items:center;font:inherit;font-weight:800;color:var(--brand-ink);background:none;border:none;padding:2px 8px;min-height:48px;vertical-align:middle;cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:#b8e6c4;text-decoration-color:#b8e6c4}.kid-modal-scrim{position:fixed;inset:0;background:rgba(31,41,55,.45);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.kid-modal{width:min(360px,100%);background:#fff;border-radius:18px;padding:20px;box-shadow:0 16px 40px rgba(0,0,0,.28)}.kid-modal-title{margin:0 0 6px;font-size:var(--fs-lg);color:var(--ink)}.kid-modal-hint{margin:0 0 14px;font-size:var(--fs-sm);color:var(--muted)}.kid-modal-input{width:100%;font:inherit;font-size:var(--fs-lg);padding:12px 14px;border:2px solid #b8e6c4;border-radius:12px;box-sizing:border-box;margin-bottom:14px}.kid-modal-row{display:flex;gap:10px;justify-content:flex-end}.kid-modal-btn{font:inherit;font-weight:800;border:none;border-radius:12px;padding:12px 18px;cursor:pointer}.kid-modal-btn.primary{background:var(--brand,#ff8a00);color:#fff}.kid-modal-btn.secondary{background:#f3f4f6;color:var(--muted)}.kid-modal-btn:disabled{opacity:.5;cursor:not-allowed}.kid-group-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}.kid-group-cnt{margin-left:auto;padding:3px 12px;border-radius:999px;font-size:var(--fs-sm);font-weight:800;white-space:nowrap;color:#0f766e;background:#e3f2ef;border:1px solid #99d3ce}.kid-proj-grid[data-open=false]>:nth-child(n+5){display:none}.kid-more{font:inherit;font-size:var(--fs-md);font-weight:700;color:var(--brand-ink);background:var(--brand-soft,#fff6e5);border:1.5px solid var(--brand,#f4b942);border-radius:999px;padding:8px 18px;min-height:44px;cursor:pointer}.kid-collect-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}.kid-tab{font:inherit;font-size:var(--fs-md);font-weight:700;padding:10px 16px;min-height:44px;border-radius:12px;border:2px solid var(--brand,#f4b942);background:var(--surface,#fff);color:var(--brand-ink);cursor:pointer}.kid-tab-on{background:var(--brand-grad,var(--brand));color:#fff}.kid-project-recap{margin:0 0 14px;background:#fff6e5;border:2px solid var(--brand,#f4b942)}.kid-project-recap-title{margin:0 0 10px;font-size:var(--fs-xl);font-weight:800;color:var(--brand-ink)}.kid-project-recap-list{margin:0;padding-left:22px;font-size:var(--fs-md);line-height:1.7;color:var(--ink)}.kid-portfolio-report{margin-left:auto;font-size:var(--fs-sm);font-weight:700;color:var(--brand-ink);text-decoration:none;padding:6px 12px;border-radius:10px;border:1.5px solid var(--brand,#f4b942);background:var(--brand-soft,#fff6e5)}.kid-recap{margin-top:16px;background:#eefaf1;border:1.5px solid #b8e6c4}.kid-recap-title{margin:0 0 10px;font-size:var(--fs-xl);font-weight:800;color:var(--ink)}.kid-recap-list{padding-left:22px;line-height:1.7;color:var(--ink)}.kid-recap-list,.kid-recap-words{margin:0 0 10px;font-size:var(--fs-md)}.kid-recap-words{color:var(--brand-ink);font-weight:700}.kid-recap-note{margin:0;font-size:var(--fs-sm);color:var(--muted);line-height:1.6}.report-page{max-width:820px;margin:0 auto;padding:20px 20px 60px}.report-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.report-back{font-size:var(--fs-md);color:var(--brand-ink);text-decoration:none;font-weight:700}.report-sheet{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:28px 30px;box-shadow:var(--shadow);color:#222}.report-head h1{margin:0 0 6px;font-size:26px;color:#0f766e}.report-sub{margin:0 0 10px;font-size:14px;color:#555}.report-goal{margin:0;font-size:14px;line-height:1.6;color:#333}.report-stats{display:flex;gap:24px;flex-wrap:wrap;margin:18px 0 6px;padding:14px 0;border-top:1px solid #eee;border-bottom:1px solid #eee}.report-stats>div{display:flex;align-items:baseline;gap:4px}.report-stats strong{font-size:22px;color:#0f766e}.report-stats span{font-size:13px;color:#666}.report-body h2{margin:22px 0 10px;font-size:18px;color:#0b5c56}.report-proj{margin:0 0 14px}.report-proj-h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:15px;font-weight:700;color:#222;margin-bottom:4px}.report-proj-meta{font-size:12.5px;font-weight:400;color:#777}.report-lessons{list-style:none;margin:0;padding:0 0 0 4px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:2px 16px;gap:2px 16px}.report-lessons li{font-size:13.5px;color:#888;line-height:1.9}.report-lessons li.done{color:#2e9e42}.report-outcomes{margin:0;padding-left:22px;font-size:13.5px;line-height:1.8;color:#333}.report-empty{font-size:14px;color:#999}.report-note{margin:20px 0 0;padding:12px 14px;background:#f6faf7;border-left:3px solid #2e9e42;font-size:13px;line-height:1.7;color:#3a3a3a}.report-foot{margin-top:20px;padding-top:10px;border-top:1px dashed #ddd;font-size:12px;color:#999;text-align:right}@media print{body{background:#fff}.no-print,nav.kid-nav{display:none!important}.report-page{max-width:none;margin:0;padding:0}.report-sheet{border:none;border-radius:0;box-shadow:none;padding:0}.report-lessons li.done{color:#1a7d2c}@page{size:A4;margin:16mm}}.pdb{--p-bg:#fffbf2;--p-bg-alt:#fdf3df;--p-line:#f2e4c4;--p-line-soft:#f7ecd6;--p-yellow:#f4b942;--p-yellow-deep:#d99a1f;--p-yellow-ink:#5a4310;--p-chip-bg:#fdf1d8;--p-chip-line:#eccf8f;--p-title:#0f766e;--p-title-2:#0b5c56;--p-blue-bg:#e3f2ef;--p-blue-line:#b8ddd6;--p-blue-ink:#0f766e;--p-green:#2e9e42;--p-ink:#3a352c;--p-muted:#857a66;--bg:var(--p-bg);--surface:#fff;--ink:var(--p-ink);--muted:var(--p-muted);--brand:var(--p-yellow-deep);--brand-soft:var(--p-chip-bg);--brand-ink:var(--p-yellow-ink);--brand-grad:linear-gradient(180deg,#f7cf6b,#f4b942);--card-border:var(--p-line);--card-grad:#fff;--green:var(--p-green);background:var(--p-bg);color:var(--p-ink);min-height:100vh;margin:0;padding:0}.pdb-inner{max-width:1120px;margin:0 auto;padding:22px 24px 48px}.pdb-top{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.pdb-h1{font-size:24px;font-weight:800;color:var(--p-title-2);margin:0}.pdb-actions{display:flex;align-items:center;gap:6px}.pdb-actions a{font-size:13.5px;color:var(--p-title-2);text-decoration:none;padding:8px 12px;border-radius:8px;font-weight:600}.pdb-actions a:hover{background:var(--p-chip-bg)}.pdb-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}.pdb-bar label{font-size:13.5px;font-weight:700;color:var(--p-title-2)}.pdb-sel{font-size:14px;padding:8px 12px;border-radius:9px;border:1.5px solid var(--p-chip-line);background:#fff;color:var(--p-ink);min-width:180px}.pdb-hint{font-size:12.5px;color:var(--p-muted)}.pdb-hint a{color:var(--p-yellow-ink);font-weight:700}.pdb-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:16px}.pdb-kpi{background:#fff;border:1.5px solid var(--p-line);border-radius:var(--radius,16px);padding:15px 18px;box-shadow:var(--shadow)}.pdb-kpi.acc{background:var(--p-bg-alt);border-color:var(--p-chip-line)}.pdb-kpi-k{font-size:12.5px;font-weight:700;color:var(--p-muted)}.pdb-kpi-v{display:flex;align-items:baseline;gap:4px;white-space:nowrap;font-size:30px;font-weight:800;color:var(--p-title-2);line-height:1.2;margin-top:4px}.pdb-kpi.acc .pdb-kpi-v{color:var(--p-yellow-ink)}.pdb-kpi-v small{font-size:14px;font-weight:600;color:var(--p-muted)}.pdb-card{background:#fff;border:1.5px solid var(--p-line);border-radius:var(--radius,16px);box-shadow:var(--shadow);margin-bottom:16px;overflow:hidden}.pdb-card-h{display:flex;align-items:center;gap:8px;padding:13px 18px;background:var(--p-bg-alt);border-bottom:1.5px solid var(--p-line)}.pdb-card-h h2{font-size:15.5px;font-weight:800;color:var(--p-title-2);margin:0}.pdb-card-h .tip{margin-left:auto;font-size:12.5px;color:var(--p-muted)}.pdb-card-b{padding:14px 18px 16px}.pdb-table{width:100%;border-collapse:collapse}.pdb-table th{font-size:12.5px;font-weight:800;color:var(--p-title-2);text-align:left;padding:0 10px 9px;border-bottom:1.5px solid var(--p-line);white-space:nowrap}.pdb-table td{font-size:13.5px;padding:11px 10px;border-bottom:1px solid var(--p-line-soft);vertical-align:middle}.pdb-table tr:last-child td{border-bottom:none}.pdb-table .num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--p-yellow-deep);font-weight:800}.pdb-table .pj{font-weight:800;color:var(--p-title-2)}.pdb-table .mono{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pdb-track{height:8px;border-radius:5px;background:#fff3da;border:1px solid #ffe9c0;overflow:hidden;min-width:110px}.pdb-track>i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#5fc46a,#2e9e42)}.pdb-table.pdb-progress th:first-child{width:48px}.pdb-table.pdb-progress th:nth-child(3){width:32%}.pdb-table.pdb-progress th:nth-child(4){width:92px}.pdb-table.pdb-progress th:nth-child(5){width:96px}.pdb-table.pdb-artifacts th:first-child{width:76px}.pdb-table.pdb-artifacts th:nth-child(3),.pdb-table.pdb-artifacts th:nth-child(4){width:62px}.pdb-table.pdb-artifacts th:nth-child(5){width:118px}.pdb-share-cell{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.pdb-share-btn{font:inherit;font-size:12px;font-weight:800;color:var(--p-yellow-ink,#92400e);background:var(--p-chip-bg,#fdf0d2);border:1.5px solid var(--p-chip-line,#f3d9a4);border-radius:999px;padding:4px 10px;cursor:pointer;white-space:nowrap}.pdb-share-btn:disabled{opacity:.55;cursor:default}.pdb-share-link{font-size:12px;font-weight:700;color:var(--p-title-2,#b45309);text-decoration:underline;white-space:nowrap}.pdb-share-err{font-size:11.5px;color:#b91c1c;flex-basis:100%}.pdb-line-gens{font-size:11.5px;font-weight:700;color:var(--p-muted,#a79a85);white-space:nowrap}@media (max-width:640px){.pdb-table.pdb-progress th:first-child{width:34px}.pdb-table.pdb-progress th:nth-child(3){width:70px}.pdb-table.pdb-progress td:nth-child(4),.pdb-table.pdb-progress th:nth-child(4){display:none}.pdb-table.pdb-progress th:nth-child(5){width:66px}.pdb-table.pdb-progress .pdb-track{min-width:0}.pdb-table.pdb-artifacts th:nth-child(3),.pdb-table.pdb-artifacts th:nth-child(4){width:44px}.pdb-table.pdb-artifacts th:first-child{width:92px}.pdb-table.pdb-artifacts th:nth-child(3){width:74px}.pdb-table.pdb-artifacts td:nth-child(5),.pdb-table.pdb-artifacts th:nth-child(5){display:none}.pdb-table.pdb-artifacts th:nth-child(6){width:104px}.pdb-table th{font-size:12px;padding:0 6px 8px}.pdb-table td{font-size:12.5px;padding:10px 6px}}.pdb-st{font-size:12px;font-weight:800;padding:3px 9px;border-radius:999px;white-space:nowrap}.pdb-st.done{background:var(--p-chip-bg);color:var(--p-yellow-ink);border:1.5px solid var(--p-chip-line)}.pdb-st.idle{background:#fbf8f0;color:#a79a85;border:1px solid #eee4d2}.pdb-group{padding:4px 0 16px;border-bottom:1px dashed var(--p-line)}.pdb-group:last-child{border-bottom:none;padding-bottom:0}.pdb-grp-h{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:8px}.pdb-grp-em{font-size:18px;line-height:1}.pdb-grp-name{font-size:15px;font-weight:800;color:var(--p-title-2)}.pdb-grp-cnt{margin-left:auto;font-size:12.5px;font-weight:700;color:var(--p-muted)}.pdb-grp-bar{height:9px;margin-bottom:12px}.pdb-cells{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:10px;gap:10px}.pdb-cell{display:flex;flex-direction:column;gap:6px;padding:11px 13px;border-radius:12px;border:1.5px solid var(--p-line);background:#fffdf7}.pdb-cell.done{border-color:var(--p-chip-line);background:var(--p-chip-bg)}.pdb-cell.doing{border-color:var(--p-blue-line);background:var(--p-blue-bg)}.pdb-cell-no{font-size:11.5px;font-weight:800;color:var(--p-yellow-deep);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pdb-cell-t{font-size:13.5px;font-weight:800;color:var(--p-title-2);line-height:1.35}.pdb-cell-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px}.pdb-cell-meta .mono{font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--p-muted)}.pdb-suggest{display:flex;flex-direction:column;gap:8px;padding:16px 18px;margin-bottom:16px;border-radius:var(--radius,16px);background:linear-gradient(135deg,#fff4dc,#ffe9c0);border:1.5px solid var(--p-chip-line);box-shadow:var(--shadow)}.pdb-sug-kick{font-size:13px;font-weight:800;color:var(--p-yellow-ink)}.pdb-sug-text{font-size:14px;line-height:1.7;color:var(--p-ink,#3a352c);margin:0}.pdb-sug-btn{align-self:flex-start;font-size:13.5px;font-weight:800;color:#fff;text-decoration:none;padding:9px 16px;border-radius:999px;background:var(--p-yellow-deep,#d99a1f)}.pdb-sug-btn:hover{filter:brightness(1.05)}@media (max-width:640px){.pdb-cells{grid-template-columns:minmax(0,1fr)}.pdb-grp-cnt{margin-left:0;flex-basis:100%}}.pdb-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-gap:16px;gap:16px;align-items:start}@media (max-width:900px){.pdb-kpis,.pdb-two{grid-template-columns:minmax(0,1fr)}}.pdb-sg{margin-bottom:14px}.pdb-sg:last-of-type{margin-bottom:0}.pdb-sg-h{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:800;color:var(--p-title-2);margin-bottom:8px}.pdb-dot{width:7px;height:7px;border-radius:50%;flex:none}.pdb-chips{display:flex;flex-wrap:wrap;gap:7px}.pdb-chip{font-size:12.5px;font-weight:700;padding:5px 11px;border-radius:999px}.pdb-chip.mastered{background:var(--p-chip-bg);color:var(--p-yellow-ink);border:1.5px solid var(--p-chip-line)}.pdb-chip.practicing{background:var(--p-blue-bg);color:var(--p-blue-ink);border:1.5px solid var(--p-blue-line)}.pdb-chip.learning{background:#f7f4ee;color:#8a7f6d;border:1.5px solid #e8e0d2}.pdb-expl{font-size:12.5px;line-height:1.7;color:#6f6553;margin:12px 0 0;padding:9px 12px;background:var(--p-blue-bg);border-radius:var(--radius-sm,10px);border-left:3px solid var(--p-blue-line)}.pdb-mgr{display:flex;gap:8px;flex-wrap:wrap}.pdb-mgr a{font-size:13px;font-weight:700;color:var(--p-yellow-ink);text-decoration:none;padding:7px 12px;border-radius:8px;background:var(--p-chip-bg);border:1.5px solid var(--p-chip-line)}.lp{--l-bg:#fffbf2;--l-bg-alt:#fdf3df;--l-line:#f2e4c4;--l-line-soft:#f7ecd6;--l-yellow:#f4b942;--l-yellow-deep:#d99a1f;--l-yellow-ink:#5a4310;--l-chip-bg:#fdf1d8;--l-chip-line:#eccf8f;--l-title:#0f766e;--l-title-2:#0b5c56;--l-ink:#3a352c;--l-muted:#6f6553;background:var(--l-bg);color:var(--l-ink);min-height:100vh}.lp-wrap{max-width:1180px;margin:0 auto;padding:0 28px}.lp-nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(255,251,242,.82);backdrop-filter:saturate(160%) blur(12px);-webkit-backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid var(--l-line)}.lp-nav-in{max-width:1180px;margin:0 auto;padding:0 28px;height:68px;gap:10px}.lp-logo,.lp-nav-in{display:flex;align-items:center}.lp-logo{gap:9px;font-size:19px;font-weight:800;color:var(--l-title-2);text-decoration:none}.lp-logo .dot{width:34px;height:34px;border-radius:10px;background:var(--l-yellow);display:flex;align-items:center;justify-content:center;font-size:17px}.lp-links{display:flex;gap:4px;margin-left:24px}.lp-links a{font-size:14.5px;color:var(--l-muted);text-decoration:none;padding:8px 14px;border-radius:8px}.lp-links a:hover{background:var(--l-chip-bg);color:var(--l-yellow-ink)}.lp-actions{margin-left:auto;display:flex;gap:10px;align-items:center}.lp-actions .ghost{color:var(--l-title-2);padding:10px 16px}.lp-actions .ghost,.lp-actions .solid{font-size:14.5px;font-weight:800;text-decoration:none;border-radius:10px;white-space:nowrap}.lp-actions .solid{color:var(--l-yellow-ink);padding:11px 20px;background:linear-gradient(180deg,#f7cf6b,#f4b942);border:1px solid var(--l-chip-line);box-shadow:0 3px 0 var(--l-yellow-deep)}.lp-hero{position:relative;text-align:center;padding:92px 0 84px;max-width:900px;margin:0 auto}.lp-hero:after,.lp-hero:before{content:"";position:absolute;border-radius:50%;filter:blur(70px);z-index:0;opacity:.5;pointer-events:none}.lp-hero:before{width:520px;height:520px;background:radial-gradient(circle,#ffe6a8,transparent 70%);top:-160px;left:-140px}.lp-hero:after{width:560px;height:560px;background:radial-gradient(circle,#cdeee9,transparent 70%);bottom:-220px;right:-160px}.lp-hero>*{position:relative;z-index:1}.lp-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:800;color:var(--l-title-2);background:#fff;border:1px solid var(--l-chip-line);padding:8px 18px;border-radius:999px;box-shadow:0 8px 22px rgba(150,110,20,.1);margin-bottom:28px}.lp-eyebrow b{color:var(--l-yellow-ink)}.lp-h1{font-size:clamp(42px,6.4vw,72px);line-height:1.12;letter-spacing:-1.5px;font-weight:900;margin:0 auto 24px;max-width:16em;color:var(--l-title-2)}.lp-h1 .hl{color:var(--l-yellow-ink);background:linear-gradient(180deg,transparent 58%,#ffe08a 0,#ffe08a 92%,transparent 0);padding:0 4px}.lp-lead{font-size:clamp(17px,2vw,20px);line-height:1.8;color:var(--l-muted);margin:0 auto 38px;max-width:44em}.lp-cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:center}.lp-cta .p{font-size:17px;font-weight:800;color:var(--l-yellow-ink);text-decoration:none;padding:16px 32px;border-radius:14px;background:linear-gradient(180deg,#f7cf6b,#f4b942);border:1px solid var(--l-chip-line);box-shadow:0 6px 0 var(--l-yellow-deep);transition:.15s}.lp-cta .p:hover{transform:translateY(-2px);box-shadow:0 8px 0 var(--l-yellow-deep)}.lp-cta .s{font-size:17px;font-weight:800;color:var(--l-title-2);text-decoration:none;padding:16px 26px;border-radius:14px;border:2px solid var(--l-chip-line);background:#fff;transition:.15s}.lp-cta .s:hover{border-color:var(--l-yellow);background:var(--l-chip-bg)}.lp-stats{display:flex;flex-wrap:wrap;justify-content:center;margin:56px auto 0;max-width:860px;background:#fff;border:1px solid var(--l-line);border-radius:20px;box-shadow:0 10px 30px rgba(150,110,20,.1);overflow:hidden}.lp-stat{flex:1 1;min-width:150px;padding:24px 16px;text-align:center;position:relative}.lp-stat+.lp-stat:before{content:"";position:absolute;left:0;top:24%;height:52%;width:1px;background:var(--l-line)}.lp-stat .num{font-size:32px;font-weight:900;color:var(--l-title);letter-spacing:-1px;line-height:1}.lp-stat .num small{font-size:15px;font-weight:800;color:var(--l-yellow-ink);margin-left:2px}.lp-stat .lbl{font-size:13px;color:var(--l-muted);margin-top:8px}@media (max-width:600px){.lp-hero{padding:60px 0 52px}.lp-stat{flex-basis:50%}.lp-stat+.lp-stat:before{display:none}}.lp-sec{padding:44px 0}.lp-sec-alt{background:var(--l-bg-alt);border-top:1.5px solid var(--l-line);border-bottom:1.5px solid var(--l-line)}.lp-sec-h{text-align:center;margin-bottom:28px}.lp-sec-h .k{display:inline-block;font-size:12.5px;font-weight:800;color:var(--l-yellow-ink);background:var(--l-chip-bg);border:1px solid var(--l-chip-line);padding:4px 12px;border-radius:999px;letter-spacing:1px}.lp-sec-h h2{font-size:30px;margin:10px 0;color:var(--l-title-2)}.lp-sec-h p{font-size:15.5px;color:var(--l-muted);margin:0}.lp-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}.lp-card{background:#fff;border:1.5px solid var(--l-line);border-radius:16px;padding:22px;box-shadow:var(--shadow)}.lp-card .ic{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;background:var(--l-bg-alt);border:1px solid var(--l-chip-line);margin-bottom:14px}.lp-card h3{font-size:17px;margin:0 0 8px;color:var(--l-title-2)}.lp-tracktag{display:inline-block;margin-left:8px;font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;vertical-align:middle}.lp-tracktag.on{background:#eefaf0;border:1px solid #b7e4bf;color:#1f7a33}.lp-tracktag.soon{background:#f4f2ec;border:1px solid #e6e0d2;color:#9a8f7a}.lp-more{text-align:center;font-size:13.5px;color:var(--l-muted);margin:22px 0 0}.lp-more a{color:var(--l-yellow-ink);font-weight:700;text-decoration:none}.lp-card p{font-size:14px;line-height:1.75;color:var(--l-muted);margin:0}.lp-series{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:22px;gap:22px}.lp-scard{background:#fff;border:1.5px solid var(--l-line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow)}.lp-scard.soon{opacity:.72}.lp-scover{position:relative;height:110px;display:flex;align-items:center;justify-content:center;font-size:46px;background:linear-gradient(135deg,#f7cf6b,var(--l-yellow))}.lp-scard.soon .lp-scover{background:linear-gradient(135deg,#ece7db,#ddd5c4)}.lp-scover .badge{position:absolute;top:12px;left:14px;background:rgba(255,255,255,.92);color:var(--l-yellow-ink);font-weight:800;font-size:12px;padding:4px 10px;border-radius:999px}.lp-scover .badge.live{color:#1f7a33}.lp-sbody{padding:16px 20px 18px;display:flex;flex-direction:column;flex:1 1}.lp-stitle{font-size:20px;font-weight:900;margin:0 0 4px;color:var(--l-title-2)}.lp-sage{color:var(--l-title);font-weight:700;font-size:13.5px;margin:0 0 10px}.lp-ssum{color:var(--l-muted);font-size:14px;line-height:1.7;margin:0 0 12px}.lp-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.lp-chip{font-size:12.5px;padding:4px 10px;border-radius:999px;background:var(--l-chip-bg);border:1px solid var(--l-chip-line);color:var(--l-yellow-ink);font-weight:700}.lp-chip.g{background:#eefaf0;border-color:#b7e4bf;color:#1f7a33}.lp-sline{font-size:13px;color:var(--l-muted);margin:0 0 14px;padding-left:12px;border-left:3px solid var(--l-yellow)}.lp-sbtns{margin-top:auto;display:flex;gap:10px}.lp-sbtns .go{border-radius:12px;color:var(--l-yellow-ink);background:linear-gradient(180deg,#f7cf6b,#f4b942);border:1px solid var(--l-chip-line);box-shadow:0 3px 0 var(--l-yellow-deep)}.lp-sbtns .brief,.lp-sbtns .go{flex:1 1;text-align:center;font-weight:800;font-size:14px;padding:10px 12px;text-decoration:none}.lp-sbtns .brief{border-radius:12px;color:var(--l-title-2);border:2px solid var(--l-chip-line);background:#fff}.lp-sbtns .go.off{background:#e8e2d4;border-color:#d8cfba;color:#9a8f7a;box-shadow:none;cursor:default}.lp-sbtns .brief.off{border-style:dashed;color:#9a8f7a;cursor:default}.lp-singles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.lp-single{border:1.5px dashed var(--l-chip-line);border-radius:14px;padding:14px 16px;background:#fffdf8;display:flex;gap:12px;align-items:center}.lp-single .em{font-size:26px}.lp-single .t{font-weight:800;font-size:14.5px;color:var(--l-title-2)}.lp-single .d{font-size:12.5px;color:var(--l-muted)}.lp-single .price{margin-left:auto;font-weight:800;color:var(--l-yellow-ink);font-size:13px;white-space:nowrap}.lp-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:14px;gap:14px}@media (max-width:1080px){.lp-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.lp-step{background:#fff;border:1.5px solid var(--l-line);border-radius:16px;padding:20px}.lp-step .n{width:28px;height:28px;border-radius:50%;background:linear-gradient(180deg,#f7cf6b,#f4b942);border:1px solid var(--l-chip-line);color:var(--l-yellow-ink);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px;margin-bottom:12px}.lp-step h4{font-size:15px;margin:0 0 6px;color:var(--l-title-2)}.lp-step p{font-size:13px;line-height:1.7;color:var(--l-muted);margin:0}.lp-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.lp-tcard{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1.5px solid var(--l-line);border-radius:12px;padding:14px 16px}.lp-tcard .ti{font-size:17px}.lp-tcard b{display:block;font-size:13.5px;margin-bottom:3px;color:var(--l-title-2)}.lp-tcard span{font-size:12.5px;line-height:1.6;color:var(--l-muted)}.lp-band{background:linear-gradient(120deg,#fff3d6,#ffeec4 55%,#fff8e8);border-top:1.5px solid var(--l-line);border-bottom:1.5px solid var(--l-line);padding:42px 0;text-align:center}.lp-band h2{font-size:26px;margin:0 0 10px;color:var(--l-title-2)}.lp-band p{font-size:15px;color:var(--l-muted);margin:0 0 20px}.lp-band .row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.lp-band .p{color:var(--l-yellow-ink);padding:14px 28px;border-radius:12px;background:linear-gradient(180deg,#f7cf6b,#f4b942);border:1px solid var(--l-chip-line);box-shadow:0 4px 0 var(--l-yellow-deep)}.lp-band .p,.lp-band .s{font-size:16px;font-weight:800;text-decoration:none}.lp-band .s{color:var(--l-title-2);padding:14px 24px;border-radius:12px;border:2px solid var(--l-chip-line);background:#fff}.lp-foot{background:var(--l-bg-alt);border-top:1.5px solid var(--l-line);padding:24px 0;font-size:12.5px;color:var(--l-muted)}.lp-foot .fr{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.lp-foot a{color:var(--l-muted);text-decoration:none}.lp-foot a:hover{color:var(--l-yellow-ink)}@media (max-width:900px){.lp-hero{padding:60px 0 56px}.lp-lead{font-size:15px}.lp-3,.lp-series,.lp-singles,.lp-steps,.lp-trust{grid-template-columns:minmax(0,1fr)}.lp-links{display:none}.lp-nav-in{height:60px;padding:0 16px}@media (max-width:640px){.lp-courses{display:none}}.lp-wrap{padding:0 16px}.lp-sec{padding:30px 0}.lp-sec-h h2{font-size:22px}.lp-band h2{font-size:21px}}.pp-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:6px}.pp-lead{font-size:13.5px;color:var(--p-muted);margin:0 0 16px}.pp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}@media (max-width:820px){.pp-grid{grid-template-columns:minmax(0,1fr)}}.pp-card{background:#fff;border:1.5px solid var(--p-line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;margin-bottom:0}.pp-cover{height:92px;display:flex;align-items:center;justify-content:center;font-size:44px;background:linear-gradient(135deg,#fff6e0,#ffeec4 60%,#e7f3f0);border-bottom:1.5px solid var(--p-line);position:relative}.pp-cover .no{left:12px;border-radius:999px;background:#fff;border:1px solid var(--p-chip-line);color:var(--p-yellow-ink)}.pp-cover .no,.pp-cover .own{position:absolute;top:12px;font-size:11.5px;font-weight:800;padding:3px 9px}.pp-cover .own{right:12px;border-radius:999px;background:#eefaf0;border:1px solid #b7e4bf;color:#1f7a33}.pp-body{padding:15px 17px 17px;display:flex;flex-direction:column;flex:1 1}.pp-body h3{font-size:16px;margin:0 0 6px;color:var(--p-title-2)}.pp-sum{font-size:12.5px;color:var(--p-muted);line-height:1.65;margin:0 0 11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pp-metas{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:11px}.pp-meta{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--p-chip-bg);border:1px solid var(--p-chip-line);color:var(--p-yellow-ink)}.pp-meta.b{background:var(--p-blue-bg);border-color:var(--p-blue-line);color:var(--p-blue-ink)}.pp-meta.g{background:#eefaf0;border-color:#b7e4bf;color:#1f7a33}.pp-detail-link{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;font-size:13px;font-weight:700;color:var(--p-title-2);text-decoration:none;padding:8px 15px;border-radius:999px;border:1.5px solid var(--p-blue-line);background:#fff;margin:0 0 12px;transition:all .16s ease}.pp-detail-link .ic{font-size:14px;line-height:1}.pp-detail-link .ar{font-weight:800;transition:transform .16s ease}.pp-detail-link:hover{border-color:var(--p-blue-ink);background:var(--p-blue-bg);box-shadow:0 3px 10px rgba(15,118,110,.14)}.pp-detail-link:hover .ar{transform:translateX(3px)}.pp-prog{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--p-muted);margin-bottom:13px}.pp-bar{flex:1 1;height:7px;border-radius:4px;background:#fff3da;border:1px solid #ffe9c0;overflow:hidden}.pp-bar>i{display:block;height:100%;background:linear-gradient(90deg,#5fc46a,#2e9e42)}.pp-buy{display:flex;align-items:flex-end;gap:10px;margin-top:auto;padding-top:13px;border-top:1px dashed var(--p-line)}.pp-price{font-size:21px;font-weight:800;color:var(--p-yellow-ink);line-height:1}.pp-listp{font-size:12.5px;color:#b3a68f;text-decoration:line-through}.pp-free{font-size:19px;font-weight:800;color:#1f7a33}.pp-dis{margin-left:auto;display:inline-flex;flex-direction:column;align-items:center;gap:3px}.pp-dis .b{font-size:13.5px;font-weight:800;padding:9px 18px;border-radius:12px;white-space:nowrap;background:#f3f1eb;color:#a79a85;border:1px solid #e8e0d2;cursor:not-allowed}.pp-dis .hint{font-size:10.5px;color:#b3a68f;white-space:nowrap}.pp-owned{margin-left:auto;font-size:13.5px;font-weight:800;padding:9px 18px;border-radius:12px;white-space:nowrap;background:#f3f1eb;color:#a79a85;border:1px solid #e8e0d2}.pp-det{border-top:1.5px solid var(--p-line);background:var(--p-bg-alt)}.pp-det>summary{list-style:none;cursor:pointer;padding:9px;text-align:center;font-size:12.5px;font-weight:700;color:var(--p-title-2)}.pp-det>summary::-webkit-details-marker{display:none}.pp-det>summary:before{content:"▾ "}.pp-det[open]>summary:before{content:"▴ "}.pp-lessons{background:#fff;border-top:1px solid var(--p-line)}.pp-sintro{padding:12px 16px;font-size:12.5px;line-height:1.7;color:var(--p-muted);background:var(--p-bg-alt);border-bottom:1px solid var(--p-line)}.pp-sintro b{color:var(--p-title-2)}.pp-sintro p{margin:6px 0 0}.pp-lgroup{display:flex;align-items:center;gap:8px;padding:7px 16px;font-size:12px;font-weight:800;color:var(--p-title-2);background:var(--p-bg-alt);border-bottom:1px solid var(--p-line)}.pp-lgroup-n{margin-left:auto;font-size:11px;font-weight:700;color:var(--p-muted)}.pp-lrow{display:flex;align-items:center;gap:9px;padding:10px 16px;border-bottom:1px solid var(--p-line-soft);font-size:12.5px}.pp-lrow:last-child{border-bottom:none}.pp-lno{width:22px;height:22px;flex:none;border-radius:6px;background:var(--p-chip-bg);border:1px solid var(--p-chip-line);color:var(--p-yellow-ink);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}.pp-lrow .t{flex:1 1;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-ltag{font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:999px;white-space:nowrap}.pp-ltag.free{background:#eefaf0;border:1px solid #b7e4bf;color:#1f7a33}.pp-ltag.lock{background:#f7f4ee;border:1px solid #e8e0d2;color:#a79a85}.pp-ltag.done{background:var(--p-chip-bg);border:1px solid var(--p-chip-line);color:var(--p-yellow-ink)}.pp-intent{margin-top:10px;padding-top:10px;border-top:1px dashed var(--p-line);display:flex;flex-direction:column;gap:7px}.pp-intent .lab{font-size:11.5px;color:var(--p-muted)}.pp-inp{padding:8px 10px;font-size:13px;border-radius:9px;border:1.5px solid var(--p-chip-line);width:100%;box-sizing:border-box;background:#fff}.pp-intent-btn{align-self:flex-start;font-size:12.5px;font-weight:800;padding:8px 14px;border-radius:10px;border:1.5px solid var(--p-chip-line);background:#fff;color:var(--p-title-2);cursor:pointer}.pp-rgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}@media (max-width:900px){.pp-rgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.pp-rgrid{grid-template-columns:minmax(0,1fr)}}.pp-rcard{background:#fff;border:1.5px solid var(--p-line);border-radius:16px;padding:15px 17px;box-shadow:var(--shadow);display:flex;flex-direction:column}.pp-rcover{height:84px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:34px;margin-bottom:11px;border:1px solid var(--p-chip-line);background:linear-gradient(135deg,#fff6e0,#ffeec4)}.pp-rcover.vid{background:linear-gradient(135deg,#e7f3f0,#d3ebe6)}.pp-rkind{font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:999px;align-self:flex-start;margin-bottom:8px;background:var(--p-chip-bg);border:1px solid var(--p-chip-line);color:var(--p-yellow-ink)}.pp-rkind.vid{background:var(--p-blue-bg);border-color:var(--p-blue-line);color:var(--p-blue-ink)}.pp-rcard h3{font-size:14.5px;margin:0 0 5px;color:var(--p-title-2)}.pp-rcard p{font-size:12.5px;color:var(--p-muted);line-height:1.6;margin:0 0 12px;flex:1 1}.sb{--sb-brand:#ff8a00;--sb-brand-ink:#b45309;--sb-brand-soft:#fff3e0;--sb-teal:#0f766e;--sb-teal-bg:#e3f2ef;--sb-ink:#2b2721;--sb-muted:#7a6f5e;--sb-line:#f0e2c6;--sb-bg:#fffdf8;background:var(--sb-bg);color:var(--sb-ink);min-height:100vh;line-height:1.75}.sb-wrap{max-width:960px;margin:0 auto;padding:0 22px}.sb a{text-decoration:none;color:inherit}.sb-back{display:inline-block;font-size:13px;font-weight:700;color:var(--sb-brand-ink);margin-bottom:14px}.sb-hero{background:linear-gradient(160deg,#fff6e9,#ffe9c9);padding:48px 0 40px;text-align:center;border-bottom:1px solid var(--sb-line)}.sb-kick{color:var(--sb-brand-ink);font-weight:800;letter-spacing:3px;font-size:14px}.sb-hero h1{font-size:40px;margin:10px 0 8px;font-weight:900;color:var(--sb-ink)}.sb-tag{font-size:19px;color:var(--sb-brand-ink);font-weight:800;margin:0 auto 8px;max-width:640px}.sb-sub{font-size:16px;color:var(--sb-muted);max-width:640px;margin:0 auto 24px}.sb-trust{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.sb-tchip{background:#fff;border:1px solid var(--sb-line);border-radius:999px;padding:9px 18px;font-weight:800;font-size:14px;color:var(--sb-teal);box-shadow:0 6px 16px rgba(180,83,9,.08)}.sb-sec{padding:44px 0}.sb-sec-alt{background:#fff7ea}.sb-n{display:inline-block;background:var(--sb-brand);color:#fff;font-weight:900;border-radius:10px;padding:2px 12px;font-size:14px;margin-bottom:10px}.sb-sec h2{font-size:27px;margin:0 0 6px;font-weight:900}.sb-lead{font-size:15.5px;color:var(--sb-muted);margin:0 0 24px}.sb-spiral{display:grid;grid-gap:14px;gap:14px}.sb-stage{display:grid;grid-template-columns:56px 1fr;grid-gap:16px;gap:16px}.sb-rail{display:flex;flex-direction:column;align-items:center}.sb-dot{width:44px;height:44px;border-radius:50%;background:var(--sb-brand-soft);color:var(--sb-brand-ink);display:grid;place-items:center;font-weight:900;font-size:18px;border:2px solid #ffb03a}.sb-bar{flex:1 1;width:3px;background:linear-gradient(#ffb03a,#fff)}.sb-card{background:#fff;border:1px solid var(--sb-line);border-radius:16px;padding:16px 18px;margin-bottom:2px}.sb-card h3{margin:0 0 4px;font-size:18px;color:var(--sb-teal)}.sb-rng{font-size:12.5px;color:var(--sb-brand-ink);font-weight:800;background:var(--sb-brand-soft);padding:2px 10px;border-radius:999px;margin-left:8px}.sb-card p{margin:6px 0 0;font-size:14.5px;color:#4b463b}.sb-tbl{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--sb-line);border-radius:16px;overflow:hidden;font-size:14.5px}.sb-tbl th{background:var(--sb-teal);color:#fff;text-align:left;padding:12px 14px;font-weight:800;font-size:13.5px}.sb-tbl td{padding:12px 14px;border-top:1px solid var(--sb-line);vertical-align:top}.sb-tbl tr:nth-child(2n) td{background:#fffdf6}.sb-no{font-weight:900;color:var(--sb-brand-ink);white-space:nowrap}.sb-cn{font-weight:800}.sb-gtag{font-size:11.5px;color:var(--sb-teal);background:var(--sb-teal-bg);padding:2px 8px;border-radius:999px;white-space:nowrap}.sb-cols3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.sb-pcard{background:#fff;border:1px solid var(--sb-line);border-radius:16px;padding:18px}.sb-pcard h4{margin:0 0 10px;font-size:16px;color:var(--sb-brand-ink)}.sb-pcard ul{margin:0;padding-left:18px;font-size:14px;color:#4b463b}.sb-pcard li{margin-bottom:7px}.sb-quote{margin:22px 0;background:linear-gradient(120deg,var(--sb-brand-soft),#fff);border-left:5px solid var(--sb-brand);border-radius:12px;padding:18px 20px;font-size:16.5px;font-weight:800;color:#3a2c14}.sb-honest{background:#fff;border:1px dashed var(--sb-line);border-radius:14px;padding:16px 18px;font-size:14.5px;color:var(--sb-muted)}.sb-honest b{color:var(--sb-teal)}.sb-x{color:var(--sb-brand-ink);font-weight:800;margin-right:12px}.sb-fw-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px;margin-bottom:26px}.sb-fw-card{background:#fff;border:1px solid var(--sb-line);border-radius:16px;padding:18px 20px}.sb-fw-badge{display:inline-block;font-size:12px;font-weight:900;letter-spacing:1px;padding:3px 12px;border-radius:999px;margin-bottom:10px}.sb-fw-badge.intl{background:var(--sb-teal-bg);color:var(--sb-teal)}.sb-fw-badge.cn{background:var(--sb-brand-soft);color:var(--sb-brand-ink)}.sb-fw-card h3{margin:0 0 4px;font-size:18px;color:var(--sb-teal)}.sb-fw-src{font-size:12.5px;color:var(--sb-muted);margin:0 0 12px}.sb-fw-list{margin:0;padding-left:20px;font-size:14px;color:#4b463b}.sb-fw-list li{margin-bottom:7px}.sb-fw-list li b{color:var(--sb-ink)}.sb-fw-foot{margin-top:12px;padding-top:10px;border-top:1px dashed var(--sb-line);font-size:12.5px;color:var(--sb-muted)}.sb-cov-h{margin:0 0 12px;font-size:17px;color:var(--sb-ink)}.sb-tbl .sb-grp td{background:var(--sb-brand-soft)!important;color:var(--sb-brand-ink)!important;font-weight:900;font-size:13px;letter-spacing:.5px}.sb-dim{font-weight:800;color:var(--sb-ink)}.sb-dim .sb-en{font-weight:400;color:var(--sb-muted);font-size:12.5px;margin-left:6px}.sb-lesson{color:var(--sb-teal);font-weight:800}.sb-note{font-size:12.5px;color:var(--sb-muted);margin-top:14px}.sb-note b{color:var(--sb-brand-ink)}@media (max-width:640px){.sb-fw-grid{grid-template-columns:minmax(0,1fr)}}.sb-forks{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}.sb-fork{background:#fff;border:1px solid var(--sb-line);border-radius:14px;padding:16px}.sb-fh{display:flex;align-items:center;gap:10px;margin-bottom:6px}.sb-em{width:38px;height:38px;border-radius:10px;background:var(--sb-teal-bg);display:grid;place-items:center;font-size:20px}.sb-fork h4{margin:0;font-size:16px;color:var(--sb-teal)}.sb-for{font-size:12.5px;color:var(--sb-muted);margin:2px 0 8px}.sb-fork p{margin:0;font-size:14px;color:#4b463b}.sb-use{margin-top:8px;font-size:12.5px;color:var(--sb-brand-ink);font-weight:700}.sb-s2{background:linear-gradient(150deg,#123b39,#0f766e);color:#eafffb;border-radius:22px;padding:30px}.sb-s2kick{letter-spacing:3px;font-weight:800;color:#7fd8cf}.sb-s2 h2{color:#fff;margin:8px 0 6px;font-size:26px}.sb-s2lead{color:#c8f2ec;margin:0}.sb-s2lead b{color:#fff}.sb-s2grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px;margin-top:16px}.sb-s2item{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:10px 14px;font-size:14px;display:flex;gap:10px;align-items:baseline}.sb-s2no{color:#7fd8cf;font-weight:900}.sb-s2note{margin:16px 2px 0;color:#c8f2ec;font-size:13.5px}.sb-cta{background:linear-gradient(135deg,var(--sb-brand),#ff7a18);color:#fff;text-align:center;border-radius:22px;padding:44px 22px;margin:14px 0 0}.sb-cta h2{font-size:27px;margin:0 0 8px}.sb-cta p{margin:0 0 22px;opacity:.95}.sb-cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.sb-btn{padding:14px 26px;border-radius:14px;font-weight:900;font-size:16px}.sb-btn.p{background:#fff;color:var(--sb-brand-ink)}.sb-btn.s{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.7)}.sb-foot{text-align:center;color:var(--sb-muted);font-size:13px;padding:26px 0 40px}@media (max-width:820px){.sb-cols3,.sb-forks,.sb-s2grid{grid-template-columns:minmax(0,1fr)}.sb-hero h1{font-size:30px}.sb-tbl{font-size:12.5px}.sb-tbl td,.sb-tbl th{padding:8px}}.share-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:28px 16px 48px;background:linear-gradient(180deg,#fff7ed,#fefce8 60%,#fff)}.share-card{width:100%;max-width:560px;background:#fff;border-radius:24px;box-shadow:0 12px 36px rgba(120,53,15,.12);padding:28px 26px;font-size:16px;color:#1f2937}.share-kicker{margin:0 0 6px;font-size:13px;color:#92400e;font-weight:700}.share-title{margin:0 0 14px;font-size:24px;font-weight:800}.share-line{margin:6px 0;line-height:1.7}.share-drawing{display:block;width:100%;max-width:360px;margin:12px auto;border-radius:16px;border:2px solid #f3f4f6}.share-cert-title{margin:10px 0;font-size:20px;font-weight:800;text-align:center}.share-summary{margin:10px 0;line-height:1.7;background:#fffbeb;border-radius:12px;padding:10px 14px}.share-note{margin:14px 0 6px;padding:12px 16px;border-left:4px solid #f59e0b;background:#fff7ed;border-radius:0 14px 14px 0;font-size:17px;line-height:1.7}.share-note-k{display:block;font-size:12px;color:#92400e;font-weight:700;margin-bottom:2px}.share-time{margin:14px 0 4px;color:#9ca3af}.share-privacy,.share-time{font-size:12px;text-align:center}.share-privacy{margin:0;color:#6b7280;line-height:1.6}.kid-privacy-note{background:var(--brand-soft,#fff7ed);border-radius:14px;padding:8px 12px;line-height:1.6}.kid-act-btn{display:inline-flex;flex-direction:column;align-items:center;gap:2px}.kid-act-d,.kid-act-t{display:block}.kid-act-d{font-size:12px;font-weight:500;line-height:1.35;opacity:.88;white-space:normal}@media (max-width:600px){.kid-act-d{display:none}}.lp-stag{font-size:24px;font-weight:900;color:var(--brand);margin:0 0 4px;line-height:1.3}.pf-switch{display:inline-flex;gap:6px;margin:0 0 16px;background:#fff;border:1px solid #f6d9b8;border-radius:999px;padding:4px}.pf-switch-btn{border:0;background:transparent;padding:8px 18px;border-radius:999px;font-size:15px;font-weight:700;color:var(--muted);cursor:pointer}.pf-switch-btn.on{background:var(--brand);color:#fff}.pf-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #f6d9b8;border-radius:20px;overflow:hidden;font-size:15px;color:var(--ink,#4a2c12)}.pf-table th{text-align:left;font-size:13px;color:var(--brand-ink);background:var(--brand-soft);padding:10px 12px;white-space:nowrap}.pf-table td{padding:12px;border-top:1px solid #fbeacd;vertical-align:middle}.pf-name{display:flex;align-items:center;gap:8px;font-weight:800}.pf-em{font-size:22px}.pf-less{display:block;font-size:12px;font-weight:400;color:var(--muted)}.pf-gens,.pf-time{color:var(--muted);font-size:13px;white-space:nowrap}.pf-acc{font-weight:800;color:var(--green);white-space:nowrap}.pf-none{color:var(--muted)}.pf-ops{display:inline-flex;gap:6px;flex-wrap:wrap}.pf-op{border:1px solid #f6d9b8;background:linear-gradient(180deg,#fffdf8,#fff4e2);border-radius:12px;padding:8px 10px;min-height:40px;font-size:13px;font-weight:800;color:var(--brand-ink);cursor:pointer;white-space:nowrap}.pf-op:disabled{opacity:.45;cursor:default}.pf-op-pri{background:var(--brand);border-color:var(--brand);color:#fff}.pf-stack{display:none;background:#fff;border:1px solid #f6d9b8;border-radius:20px;overflow:hidden}.pf-srow{padding:12px;border-top:1px solid #fbeacd}.pf-srow:first-child{border-top:0}.pf-l1{display:flex;align-items:center;gap:8px;font-size:15px;flex-wrap:wrap}.pf-tag{font-size:12px;padding:1px 8px;border-radius:999px;background:var(--brand-soft);color:var(--brand-ink);font-weight:700}.pf-l2{margin-top:10px}@media (max-width:600px){.pf-table{display:none}.pf-stack{display:block}}.kid-act-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:10px;gap:10px;margin-top:14px}.kid-act-grid>*{min-width:0}.kid-act-grid .kid-btn{white-space:normal!important}@media (max-width:600px){.kid-act-grid{grid-template-columns:1fr 1fr}.kid-act-grid>:nth-child(odd):last-child{grid-column:1/-1}}.pf-detail>td{background:#fffaf0}.pf-detail-wrap{margin-top:10px}