:root {
    --apple-bg: #f5f5f7;
    --apple-bg-raised: #fbfbfd;
    --apple-card: rgba(255, 255, 255, 0.86);
    --apple-card-solid: #ffffff;
    --apple-text: #1d1d1f;
    --apple-muted: #6e6e73;
    --apple-subtle: #86868b;
    --apple-line: rgba(29, 29, 31, 0.1);
    --apple-line-soft: rgba(29, 29, 31, 0.06);
    --apple-blue: #0071e3;
    --apple-blue-pressed: #0077ed;
    --apple-green: #34c759;
    --apple-teal: #00a6a6;
    --apple-orange: #ff9f0a;
    --apple-red: #ff3b30;
    --apple-radius-sm: 14px;
    --apple-radius-md: 22px;
    --apple-radius-lg: 30px;
    --apple-radius-xl: 38px;
    --apple-shadow-soft: 0 18px 50px rgba(0, 0, 0, 0.06);
    --apple-shadow-card: 0 26px 80px rgba(0, 0, 0, 0.08);
    --apple-blur-bg: rgba(255, 255, 255, 0.74);
    --apple-ease: cubic-bezier(0.2, 0.72, 0.24, 1);
}

body.apple-ui {
    background:
        linear-gradient(180deg, #fbfbfd 0%, var(--apple-bg) 46%, #f8f8fb 100%);
    color: var(--apple-text);
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
}

body.apple-ui a {
    color: inherit;
}

body.apple-ui .btn,
body.apple-ui .auth-feedback-btn,
body.apple-ui .dashboard-primary-link,
body.apple-ui .dashboard-secondary-link,
body.apple-ui .course-link,
body.apple-ui .course-price-link,
body.apple-ui .words-add-btn,
body.apple-ui .vocab-ai-generate-btn,
body.apple-ui .vocab-add-primary,
body.apple-ui .vocab-add-secondary {
    min-height: 42px;
    border-radius: 999px;
    font-weight: 650;
    letter-spacing: 0;
    transition:
        transform 0.18s var(--apple-ease),
        box-shadow 0.18s ease,
        background 0.18s ease,
        border-color 0.18s ease,
        color 0.18s ease;
}

body.apple-ui .btn-login,
body.apple-ui .auth-feedback-btn,
body.apple-ui .dashboard-secondary-link,
body.apple-ui .course-price-link,
body.apple-ui .vocab-add-secondary {
    border: 1px solid var(--apple-line);
    background: rgba(255, 255, 255, 0.74);
    color: var(--apple-text);
    box-shadow: none;
}

body.apple-ui .btn-register,
body.apple-ui .btn-primary,
body.apple-ui .dashboard-primary-link,
body.apple-ui .course-link,
body.apple-ui .vocab-ai-generate-btn,
body.apple-ui .vocab-add-primary {
    border: 1px solid transparent;
    background: var(--apple-blue);
    color: #fff;
    box-shadow: 0 12px 28px rgba(0, 113, 227, 0.18);
}

body.apple-ui .btn:hover,
body.apple-ui .auth-feedback-btn:hover,
body.apple-ui .dashboard-primary-link:hover,
body.apple-ui .dashboard-secondary-link:hover,
body.apple-ui .course-link:hover,
body.apple-ui .course-price-link:hover,
body.apple-ui .words-add-btn:hover,
body.apple-ui .vocab-ai-generate-btn:hover,
body.apple-ui .vocab-add-primary:hover,
body.apple-ui .vocab-add-secondary:hover {
    transform: translateY(-1px);
}

body.apple-ui .btn-register:hover,
body.apple-ui .btn-primary:hover,
body.apple-ui .dashboard-primary-link:hover,
body.apple-ui .course-link:hover,
body.apple-ui .vocab-ai-generate-btn:hover,
body.apple-ui .vocab-add-primary:hover {
    background: var(--apple-blue-pressed);
    box-shadow: 0 16px 36px rgba(0, 113, 227, 0.22);
}

body.apple-ui .page-shell {
    --sidebar-width: 220px;
    width: min(1220px, calc(100% - 48px));
    max-width: none;
    margin: 36px auto 84px;
    padding: 0;
    grid-template-columns: var(--sidebar-width) 10px minmax(0, 1fr);
    gap: 18px;
}

body.apple-ui .sidebar {
    top: 84px;
    padding: 8px;
    border: 1px solid var(--apple-line);
    border-radius: 24px;
    background: var(--apple-blur-bg);
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.05);
    backdrop-filter: saturate(180%) blur(24px);
    -webkit-backdrop-filter: saturate(180%) blur(24px);
}

body.apple-ui .resize-handle {
    top: 84px;
}

body.apple-ui .resize-handle::before {
    background: rgba(29, 29, 31, 0.12);
}

body.apple-ui .resize-handle:hover::before,
body.apple-ui.is-resizing .resize-handle::before {
    background: var(--apple-blue);
}

body.apple-ui .side-nav {
    gap: 3px;
}

body.apple-ui .side-nav-item {
    min-height: 42px;
    margin: 0;
    padding: 0 14px;
    border-radius: 16px;
    color: #3f3f46;
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 650;
}

body.apple-ui .side-nav-item:hover {
    background: rgba(29, 29, 31, 0.05);
    color: var(--apple-text);
}

body.apple-ui .side-nav-item.active {
    background: #1d1d1f;
    color: #fff;
    box-shadow: none;
    transform: none;
}

body.apple-ui .page-panel {
    opacity: 0;
    transform: translateY(10px);
}

body.apple-ui .page-panel.active {
    animation: appleFadeUp 0.32s var(--apple-ease) forwards;
}

@keyframes appleFadeUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes applePanelFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

body.apple-ui .home-panel,
body.apple-ui .course-panel,
body.apple-ui #words,
body.apple-ui #rank {
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

body.apple-ui .course-eyebrow,
body.apple-ui .dashboard-section-kicker,
body.apple-ui .word-source,
body.apple-ui .word-details dt {
    color: var(--apple-subtle);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

body.apple-ui .course-header,
body.apple-ui .words-page-head,
body.apple-ui .rank-hero {
    max-width: 780px;
    margin: 0 auto 28px;
    text-align: center;
}

body.apple-ui .course-header h1,
body.apple-ui .words-page-head h1,
body.apple-ui .rank-hero h1 {
    margin: 8px 0 0;
    color: var(--apple-text);
    font-size: 52px;
    line-height: 1.05;
    font-weight: 760;
    letter-spacing: 0;
}

body.apple-ui .course-header p,
body.apple-ui .words-page-head p:last-child,
body.apple-ui .rank-hero p:last-child {
    max-width: 680px;
    margin: 14px auto 0;
    color: var(--apple-muted);
    font-size: 18px;
    line-height: 1.72;
}

/* Guest homepage */
body.apple-ui.is-guest-home {
    background:
        linear-gradient(180deg, #ffffff 0%, #f5f5f7 50%, #fbfbfd 100%);
}

body.apple-ui.is-guest-home .page-shell {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
    padding: 28px 0 76px;
    display: block;
}

body.apple-ui.is-guest-home .sidebar,
body.apple-ui.is-guest-home .resize-handle,
body.apple-ui.is-guest-home .app-side-nav,
body.apple-ui.is-guest-home .guest-side-nav {
    display: none;
}

body.apple-ui.is-guest-home .home-marketing {
    display: block;
}

body.apple-ui.is-guest-home .home-marketing h1,
body.apple-ui.is-guest-home .home-marketing h2,
body.apple-ui.is-guest-home .home-marketing h3,
body.apple-ui.is-guest-home .home-marketing p {
    margin: 0;
    letter-spacing: 0;
}

body.apple-ui.is-guest-home .home-marketing .hero {
    min-height: 0;
    padding: 72px 0 34px;
    display: block;
    text-align: center;
}

body.apple-ui.is-guest-home .home-marketing .hero-copy {
    max-width: 800px;
    margin: 0 auto;
}

body.apple-ui.is-guest-home .home-marketing .hero-badge {
    width: fit-content;
    margin: 0 auto 18px;
    padding: 8px 14px;
    border: 1px solid rgba(0, 113, 227, 0.14);
    border-radius: 999px;
    color: #1264b8;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.04);
    font-size: 13px;
    font-weight: 650;
}

body.apple-ui.is-guest-home .home-marketing .eyebrow {
    color: var(--apple-subtle);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

body.apple-ui.is-guest-home .home-marketing .hero h1 {
    max-width: 820px;
    margin: 14px auto 0;
    color: var(--apple-text);
    font-size: 64px;
    line-height: 1.03;
    font-weight: 780;
}

body.apple-ui.is-guest-home .home-marketing .hero-subtitle {
    max-width: 660px;
    margin: 22px auto 0;
    color: var(--apple-muted);
    font-size: 21px;
    line-height: 1.65;
}

body.apple-ui.is-guest-home .home-marketing .hero-actions {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}

body.apple-ui.is-guest-home .home-marketing .btn {
    min-height: 46px;
    height: auto;
    padding: 0 22px;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

body.apple-ui.is-guest-home .home-marketing .btn-primary {
    color: #fff;
    background: var(--apple-blue);
}

body.apple-ui.is-guest-home .home-marketing .btn-ghost,
body.apple-ui.is-guest-home .home-marketing .btn-light {
    color: var(--apple-blue);
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}

body.apple-ui.is-guest-home .home-marketing .btn-ghost:hover,
body.apple-ui.is-guest-home .home-marketing .btn-light:hover {
    background: rgba(0, 113, 227, 0.07);
}

body.apple-ui.is-guest-home .home-marketing .demo-stage {
    width: min(100%, 930px);
    margin: 38px auto 0;
    padding: 14px;
    border: 1px solid rgba(29, 29, 31, 0.08);
    border-radius: 36px;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: var(--apple-shadow-card);
    backdrop-filter: blur(24px) saturate(180%);
    -webkit-backdrop-filter: blur(24px) saturate(180%);
    text-align: left;
}

body.apple-ui.is-guest-home .home-marketing .learning-preview {
    overflow: hidden;
    border-radius: 28px;
    padding: 24px;
    background: linear-gradient(180deg, #ffffff 0%, #f5f7fb 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

body.apple-ui.is-guest-home .home-marketing .preview-panel-top,
body.apple-ui.is-guest-home .home-marketing .preview-main,
body.apple-ui.is-guest-home .home-marketing .preview-step-list {
    display: grid;
    gap: 16px;
}

body.apple-ui.is-guest-home .home-marketing .preview-panel-top {
    grid-template-columns: 1fr auto;
    align-items: center;
    margin-bottom: 16px;
}

body.apple-ui.is-guest-home .home-marketing .preview-main {
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
}

body.apple-ui.is-guest-home .home-marketing .preview-pill,
body.apple-ui.is-guest-home .home-marketing .preview-status {
    width: fit-content;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    color: var(--apple-blue);
    background: rgba(0, 113, 227, 0.08);
    font-size: 13px;
    font-weight: 650;
}

body.apple-ui.is-guest-home .home-marketing .preview-status {
    justify-self: end;
    color: var(--apple-muted);
    background: rgba(29, 29, 31, 0.05);
}

body.apple-ui.is-guest-home .home-marketing .preview-video-card,
body.apple-ui.is-guest-home .home-marketing .preview-training-card,
body.apple-ui.is-guest-home .home-marketing .preview-step-list span {
    border: 1px solid var(--apple-line-soft);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.045);
}

body.apple-ui.is-guest-home .home-marketing .preview-video-card {
    overflow: hidden;
}

body.apple-ui.is-guest-home .home-marketing .preview-video-card img {
    width: 100%;
    aspect-ratio: 16 / 10;
    display: block;
    object-fit: cover;
    object-position: center;
}

body.apple-ui.is-guest-home .home-marketing .preview-video-card div {
    padding: 18px 20px 20px;
}

body.apple-ui.is-guest-home .home-marketing .preview-video-card strong,
body.apple-ui.is-guest-home .home-marketing .preview-training-card h3 {
    color: var(--apple-text);
}

body.apple-ui.is-guest-home .home-marketing .preview-video-card strong {
    display: block;
    font-size: 18px;
    line-height: 1.24;
}

body.apple-ui.is-guest-home .home-marketing .preview-video-card span {
    display: block;
    margin-top: 7px;
    color: var(--apple-muted);
    font-size: 14px;
    line-height: 1.45;
}

body.apple-ui.is-guest-home .home-marketing .preview-training-card {
    padding: 28px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

body.apple-ui.is-guest-home .home-marketing .preview-training-card p {
    color: var(--apple-teal);
    font-size: 13px;
    line-height: 1.2;
    font-weight: 700;
}

body.apple-ui.is-guest-home .home-marketing .preview-training-card h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 1.16;
    font-weight: 760;
}

body.apple-ui.is-guest-home .home-marketing .preview-meter {
    height: 8px;
    margin: 22px 0 18px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(29, 29, 31, 0.08);
}

body.apple-ui.is-guest-home .home-marketing .preview-meter span {
    width: 68%;
    height: 100%;
    display: block;
    border-radius: inherit;
    background: var(--apple-green);
}

body.apple-ui.is-guest-home .home-marketing .preview-note {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 10px;
    color: var(--apple-muted);
    font-size: 14px;
    line-height: 1.55;
}

body.apple-ui.is-guest-home .home-marketing .preview-note b {
    color: var(--apple-teal);
    font-size: 13px;
    white-space: nowrap;
}

body.apple-ui.is-guest-home .home-marketing .preview-step-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 16px;
}

body.apple-ui.is-guest-home .home-marketing .preview-step-list span {
    min-height: 56px;
    padding: 12px 13px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #3f3f46;
    font-size: 14px;
    font-weight: 650;
}

body.apple-ui.is-guest-home .home-marketing .preview-step-list b {
    color: var(--apple-blue);
    font-size: 12px;
}

body.apple-ui.is-guest-home .home-marketing .stats-strip {
    width: min(100%, 1000px);
    margin: 30px auto 42px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

body.apple-ui.is-guest-home .home-marketing .stats-strip .stat,
body.apple-ui.is-guest-home .home-marketing .feature-row,
body.apple-ui.is-guest-home .home-marketing .flow-step {
    border: 1px solid var(--apple-line-soft);
    background: var(--apple-card);
    box-shadow: var(--apple-shadow-soft);
    backdrop-filter: blur(22px) saturate(180%);
    -webkit-backdrop-filter: blur(22px) saturate(180%);
}

body.apple-ui.is-guest-home .home-marketing .stats-strip .stat {
    min-height: 114px;
    padding: 20px 18px;
    border-radius: 24px;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    text-align: left;
}

body.apple-ui.is-guest-home .home-marketing .stat-icon {
    width: 48px;
    height: 48px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    color: var(--stat-accent, var(--apple-blue));
    background: rgba(29, 29, 31, 0.04);
}

body.apple-ui.is-guest-home .home-marketing .stat-icon svg {
    width: 27px;
    height: 27px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

body.apple-ui.is-guest-home .home-marketing .stat.is-plan {
    --stat-accent: var(--apple-blue);
}

body.apple-ui.is-guest-home .home-marketing .stat.is-access {
    --stat-accent: var(--apple-teal);
}

body.apple-ui.is-guest-home .home-marketing .stat.is-update {
    --stat-accent: var(--apple-orange);
}

body.apple-ui.is-guest-home .home-marketing .stat.is-device {
    --stat-accent: #af52de;
}

body.apple-ui.is-guest-home .home-marketing .stat-copy {
    min-width: 0;
    display: grid;
    gap: 6px;
}

body.apple-ui.is-guest-home .home-marketing .stat-copy strong {
    color: var(--apple-text);
    font-size: 19px;
    line-height: 1.15;
    font-weight: 720;
}

body.apple-ui.is-guest-home .home-marketing .stat-copy span {
    color: var(--apple-muted);
    font-size: 13px;
    line-height: 1.45;
}

body.apple-ui.is-guest-home .home-marketing .section {
    margin-top: 92px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body.apple-ui.is-guest-home .home-marketing .section-title-center {
    max-width: 760px;
    margin: 0 auto 58px;
    text-align: center;
}

body.apple-ui.is-guest-home .home-marketing .section-title-center h2,
body.apple-ui.is-guest-home .home-marketing .trial-section h2 {
    margin-top: 8px;
    color: var(--apple-text);
    font-size: 52px;
    line-height: 1.08;
    font-weight: 760;
}

body.apple-ui.is-guest-home .home-marketing .feature-stack {
    display: grid;
    gap: 28px;
}

body.apple-ui.is-guest-home .home-marketing .feature-row {
    min-height: 360px;
    padding: 28px;
    border-radius: 32px;
    display: grid;
    grid-template-columns: 0.86fr 1.14fr;
    gap: 30px;
    align-items: center;
}

body.apple-ui.is-guest-home .home-marketing .feature-row-reverse {
    grid-template-columns: 1.14fr 0.86fr;
}

body.apple-ui.is-guest-home .home-marketing .feature-row-reverse .feature-copy {
    order: 2;
}

body.apple-ui.is-guest-home .home-marketing .feature-copy h3 {
    color: var(--apple-text);
    font-size: 31px;
    line-height: 1.16;
    font-weight: 720;
}

body.apple-ui.is-guest-home .home-marketing .feature-copy p {
    margin-top: 16px;
    color: var(--apple-muted);
    font-size: 16px;
    line-height: 1.86;
}

body.apple-ui.is-guest-home .home-marketing .feature-media {
    min-width: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

body.apple-ui.is-guest-home .home-marketing .feature-media::before,
body.apple-ui.is-guest-home .home-marketing .feature-media::after {
    content: none;
}

body.apple-ui.is-guest-home .home-marketing .feature-media img {
    width: auto;
    max-width: 100%;
    max-height: 420px;
    display: block;
    object-fit: contain;
    object-position: center;
    padding: 10px;
    border: 1px solid var(--apple-line);
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.08);
}

body.apple-ui.is-guest-home .home-marketing .learning-flow {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

body.apple-ui.is-guest-home .home-marketing .learning-flow::before {
    content: none;
}

body.apple-ui.is-guest-home .home-marketing .flow-step {
    min-height: 174px;
    padding: 20px;
    border-radius: 26px;
    display: grid;
    grid-template-rows: auto auto 1fr;
    overflow: hidden;
    animation: none;
}

body.apple-ui.is-guest-home .home-marketing .flow-node {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #1d1d1f;
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 13px;
    font-weight: 700;
}

body.apple-ui.is-guest-home .home-marketing .flow-icon {
    width: 50px;
    height: 50px;
    margin: 17px 0 15px;
    border-radius: 18px;
    background: rgba(0, 113, 227, 0.08);
    color: var(--apple-blue);
    display: grid;
    place-items: center;
}

body.apple-ui.is-guest-home .home-marketing .flow-icon svg {
    width: 27px;
    height: 27px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

body.apple-ui.is-guest-home .home-marketing .flow-step strong {
    color: var(--apple-text);
    font-size: 19px;
    line-height: 1.25;
    font-weight: 720;
}

body.apple-ui.is-guest-home .home-marketing .flow-step p {
    margin-top: 8px;
    color: var(--apple-muted);
    font-size: 14px;
    line-height: 1.6;
}

body.apple-ui.is-guest-home .home-marketing #faq {
    margin-top: 104px;
    padding: 96px 0 110px;
    background: #f5f5f7;
    box-shadow: 0 0 0 100vmax #f5f5f7;
    clip-path: inset(0 -100vmax);
}

body.apple-ui.is-guest-home .home-marketing .faq-title {
    margin-bottom: 48px;
}

body.apple-ui.is-guest-home .home-marketing .faq-list-modern {
    max-width: 880px;
    margin: 0 auto;
}

body.apple-ui.is-guest-home .home-marketing .faq-list-modern details {
    border-bottom: 1px solid rgba(29, 29, 31, 0.1);
}

body.apple-ui.is-guest-home .home-marketing .faq-list-modern details:first-child {
    border-top: 1px solid rgba(29, 29, 31, 0.1);
}

body.apple-ui.is-guest-home .home-marketing .faq-list-modern summary {
    min-height: 76px;
    padding: 0;
    color: var(--apple-text);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    cursor: pointer;
    list-style: none;
    font-size: 19px;
    line-height: 1.35;
    font-weight: 500;
}

body.apple-ui.is-guest-home .home-marketing .faq-list-modern summary::-webkit-details-marker {
    display: none;
}

body.apple-ui.is-guest-home .home-marketing .faq-list-modern summary b {
    color: var(--apple-subtle);
    font-size: 32px;
    line-height: 1;
    font-weight: 400;
    transition: transform 0.18s ease;
}

body.apple-ui.is-guest-home .home-marketing .faq-list-modern details[open] summary b {
    transform: rotate(90deg);
}

body.apple-ui.is-guest-home .home-marketing .faq-list-modern p {
    max-width: 720px;
    margin: -6px 0 26px;
    color: var(--apple-muted);
    font-size: 16px;
    line-height: 1.8;
}

body.apple-ui.is-guest-home .home-marketing .trial-section {
    margin-top: 92px;
    padding: 74px 0 60px;
    text-align: center;
}

body.apple-ui.is-guest-home .home-marketing .trial-button {
    width: fit-content;
    margin-top: 34px;
    padding: 0 26px;
}

/* Member homepage */
body.apple-ui:not(.is-guest-home) .home-dashboard {
    color: var(--apple-text);
}

body.apple-ui:not(.is-guest-home) .dashboard-shell {
    gap: 24px;
}

body.apple-ui:not(.is-guest-home) .dashboard-hero,
body.apple-ui:not(.is-guest-home) .dashboard-results-row,
body.apple-ui:not(.is-guest-home) .dashboard-grid {
    display: grid;
    gap: 22px;
}

body.apple-ui:not(.is-guest-home) .dashboard-hero {
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr);
    margin-bottom: 0;
}

body.apple-ui:not(.is-guest-home) .dashboard-results-row {
    grid-template-columns: minmax(340px, 0.74fr) minmax(0, 1fr);
    margin-bottom: 0;
}

body.apple-ui:not(.is-guest-home) .dashboard-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.apple-ui:not(.is-guest-home) .dashboard-card,
body.apple-ui:not(.is-guest-home) .dashboard-continue-card,
body.apple-ui:not(.is-guest-home) .dashboard-today-card,
body.apple-ui:not(.is-guest-home) .dashboard-growth-card,
body.apple-ui:not(.is-guest-home) .dashboard-outcomes-card,
body.apple-ui:not(.is-guest-home) .dashboard-month-card,
body.apple-ui:not(.is-guest-home) .dashboard-review-card,
body.apple-ui:not(.is-guest-home) .dashboard-recent-card,
body.apple-ui:not(.is-guest-home) .dashboard-error-card {
    border: 1px solid var(--apple-line-soft);
    border-radius: var(--apple-radius-lg);
    background: var(--apple-card-solid);
    box-shadow: var(--apple-shadow-soft);
}

body.apple-ui:not(.is-guest-home) .dashboard-continue-card,
body.apple-ui:not(.is-guest-home) .dashboard-today-card,
body.apple-ui:not(.is-guest-home) .dashboard-growth-card,
body.apple-ui:not(.is-guest-home) .dashboard-outcomes-card,
body.apple-ui:not(.is-guest-home) .dashboard-month-card,
body.apple-ui:not(.is-guest-home) .dashboard-review-card,
body.apple-ui:not(.is-guest-home) .dashboard-recent-card,
body.apple-ui:not(.is-guest-home) .dashboard-error-card {
    padding: 28px;
}

body.apple-ui:not(.is-guest-home) .dashboard-today-card {
    background: #1d1d1f !important;
    color: #fff;
}

body.apple-ui:not(.is-guest-home) .dashboard-continue-card h2,
body.apple-ui:not(.is-guest-home) .dashboard-card h2 {
    color: var(--apple-text);
    letter-spacing: 0;
}

body.apple-ui:not(.is-guest-home) .dashboard-today-card h2,
body.apple-ui:not(.is-guest-home) .dashboard-today-card .dashboard-plan-item strong {
    color: #fff;
}

body.apple-ui:not(.is-guest-home) .dashboard-step {
    background: rgba(29, 29, 31, 0.05);
    color: #3f3f46;
}

body.apple-ui:not(.is-guest-home) .dashboard-step.is-done {
    background: rgba(52, 199, 89, 0.12);
    color: #248a3d;
}

body.apple-ui:not(.is-guest-home) .dashboard-progress-bar,
body.apple-ui .course-progress-track {
    height: 9px;
    border-radius: 999px;
    background: rgba(29, 29, 31, 0.08);
    overflow: hidden;
}

body.apple-ui:not(.is-guest-home) .dashboard-progress-bar span,
body.apple-ui .course-progress-track span {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: var(--apple-blue);
    transition: width 0.32s var(--apple-ease);
}

body.apple-ui:not(.is-guest-home) .dashboard-recent-card {
    grid-column: 1 / -1;
}

body.apple-ui:not(.is-guest-home) .dashboard-recent-item,
body.apple-ui:not(.is-guest-home) .dashboard-recent-empty {
    border: 1px solid var(--apple-line-soft);
    border-radius: 24px;
    background: #fbfbfd;
    box-shadow: none;
}

body.apple-ui:not(.is-guest-home) .dashboard-outcome-stat {
    border-radius: 18px;
}

/* Course package */
body.apple-ui .course-grid {
    margin-top: 30px;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
}

body.apple-ui .course-card {
    display: grid;
    grid-template-columns: minmax(300px, 0.92fr) minmax(0, 1.08fr);
    overflow: hidden;
    border: 1px solid var(--apple-line-soft);
    border-radius: var(--apple-radius-xl);
    background: var(--apple-card-solid);
    box-shadow: var(--apple-shadow-card);
    transition:
        transform 0.22s var(--apple-ease),
        box-shadow 0.22s ease;
}

body.apple-ui .course-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 32px 92px rgba(0, 0, 0, 0.1);
}

body.apple-ui .course-cover {
    position: relative;
    min-height: 420px;
    background: linear-gradient(135deg, #eaf3ff 0%, #f6f9ff 100%);
}

body.apple-ui .course-cover img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    object-position: center;
}

body.apple-ui .course-info {
    padding: 42px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

body.apple-ui .course-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

body.apple-ui .course-tag {
    min-height: 30px;
    padding: 0 11px;
    border-radius: 999px;
    background: rgba(0, 113, 227, 0.1);
    color: #0066cc;
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    font-weight: 650;
}

body.apple-ui .course-tag.is-soft {
    background: rgba(29, 29, 31, 0.055);
    color: #515154;
}

body.apple-ui .course-info h2 {
    margin-top: 18px;
    color: var(--apple-text);
    font-size: 36px;
    line-height: 1.12;
    font-weight: 760;
    letter-spacing: 0;
}

body.apple-ui .course-info p {
    margin-top: 14px;
    color: var(--apple-muted);
    font-size: 16px;
    line-height: 1.75;
}

body.apple-ui .course-progress {
    width: 100%;
    margin-top: 26px;
    padding: 18px;
    border: 1px solid var(--apple-line-soft);
    border-radius: 24px;
    background: #f5f5f7;
}

body.apple-ui .course-progress-copy {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
}

body.apple-ui .course-progress-copy span {
    color: var(--apple-subtle);
    font-size: 13px;
    font-weight: 650;
}

body.apple-ui .course-progress-copy strong {
    color: var(--apple-text);
    font-size: 17px;
    font-weight: 700;
}

body.apple-ui .course-progress-track {
    margin-top: 12px;
}

body.apple-ui .course-progress p {
    margin: 10px 0 0;
    color: var(--apple-muted);
    font-size: 13px;
    line-height: 1.5;
}

body.apple-ui .course-actions {
    margin-top: 24px;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

body.apple-ui .course-link,
body.apple-ui .course-price-link {
    margin: 0;
    min-height: 44px;
    padding: 0 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 15px;
}

body.apple-ui .course-price-link:hover {
    color: var(--apple-text);
    text-decoration: none;
}

/* Vocabulary */
body.apple-ui .words-page-head {
    margin-bottom: 24px;
}

body.apple-ui .words-empty {
    padding: 54px 28px 28px;
    border: 1px dashed rgba(29, 29, 31, 0.16);
    border-radius: var(--apple-radius-lg);
    background: var(--apple-card-solid);
    color: var(--apple-muted);
    box-shadow: var(--apple-shadow-soft);
}

body.apple-ui .words-empty-icon {
    width: 58px;
    height: 58px;
    margin-bottom: 18px;
    border: 1px solid var(--apple-line-soft);
    border-radius: 20px;
    background: #f5f5f7;
    color: var(--apple-text);
}

body.apple-ui .words-empty strong {
    color: var(--apple-text);
    font-size: 20px;
    font-weight: 720;
}

body.apple-ui .words-empty p {
    max-width: 560px;
    color: var(--apple-muted);
}

body.apple-ui .words-empty:not([hidden]) + .words-header {
    margin-top: -1px;
    padding: 0 0 26px;
    border: 0;
    border-radius: 0;
    background: transparent;
}

body.apple-ui .words-header {
    margin: 0 0 18px;
    display: flex;
    justify-content: flex-start;
}

body.apple-ui .words-add-btn {
    min-height: 42px;
    padding: 0 16px;
    border: 1px solid var(--apple-line);
    background: rgba(255, 255, 255, 0.78);
    color: var(--apple-blue);
    font-size: 15px;
    box-shadow: none;
}

body.apple-ui .words-add-btn::before {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    background: rgba(0, 113, 227, 0.1);
    color: var(--apple-blue);
}

body.apple-ui .words-empty[hidden] + .words-header .words-add-btn {
    width: auto;
    height: auto;
    border-style: solid;
    border-color: var(--apple-line);
    background: rgba(255, 255, 255, 0.78);
    color: var(--apple-blue);
    font-size: 15px;
    box-shadow: none;
}

body.apple-ui .words-empty[hidden] + .words-header .words-add-btn::before {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    font-size: 15px;
}

body.apple-ui .words-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

body.apple-ui .word-card {
    padding: 24px;
    border: 1px solid var(--apple-line-soft);
    border-radius: var(--apple-radius-lg);
    background: var(--apple-card-solid);
    box-shadow: var(--apple-shadow-soft);
    transition:
        transform 0.2s var(--apple-ease),
        box-shadow 0.2s ease;
}

body.apple-ui .word-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--apple-shadow-card);
}

body.apple-ui .word-card-head {
    margin-bottom: 20px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

body.apple-ui .word-card h2 {
    color: var(--apple-text);
    font-size: 30px;
    line-height: 1.12;
    font-weight: 760;
    letter-spacing: 0;
    overflow-wrap: anywhere;
}

body.apple-ui .word-summary-zh {
    margin: -8px 0 16px;
    color: #5f6673;
    font-size: 16px;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

body.apple-ui .word-card:has(.word-disclosure[open]) .word-summary-zh {
    display: none;
}

body.apple-ui .word-remove-btn {
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid rgba(255, 59, 48, 0.18);
    border-radius: 999px;
    background: rgba(255, 59, 48, 0.06);
    color: #d70015;
    cursor: pointer;
    flex: 0 0 auto;
    font: inherit;
    font-size: 13px;
    font-weight: 650;
    transition: background 0.18s ease, transform 0.18s var(--apple-ease);
}

body.apple-ui .word-remove-btn:hover {
    background: rgba(255, 59, 48, 0.1);
    transform: translateY(-1px);
}

body.apple-ui .word-card > .word-source {
    color: var(--apple-subtle);
    font-weight: 700;
}

body.apple-ui .word-disclosure {
    display: grid;
    gap: 12px;
}

body.apple-ui .word-disclosure summary {
    width: fit-content;
    padding: 8px 12px;
    border: 1px solid rgba(0, 113, 227, 0.1);
    border-radius: 999px;
    background: rgba(232, 240, 255, 0.72);
    color: var(--apple-blue);
    cursor: pointer;
    list-style: none;
    font-size: 13px;
    font-weight: 760;
    line-height: 1;
}

body.apple-ui .word-disclosure summary::-webkit-details-marker {
    display: none;
}

body.apple-ui .word-disclosure summary::after {
    content: "↓";
    margin-left: 6px;
    font-size: 12px;
}

body.apple-ui .word-disclosure[open] summary::after {
    content: "↑";
}

body.apple-ui .word-more-close,
body.apple-ui .word-disclosure[open] .word-more-open {
    display: none;
}

body.apple-ui .word-disclosure[open] .word-more-close {
    display: inline;
}

body.apple-ui .word-details {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

body.apple-ui .word-details div {
    padding: 14px 16px;
    border-radius: 18px;
    background: #f5f5f7;
}

body.apple-ui .word-details dt {
    margin-bottom: 6px;
    color: var(--apple-subtle);
}

body.apple-ui .word-details dd {
    margin: 0;
    color: #3f3f46;
    line-height: 1.68;
    overflow-wrap: anywhere;
}

body.apple-ui .vocab-add-backdrop {
    background: rgba(29, 29, 31, 0.28);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
}

body.apple-ui .vocab-add-dialog {
    width: min(700px, 100%);
    padding: 30px;
    border: 1px solid var(--apple-line-soft);
    border-radius: var(--apple-radius-lg);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 34px 100px rgba(0, 0, 0, 0.18);
}

body.apple-ui .vocab-add-close {
    background: #f5f5f7;
    color: var(--apple-subtle);
}

body.apple-ui .vocab-add-head p {
    color: var(--apple-subtle);
}

body.apple-ui .vocab-add-head h2 {
    color: var(--apple-text);
    font-size: 32px;
    font-weight: 760;
    letter-spacing: 0;
}

body.apple-ui .vocab-add-tabs {
    border-radius: 999px;
    background: #f2f2f7;
}

body.apple-ui .vocab-add-tabs button {
    border-radius: 999px;
    color: var(--apple-muted);
    font-weight: 650;
}

body.apple-ui .vocab-add-tabs button.is-active {
    color: var(--apple-text);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.07);
}

body.apple-ui .vocab-add-field span {
    color: #3f3f46;
    font-weight: 650;
}

body.apple-ui .vocab-add-field input,
body.apple-ui .vocab-add-field textarea {
    border: 1px solid var(--apple-line);
    border-radius: 16px;
    background: #fbfbfd;
    color: var(--apple-text);
}

body.apple-ui .vocab-add-field input:focus,
body.apple-ui .vocab-add-field textarea:focus {
    border-color: rgba(0, 113, 227, 0.6);
    box-shadow: 0 0 0 4px rgba(0, 113, 227, 0.12);
}

body.apple-ui .vocab-ai-tools {
    border: 1px solid rgba(0, 113, 227, 0.12);
    border-radius: 20px;
    background: rgba(0, 113, 227, 0.06);
}

body.apple-ui .vocab-ai-upgrade-link {
    color: var(--apple-blue);
}

/* Rank */
body.apple-ui #rank::after {
    content: none;
    display: none;
}

body.apple-ui .page-panel.active#rank {
    display: grid;
    gap: 18px;
}

body.apple-ui .rank-preview-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

body.apple-ui .rank-preview-card,
body.apple-ui .rank-empty-state {
    border: 1px solid var(--apple-line-soft);
    border-radius: var(--apple-radius-lg);
    background: var(--apple-card-solid);
    box-shadow: var(--apple-shadow-soft);
}

body.apple-ui .rank-preview-card {
    min-height: 170px;
    padding: 24px;
}

body.apple-ui .rank-preview-card span {
    color: var(--apple-subtle);
    font-size: 13px;
    font-weight: 650;
}

body.apple-ui .rank-preview-card strong {
    display: block;
    margin-top: 28px;
    color: var(--apple-text);
    font-size: 23px;
    line-height: 1.22;
    font-weight: 760;
}

body.apple-ui .rank-preview-card p {
    margin-top: 10px;
    color: var(--apple-muted);
    line-height: 1.65;
}

body.apple-ui .rank-empty-state {
    padding: 26px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

body.apple-ui .rank-empty-state strong {
    color: var(--apple-text);
    font-size: 21px;
    line-height: 1.25;
    font-weight: 760;
}

body.apple-ui .rank-empty-state p {
    max-width: 640px;
    margin-top: 8px;
    color: var(--apple-muted);
    line-height: 1.7;
}

body.apple-ui .rank-empty-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

@media (max-width: 1100px) {
    body.apple-ui .page-shell {
        width: min(100% - 36px, 1220px);
        grid-template-columns: 1fr;
        gap: 22px;
    }

    body.apple-ui .resize-handle {
        display: none;
    }

    body.apple-ui .sidebar {
        position: static;
        overflow-x: auto;
    }

    body.apple-ui .side-nav {
        flex-direction: row;
        min-width: max-content;
    }

    body.apple-ui .side-nav-item {
        white-space: nowrap;
    }

    body.apple-ui.is-guest-home .home-marketing .mobile-nav {
        margin: 0 0 14px;
        padding-bottom: 3px;
        display: flex !important;
        gap: 8px;
        overflow-x: auto;
    }

    body.apple-ui.is-guest-home .home-marketing .mobile-nav a {
        flex: 0 0 auto;
        padding: 10px 14px;
        border: 1px solid var(--apple-line);
        border-radius: 999px;
        color: #3f3f46;
        background: rgba(255, 255, 255, 0.78);
        font-size: 13px;
        font-weight: 650;
        text-decoration: none;
    }

    body.apple-ui.is-guest-home .home-marketing .mobile-nav a.active {
        color: #fff;
        background: #1d1d1f;
    }

    body.apple-ui.is-guest-home .home-marketing .stats-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.apple-ui.is-guest-home .home-marketing .feature-row,
    body.apple-ui.is-guest-home .home-marketing .feature-row-reverse,
    body.apple-ui .course-card,
    body.apple-ui:not(.is-guest-home) .dashboard-hero,
    body.apple-ui:not(.is-guest-home) .dashboard-results-row,
    body.apple-ui:not(.is-guest-home) .dashboard-grid {
        grid-template-columns: 1fr;
    }

    body.apple-ui.is-guest-home .home-marketing .feature-row-reverse .feature-copy {
        order: 0;
    }

    body.apple-ui .course-cover {
        min-height: 0;
        aspect-ratio: 16 / 10;
    }

    body.apple-ui .words-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    body.apple-ui .topbar {
        height: auto;
    }

    body.apple-ui .topbar-inner {
        height: auto;
        min-height: 58px;
        padding: 10px 18px;
        gap: 14px;
    }

    body.apple-ui .brand .brand-wordmark {
        font-size: 19px;
    }

    body.apple-ui .brand-logo {
        width: 30px;
        height: 30px;
    }

    body.apple-ui .auth {
        gap: 8px;
    }

    body.apple-ui .auth .btn {
        min-height: 36px;
        padding: 0 14px;
        font-size: 13px;
    }

    body.apple-ui .page-shell,
    body.apple-ui.is-guest-home .page-shell {
        width: min(100% - 28px, 1220px);
        margin-top: 20px;
        padding-bottom: 52px;
    }

    body.apple-ui .course-header h1,
    body.apple-ui .words-page-head h1,
    body.apple-ui .rank-hero h1,
    body.apple-ui.is-guest-home .home-marketing .section-title-center h2,
    body.apple-ui.is-guest-home .home-marketing .trial-section h2 {
        font-size: 38px;
    }

    body.apple-ui .course-header p,
    body.apple-ui .words-page-head p:last-child,
    body.apple-ui .rank-hero p:last-child {
        font-size: 16px;
    }

    body.apple-ui.is-guest-home .home-marketing .hero {
        padding: 34px 0 28px;
    }

    body.apple-ui.is-guest-home .home-marketing .hero h1 {
        font-size: 42px;
    }

    body.apple-ui.is-guest-home .home-marketing .hero-subtitle {
        font-size: 17px;
    }

    body.apple-ui.is-guest-home .home-marketing .hero-actions,
    body.apple-ui .course-actions,
    body.apple-ui .rank-empty-actions {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    body.apple-ui.is-guest-home .home-marketing .btn,
    body.apple-ui .course-link,
    body.apple-ui .course-price-link,
    body.apple-ui .rank-empty-actions .dashboard-secondary-link {
        width: 100%;
    }

    body.apple-ui.is-guest-home .home-marketing .demo-stage {
        padding: 10px;
        border-radius: 28px;
    }

    body.apple-ui.is-guest-home .home-marketing .learning-preview {
        padding: 16px;
        border-radius: 22px;
    }

    body.apple-ui.is-guest-home .home-marketing .preview-panel-top,
    body.apple-ui.is-guest-home .home-marketing .preview-main,
    body.apple-ui.is-guest-home .home-marketing .preview-step-list,
    body.apple-ui.is-guest-home .home-marketing .stats-strip,
    body.apple-ui.is-guest-home .home-marketing .learning-flow,
    body.apple-ui .rank-preview-grid {
        grid-template-columns: 1fr;
    }

    body.apple-ui.is-guest-home .home-marketing .preview-status {
        justify-self: start;
    }

    body.apple-ui.is-guest-home .home-marketing .feature-row {
        min-height: 0;
        padding: 22px;
        border-radius: 26px;
    }

    body.apple-ui.is-guest-home .home-marketing .feature-copy h3 {
        font-size: 25px;
    }

    body.apple-ui.is-guest-home .home-marketing .feature-media img {
        max-height: none;
    }

    body.apple-ui.is-guest-home .home-marketing .flow-step {
        min-height: 0;
        grid-template-columns: auto 1fr;
        grid-template-rows: auto auto;
        column-gap: 15px;
        padding: 18px;
    }

    body.apple-ui.is-guest-home .home-marketing .flow-node {
        grid-row: 1 / span 2;
    }

    body.apple-ui.is-guest-home .home-marketing .flow-icon {
        width: 42px;
        height: 42px;
        margin: 0 0 8px;
    }

    body.apple-ui .course-info {
        padding: 24px;
    }

    body.apple-ui .course-info h2 {
        font-size: 36px;
    }

    body.apple-ui .course-progress-copy {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    body.apple-ui .rank-empty-state {
        align-items: stretch;
        flex-direction: column;
    }

    body.apple-ui .word-card-head {
        align-items: flex-start;
        flex-direction: row;
        gap: 12px;
        margin-bottom: 12px;
    }

    body.apple-ui .word-remove-btn {
        width: auto;
        min-height: 32px;
        padding: 0 10px;
        font-size: 12px;
    }

    body.apple-ui .word-card {
        padding: 18px;
    }

    body.apple-ui .word-card h2 {
        font-size: 24px;
    }

    body.apple-ui .word-summary-zh {
        margin: -2px 0 12px;
        font-size: 15.5px;
        line-height: 1.55;
    }

    body.apple-ui .word-disclosure summary {
        padding: 7px 11px;
        font-size: 12.5px;
    }

    body.apple-ui .word-details div {
        padding: 11px 12px;
        border-radius: 16px;
    }

    body.apple-ui .vocab-add-dialog {
        padding: 22px;
        border-radius: 26px;
    }
}

/* 生词本双口音：历史 audioUrl 继续给美音使用，英音按钮维护独立缓存。 */
body.apple-ui:not(.is-guest-home) #words .word-mobile-pronunciation {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

body.apple-ui:not(.is-guest-home) #words .word-mobile-pronunciation .word-mobile-speak {
    width: auto;
    min-width: 48px;
    height: 29px;
    padding: 0 7px;
    border: 1px solid #dbe7f8;
    border-radius: 999px;
    position: static;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    background: #f4f8ff;
    box-shadow: none;
    color: #2168ea;
    cursor: pointer;
    font: inherit;
    font-size: 10px;
    font-weight: 760;
}

body.apple-ui:not(.is-guest-home) #words .word-mobile-pronunciation .word-mobile-speak svg {
    width: 13px;
    height: 13px;
}

body.apple-ui:not(.is-guest-home) #words .word-mobile-pronunciation .word-mobile-speak:hover,
body.apple-ui:not(.is-guest-home) #words .word-mobile-pronunciation .word-mobile-speak.is-playing {
    border-color: #2168ea;
    background: #2168ea;
    color: #fff;
}

body.apple-ui:not(.is-guest-home) #words .word-mobile-pronunciation .word-mobile-speak.is-loading,
body.apple-ui:not(.is-guest-home) #words .word-detail-pronunciation .word-detail-speak.is-loading {
    cursor: wait;
    opacity: 0.62;
}

body.apple-ui:not(.is-guest-home) #words .word-card-copy {
    padding-right: 112px;
}

body.apple-ui:not(.is-guest-home) #words .word-detail-head {
    position: relative;
}

body.apple-ui:not(.is-guest-home) #words .word-detail-pronunciation {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

body.apple-ui:not(.is-guest-home) #words .word-detail-pronunciation .word-detail-speak {
    width: auto;
    min-width: 67px;
    height: 44px;
    padding: 0 11px;
    border-radius: 999px;
    position: static;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    flex: 0 0 auto;
    color: var(--vocabulary-blue);
    font: inherit;
    font-size: 12px;
    font-weight: 760;
}

body.apple-ui:not(.is-guest-home) #words .word-detail-pronunciation .word-detail-speak svg {
    width: 17px;
    height: 17px;
}

body.apple-ui:not(.is-guest-home) #words .word-detail-pronunciation .word-detail-speak:hover,
body.apple-ui:not(.is-guest-home) #words .word-detail-pronunciation .word-detail-speak.is-playing {
    border-color: #2168ea;
    background: #eef5ff;
}

