.dh-sidebar-footer { display:none; }
@media (min-width:769px) {
  body.desktop-ui { --dh-blue:#0066ff; --dh-ink:#10203f; --dh-muted:#66748d; --dh-line:#e1e8f3; --dh-bg:#f7f9fe; background:var(--dh-bg); color:var(--dh-ink); }
  body.desktop-ui #view { min-height:calc(100vh - 76px); background:var(--dh-bg); }
  body.desktop-ui[data-view="home"] main { margin-left:228px; padding-top:0; }
  body.desktop-ui[data-view="home"] .sidebar:not(.expanded)~main { margin-left:72px; }
  body.desktop-ui .workspace-bar { background:#fff; border-bottom-color:var(--dh-line); }
  body.desktop-ui[data-view="home"] #view,body.desktop-ui[data-view="me"] #view { animation:none; }
  body.desktop-ui .workspace-bar>div:first-child>span { color:#0066ff; }
  body.desktop-ui .sidebar { background:#fff; border-right:1px solid var(--dh-line); box-shadow:4px 0 18px #10203f08; }
  body.desktop-ui .sidebar .sb-brand { height:76px; padding:0 18px; border-bottom:1px solid #edf1f7; }
  body.desktop-ui .sidebar .sb-brand-mark { width:38px; height:38px; }
  body.desktop-ui .sidebar .sb-brand-mark img { width:38px; height:38px; object-fit:contain; }
  body.desktop-ui .sidebar .sb-brand-name b { color:var(--dh-ink); font-size:17px; }
  body.desktop-ui .sidebar .sb-brand-name small { color:#8b98ad; letter-spacing:.12em; }
  body.desktop-ui .sidebar .sb-progress { margin:16px 12px; border:1px solid #e5ebf5; background:#f8faff; border-radius:14px; }
  body.desktop-ui .sidebar .sb-exam-countdown { margin:0 14px 12px; color:var(--dh-muted); }
  body.desktop-ui .sidebar .sb-nav { padding:4px 10px; }
  body.desktop-ui .sidebar .sb-nav button { min-height:45px; border-radius:10px; color:#4b5b74; }
  body.desktop-ui .sidebar .sb-nav button:hover, body.desktop-ui .sidebar .sb-nav button.active { color:var(--dh-blue); background:#edf4ff; }
  body.desktop-ui .sidebar .sb-nav-ic { color:currentColor; }
  body.desktop-ui .sidebar .sb-nav .sb-nav-item.on { color:#0066ff!important;background:#edf4ff!important;border-color:#d3e2ff!important;box-shadow:inset 3px 0 #0066ff!important; }
  body.desktop-ui .sidebar .sb-progress-state i { background:#0066ff;box-shadow:0 0 0 3px #0066ff15; }
  body.desktop-ui .sidebar .sb-footer { padding:10px 12px 16px; }
  body.desktop-ui .sidebar .sb-footer-contact { padding:12px; border:1px solid #e4ebf5; border-radius:14px; background:#fbfcff; }
  body.desktop-ui .sidebar .sb-contact-copy b { font-size:13px; color:var(--dh-ink); }
  body.desktop-ui .sidebar .sb-contact-copy p { margin:4px 0 8px; color:#7d8ba1; font-size:11px; line-height:1.55; }
  body.desktop-ui .sidebar .sb-contact-qr-button { display:flex; align-items:center; gap:8px; width:100%; min-height:35px; padding:6px 8px; border:1px solid #dce7fa; border-radius:8px; background:#fff; color:var(--dh-blue); font-size:11px; cursor:pointer; }
  body.desktop-ui .sidebar .sb-contact-qr { width:22px; height:22px; object-fit:cover; border-radius:3px; }
  body.desktop-ui .sidebar .sb-member-note { display:block; margin-top:4px; color:#66748d; font-size:10px; line-height:1.45; }
  body.desktop-ui .sidebar .sb-footer-contact { display:none; }
  body.desktop-ui .sidebar.expanded .dh-sidebar-footer { display:block;margin-bottom:12px; }
  body.desktop-ui .dh-member-card { display:block;width:100%;padding:17px 14px;border:1px solid #d8e5fc;border-radius:12px;background:linear-gradient(135deg,#edf4ff,#f9fbff);text-align:left;color:#17375f;cursor:pointer; }
  body.desktop-ui .dh-member-card b { display:block;font-size:13px;line-height:1.65; }
  body.desktop-ui .dh-member-card span,body.desktop-ui .dh-member-card small { display:block;font-size:10px;color:#677e9f;line-height:1.8;margin-top:6px; }
  body.desktop-ui .dh-member-card small { color:#0066ff;margin-top:0; }
  body.desktop-ui .dh-member-card:hover { border-color:#8ab3f8;background:#eaf2ff; }
  body.desktop-ui .dh-sidebar-help { display:flex;width:100%;justify-content:space-between;align-items:center;border:0;background:none;color:#657795;font-size:11px;padding:14px 4px 7px;cursor:pointer; }
  body.desktop-ui .dh-sidebar-domain { display:block;font-size:10px;letter-spacing:.02em;color:#8c9ab0;text-align:center;text-decoration:none;padding-top:4px; }
  body.desktop-ui .sidebar .sb-footer-contact > div:not(.sb-contact-copy):not(.sb-contact-qr-button), body.desktop-ui .sidebar .sb-footer-contact > small { font-size:11px; color:#7d8ba1; }
  body.desktop-ui .sidebar .sb-toggle { color:var(--dh-blue); }
  body.desktop-ui #view { --quiz-brand-logo:url("./logo.png"); }

  body.desktop-ui .dh-page { width:min(1150px,calc(100% - 56px)); margin:0 auto; padding:58px 0 24px; }
  body.desktop-ui .dh-page,.desktop-ui .dh-page button,.desktop-ui .dh-page h1,.desktop-ui .dh-page h2,.desktop-ui .dh-page h3 { font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; }
  body.desktop-ui .dh-hero { display:grid; grid-template-columns:minmax(0,1fr) 470px; align-items:center; gap:46px; min-height:500px; padding:25px 0 68px; }
  body.desktop-ui .dh-hero-copy { max-width:600px; }
  body.desktop-ui .dh-kicker { margin:0 0 15px; color:var(--dh-blue); font-size:11px; font-weight:800; letter-spacing:.16em; line-height:1.4; }
  body.desktop-ui .dh-hero h1 { margin:0; color:var(--dh-ink); font-size:clamp(44px,4.2vw,58px); font-weight:750; letter-spacing:-.065em; line-height:1.13; }
  body.desktop-ui .dh-hero h1 em { color:var(--dh-blue); font-style:normal; }
  body.desktop-ui .dh-lead { max-width:540px; margin:25px 0 0; color:#5e6d87; font-size:16px; line-height:1.9; }
  body.desktop-ui .dh-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
  body.desktop-ui .dh-actions button, body.desktop-ui .dh-today-placeholder button { min-height:48px; padding:0 20px; border-radius:10px; font:650 14px/1.4 inherit; cursor:pointer; transition:transform 200ms ease,box-shadow 200ms ease,background-color 200ms ease; }
  body.desktop-ui .dh-primary { border:1px solid var(--dh-blue); background:var(--dh-blue); color:#fff; box-shadow:0 8px 22px #0066ff24; }
  body.desktop-ui .dh-secondary { border:1px solid #cbd8ee; background:#fff; color:var(--dh-ink); }
  body.desktop-ui .dh-actions button:hover, body.desktop-ui .dh-today-placeholder button:hover { transform:translateY(-2px); }
  body.desktop-ui .dh-actions button span { margin-left:13px; font-size:18px; }
  body.desktop-ui .dh-proof { display:flex; flex-wrap:wrap; gap:25px; margin-top:38px; color:#8793a7; font-size:12px; }
  body.desktop-ui .dh-proof b { display:block; margin-bottom:4px; color:var(--dh-ink); font-size:18px; }

  body.desktop-ui .dh-gallery { position:relative; height:430px; }
  body.desktop-ui .dh-gallery-card { position:absolute; width:270px; padding:0; border:0; border-radius:16px; background:#fff; box-shadow:0 18px 40px #10203f16; overflow:hidden; text-align:left; cursor:pointer; transition:transform 220ms ease,opacity 220ms ease,box-shadow 220ms ease; }
  body.desktop-ui .dh-gallery-card-0 { top:5px; left:15px; transform:rotate(-4deg); z-index:2; }
  body.desktop-ui .dh-gallery-card-1 { top:86px; right:0; transform:rotate(5deg); z-index:3; }
  body.desktop-ui .dh-gallery-card-2 { bottom:0; left:72px; transform:rotate(2deg); z-index:1; }
  body.desktop-ui .dh-gallery-card:hover, body.desktop-ui .dh-gallery-card.is-active { z-index:5; box-shadow:0 22px 45px #0066ff28; }
  body.desktop-ui .dh-gallery-card:hover { transform:translateY(-7px) rotate(0); }
  body.desktop-ui .dh-gallery-image { display:block; aspect-ratio:1.24; padding:10px; background:#fff; }
  body.desktop-ui .dh-gallery-image img { display:block; width:100%; height:100%; object-fit:cover; border-radius:9px; }
  body.desktop-ui .dh-gallery-caption { display:flex; flex-direction:column; gap:4px; padding:12px 15px 14px; }
  body.desktop-ui .dh-gallery-caption b { color:var(--dh-ink); font-size:14px; }
  body.desktop-ui .dh-gallery-caption small { color:#8491a6; font-size:11px; }
  body.desktop-ui .dh-gallery-dots { position:absolute; right:33px; bottom:-28px; display:flex; gap:7px; }
  body.desktop-ui .dh-gallery-dots button { width:7px; height:7px; padding:0; border:0; border-radius:50%; background:#cbd7eb; cursor:pointer; }
  body.desktop-ui .dh-gallery-dots button.is-active { width:22px; border-radius:5px; background:var(--dh-blue); }

  body.desktop-ui .dh-today, body.desktop-ui .dh-subjects, body.desktop-ui .dh-method { padding:74px 0 0; }
  body.desktop-ui .dh-section-heading h2, body.desktop-ui .dh-resources h2 { margin:0; color:var(--dh-ink); font-size:30px; letter-spacing:-.045em; line-height:1.3; }
  body.desktop-ui .dh-section-heading > p:last-child, body.desktop-ui .dh-resources > div > p:last-child { margin:10px 0 0; color:var(--dh-muted); font-size:14px; line-height:1.7; }
  body.desktop-ui .dh-today-placeholder { display:flex; align-items:center; gap:16px; margin-top:24px; padding:23px 25px; border:1px solid #dce6f5; border-radius:15px; background:#fff; }
  body.desktop-ui .dh-today-placeholder > span { color:#9db0cf; font-size:28px; }
  body.desktop-ui .dh-today-placeholder div { display:flex; flex:1; flex-direction:column; gap:5px; }
  body.desktop-ui .dh-today-placeholder b { font-size:15px; }
  body.desktop-ui .dh-today-placeholder small { color:#8793a7; font-size:12px; }
  body.desktop-ui .dh-today-placeholder button { min-height:40px; border:1px solid #d4e0f3; background:#fff; color:var(--dh-blue); }
  body.desktop-ui .dh-today-placeholder button i { margin-left:8px; font-style:normal; }
  body.desktop-ui .dh-subject-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:24px; }
  body.desktop-ui .dh-subject { display:flex; align-items:center; gap:11px; min-height:94px; padding:17px 15px; border:1px solid var(--dh-line); border-radius:13px; background:#fff; color:var(--dh-ink); text-align:left; cursor:pointer; transition:transform 200ms ease,border-color 200ms ease,box-shadow 200ms ease; }
  body.desktop-ui .dh-subject:hover { transform:translateY(-3px); border-color:#a9c6f8; box-shadow:0 10px 25px #10203f0c; }
  body.desktop-ui .dh-subject-code { display:grid; place-items:center; flex:0 0 39px; height:39px; border-radius:10px; background:#edf4ff; color:var(--dh-blue); font-size:13px; font-weight:800; }
  body.desktop-ui .dh-subject span:nth-child(2) { display:flex; min-width:0; flex:1; flex-direction:column; gap:5px; }
  body.desktop-ui .dh-subject b { font-size:14px; white-space:nowrap; }
  body.desktop-ui .dh-subject small { color:#8692a6; font-size:11px; }
  body.desktop-ui .dh-subject > i { color:var(--dh-blue); font-size:18px; font-style:normal; }
  body.desktop-ui .dh-method-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:24px; border:1px solid var(--dh-line); border-radius:14px; background:var(--dh-line); overflow:hidden; }
  body.desktop-ui .dh-method-grid article { min-height:150px; padding:22px 24px; background:#fff; }
  body.desktop-ui .dh-method-grid article > b { color:var(--dh-blue); font-size:12px; letter-spacing:.1em; }
  body.desktop-ui .dh-method-grid h3 { margin:18px 0 6px; font-size:18px; }
  body.desktop-ui .dh-method-grid p { margin:0; color:var(--dh-muted); font-size:13px; line-height:1.7; }
  body.desktop-ui .dh-resources { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; margin-top:76px; padding:30px 0; border-top:1px solid var(--dh-line); }
  body.desktop-ui .dh-resource-links { display:flex; flex-direction:column; min-width:360px; border:1px solid var(--dh-line); border-radius:12px; background:#fff; overflow:hidden; }
  body.desktop-ui .dh-resource-links a { display:flex; align-items:center; justify-content:space-between; gap:25px; padding:14px 17px; color:var(--dh-ink); font-size:13px; text-decoration:none; }
  body.desktop-ui .dh-resource-links a + a { border-top:1px solid #edf1f7; }
  body.desktop-ui .dh-resource-links a:hover { color:var(--dh-blue); background:#f7faff; }
  body.desktop-ui .dh-resource-links a span { color:var(--dh-blue); font-size:17px; }
  body.desktop-ui .dh-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:28px 0 8px; color:#8a96a9; font-size:11px; }
  body.desktop-ui .dh-footer button { padding:0; border:0; background:transparent; color:var(--dh-blue); font:inherit; cursor:pointer; }
  body.desktop-ui .dh-footer i { font-style:normal; font-size:14px; }

  @media (max-width:1100px) {
    body.desktop-ui .dh-page { width:min(920px,calc(100% - 42px)); }
    body.desktop-ui .dh-hero { grid-template-columns:minmax(0,1fr) 390px; gap:22px; }
    body.desktop-ui .dh-gallery-card { width:230px; }
    body.desktop-ui .dh-subject-grid { grid-template-columns:repeat(2,1fr); }
  }
  @media (prefers-reduced-motion:reduce) {
    body.desktop-ui .dh-actions button, body.desktop-ui .dh-today-placeholder button, body.desktop-ui .dh-gallery-card, body.desktop-ui .dh-subject { transition:none; }
    body.desktop-ui .dh-actions button:hover, body.desktop-ui .dh-today-placeholder button:hover, body.desktop-ui .dh-gallery-card:hover, body.desktop-ui .dh-subject:hover { transform:none; }
  }
}