@media (max-width: 900px) {
    body.apple-ui:not(.is-guest-home) #words .word-detail-pronunciation {
        position: absolute;
        top: 0;
        right: 0;
    }

    body.apple-ui:not(.is-guest-home) #words .word-detail-head h2 {
        max-width: calc(100% - 154px);
    }
}

@media (max-width: 420px) {
    body.apple-ui:not(.is-guest-home) #words .word-mobile-pronunciation .word-mobile-speak {
        min-width: 43px;
        padding: 0 5px;
    }

    body.apple-ui:not(.is-guest-home) #words .word-card-copy {
        padding-right: 100px;
    }
}

/* 生词本：桌面端采用参考图的主从双栏，详情信息集中在右侧。 */
body.apple-ui:not(.is-guest-home) #words {
    --vocabulary-blue: #1d62e8;
    --vocabulary-ink: #0d1b3a;
    --vocabulary-muted: #7886a2;
    --vocabulary-line: #e5eaf3;
    max-width: 1480px;
}

body.apple-ui:not(.is-guest-home) .words-notebook-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
}

body.apple-ui:not(.is-guest-home) .words-notebook-head h1 {
    margin: 0;
    color: var(--vocabulary-ink);
    font-size: clamp(38px, 4vw, 54px);
    line-height: 1.1;
    letter-spacing: -.055em;
}

body.apple-ui:not(.is-guest-home) #words .words-notebook-head .words-summary {
    min-width: 164px;
    min-height: 92px;
    padding: 16px 20px;
    border: 1px solid #e7ebf2;
    border-radius: 14px;
    box-shadow: 0 9px 24px rgba(26, 55, 105, .07);
    background: #fff;
}

body.apple-ui:not(.is-guest-home) #words .words-notebook-head .words-summary span {
    grid-row: 2;
    color: var(--vocabulary-muted);
    font-size: 13px;
}

body.apple-ui:not(.is-guest-home) #words .words-notebook-head .words-summary strong {
    grid-row: 1;
    color: var(--vocabulary-blue);
    font-size: 38px;
    letter-spacing: -.055em;
}

body.apple-ui:not(.is-guest-home) #words .words-notebook-head .words-summary small {
    display: none;
}

body.apple-ui:not(.is-guest-home) #words .words-overview {
    margin: 28px 0 22px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 160px;
    gap: 16px;
}

body.apple-ui:not(.is-guest-home) #words .words-overview .words-search {
    min-height: 58px;
    padding: 0 21px;
    border-color: #dde4ef;
    border-radius: 13px;
    box-shadow: 0 5px 14px rgba(28, 48, 81, .025);
}

body.apple-ui:not(.is-guest-home) #words .words-overview .words-search svg {
    width: 24px;
    height: 24px;
}

body.apple-ui:not(.is-guest-home) #words .words-overview .words-search input {
    font-size: 16px;
}

body.apple-ui:not(.is-guest-home) #words .words-overview .words-add-btn {
    width: 160px;
    min-height: 58px;
    padding: 0 18px;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 780;
}

body.apple-ui:not(.is-guest-home) #words .words-overview .words-add-btn::before {
    width: 22px;
    height: 22px;
    margin-right: 8px;
    font-size: 19px;
}

body.apple-ui:not(.is-guest-home) #words .words-notebook-layout {
    display: grid;
    grid-template-columns: minmax(300px, .82fr) minmax(430px, 1.18fr);
    align-items: start;
    gap: 24px;
}

body.apple-ui:not(.is-guest-home) #words .words-list-pane {
    min-width: 0;
}

body.apple-ui:not(.is-guest-home) #words .words-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

body.apple-ui:not(.is-guest-home) #words .word-card {
    min-height: 116px;
    padding: 20px 22px;
    border: 1px solid #e8ecf2;
    border-radius: 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(32, 58, 101, .035);
    cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

body.apple-ui:not(.is-guest-home) #words .word-card:hover,
body.apple-ui:not(.is-guest-home) #words .word-card:focus-visible {
    border-color: #a8c4ff;
    box-shadow: 0 8px 22px rgba(29, 98, 232, .09);
    outline: 0;
}

body.apple-ui:not(.is-guest-home) #words .word-card.is-active {
    border: 2px solid #4b83ff;
    padding: 19px 21px;
    background: linear-gradient(118deg, #fff 0%, #f4f8ff 100%);
    box-shadow: 0 9px 24px rgba(50, 104, 222, .1);
}

body.apple-ui:not(.is-guest-home) #words .word-card-copy {
    min-width: 0;
}

body.apple-ui:not(.is-guest-home) #words .word-card h2 {
    margin: 0;
    overflow: hidden;
    color: var(--vocabulary-ink);
    font-size: 23px;
    line-height: 1.18;
    letter-spacing: -.025em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.apple-ui:not(.is-guest-home) #words .word-phonetic {
    margin-top: 6px;
    display: block;
    color: #98a4b9;
    font-size: 14px;
    line-height: 1.25;
}

body.apple-ui:not(.is-guest-home) #words .word-summary-zh {
    margin: 7px 0 0;
    overflow: hidden;
    color: #52617d;
    font-size: 14px;
    line-height: 1.45;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.apple-ui:not(.is-guest-home) #words .word-card-meta {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 16px;
}

body.apple-ui:not(.is-guest-home) #words .word-source-tag {
    padding: 7px 11px;
    border-radius: 7px;
    display: inline-flex;
    align-items: center;
    color: var(--vocabulary-blue);
    background: #edf4ff;
    font-size: 13px;
    font-weight: 750;
    line-height: 1;
    white-space: nowrap;
}

body.apple-ui:not(.is-guest-home) #words .word-static-mark {
    width: 27px;
    height: 27px;
    fill: #fff;
    stroke: #a9b6ca;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.7;
}

body.apple-ui:not(.is-guest-home) #words .words-list-total {
    margin: 18px 0 0;
    color: #8190a9;
    text-align: center;
    font-size: 13px;
}

body.apple-ui:not(.is-guest-home) #words .word-detail-panel {
    min-width: 0;
    min-height: 690px;
    padding: 32px 38px 28px;
    border: 1px solid #ecf0f5;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(32, 54, 91, .08);
}

body.apple-ui:not(.is-guest-home) #words .word-detail-head {
    padding-bottom: 25px;
    border-bottom: 1px solid var(--vocabulary-line);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

body.apple-ui:not(.is-guest-home) #words .word-detail-head h2 {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--vocabulary-ink);
    font-size: clamp(40px, 4.2vw, 66px);
    line-height: 1.02;
    letter-spacing: -.06em;
}

body.apple-ui:not(.is-guest-home) #words .word-detail-head p {
    margin: 13px 0 0;
    color: #98a4b9;
    font-size: 20px;
}

body.apple-ui:not(.is-guest-home) #words .word-detail-speak {
    width: 68px;
    height: 68px;
    flex: 0 0 68px;
    border: 1px solid #e7ebf2;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #fff;
    box-shadow: 0 6px 14px rgba(30, 57, 96, .09);
    color: var(--vocabulary-blue);
    cursor: pointer;
}

body.apple-ui:not(.is-guest-home) #words .word-detail-speak svg {
    width: 30px;
    height: 30px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

body.apple-ui:not(.is-guest-home) #words .word-detail-section {
    padding: 19px 0;
    border-bottom: 1px solid var(--vocabulary-line);
}

body.apple-ui:not(.is-guest-home) #words .word-detail-section h3,
body.apple-ui:not(.is-guest-home) #words .word-note-section label {
    margin: 0 0 10px;
    display: flex;
    align-items: center;
    gap: 9px;
    color: #243451;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 780;
}

body.apple-ui:not(.is-guest-home) #words .word-detail-section h3::before,
body.apple-ui:not(.is-guest-home) #words .word-note-section label::before {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: var(--vocabulary-blue);
    color: #fff;
    content: "✦";
    font-size: 12px;
    line-height: 1;
}

body.apple-ui:not(.is-guest-home) #words .word-detail-section p {
    margin: 0;
    color: #31425f;
    font-size: 15px;
    line-height: 1.65;
}

body.apple-ui:not(.is-guest-home) #words .word-example-box {
    padding: 14px 16px;
    border: 1px solid #c9d8ff;
    border-radius: 10px;
    color: #30405e;
    background: #f9fbff;
    font-size: 15px;
    line-height: 1.65;
    white-space: pre-line;
}

body.apple-ui:not(.is-guest-home) #words .word-detail-inline-section,
body.apple-ui:not(.is-guest-home) #words .word-detail-source-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

body.apple-ui:not(.is-guest-home) #words .word-detail-inline-section h3,
body.apple-ui:not(.is-guest-home) #words .word-detail-source-section h3 {
    margin: 0;
}

body.apple-ui:not(.is-guest-home) #words .word-detail-inline-section p {
    text-align: right;
}

body.apple-ui:not(.is-guest-home) #words .word-note-section {
    position: relative;
    border-bottom: 0;
}

body.apple-ui:not(.is-guest-home) #words .word-note-section textarea {
    width: 100%;
    min-height: 106px;
    padding: 14px 16px 27px;
    border: 1px solid #dbe3f0;
    border-radius: 10px;
    outline: 0;
    resize: vertical;
    color: #2e3d59;
    background: #fff;
    font: inherit;
    font-size: 14px;
    line-height: 1.6;
}

body.apple-ui:not(.is-guest-home) #words .word-note-section textarea:focus {
    border-color: #79a1ff;
    box-shadow: 0 0 0 3px rgba(29, 98, 232, .1);
}

body.apple-ui:not(.is-guest-home) #words .word-note-section small {
    position: absolute;
    right: 12px;
    bottom: 27px;
    color: #98a4b9;
    font-size: 12px;
}

body.apple-ui:not(.is-guest-home) #words .word-detail-actions {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--vocabulary-line);
    display: flex;
    justify-content: flex-start;
}

body.apple-ui:not(.is-guest-home) #words .word-detail-remove {
    min-height: 42px;
    padding: 0 24px;
    border: 1px solid #dce3ee;
    border-radius: 9px;
    background: #fff;
    color: #53617a;
    cursor: pointer;
    font: inherit;
    font-size: 14px;
    font-weight: 750;
}

body.apple-ui:not(.is-guest-home) #words .word-detail-remove:hover {
    border-color: #ef8e9a;
    color: #d92d45;
    background: #fff7f8;
}

body.apple-ui:not(.is-guest-home) #words .word-detail-back {
    display: none;
}

@media (max-width: 900px) {
    body.apple-ui:not(.is-guest-home) #words .words-notebook-layout {
        grid-template-columns: 1fr;
    }

    body.apple-ui:not(.is-guest-home) #words .word-detail-panel {
        display: none;
        min-height: 0;
    }

    body.apple-ui:not(.is-guest-home) #words.is-vocabulary-mobile-detail-open .words-list-pane {
        display: none;
    }

    body.apple-ui:not(.is-guest-home) #words .word-detail-panel.is-mobile-open {
        display: block;
    }

    body.apple-ui:not(.is-guest-home) #words .word-detail-back {
        min-height: 32px;
        margin: 0 0 12px;
        padding: 0;
        border: 0;
        display: inline-flex;
        align-items: center;
        background: transparent;
        color: var(--vocabulary-blue);
        cursor: pointer;
        font: inherit;
        font-size: 14px;
        font-weight: 750;
    }

    body.apple-ui:not(.is-guest-home) #words .word-detail-head {
        display: block;
    }

    body.apple-ui:not(.is-guest-home) #words .word-detail-speak {
        position: absolute;
        right: 24px;
        top: 47px;
    }
}

@media (max-width: 600px) {
    body.apple-ui:not(.is-guest-home) #words .words-notebook-head h1 {
        font-size: 34px;
    }

    body.apple-ui:not(.is-guest-home) #words .words-notebook-head .words-summary {
        min-width: 116px;
        min-height: 68px;
        padding: 10px 13px;
    }

    body.apple-ui:not(.is-guest-home) #words .words-notebook-head .words-summary strong {
        font-size: 29px;
    }

    body.apple-ui:not(.is-guest-home) #words .words-overview {
        grid-template-columns: minmax(0, 1fr) 112px;
    }

    body.apple-ui:not(.is-guest-home) #words .words-overview .words-add-btn {
        width: 112px;
        min-height: 50px;
        padding: 0 10px;
        font-size: 14px;
    }

    body.apple-ui:not(.is-guest-home) #words .words-overview .words-add-btn::before {
        margin-right: 5px;
    }

    body.apple-ui:not(.is-guest-home) #words .words-overview .words-search {
        min-height: 50px;
        padding: 0 14px;
    }

    body.apple-ui:not(.is-guest-home) #words .word-card {
        min-height: 102px;
        padding: 16px;
    }

    body.apple-ui:not(.is-guest-home) #words .word-card.is-active {
        padding: 15px;
    }

    body.apple-ui:not(.is-guest-home) #words .word-card h2 {
        font-size: 20px;
    }

    body.apple-ui:not(.is-guest-home) #words .word-card-meta {
        gap: 9px;
    }

    body.apple-ui:not(.is-guest-home) #words .word-source-tag {
        padding: 6px 8px;
        font-size: 12px;
    }

    body.apple-ui:not(.is-guest-home) #words .word-static-mark {
        width: 23px;
        height: 23px;
    }

    body.apple-ui:not(.is-guest-home) #words .word-detail-panel {
        padding: 22px 18px 20px;
        border-radius: 14px;
    }

    body.apple-ui:not(.is-guest-home) #words .word-detail-head h2 {
        max-width: calc(100% - 64px);
        font-size: 42px;
    }

    body.apple-ui:not(.is-guest-home) #words .word-detail-head p {
        font-size: 17px;
    }

    body.apple-ui:not(.is-guest-home) #words .word-detail-speak {
        right: 18px;
        width: 54px;
        height: 54px;
    }
}

/* 首页应用导航：采用更轻的侧栏结构，底部保留真实会员类型。 */
@media (min-width: 1101px) {
    body.apple-ui:not(.is-guest-home) .sidebar {
        min-height: calc(100vh - 108px);
        padding: 12px 14px;
        border: 0;
        border-right: 1px solid #edf0f4;
        border-radius: 0;
        display: flex;
        flex-direction: column;
        background: #fff;
        box-shadow: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    body.apple-ui:not(.is-guest-home) .side-nav {
        gap: 7px;
    }

    body.apple-ui:not(.is-guest-home) .side-nav-item {
        min-height: 52px;
        padding: 0 14px;
        border-radius: 12px;
        color: #475467;
        font-size: 15px;
        font-weight: 700;
    }

    body.apple-ui:not(.is-guest-home) .side-nav-item.active {
        background: #eef4ff;
        color: #1769e8;
        box-shadow: none;
    }

    body.apple-ui:not(.is-guest-home) .side-nav-icon {
        width: 20px;
        height: 20px;
        margin-right: 12px;
    }

    body.apple-ui:not(.is-guest-home) .sidebar-membership {
        min-height: 78px;
        margin-top: auto;
        padding: 13px 12px;
        border: 1px solid #c4d8ff;
        border-radius: 16px;
        position: relative;
        display: flex;
        align-items: center;
        gap: 10px;
        background: linear-gradient(135deg, #fbfdff 0%, #eff5ff 100%);
        color: #2870dc;
        text-decoration: none;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 5px 16px rgba(36, 89, 178, .06);
    }

    body.apple-ui:not(.is-guest-home) .sidebar-membership:hover {
        border-color: #9fc0ff;
        background: #f2f7ff;
    }

    body.apple-ui:not(.is-guest-home) .sidebar-membership-gem {
        width: 29px;
        flex: 0 0 29px;
        display: grid;
        place-items: center;
        font-family: "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
        font-size: 26px;
        line-height: 1;
        filter: drop-shadow(0 3px 4px rgba(38, 100, 220, .14));
    }

    body.apple-ui:not(.is-guest-home) .sidebar-membership-copy {
        flex: 1;
        padding-right: 18px;
        min-width: 0;
        display: grid;
        gap: 5px;
    }

    body.apple-ui:not(.is-guest-home) .sidebar-membership-copy small {
        color: #175cd3;
        font-size: 16px;
        line-height: 1.1;
        font-weight: 750;
        white-space: nowrap;
    }

    body.apple-ui:not(.is-guest-home) .sidebar-membership-copy strong {
        color: #667085;
        font-size: 11.5px;
        line-height: 1.25;
        font-weight: 550;
        white-space: nowrap;
    }

    body.apple-ui:not(.is-guest-home) .sidebar-membership-arrow {
        width: 18px;
        height: 18px;
        position: absolute;
        right: 10px;
        top: 50%;
        margin: 0;
        transform: translateY(-50%);
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 2;
    }
}

@media (max-width: 1100px) {
    body.apple-ui:not(.is-guest-home) .sidebar-membership {
        display: none;
    }
}

/* course package / vocabulary / ranking collection surfaces */
body.apple-ui:not(.is-guest-home) .course-panel,
body.apple-ui:not(.is-guest-home) #words,
body.apple-ui:not(.is-guest-home) #rank {
    min-height: 0;
    padding: clamp(28px, 4vw, 52px);
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body.apple-ui:not(.is-guest-home) .course-library-head,
body.apple-ui:not(.is-guest-home) .words-page-head,
body.apple-ui:not(.is-guest-home) .rank-page-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
}

body.apple-ui:not(.is-guest-home) .course-library-kicker,
body.apple-ui:not(.is-guest-home) .words-kicker,
body.apple-ui:not(.is-guest-home) .rank-kicker {
    margin: 0 0 8px;
    color: #1769e8;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .04em;
}

body.apple-ui:not(.is-guest-home) .course-library-head h1,
body.apple-ui:not(.is-guest-home) .words-page-head h1,
body.apple-ui:not(.is-guest-home) .rank-page-head h1 {
    margin: 0;
    color: #101828;
    font-size: clamp(32px, 4vw, 44px);
    line-height: 1.1;
    font-weight: 850;
    letter-spacing: -.04em;
}

body.apple-ui:not(.is-guest-home) .course-library-head > div > p:last-child,
body.apple-ui:not(.is-guest-home) .words-page-head > div > p:last-child,
body.apple-ui:not(.is-guest-home) .rank-page-head > div > p:last-child {
    max-width: 620px;
    margin: 11px 0 0;
    color: #667085;
    font-size: 15px;
    line-height: 1.65;
}

body.apple-ui:not(.is-guest-home) .course-library-filters,
body.apple-ui:not(.is-guest-home) .rank-period-tabs {
    width: fit-content;
    margin-top: 30px;
    padding: 4px;
    border: 1px solid #e4e7ec;
    border-radius: 12px;
    display: inline-flex;
    background: #fff;
}

body.apple-ui:not(.is-guest-home) .course-library-filters {
    margin-top: 0;
}

body.apple-ui:not(.is-guest-home) .course-library-filters button,
body.apple-ui:not(.is-guest-home) .rank-period-tabs button {
    min-width: 92px;
    min-height: 38px;
    padding: 0 16px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #667085;
    cursor: default;
    font: inherit;
    font-size: 14px;
    font-weight: 750;
}

body.apple-ui:not(.is-guest-home) .course-library-filters button.is-active,
body.apple-ui:not(.is-guest-home) .rank-period-tabs button.is-active {
    background: #eef4ff;
    color: #175cd3;
}

body.apple-ui:not(.is-guest-home) .course-library-grid {
    margin-top: 22px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 360px));
    justify-content: start;
    gap: 18px;
}

body.apple-ui:not(.is-guest-home) .course-library-card {
    min-width: 0;
    padding: 10px;
    border: 1px solid #e4e7ec;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(16, 24, 40, .06);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

body.apple-ui:not(.is-guest-home) .course-library-card:hover {
    border-color: #c7d7fe;
    box-shadow: 0 18px 36px rgba(16, 24, 40, .1);
    transform: translateY(-2px);
}

body.apple-ui:not(.is-guest-home) .course-library-cover {
    aspect-ratio: 3 / 2;
    overflow: hidden;
    border-radius: 12px;
    position: relative;
    background: #f4f7fb;
}

body.apple-ui:not(.is-guest-home) .course-library-cover img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: inherit;
    /* 所有断点都优先保留封面完整信息；比例不一致时由浅色背景承接空隙。 */
    object-fit: contain;
}

body.apple-ui:not(.is-guest-home) .course-library-info {
    padding: 20px 10px 10px;
}

body.apple-ui:not(.is-guest-home) .course-library-state {
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    position: absolute;
    left: 12px;
    top: 12px;
    display: inline-flex;
    align-items: center;
    background: #1769e8;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    box-shadow: 0 5px 12px rgba(23, 92, 211, .28);
}

body.apple-ui:not(.is-guest-home) .course-library-state span {
    width: 7px;
    height: 7px;
    margin-right: 7px;
    border-radius: 50%;
    display: inline-block;
    background: #fff;
    box-shadow: none;
}

body.apple-ui:not(.is-guest-home) .course-library-card.is-desperate-housewives .course-library-state.is-coming-soon {
    background: #8f1d36;
    box-shadow: 0 5px 12px rgba(143, 29, 54, .28);
}

body.apple-ui:not(.is-guest-home) .course-library-card.is-desperate-housewives .course-library-info .course-link {
    border-color: #8f1d36;
    color: #8f1d36;
}

body.apple-ui:not(.is-guest-home) .course-library-card.is-desperate-housewives .course-library-info .course-link:hover {
    background: #8f1d36;
    color: #fff;
    box-shadow: 0 8px 18px rgba(143, 29, 54, .22);
}

body.apple-ui:not(.is-guest-home) .course-library-card.is-desperate-housewives:hover {
    border-color: #d9a6b2;
    box-shadow: 0 18px 36px rgba(143, 29, 54, .12);
}

body.apple-ui:not(.is-guest-home) .course-library-card.is-desperate-housewives .course-library-info .course-tag {
    background: #f8e9ed;
    color: #8f1d36;
}

body.apple-ui:not(.is-guest-home) .course-library-card.is-desperate-housewives .course-library-info .course-progress-copy strong,
body.apple-ui:not(.is-guest-home) .course-library-card.is-desperate-housewives .course-library-info .course-progress-copy span {
    color: #8f1d36;
}

body.apple-ui:not(.is-guest-home) .course-library-card.is-desperate-housewives .course-library-info .course-progress-track {
    background: #f1d9df;
}

body.apple-ui:not(.is-guest-home) .course-library-card.is-desperate-housewives .course-library-info .course-progress-track span {
    background: #8f1d36;
}

body.apple-ui:not(.is-guest-home) .course-library-card.is-desperate-housewives .course-library-info .course-progress-meta {
    color: #70404a;
}

body.apple-ui:not(.is-guest-home) .course-library-card.is-desperate-housewives .course-library-info .course-progress-play {
    border-color: #8f1d36;
    color: #8f1d36;
}

body.apple-ui:not(.is-guest-home) .course-library-info .course-tags {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

body.apple-ui:not(.is-guest-home) .course-library-info .course-tag {
    padding: 6px 9px;
    border-radius: 7px;
    background: #eff5ff;
    color: #2870dc;
    font-size: 12px;
    font-weight: 700;
}

body.apple-ui:not(.is-guest-home) .course-library-info h2 {
    margin: 0 0 16px;
    color: #101828;
    font-size: 26px;
    line-height: 1.25;
    font-weight: 820;
    letter-spacing: -.025em;
}

body.apple-ui:not(.is-guest-home) .course-library-info .course-progress {
    margin: 25px 0 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

body.apple-ui:not(.is-guest-home) .course-library-info .course-progress-copy {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

body.apple-ui:not(.is-guest-home) .course-library-info .course-progress-copy span {
    color: #7b8494;
    font-size: 15px;
    font-weight: 700;
}

body.apple-ui:not(.is-guest-home) .course-library-info .course-progress-copy strong {
    color: #1769e8;
    font-size: 23px;
    font-weight: 800;
}

body.apple-ui:not(.is-guest-home) .course-library-info .course-progress-track {
    height: 8px;
    margin-top: 14px;
    border-radius: 999px;
    background: #e9eef7;
}

body.apple-ui:not(.is-guest-home) .course-library-info .course-progress-track span {
    border-radius: inherit;
    background: #1769e8;
}

body.apple-ui:not(.is-guest-home) .course-library-info .course-progress-meta {
    margin: 17px 0 0;
    display: flex;
    align-items: center;
    gap: 9px;
    color: #667085;
    font-size: 14px;
    font-weight: 650;
}

body.apple-ui:not(.is-guest-home) .course-library-info .course-progress-play {
    width: 21px;
    height: 21px;
    border: 2px solid #2870dc;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #2870dc;
    font-size: 11px;
    line-height: 1;
}

body.apple-ui:not(.is-guest-home) .course-library-info .course-actions {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

body.apple-ui:not(.is-guest-home) .course-library-info .course-link {
    width: 100%;
    min-height: 52px;
    margin: 0;
    padding: 0 14px;
    border: 2px solid #2870dc;
    border-radius: 12px;
    display: grid;
    place-items: center;
    background: #fff;
    color: #1769e8;
    box-shadow: none;
    font-size: 16px;
    font-weight: 780;
}

body.apple-ui:not(.is-guest-home) .course-library-info .course-link:hover {
    background: #1769e8;
    color: #fff;
    box-shadow: 0 8px 18px rgba(23, 105, 232, .22);
}

body.apple-ui:not(.is-guest-home) .words-add-btn {
    min-height: 42px;
    padding: 0 15px;
    border: 0;
    border-radius: 9px;
    background: #175cd3;
    color: #fff;
    box-shadow: none;
}

body.apple-ui:not(.is-guest-home) .words-add-btn::before {
    background: rgba(255, 255, 255, .18);
    color: inherit;
}

body.apple-ui:not(.is-guest-home) .words-overview {
    margin: 24px 0 18px;
    display: flex;
    align-items: stretch;
    gap: 14px;
}

body.apple-ui:not(.is-guest-home) .words-overview .words-add-btn {
    flex: 0 0 auto;
}

body.apple-ui:not(.is-guest-home) .words-search {
    min-height: 48px;
    padding: 0 14px;
    border: 1px solid #dfe3eb;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    background: #fff;
}

body.apple-ui:not(.is-guest-home) .words-search:focus-within {
    border-color: #84adff;
    box-shadow: 0 0 0 4px rgba(23, 92, 211, .09);
}

body.apple-ui:not(.is-guest-home) .words-search svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: #98a2b3;
    stroke-linecap: round;
    stroke-width: 1.8;
}

body.apple-ui:not(.is-guest-home) .words-search input {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #101828;
    font: inherit;
    font-size: 14px;
}

body.apple-ui:not(.is-guest-home) .words-summary {
    min-width: 168px;
    padding: 8px 16px;
    border: 1px solid #dbe8ff;
    border-radius: 12px;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    column-gap: 7px;
    align-items: center;
    background: #f5f9ff;
}

body.apple-ui:not(.is-guest-home) .words-summary span {
    grid-column: 1 / -1;
    color: #667085;
    font-size: 11px;
    font-weight: 700;
}

body.apple-ui:not(.is-guest-home) .words-summary strong {
    color: #175cd3;
    font-size: 25px;
    line-height: 1;
}

body.apple-ui:not(.is-guest-home) .words-summary small {
    color: #667085;
    font-size: 12px;
}

body.apple-ui:not(.is-guest-home) #words .words-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

body.apple-ui:not(.is-guest-home) #words .word-card {
    min-height: 176px;
    padding: 18px;
    border: 1px solid #e4e7ec;
    border-radius: 14px;
    box-shadow: none;
}

body.apple-ui:not(.is-guest-home) #words .word-card-head {
    margin-bottom: 12px;
}

body.apple-ui:not(.is-guest-home) #words .word-card h2 {
    font-size: 23px;
}

body.apple-ui:not(.is-guest-home) #words .word-summary-zh {
    margin: 0 0 14px;
    color: #344054;
    font-size: 14px;
}

body.apple-ui:not(.is-guest-home) #words .word-disclosure summary {
    padding: 6px 9px;
    border-radius: 7px;
    font-size: 11px;
}

body.apple-ui:not(.is-guest-home) #words .word-remove-btn {
    padding: 6px 8px;
    border-color: #eaecf0;
    border-radius: 7px;
    color: #98a2b3;
    font-size: 11px;
}

body.apple-ui:not(.is-guest-home) #words .word-card > .word-source {
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid #f1f3f6;
    color: #98a2b3;
}

body.apple-ui:not(.is-guest-home) .words-search-empty {
    margin: 32px 0;
    color: #667085;
    text-align: center;
}

body.apple-ui:not(.is-guest-home) .rank-page-head {
    align-items: flex-start;
}

body.apple-ui:not(.is-guest-home) .rank-period-tabs {
    margin-top: 4px;
}

body.apple-ui:not(.is-guest-home) .rank-coming-layout {
    margin-top: 24px;
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(260px, .7fr);
    gap: 16px;
}

body.apple-ui:not(.is-guest-home) .rank-coming-main,
body.apple-ui:not(.is-guest-home) .rank-personal-card,
body.apple-ui:not(.is-guest-home) .rank-preview-card {
    border: 1px solid #e4e7ec;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(16, 24, 40, .04);
}

body.apple-ui:not(.is-guest-home) .rank-coming-main {
    min-height: 280px;
    padding: 34px;
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #f8fbff 0%, #eef5ff 100%);
}

body.apple-ui:not(.is-guest-home) .rank-coming-main::after {
    width: 180px;
    height: 180px;
    border: 30px solid rgba(23, 92, 211, .08);
    border-radius: 50%;
    position: absolute;
    right: -45px;
    top: -50px;
    content: "";
}

body.apple-ui:not(.is-guest-home) .rank-coming-icon {
    width: 36px;
    height: 36px;
    border-radius: 11px;
    display: grid;
    place-items: center;
    background: #dfeaff;
    color: #175cd3;
    font-weight: 900;
}

body.apple-ui:not(.is-guest-home) .rank-coming-label {
    margin: 18px 0 8px;
    color: #175cd3;
    font-size: 12px;
    font-weight: 800;
}

body.apple-ui:not(.is-guest-home) .rank-coming-main h2 {
    max-width: 470px;
    margin: 0;
    color: #101828;
    font-size: clamp(26px, 3vw, 34px);
    line-height: 1.2;
    letter-spacing: -.035em;
}

body.apple-ui:not(.is-guest-home) .rank-coming-main > p:not(.rank-coming-label) {
    max-width: 530px;
    margin: 12px 0 0;
    color: #667085;
    font-size: 14px;
    line-height: 1.7;
}

body.apple-ui:not(.is-guest-home) .rank-empty-actions {
    margin-top: 22px;
    display: flex;
    gap: 10px;
}

body.apple-ui:not(.is-guest-home) .rank-primary-action,
body.apple-ui:not(.is-guest-home) .rank-secondary-action {
    min-height: 38px;
    padding: 0 13px;
    border-radius: 8px;
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    font-weight: 780;
}

body.apple-ui:not(.is-guest-home) .rank-primary-action {
    border: 1px solid #175cd3;
    background: #175cd3;
    color: #fff;
}

body.apple-ui:not(.is-guest-home) .rank-secondary-action {
    border: 1px solid #d0d5dd;
    background: #fff;
    color: #344054;
}

body.apple-ui:not(.is-guest-home) .rank-personal-card {
    padding: 26px;
    display: flex;
    flex-direction: column;
    background: #fff;
}

body.apple-ui:not(.is-guest-home) .rank-personal-card > span {
    color: #667085;
    font-size: 13px;
    font-weight: 750;
}

body.apple-ui:not(.is-guest-home) .rank-personal-card > strong {
    margin-top: 12px;
    color: #175cd3;
    font-size: 52px;
    line-height: .95;
    letter-spacing: -.06em;
}

body.apple-ui:not(.is-guest-home) .rank-personal-card > small {
    margin-top: 7px;
    color: #667085;
    font-size: 13px;
}

body.apple-ui:not(.is-guest-home) .rank-personal-card > div {
    margin-top: auto;
    padding-top: 18px;
    border-top: 1px solid #eaecf0;
}

body.apple-ui:not(.is-guest-home) .rank-personal-card p {
    margin: 8px 0 0;
    color: #667085;
    font-size: 13px;
}

body.apple-ui:not(.is-guest-home) .rank-personal-card p b {
    color: #101828;
}

body.apple-ui:not(.is-guest-home) .rank-preview-grid {
    margin-top: 16px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

body.apple-ui:not(.is-guest-home) .rank-preview-card {
    min-height: 152px;
    padding: 20px;
}

body.apple-ui:not(.is-guest-home) .rank-preview-card span {
    color: #175cd3;
    font-size: 12px;
    font-weight: 800;
}

body.apple-ui:not(.is-guest-home) .rank-preview-card strong {
    margin-top: 20px;
    color: #101828;
    font-size: 18px;
}

body.apple-ui:not(.is-guest-home) .rank-preview-card p {
    margin: 8px 0 0;
    color: #667085;
    font-size: 13px;
    line-height: 1.6;
}

@media (max-width: 900px) {
    body.apple-ui:not(.is-guest-home) .course-panel,
    body.apple-ui:not(.is-guest-home) #words,
    body.apple-ui:not(.is-guest-home) #rank {
        padding: 30px 20px 100px;
    }

    body.apple-ui:not(.is-guest-home) #words .words-list {
        grid-template-columns: 1fr;
    }

    body.apple-ui:not(.is-guest-home) .rank-coming-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    body.apple-ui:not(.is-guest-home) .course-library-head,
    body.apple-ui:not(.is-guest-home) .words-page-head,
    body.apple-ui:not(.is-guest-home) .rank-page-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 18px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-filters,
    body.apple-ui:not(.is-guest-home) .rank-period-tabs {
        width: 100%;
        margin-top: 22px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-filters button,
    body.apple-ui:not(.is-guest-home) .rank-period-tabs button {
        min-width: 0;
        flex: 1;
    }

    body.apple-ui:not(.is-guest-home) .course-library-grid {
        grid-template-columns: 1fr;
    }

    body.apple-ui:not(.is-guest-home) .course-library-info {
        padding: 17px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-info > p {
        min-height: 0;
    }

    body.apple-ui:not(.is-guest-home) .course-library-info .course-actions {
        align-items: stretch;
        flex-direction: column;
    }

    body.apple-ui:not(.is-guest-home) .course-library-info .course-link {
        width: 100%;
    }

    body.apple-ui:not(.is-guest-home) .words-overview {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: stretch;
    }

    body.apple-ui:not(.is-guest-home) .words-overview .words-search {
        grid-column: 1 / -1;
    }

    body.apple-ui:not(.is-guest-home) .words-summary {
        min-width: 0;
    }

    body.apple-ui:not(.is-guest-home) .rank-preview-grid {
        grid-template-columns: 1fr;
    }

    body.apple-ui:not(.is-guest-home) .rank-coming-main {
        min-height: 0;
        padding: 25px;
    }
}

@media (max-width: 520px) {
    body.apple-ui .topbar-inner {
        padding: 10px 14px;
    }

    body.apple-ui .auth .btn {
        padding: 0 12px;
    }

    body.apple-ui .page-shell,
    body.apple-ui.is-guest-home .page-shell {
        width: min(100% - 24px, 1220px);
    }

    body.apple-ui .sidebar {
        border-radius: 20px;
    }

    body.apple-ui.is-guest-home .home-marketing .hero h1 {
        font-size: 38px;
    }

    body.apple-ui .course-header h1,
    body.apple-ui .words-page-head h1,
    body.apple-ui .rank-hero h1,
    body.apple-ui.is-guest-home .home-marketing .section-title-center h2,
    body.apple-ui.is-guest-home .home-marketing .trial-section h2 {
        font-size: 34px;
    }

    body.apple-ui .course-info h2 {
        font-size: 32px;
    }

    body.apple-ui .course-card,
    body.apple-ui .word-card,
    body.apple-ui .words-empty,
    body.apple-ui .rank-preview-card,
    body.apple-ui .rank-empty-state {
        border-radius: 26px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-outcome-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1100px) {
    body.apple-ui:not(.is-guest-home) .page-shell {
        gap: 18px;
    }

    body.apple-ui:not(.is-guest-home) .sidebar {
        position: sticky;
        top: 64px;
        z-index: 10;
        display: flex;
        margin: 0 calc((100vw - 100%) / -2);
        padding: 10px calc((100vw - 100%) / 2) 11px;
        overflow-x: auto;
        border-width: 1px 0;
        border-left: 0;
        border-right: 0;
        border-radius: 0;
        background: rgba(245, 245, 247, 0.84);
        box-shadow: 0 14px 30px rgba(0, 0, 0, 0.055);
        backdrop-filter: saturate(180%) blur(22px);
        -webkit-backdrop-filter: saturate(180%) blur(22px);
        scrollbar-width: none;
    }

    body.apple-ui:not(.is-guest-home) .sidebar::-webkit-scrollbar {
        display: none;
    }

    body.apple-ui:not(.is-guest-home) .app-side-nav {
        gap: 8px;
    }

    body.apple-ui:not(.is-guest-home) .side-nav-item {
        flex: 0 0 auto;
        min-height: 38px;
        margin: 0;
        padding: 0 14px;
        border: 1px solid rgba(29, 29, 31, 0.08);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.72);
        color: #3a3a3c;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86);
        font-size: 13px;
        white-space: nowrap;
    }

    body.apple-ui:not(.is-guest-home) .side-nav-item.active {
        border-color: #1d1d1f;
        background: #1d1d1f;
        color: #fff;
        box-shadow: 0 10px 22px rgba(0, 0, 0, 0.16);
    }

    body.apple-ui:not(.is-guest-home) .page-panel {
        scroll-margin-top: 128px;
        transform: none;
    }

    body.apple-ui:not(.is-guest-home) .page-panel.active {
        animation: applePanelFadeIn 0.22s var(--apple-ease) forwards;
    }
}

@media (max-width: 520px) {
    body.apple-ui:not(.is-guest-home) .side-nav-item {
        padding: 0 13px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.apple-ui *,
    body.apple-ui *::before,
    body.apple-ui *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.001ms !important;
    }
}

/* 登录后首页：紧凑、扁平的信息工作台。 */
body.apple-ui:not(.is-guest-home) {
    --dashboard-blue: #1677ff;
    --dashboard-ink: #1d1d1f;
    --dashboard-muted: #6e6e73;
    --dashboard-line: #e7e7ea;
    --dashboard-soft: #f5f7fa;
    background: #fff;
    color: var(--dashboard-ink);
}

body.apple-ui:not(.is-guest-home) .topbar {
    height: 56px;
    min-height: 56px;
    border-bottom: 1px solid var(--dashboard-line);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: none;
    backdrop-filter: saturate(180%) blur(18px);
    -webkit-backdrop-filter: saturate(180%) blur(18px);
}

body.apple-ui:not(.is-guest-home) .topbar-inner {
    width: min(100%, 1480px);
    height: 56px;
    padding: 0 28px;
}

body.apple-ui:not(.is-guest-home) .brand-logo {
    width: 30px;
    height: 30px;
}

body.apple-ui:not(.is-guest-home) .brand-wordmark {
    font-size: 20px;
    letter-spacing: -0.025em;
}

body.apple-ui:not(.is-guest-home) .auth {
    gap: 8px;
}

body.apple-ui:not(.is-guest-home) .auth-feedback {
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid #e4e7ec;
    background: #fff;
    color: #4b5563;
    box-shadow: none;
    font-size: 13px;
}

body.apple-ui:not(.is-guest-home) .auth-account {
    gap: 8px;
}

body.apple-ui:not(.is-guest-home) .auth-avatar-btn {
    width: auto;
    height: 36px;
    min-width: 36px;
    padding: 3px 9px 3px 3px;
    border: 1px solid #e4e7ec;
    border-radius: 999px;
    background: #fff;
    box-shadow: none;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--dashboard-ink);
}

body.apple-ui:not(.is-guest-home) .auth-avatar-btn:hover {
    transform: none;
    border-color: #cbd2dc;
    background: #f8f9fb;
    box-shadow: none;
}

body.apple-ui:not(.is-guest-home) .auth-avatar {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    border-radius: 50%;
}

body.apple-ui:not(.is-guest-home) .auth-account-name {
    display: block;
    max-width: 110px;
    overflow: hidden;
    font-size: 13px;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.apple-ui:not(.is-guest-home) .auth-account-chevron {
    display: block;
    width: 12px;
    height: 12px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    color: #8a8a8e;
}

body.apple-ui:not(.is-guest-home) .page-shell {
    width: min(100%, 1480px);
    min-height: calc(100vh - 56px);
    margin: 0 auto;
    padding: 0 28px 48px;
    display: grid;
    grid-template-columns: 190px minmax(0, 1fr);
    gap: 28px;
    align-items: stretch;
}

body.apple-ui:not(.is-guest-home) .sidebar {
    position: sticky;
    top: 56px;
    align-self: start;
    width: 190px;
    min-width: 190px;
    height: calc(100vh - 56px);
    margin: 0;
    padding: 22px 18px 22px 0;
    overflow: visible;
    border: 0;
    border-right: 1px solid var(--dashboard-line);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

body.apple-ui:not(.is-guest-home) .app-side-nav {
    display: grid;
    gap: 5px;
}

body.apple-ui:not(.is-guest-home) .side-nav-item {
    width: 100%;
    min-height: 42px;
    margin: 0;
    padding: 0 13px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 11px;
    color: #55565a;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
}

body.apple-ui:not(.is-guest-home) .side-nav-item:hover {
    transform: none;
    background: #f5f5f7;
    color: var(--dashboard-ink);
    box-shadow: none;
}

body.apple-ui:not(.is-guest-home) .side-nav-item.active {
    border: 0;
    background: #eef5ff;
    color: #0866d7;
    box-shadow: none;
}

body.apple-ui:not(.is-guest-home) .side-nav-icon {
    width: 19px;
    height: 19px;
    flex: 0 0 19px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.7;
}

body.apple-ui:not(.is-guest-home) .main-content {
    min-width: 0;
    padding: 23px 0 0;
}

body.apple-ui:not(.is-guest-home) .page-panel,
body.apple-ui:not(.is-guest-home) .home-dashboard,
body.apple-ui:not(.is-guest-home) .dashboard-shell {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body.apple-ui:not(.is-guest-home) .dashboard-shell {
    display: grid;
    gap: 0;
}

body.apple-ui:not(.is-guest-home) .dashboard-focus-section {
    min-height: 178px;
    padding: 0 0 18px;
    border-bottom: 1px solid var(--dashboard-line);
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 30px;
}

body.apple-ui:not(.is-guest-home) .dashboard-continue-panel,
body.apple-ui:not(.is-guest-home) .dashboard-today-panel,
body.apple-ui:not(.is-guest-home) .dashboard-month-section,
body.apple-ui:not(.is-guest-home) .dashboard-review-section,
body.apple-ui:not(.is-guest-home) .dashboard-recent-section {
    min-width: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none;
    color: var(--dashboard-ink);
}

body.apple-ui:not(.is-guest-home) .dashboard-panel-heading,
body.apple-ui:not(.is-guest-home) .dashboard-section-heading {
    min-height: 29px;
    margin: 0 0 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

body.apple-ui:not(.is-guest-home) .dashboard-panel-heading h1,
body.apple-ui:not(.is-guest-home) .dashboard-panel-heading h2,
body.apple-ui:not(.is-guest-home) .dashboard-section-heading h2 {
    margin: 0;
    color: var(--dashboard-ink);
    font-size: 18px;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: -0.015em;
}

body.apple-ui:not(.is-guest-home) .dashboard-continue-heading span,
body.apple-ui:not(.is-guest-home) .dashboard-today-panel .dashboard-panel-heading > strong {
    color: var(--dashboard-muted);
    font-size: 12px;
    font-weight: 600;
}

body.apple-ui:not(.is-guest-home) .dashboard-continue-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 22px;
}

body.apple-ui:not(.is-guest-home) .dashboard-continue-copy h2 {
    margin: 0 0 12px;
    overflow: hidden;
    color: var(--dashboard-ink);
    font-size: clamp(21px, 2vw, 26px);
    line-height: 1.22;
    font-weight: 720;
    letter-spacing: -0.025em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.apple-ui:not(.is-guest-home) .dashboard-progress-row {
    width: min(100%, 490px);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

body.apple-ui:not(.is-guest-home) .dashboard-progress-bar {
    height: 5px;
    border-radius: 999px;
    background: #e9ebef;
    box-shadow: none;
}

body.apple-ui:not(.is-guest-home) .dashboard-progress-bar span {
    background: var(--dashboard-blue);
    box-shadow: none;
}

body.apple-ui:not(.is-guest-home) .dashboard-progress-row > strong {
    color: #4f5156;
    font-size: 12px;
    font-weight: 650;
}

body.apple-ui:not(.is-guest-home) .dashboard-continue-actions {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
}

body.apple-ui:not(.is-guest-home) .dashboard-primary-link,
body.apple-ui:not(.is-guest-home) .dashboard-secondary-link {
    width: auto;
    min-height: 34px;
    padding: 0 14px;
    border-radius: 8px;
    box-shadow: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 650;
    line-height: 1;
    white-space: nowrap;
    flex: 0 0 auto;
}

body.apple-ui:not(.is-guest-home) .dashboard-primary-link {
    border: 1px solid var(--dashboard-blue);
    background: var(--dashboard-blue);
    color: #fff;
}

body.apple-ui:not(.is-guest-home) .dashboard-primary-link:hover {
    transform: none;
    border-color: #0067e5;
    background: #0067e5;
    box-shadow: none;
}

body.apple-ui:not(.is-guest-home) .dashboard-secondary-link {
    border: 0;
    background: transparent;
    color: #55565a;
}

body.apple-ui:not(.is-guest-home) .dashboard-secondary-link:hover {
    transform: none;
    background: #f2f3f5;
    color: var(--dashboard-ink);
    box-shadow: none;
}

body.apple-ui:not(.is-guest-home) .dashboard-step-list {
    margin: 14px 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
}

body.apple-ui:not(.is-guest-home) .dashboard-step {
    position: relative;
    padding: 0 0 0 13px;
    border-radius: 0;
    background: transparent;
    color: #8a8a8e;
    font-size: 11px;
    font-weight: 550;
}

body.apple-ui:not(.is-guest-home) .dashboard-step::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 6px;
    height: 6px;
    border: 1px solid #b8bbc1;
    border-radius: 50%;
    transform: translateY(-50%);
}

body.apple-ui:not(.is-guest-home) .dashboard-step.is-done {
    background: transparent;
    color: #4f5156;
}

body.apple-ui:not(.is-guest-home) .dashboard-step.is-done::before {
    border-color: #34a853;
    background: #34a853;
}

body.apple-ui:not(.is-guest-home) .dashboard-today-panel {
    padding-left: 28px;
    border-left: 1px solid var(--dashboard-line);
}

body.apple-ui:not(.is-guest-home) .dashboard-plan-list {
    display: grid;
    gap: 0;
}

body.apple-ui:not(.is-guest-home) .dashboard-plan-item {
    min-height: 39px;
    padding: 5px 0;
    border: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

body.apple-ui:not(.is-guest-home) .dashboard-plan-check {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    border: 1px solid #c7c9ce;
    border-radius: 50%;
    background: #fff;
    color: #fff;
    font-size: 10px;
}

body.apple-ui:not(.is-guest-home) .dashboard-plan-item.is-done .dashboard-plan-check {
    border-color: #34a853;
    background: #34a853;
}

body.apple-ui:not(.is-guest-home) .dashboard-plan-item strong {
    margin: 0;
    color: #343438;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 630;
}

body.apple-ui:not(.is-guest-home) .dashboard-plan-item p {
    margin: 1px 0 0;
    color: #8a8a8e;
    font-size: 10px;
    line-height: 1.3;
}

body.apple-ui:not(.is-guest-home) .dashboard-plan-summary {
    margin: 5px 0 0;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: var(--dashboard-muted);
    font-size: 11px;
    line-height: 1.4;
    font-weight: 550;
}

body.apple-ui:not(.is-guest-home) .dashboard-metrics-band {
    min-height: 96px;
    padding: 14px 0;
    border-bottom: 1px solid var(--dashboard-line);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.apple-ui:not(.is-guest-home) .dashboard-metric {
    min-width: 0;
    padding: 2px 22px;
    border: 0;
    border-right: 1px solid var(--dashboard-line);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    display: grid;
    align-content: center;
    gap: 3px;
}

body.apple-ui:not(.is-guest-home) .dashboard-metric:first-child {
    padding-left: 0;
}

body.apple-ui:not(.is-guest-home) .dashboard-metric:last-child {
    padding-right: 0;
    border-right: 0;
}

body.apple-ui:not(.is-guest-home) .dashboard-metric-label,
body.apple-ui:not(.is-guest-home) .dashboard-metric-trend {
    overflow: hidden;
    color: var(--dashboard-muted);
    font-size: 10px;
    font-weight: 550;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.apple-ui:not(.is-guest-home) .dashboard-metric-value {
    display: flex;
    align-items: baseline;
    gap: 4px;
}

body.apple-ui:not(.is-guest-home) .dashboard-metric-value strong {
    color: var(--dashboard-ink);
    font-size: clamp(25px, 2.5vw, 32px);
    line-height: 1;
    font-weight: 680;
    letter-spacing: -0.035em;
}

body.apple-ui:not(.is-guest-home) .dashboard-metric-value span {
    color: var(--dashboard-muted);
    font-size: 11px;
    font-weight: 550;
}

body.apple-ui:not(.is-guest-home) .dashboard-metric-trend {
    color: #7a7b80;
}

body.apple-ui:not(.is-guest-home) .dashboard-detail-grid {
    padding-top: 18px;
    display: grid;
    grid-template-columns: minmax(180px, 0.28fr) minmax(220px, 0.3fr) minmax(320px, 0.42fr);
    gap: 0;
}

body.apple-ui:not(.is-guest-home) .dashboard-month-section,
body.apple-ui:not(.is-guest-home) .dashboard-review-section,
body.apple-ui:not(.is-guest-home) .dashboard-recent-section {
    min-height: 190px;
}

body.apple-ui:not(.is-guest-home) .dashboard-month-section {
    padding-right: 24px;
}

body.apple-ui:not(.is-guest-home) .dashboard-review-section {
    padding: 0 24px;
    border-left: 1px solid var(--dashboard-line);
    border-right: 1px solid var(--dashboard-line);
}

body.apple-ui:not(.is-guest-home) .dashboard-recent-section {
    padding-left: 24px;
}

body.apple-ui:not(.is-guest-home) .dashboard-section-heading .dashboard-secondary-link {
    width: auto;
    min-height: 28px;
    padding: 0 8px;
    flex: 0 0 auto;
    color: #73757a;
    font-size: 11px;
}

body.apple-ui:not(.is-guest-home) .dashboard-mini-weekdays,
body.apple-ui:not(.is-guest-home) .dashboard-mini-calendar {
    gap: 3px;
}

body.apple-ui:not(.is-guest-home) .dashboard-mini-weekdays {
    margin: 2px 0 5px;
    color: #9a9ba0;
    font-size: 9px;
}

body.apple-ui:not(.is-guest-home) .dashboard-mini-day {
    min-height: 24px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    box-shadow: none;
    color: #66676c;
    font-size: 10px;
    font-weight: 550;
}

body.apple-ui:not(.is-guest-home) .dashboard-mini-day.is-checked {
    border: 0;
    background: #eaf3ff;
    box-shadow: none;
    color: #0969da;
}

body.apple-ui:not(.is-guest-home) .dashboard-mini-day.is-today-pending {
    border: 1px solid #98bff4;
    background: #fff;
    box-shadow: none;
    color: #0969da;
}

body.apple-ui:not(.is-guest-home) .dashboard-month-summary {
    margin: 8px 0 0;
    color: var(--dashboard-muted);
    font-size: 10px;
}

body.apple-ui:not(.is-guest-home) .dashboard-review-list {
    display: grid;
    gap: 0;
}

body.apple-ui:not(.is-guest-home) .dashboard-review-item {
    min-width: 0;
    min-height: 66px;
    padding: 10px 0;
    border: 0;
    border-bottom: 1px solid #ececef;
    border-radius: 0;
    background: transparent;
    color: var(--dashboard-ink);
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    text-decoration: none;
    text-align: left;
    cursor: pointer;
    font: inherit;
}

body.apple-ui:not(.is-guest-home) .dashboard-review-item:last-child {
    border-bottom: 0;
}

body.apple-ui:not(.is-guest-home) .dashboard-review-item:hover {
    background: #fafafa;
}

body.apple-ui:not(.is-guest-home) .dashboard-review-item > span {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: #fff4dc;
    color: #9a6200;
    display: grid;
    place-items: center;
    font-size: 10px;
    font-weight: 700;
}

body.apple-ui:not(.is-guest-home) .dashboard-review-item:nth-child(2) > span {
    background: #eaf3ff;
    color: #0969da;
}

body.apple-ui:not(.is-guest-home) .dashboard-review-item strong,
body.apple-ui:not(.is-guest-home) .dashboard-review-item p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.apple-ui:not(.is-guest-home) .dashboard-review-item strong {
    margin: 0;
    color: #343438;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 650;
}

body.apple-ui:not(.is-guest-home) .dashboard-review-item p {
    margin: 2px 0 0;
    color: var(--dashboard-muted);
    font-size: 10px;
}

body.apple-ui:not(.is-guest-home) .dashboard-review-item em {
    color: #0969da;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    white-space: nowrap;
}

body.apple-ui:not(.is-guest-home) .dashboard-recent-list {
    margin: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
}

body.apple-ui:not(.is-guest-home) .dashboard-recent-item,
body.apple-ui:not(.is-guest-home) .dashboard-recent-empty {
    width: 100%;
    min-height: 52px;
    padding: 8px 0;
    border: 0;
    border-bottom: 1px solid #ececef;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: var(--dashboard-ink);
}

body.apple-ui:not(.is-guest-home) .dashboard-recent-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 76px;
    align-items: center;
    gap: 16px;
    text-decoration: none;
}

body.apple-ui:not(.is-guest-home) .dashboard-recent-item:last-child,
body.apple-ui:not(.is-guest-home) .dashboard-recent-empty:last-child {
    border-bottom: 0;
}

body.apple-ui:not(.is-guest-home) .dashboard-recent-item:hover {
    transform: none;
    background: #fafafa;
    box-shadow: none;
}

body.apple-ui:not(.is-guest-home) .dashboard-recent-copy {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: baseline;
    gap: 7px;
}

body.apple-ui:not(.is-guest-home) .dashboard-recent-copy span,
body.apple-ui:not(.is-guest-home) .dashboard-recent-copy small {
    color: var(--dashboard-muted);
    font-size: 9px;
    white-space: nowrap;
}

body.apple-ui:not(.is-guest-home) .dashboard-recent-copy strong {
    overflow: hidden;
    margin: 0;
    color: #343438;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 630;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.apple-ui:not(.is-guest-home) .dashboard-recent-progress {
    display: grid;
    grid-template-columns: 28px 1fr;
    align-items: center;
    gap: 6px;
}

body.apple-ui:not(.is-guest-home) .dashboard-recent-progress > strong {
    margin: 0;
    color: #606166;
    font-size: 9px;
    font-weight: 600;
}

body.apple-ui:not(.is-guest-home) .dashboard-recent-progress > span {
    height: 3px;
    overflow: hidden;
    border-radius: 999px;
    background: #e9ebef;
}

body.apple-ui:not(.is-guest-home) .dashboard-recent-progress i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--dashboard-blue);
}

body.apple-ui:not(.is-guest-home) .dashboard-recent-empty {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

body.apple-ui:not(.is-guest-home) .dashboard-recent-empty strong {
    margin: 0;
    font-size: 12px;
}

body.apple-ui:not(.is-guest-home) .dashboard-recent-empty p {
    margin: 2px 0 0;
    color: var(--dashboard-muted);
    font-size: 10px;
}

body.apple-ui:not(.is-guest-home) .dashboard-recent-empty-actions {
    display: flex;
    gap: 5px;
}

@media (max-width: 1080px) {
    body.apple-ui:not(.is-guest-home) .page-shell {
        width: 100%;
        padding: 0 22px 44px;
        grid-template-columns: 1fr;
        gap: 0;
    }

    body.apple-ui:not(.is-guest-home) .sidebar {
        position: sticky;
        top: 56px;
        z-index: 20;
        width: auto;
        min-width: 0;
        height: auto;
        margin: 0 -22px;
        padding: 8px 22px;
        overflow-x: auto;
        border: 0;
        border-bottom: 1px solid var(--dashboard-line);
        background: rgba(255, 255, 255, 0.94);
        backdrop-filter: saturate(180%) blur(18px);
        -webkit-backdrop-filter: saturate(180%) blur(18px);
        scrollbar-width: none;
    }

    body.apple-ui:not(.is-guest-home) .sidebar::-webkit-scrollbar {
        display: none;
    }

    body.apple-ui:not(.is-guest-home) .app-side-nav {
        display: flex;
        gap: 5px;
    }

    body.apple-ui:not(.is-guest-home) .side-nav-item {
        width: auto;
        min-height: 36px;
        padding: 0 12px;
        flex: 0 0 auto;
    }

    body.apple-ui:not(.is-guest-home) .main-content {
        padding-top: 18px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-detail-grid {
        grid-template-columns: 1fr 1fr;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-review-section {
        padding-right: 0;
        border-right: 0;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-section {
        grid-column: 1 / -1;
        margin-top: 18px;
        padding: 18px 0 0;
        border-top: 1px solid var(--dashboard-line);
    }
}

/* 登录首页手机端交互性能：避免大面积实时模糊和整页淡入拖慢触摸反馈。 */
body.apple-ui:not(.is-guest-home) .app-side-nav .side-nav-item {
    border: 0;
    appearance: none;
    -webkit-appearance: none;
    background-clip: padding-box;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

@media (max-width: 760px) {
    body.apple-ui:not(.is-guest-home) .topbar,
    body.apple-ui:not(.is-guest-home) .sidebar,
    body.apple-ui:not(.is-guest-home) .auth-modal-backdrop,
    body.apple-ui:not(.is-guest-home) .dashboard-calendar-backdrop,
    body.apple-ui:not(.is-guest-home) .vocab-add-backdrop {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    body.apple-ui:not(.is-guest-home) .page-panel,
    body.apple-ui:not(.is-guest-home) .page-panel.active {
        opacity: 1;
        transform: none;
        animation: none !important;
        transition: none;
    }

    body.apple-ui:not(.is-guest-home) .side-nav-item,
    body.apple-ui:not(.is-guest-home) .auth-feedback-btn,
    body.apple-ui:not(.is-guest-home) .auth-avatar-btn,
    body.apple-ui:not(.is-guest-home) .dashboard-primary-link,
    body.apple-ui:not(.is-guest-home) .dashboard-secondary-link,
    body.apple-ui:not(.is-guest-home) .dashboard-step-summary,
    body.apple-ui:not(.is-guest-home) .dashboard-plan-arrow,
    body.apple-ui:not(.is-guest-home) .dashboard-heading-link,
    body.apple-ui:not(.is-guest-home) .dashboard-checkin-button,
    body.apple-ui:not(.is-guest-home) .dashboard-month-footer button,
    body.apple-ui:not(.is-guest-home) .dashboard-recent-item {
        -webkit-tap-highlight-color: rgba(7, 87, 248, 0.14);
        transition-duration: 0.08s;
    }

    body.apple-ui:not(.is-guest-home) .side-nav-item:active,
    body.apple-ui:not(.is-guest-home) .auth-feedback-btn:active,
    body.apple-ui:not(.is-guest-home) .auth-avatar-btn:active,
    body.apple-ui:not(.is-guest-home) .dashboard-primary-link:active,
    body.apple-ui:not(.is-guest-home) .dashboard-secondary-link:active,
    body.apple-ui:not(.is-guest-home) .dashboard-step-summary:active,
    body.apple-ui:not(.is-guest-home) .dashboard-plan-arrow:active,
    body.apple-ui:not(.is-guest-home) .dashboard-heading-link:active,
    body.apple-ui:not(.is-guest-home) .dashboard-checkin-button:not(:disabled):active,
    body.apple-ui:not(.is-guest-home) .dashboard-month-footer button:active,
    body.apple-ui:not(.is-guest-home) .dashboard-recent-item:active {
        opacity: 0.72;
        transform: none !important;
    }
}

@media (max-width: 760px) {
    body.apple-ui:not(.is-guest-home) .topbar-inner {
        padding: 0 16px;
    }

    body.apple-ui:not(.is-guest-home) .auth-feedback,
    body.apple-ui:not(.is-guest-home) .auth-account-name,
    body.apple-ui:not(.is-guest-home) .auth-account-chevron {
        display: none;
    }

    body.apple-ui:not(.is-guest-home) .auth-avatar-btn {
        width: 34px;
        height: 34px;
        min-width: 34px;
        padding: 2px;
        justify-content: center;
    }

    body.apple-ui:not(.is-guest-home) .auth-avatar {
        width: 28px;
        height: 28px;
    }

    body.apple-ui:not(.is-guest-home) .page-shell {
        padding: 0 16px 36px;
    }

    body.apple-ui:not(.is-guest-home) .sidebar {
        margin: 0 -16px;
        padding: 7px 16px;
    }

    body.apple-ui:not(.is-guest-home) .side-nav-icon {
        width: 17px;
        height: 17px;
        flex-basis: 17px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-focus-section {
        grid-template-columns: 1fr;
        gap: 17px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-today-panel {
        padding: 16px 0 0;
        border-top: 1px solid var(--dashboard-line);
        border-left: 0;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-continue-main {
        grid-template-columns: 1fr;
        align-items: start;
        gap: 13px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-continue-actions {
        width: 100%;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-primary-link {
        width: 100%;
        flex: 1;
        align-self: stretch;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metrics-band {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric {
        padding: 11px 16px;
        border-bottom: 1px solid var(--dashboard-line);
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric:nth-child(2) {
        border-right: 0;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric:nth-child(3) {
        padding-left: 0;
        border-bottom: 0;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric:nth-child(4) {
        padding-right: 0;
        border-bottom: 0;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-detail-grid {
        grid-template-columns: 1fr;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-month-section,
    body.apple-ui:not(.is-guest-home) .dashboard-review-section,
    body.apple-ui:not(.is-guest-home) .dashboard-recent-section {
        min-height: 0;
        padding: 17px 0 0;
        border: 0;
        border-top: 1px solid var(--dashboard-line);
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-section {
        grid-row: 1;
        margin: 0;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-review-section {
        grid-row: 2;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-month-section {
        grid-row: 3;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-copy {
        grid-template-columns: 1fr auto;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-copy span {
        grid-column: 1 / -1;
    }
}

@media (max-width: 430px) {
    body.apple-ui:not(.is-guest-home) .brand-wordmark {
        font-size: 18px;
    }

    body.apple-ui:not(.is-guest-home) .side-nav-item {
        padding: 0 10px;
        gap: 7px;
        font-size: 12px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-item {
        grid-template-columns: minmax(0, 1fr) 62px;
        gap: 9px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-empty {
        align-items: stretch;
        flex-direction: column;
    }
}

/* 登录后首页：严格复刻用户提供的 1584 × 992 参考稿。 */
@media (min-width: 1081px) {
    body.apple-ui:not(.is-guest-home) {
        --reference-blue: #0757f8;
        --reference-green: #25ad5f;
        --reference-ink: #101828;
        --reference-muted: #667085;
        --reference-line: #e5e7eb;
        background: #fff;
    }

    body.apple-ui:not(.is-guest-home) .topbar {
        height: 72px;
        min-height: 72px;
        border-bottom: 1px solid #e5e7eb;
        background: #fff;
        box-shadow: none;
    }

    body.apple-ui:not(.is-guest-home) .topbar-inner {
        width: 100%;
        max-width: none;
        height: 72px;
        padding: 0 16px 0 30px;
    }

    body.apple-ui:not(.is-guest-home) .topbar .brand {
        gap: 13px;
    }

    body.apple-ui:not(.is-guest-home) .topbar .brand-logo {
        width: 36px;
        height: 36px;
        border-radius: 9px;
    }

    body.apple-ui:not(.is-guest-home) .topbar .brand-wordmark {
        font-size: 26px;
        font-weight: 800;
        letter-spacing: -0.035em;
    }

    body.apple-ui:not(.is-guest-home) .auth {
        gap: 18px;
    }

    body.apple-ui:not(.is-guest-home) .auth-account {
        gap: 19px;
    }

    body.apple-ui:not(.is-guest-home) .auth-feedback,
    body.apple-ui:not(.is-guest-home) .auth-feedback-btn {
        width: 105px;
        height: 46px;
        min-height: 46px;
        padding: 0 18px;
        border: 1px solid #e3e5e9;
        border-radius: 11px;
        background: #fff;
        color: #1d2939;
        font-size: 16px;
        font-weight: 500;
    }

    body.apple-ui:not(.is-guest-home) .auth-avatar-btn {
        height: 48px;
        min-width: 144px;
        padding: 4px 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        gap: 12px;
    }

    body.apple-ui:not(.is-guest-home) .auth-avatar-btn:hover {
        background: transparent;
    }

    body.apple-ui:not(.is-guest-home) .auth-avatar {
        width: 41px;
        height: 41px;
        flex-basis: 41px;
        border-radius: 11px;
    }

    body.apple-ui:not(.is-guest-home) .auth-account-name {
        max-width: none;
        color: #1d2939;
        font-size: 16px;
        font-weight: 500;
    }

    body.apple-ui:not(.is-guest-home) .auth-account-chevron {
        width: 12px;
        height: 12px;
        color: #1d2939;
    }

    body.apple-ui:not(.is-guest-home) .page-shell {
        width: 100%;
        min-height: calc(100vh - 72px);
        margin: 0;
        padding: 0;
        grid-template-columns: 263px minmax(0, 1fr);
        gap: 0;
    }

    body.apple-ui:not(.is-guest-home) .sidebar {
        top: 72px;
        width: 263px;
        min-width: 263px;
        height: calc(100vh - 72px);
        padding: 34px 18px;
        border-right: 1px solid #e5e7eb;
    }

    body.apple-ui:not(.is-guest-home) .app-side-nav {
        gap: 11px;
    }

    body.apple-ui:not(.is-guest-home) .side-nav-item {
        width: 225px;
        min-height: 52px;
        padding: 0 16px;
        border-radius: 9px;
        gap: 14px;
        color: #344054;
        font-size: 17px;
        font-weight: 500;
    }

    body.apple-ui:not(.is-guest-home) .side-nav-item:hover {
        background: #f5f7fa;
    }

    body.apple-ui:not(.is-guest-home) .side-nav-item.active {
        background: linear-gradient(90deg, #f1f6ff 0%, #eaf1ff 100%);
        color: #101828;
    }

    body.apple-ui:not(.is-guest-home) .side-nav-item.active .side-nav-icon {
        color: var(--reference-blue);
    }

    body.apple-ui:not(.is-guest-home) .side-nav-icon {
        width: 24px;
        height: 24px;
        flex-basis: 24px;
        stroke-width: 1.8;
    }

    body.apple-ui:not(.is-guest-home) .main-content {
        padding: 28px 34px 70px 33px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-focus-section {
        height: 236px;
        min-height: 236px;
        padding: 0 0 31px;
        grid-template-columns: minmax(0, 852px) minmax(365px, 1fr);
        gap: 0;
        border-bottom: 1px solid var(--reference-line);
    }

    body.apple-ui:not(.is-guest-home) .dashboard-continue-panel {
        position: relative;
        padding-right: 50px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-panel-heading {
        min-height: 26px;
        margin: 0 0 22px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-panel-heading h1,
    body.apple-ui:not(.is-guest-home) .dashboard-panel-heading h2 {
        color: #101828;
        font-size: 20px;
        line-height: 26px;
        font-weight: 680;
        letter-spacing: -0.02em;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-continue-main {
        position: relative;
        height: 90px;
        display: grid;
        grid-template-columns: 110px minmax(0, 1fr) 140px;
        align-items: start;
        gap: 24px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-continue-thumbnail {
        width: 110px;
        height: 90px;
        border-radius: 9px;
        background-image: url("../images/dashboard/home-reference-source.png");
        background-repeat: no-repeat;
        background-size: 1584px 992px;
        background-position: -296px -148px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-continue-copy {
        min-width: 0;
        padding-top: 1px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-lesson-number {
        display: block;
        margin: 0 0 7px;
        color: #667085;
        font-size: 14px;
        line-height: 18px;
        font-weight: 500;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-continue-copy h2 {
        margin: 0 0 22px;
        color: #101828;
        font-size: 20px;
        line-height: 26px;
        font-weight: 680;
        letter-spacing: -0.018em;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-progress-row {
        width: calc(100% - 60px);
        max-width: none;
        height: 8px;
        gap: 0;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-progress-bar {
        height: 8px;
        background: #e9edf5;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-progress-bar span {
        background: var(--reference-blue);
    }

    body.apple-ui:not(.is-guest-home) .dashboard-progress-copy {
        position: absolute;
        top: 0;
        right: 218px;
        width: 72px;
        display: grid;
        gap: 3px;
        text-align: center;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-progress-copy strong {
        color: var(--reference-blue);
        font-size: 34px;
        line-height: 36px;
        font-weight: 700;
        letter-spacing: -0.035em;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-progress-copy span {
        color: #667085;
        font-size: 14px;
        line-height: 20px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-continue-actions {
        width: 140px;
        padding-top: 27px;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-primary-link {
        width: 140px;
        min-height: 49px;
        border: 0;
        border-radius: 9px;
        background: var(--reference-blue);
        font-size: 16px;
        font-weight: 650;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-secondary-link {
        min-height: 18px;
        padding: 0;
        border-radius: 0;
        color: #667085;
        font-size: 14px;
        font-weight: 500;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-step-list {
        margin: 36px 0 0;
        display: grid;
        grid-template-columns: 134px 121px 121px 121px max-content;
        justify-content: start;
        gap: 0;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-step {
        min-height: 20px;
        padding: 0;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: #475467;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-step::before {
        display: none;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-step i {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        color: #fff;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-step.is-done i {
        background: var(--reference-green);
    }

    body.apple-ui:not(.is-guest-home) .dashboard-step.is-current i {
        border: 3px solid #cfe0ff;
        background: var(--reference-blue);
        box-shadow: inset 0 0 0 3px #fff;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-today-panel {
        padding-left: 39px;
        border-left: 1px solid var(--reference-line);
    }

    body.apple-ui:not(.is-guest-home) .dashboard-today-panel .dashboard-panel-heading {
        margin-bottom: 13px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-today-panel .dashboard-panel-heading > strong {
        margin-right: auto;
        margin-left: 12px;
        color: #344054;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-plan-list {
        height: 166px;
        overflow: hidden;
        border: 1px solid #e4e7ec;
        border-radius: 9px;
        background: #fff;
        grid-template-rows: repeat(3, 1fr);
    }

    body.apple-ui:not(.is-guest-home) .dashboard-plan-item {
        min-height: 0;
        padding: 0 16px;
        border-bottom: 1px solid #e4e7ec;
        gap: 16px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-plan-item:last-child {
        border-bottom: 0;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-plan-check {
        width: 19px;
        height: 19px;
        flex-basis: 19px;
        border: 2px solid #c8cdd5;
        background: #fff;
        font-size: 12px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-plan-item.is-done .dashboard-plan-check {
        border-color: var(--reference-green);
        background: var(--reference-green);
    }

    body.apple-ui:not(.is-guest-home) .dashboard-plan-item strong {
        flex: 1;
        color: #344054;
        font-size: 15px;
        line-height: 22px;
        font-weight: 500;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-plan-arrow {
        color: #475467;
        font-size: 27px;
        line-height: 1;
        font-weight: 300;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metrics-band {
        min-height: 126px;
        padding: 0;
        border-bottom: 1px solid var(--reference-line);
        grid-template-columns: 272px 311px 286px minmax(0, 1fr);
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric {
        position: relative;
        min-height: 125px;
        padding: 20px 0 19px;
        border-right: 1px solid var(--reference-line);
        display: grid;
        justify-items: center;
        align-content: start;
        gap: 14px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric:first-child,
    body.apple-ui:not(.is-guest-home) .dashboard-metric:last-child {
        padding: 20px 0 19px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric:last-child {
        border-right: 0;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric-label {
        color: #667085;
        font-size: 15px;
        line-height: 20px;
        font-weight: 500;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric-value {
        gap: 7px;
        justify-content: center;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric-value strong {
        color: #050505;
        font-size: 39px;
        line-height: 42px;
        font-weight: 650;
        letter-spacing: -0.04em;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric-value span {
        color: #475467;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric-calendar {
        position: absolute;
        top: 44px;
        right: 82px;
        width: 44px;
        height: 44px;
        fill: none;
        stroke: #c7c9cc;
        stroke-width: 2.2;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric-calendar text {
        fill: #9a9da3;
        stroke: none;
        font-size: 15px;
        font-family: inherit;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-detail-grid {
        padding-top: 30px;
        grid-template-columns: 328px 427px minmax(0, 1fr);
    }

    body.apple-ui:not(.is-guest-home) .dashboard-month-section,
    body.apple-ui:not(.is-guest-home) .dashboard-review-section,
    body.apple-ui:not(.is-guest-home) .dashboard-recent-section {
        min-height: 429px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-month-section {
        padding-right: 28px;
        border-right: 1px solid var(--reference-line);
    }

    body.apple-ui:not(.is-guest-home) .dashboard-review-section {
        padding: 0 27px 0 25px;
        border: 0;
        border-right: 1px solid var(--reference-line);
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-section {
        padding-left: 28px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-section-heading {
        min-height: 28px;
        margin: 0 0 14px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-section-heading h2 {
        color: #101828;
        font-size: 19px;
        line-height: 26px;
        font-weight: 680;
        letter-spacing: -0.02em;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-heading-link,
    body.apple-ui:not(.is-guest-home) .dashboard-section-footer-link,
    body.apple-ui:not(.is-guest-home) .dashboard-month-nav button,
    body.apple-ui:not(.is-guest-home) .dashboard-month-footer button {
        padding: 0;
        border: 0;
        background: transparent;
        color: #667085;
        font: inherit;
        cursor: pointer;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-heading-link {
        margin-right: 8px;
        font-size: 14px;
        line-height: 20px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-heading-link span,
    body.apple-ui:not(.is-guest-home) .dashboard-section-footer-link span,
    body.apple-ui:not(.is-guest-home) .dashboard-month-footer button span {
        margin-left: 4px;
        font-size: 22px;
        line-height: 12px;
        vertical-align: -1px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-month-nav {
        position: relative;
        height: 32px;
        width: 300px;
        margin: 0 0 8px;
        display: block;
        align-items: center;
        justify-content: space-between;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-month-nav button {
        position: absolute;
        top: 0;
        width: 20px;
        height: 32px;
        color: #667085;
        font-size: 26px;
        line-height: 1;
        font-weight: 300;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-month-nav button:first-child {
        left: 60px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-month-nav button:last-child {
        right: 60px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-month-nav strong {
        position: absolute;
        top: 5px;
        left: calc(50% - 1px);
        transform: translateX(-50%);
        color: #344054;
        font-size: 16px;
        line-height: 22px;
        font-weight: 500;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-mini-weekdays,
    body.apple-ui:not(.is-guest-home) .dashboard-mini-calendar {
        width: 300px;
        grid-template-columns: repeat(7, 1fr);
        gap: 0;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-mini-weekdays {
        height: 28px;
        margin: 0 0 7px;
        color: #475467;
        font-size: 14px;
        line-height: 20px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-mini-calendar {
        grid-auto-rows: 48px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-mini-day {
        width: 32px;
        min-height: 32px;
        place-self: center;
        border: 0;
        border-radius: 50%;
        background: transparent;
        display: grid;
        place-items: center;
        color: #344054;
        font-size: 14px;
        line-height: 20px;
        font-weight: 450;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-mini-day.is-outside {
        color: #c7c9ce;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-mini-day.is-checked {
        background: var(--reference-green);
        color: #fff;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-mini-day.is-today-pending {
        border: 1.5px solid var(--reference-blue);
        color: #344054;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-month-footer {
        height: 47px;
        margin-top: 18px;
        border-top: 1px solid var(--reference-line);
        display: flex;
        align-items: end;
        justify-content: space-between;
        color: #667085;
        font-size: 14px;
        line-height: 20px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-month-footer > span {
        display: inline-flex;
        align-items: center;
        gap: 13px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-month-footer i {
        width: 19px;
        height: 19px;
        border-radius: 50%;
        background: var(--reference-green);
        display: grid;
        place-items: center;
        color: #fff;
        font-size: 11px;
        font-style: normal;
        font-weight: 700;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-review-list,
    body.apple-ui:not(.is-guest-home) .dashboard-recent-list {
        border-top: 1px solid var(--reference-line);
    }

    body.apple-ui:not(.is-guest-home) .dashboard-review-item {
        min-height: 81px;
        padding: 12px 4px 11px 0;
        grid-template-columns: 45px minmax(0, 1fr) 72px;
        gap: 17px;
        border-bottom: 1px solid var(--reference-line);
    }

    body.apple-ui:not(.is-guest-home) .dashboard-review-item:last-child {
        border-bottom: 1px solid var(--reference-line);
    }

    body.apple-ui:not(.is-guest-home) .dashboard-review-item > span {
        width: 44px;
        height: 44px;
        border-radius: 8px;
        background: #eef4ff;
        color: var(--reference-blue);
        font-size: 15px;
        font-weight: 650;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-review-item.is-sentence > span {
        background: #eaf8ef;
        color: var(--reference-green);
    }

    body.apple-ui:not(.is-guest-home) .dashboard-review-item strong {
        white-space: normal;
        color: #101828;
        font-size: 16px;
        line-height: 21px;
        font-weight: 650;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-review-item p {
        margin-top: 3px;
        color: #667085;
        font-size: 14px;
        line-height: 20px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-review-item em {
        color: #667085;
        font-size: 13px;
        line-height: 20px;
        text-align: right;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-review-item em b {
        font-size: 15px;
        font-weight: 500;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-section-footer-link {
        width: 100%;
        height: 46px;
        display: flex;
        align-items: end;
        justify-content: center;
        color: #667085;
        font-size: 14px;
        line-height: 20px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-item {
        position: relative;
        height: auto;
        min-height: 0;
        padding: 11px 13px 10px 0;
        grid-template-columns: 87px minmax(0, 1fr);
        gap: 22px;
        border-bottom: 1px solid var(--reference-line);
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-item:last-child {
        border-bottom: 1px solid var(--reference-line);
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-item:nth-child(1) {
        height: 75px;
        padding-top: 1px;
        padding-bottom: 8px;
        align-items: start;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-item:nth-child(2) {
        height: 89px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-item:nth-child(3) {
        height: 86px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-item:nth-child(4) {
        height: 90px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-thumbnail {
        width: 87px;
        height: 66px;
        border-radius: 7px;
        background-image: url("../images/dashboard/home-reference-source.png");
        background-repeat: no-repeat;
        background-size: 1584px 992px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-thumbnail.is-080 {
        background-position: -1079px -536px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-thumbnail.is-079 {
        background-position: -1079px -623px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-thumbnail.is-078 {
        background-position: -1079px -710px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-thumbnail.is-077 {
        background-position: -1079px -798px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-copy {
        width: 100%;
        display: block;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-item:nth-child(1) .dashboard-recent-copy {
        padding-top: 7px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-copy > div {
        min-width: 0;
        display: flex;
        align-items: baseline;
        gap: 13px;
        padding-right: 58px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-copy span {
        width: 62px;
        flex: 0 0 auto;
        color: #344054;
        font-size: 14px;
        line-height: 20px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-copy strong {
        color: #344054;
        font-size: 15px;
        line-height: 21px;
        font-weight: 500;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-copy small {
        display: block;
        margin-top: 12px;
        color: #667085;
        font-size: 13px;
        line-height: 18px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-progress {
        position: absolute;
        top: 12px;
        right: 13px;
        width: 190px;
        height: 49px;
        display: block;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-progress > strong {
        display: block;
        color: var(--reference-blue);
        font-size: 16px;
        line-height: 20px;
        font-weight: 650;
        text-align: right;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-progress > strong.is-complete {
        color: var(--reference-green);
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-progress > span {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 190px;
        height: 5px;
        background: #e9edf5;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-progress i {
        background: var(--reference-blue);
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-progress > strong.is-complete + span i {
        background: var(--reference-green);
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-item:nth-child(1) .dashboard-recent-progress {
        top: 10px;
        height: 50px;
    }
}

@media (min-width: 1081px) and (max-width: 1360px) {
    body.apple-ui:not(.is-guest-home) .main-content {
        padding-right: 26px;
        padding-left: 26px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-focus-section {
        grid-template-columns: minmax(0, 1fr) 365px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-continue-panel {
        padding-right: 28px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-progress-copy {
        right: 204px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metrics-band {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    body.apple-ui:not(.is-guest-home) .dashboard-detail-grid {
        grid-template-columns: 310px 390px minmax(0, 1fr);
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-item {
        grid-template-columns: 76px minmax(0, 1fr) 110px;
        gap: 14px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-thumbnail {
        width: 76px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-progress > span {
        width: 110px;
    }
}

/* 参考稿没有提供窄屏版本；仅做等比例收纳，保持信息与交互完整。 */
@media (max-width: 1080px) {
    body.apple-ui:not(.is-guest-home) .dashboard-focus-section {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-continue-main {
        grid-template-columns: 84px minmax(0, 1fr) 78px;
        align-items: start;
        gap: 14px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-continue-thumbnail {
        width: 84px;
        height: 68px;
        border-radius: 8px;
        background-image: url("../images/dashboard/home-reference-source.png");
        background-repeat: no-repeat;
        background-size: 1210px 758px;
        background-position: -226px -113px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-lesson-number {
        display: block;
        margin-bottom: 4px;
        color: #667085;
        font-size: 12px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-continue-copy h2 {
        margin-bottom: 10px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-progress-copy {
        display: grid;
        gap: 2px;
        text-align: right;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-progress-copy strong {
        color: #0757f8;
        font-size: 24px;
        line-height: 1;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-progress-copy span {
        color: #667085;
        font-size: 10px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-continue-actions {
        grid-column: 2 / -1;
        justify-self: start;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-step-list {
        justify-content: flex-start;
        gap: 10px 20px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-step {
        padding: 0;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        background: transparent;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-step::before {
        display: none;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-step i {
        width: 17px;
        height: 17px;
        flex: 0 0 17px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        color: #fff;
        font-size: 10px;
        font-style: normal;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-step.is-done i {
        background: #25ad5f;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-step.is-current i {
        border: 3px solid #cfe0ff;
        background: #0757f8;
        box-shadow: inset 0 0 0 3px #fff;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-today-panel {
        padding: 18px 0 0;
        border-top: 1px solid #e5e7eb;
        border-left: 0;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-plan-list {
        overflow: hidden;
        border: 1px solid #e5e7eb;
        border-radius: 9px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-plan-item {
        min-height: 48px;
        padding: 0 14px;
        border-bottom: 1px solid #e5e7eb;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-plan-item:last-child {
        border-bottom: 0;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-plan-item strong {
        flex: 1;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-plan-arrow {
        font-size: 22px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric-calendar {
        width: 34px;
        height: 34px;
        fill: none;
        stroke: #c7c9cc;
        stroke-width: 2;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric-calendar text {
        fill: #9a9da3;
        stroke: none;
        font-size: 14px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-heading-link,
    body.apple-ui:not(.is-guest-home) .dashboard-section-footer-link,
    body.apple-ui:not(.is-guest-home) .dashboard-month-nav button,
    body.apple-ui:not(.is-guest-home) .dashboard-month-footer button {
        padding: 0;
        border: 0;
        background: transparent;
        color: #667085;
        font: inherit;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-month-nav {
        height: 34px;
        margin-bottom: 8px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-month-nav button {
        font-size: 22px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-month-nav strong {
        color: #344054;
        font-size: 14px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-mini-weekdays,
    body.apple-ui:not(.is-guest-home) .dashboard-mini-calendar {
        width: min(100%, 320px);
        grid-template-columns: repeat(7, 1fr);
        gap: 0;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-mini-calendar {
        grid-auto-rows: 38px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-mini-day {
        width: 29px;
        min-height: 29px;
        place-self: center;
        border-radius: 50%;
        display: grid;
        place-items: center;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-mini-day.is-checked {
        background: #25ad5f;
        color: #fff;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-mini-day.is-today-pending {
        border: 1px solid #0757f8;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-month-footer {
        margin-top: 8px;
        padding-top: 12px;
        border-top: 1px solid #e5e7eb;
        display: flex;
        justify-content: space-between;
        color: #667085;
        font-size: 12px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-month-footer i {
        width: 17px;
        height: 17px;
        margin-right: 7px;
        border-radius: 50%;
        background: #25ad5f;
        display: inline-grid;
        place-items: center;
        color: #fff;
        font-size: 10px;
        font-style: normal;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-review-list,
    body.apple-ui:not(.is-guest-home) .dashboard-recent-list {
        border-top: 1px solid #e5e7eb;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-review-item {
        min-height: 72px;
        grid-template-columns: 38px minmax(0, 1fr) 64px;
        gap: 10px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-review-item > span {
        width: 38px;
        height: 38px;
        border-radius: 7px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-review-item.is-sentence > span {
        background: #eaf8ef;
        color: #25ad5f;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-review-item em {
        font-size: 10px;
        text-align: right;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-section-footer-link {
        width: 100%;
        min-height: 38px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-item {
        position: relative;
        min-height: 76px;
        grid-template-columns: 76px minmax(0, 1fr);
        gap: 12px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-thumbnail {
        width: 76px;
        height: 58px;
        border-radius: 7px;
        background-image: url("../images/dashboard/home-reference-source.png");
        background-repeat: no-repeat;
        background-size: 1380px 864px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-thumbnail.is-080 { background-position: -940px -467px; }
    body.apple-ui:not(.is-guest-home) .dashboard-recent-thumbnail.is-079 { background-position: -940px -543px; }
    body.apple-ui:not(.is-guest-home) .dashboard-recent-thumbnail.is-078 { background-position: -940px -619px; }
    body.apple-ui:not(.is-guest-home) .dashboard-recent-thumbnail.is-077 { background-position: -940px -696px; }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-copy > div {
        padding-right: 52px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-copy > div span {
        flex: 0 0 auto;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-progress {
        position: absolute;
        top: 10px;
        right: 0;
        width: 100px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-progress > strong {
        display: block;
        text-align: right;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-progress > span {
        display: block;
        height: 4px;
        margin-top: 22px;
    }
}

@media (max-width: 760px) {
    body.apple-ui:not(.is-guest-home) .dashboard-continue-main {
        grid-template-columns: 72px minmax(0, 1fr) 65px;
        gap: 10px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-continue-thumbnail {
        width: 72px;
        height: 60px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-continue-copy h2 {
        font-size: 17px;
        white-space: normal;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-step-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.apple-ui:not(.is-guest-home) .dashboard-review-section,
    body.apple-ui:not(.is-guest-home) .dashboard-recent-section,
    body.apple-ui:not(.is-guest-home) .dashboard-month-section {
        min-height: 0;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-copy > div {
        display: grid;
        gap: 2px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-progress {
        width: 68px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-progress > span {
        margin-top: 24px;
    }
}

/* 登录后首页精修：保持现有设计语言，降低框架视觉重量并恢复真实数据的通用状态。 */
body.apple-ui:not(.is-guest-home) .dashboard-continue-thumbnail,
body.apple-ui:not(.is-guest-home) .dashboard-recent-thumbnail {
    overflow: hidden;
    border: 1px solid #e3e8f0;
    background-color: #f3f6fb;
    background-image: linear-gradient(135deg, #edf4ff 0%, #f8fafc 100%);
    display: grid;
    place-items: center;
}

body.apple-ui:not(.is-guest-home) .dashboard-continue-thumbnail::after,
body.apple-ui:not(.is-guest-home) .dashboard-recent-thumbnail::after {
    content: "第" attr(data-thumbnail-label) "期";
    color: #667085;
    font-size: 11px;
    line-height: 1;
    font-weight: 600;
}

body.apple-ui:not(.is-guest-home) .dashboard-continue-thumbnail.is-080,
body.apple-ui:not(.is-guest-home) .dashboard-recent-thumbnail.is-080,
body.apple-ui:not(.is-guest-home) .dashboard-recent-thumbnail.is-079,
body.apple-ui:not(.is-guest-home) .dashboard-recent-thumbnail.is-078,
body.apple-ui:not(.is-guest-home) .dashboard-recent-thumbnail.is-077 {
    border-color: transparent;
    background-image: url("../images/dashboard/home-reference-source.png");
    background-repeat: no-repeat;
}

body.apple-ui:not(.is-guest-home) .dashboard-continue-thumbnail.is-080::after,
body.apple-ui:not(.is-guest-home) .dashboard-recent-thumbnail.is-080::after,
body.apple-ui:not(.is-guest-home) .dashboard-recent-thumbnail.is-079::after,
body.apple-ui:not(.is-guest-home) .dashboard-recent-thumbnail.is-078::after,
body.apple-ui:not(.is-guest-home) .dashboard-recent-thumbnail.is-077::after {
    display: none;
}

body.apple-ui:not(.is-guest-home) .dashboard-step.is-pending i {
    border: 1.5px solid #c8cdd5;
    background: #fff;
}

body.apple-ui:not(.is-guest-home) .dashboard-metric-trend {
    display: block;
    color: #8a8f99;
    font-size: 10px;
    line-height: 14px;
    font-weight: 500;
}

body.apple-ui:not(.is-guest-home) .dashboard-metric.is-streak {
    grid-template-columns: minmax(0, 1fr) 42px;
    grid-template-rows: 20px 42px 14px;
    column-gap: 8px;
    row-gap: 2px;
}

body.apple-ui:not(.is-guest-home) .dashboard-metric.is-streak .dashboard-metric-label,
body.apple-ui:not(.is-guest-home) .dashboard-metric.is-streak .dashboard-metric-value,
body.apple-ui:not(.is-guest-home) .dashboard-metric.is-streak .dashboard-metric-trend {
    grid-column: 1;
    justify-self: center;
}

body.apple-ui:not(.is-guest-home) .dashboard-metric.is-streak .dashboard-metric-label {
    grid-row: 1;
}

body.apple-ui:not(.is-guest-home) .dashboard-metric.is-streak .dashboard-metric-value {
    grid-row: 2;
}

body.apple-ui:not(.is-guest-home) .dashboard-metric.is-streak .dashboard-metric-trend {
    grid-row: 3;
}

body.apple-ui:not(.is-guest-home) .dashboard-metric.is-streak .dashboard-metric-calendar {
    position: static;
    grid-column: 2;
    grid-row: 1 / 4;
    align-self: center;
    justify-self: start;
    width: 38px;
    height: 38px;
}

@media (min-width: 1081px) {
    body.apple-ui:not(.is-guest-home) .topbar {
        height: 60px;
        min-height: 60px;
    }

    body.apple-ui:not(.is-guest-home) .topbar-inner {
        height: 60px;
        padding: 0 22px;
    }

    body.apple-ui:not(.is-guest-home) .topbar .brand {
        gap: 10px;
    }

    body.apple-ui:not(.is-guest-home) .topbar .brand-logo {
        width: 30px;
        height: 30px;
        border-radius: 7px;
    }

    body.apple-ui:not(.is-guest-home) .topbar .brand-wordmark {
        font-size: 21px;
    }

    body.apple-ui:not(.is-guest-home) .auth,
    body.apple-ui:not(.is-guest-home) .auth-account {
        gap: 10px;
    }

    body.apple-ui:not(.is-guest-home) .auth-feedback,
    body.apple-ui:not(.is-guest-home) .auth-feedback-btn {
        width: auto;
        height: 38px;
        min-height: 38px;
        padding: 0 14px;
        border-radius: 9px;
        font-size: 13px;
    }

    body.apple-ui:not(.is-guest-home) .auth-avatar-btn {
        height: 38px;
        min-width: 124px;
        padding: 3px 0;
        gap: 9px;
    }

    body.apple-ui:not(.is-guest-home) .auth-avatar {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
        border-radius: 9px;
    }

    body.apple-ui:not(.is-guest-home) .auth-account-name {
        font-size: 14px;
    }

    body.apple-ui:not(.is-guest-home) .page-shell {
        min-height: calc(100vh - 60px);
        grid-template-columns: 210px minmax(0, 1fr);
    }

    body.apple-ui:not(.is-guest-home) .sidebar {
        top: 60px;
        width: 210px;
        min-width: 210px;
        height: calc(100vh - 60px);
        padding: 20px 14px;
    }

    body.apple-ui:not(.is-guest-home) .app-side-nav {
        gap: 6px;
    }

    body.apple-ui:not(.is-guest-home) .side-nav-item {
        width: 182px;
        min-height: 42px;
        padding: 0 12px;
        border-radius: 8px;
        gap: 10px;
        font-size: 14px;
        font-weight: 550;
    }

    body.apple-ui:not(.is-guest-home) .side-nav-icon {
        width: 19px;
        height: 19px;
        flex-basis: 19px;
    }

    body.apple-ui:not(.is-guest-home) .main-content {
        padding: 24px 30px 60px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-focus-section {
        height: 218px;
        min-height: 218px;
        padding-bottom: 23px;
        grid-template-columns: minmax(0, 1fr) 330px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-continue-panel {
        padding-right: 32px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-continue-main {
        grid-template-columns: 100px minmax(0, 1fr) 128px;
        gap: 20px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-continue-thumbnail {
        width: 100px;
        height: 82px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-continue-thumbnail.is-080 {
        background-size: 1440px 902px;
        background-position: -269px -135px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-progress-copy {
        right: 184px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-continue-actions,
    body.apple-ui:not(.is-guest-home) .dashboard-primary-link {
        width: 128px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-step-list {
        margin-top: 28px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-today-panel {
        padding-left: 28px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metrics-band {
        min-height: 112px;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric,
    body.apple-ui:not(.is-guest-home) .dashboard-metric:first-child,
    body.apple-ui:not(.is-guest-home) .dashboard-metric:last-child {
        min-height: 111px;
        padding: 14px 0 13px;
        border-right: 0;
        align-content: center;
        gap: 3px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric:not(:last-child)::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        width: 1px;
        height: 58px;
        background: var(--reference-line);
        transform: translateY(-50%);
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric.is-streak {
        padding-right: 24px;
        padding-left: 24px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-detail-grid {
        padding-top: 24px;
    }
}

@media (min-width: 1081px) and (max-width: 1360px) {
    body.apple-ui:not(.is-guest-home) .main-content {
        padding-right: 26px;
        padding-left: 26px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-focus-section {
        grid-template-columns: minmax(0, 1fr) 320px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-continue-panel {
        padding-right: 24px;
    }
}

/* 登录后首页第二轮精修：7:3 主区、完整任务文案、复习滚动与对齐修正。 */
body.apple-ui:not(.is-guest-home) .dashboard-heading-link,
body.apple-ui:not(.is-guest-home) .dashboard-section-footer-link,
body.apple-ui:not(.is-guest-home) .dashboard-review-item {
    text-decoration: none;
}

body.apple-ui:not(.is-guest-home) .dashboard-today-actions {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 10px;
}

body.apple-ui:not(.is-guest-home) .dashboard-today-actions > strong {
    color: #344054;
    font-size: 13px;
    line-height: 20px;
    font-weight: 550;
    white-space: nowrap;
}

body.apple-ui:not(.is-guest-home) .dashboard-checkin-control {
    position: relative;
    display: inline-flex;
}

body.apple-ui:not(.is-guest-home) .dashboard-checkin-button {
    min-height: 28px;
    padding: 0 10px;
    border: 1px solid #0757f8;
    border-radius: 7px;
    background: #fff;
    color: #0757f8;
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
    white-space: nowrap;
}

body.apple-ui:not(.is-guest-home) .dashboard-checkin-button:hover:not(:disabled) {
    background: #eef4ff;
}

body.apple-ui:not(.is-guest-home) .dashboard-checkin-button:disabled {
    border-color: #d9dde5;
    background: #f7f8fa;
    color: #98a2b3;
    cursor: not-allowed;
}

body.apple-ui:not(.is-guest-home) .dashboard-checkin-control.is-unavailable {
    cursor: help;
}

body.apple-ui:not(.is-guest-home) .dashboard-checkin-control.is-unavailable .dashboard-checkin-button {
    border-color: #d9dde5;
    background: #f7f8fa;
    color: #98a2b3;
    cursor: help;
    pointer-events: auto;
    transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

body.apple-ui:not(.is-guest-home) .dashboard-checkin-control.is-unavailable:hover .dashboard-checkin-button {
    border-color: #f1b79f;
    background: #fff7ed;
    color: #b54708;
    box-shadow: 0 4px 12px rgba(181, 71, 8, 0.12);
    transform: translateY(-1px);
}

body.apple-ui:not(.is-guest-home) .dashboard-checkin-tooltip {
    position: absolute;
    top: calc(100% + 7px);
    right: 0;
    z-index: 12;
    width: max-content;
    max-width: 180px;
    padding: 6px 8px;
    border-radius: 6px;
    background: #344054;
    color: #fff;
    box-shadow: 0 6px 18px rgba(16, 24, 40, 0.16);
    font-size: 11px;
    line-height: 16px;
    font-weight: 500;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-3px);
    transition: opacity 0.16s ease, transform 0.16s ease;
}

body.apple-ui:not(.is-guest-home) .dashboard-checkin-tooltip::before {
    content: "";
    position: absolute;
    right: 18px;
    bottom: 100%;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #344054;
    border-left: 5px solid transparent;
}

body.apple-ui:not(.is-guest-home) .dashboard-checkin-control.is-unavailable:hover .dashboard-checkin-tooltip {
    opacity: 1;
    transform: translateY(0);
}

body.apple-ui:not(.is-guest-home) .dashboard-checkin-button.is-checked {
    border-color: #b9e8ca;
    background: #edf9f1;
    color: #168a48;
}

body.apple-ui:not(.is-guest-home) .dashboard-plan-note {
    margin: 6px 0 0;
    color: #8a8f99;
    font-size: 10px;
    line-height: 14px;
}

body.apple-ui:not(.is-guest-home) .dashboard-review-list {
    max-height: 324px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: #cfd5df transparent;
}

body.apple-ui:not(.is-guest-home) .dashboard-review-list::-webkit-scrollbar {
    width: 5px;
}

body.apple-ui:not(.is-guest-home) .dashboard-review-list::-webkit-scrollbar-track {
    background: transparent;
}

body.apple-ui:not(.is-guest-home) .dashboard-review-list::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: #cfd5df;
}

body.apple-ui:not(.is-guest-home) .dashboard-review-empty {
    min-height: 130px;
    padding: 24px 12px;
    display: grid;
    place-content: center;
    text-align: center;
}

body.apple-ui:not(.is-guest-home) .dashboard-review-empty strong {
    color: #344054;
    font-size: 13px;
}

body.apple-ui:not(.is-guest-home) .dashboard-review-empty p {
    margin: 6px 0 0;
    color: #8a8f99;
    font-size: 11px;
    line-height: 17px;
}

body.apple-ui:not(.is-guest-home) .dashboard-section-footer-link {
    gap: 6px;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

body.apple-ui:not(.is-guest-home) .dashboard-section-footer-link span {
    margin-left: 0;
    display: inline-flex;
    align-items: center;
    line-height: 1;
    transform: translateY(-1px);
}

body.apple-ui:not(.is-guest-home) .dashboard-section-footer-link .dashboard-footer-label {
    margin: 0;
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    transform: none;
}

body.apple-ui:not(.is-guest-home) .dashboard-section-footer-link .dashboard-footer-arrow {
    margin: 0;
    display: inline-flex;
    align-items: center;
    font-size: 22px;
    line-height: 20px;
    transform: translateY(-1px);
}

@media (min-width: 1081px) {
    body.apple-ui:not(.is-guest-home) .dashboard-focus-section {
        height: 226px;
        min-height: 226px;
        padding-bottom: 17px;
        grid-template-columns: minmax(0, 7fr) minmax(330px, 3fr);
    }

    body.apple-ui:not(.is-guest-home) .dashboard-today-panel {
        padding-left: 26px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-today-panel .dashboard-panel-heading {
        margin-bottom: 9px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-plan-list {
        height: 145px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-plan-item {
        padding: 0 13px;
        gap: 12px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-plan-item strong {
        font-size: 14px;
        line-height: 20px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-review-item {
        padding-right: 8px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-review-item em {
        line-height: 18px;
    }
}

@media (min-width: 1361px) {
    body.apple-ui:not(.is-guest-home) .dashboard-recent-progress,
    body.apple-ui:not(.is-guest-home) .dashboard-recent-progress > span {
        width: 140px;
    }
}

body.apple-ui:not(.is-guest-home) .dashboard-recent-progress,
body.apple-ui:not(.is-guest-home) .dashboard-recent-item:nth-child(1) .dashboard-recent-progress {
    top: 10px;
    bottom: 8px;
    height: auto;
}

@media (min-width: 1081px) and (max-width: 1360px) {
    body.apple-ui:not(.is-guest-home) .dashboard-focus-section {
        grid-template-columns: minmax(0, 7fr) minmax(320px, 3fr);
    }
}

@media (max-width: 1080px) {
    body.apple-ui:not(.is-guest-home) .dashboard-today-actions {
        gap: 8px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-plan-note {
        margin-top: 8px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-review-list {
        max-height: 310px;
    }
}

@media (max-width: 520px) {
    body.apple-ui:not(.is-guest-home) .dashboard-today-panel .dashboard-panel-heading {
        align-items: flex-start;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-today-actions {
        align-items: flex-end;
        flex-direction: column;
        gap: 4px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-checkin-button {
        min-height: 26px;
        padding: 0 8px;
        font-size: 11px;
    }
}

/* 登录首页手机端：底部导航、清晰字号与任务优先的信息流。 */
body.apple-ui:not(.is-guest-home) .dashboard-step-summary,
body.apple-ui:not(.is-guest-home) .dashboard-mobile-metrics-heading,
body.apple-ui:not(.is-guest-home) .dashboard-mobile-calendar-link,
body.apple-ui:not(.is-guest-home) .dashboard-mini-calendar-mobile {
    display: none;
}

body.apple-ui:not(.is-guest-home) .dashboard-plan-arrow {
    text-decoration: none;
}

@media (max-width: 760px) {
    body.apple-ui:not(.is-guest-home) {
        --mobile-page-gutter: 16px;
        --mobile-bottom-nav-height: 66px;
        background: #fff;
    }

    body.apple-ui:not(.is-guest-home) .topbar {
        position: sticky;
        top: 0;
        z-index: 70;
        width: 100%;
        height: 60px;
        min-height: 60px;
        border-bottom: 1px solid #eaecf0;
        background: rgba(255, 255, 255, 0.96);
        backdrop-filter: saturate(180%) blur(16px);
        -webkit-backdrop-filter: saturate(180%) blur(16px);
    }

    body.apple-ui:not(.is-guest-home) .topbar-inner {
        width: 100%;
        height: 60px;
        padding: 0 var(--mobile-page-gutter);
    }

    body.apple-ui:not(.is-guest-home) .topbar .brand {
        min-height: 44px;
        gap: 9px;
    }

    body.apple-ui:not(.is-guest-home) .topbar .brand-logo {
        width: 31px;
        height: 31px;
        border-radius: 8px;
    }

    body.apple-ui:not(.is-guest-home) .topbar .brand-wordmark {
        font-size: 21px;
        line-height: 1;
    }

    body.apple-ui:not(.is-guest-home) .auth,
    body.apple-ui:not(.is-guest-home) .auth-account {
        gap: 8px;
    }

    body.apple-ui:not(.is-guest-home) .auth-feedback,
    body.apple-ui:not(.is-guest-home) .auth-feedback-btn {
        display: inline-flex;
        width: auto;
        height: 44px;
        min-height: 44px;
        padding: 0 13px;
        border-radius: 10px;
        font-size: 14px;
        line-height: 1;
    }

    body.apple-ui:not(.is-guest-home) .auth-avatar-btn {
        width: 44px;
        height: 44px;
        min-width: 44px;
        padding: 3px;
    }

    body.apple-ui:not(.is-guest-home) .auth-avatar {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
        border-radius: 9px;
    }

    body.apple-ui:not(.is-guest-home) .page-shell {
        width: 100%;
        min-height: calc(100vh - 60px);
        margin: 0;
        padding: 0 var(--mobile-page-gutter) calc(var(--mobile-bottom-nav-height) + env(safe-area-inset-bottom) + 28px);
        display: block;
    }

    body.apple-ui:not(.is-guest-home) .sidebar {
        position: fixed;
        inset: auto 0 0;
        z-index: 90;
        width: 100%;
        min-width: 0;
        height: calc(var(--mobile-bottom-nav-height) + env(safe-area-inset-bottom));
        margin: 0;
        padding: 6px 8px env(safe-area-inset-bottom);
        overflow: visible;
        border: 0;
        border-top: 1px solid #e4e7ec;
        background: rgba(255, 255, 255, 0.97);
        box-shadow: 0 -8px 24px rgba(16, 24, 40, 0.06);
        backdrop-filter: saturate(180%) blur(18px);
        -webkit-backdrop-filter: saturate(180%) blur(18px);
    }

    body.apple-ui:not(.is-guest-home) .app-side-nav {
        width: 100%;
        height: 54px;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 2px;
    }

    body.apple-ui:not(.is-guest-home) .side-nav-item {
        width: 100%;
        min-width: 0;
        min-height: 54px;
        padding: 4px 2px;
        border-radius: 10px;
        flex-direction: column;
        justify-content: center;
        gap: 3px;
        color: #667085;
        font-size: 12px;
        line-height: 15px;
        font-weight: 550;
    }

    body.apple-ui:not(.is-guest-home) .side-nav-item.active {
        background: #eef4ff;
        color: #0757f8;
    }

    body.apple-ui:not(.is-guest-home) .side-nav-icon {
        width: 22px;
        height: 22px;
        flex-basis: 22px;
    }

    body.apple-ui:not(.is-guest-home) .main-content {
        width: 100%;
        padding: 20px 0 0;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-shell {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-focus-section {
        order: 1;
        height: auto;
        min-height: 0;
        padding: 0;
        border: 0;
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-detail-grid {
        display: contents;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-review-section {
        order: 2;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-month-section {
        order: 3;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metrics-band {
        order: 4;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-section {
        order: 5;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-review-section,
    body.apple-ui:not(.is-guest-home) .dashboard-month-section,
    body.apple-ui:not(.is-guest-home) .dashboard-recent-section {
        grid-row: auto;
        grid-column: auto;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-panel-heading,
    body.apple-ui:not(.is-guest-home) .dashboard-section-heading {
        min-height: 44px;
        margin: 0 0 12px;
        gap: 10px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-panel-heading h1,
    body.apple-ui:not(.is-guest-home) .dashboard-panel-heading h2,
    body.apple-ui:not(.is-guest-home) .dashboard-section-heading h2,
    body.apple-ui:not(.is-guest-home) .dashboard-mobile-metrics-heading h2 {
        color: #101828;
        font-size: 20px;
        line-height: 26px;
        font-weight: 700;
        letter-spacing: -0.02em;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-continue-main {
        min-height: 0;
        grid-template-columns: 88px minmax(0, 1fr) auto;
        align-items: start;
        gap: 12px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-continue-thumbnail {
        width: 88px;
        height: 72px;
        border-radius: 9px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-continue-copy {
        min-width: 0;
        padding-top: 1px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-lesson-number {
        margin: 0 0 4px;
        color: #667085;
        font-size: 13px;
        line-height: 18px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-continue-copy h2 {
        margin: 0 0 10px;
        overflow: hidden;
        color: #101828;
        font-size: 18px;
        line-height: 24px;
        font-weight: 680;
        white-space: normal;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-progress-row {
        width: 100%;
        height: 6px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-progress-copy {
        min-width: 54px;
        padding-top: 1px;
        gap: 4px;
        text-align: right;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-progress-copy strong {
        color: #0757f8;
        font-size: 28px;
        line-height: 30px;
        font-weight: 720;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-progress-copy span {
        color: #667085;
        font-size: 13px;
        line-height: 18px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-continue-actions {
        width: 100%;
        margin-top: 4px;
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 10px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-primary-link,
    body.apple-ui:not(.is-guest-home) .dashboard-secondary-link {
        min-height: 48px;
        border-radius: 10px;
        font-size: 16px;
        line-height: 20px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-primary-link {
        width: 100%;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-secondary-link {
        min-width: 112px;
        padding: 0 12px;
        background: #f7f8fa;
        color: #475467;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-step-summary {
        width: 100%;
        min-height: 46px;
        margin-top: 14px;
        padding: 0 12px;
        border: 1px solid #eaecf0;
        border-radius: 10px;
        background: #f9fafb;
        color: #344054;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        font: inherit;
        font-size: 14px;
        line-height: 20px;
        font-weight: 600;
        text-align: left;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-step-summary i {
        color: #667085;
        font-size: 20px;
        font-style: normal;
        transition: transform 0.18s ease;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-continue-panel.is-steps-expanded .dashboard-step-summary i {
        transform: rotate(180deg);
    }

    body.apple-ui:not(.is-guest-home) .dashboard-step-list {
        display: none;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-continue-panel.is-steps-expanded .dashboard-step-list {
        margin: 12px 0 0;
        padding: 12px;
        border: 1px solid #eaecf0;
        border-radius: 10px;
        background: #fff;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px 8px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-step {
        min-height: 24px;
        gap: 7px;
        color: #475467;
        font-size: 14px;
        line-height: 20px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-step i {
        width: 20px;
        height: 20px;
        flex-basis: 20px;
        font-size: 11px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-today-panel,
    body.apple-ui:not(.is-guest-home) .dashboard-review-section,
    body.apple-ui:not(.is-guest-home) .dashboard-month-section,
    body.apple-ui:not(.is-guest-home) .dashboard-metrics-band,
    body.apple-ui:not(.is-guest-home) .dashboard-recent-section {
        min-height: 0;
        margin: 24px 0 0;
        padding: 24px 0 0;
        border: 0;
        border-top: 1px solid #eaecf0;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-today-panel .dashboard-panel-heading {
        margin-bottom: 12px;
        align-items: center;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-today-actions {
        align-items: center;
        flex-direction: row;
        gap: 8px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-today-actions > strong {
        font-size: 14px;
        line-height: 20px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-checkin-button {
        min-height: 44px;
        padding: 0 12px;
        border-radius: 9px;
        font-size: 14px;
        line-height: 18px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-checkin-control.is-unavailable .dashboard-checkin-button {
        cursor: pointer;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-plan-list {
        height: auto;
        overflow: hidden;
        border: 1px solid #e4e7ec;
        border-radius: 12px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-plan-item {
        min-height: 60px;
        padding: 0 8px 0 14px;
        gap: 12px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-plan-check {
        width: 22px;
        height: 22px;
        flex-basis: 22px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-plan-item strong {
        color: #344054;
        font-size: 16px;
        line-height: 22px;
        font-weight: 550;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-plan-arrow {
        width: 44px;
        height: 44px;
        border-radius: 9px;
        color: #667085;
        display: grid;
        place-items: center;
        flex: 0 0 44px;
        font-size: 25px;
        line-height: 1;
        text-decoration: none;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-plan-arrow:active {
        background: #f2f4f7;
        color: #0757f8;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-plan-note {
        margin: 9px 0 0;
        color: #667085;
        font-size: 13px;
        line-height: 19px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-heading-link,
    body.apple-ui:not(.is-guest-home) .dashboard-section-footer-link {
        min-height: 44px;
        padding: 0 4px;
        color: #667085;
        display: inline-flex;
        align-items: center;
        font-size: 14px;
        line-height: 20px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-review-list {
        max-height: none;
        overflow: visible;
        border-top: 1px solid #eaecf0;
        scrollbar-gutter: auto;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-review-item {
        min-height: 76px;
        padding: 12px 0;
        grid-template-columns: 44px minmax(0, 1fr) 58px;
        gap: 10px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-review-item:nth-child(n + 4) {
        display: none;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-review-item > span {
        width: 44px;
        height: 44px;
        font-size: 14px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-review-item strong {
        color: #101828;
        font-size: 15px;
        line-height: 21px;
        font-weight: 650;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-review-item p {
        margin-top: 3px;
        color: #667085;
        font-size: 14px;
        line-height: 20px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-review-item em {
        color: #667085;
        font-size: 13px;
        line-height: 18px;
        text-align: right;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-review-item em b {
        font-size: 13px;
        line-height: 18px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-section-footer-link {
        width: 100%;
        min-height: 48px;
        justify-content: center;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-mobile-calendar-link {
        display: inline-flex;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-month-nav {
        width: 100%;
        height: 28px;
        margin: 0 0 10px;
        justify-content: center;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-month-nav button {
        display: none;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-month-nav strong {
        position: static;
        color: #344054;
        font-size: 15px;
        line-height: 22px;
        font-weight: 600;
        transform: none;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-mini-weekdays,
    body.apple-ui:not(.is-guest-home) .dashboard-mini-calendar {
        width: 100%;
        grid-template-columns: repeat(7, minmax(0, 1fr));
        gap: 2px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-mini-weekdays {
        height: 26px;
        margin: 0 0 4px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-mini-weekdays span {
        color: #98a2b3;
        font-size: 13px;
        line-height: 20px;
        font-weight: 500;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-mini-calendar-desktop {
        display: none;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-mini-calendar-mobile {
        display: grid;
        grid-auto-rows: 44px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-mini-day {
        width: 38px;
        min-height: 38px;
        border-radius: 50%;
        color: #344054;
        font-size: 14px;
        line-height: 20px;
        font-weight: 550;
    }

    body.apple-ui:not(.is-guest-home) button.dashboard-mini-day {
        cursor: pointer;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-month-footer {
        min-height: 56px;
        height: auto;
        margin-top: 10px;
        padding-top: 10px;
        align-items: center;
        gap: 8px;
        color: #667085;
        font-size: 13px;
        line-height: 18px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-month-footer > span {
        gap: 8px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-month-footer button {
        min-height: 44px;
        padding: 0;
        color: #475467;
        font-size: 14px;
        line-height: 20px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-mobile-metrics-heading {
        min-height: 44px;
        margin: 0 0 10px;
        display: flex;
        align-items: center;
        grid-column: 1 / -1;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metrics-band {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric,
    body.apple-ui:not(.is-guest-home) .dashboard-metric:first-child,
    body.apple-ui:not(.is-guest-home) .dashboard-metric:last-child {
        min-height: 96px;
        padding: 14px 8px;
        border: 0;
        border-right: 1px solid #eaecf0;
        border-bottom: 1px solid #eaecf0;
        align-content: center;
        justify-items: center;
        gap: 5px;
        text-align: center;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric:nth-of-type(2n) {
        border-right: 0;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric:nth-last-child(-n + 2) {
        border-bottom: 0;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric::after {
        display: none;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric-label,
    body.apple-ui:not(.is-guest-home) .dashboard-metric-trend {
        color: #667085;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric-value {
        justify-content: center;
        gap: 5px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric-value strong {
        color: #101828;
        font-size: 31px;
        line-height: 34px;
        font-weight: 700;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric-value span {
        color: #667085;
        font-size: 14px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric-calendar {
        display: none;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-list {
        border-top: 1px solid #eaecf0;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-item {
        position: relative;
        width: 100%;
        height: auto;
        min-height: 88px;
        padding: 12px 0;
        grid-template-columns: 84px minmax(0, 1fr) 50px;
        align-items: center;
        gap: 11px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-item:nth-child(n + 4) {
        display: none;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-thumbnail {
        width: 84px;
        height: 64px;
        border-radius: 8px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-continue-thumbnail::after,
    body.apple-ui:not(.is-guest-home) .dashboard-recent-thumbnail::after {
        font-size: 12px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-copy,
    body.apple-ui:not(.is-guest-home) .dashboard-recent-item:nth-child(1) .dashboard-recent-copy {
        min-width: 0;
        padding: 0;
        display: block;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-copy > div {
        min-width: 0;
        padding: 0;
        display: flex;
        align-items: baseline;
        gap: 6px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-copy span {
        width: auto;
        flex: 0 0 auto;
        color: #667085;
        font-size: 13px;
        line-height: 19px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-copy strong {
        min-width: 0;
        overflow: hidden;
        color: #101828;
        font-size: 15px;
        line-height: 21px;
        font-weight: 600;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-copy small {
        margin-top: 7px;
        color: #667085;
        font-size: 13px;
        line-height: 19px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-progress,
    body.apple-ui:not(.is-guest-home) .dashboard-recent-item:nth-child(1) .dashboard-recent-progress {
        position: static;
        width: 50px;
        height: auto;
        align-self: center;
        display: block;
        grid-template-columns: none;
        gap: 0;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-progress > strong {
        color: #0757f8;
        font-size: 15px;
        line-height: 20px;
        text-align: right;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-progress > span {
        position: static;
        right: auto;
        bottom: auto;
        width: 50px;
        height: 4px;
        margin-top: 8px;
        display: block;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-checkin-tooltip,
    body.apple-ui:not(.is-guest-home) .dashboard-calendar-stat-copy span,
    body.apple-ui:not(.is-guest-home) .dashboard-calendar-stat-copy em,
    body.apple-ui:not(.is-guest-home) .dashboard-calendar-weekdays span {
        font-size: 13px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-calendar-close,
    body.apple-ui:not(.is-guest-home) .dashboard-calendar-arrow {
        width: 44px;
        height: 44px;
        min-width: 44px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-calendar-modal {
        z-index: 120;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-calendar-nav {
        grid-template-columns: 44px minmax(0, 1fr) 44px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-calendar-nav p {
        font-size: 15px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-calendar-stat-copy strong,
    body.apple-ui:not(.is-guest-home) .dashboard-calendar-stat-card.is-total .dashboard-calendar-stat-copy strong {
        font-size: 22px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-calendar-day {
        width: 36px;
        height: 36px;
        min-height: 36px;
        font-size: 14px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-calendar-day .dashboard-calendar-makeup-label {
        font-size: 12px;
    }
}

@media (max-width: 360px) {
    body.apple-ui:not(.is-guest-home) {
        --mobile-page-gutter: 14px;
    }

    body.apple-ui:not(.is-guest-home) .topbar .brand-wordmark {
        font-size: 19px;
    }

    body.apple-ui:not(.is-guest-home) .auth-feedback,
    body.apple-ui:not(.is-guest-home) .auth-feedback-btn {
        padding: 0 10px;
        font-size: 13px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-continue-main {
        grid-template-columns: 76px minmax(0, 1fr) auto;
        gap: 9px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-continue-thumbnail {
        width: 76px;
        height: 66px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-progress-copy {
        min-width: 48px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-progress-copy strong {
        font-size: 25px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-secondary-link {
        min-width: 104px;
        font-size: 14px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-plan-item {
        padding-left: 12px;
        gap: 9px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-plan-item strong {
        font-size: 15px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-review-item {
        grid-template-columns: 42px minmax(0, 1fr) 52px;
        gap: 8px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-review-item > span {
        width: 42px;
        height: 42px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-mini-day {
        width: 36px;
        min-height: 36px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-item {
        grid-template-columns: 76px minmax(0, 1fr) 46px;
        gap: 9px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-thumbnail {
        width: 76px;
        height: 60px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-progress,
    body.apple-ui:not(.is-guest-home) .dashboard-recent-item:nth-child(1) .dashboard-recent-progress,
    body.apple-ui:not(.is-guest-home) .dashboard-recent-progress > span {
        width: 46px;
    }
}

/* 登录首页窄屏修正：按钮文字居中，日历使用所在栏的完整宽度。 */
@media (max-width: 1080px) {
    body.apple-ui:not(.is-guest-home) .auth-feedback-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
        white-space: nowrap;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-mini-weekdays,
    body.apple-ui:not(.is-guest-home) .dashboard-mini-calendar {
        width: 100%;
        max-width: none;
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }
}

/* 平板端最近学习：学习时间独立另起一行，避免受课程标题长度影响而漂移。 */
@media (min-width: 761px) and (max-width: 1080px) {
    body.apple-ui:not(.is-guest-home) .dashboard-recent-item {
        min-height: 84px;
        padding: 12px 0;
        grid-template-columns: 76px minmax(0, 1fr) 100px;
        align-items: center;
        gap: 12px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-copy {
        min-width: 0;
        display: block;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-copy > div {
        min-width: 0;
        padding-right: 0;
        display: flex;
        align-items: baseline;
        gap: 8px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-copy strong {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-copy small {
        display: block;
        margin-top: 6px;
        color: #667085;
        font-size: 13px;
        line-height: 18px;
        white-space: nowrap;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-progress,
    body.apple-ui:not(.is-guest-home) .dashboard-recent-item:nth-child(1) .dashboard-recent-progress {
        position: static;
        width: 100px;
        height: auto;
        align-self: center;
        display: block;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-progress > strong {
        display: block;
        text-align: right;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-progress > span {
        position: static;
        right: auto;
        bottom: auto;
        width: 100px;
        height: 4px;
        margin-top: 8px;
        display: block;
    }
}

/* 平板学习数据：用轻量卡片强化层级，同时延续首页的蓝灰色视觉语言。 */
@media (min-width: 601px) and (max-width: 1080px) {
    body.apple-ui:not(.is-guest-home) .dashboard-metrics-band {
        min-height: 0;
        margin: 24px 0 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-mobile-metrics-heading {
        min-height: auto;
        margin: 0 0 4px;
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 12px;
        grid-column: 1 / -1;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-mobile-metrics-heading h2 {
        margin: 0;
        color: #101828;
        font-size: 20px;
        line-height: 28px;
        font-weight: 700;
        letter-spacing: -0.02em;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-mobile-metrics-heading > span {
        color: #8a94a6;
        font-size: 12px;
        line-height: 18px;
        font-weight: 550;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric,
    body.apple-ui:not(.is-guest-home) .dashboard-metric:first-child,
    body.apple-ui:not(.is-guest-home) .dashboard-metric:last-child,
    body.apple-ui:not(.is-guest-home) .dashboard-metric:nth-child(2),
    body.apple-ui:not(.is-guest-home) .dashboard-metric:nth-child(3),
    body.apple-ui:not(.is-guest-home) .dashboard-metric:nth-child(4),
    body.apple-ui:not(.is-guest-home) .dashboard-metric:nth-child(5) {
        --metric-accent: #3978f6;
        --metric-soft: #edf4ff;
        position: relative;
        min-height: 138px;
        padding: 15px 16px 14px;
        overflow: hidden;
        border: 1px solid rgba(219, 226, 237, 0.92);
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.9);
        box-shadow: 0 8px 18px rgba(16, 24, 40, 0.055), inset 0 1px 0 #fff;
        display: grid;
        align-content: space-between;
        justify-items: stretch;
        gap: 8px;
        text-align: left;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric.is-dictation {
        --metric-accent: #7656d8;
        --metric-soft: #f1edff;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric.is-expression {
        --metric-accent: #d4742f;
        --metric-soft: #fff3e7;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric.is-streak {
        --metric-accent: #23a464;
        --metric-soft: #e9f8f0;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        column-gap: 0;
        row-gap: 8px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric::after {
        display: none;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric-head {
        display: flex;
        align-items: center;
        gap: 9px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric-icon {
        width: 30px;
        height: 30px;
        border-radius: 10px;
        background: var(--metric-soft);
        color: var(--metric-accent);
        display: grid;
        place-items: center;
        flex: 0 0 30px;
        font-size: 13px;
        line-height: 1;
        font-weight: 750;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric.is-course .dashboard-metric-icon::before {
        content: "课";
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric.is-dictation .dashboard-metric-icon::before {
        content: "听";
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric.is-expression .dashboard-metric-icon::before {
        content: "译";
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric.is-streak .dashboard-metric-icon::before {
        content: "✓";
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric-label,
    body.apple-ui:not(.is-guest-home) .dashboard-metric.is-streak .dashboard-metric-label {
        overflow: visible;
        color: #667085;
        font-size: 13px;
        line-height: 18px;
        font-weight: 600;
        white-space: normal;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric-value,
    body.apple-ui:not(.is-guest-home) .dashboard-metric.is-streak .dashboard-metric-value {
        display: flex;
        align-items: baseline;
        justify-content: flex-start;
        gap: 6px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric-value strong {
        color: #101828;
        font-size: 34px;
        line-height: 38px;
        font-weight: 720;
        letter-spacing: -0.045em;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric-value span {
        color: #7b8494;
        font-size: 13px;
        line-height: 20px;
        font-weight: 550;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric-trend,
    body.apple-ui:not(.is-guest-home) .dashboard-metric.is-streak .dashboard-metric-trend {
        width: fit-content;
        padding: 3px 8px;
        border-radius: 999px;
        background: #f2f4f7;
        color: #7a8494;
        font-size: 11px;
        line-height: 16px;
        font-weight: 600;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric-trend.is-active {
        background: var(--metric-soft);
        color: var(--metric-accent);
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric.is-streak .dashboard-metric-head,
    body.apple-ui:not(.is-guest-home) .dashboard-metric.is-streak .dashboard-metric-value,
    body.apple-ui:not(.is-guest-home) .dashboard-metric.is-streak .dashboard-metric-trend {
        grid-column: 1;
        justify-self: stretch;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric.is-streak .dashboard-metric-head {
        grid-row: 1;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric.is-streak .dashboard-metric-value {
        grid-row: 2;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric.is-streak .dashboard-metric-trend {
        grid-row: 3;
        width: fit-content;
    }
}

@media (min-width: 601px) and (max-width: 760px) {
    body.apple-ui:not(.is-guest-home) .dashboard-metrics-band {
        margin-top: 26px;
        padding: 0;
        border-radius: 0;
        gap: 10px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-mobile-metrics-heading {
        min-height: 40px;
        margin-bottom: 2px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric,
    body.apple-ui:not(.is-guest-home) .dashboard-metric:first-child,
    body.apple-ui:not(.is-guest-home) .dashboard-metric:last-child,
    body.apple-ui:not(.is-guest-home) .dashboard-metric:nth-child(2),
    body.apple-ui:not(.is-guest-home) .dashboard-metric:nth-child(3),
    body.apple-ui:not(.is-guest-home) .dashboard-metric:nth-child(4),
    body.apple-ui:not(.is-guest-home) .dashboard-metric:nth-child(5) {
        min-height: 130px;
        padding: 13px 12px 12px;
        border-radius: 14px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric-icon {
        width: 28px;
        height: 28px;
        flex-basis: 28px;
        border-radius: 9px;
        font-size: 12px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric-head {
        gap: 7px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric-value strong {
        font-size: clamp(27px, 8vw, 32px);
        line-height: 35px;
    }
}

/* 手机首页数据区：在手机断点内压缩月历，并把统计卡收敛为无阴影分隔网格。 */
@media (max-width: 600px) {
    body.apple-ui:not(.is-guest-home) .dashboard-month-section {
        min-height: 0;
        margin-top: 18px;
        padding-top: 18px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-month-section .dashboard-section-heading,
    body.apple-ui:not(.is-guest-home) .dashboard-mobile-metrics-heading {
        min-height: 32px;
        margin-bottom: 2px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-month-section .dashboard-section-heading h2,
    body.apple-ui:not(.is-guest-home) .dashboard-mobile-metrics-heading h2 {
        font-size: 18px;
        line-height: 24px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-month-section .dashboard-heading-link {
        min-height: 32px;
        padding: 0;
        font-size: 13px;
        line-height: 18px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-month-nav {
        min-height: 24px;
        margin: 0 0 2px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-month-nav strong {
        font-size: 14px;
        line-height: 20px;
        font-weight: 650;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-mini-weekdays {
        height: 20px;
        min-height: 20px;
        margin: 0;
        align-items: center;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-mini-weekdays span {
        font-size: 11px;
        line-height: 16px;
        font-weight: 550;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-mini-calendar-mobile {
        margin-top: 3px;
        gap: 3px 2px;
        grid-auto-rows: 32px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-month-section .dashboard-mini-day,
    body.apple-ui:not(.is-guest-home) .dashboard-month-section .dashboard-mini-day.is-checked,
    body.apple-ui:not(.is-guest-home) .dashboard-month-section .dashboard-mini-day.is-today-pending {
        width: 32px;
        height: 32px;
        min-height: 32px;
        justify-self: center;
        border-radius: 50%;
        font-size: 12px;
        line-height: 1;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-month-footer {
        min-height: 34px;
        margin-top: 6px;
        padding-top: 6px;
        justify-content: flex-start;
        gap: 6px;
        font-size: 12px;
        line-height: 18px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-month-footer > span {
        gap: 6px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-month-footer > span i {
        width: 18px;
        height: 18px;
        font-size: 11px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-month-footer button {
        display: none;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metrics-band {
        min-height: 0;
        margin-top: 18px;
        padding: 18px 0 0;
        border: 0;
        border-top: 1px solid #eaecf0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-mobile-metrics-heading {
        margin-bottom: 4px;
        padding: 0;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metrics-band > .dashboard-metric {
        min-height: 78px;
        padding: 9px 10px;
        overflow: visible;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-rows: auto auto;
        grid-template-areas:
            "metric-head metric-head"
            "metric-value metric-trend";
        align-content: center;
        align-items: end;
        justify-items: stretch;
        column-gap: 6px;
        row-gap: 5px;
        text-align: left;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metrics-band > .dashboard-metric {
        --metric-accent: #3978f6;
        --metric-soft: #edf4ff;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metrics-band > .dashboard-metric.is-dictation {
        --metric-accent: #7656d8;
        --metric-soft: #f1edff;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metrics-band > .dashboard-metric.is-expression {
        --metric-accent: #d4742f;
        --metric-soft: #fff3e7;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metrics-band > .dashboard-metric.is-streak {
        --metric-accent: #23a464;
        --metric-soft: #e9f8f0;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metrics-band > .dashboard-metric.is-course,
    body.apple-ui:not(.is-guest-home) .dashboard-metrics-band > .dashboard-metric.is-expression {
        border-right: 1px solid #eaecf0;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metrics-band > .dashboard-metric.is-course,
    body.apple-ui:not(.is-guest-home) .dashboard-metrics-band > .dashboard-metric.is-dictation {
        border-bottom: 1px solid #eaecf0;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metrics-band .dashboard-metric-head,
    body.apple-ui:not(.is-guest-home) .dashboard-metrics-band .dashboard-metric-value,
    body.apple-ui:not(.is-guest-home) .dashboard-metrics-band .dashboard-metric-trend,
    body.apple-ui:not(.is-guest-home) .dashboard-metrics-band .dashboard-metric.is-streak .dashboard-metric-value,
    body.apple-ui:not(.is-guest-home) .dashboard-metrics-band .dashboard-metric.is-streak .dashboard-metric-trend {
        grid-column: auto;
        grid-row: auto;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metrics-band .dashboard-metric-head {
        grid-area: metric-head;
        display: flex;
        align-items: center;
        gap: 6px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metrics-band .dashboard-metric-value,
    body.apple-ui:not(.is-guest-home) .dashboard-metrics-band .dashboard-metric.is-streak .dashboard-metric-value {
        grid-area: metric-value;
        display: flex;
        align-items: baseline;
        justify-content: flex-start;
        justify-self: start;
        gap: 4px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metrics-band .dashboard-metric-trend,
    body.apple-ui:not(.is-guest-home) .dashboard-metrics-band .dashboard-metric.is-streak .dashboard-metric-trend {
        grid-area: metric-trend;
        width: fit-content;
        padding: 2px 6px;
        justify-self: end;
        align-self: center;
        border-radius: 999px;
        background: #f2f4f7;
        color: #7a8494;
        font-size: 10px;
        line-height: 15px;
        white-space: nowrap;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metrics-band .dashboard-metric-trend.is-active {
        background: var(--metric-soft);
        color: var(--metric-accent);
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metrics-band .dashboard-metric-icon {
        width: 24px;
        height: 24px;
        flex-basis: 24px;
        border-radius: 7px;
        background: var(--metric-soft);
        color: var(--metric-accent);
        display: grid;
        place-items: center;
        font-size: 11px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric.is-course .dashboard-metric-icon::before {
        content: "课";
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric.is-dictation .dashboard-metric-icon::before {
        content: "听";
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric.is-expression .dashboard-metric-icon::before {
        content: "译";
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metric.is-streak .dashboard-metric-icon::before {
        content: "✓";
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metrics-band .dashboard-metric-label,
    body.apple-ui:not(.is-guest-home) .dashboard-metrics-band .dashboard-metric.is-streak .dashboard-metric-label {
        font-size: 12px;
        line-height: 17px;
        white-space: nowrap;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metrics-band .dashboard-metric-value strong {
        font-size: 27px;
        line-height: 30px;
        font-weight: 700;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metrics-band .dashboard-metric-value span {
        font-size: 12px;
        line-height: 18px;
    }
}

@media (max-width: 340px) {
    body.apple-ui:not(.is-guest-home) .dashboard-metrics-band > .dashboard-metric {
        padding-right: 8px;
        padding-left: 8px;
        column-gap: 4px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metrics-band .dashboard-metric-value strong {
        font-size: 25px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metrics-band .dashboard-metric-value span {
        font-size: 11px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-metrics-band .dashboard-metric-trend {
        padding-right: 4px;
        padding-left: 4px;
        font-size: 9px;
    }
}

/* 侧栏最终覆盖：保持参考图的留白、浅蓝选中态与底部会员卡。 */
@media (min-width: 1101px) {
    body.apple-ui:not(.is-guest-home) .sidebar {
        min-height: calc(100vh - 108px);
        padding: 12px 14px;
        border: 0;
        border-right: 1px solid #edf0f4;
        border-radius: 0;
        display: flex;
        flex-direction: column;
        background: #fff;
        box-shadow: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    body.apple-ui:not(.is-guest-home) .side-nav {
        gap: 7px;
    }

    body.apple-ui:not(.is-guest-home) .side-nav-item,
    body.apple-ui:not(.is-guest-home) .app-side-nav .side-nav-item {
        min-height: 52px;
        margin: 0;
        padding: 0 14px;
        border-radius: 12px;
        color: #475467;
        font-size: 15px;
        font-weight: 700;
    }

    body.apple-ui:not(.is-guest-home) .side-nav-item.active,
    body.apple-ui:not(.is-guest-home) .app-side-nav .side-nav-item.active {
        background: #eef4ff;
        color: #1769e8;
        box-shadow: none;
        transform: none;
    }

    body.apple-ui:not(.is-guest-home) .side-nav-icon {
        width: 20px;
        height: 20px;
        margin-right: 12px;
    }
}

/* 中等桌面宽度不再沿用 1584px 参考稿的固定双栏：避免学习面板互相挤压。 */
@media (min-width: 1081px) and (max-width: 1360px) {
    body.apple-ui:not(.is-guest-home) .dashboard-focus-section {
        height: auto;
        min-height: 0;
        padding-bottom: 24px;
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-continue-panel {
        padding-right: 0;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-continue-main {
        height: auto;
        min-height: 0;
        grid-template-columns: 94px minmax(0, 1fr) auto;
        grid-template-areas:
            "thumbnail copy progress"
            "thumbnail actions actions";
        align-items: start;
        gap: 12px 18px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-continue-thumbnail {
        grid-area: thumbnail;
        width: 94px;
        height: 76px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-continue-copy {
        grid-area: copy;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-continue-copy h2 {
        margin-bottom: 12px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-progress-row {
        width: min(100%, 420px);
    }

    body.apple-ui:not(.is-guest-home) .dashboard-progress-copy {
        position: static;
        grid-area: progress;
        width: auto;
        padding-top: 3px;
        text-align: right;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-progress-copy strong {
        font-size: 30px;
        line-height: 32px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-continue-actions {
        grid-area: actions;
        width: auto;
        padding-top: 0;
        flex-direction: row;
        align-items: center;
        gap: 16px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-primary-link {
        width: 140px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-secondary-link {
        padding: 0 2px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-step-list {
        margin-top: 24px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-today-panel {
        padding: 20px 0 0;
        border-top: 1px solid var(--dashboard-line);
        border-left: 0;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-plan-list {
        height: 154px;
    }
}

/* 没有标题的生词本，在手机上用紧凑且稳定的检索/统计/添加操作栏。 */
@media (max-width: 900px) {
    body.apple-ui:not(.is-guest-home) #words {
        padding-top: 22px;
    }
}

@media (max-width: 600px) {
    body.apple-ui:not(.is-guest-home) #words {
        padding: 24px 16px 96px;
    }

    body.apple-ui:not(.is-guest-home) .words-overview {
        margin: 0 0 16px;
        gap: 10px;
    }

    body.apple-ui:not(.is-guest-home) .words-overview .words-add-btn {
        width: auto;
        min-width: 118px;
    }

    body.apple-ui:not(.is-guest-home) .words-summary {
        padding: 8px 13px;
    }

    body.apple-ui:not(.is-guest-home) .words-empty {
        min-height: 258px;
        padding: 36px 18px 28px;
    }
}

@media (min-width: 1081px) and (max-width: 1360px) {
    body.apple-ui:not(.is-guest-home) .dashboard-detail-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.apple-ui:not(.is-guest-home) .dashboard-month-section,
    body.apple-ui:not(.is-guest-home) .dashboard-review-section {
        min-height: 0;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-month-section {
        padding-right: 20px;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-review-section {
        padding: 0 0 0 20px;
        border-right: 0;
    }

    body.apple-ui:not(.is-guest-home) .dashboard-recent-section {
        grid-column: 1 / -1;
        min-height: 0;
        padding: 24px 0 0;
        border-top: 1px solid var(--dashboard-line);
    }
}

/* 平板横向导航只占自身高度，不能在页面网格中留下额外空行。 */
@media (max-width: 1100px) {
    body.apple-ui:not(.is-guest-home) .page-shell {
        align-content: start;
    }

    body.apple-ui:not(.is-guest-home) .sidebar {
        height: auto;
        min-height: 0;
        align-self: start;
    }

    body.apple-ui:not(.is-guest-home) #words {
        padding-top: 24px;
    }

    body.apple-ui:not(.is-guest-home) .words-overview {
        margin-top: 0;
    }
}

/* 手机底部导航仍可能达到 760px；操作栏必须在整个范围内换行收纳。 */
@media (max-width: 760px) {
    body.apple-ui:not(.is-guest-home) #words {
        padding: 24px 16px 96px;
    }

    body.apple-ui:not(.is-guest-home) .words-overview {
        margin: 0 0 16px;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 10px;
    }

    body.apple-ui:not(.is-guest-home) .words-overview .words-search {
        grid-column: 1 / -1;
        min-width: 0;
    }

    body.apple-ui:not(.is-guest-home) .words-overview .words-summary {
        min-width: 0;
        padding: 8px 13px;
    }

    body.apple-ui:not(.is-guest-home) .words-overview .words-add-btn {
        width: auto;
        min-width: 118px;
    }

    /* 课程包在手机上采用紧凑卡片，让下一套课程能进入首屏。 */
    body.apple-ui:not(.is-guest-home) .course-library-grid {
        margin-top: 16px;
        gap: 14px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-card {
        padding: 8px;
        border-radius: 16px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-cover {
        height: clamp(154px, 46vw, 180px);
        aspect-ratio: auto;
        border-radius: 11px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-cover img {
        object-fit: contain;
        object-position: center;
        background: #f4f7fb;
    }

    body.apple-ui:not(.is-guest-home) .course-library-state {
        min-height: 28px;
        padding: 0 10px;
        font-size: 12px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-info {
        padding: 14px 12px 12px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-info h2 {
        margin-bottom: 12px;
        font-size: 24px;
        line-height: 1.22;
    }

    body.apple-ui:not(.is-guest-home) .course-library-info .course-tag {
        padding: 5px 8px;
        font-size: 11px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-info .course-progress {
        margin-top: 12px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-info .course-progress-copy {
        align-items: baseline;
        flex-direction: row;
        justify-content: flex-start;
        gap: 8px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-info .course-progress-copy strong {
        font-size: 21px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-info .course-progress-copy span {
        font-size: 13px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-info .course-progress-track {
        height: 6px;
        margin-top: 10px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-info .course-progress-meta {
        margin-top: 11px;
        font-size: 13px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-info .course-progress-play {
        width: 19px;
        height: 19px;
        font-size: 10px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-info .course-actions {
        margin-top: 16px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-info .course-link {
        min-height: 46px;
        font-size: 15px;
    }
}

/* 课程包桌面卡片：压缩封面和垂直节奏，为后续多课程包保留更多同屏空间。 */
@media (min-width: 761px) {
    body.apple-ui:not(.is-guest-home) .course-library-grid {
        grid-template-columns: repeat(auto-fill, minmax(250px, 320px));
        gap: 16px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-card {
        padding: 8px;
        border-radius: 15px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-cover {
        aspect-ratio: 16 / 9;
        border-radius: 10px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-state {
        min-height: 26px;
        padding: 0 10px;
        left: 10px;
        top: 10px;
        font-size: 11px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-info {
        padding: 14px 8px 8px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-info h2 {
        margin-bottom: 11px;
        font-size: 22px;
        line-height: 1.2;
    }

    body.apple-ui:not(.is-guest-home) .course-library-info .course-tags {
        gap: 5px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-info .course-tag {
        padding: 4px 7px;
        border-radius: 6px;
        font-size: 11px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-info .course-progress {
        margin-top: 15px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-info .course-progress-copy strong {
        font-size: 20px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-info .course-progress-copy span {
        font-size: 13px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-info .course-progress-track {
        height: 6px;
        margin-top: 10px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-info .course-progress-meta {
        margin-top: 10px;
        font-size: 12px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-info .course-progress-play {
        width: 18px;
        height: 18px;
        font-size: 9px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-info .course-actions {
        margin-top: 14px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-info .course-link {
        min-height: 42px;
        border-radius: 10px;
        font-size: 14px;
    }
}

/* 生词本最终布局优先级：避免旧版双列卡片规则覆盖主从详情结构。 */
@media (min-width: 901px) {
    body.apple-ui:not(.is-guest-home) #words .words-overview {
        margin: 28px 0 22px;
        display: grid;
        grid-template-columns: minmax(0, 1fr) 160px;
        gap: 16px;
    }

    body.apple-ui:not(.is-guest-home) #words .words-overview .words-search {
        min-height: 58px;
        padding: 0 21px;
    }

    body.apple-ui:not(.is-guest-home) #words .words-overview .words-add-btn {
        width: 160px;
        min-height: 58px;
    }

    body.apple-ui:not(.is-guest-home) #words .words-notebook-layout {
        grid-template-columns: minmax(300px, .82fr) minmax(430px, 1.18fr);
    }

    body.apple-ui:not(.is-guest-home) #words .words-list {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
        min-width: 0;
    }

    body.apple-ui:not(.is-guest-home) #words .word-card {
        min-height: 116px;
        padding: 20px 22px;
        display: flex;
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
        flex-direction: row;
    }

    body.apple-ui:not(.is-guest-home) #words .word-card.is-active {
        padding: 19px 21px;
    }

    body.apple-ui:not(.is-guest-home) #words .word-card h2 {
        font-size: 23px;
    }
}

@media (max-width: 900px) {
    body.apple-ui:not(.is-guest-home) #words .words-overview {
        margin: 20px 0 16px;
    }

    body.apple-ui:not(.is-guest-home) #words .words-list {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
    }

    body.apple-ui:not(.is-guest-home) #words .word-card,
    body.apple-ui:not(.is-guest-home) #words .word-card.is-active {
        min-height: 116px;
        padding: 16px;
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    body.apple-ui:not(.is-guest-home) #words .word-card-copy {
        min-width: 0;
        flex: 1 1 auto;
    }

    body.apple-ui:not(.is-guest-home) #words .word-card h2,
    body.apple-ui:not(.is-guest-home) #words .word-card .word-phonetic,
    body.apple-ui:not(.is-guest-home) #words .word-card .word-summary-zh {
        width: 100%;
        min-width: 0;
    }
}

/* 搜索、收藏计数与添加按钮共用同一操作栏，避免顶部产生无效留白。 */
@media (min-width: 901px) {
    body.apple-ui:not(.is-guest-home) #words .words-overview {
        grid-template-columns: minmax(0, 1fr) 142px 160px;
    }
}

body.apple-ui:not(.is-guest-home) #words .words-overview .words-summary {
    min-width: 0;
    min-height: 58px;
    padding: 8px 16px;
    border: 1px solid #dbe8ff;
    border-radius: 12px;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    column-gap: 6px;
    align-items: center;
    background: #f5f9ff;
}

body.apple-ui:not(.is-guest-home) #words .words-overview .words-summary span {
    grid-column: 1 / -1;
    color: #667085;
    font-size: 11px;
    font-weight: 700;
}

body.apple-ui:not(.is-guest-home) #words .words-overview .words-summary strong {
    color: #175cd3;
    font-size: 25px;
    line-height: 1;
}

body.apple-ui:not(.is-guest-home) #words .words-overview .words-summary small {
    color: #667085;
    font-size: 12px;
}

@media (max-width: 900px) {
    body.apple-ui:not(.is-guest-home) #words .words-overview {
        grid-template-columns: minmax(0, 1fr) 122px;
        align-items: stretch;
    }

    body.apple-ui:not(.is-guest-home) #words .words-overview .words-search {
        grid-column: 1 / -1;
    }

    body.apple-ui:not(.is-guest-home) #words .words-overview .words-summary {
        min-height: 50px;
        padding: 7px 12px;
    }

    body.apple-ui:not(.is-guest-home) #words .words-overview .words-add-btn {
        width: auto;
        min-width: 0;
    }
}

/* 标题移除后让检索操作靠近顶栏；详情图标按内容类型对齐。 */
body.apple-ui:not(.is-guest-home) #words {
    padding-top: 20px;
}

body.apple-ui:not(.is-guest-home) #words .words-overview {
    margin-top: 0;
}

body.apple-ui:not(.is-guest-home) #words .word-detail-section h3::before,
body.apple-ui:not(.is-guest-home) #words .word-note-section label::before {
    display: none;
    content: none;
}

body.apple-ui:not(.is-guest-home) #words .word-detail-icon {
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    border-radius: 50%;
    display: inline-grid;
    place-items: center;
    color: #fff;
    background: #2168ea;
    font-size: 15px;
    font-weight: 800;
    line-height: 1;
}

body.apple-ui:not(.is-guest-home) #words .word-detail-icon svg {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.85;
}

body.apple-ui:not(.is-guest-home) #words .word-detail-icon.is-similar {
    font-size: 17px;
}

body.apple-ui:not(.is-guest-home) #words .word-detail-icon.is-source {
    font-size: 18px;
}

body.apple-ui:not(.is-guest-home) #words .word-detail-icon.is-note {
    font-size: 18px;
}

/* 收藏条目提高信息密度；桌面端左列独立滚动，始终与右侧详情同行。 */
@media (min-width: 901px) {
    body.apple-ui:not(.is-guest-home) #words .words-list-pane {
        max-height: calc(100vh - 88px);
        position: sticky;
        top: 72px;
        display: flex;
        flex-direction: column;
    }

    body.apple-ui:not(.is-guest-home) #words .words-list {
        min-height: 0;
        padding-right: 5px;
        overflow-x: hidden;
        overflow-y: auto;
        scrollbar-color: #b8c9e9 transparent;
        scrollbar-width: thin;
    }

    body.apple-ui:not(.is-guest-home) #words .words-list::-webkit-scrollbar {
        width: 7px;
    }

    body.apple-ui:not(.is-guest-home) #words .words-list::-webkit-scrollbar-thumb {
        border: 2px solid transparent;
        border-radius: 999px;
        background: #b8c9e9;
        background-clip: padding-box;
    }

    body.apple-ui:not(.is-guest-home) #words .word-card {
        min-height: 94px;
        padding: 14px 16px;
        border-radius: 12px;
        gap: 12px;
    }

    body.apple-ui:not(.is-guest-home) #words .word-card.is-active {
        padding: 13px 15px;
    }

    body.apple-ui:not(.is-guest-home) #words .word-card h2 {
        font-size: 20px;
    }

    body.apple-ui:not(.is-guest-home) #words .word-phonetic {
        margin-top: 3px;
        font-size: 12px;
    }

    body.apple-ui:not(.is-guest-home) #words .word-summary-zh {
        margin-top: 4px;
        font-size: 12px;
        line-height: 1.35;
    }

    body.apple-ui:not(.is-guest-home) #words .word-card-meta {
        gap: 10px;
    }

    body.apple-ui:not(.is-guest-home) #words .word-source-tag {
        padding: 6px 8px;
        font-size: 11px;
    }

    body.apple-ui:not(.is-guest-home) #words .word-static-mark {
        width: 22px;
        height: 22px;
    }

    body.apple-ui:not(.is-guest-home) #words .word-detail-panel {
        min-height: 0;
        padding: 26px 30px 22px;
    }

    body.apple-ui:not(.is-guest-home) #words .word-detail-head {
        padding-bottom: 18px;
    }

    body.apple-ui:not(.is-guest-home) #words .word-detail-head h2 {
        font-size: clamp(34px, 3vw, 46px);
    }

    body.apple-ui:not(.is-guest-home) #words .word-detail-head p {
        margin-top: 8px;
        font-size: 17px;
    }

    body.apple-ui:not(.is-guest-home) #words .word-detail-speak {
        width: 50px;
        height: 50px;
        flex-basis: 50px;
    }

    body.apple-ui:not(.is-guest-home) #words .word-detail-section {
        padding: 13px 0;
    }

    body.apple-ui:not(.is-guest-home) #words .word-detail-section h3,
    body.apple-ui:not(.is-guest-home) #words .word-note-section label {
        margin-bottom: 7px;
        font-size: 15px;
    }

    body.apple-ui:not(.is-guest-home) #words .word-detail-section p,
    body.apple-ui:not(.is-guest-home) #words .word-example-box {
        font-size: 14px;
        line-height: 1.5;
    }

    body.apple-ui:not(.is-guest-home) #words .word-example-box {
        padding: 10px 12px;
    }

    body.apple-ui:not(.is-guest-home) #words .word-detail-icon {
        width: 22px;
        height: 22px;
        flex-basis: 22px;
        font-size: 13px;
    }

    body.apple-ui:not(.is-guest-home) #words .word-detail-icon svg {
        width: 13px;
        height: 13px;
    }

    body.apple-ui:not(.is-guest-home) #words .word-note-section textarea {
        min-height: 82px;
        padding: 11px 13px 25px;
        font-size: 13px;
    }

    body.apple-ui:not(.is-guest-home) #words .word-note-section small {
        bottom: 21px;
    }

    body.apple-ui:not(.is-guest-home) #words .word-detail-actions {
        margin-top: 10px;
        padding-top: 12px;
    }
}

/* 手机端在被点选的词条下方直接展开详情，再点同一词条即可收起。 */
@media (max-width: 900px) {
    body.apple-ui:not(.is-guest-home) #words.is-vocabulary-mobile-detail-open .words-list-pane {
        display: block;
    }

    body.apple-ui:not(.is-guest-home) #words .words-list .word-detail-panel.is-mobile-open {
        width: 100%;
        min-width: 0;
        margin: 0 0 10px;
        box-sizing: border-box;
        grid-column: 1;
    }

    body.apple-ui:not(.is-guest-home) #words .word-detail-back {
        display: none;
    }

    body.apple-ui:not(.is-guest-home) #words .word-detail-head h2 {
        max-width: calc(100% - 58px);
        font-size: clamp(30px, 8vw, 36px);
        letter-spacing: -.045em;
    }

    body.apple-ui:not(.is-guest-home) #words .word-detail-head p {
        margin-top: 6px;
        font-size: 15px;
    }

    body.apple-ui:not(.is-guest-home) #words .word-detail-speak {
        right: 18px;
        top: 22px;
        width: 46px;
        height: 46px;
    }

    body.apple-ui:not(.is-guest-home) #words .word-detail-speak svg {
        width: 22px;
        height: 22px;
    }
}

/* 手机端词条沿用卡片内展开：把高频浏览和详细复习放在同一条目中。 */
body.apple-ui:not(.is-guest-home) #words .word-mobile-speak,
body.apple-ui:not(.is-guest-home) #words .word-mobile-disclosure {
    display: none;
}

/* 桌面端左侧列表与手机端折叠词卡共用同一套紧凑信息层级；右侧详情面板保持独立。 */
@media (min-width: 901px) {
    body.apple-ui:not(.is-guest-home) #words .word-card,
    body.apple-ui:not(.is-guest-home) #words .word-card.is-active {
        position: relative;
        min-height: 94px;
        padding: 13px 14px;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
        gap: 0;
        border-radius: 12px;
        overflow: hidden;
    }

    body.apple-ui:not(.is-guest-home) #words .word-card-copy {
        min-width: 0;
        padding-right: 42px;
    }

    body.apple-ui:not(.is-guest-home) #words .word-card h2 {
        font-size: 20px;
        line-height: 1.2;
    }

    body.apple-ui:not(.is-guest-home) #words .word-phonetic {
        margin-top: 3px;
        font-size: 12px;
        line-height: 1.25;
    }

    body.apple-ui:not(.is-guest-home) #words .word-summary-zh {
        margin: 4px 0 0;
        padding-right: 72px;
        display: -webkit-box;
        overflow: hidden;
        font-size: 13px;
        line-height: 1.35;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }

    body.apple-ui:not(.is-guest-home) #words .word-card-meta {
        display: contents;
    }

    body.apple-ui:not(.is-guest-home) #words .word-mobile-speak {
        width: 32px;
        height: 32px;
        padding: 0;
        border: 0;
        border-radius: 50%;
        position: absolute;
        top: 11px;
        right: 12px;
        display: grid;
        place-items: center;
        background: #f4f8ff;
        color: #2168ea;
        cursor: pointer;
    }

    body.apple-ui:not(.is-guest-home) #words .word-mobile-speak svg {
        width: 17px;
        height: 17px;
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 1.9;
    }

    body.apple-ui:not(.is-guest-home) #words .word-card-meta .word-source-tag {
        min-height: 23px;
        padding: 4px 8px 3px 9px;
        border: 1px solid #d5e2fb;
        border-right: 0;
        border-bottom: 0;
        border-radius: 8px 0 12px 0;
        position: absolute;
        right: 0;
        bottom: 0;
        display: inline-flex;
        align-items: center;
        color: #4d76bf;
        background: #f1f6ff;
        font-size: 10px;
        font-weight: 700;
        line-height: 1.2;
    }

    /* 选中态保留完整蓝色描边，来源标签改为内嵌小标，不覆盖卡片外圈。 */
    body.apple-ui:not(.is-guest-home) #words .word-card.is-active .word-source-tag {
        right: 8px;
        bottom: 8px;
        border: 1px solid #d5e2fb;
        border-radius: 6px;
    }

    body.apple-ui:not(.is-guest-home) #words .word-static-mark {
        display: none;
    }
}

@media (max-width: 900px) {
    body.apple-ui:not(.is-guest-home) #words .word-card,
    body.apple-ui:not(.is-guest-home) #words .word-card.is-active {
        position: relative;
        min-height: 94px;
        padding: 13px 14px;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
        gap: 0;
        border-radius: 12px;
    }

    body.apple-ui:not(.is-guest-home) #words .word-card-copy {
        min-width: 0;
        padding-right: 42px;
    }

    body.apple-ui:not(.is-guest-home) #words .word-card h2 {
        font-size: 20px;
        line-height: 1.2;
    }

    body.apple-ui:not(.is-guest-home) #words .word-phonetic {
        margin-top: 3px;
        font-size: 12px;
        line-height: 1.25;
    }

    body.apple-ui:not(.is-guest-home) #words .word-summary-zh {
        margin: 4px 0 0;
        padding-right: 72px;
        display: -webkit-box;
        overflow: hidden;
        font-size: 13px;
        line-height: 1.35;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }

    body.apple-ui:not(.is-guest-home) #words .word-card-meta {
        display: contents;
    }

    body.apple-ui:not(.is-guest-home) #words .word-mobile-speak {
        width: 32px;
        height: 32px;
        padding: 0;
        border: 0;
        border-radius: 50%;
        position: absolute;
        top: 11px;
        right: 12px;
        display: grid;
        place-items: center;
        background: #f4f8ff;
        color: #2168ea;
        cursor: pointer;
    }

    body.apple-ui:not(.is-guest-home) #words .word-mobile-speak svg {
        width: 17px;
        height: 17px;
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 1.9;
    }

    body.apple-ui:not(.is-guest-home) #words .word-card-meta .word-source-tag {
        min-height: 23px;
        padding: 4px 8px 3px 9px;
        border: 1px solid #d5e2fb;
        border-right: 0;
        border-bottom: 0;
        border-radius: 8px 0 0 0;
        position: absolute;
        right: 0;
        bottom: 0;
        display: inline-flex;
        align-items: center;
        color: #4d76bf;
        background: #f1f6ff;
        font-size: 10px;
        font-weight: 700;
        line-height: 1.2;
    }

    /* 展开后来源已不需要占角，避免与低强调的移除操作争抢同一位置。 */
    body.apple-ui:not(.is-guest-home) #words .word-card.is-active .word-source-tag {
        display: none;
    }

    body.apple-ui:not(.is-guest-home) #words .word-static-mark {
        display: none;
    }

    body.apple-ui:not(.is-guest-home) #words .word-mobile-disclosure {
        margin-top: 12px;
        padding-top: 11px;
        border-top: 1px solid #e7edf7;
        display: grid;
        grid-template-columns: 1fr;
        gap: 0;
    }

    body.apple-ui:not(.is-guest-home) #words .word-mobile-detail-row {
        padding: 8px 0;
        border-bottom: 1px solid #edf1f6;
    }

    body.apple-ui:not(.is-guest-home) #words .word-mobile-detail-row strong,
    body.apple-ui:not(.is-guest-home) #words .word-mobile-note label {
        display: block;
        color: #5b6b85;
        font-size: 12px;
        line-height: 1.3;
        font-weight: 760;
    }

    body.apple-ui:not(.is-guest-home) #words .word-mobile-detail-row p {
        margin: 4px 0 0;
        color: #243451;
        font-size: 13px;
        line-height: 1.5;
    }

    body.apple-ui:not(.is-guest-home) #words .word-mobile-note {
        padding: 11px 0 0;
        position: relative;
    }

    body.apple-ui:not(.is-guest-home) #words .word-mobile-note textarea {
        width: 100%;
        height: 38px;
        min-height: 38px;
        max-height: 38px;
        margin-top: 6px;
        padding: 8px 42px 8px 10px;
        border: 1px solid #dbe3f0;
        border-radius: 8px;
        outline: 0;
        resize: none;
        color: #2e3d59;
        background: #fff;
        font: inherit;
        font-size: 12px;
        line-height: 20px;
    }

    body.apple-ui:not(.is-guest-home) #words .word-mobile-note textarea::placeholder {
        color: #a4afc0;
        font-size: 12px;
    }

    body.apple-ui:not(.is-guest-home) #words .word-mobile-note textarea:focus {
        border-color: #79a1ff;
        box-shadow: 0 0 0 3px rgba(29, 98, 232, .1);
    }

    body.apple-ui:not(.is-guest-home) #words .word-mobile-note small {
        position: absolute;
        right: 9px;
        bottom: 10px;
        color: #98a4b9;
        font-size: 10px;
    }

    body.apple-ui:not(.is-guest-home) #words .word-mobile-detail-actions {
        padding-top: 10px;
        display: flex;
        justify-content: flex-end;
    }

    body.apple-ui:not(.is-guest-home) #words .word-mobile-detail-actions button {
        min-height: 30px;
        padding: 0;
        border: 0;
        background: transparent;
        color: #8190a9;
        cursor: pointer;
        font: inherit;
        font-size: 12px;
        font-weight: 700;
    }
}

/* 小尺寸平板课程包：两列利用可用宽度，避免手机版单列贴在左侧。 */
@media (min-width: 601px) and (max-width: 760px) {
    body.apple-ui:not(.is-guest-home) .course-library-filters {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    body.apple-ui:not(.is-guest-home) .course-library-filters button {
        min-width: 0;
        padding: 0 8px;
        font-size: 13px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-card {
        min-width: 0;
        height: 100%;
        padding: 7px;
        border-radius: 14px;
        display: flex;
        flex-direction: column;
    }

    body.apple-ui:not(.is-guest-home) .course-library-cover {
        height: auto;
        aspect-ratio: 16 / 9;
        border-radius: 10px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-info {
        min-width: 0;
        padding: 12px 9px 9px;
        display: flex;
        flex: 1;
        flex-direction: column;
    }

    body.apple-ui:not(.is-guest-home) .course-library-info h2 {
        margin-bottom: 10px;
        font-size: 19px;
        line-height: 1.24;
    }

    body.apple-ui:not(.is-guest-home) .course-library-info .course-tags {
        gap: 4px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-info .course-tag {
        padding: 4px 6px;
        font-size: 10.5px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-info .course-progress {
        margin-top: 12px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-info .course-progress-copy strong {
        font-size: 18px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-info .course-progress-copy span {
        font-size: 12px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-info .course-progress-track {
        margin-top: 8px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-info .course-progress-meta {
        margin-top: 8px;
        align-items: flex-start;
        font-size: 11.5px;
        line-height: 1.4;
    }

    body.apple-ui:not(.is-guest-home) .course-library-info .course-progress-play {
        flex: 0 0 19px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-info .course-actions {
        margin-top: auto;
        padding-top: 12px;
    }

    body.apple-ui:not(.is-guest-home) .course-library-info .course-link {
        min-height: 40px;
        font-size: 13px;
    }
}

/* 贴边来源标签由词卡裁切，右下角严格沿用词卡同一条圆角弧线。 */
@media (max-width: 900px) {
    body.apple-ui:not(.is-guest-home) #words .word-card,
    body.apple-ui:not(.is-guest-home) #words .word-card.is-active {
        overflow: hidden;
    }

    body.apple-ui:not(.is-guest-home) #words .word-card-meta .word-source-tag {
        border-radius: 8px 0 12px 0;
    }
}


/* 登录首页侧栏：统一仪表盘的轻量、清晰信息层级。 */
.sidebar-overview,
.sidebar-section-label {
    display: none;
}

body.apple-ui:not(.is-guest-home) .side-nav-symbol {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    border: 1px solid transparent;
    border-radius: 9px;
    display: inline-grid;
    place-items: center;
    background: transparent;
    color: inherit;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

body.apple-ui:not(.is-guest-home) .side-nav-symbol .side-nav-icon {
    width: 18px;
    height: 18px;
    margin: 0;
    flex: none;
}

@media (min-width: 1101px) {
    body.apple-ui:not(.is-guest-home) .sidebar {
        min-height: calc(100vh - 60px);
        padding: 18px 14px 14px;
        border-right-color: #e7ebf1;
        background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
    }

    body.apple-ui:not(.is-guest-home) .sidebar-overview {
        min-height: 58px;
        padding: 0 7px;
        display: flex;
        align-items: center;
        gap: 11px;
    }

    body.apple-ui:not(.is-guest-home) .sidebar-overview-symbol {
        width: 36px;
        height: 36px;
        flex: 0 0 36px;
        border: 1px solid #dce8fb;
        border-radius: 11px;
        display: grid;
        place-items: center;
        background: #f2f7ff;
        color: #1769e8;
    }

    body.apple-ui:not(.is-guest-home) .sidebar-overview-symbol svg {
        width: 19px;
        height: 19px;
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 1.7;
    }

    body.apple-ui:not(.is-guest-home) .sidebar-overview-copy {
        min-width: 0;
        display: grid;
        gap: 3px;
    }

    body.apple-ui:not(.is-guest-home) .sidebar-overview-copy small {
        color: #8a94a6;
        font-size: 11px;
        font-weight: 650;
        letter-spacing: 0.06em;
    }

    body.apple-ui:not(.is-guest-home) .sidebar-overview-copy strong {
        overflow: hidden;
        color: #172033;
        font-size: 14px;
        line-height: 1.2;
        font-weight: 720;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body.apple-ui:not(.is-guest-home) .sidebar-section-label {
        margin: 19px 9px 8px;
        display: block;
        color: #98a2b3;
        font-size: 11px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 0.08em;
    }

    body.apple-ui:not(.is-guest-home) .app-side-nav {
        gap: 5px;
    }

    body.apple-ui:not(.is-guest-home) .side-nav-item,
    body.apple-ui:not(.is-guest-home) .app-side-nav .side-nav-item {
        position: relative;
        min-height: 50px;
        padding: 0 12px 0 9px;
        border: 1px solid transparent;
        border-radius: 12px;
        gap: 10px;
        color: #566074;
        font-size: 14px;
        font-weight: 650;
    }

    body.apple-ui:not(.is-guest-home) .side-nav-item::before {
        content: "";
        width: 3px;
        height: 18px;
        border-radius: 999px;
        position: absolute;
        left: -1px;
        top: 50%;
        background: #1769e8;
        opacity: 0;
        transform: translateY(-50%) scaleY(0.6);
        transition: opacity 0.18s ease, transform 0.18s ease;
    }

    body.apple-ui:not(.is-guest-home) .side-nav-item:hover {
        border-color: #edf0f5;
        background: #f8fafc;
        color: #25324a;
    }

    body.apple-ui:not(.is-guest-home) .side-nav-item:hover .side-nav-symbol {
        border-color: #e6eaf0;
        background: #fff;
    }

    body.apple-ui:not(.is-guest-home) .side-nav-item.active,
    body.apple-ui:not(.is-guest-home) .app-side-nav .side-nav-item.active {
        border-color: #dce8fb;
        background: #eef5ff;
        color: #075dcc;
    }

    body.apple-ui:not(.is-guest-home) .side-nav-item.active::before {
        opacity: 1;
        transform: translateY(-50%) scaleY(1);
    }

    body.apple-ui:not(.is-guest-home) .side-nav-item.active .side-nav-symbol {
        border-color: #cfe0fb;
        background: #fff;
        color: #075dcc;
        box-shadow: 0 4px 12px rgba(23, 105, 232, 0.09);
    }

    body.apple-ui:not(.is-guest-home) .sidebar-membership {
        min-height: 86px;
        margin-top: auto;
        padding: 14px 12px;
        border: 1px solid #d6e3f7;
        border-radius: 15px;
        gap: 11px;
        background: linear-gradient(145deg, #f7faff 0%, #edf4ff 100%);
        color: #1769e8;
        box-shadow: none;
    }

    body.apple-ui:not(.is-guest-home) .sidebar-membership:hover {
        border-color: #b8cff2;
        background: linear-gradient(145deg, #f3f8ff 0%, #e7f0ff 100%);
        transform: translateY(-1px);
    }

    body.apple-ui:not(.is-guest-home) .sidebar-membership-gem {
        width: 35px;
        height: 35px;
        flex: 0 0 35px;
        border: 1px solid #cbdcf6;
        border-radius: 11px;
        display: grid;
        place-items: center;
        background: rgba(255, 255, 255, 0.82);
        filter: none;
    }

    body.apple-ui:not(.is-guest-home) .sidebar-membership-gem svg {
        width: 20px;
        height: 20px;
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 1.65;
    }

    body.apple-ui:not(.is-guest-home) .sidebar-membership-copy {
        padding-right: 16px;
        gap: 5px;
    }

    body.apple-ui:not(.is-guest-home) .sidebar-membership-copy small {
        color: #174ea6;
        font-size: 14px;
        font-weight: 750;
    }

    body.apple-ui:not(.is-guest-home) .sidebar-membership-copy strong {
        color: #748198;
        font-size: 11px;
        line-height: 1.35;
        font-weight: 600;
        white-space: normal;
    }

    body.apple-ui:not(.is-guest-home) .sidebar-membership-arrow {
        right: 9px;
        width: 15px;
        height: 15px;
        color: #7893bc;
    }
}

@media (max-width: 760px) {
    body.apple-ui:not(.is-guest-home) .side-nav-symbol {
        width: auto;
        height: auto;
        flex: none;
        border: 0;
        border-radius: 0;
        background: transparent;
    }

    body.apple-ui:not(.is-guest-home) .side-nav-symbol .side-nav-icon {
        width: 22px;
        height: 22px;
    }
}

/* 双口音按钮需要为两个短标签预留标题空间；放在文件末尾覆盖旧单按钮布局。 */
body.apple-ui:not(.is-guest-home) #words .word-card-copy {
    padding-right: 112px;
}

@media (max-width: 900px) {
    body.apple-ui:not(.is-guest-home) #words .word-detail-head h2 {
        max-width: calc(100% - 154px);
    }
}

@media (max-width: 420px) {
    body.apple-ui:not(.is-guest-home) #words .word-card-copy {
        padding-right: 100px;
    }
}