/* ============================================================
   大熊聊设计 · OpenAI 风视觉系统
   极简黑白 · 留白 · 文档式 · 浅色阅读
   中文正文 18px · 苹方优先 · 文章标题 20/22/24
   ============================================================ */
/* dx-design-tokens
   Change the core visual values here. Example:
   --dx-color-text-body controls normal body text on the content area.
*/
:root{
  --dx-color-page-bg:#141414;
  --dx-color-surface:#1A1A1A;
  --dx-color-surface-raised:#202020;
  --dx-color-text-title:#eaeaea;
  --dx-color-text-body:#d6d6d6;
  --dx-color-text-secondary:#a8a8a8;
  --dx-color-text-muted:#767172;
  --dx-color-text-disabled:#929292;
  --dx-color-icon:#1A1A1A;
  --dx-color-line:#2a2928;
  --dx-color-line-strong:#383736;
  --dx-color-sidebar-bg:#252525;
  --dx-color-sidebar-surface:#141414;
  --dx-color-sidebar-selected:#206dff;
  --dx-color-sidebar-title:#bbbbbb;
  --dx-color-sidebar-body:#8e8d8d;
  --dx-color-sidebar-icon:#1A1A1A;
  --dx-color-accent:#206dff;
  --dx-color-accent-soft:#6ea8ff;
  --dx-color-on-accent:#ffffff;
  --dx-light-page-bg:#ffffff;
  --dx-light-surface:#f7f7f7;
  --dx-light-surface-raised:#f1f1f1;
  --dx-light-text-title:#1A1A1A;
  --dx-light-text-body:#1A1A1A;
  --dx-light-text-secondary:#555555;
  --dx-light-text-muted:#707070;
  --dx-light-text-disabled:#A8A8A8;
  --dx-light-icon:#1A1A1A;
  --dx-light-line:#e8e8e8;
  --dx-light-line-strong:#d7d7d7;
  --dx-light-sidebar-bg:#f3f3f3;
  --dx-light-sidebar-surface:#ffffff;
  --dx-light-sidebar-selected:#206dff;
  --dx-light-sidebar-title:#1A1A1A;
  --dx-light-sidebar-body:#626262;
  --dx-light-sidebar-icon:#1A1A1A;
  --dx-home-left-width:248px;
  --dx-home-reader-width:780px;
  --dx-home-reading-gutter:20px;
  --dx-home-panel-width:400px;
  --dx-home-shell-radius:18px;
  --dx-button-height:40px;
  --dx-button-padding-x:18px;
  --dx-button-gap:7px;
  --dx-button-radius:999px;
  --dx-button-border-width:1px;
  --dx-button-font-size:17px;
  --dx-compact-pill-font-size:14px;
  --dx-compact-pill-height:28px;
  --dx-compact-pill-padding-x:11px;
  --dx-motion-enabled:on;
  --dx-button-border-enabled:on;
  --dx-home-tools-default:off;
  --dx-effective-button-border-width:var(--dx-button-border-width);
  --dx-motion-duration-fast:.15s;
  --dx-motion-duration-normal:.22s;
  --dx-font-size-body:18px;
  --dx-font-size-list-title:17px;
  --dx-font-size-meta:14px;
  --dx-line-height-body:1.6;
  --dx-line-height-ui:1.5;
  --dx-line-height-meta:1.45;
  --dx-line-height-prose:1.6;
  --dx-line-height-reader:1.6;
  --dx-letter-spacing-body:0em;
  --dx-letter-spacing-reader:0em;
  --dx-reader-justify:off;
  --dx-reader-text-align:left;
  --dx-space-paragraph:26px;
  --dx-space-paragraph-compact:22px;
  --dx-space-heading-top:36px;
  --dx-space-heading-bottom:14px;
  --dx-book-title-trim:-3px;
  --dx-title-link-underline-offset:calc(var(--dx-content-link-underline-offset,4px) + 2px);
  --dx-book-title-underline-gap-extra:1px;
  --dx-book-title-underline-offset:calc(var(--dx-content-link-underline-offset,4px) + var(--dx-book-title-underline-gap-extra,1px) - 1px);
  --dx-content-h1-font-size:28px;
  --dx-content-h1-font-weight:600;
  --dx-content-h1-margin-top:40px;
  --dx-content-h1-margin-bottom:16px;
  --dx-content-h2-font-size:22px;
  --dx-content-h2-font-weight:600;
  --dx-content-h2-margin-top:36px;
  --dx-content-h2-margin-bottom:14px;
  --dx-content-h3-font-size:20px;
  --dx-content-h3-font-weight:600;
  --dx-content-h3-margin-top:28px;
  --dx-content-h3-margin-bottom:12px;
  --dx-content-h4-font-size:18px;
  --dx-content-h4-font-weight:600;
  --dx-content-h4-margin-top:24px;
  --dx-content-h4-margin-bottom:10px;
  --dx-content-h5-font-size:17px;
  --dx-content-h5-font-weight:600;
  --dx-content-h5-margin-top:20px;
  --dx-content-h5-margin-bottom:8px;
  --dx-article-divider-width:1px;
  --dx-article-divider-color:#d7d7d7;
  --dx-article-divider-space-before:24px;
  --dx-article-divider-space-after:28px;
  --dx-article-meta-divider-width:1px;
  --dx-article-meta-divider-color:#d7d7d7;
  --dx-article-meta-divider-space-before:24px;
  --dx-article-meta-divider-space-after:28px;
  --dx-top-border-color:#d7d7d7;
  --dx-breadcrumb-border-width:1px;
  --dx-breadcrumb-border-color:#d7d7d7;
  --dx-breadcrumb-height:38px;
  --dx-breadcrumb-padding-top:0px;
  --dx-breadcrumb-padding-bottom:0px;
  --dx-breadcrumb-font-size:15px;
  --dx-breadcrumb-sep-space:8px;
  --dx-breadcrumb-link-color:#1A1A1A;
  --dx-content-link-underline-offset:4px;
  --dx-content-link-underline-width:1px;
  --dx-breadcrumb-current-color:#7A7A7A;
  --dx-breadcrumb-separator-color:#D7D7D7;
  --dx-engage-text-color:#777474;
  --dx-engage-meta-color:#777474;
  --dx-engage-font-size:15px;
  --dx-engage-divider-color:#d7d7d7;
  --dx-engage-divider-space-before:24px;
  --dx-engage-gap:18px;
  --dx-engage-action-gap:24px;
  --dx-engage-icon-color:#1A1A1A;
  --dx-engage-icon-size:30px;
  --dx-engage-icon-stroke-width:2px;
  --dx-engage-icon-label-gap:6px;
  --dx-engage-count-color:#1A1A1A;
  --dx-engage-count-font-size:15px;
  --dx-engage-count-font-weight:400;
  --dx-engage-label-color:#1A1A1A;
  --dx-engage-label-font-size:15px;
  --dx-engage-active-color:#f24b55;
  --dx-engage-favorite-active-color:#f6b51e;
  --dx-list-marker-width:1.4em;
  --dx-list-inline-indent:16px;
  --dx-list-marker-gap:0.2em;
  --dx-list-bullet-gap:0.67em;
  --dx-list-ordered-marker-gap:0em;
  --dx-list-bullet-size:0.4em;
  --dx-list-item-gap:10px;
  --dx-list-block-gap:24px;
  --dx-list-nested-indent:22px;
  --dx-prose-image-width:100%;
  --dx-prose-image-max-width:100%;
  --dx-prose-image-radius:0px;
  --dx-prose-image-border-width:1px;
  --dx-prose-image-border-color:#d7d7d7;
  --dx-prose-image-margin-y:18px;
  --dx-image-credit-font-size:17px;
  --dx-image-credit-font-weight:400;
  --dx-image-credit-color:#1A1A1A;
  --dx-image-credit-gap:8px;
  --dx-image-credit-margin-top:10px;
  --dx-image-credit-margin-bottom:20px;
  --dx-image-credit-mark-size:1em;
  --dx-image-credit-mark-weight:400;
  --dx-image-credit-mark-offset-y:.015em;
  --dx-image-view-overlay-color:#1A1A1A;
  --dx-image-view-overlay-opacity:82%;
  --dx-image-view-overlay-blur:6px;
  --dx-image-view-fade-duration:260ms;
  --dx-font-size-sidebar-brand:20px;
  --dx-font-size-sidebar-action:16px;
  --dx-font-size-sidebar-nav:17px;
  --dx-font-size-sidebar-meta:14px;
  --dx-line-height-sidebar:1.45;
  --dx-font-sans:"PingFang SC";
  --dx-font-mono:'PingFang SC';
  --dx-font-serif:'PingFang SC';
  --dx-radius-card:12px;
  --dx-radius-pill:999px;
  --dx-radius-small:8px;
  --dx-user-avatar-radius:6px;

  --dx-color-right-bg:var(--dx-color-page-bg);
  --dx-color-right-surface:var(--dx-color-surface);
  --dx-color-right-surface-raised:var(--dx-color-surface-raised);
  --dx-color-right-title:var(--dx-color-text-title);
  --dx-color-right-body:var(--dx-color-text-body);
  --dx-color-right-secondary:var(--dx-color-text-secondary);
  --dx-color-right-muted:var(--dx-color-text-muted);
  --dx-color-right-disabled:var(--dx-color-text-disabled);
  --dx-color-right-icon:var(--dx-color-icon);
  --dx-color-right-line:var(--dx-color-line);
  --dx-color-left-bg:var(--dx-color-sidebar-bg);
  --dx-color-left-surface:var(--dx-color-sidebar-surface);
  --dx-color-left-selected-border:var(--dx-color-sidebar-selected);
  --dx-color-left-title:var(--dx-color-sidebar-title);
  --dx-color-left-body:var(--dx-color-sidebar-body);
  --dx-color-left-line:var(--dx-color-line-strong);
  --dx-color-left-icon:var(--dx-color-sidebar-icon);
  --dx-color-action:var(--dx-color-accent);
  --dx-color-action-soft:var(--dx-color-accent-soft);
  --dx-color-action-text:var(--dx-color-on-accent);

  --bg:var(--dx-color-right-bg); --bg2:var(--dx-color-right-surface); --bg3:var(--dx-color-right-surface-raised); --canvas:var(--dx-color-right-bg);
  --ink:var(--dx-color-right-body); --ink2:var(--dx-color-right-title); --mut:var(--dx-color-right-muted);
  --line:var(--dx-color-right-line); --line2:var(--dx-color-line-strong);
  --acc:var(--dx-color-action); --acc-ink:var(--dx-color-action-soft);
  --btn:var(--dx-color-action); --btn-ink:var(--dx-color-action-text);
  --r-card:var(--dx-radius-card); --r-pill:var(--dx-radius-pill); --r-sm:var(--dx-radius-small);
  --sans:var(--dx-font-sans);
  --mono:var(--dx-font-mono);
  --serif:var(--dx-font-serif);
}

html[data-theme="light"]{
  --bg:var(--dx-color-right-bg); --bg2:var(--dx-color-right-surface); --bg3:var(--dx-color-right-surface-raised); --canvas:var(--dx-color-right-bg);
  --ink:var(--dx-color-right-body); --ink2:var(--dx-color-right-title); --mut:var(--dx-color-right-muted);
  --line:var(--dx-color-right-line); --line2:var(--dx-color-line-strong);
  --acc:var(--dx-color-action); --acc-ink:var(--dx-color-action-soft);
  --btn:var(--dx-color-action); --btn-ink:var(--dx-color-action-text);
}
@media(max-width:1023px){
  :root,
  html,
  html:not([data-theme]),
  html[data-theme="light"],
  html[data-theme="dark"]{
    --dx-font-size-body:17px!important;
    --dx-line-height-body:1.6!important;
    --dx-line-height-prose:1.75!important;
    --dx-line-height-reader:1.75!important;
    --dx-letter-spacing-body:0.02em!important;
    --dx-letter-spacing-reader:0.02em!important;
  }
  html,
  body{
    font-size:17px!important;
  }
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--sans);background:var(--bg);color:var(--ink);font-size:var(--dx-font-size-body);line-height:var(--dx-line-height-body);letter-spacing:0}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.dx-wrap{max-width:1200px;margin:0 auto;padding:0 28px}
.dx-narrow{max-width:1200px;margin:0 auto;padding:0 28px}

/* 按钮（大圆角胶囊） */
.dx-btn{display:inline-flex;align-items:center;gap:7px;font-size:17px;padding:13px 26px;border-radius:var(--r-pill);border:1px solid var(--line2);background:var(--bg);color:var(--ink);cursor:pointer;transition:var(--dx-motion-duration-fast,.15s);white-space:nowrap;font-weight:500}
.dx-btn:hover{background:var(--bg2)}
.dx-btn-p{background:var(--btn);color:var(--btn-ink);border-color:var(--btn)}
.dx-btn-p:hover{opacity:.88}

/* ---------- 顶栏 ---------- */
.dx-top{position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:1px solid var(--line)}
.dx-top-in{display:flex;align-items:center;gap:20px;height:66px}.dx-logo{margin-right:auto}.dx-search{margin-left:auto}
.dx-logo{display:flex;align-items:center;gap:9px;font-weight:600;font-size:18px;letter-spacing:0;flex:0 0 auto}.dx-logo .dx-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:transparent;color:transparent;font-size:13px;font-weight:600;letter-spacing:0}.dx-logo .dx-brand-mark:not(.is-image){background:#1A1A1A;color:#fff}
.dx-mainnav{display:flex;align-items:center;gap:4px;margin:0 auto}
.dx-navitem{position:relative}
.dx-navitem>a{display:inline-flex;align-items:center;gap:5px;font-size:17px;color:var(--ink2);padding:8px 15px;border-radius:var(--r-pill)}
.dx-navitem>a:hover{background:var(--bg2)}
.dx-navitem.on>a{background:var(--bg2);color:var(--ink)}
.dx-navitem .caret{width:14px;height:14px;opacity:.5}
.dx-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:248px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:none;padding:8px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:var(--dx-motion-duration-fast,.15s)}
.dx-navitem:hover .dx-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.dx-dropdown a{display:block;padding:10px 14px;border-radius:10px;font-size:17px;color:var(--ink2)}
.dx-dropdown a:hover{background:var(--bg2);color:var(--ink)}

.dx-search{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--line2);border-radius:var(--r-pill);padding:0 16px;height:44px;min-width:230px;color:var(--mut)}
.dx-search input{border:0;outline:0;background:transparent;font-family:inherit;font-size:16px;color:var(--ink);width:100%}
.dx-search input::placeholder{color:var(--mut)}
.dx-search .mag{width:17px;height:17px;opacity:.6;flex:0 0 auto;margin-left:auto}
.dx-top-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.dx-cta{display:inline-flex;align-items:center;gap:6px;background:var(--btn);color:var(--btn-ink);font-size:16px;padding:11px 20px;border-radius:var(--r-pill);font-weight:500}
.dx-burger{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--bg);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.dx-burger span{width:17px;height:1.6px;background:var(--ink)}

/* ---------- 着陆 Hero（居中） ---------- */
.dx-hero{text-align:center;padding:88px 28px 56px}
.dx-hero-h1{font-size:60px;line-height:1.05;letter-spacing:-.035em;font-weight:600;max-width:840px;margin:0 auto 22px}
.dx-hero-lede{font-size:21px;line-height:1.55;color:var(--mut);max-width:600px;margin:0 auto 32px}
.dx-hero-cta{display:flex;gap:12px;justify-content:center}

/* 金句 hero */
.dx-qhero{padding:72px 28px 52px}
.dx-qhero-eye{font-size:17px;color:var(--mut);letter-spacing:.02em;margin-bottom:22px}
.dx-qhero-text{font-size:42px;line-height:1.3;letter-spacing:-.02em;font-weight:600;max-width:900px;margin:0 auto 18px}
.dx-qhero-note{font-size:18px;line-height:1.7;color:var(--mut);max-width:680px;margin:0 auto 30px}
.dx-qhero-hint{font-size:15px;color:var(--mut);margin-top:20px}
@media(max-width:760px){.dx-qhero{padding:48px 20px 36px}.dx-qhero-text{font-size:27px}}

/* 公告横幅卡 */
.dx-banner{display:flex;gap:22px;align-items:flex-start;border:1px solid var(--line);border-radius:var(--r-card);padding:26px 28px;margin-top:8px}
.dx-banner:hover{background:var(--bg2)}
.dx-banner-thumb{width:84px;height:84px;border-radius:14px;background:var(--bg3);flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--mut);overflow:hidden}
.dx-banner-thumb img{width:100%;height:100%;object-fit:cover}
.dx-banner h3{font-size:22px;font-weight:600;letter-spacing:-.02em;margin-bottom:9px}
.dx-banner p{font-size:17px;color:var(--mut);line-height:1.6;margin-bottom:15px;max-width:780px}
.dx-banner-links{display:flex;gap:24px}
.dx-banner-links span{font-size:17px;font-weight:500}

/* ---------- 区块 ---------- */
.dx-sec{padding:46px 0 0}
.dx-sec-h{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:20px}
.dx-sec-h h2{font-size:30px;font-weight:600;letter-spacing:-.025em}
.dx-sec-h a{font-size:17px;color:var(--mut)}
.dx-sec-h a:hover{color:var(--ink)}

/* 随笔展示(横向卡) */
.dx-suibi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.dx-suibi-c{background:var(--bg2);border-radius:var(--r-card);padding:22px 24px;transition:var(--dx-motion-duration-fast,.15s);display:flex;flex-direction:column}
.dx-suibi-c:hover{background:var(--bg3)}
.dx-suibi-c .d{font-size:15px;color:var(--mut);margin-bottom:10px}
.dx-suibi-c p{font-size:18px;line-height:1.7;color:var(--ink2);margin-bottom:14px}
.dx-suibi-c .more{font-size:16px;color:var(--mut);margin-top:auto}

/* 模块最新内容(图文行) */
.dx-mod{margin-top:10px}
.dx-mod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.dx-item{display:flex;gap:16px;align-items:flex-start;padding:14px;border-radius:var(--r-card);transition:var(--dx-motion-duration-fast,.15s)}
.dx-item:hover{background:var(--bg2)}
.dx-item .th{width:96px;height:72px;border-radius:12px;background:var(--bg3);flex:0 0 auto;overflow:hidden}
.dx-item .th img{width:100%;height:100%;object-fit:cover}
.dx-item h3{font-size:18px;font-weight:600;line-height:1.4;margin-bottom:6px;letter-spacing:-.01em}
.dx-item .m{font-size:15px;color:var(--mut)}

/* 课程模块（每门课显示最新一条更新） */
.dx-courserow{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px}
.dx-course{border:1px solid var(--line);border-radius:var(--r-card);padding:22px 24px;transition:var(--dx-motion-duration-fast,.15s)}
.dx-course:hover{border-color:var(--line2);background:var(--bg2)}
.dx-course .tag{font-size:15px;color:var(--mut);margin-bottom:8px}
.dx-course h3{font-size:20px;font-weight:600;letter-spacing:-.015em;margin-bottom:10px}
.dx-course .latest{font-size:16px;color:var(--mut);line-height:1.5}
.dx-course .latest b{color:var(--ink2);font-weight:500}

/* ---------- 文档式三栏（内容页备用） ---------- */
.dx-docs{display:grid;grid-template-columns:260px minmax(0,1fr) 210px;align-items:start}
.dx-docs-side{position:sticky;top:66px;height:calc(100vh - 66px);overflow-y:auto;border-right:1px solid var(--line);padding:24px 6px 40px 0}
.dx-docs-side .g{font-size:14px;letter-spacing:.03em;color:var(--mut);padding:14px 14px 6px}
.dx-docs-side a{display:block;font-size:17px;color:var(--ink2);padding:8px 14px;border-radius:9px}
.dx-docs-side a:hover{background:var(--bg2)}
.dx-docs-side a.on{color:var(--ink);font-weight:500;border-left:2px solid var(--ink);padding-left:12px}
.dx-docs-main{padding:34px 44px;min-width:0}
.dx-docs-toc{position:sticky;top:66px;height:calc(100vh - 66px);overflow-y:auto;padding:34px 0 40px 24px;border-left:1px solid var(--line)}
.dx-docs-toc .t{font-size:14px;color:var(--mut);margin-bottom:12px}
.dx-docs-toc a{display:block;font-size:16px;color:var(--mut);padding:5px 0}
.dx-docs-toc a:hover,.dx-docs-toc a.on{color:var(--ink)}

/* 正文阅读（18px 底） */
.dx-bc{font-size:15px;color:var(--mut);margin-bottom:16px}
.dx-article-title{font-size:30px;font-weight:600;letter-spacing:0;line-height:1.35;margin-bottom:16px}
.dx-article-meta{font-size:16px;color:var(--mut);padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:32px}
.dx-prose{font-size:18px;line-height:var(--dx-line-height-prose);color:var(--ink2);text-align:justify}
.dx-prose img{max-width:100%;height:auto}
.dx-prose p{margin:0 0 var(--dx-space-paragraph)}
.dx-prose h2{font-size:22px;font-weight:600;letter-spacing:0;color:var(--ink);margin:var(--dx-space-heading-top) 0 var(--dx-space-heading-bottom)}
.dx-prose h3{font-size:20px;font-weight:600;color:var(--ink);margin:28px 0 12px}
.dx-prose a{color:inherit;text-decoration-line:underline;-webkit-text-decoration-line:underline;text-decoration-thickness:var(--dx-content-link-underline-width,1px);text-decoration-color:currentColor;text-underline-offset:var(--dx-content-link-underline-offset,4px);text-decoration-skip-ink:auto;text-decoration-skip:ink}
.dx-prose a:hover,.dx-prose a:focus-visible{text-decoration-line:underline;-webkit-text-decoration-line:underline;text-decoration-thickness:var(--dx-content-link-underline-width,1px);text-decoration-color:currentColor;text-underline-offset:var(--dx-content-link-underline-offset,4px);text-decoration-skip-ink:auto;text-decoration-skip:ink}
.dx-prose :where(a[href]),.dx-read-body :where(a[href]),.bk-ann-body :where(a[href]),.es-read-body :where(a[href]),.bk-course-book .bk-front-section .bk-jin a,.bk-course-book .bk-ann-body a{color:inherit!important;text-decoration-line:underline!important;-webkit-text-decoration-line:underline!important;text-decoration-thickness:var(--dx-content-link-underline-width,1px)!important;text-decoration-color:currentColor!important;text-underline-offset:var(--dx-content-link-underline-offset,4px)!important;text-decoration-skip-ink:auto!important;text-decoration-skip:ink!important}
.dx-prose :where(a[href]:hover,a[href]:focus-visible),.dx-read-body :where(a[href]:hover,a[href]:focus-visible),.bk-ann-body :where(a[href]:hover,a[href]:focus-visible),.es-read-body :where(a[href]:hover,a[href]:focus-visible),.bk-course-book .bk-front-section .bk-jin a:hover,.bk-course-book .bk-front-section .bk-jin a:focus-visible,.bk-course-book .bk-ann-body a:hover,.bk-course-book .bk-ann-body a:focus-visible{color:inherit!important;text-decoration-line:underline!important;-webkit-text-decoration-line:underline!important;text-decoration-thickness:var(--dx-content-link-underline-width,1px)!important;text-decoration-color:currentColor!important;text-underline-offset:var(--dx-content-link-underline-offset,4px)!important;text-decoration-skip-ink:auto!important;text-decoration-skip:ink!important}
.dx-prose img{border-radius:12px;margin:12px 0;border:1px solid var(--line)}
.dx-prose blockquote{border-left:3px solid var(--line2);padding:2px 20px;margin:20px 0;color:var(--mut)}
.dx-prose code{font-family:var(--mono);font-size:.92em;background:var(--bg2);border:1px solid var(--line);border-radius:6px;padding:1px 7px}
.dx-prose pre{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:18px;overflow-x:auto;margin:20px 0}
.dx-prose ul,.dx-prose ol{margin:0 0 20px 24px}
.dx-prose li{margin:7px 0}
.dx-callout{border:1px solid var(--line);border-left:3px solid var(--ink);border-radius:0 var(--r-sm) var(--r-sm) 0;background:var(--bg2);padding:16px 20px;font-size:18px;color:var(--ink2);margin:22px 0}

/* 列表/归档 */
.dx-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden}
.dx-li{background:var(--bg);padding:22px 24px;transition:var(--dx-motion-duration-fast,.15s)}
.dx-li:hover{background:var(--bg2)}
.dx-li h3{font-size:18px;font-weight:600;line-height:1.4;margin-bottom:9px;letter-spacing:-.01em}
.dx-li p{font-size:16px;color:var(--mut);line-height:1.55;margin-bottom:11px}
.dx-li .m{font-size:15px;color:var(--mut)}
.dx-pager{display:flex;gap:8px;justify-content:center;padding:34px 0 60px}
.dx-pager .page-numbers{font-size:16px;padding:9px 15px;border:1px solid var(--line);border-radius:var(--r-pill);color:var(--ink2)}
.dx-pager .page-numbers.current{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.dx-empty{color:var(--mut);padding:40px 0;font-size:17px}

/* ---------- 文章互动:浏览/点赞/推荐 ---------- */
.dx-engage{display:flex;align-items:center;gap:14px;margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}
.dx-eng-v{font-size:15px;color:var(--mut)}
.dx-like{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line2);background:var(--bg);color:var(--mut);border-radius:var(--r-pill);padding:9px 18px;font-size:16px;cursor:pointer;transition:var(--dx-motion-duration-fast,.15s)}
.dx-like svg{display:block}
.dx-like:hover{border-color:#e24b4a;color:#e24b4a}
.dx-like.on{border-color:#e24b4a;color:#e24b4a;background:rgba(226,75,74,.07)}
.dx-rec{margin-left:auto;border:1px solid var(--line2);background:var(--bg);color:var(--ink2);border-radius:var(--r-pill);padding:9px 18px;font-size:15px;cursor:pointer;transition:var(--dx-motion-duration-fast,.15s)}
.dx-rec:hover{border-color:var(--ink)}
.dx-rec.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
/* 上一篇/下一篇 + 相关阅读 */
.dx-pn{display:flex;gap:16px;justify-content:space-between;margin:40px auto 0;padding-top:26px;border-top:1px solid var(--line)}
.dx-pn-a{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:var(--r-card);padding:16px 18px;transition:var(--dx-motion-duration-fast,.15s)}
.dx-pn-a:hover{border-color:var(--line2);background:var(--bg2)}
.dx-pn-next{text-align:right}
.dx-pn-a span{font-size:14px;color:var(--mut)}
.dx-pn-a b{font-size:16px;font-weight:500;color:var(--ink);line-height:1.5}
.dx-related{margin:40px auto 76px}
.dx-related-h{font-size:15px;color:var(--mut);margin-bottom:12px}
.dx-related-a{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:14px 0;border-top:1px solid var(--line)}
.dx-related-a .t{font-size:17px;color:var(--ink);line-height:1.5}
.dx-related-a:hover .t{color:var(--acc)}
.dx-related-a .d{font-size:14px;color:var(--mut);flex:0 0 auto;font-variant-numeric:tabular-nums}
@media(max-width:600px){.dx-pn{flex-direction:column}}

/* ---------- 404 ---------- */
.dx-404{max-width:560px;margin:0 auto;padding:100px 28px;text-align:center}
.dx-404-code{font-size:80px;font-weight:600;letter-spacing:-.04em;color:var(--line2);line-height:1}
.dx-404-h{font-size:28px;font-weight:600;margin:12px 0 10px}
.dx-404-p{font-size:17px;color:var(--mut);margin-bottom:28px}
.dx-404-cta{display:flex;gap:12px;justify-content:center}

/* ---------- 页脚 ---------- */
.dx-foot{border-top:var(--dx-footer-border-width,1px) solid var(--dx-footer-border-color,var(--line));margin-top:var(--dx-footer-margin-top,60px);background:var(--dx-footer-bg,var(--bg))}
.dx-foot-in{display:flex;align-items:flex-start;justify-content:flex-start;gap:18px;min-height:var(--dx-footer-min-height,0px);padding:var(--dx-footer-padding-top,32px) 0 var(--dx-footer-padding-bottom,32px);flex-wrap:wrap;font-size:var(--dx-footer-font-size,15px);color:var(--dx-footer-legal-color,var(--mut))}
.dx-foot > .dx-wrap.dx-foot-in{box-sizing:border-box;max-width:var(--dx-top-content-width,1200px);padding-left:var(--dx-page-padding-x,28px);padding-right:var(--dx-page-padding-x,28px)}
.dx-foot-in .b{font-weight:600;color:var(--ink);font-size:17px}
.dx-foot-in .r{margin-left:auto}
.dx-foot-in a{color:var(--dx-footer-legal-color,var(--mut));text-decoration:none}
.dx-foot-in a:hover{color:var(--dx-footer-link-hover-color,var(--ink))}
.dx-foot-copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--dx-footer-line-gap,8px);min-width:0;width:100%}
.dx-foot-line{margin:0;color:var(--dx-footer-legal-color,var(--mut));font-size:var(--dx-footer-font-size,15px);line-height:var(--dx-footer-line-height,1.6)}
.dx-foot-site{display:flex;align-items:baseline;justify-content:flex-start;flex-wrap:wrap;gap:0 var(--dx-footer-item-gap,8px);color:var(--dx-footer-site-color,var(--ink));font-weight:var(--dx-footer-site-font-weight,500);text-align:left}
.dx-foot-brand{display:inline-flex;align-items:center;color:var(--dx-footer-site-color,var(--ink))}
.dx-foot-domains{display:inline-flex;align-items:baseline;gap:0 var(--dx-footer-slash-gap,4px)}
.dx-foot-slash,.dx-foot-note{color:var(--dx-footer-muted-color,#7A7A7A)!important}
.dx-foot-note{margin-left:var(--dx-footer-note-gap,12px);font-weight:400}
.dx-foot-legal{color:var(--dx-footer-legal-color,var(--mut));letter-spacing:0;word-spacing:0;text-autospace:no-autospace}
.dx-foot-copyright-mark{display:inline-block;font-family:var(--dx-font-sans,"PingFang SC");font-size:1em;line-height:1;vertical-align:baseline;position:relative;top:.015em;margin-right:0;letter-spacing:0}
.dx-foot-legal a{color:inherit;text-decoration:none}
.dx-foot-legal a:hover,.dx-foot-legal a:focus-visible{color:var(--dx-footer-link-hover-color,var(--ink));text-decoration-line:underline;text-decoration-thickness:var(--dx-content-link-underline-width,1px);text-underline-offset:var(--dx-content-link-underline-offset,4px);text-decoration-skip-ink:auto}

/* ============================================================
   《智者的设计哲学》三栏读书器
   ============================================================ */
.bk{display:grid;grid-template-columns:264px 1fr 0px;height:calc(100vh - 66px);transition:grid-template-columns .22s ease}
.bk.show-ann{grid-template-columns:236px minmax(0,1.15fr) minmax(340px,1fr)}
.bk>*{overflow-y:auto;-webkit-overflow-scrolling:touch}
.bk-toc{border-right:1px solid var(--line);background:var(--bg2);padding:22px 0}
.bk-toc-h{font-weight:600;font-size:18px;padding:0 22px 2px}
.bk-toc-sub{font-size:14px;color:var(--mut);padding:0 22px 14px}
.bk-toc-v{display:flex;align-items:center;justify-content:space-between;padding:11px 22px;font-size:17px;color:var(--ink2)}
.bk-toc-v:hover{background:var(--bg3);color:var(--ink)}
.bk-toc-v span{color:var(--mut);font-size:14px}
.bk-head{padding:34px 44px 18px;border-bottom:1px solid var(--line)}
.bk-head h1{font-size:30px;font-weight:600;letter-spacing:-.025em;margin-bottom:8px}
.bk-head p{color:var(--mut);font-size:16px}
.bk-vol-h{position:sticky;top:0;background:var(--bg);font-size:15px;color:var(--mut);padding:16px 44px 12px;border-bottom:1px solid var(--line);z-index:2}
.bk-s{display:flex;align-items:flex-start;gap:14px;padding:16px 44px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .12s}
.bk-s:hover{background:var(--bg2)}
.bk-s.on{background:var(--bg2);border-left:3px solid var(--ink);padding-left:13px}
.bk-n{flex:0 0 auto;width:36px;font-size:14px;color:var(--mut);font-variant-numeric:tabular-nums;padding-top:4px}
.bk-jin{flex:1;font-size:18px;line-height:1.7;color:var(--ink)}
.bk-tag{flex:0 0 auto;margin-top:3px;font-size:12px;color:var(--acc);border:1px solid var(--acc);border-radius:999px;padding:1px 9px;opacity:.7}
/* 右:批注面板 */
.bk-ann{border-left:1px solid var(--line);padding:30px 28px;position:relative}
.bk-ann-close{display:none}
.bk-ann-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--mut);font-size:16px;text-align:center;line-height:1.9}
.bk-ann-empty-ic{font-size:46px;color:var(--line2);font-family:var(--sans);margin-bottom:6px}
.bk-ann-n{font-size:14px;color:var(--mut);margin-bottom:10px}
.bk-ann-jin{font-size:21px;font-weight:600;line-height:1.5;letter-spacing:-.01em;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.bk-ann-label{font-size:13px;color:var(--mut);letter-spacing:.04em;margin-bottom:10px}
.bk-ann-body{font-size:18px;line-height:var(--dx-line-height-reader);color:var(--ink2)}
.bk-ann-none{font-size:16px;color:var(--mut);padding:4px 0}
.bk-ann-edit{margin-top:28px;border-top:1px dashed var(--line2);padding-top:20px}
.bk-ann-edit textarea{width:100%;min-height:120px;border:1px solid var(--line2);border-radius:12px;padding:12px 14px;font-family:inherit;font-size:16px;line-height:1.7;color:var(--ink);background:var(--bg);resize:vertical;box-sizing:border-box}
.bk-ann-save{margin-top:12px;background:var(--btn);color:var(--btn-ink);border:0;border-radius:999px;padding:11px 22px;font-size:15px;cursor:pointer}
.bk-ann-save:disabled{opacity:.55;cursor:default}
.bk-ann-tip{font-size:13px;color:var(--mut);margin-top:10px}
@media(max-width:900px){
  .bk{display:block;height:auto}
  .bk-toc{display:none}
  .bk>*{overflow:visible}
  .bk-s{padding:16px 20px}.bk-vol-h{padding:14px 20px 10px}.bk-head{padding:24px 20px 16px}
  .bk-ann{position:fixed;left:0;right:0;bottom:0;top:auto;max-height:78vh;border-left:0;border-top:1px solid var(--line);transform:translateY(110%);transition:transform var(--dx-motion-duration-normal,.22s);z-index:60;background:var(--bg);box-shadow:none}
  .bk.show-ann .bk-ann{transform:translateY(0)}
  .bk-ann-close{display:inline-block;position:absolute;top:14px;right:16px;background:var(--bg2);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:14px;cursor:pointer;color:var(--ink2)}
}

/* ============================================================
   大熊随笔 · 主从两栏
   ============================================================ */
.es{display:grid;grid-template-columns:1fr 0px;height:calc(100vh - 66px);transition:grid-template-columns .22s ease}
.es.show-detail{grid-template-columns:minmax(0,400px) 1fr}
.es>*{overflow-y:auto;-webkit-overflow-scrolling:touch}
.es-list{border-right:1px solid var(--line);padding:28px 0}
.es-list-h{font-size:28px;font-weight:600;letter-spacing:-.025em;padding:0 32px 4px}
.es-list-sub{font-size:16px;color:var(--mut);padding:0 32px 18px}
.es-item{padding:18px 32px;border-top:1px solid var(--line);cursor:pointer;transition:background .12s}
.es-item:hover{background:var(--bg2)}
.es-item.on{background:var(--bg2);border-left:3px solid var(--ink);padding-left:13px}
.es-item-d{font-size:14px;color:var(--mut);margin-bottom:6px}
.es-item-t{font-size:17px;line-height:1.7;color:var(--ink)}
.es-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--mut);font-size:16px;text-align:center}
.es-empty-ic{font-size:46px;color:var(--line2);font-family:var(--sans);margin-bottom:6px}
.es-read{max-width:680px;margin:0 auto;padding:52px 40px 80px}
.es-read-meta{display:flex;align-items:center;gap:9px;font-size:15px;color:var(--mut);margin-bottom:26px}
.es-av{width:30px;height:30px;border-radius:50%;background:var(--ink);color:var(--bg);display:flex;align-items:center;justify-content:center;font-size:14px}
.es-read-body{font-size:18px;line-height:var(--dx-line-height-reader);color:var(--ink2)}
.es-read-body p{margin:0 0 var(--dx-space-paragraph)}
.es-close{display:none}
.es-pager{padding:22px 32px}
@media(max-width:900px){
  .es{display:block;height:auto}
  .es>*{overflow:visible}
  .es-detail{position:fixed;inset:0;background:var(--bg);transform:translateX(110%);transition:transform var(--dx-motion-duration-normal,.22s);z-index:60;overflow-y:auto}
  .es.show-detail .es-detail{transform:translateX(0)}
  .es-close{display:inline-block;position:fixed;top:14px;right:16px;z-index:61;background:var(--bg2);border:1px solid var(--line);border-radius:999px;padding:7px 15px;font-size:14px;color:var(--ink2);cursor:pointer}
  .es-read{padding:30px 20px 70px}
  .es-list-h{font-size:24px;padding:0 20px 4px}.es-list-sub{padding:0 20px 16px}.es-item{padding:16px 20px}
}

/* ---------- 移动端 ---------- */
@media(max-width:900px){
  .dx-docs{grid-template-columns:1fr}
  .dx-docs-side,.dx-docs-toc{display:none}
  .dx-docs-main{padding:24px 0}
  .dx-suibi-row,.dx-courserow,.dx-mod-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .dx-mainnav,.dx-search{display:none}
  .dx-burger{display:flex}
  .dx-hero{padding:54px 20px 36px}
  .dx-hero-h1{font-size:38px}
  .dx-hero-lede{font-size:18px}
  .dx-banner{flex-direction:column;gap:14px}
  .dx-article-title{font-size:22px}
  .dx-sec-h h2{font-size:25px}
}
.dx-mnav-panel{display:none}
body.dx-mnav-open .dx-mnav-panel{display:block;border-bottom:1px solid var(--line);padding:10px 0}
.dx-mnav-panel a{display:block;padding:12px 28px;font-size:18px;color:var(--ink2)}

/* ============ 全站常驻左侧栏外壳（.dx-static，套在 dx_use_app_shell 的页面上；首页用自己内联那套，互不影响） ============ */
body.dx-app .dx-top{display:block}
.dx-static{--dx-detail:400px;--dx-main:780px;font-family:var(--sans);min-height:100vh;display:grid;grid-template-columns:max-content minmax(0,1fr);min-width:1040px;color:var(--ink);background:var(--bg)}
.dx-static.dx-3col{grid-template-columns:max-content var(--dx-main) 1px minmax(0,1fr);min-width:1180px}
.dx-static.dx-3col .dx-center{padding:40px 44px 56px}
.dx-static .dx-resizer-detail{cursor:col-resize;background:var(--line);position:relative;z-index:2}
.dx-static .dx-resizer-detail:after{content:"";position:absolute;top:0;bottom:0;left:-6px;width:13px}
.dx-static .dx-resizer-detail:hover,.dx-static .dx-resizer-detail:focus{background:var(--ink);outline:0}
.dx-side3{min-width:280px;max-width:var(--dx-home-panel-width,400px);background:var(--bg);padding:30px 24px;position:sticky;top:0;height:100vh;overflow:auto;color:var(--ink);box-sizing:border-box}
.dx-side3-head{font-size:20px;font-weight:600;color:var(--ink);margin-bottom:16px}
.dx-side3-empty{font-size:15px;line-height:1.75;color:var(--mut);text-align:left;margin-top:28px;max-width:280px}
.dx-side3-empty p{margin:0 0 12px}
.dx-side3-mark{display:block;font-family:var(--sans);font-size:48px;color:var(--line2);line-height:1;margin-bottom:10px}
.dx-static .dx-side{background:var(--bg2);padding:18px 14px 24px;height:100vh;position:sticky;top:0;overflow:auto}
.dx-static .dx-brand{display:flex;align-items:center;gap:10px;padding:4px 10px 18px;color:var(--ink);font-size:20px;font-weight:650;text-decoration:none}
.dx-static .dx-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:var(--dx-sidebar-logo-size,31px);height:var(--dx-sidebar-logo-size,31px);min-width:var(--dx-sidebar-logo-size,31px);border-radius:10px;background:var(--dx-color-sidebar-surface);color:#fff;font-size:13px;font-weight:760;letter-spacing:.02em;overflow:hidden}
.dx-static .dx-side-search{display:flex;align-items:center;gap:8px;height:40px;margin:0 6px 12px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--bg)}
.dx-static .dx-side-search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:16px}
.dx-static .dx-side-search svg{width:20px;height:20px;color:var(--mut);flex:0 0 auto}
.dx-static .dx-side-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0 6px 18px}
.dx-static .dx-tool-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--ink);font:inherit;font-size:17px;font-weight:400;cursor:pointer;padding:0 14px;white-space:nowrap;flex:0 0 auto;text-decoration:none}
.dx-static .dx-tool-btn:hover{background:var(--bg3);border-color:var(--line2)}
.dx-static .dx-tool-ico,.dx-static .dx-nav-ico,.dx-static .dx-search-ico{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--mut)}
.dx-static .dx-tool-ico svg,.dx-static .dx-nav-ico svg,.dx-static .dx-search-ico svg{width:20px;height:20px;stroke:currentColor;stroke-width:var(--dx-sidebar-icon-stroke-width,var(--dx-icon-stroke-width,2.15));stroke-linecap:round;stroke-linejoin:round}
.dx-static .dx-tool-ico svg *,.dx-static .dx-nav-ico svg *,.dx-static .dx-search-ico svg *{vector-effect:non-scaling-stroke}
.dx-static .dx-tool-btn:hover .dx-tool-ico,.dx-static .dx-tree-link:hover .dx-nav-ico,.dx-static .dx-tree-link.is-selected .dx-nav-ico{color:var(--ink)}
.dx-static .dx-tree-group{margin-top:12px}
.dx-static .dx-tree-label{font-size:16px;color:var(--mut);padding:10px 10px 6px}
.dx-static .dx-tree-link{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-radius:10px;background:transparent;padding:9px 10px;font:inherit;font-size:18px;line-height:1.35;text-align:left;color:var(--ink);cursor:pointer;text-decoration:none}
.dx-static .dx-tree-link:hover,.dx-static .dx-tree-link.is-selected{background:var(--bg);background:color-mix(in srgb,var(--bg) 78%,var(--ink) 22%);color:var(--ink);outline:0}
.dx-static .dx-tree-main{display:flex;align-items:center;gap:8px;min-width:0}
.dx-static .dx-tree-text{white-space:nowrap}
.dx-static .dx-tree-meta{font-size:16px;color:var(--mut);white-space:nowrap;margin-left:auto}
.dx-static .dx-tree-sub{padding:2px 0 6px 12px}
.dx-static .dx-tree-sub .dx-tree-link{gap:24px}
.dx-static .dx-center{min-width:0;padding:44px 100px 64px}
.dx-static .dx-center .dx-wrap,.dx-static .dx-center .dx-narrow{max-width:none;margin:0;padding:0}
@media(max-width:820px){
  .dx-static{min-width:0;display:block}
  .dx-static .dx-side{height:auto;position:static;overflow:visible;box-shadow:none;border-bottom:1px solid var(--line)}
  .dx-static .dx-center{padding:22px 18px 40px}
}
/* 整屏多栏 app 页（/book 读书器、随笔）：正文列去内边距、占满高度，内部 .bk/.es 自己分栏 */
.dx-static .dx-center.dx-bleed{padding:0;height:100vh;overflow:hidden}
.dx-center.dx-bleed .bk,.dx-center.dx-bleed .es{height:100%}
body.dx-bleed .dx-foot{display:block}

/* dx-global-left-no-shadow */
.dx-docs-side a.on,.bk-s.on,.es-item.on,.dx-static .dx-tree-link:hover,.dx-static .dx-tree-link.is-selected{box-shadow:none!important}
.dx-static .dx-side,.dx-static .dx-side *{box-shadow:none!important;filter:none!important;text-shadow:none!important}
.dx-static .dx-tree-link{background:transparent}

/* dx-home-global-unify */
:root,html[data-theme="light"]{--bg:var(--dx-color-page-bg);--bg2:var(--dx-color-surface);--bg3:var(--dx-color-surface-raised);--canvas:var(--dx-color-page-bg);--ink:var(--dx-color-text-body);--ink2:var(--dx-color-text-title);--mut:var(--dx-color-text-muted);--line:var(--dx-color-line);--line2:var(--dx-color-line-strong);--acc:var(--dx-color-accent);--acc-ink:var(--dx-color-accent-soft);--btn:var(--dx-color-accent);--btn-ink:var(--dx-color-on-accent);--r-card:var(--dx-radius-card);--r-sm:var(--dx-radius-small)}
html,body,.dx-main{background:var(--dx-color-page-bg);color:var(--dx-color-text-body)}
body{letter-spacing:0}
.dx-top{background:var(--dx-color-page-bg);border-bottom-color:var(--dx-color-line-strong);color:var(--dx-color-text-body);box-shadow:none}
.dx-logo,.dx-navitem>a,.dx-search input,.dx-cta{color:var(--dx-color-text-body)}
.dx-logo .dx-brand-mark,.dx-static .dx-brand-mark{background:var(--dx-color-page-bg)!important;color:var(--dx-color-sidebar-title)!important;border:1px solid var(--dx-color-line-strong);box-shadow:none!important}
.dx-search,.dx-dropdown{background:var(--dx-color-page-bg);border-color:var(--dx-color-line-strong);box-shadow:none;color:var(--dx-color-text-body)}
.dx-navitem>a:hover,.dx-navitem.on>a,.dx-dropdown a:hover:hover{background:var(--dx-color-surface);color:var(--dx-color-text-title)}
.dx-dropdown a{color:var(--dx-color-text-body)}
.dx-static{background:var(--dx-color-page-bg);color:var(--dx-color-text-body)}
.dx-static .dx-center,.dx-static .dx-center.dx-bleed,.dx-docs-main,.bk-main,.es-detail{background:var(--dx-color-page-bg);color:var(--dx-color-text-body)}
.dx-static .dx-side{--bg:var(--dx-color-left-surface);--bg2:var(--dx-color-left-bg);--bg3:var(--dx-color-left-surface);--ink:var(--dx-color-left-title);--ink2:var(--dx-color-left-body);--mut:var(--dx-color-left-body);--line:var(--dx-color-left-line);--line2:var(--dx-color-left-selected-border);background:var(--dx-color-sidebar-bg)!important;color:var(--dx-color-sidebar-body);border-right:1px solid var(--dx-color-line-strong);box-shadow:none!important}
.dx-static .dx-brand,.dx-static .dx-tree-text{color:var(--dx-color-sidebar-title)}
.dx-static .dx-side-search,.dx-static .dx-tool-btn{background:var(--dx-color-page-bg)!important;border-color:var(--dx-color-line-strong)!important;color:var(--dx-color-sidebar-body)!important;box-shadow:none!important}
.dx-static .dx-side-search input,.dx-static .dx-side-search input::placeholder,.dx-static .dx-tree-label,.dx-static .dx-tree-meta{color:var(--dx-color-sidebar-body)!important}
.dx-static .dx-tool-ico,.dx-static .dx-nav-ico,.dx-static .dx-search-ico,.dx-static .dx-side-search svg{color:var(--dx-color-sidebar-icon)!important}
.dx-static .dx-tree-link{background:transparent!important;color:var(--dx-color-sidebar-body)!important;box-shadow:none!important}
.dx-static .dx-tree-link:hover{background:var(--dx-color-page-bg)!important;background:color-mix(in srgb,var(--dx-color-page-bg) 86%,var(--dx-color-sidebar-title) 14%)!important;color:var(--dx-color-sidebar-title)!important;outline:0!important;box-shadow:none!important}
.dx-static .dx-tree-link.is-selected{background:var(--dx-color-page-bg)!important;background:color-mix(in srgb,var(--dx-color-page-bg) 78%,var(--dx-color-sidebar-title) 22%)!important;color:var(--dx-color-sidebar-title)!important;outline:0!important;box-shadow:none!important}
.dx-static .dx-resizer-detail{background:var(--dx-color-line-strong)!important}
.dx-static .dx-resizer-detail:hover,.dx-static .dx-resizer-detail:focus{background:var(--dx-color-accent)!important}
.dx-side3{background:var(--dx-color-page-bg)!important;color:var(--dx-color-text-body);border-left:0;box-shadow:none}
.dx-side3-head,.dx-article-title,.dx-sec-h h2,.dx-course-card h3,.dx-resource h3,.dx-li h3,.dx-prose h2,.dx-prose h3,.dx-404-h,.bk-head h1,.bk-ann-jin,.es-list-h,.dx-pn-a b,.dx-related-a .t{color:var(--dx-color-text-title)!important;letter-spacing:0}
.dx-prose,.dx-prose p,.dx-course-lede,.dx-library-head p,.dx-courses-head p,.dx-resource p,.dx-course-card p,.dx-li p,.bk-ann-body,.es-read-body,.es-read-body p,.dx-callout{color:var(--dx-color-text-body)!important}
.dx-bc,.dx-article-meta,.dx-sec-h a,.dx-sec-h span,.dx-resource .k,.dx-course-card .tag,.dx-course-card .latest a,.dx-li .m,.dx-goal span,.dx-library-stat span,.dx-course-side-title,.dx-course-side-row,.dx-course-side-link em,.dx-eng-v,.dx-related-h,.dx-related-a .d,.dx-side3-empty,.bk-head p,.bk-toc-sub,.bk-toc-v span,.bk-vol-h,.bk-n,.bk-ann-n,.bk-ann-label,.bk-ann-none,.bk-ann-tip,.es-list-sub,.es-item-d,.es-empty{color:var(--dx-color-text-muted)!important}
.dx-side3-mark,.bk-ann-empty-ic,.es-empty-ic{color:var(--dx-color-icon)!important}
.dx-list,.dx-library-stats{background:var(--dx-color-line-strong)!important;border-color:var(--dx-color-line-strong)!important;border-radius:8px!important;box-shadow:none!important}
.dx-li,.dx-resource,.dx-course-card,.dx-library-stat,.dx-course-side,.dx-pn-a,.dx-like,.dx-rec,.dx-btn,.dx-course-meta span,.dx-prose code,.dx-prose pre,.dx-callout,.dx-404 .dx-btn{background:var(--dx-color-page-bg)!important;border-color:var(--dx-color-line-strong)!important;color:var(--dx-color-text-body)!important;box-shadow:none!important}
.dx-li:hover,.dx-resource:hover,.dx-course-card:hover,.dx-pn-a:hover,.dx-like:hover,.dx-rec:hover,.dx-btn:hover,.dx-course-side-link:hover{background:var(--dx-color-surface)!important;border-color:var(--dx-color-line-strong)!important;color:var(--dx-color-text-title)!important}
.dx-btn-p,.dx-rec.on,.dx-pager .page-numbers.current,.bk-ann-save{background:var(--dx-color-accent)!important;border-color:var(--dx-color-accent)!important;color:var(--dx-color-on-accent)!important}
.dx-pager .page-numbers{background:var(--dx-color-page-bg);border-color:var(--dx-color-line-strong);color:var(--dx-color-text-body)}
.dx-prose img{border-color:var(--dx-color-line-strong)!important;border-radius:8px!important}
.dx-course-hero,.dx-read-head,.dx-course-side-block,.dx-course-side-row,.dx-course-side-link,.dx-article-meta,.dx-engage,.dx-pn,.dx-related-a{border-color:var(--dx-color-line-strong)!important}
.dx-foot{border-color:var(--dx-footer-border-color,var(--dx-color-line-strong))!important}
.dx-course-hero{background:var(--dx-color-page-bg)!important}
.dx-foot{background:var(--dx-footer-bg,var(--dx-color-page-bg))!important}
.dx-foot,.dx-foot-in,.dx-foot-in a{color:var(--dx-footer-legal-color,var(--dx-color-text-muted))!important}
.dx-foot-in .b{color:var(--dx-footer-site-color,var(--dx-color-text-title))!important}
.bk-toc,.es-list{background:var(--dx-color-sidebar-bg)!important;border-color:var(--dx-color-line-strong)!important;color:var(--dx-color-sidebar-body);box-shadow:none!important}
.bk-toc-h,.bk-jin,.es-item-t{color:var(--dx-color-sidebar-title)!important}
.bk-toc-v,.bk-s,.es-item{border-color:var(--dx-color-line-strong)!important;color:var(--dx-color-sidebar-body);box-shadow:none!important}
.bk-toc-v:hover,.bk-s:hover,.bk-s.on,.es-item:hover,.es-item.on{background:var(--dx-color-page-bg)!important;color:var(--dx-color-sidebar-title)!important;box-shadow:none!important}
.bk-s.on,.es-item.on{border-left-color:var(--dx-color-accent)!important}
.bk-vol-h{background:var(--dx-color-page-bg)!important;border-color:var(--dx-color-line-strong)!important}
.bk-head,.bk-ann,.bk-ann-jin,.bk-ann-edit{border-color:var(--dx-color-line-strong)!important}
.bk-ann,.bk-ann-edit textarea,.es-detail{background:var(--dx-color-page-bg)!important;color:var(--dx-color-text-body)!important}
.bk-ann-edit textarea{border-color:var(--dx-color-line-strong)!important}
input,textarea,select{background:var(--dx-color-page-bg);color:var(--dx-color-text-body);border-color:var(--dx-color-line-strong)}
::placeholder{color:var(--dx-color-text-muted)}
*{text-shadow:none}
@supports (word-break:auto-phrase){.dx-prose,.dx-course-lede,.dx-li p,.dx-resource p,.dx-course-card p,.bk-jin,.bk-ann-body,.es-read-body{word-break:auto-phrase}}

/* dx-sidebar-type-lock */
.dx-static .dx-side{font-size:var(--dx-font-size-sidebar-nav)!important;line-height:var(--dx-line-height-sidebar)!important}
.dx-static .dx-brand{font-size:var(--dx-font-size-sidebar-brand)!important;font-weight:560!important;letter-spacing:0!important}
.dx-static .dx-brand-mark{font-size:13px!important;font-weight:650!important;letter-spacing:0!important}
.dx-static .dx-side-search input{font-size:16px!important;font-weight:400!important;letter-spacing:0!important}
.dx-static .dx-tool-btn{font-size:var(--dx-font-size-sidebar-action)!important;font-weight:430!important;letter-spacing:0!important}
.dx-static .dx-tree-label{font-size:var(--dx-font-size-sidebar-meta)!important;font-weight:420!important;line-height:1.4!important;letter-spacing:0!important}
.dx-static .dx-tree-link{font-size:var(--dx-font-size-sidebar-nav)!important;font-weight:430!important;line-height:1.42!important;letter-spacing:0!important}
.dx-static .dx-tree-meta{font-size:var(--dx-font-size-sidebar-meta)!important;font-weight:400!important;letter-spacing:0!important;font-variant-numeric:tabular-nums!important}

/* dx-reading-rhythm-tokens */
.dx-prose{line-height:var(--dx-line-height-prose)}
.dx-prose p{margin:0 0 var(--dx-space-paragraph)}
.dx-prose h2{margin:var(--dx-space-heading-top) 0 var(--dx-space-heading-bottom)}
.dx-prose h3{margin:var(--dx-space-heading-top) 0 var(--dx-space-heading-bottom)}
.dx-read-body,.bk-ann-body,.es-read-body{line-height:var(--dx-line-height-reader)}
.dx-read-body p,.es-read-body p{margin:0 0 var(--dx-space-paragraph)}
.dx-quote-note{line-height:var(--dx-line-height-prose)}
.dx-course-lede,.dx-li p,.dx-resource p,.dx-course-card p{line-height:var(--dx-line-height-prose)}

/* dx-site-responsive */
html,
body{
  max-width:100%;
  overflow-x:hidden;
}
pre,
code,
table,
iframe,
video{
  max-width:100%;
}
video{
  position:relative;
  z-index:0;
  border:1px solid #F2F2F2;
  box-sizing:border-box;
}
.dx-prose pre,
.dx-prose code{
  overflow-wrap:anywhere;
}
.dx-prose table{
  display:block;
  width:100%;
  overflow-x:auto;
}
@media(max-width:1180px){
  .dx-static,
  .dx-static.dx-3col{
    min-width:0;
    display:block;
  }
  .dx-static.dx-3col{grid-template-columns:none}
  .dx-static .dx-side{
    position:relative;
    top:auto;
    height:auto;
    max-height:none;
    overflow:visible;
    border-right:0!important;
    border-bottom:1px solid var(--dx-color-line-strong);
    padding:14px 12px 16px;
  }
  .dx-static .dx-brand{padding:4px 8px 12px}
  .dx-static .dx-side-search{margin:0 4px 10px}
  .dx-static .dx-side-actions{margin:0 4px 12px}
  .dx-static .dx-tree-group{margin-top:8px}
  .dx-static .dx-tree-sub{padding-left:0}
  .dx-static .dx-tree-link{min-height:38px}
  .dx-static .dx-tree-text{
    white-space:normal;
    overflow-wrap:anywhere;
  }
  .dx-static .dx-tree-meta{font-size:13px}
  .dx-static .dx-resizer-detail{display:none!important}
  .dx-static .dx-center,
  .dx-static.dx-3col .dx-center{
    padding:24px 18px 44px;
  }
  .dx-static .dx-center .dx-wrap,
  .dx-static .dx-center .dx-narrow{
    max-width:100%;
  }
  .dx-side3{
    position:static;
    height:auto;
    padding:22px 18px;
    border-top:1px solid var(--dx-color-line-strong);
  }
  .dx-side3-empty{margin-top:18px}
}
@media(max-width:900px){
  .dx-wrap,
  .dx-narrow{
    width:100%;
    padding-left:18px;
    padding-right:18px;
  }
  .dx-top-in{
    height:auto;
    min-height:58px;
    gap:10px;
    padding-top:8px;
    padding-bottom:8px;
  }
  .dx-logo{font-size:17px}
  .dx-cta{
    padding:9px 14px;
    font-size:15px;
  }
  .dx-mainnav,
  .dx-search{display:none}
  .dx-burger{display:flex}
  .dx-mnav-panel a{
    padding-left:18px;
    padding-right:18px;
  }
  .dx-hero{padding:54px 18px 36px}
  .dx-hero-h1{
    font-size:38px;
    line-height:1.12;
    letter-spacing:0;
  }
  .dx-hero-lede{font-size:18px}
  .dx-hero-cta,
  .dx-banner-links{
    flex-wrap:wrap;
  }
  .dx-banner{
    flex-direction:column;
    gap:14px;
  }
  .dx-sec{padding-top:34px}
  .dx-sec-h{
    align-items:flex-start;
    gap:10px;
  }
  .dx-sec-h h2{font-size:25px}
  .dx-suibi-row,
  .dx-courserow,
  .dx-mod-grid,
  .dx-list{
    grid-template-columns:1fr!important;
  }
  .dx-item{
    padding-left:0;
    padding-right:0;
  }
  .dx-article-title{font-size:26px}
  .dx-course-hero{
    grid-template-columns:1fr;
    gap:18px;
  }
  .dx-static .dx-center.dx-bleed{
    height:auto;
    overflow:visible;
  }
  .dx-center.dx-bleed .bk,
  .dx-center.dx-bleed .es{
    height:auto;
  }
  body.dx-bleed .dx-static .dx-side{display:block}
  .bk,
  .bk.show-ann,
  .es,
  .es.show-detail{
    display:block;
    height:auto;
    grid-template-columns:none;
  }
  .bk>*,
  .es>*{
    overflow:visible;
  }
  .bk-toc{display:none}
  .bk-main,
  .es-list{
    height:auto;
    overflow:visible;
  }
  .bk-head{padding:24px 18px 16px}
  .bk-vol-h{padding:14px 18px 10px}
  .bk-s{padding:15px 18px}
  .bk-ann{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    top:auto;
    max-height:78vh;
    overflow:auto;
    border-left:0;
    border-top:1px solid var(--dx-color-line-strong);
    transform:translateY(110%);
    transition:transform var(--dx-motion-duration-normal,.22s);
    z-index:80;
    background:var(--dx-color-page-bg);
  }
  .bk.show-ann .bk-ann{transform:translateY(0)}
  .es-detail{
    position:fixed;
    inset:0;
    transform:translateX(110%);
    transition:transform var(--dx-motion-duration-normal,.22s);
    z-index:80;
    overflow-y:auto;
  }
  .es.show-detail .es-detail{transform:translateX(0)}
  .es-read{
    max-width:none;
    padding:30px 18px 70px;
  }
  .es-list-h{
    font-size:24px;
    padding:0 18px 4px;
  }
  .es-list-sub{padding:0 18px 16px}
  .es-item{padding:16px 18px}
}
@media(max-width:680px){
  .dx-btn{
    width:100%;
    justify-content:center;
  }
  .dx-hero-cta{flex-direction:column}
  .dx-banner-thumb{
    width:72px;
    height:72px;
  }
  .dx-item{
    display:grid;
    grid-template-columns:72px minmax(0,1fr);
    gap:12px;
  }
  .dx-item>*{min-width:0}
  .dx-item .th{
    width:72px;
    height:56px;
  }
  .dx-prose{
    font-size:17px;
    line-height:1.78;
  }
  .dx-pn{flex-direction:column}
  .dx-related-a{
    align-items:flex-start;
    flex-direction:column;
    gap:4px;
  }
  .dx-static .dx-side-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .dx-static .dx-tool-btn{
    width:100%;
    padding-left:10px;
    padding-right:10px;
  }
}
@media(max-width:460px){
  .dx-wrap,
  .dx-narrow{
    padding-left:14px;
    padding-right:14px;
  }
  .dx-top-actions{gap:6px}
  
  .dx-burger{
    width:40px;
    height:40px;
  }
  .dx-cta{display:none}
  .dx-static .dx-side-actions{grid-template-columns:1fr}
  .dx-static .dx-tool-btn{width:100%}
  .dx-item{grid-template-columns:64px minmax(0,1fr)}
  .dx-item .th{
    width:64px;
    height:50px;
  }
  .dx-sec-h{
    display:block;
  }
  .dx-sec-h a{
    display:inline-flex;
    margin-top:8px;
  }
}
/* dx-site-responsive-end */

/* dx-light-only-palette */
html:not([data-theme]),
html[data-theme="light"]{
  color-scheme:light;
  --dx-color-page-bg:var(--dx-light-page-bg,#ffffff);
  --dx-color-surface:var(--dx-light-surface,#f7f7f7);
  --dx-color-surface-raised:var(--dx-light-surface-raised,#f1f1f1);
  --dx-color-text-title:var(--dx-light-text-title,#1A1A1A);
  --dx-color-text-body:var(--dx-light-text-body,#1A1A1A);
  --dx-color-text-muted:var(--dx-light-text-muted,#777474);
  --dx-color-icon:var(--dx-light-icon,#1A1A1A);
  --dx-color-line:var(--dx-light-line,#e8e8e8);
  --dx-color-line-strong:var(--dx-light-line-strong,#d7d7d7);
  --dx-color-sidebar-bg:var(--dx-light-sidebar-bg,#f3f3f3);
  --dx-color-sidebar-surface:var(--dx-light-sidebar-surface,#ffffff);
  --dx-color-sidebar-selected:var(--dx-light-sidebar-selected,#206dff);
  --dx-color-sidebar-title:var(--dx-light-sidebar-title,#1A1A1A);
  --dx-color-sidebar-body:var(--dx-light-sidebar-body,#626262);
  --dx-color-sidebar-icon:var(--dx-light-sidebar-icon,#1A1A1A);
}
/* dx-light-only-palette-end */

/* dx-adminbar-app-shell */
body.admin-bar{--dx-adminbar-height:32px}
@media(max-width:782px){body.admin-bar{--dx-adminbar-height:46px}}
body.admin-bar .dx-static .dx-side,
body.admin-bar .dx-side3{
  top:var(--dx-adminbar-height);
  height:calc(100vh - var(--dx-adminbar-height));
}
@media(max-width:1180px){
  body.admin-bar .dx-static .dx-side,
  body.admin-bar .dx-side3{
    top:auto;
    height:auto;
  }
}
/* dx-adminbar-app-shell-end */
/* dx-component-system-tokens */
.dx-btn,.dx-cta,.dx-like,.dx-rec{height:var(--dx-button-height);padding-block:0;padding-inline:var(--dx-button-padding-x);gap:var(--dx-button-gap);border-radius:var(--dx-button-radius);border-width:var(--dx-effective-button-border-width,var(--dx-button-border-width));font-size:var(--dx-button-font-size);line-height:1}
.dx-pager .page-numbers{min-height:var(--dx-button-height);padding-inline:var(--dx-button-padding-x);border-radius:var(--dx-button-radius);border-width:var(--dx-effective-button-border-width,var(--dx-button-border-width));font-size:var(--dx-button-font-size)}
.dx-search{height:var(--dx-button-height);padding-inline:var(--dx-button-padding-x);border-radius:var(--dx-button-radius);border-width:var(--dx-effective-button-border-width,var(--dx-button-border-width))}
.dx-burger{width:var(--dx-button-height);height:var(--dx-button-height);border-radius:var(--dx-button-radius);border-width:var(--dx-effective-button-border-width,var(--dx-button-border-width))}
.dx-static .dx-tool-btn{height:var(--dx-button-height)!important;padding-inline:var(--dx-button-padding-x)!important;gap:var(--dx-button-gap)!important;border-radius:var(--dx-button-radius)!important;border-width:var(--dx-effective-button-border-width,var(--dx-button-border-width))!important;font-size:var(--dx-font-size-sidebar-action,16px)!important}
/* dx-component-system-tokens-end */
/* dx-mentor-article-content */
.dx-prose .dx-mentor-article{text-align:left}
.dx-prose .dx-mentor-kicker{margin:0 0 10px;color:var(--dx-color-text-muted)!important;font-size:15px;line-height:1.5}
.dx-prose .dx-mentor-lede{margin:0 0 24px;color:var(--dx-color-text-title)!important;font-size:27px;line-height:1.55;font-weight:600;letter-spacing:0;text-align:left}
.dx-prose .dx-mentor-hero-text{padding-bottom:10px;border-bottom:1px solid var(--dx-color-line-strong);margin-bottom:28px}
.dx-prose .dx-mentor-question-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--dx-color-line-strong);border:1px solid var(--dx-color-line-strong);border-radius:var(--dx-radius-card);overflow:hidden;margin:18px 0 30px}
.dx-prose .dx-mentor-question-list p{margin:0!important;background:var(--dx-color-page-bg);padding:16px 18px;color:var(--dx-color-text-title)!important;font-size:17px;line-height:1.65;text-align:left}
.dx-prose .dx-mentor-photo{margin:26px 0 34px!important}
.dx-prose .dx-mentor-photo img{width:220px!important;max-width:60%!important;height:auto!important;display:block;border-radius:var(--dx-radius-card)!important}
.dx-prose .dx-mentor-topic-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--dx-color-line-strong);border:1px solid var(--dx-color-line-strong);border-radius:var(--dx-radius-card);overflow:hidden;margin:16px 0 34px}
.dx-prose .dx-mentor-topic-list section{background:var(--dx-color-page-bg);padding:22px 24px}
.dx-prose .dx-mentor-topic-list h3{margin:0 0 10px!important;font-size:19px!important;line-height:1.45;color:var(--dx-color-text-title)!important}
.dx-prose .dx-mentor-topic-list p{margin:0!important;font-size:16px;line-height:1.85;color:var(--dx-color-text-body)!important;text-align:left}
.dx-prose .dx-mentor-contact-text{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:var(--dx-button-radius);background:var(--dx-color-accent);color:var(--dx-color-on-accent)!important;font-size:16px;font-weight:560;margin:4px 0 18px!important}
.dx-prose .dx-mentor-qr{margin:0 0 34px!important}
.dx-prose .dx-mentor-qr img{width:240px!important;max-width:72%!important;height:auto!important;display:block;border-radius:var(--dx-radius-card)!important}
.dx-prose .dx-mentor-feedback-note{color:var(--dx-color-text-muted)!important;font-size:16px;text-align:left}
.dx-prose .dx-mentor-feedback-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0 36px}
.dx-prose .dx-mentor-feedback-grid figure{margin:0!important;min-width:0}
.dx-prose .dx-mentor-feedback-grid img{display:block;width:100%!important;max-width:100%!important;height:auto!important;margin:0!important;border-radius:var(--dx-radius-small)!important}
@media(max-width:720px){.dx-prose .dx-mentor-lede{font-size:23px}.dx-prose .dx-mentor-question-list,.dx-prose .dx-mentor-topic-list,.dx-prose .dx-mentor-feedback-grid{grid-template-columns:1fr}.dx-prose .dx-mentor-photo img{width:180px!important;max-width:78%!important}.dx-prose .dx-mentor-qr img{width:220px!important;max-width:82%!important}}
/* dx-mentor-article-content-end */
/* dx-theme-editor-style-tokens */
.dx-wrap{max-width:var(--dx-wrap-width,1200px);padding-left:var(--dx-page-padding-x,28px);padding-right:var(--dx-page-padding-x,28px)}
.dx-narrow{max-width:var(--dx-wrap-width,1200px);padding-left:var(--dx-page-padding-x,28px);padding-right:var(--dx-page-padding-x,28px)}
.dx-static .dx-center:not(.dx-bleed) .dx-wrap{max-width:var(--dx-wrap-width,1200px)!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--dx-page-padding-x,28px)!important;padding-right:var(--dx-page-padding-x,28px)!important;box-sizing:border-box}
.dx-static .dx-center:not(.dx-bleed) .dx-narrow{max-width:var(--dx-wrap-width,1200px)!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--dx-page-padding-x,28px)!important;padding-right:var(--dx-page-padding-x,28px)!important;box-sizing:border-box}
.dx-static{grid-template-columns:minmax(var(--dx-static-sidebar-width,248px),max-content) minmax(0,1fr)}
.dx-static.dx-3col{grid-template-columns:minmax(var(--dx-static-sidebar-width,248px),max-content) var(--dx-main) 1px minmax(0,1fr)}
.dx-side,.dx-static .dx-side{border-radius:var(--dx-sidebar-radius,0)!important;border-right:var(--dx-sidebar-border-width,1px) solid var(--dx-color-line-strong)!important;padding-top:var(--dx-sidebar-padding-y,18px)!important;padding-left:var(--dx-sidebar-padding-x,14px)!important;padding-right:var(--dx-sidebar-padding-x,14px)!important}
.dx-side .dx-tree-link,.dx-static .dx-tree-link{border-radius:var(--dx-sidebar-item-radius,10px)!important}
.dx-li,.dx-resource,.dx-course-card,.dx-library-stat,.dx-course-side,.dx-pn-a,.dx-lesson-card,.dx-tool-area,.dx-tools-close,.dx-mini-btn,.dx-btn,.dx-course-meta span,.dx-prose code,.dx-prose pre,.dx-callout{border-width:var(--dx-card-border-width,1px)!important}
@media(min-width:1320px){.dx-side{border-radius:0 var(--dx-sidebar-radius,var(--dx-home-shell-radius,18px)) var(--dx-sidebar-radius,var(--dx-home-shell-radius,18px)) 0!important}}
/* dx-theme-editor-style-tokens-end */
/* dx-sidebar-glass */
.dx-side,
.dx-static .dx-side{
  background:var(--dx-sidebar-glass-bg,var(--dx-color-sidebar-bg))!important;
  -webkit-backdrop-filter:var(--dx-sidebar-glass-filter,none);
  backdrop-filter:var(--dx-sidebar-glass-filter,none);
}
.dx-side .dx-brand-mark,
.dx-static .dx-brand-mark,
.dx-side .dx-side-search,
.dx-static .dx-side-search,
.dx-side .dx-tool-btn,
.dx-static .dx-tool-btn{
  background:var(--dx-sidebar-glass-surface,var(--dx-color-sidebar-surface))!important;
}
.dx-side .dx-tree-link:hover,
.dx-static .dx-tree-link:hover,
.dx-side .dx-tree-link.on,
.dx-side .dx-tree-link.is-selected,
.dx-static .dx-tree-link.is-selected{
  background:var(--dx-sidebar-glass-page-surface,var(--dx-color-page-bg))!important;
  background:color-mix(in srgb,var(--dx-sidebar-glass-page-surface,var(--dx-color-page-bg)) 78%,var(--dx-color-sidebar-title) 22%)!important;
  outline:0!important;
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .dx-side,
  .dx-static .dx-side{
    background:var(--dx-color-sidebar-bg)!important;
  }
}
/* dx-sidebar-glass-end */
/* dx-unified-reading-column */
.dx-static.dx-3col{
  --dx-main:var(--dx-wrap-width,1200px)!important;
  grid-template-columns:minmax(var(--dx-static-sidebar-width,248px),max-content) var(--dx-main) 1px minmax(280px,var(--dx-home-panel-width,400px))!important;
}
.dx-static .dx-center:not(.dx-bleed),
.dx-static.dx-3col .dx-center:not(.dx-bleed){
  padding:0!important;
  text-align:left;
}
.dx-static .dx-center:not(.dx-bleed) > .dx-narrow,
.dx-static .dx-center:not(.dx-bleed) > .dx-wrap,
.dx-static .dx-center:not(.dx-bleed) > article.dx-narrow,
.dx-static .dx-center:not(.dx-bleed) > section.dx-narrow,
.dx-static .dx-center:not(.dx-bleed) > nav.dx-narrow,
.dx-static .dx-center:not(.dx-bleed) .dx-course-hero > .dx-narrow,
.dx-static .dx-center:not(.dx-bleed) .dx-collection-head{
  width:100%!important;
  max-width:var(--dx-wrap-width,1200px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:var(--dx-page-padding-x,28px)!important;
  padding-right:var(--dx-page-padding-x,28px)!important;
  box-sizing:border-box;
}
.dx-static .dx-center:not(.dx-bleed) > article.dx-narrow,
.dx-static .dx-center:not(.dx-bleed) > .dx-wrap,
.dx-static .dx-center:not(.dx-bleed) .dx-course-hero > .dx-narrow,
.dx-static .dx-center:not(.dx-bleed) .dx-collection-head{
  padding-top:44px!important;
  padding-bottom:70px!important;
}
.dx-static .dx-center:not(.dx-bleed) > nav.dx-narrow,
.dx-static .dx-center:not(.dx-bleed) > section.dx-related{
  padding-top:0!important;
  padding-bottom:34px!important;
}
.dx-static .dx-course-layout{
  display:block!important;
  padding-top:0!important;
}
.dx-static .dx-course-main,
.dx-static .dx-course-side{
  width:100%;
  max-width:var(--dx-wrap-width,1200px);
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box;
}
.dx-static .dx-course-side{
  position:static;
  margin-top:28px;
}
.dx-static .dx-prose,
.dx-static .dx-prose p,
.dx-static .dx-prose h2,
.dx-static .dx-prose h3,
.dx-static .dx-prose h4,
.dx-static .dx-article-title,
.dx-static .dx-article-meta,
.dx-static .dx-bc{
  text-align:left!important;
}
.dx-static .dx-prose img{
  display:block;
  max-width:var(--dx-prose-image-max-width,100%)!important;
  border:var(--dx-prose-image-border-width,1px) solid var(--dx-prose-image-border-color,var(--dx-color-line-strong))!important;
  border-radius:var(--dx-prose-image-radius,0px)!important;
  box-sizing:border-box;
  margin:var(--dx-prose-image-margin-y,18px) auto!important;
}
.dx-static .dx-prose img:not([style*="width"]):not([style*="height"]){
  width:var(--dx-prose-image-width,100%);
  height:auto;
}
.dx-static .dx-resizer-detail,
.dx-static #dxInnerResize{
  display:none!important;
}
@media(max-width:1320px){
  .dx-static.dx-3col{
    grid-template-columns:minmax(var(--dx-static-sidebar-width,248px),max-content) var(--dx-main)!important;
    min-width:0!important;
  }
  .dx-static.dx-3col .dx-side3{
    display:none!important;
  }
}
@media(max-width:900px){
  .dx-static .dx-center:not(.dx-bleed) > .dx-narrow,
  .dx-static .dx-center:not(.dx-bleed) > .dx-wrap,
  .dx-static .dx-center:not(.dx-bleed) > article.dx-narrow,
  .dx-static .dx-center:not(.dx-bleed) > section.dx-narrow,
  .dx-static .dx-center:not(.dx-bleed) > nav.dx-narrow,
  .dx-static .dx-center:not(.dx-bleed) .dx-course-hero > .dx-narrow,
  .dx-static .dx-center:not(.dx-bleed) .dx-collection-head{
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .dx-static .dx-center:not(.dx-bleed) > article.dx-narrow,
  .dx-static .dx-center:not(.dx-bleed) > .dx-wrap,
  .dx-static .dx-center:not(.dx-bleed) .dx-course-hero > .dx-narrow,
  .dx-static .dx-center:not(.dx-bleed) .dx-collection-head{
    padding-top:28px!important;
    padding-bottom:46px!important;
  }
}
/* dx-unified-reading-column-end */

/* dx-top-banner-no-sidebar */
:root,
html[data-theme="light"]{
  --dx-font-size-body:18px;
}
html,
body{
  font-size:18px;
}
.dx-main{
  min-height:calc(100vh - 84px);
  padding:0;
}
.dx-top{
  position:sticky;
  top:0;
  z-index:1000;
  background:var(--dx-color-page-bg);
  border-bottom:1px solid var(--dx-color-line);
}
body.admin-bar .dx-top{top:32px}
@media(max-width:782px){body.admin-bar .dx-top{top:46px}}
body.dx-app .dx-top{
  display:block;
}
.dx-top-in{
  max-width:1440px;
  min-height:84px;
  height:auto;
  display:flex;
  align-items:center;
  gap:24px;
  padding-top:12px;
  padding-bottom:12px;
}
.dx-logo{
  display:flex;
  align-items:center;
  gap:12px;
  flex:0 0 auto;
  margin:0 auto 0 0;
  color:var(--dx-color-text-title);
  font-size:19px;
  line-height:1;
  font-weight:620;
  letter-spacing:0;
}
.dx-logo .dx-brand-mark,
.dx-brand-mark{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  border-radius:8px;
  background:transparent!important;
  border:1px solid transparent!important;
  color:transparent!important;
  font-size:13px;
  font-weight:720;
  letter-spacing:0;
  box-shadow:none!important;
}
.dx-brand-mark:not(.is-image){
  background:#1A1A1A!important;
  border-color:#1A1A1A!important;
  color:#ffffff!important;
}
.dx-brand-name{
  white-space:nowrap;
}
.dx-mainnav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:18px;
  margin:0;
  flex:1 1 auto;
}
.dx-navitem{
  position:relative;
}
.dx-navitem>a{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:0;
  border-radius:0;
  color:var(--dx-color-text-title);
  background:transparent!important;
  font-size:17px;
  line-height:1;
  font-weight:430;
}
.dx-navitem>a:hover,
.dx-navitem:focus-within>a{
  color:var(--dx-color-text-title);
  text-decoration:underline;
  text-underline-offset:var(--dx-content-link-underline-offset,4px);
}
.dx-navitem .caret{
  width:16px;
  height:16px;
  opacity:.86;
  transition:transform var(--dx-motion-duration-fast,.15s);
}
.dx-navitem:hover .caret,
.dx-navitem:focus-within .caret{
  transform:rotate(180deg);
}
.dx-dropdown{
  position:absolute;
  top:calc(100% + 10px);
  left:50%;
  min-width:330px;
  transform:translate(-50%,-6px);
  padding:18px 20px;
  border:1px solid var(--dx-color-line);
  border-radius:18px;
  background:var(--dx-color-page-bg);
  color:var(--dx-color-text-body);
  box-shadow:0 22px 56px rgba(0,0,0,.12);
  opacity:0;
  visibility:hidden;
  transition:opacity var(--dx-motion-duration-fast,.15s),transform var(--dx-motion-duration-fast,.15s),visibility var(--dx-motion-duration-fast,.15s);
}
.dx-navitem:hover .dx-dropdown,
.dx-navitem:focus-within .dx-dropdown{
  opacity:1;
  visibility:visible;
  transform:translate(-50%,0);
}
.dx-dropdown a{
  display:block;
  padding:9px 10px;
  border-radius:8px;
  color:var(--dx-color-text-title);
  font-size:17px;
  line-height:1.55;
  font-weight:400;
}
.dx-dropdown a:hover,
.dx-dropdown a:focus{
  background:var(--dx-color-surface);
  color:var(--dx-color-text-title);
}
.dx-search{
  display:none!important;
}
.dx-top-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex:0 0 auto;
}
.dx-wechat-login{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 18px;
  border:1px solid #07c160;
  border-radius:999px;
  background:#07c160;
  color:#ffffff;
  font-size:17px;
  line-height:1;
  font-weight:520;
  white-space:nowrap;
  transition:background var(--dx-motion-duration-fast,.15s),border-color var(--dx-motion-duration-fast,.15s),transform var(--dx-motion-duration-fast,.15s);
}
.dx-wechat-login:hover{
  background:#06ad56;
  border-color:#06ad56;
  color:#ffffff;
  transform:translateY(-1px);
}
.dx-burger{
  display:none;
  width:44px;
  height:44px;
  border:1px solid var(--dx-color-line-strong);
  border-radius:999px;
  background:var(--dx-color-page-bg);
  color:var(--dx-color-text-title);
  cursor:pointer;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
}
.dx-burger span{
  width:18px;
  height:1.7px;
  border-radius:999px;
  background:currentColor;
}
.dx-mnav-panel{
  display:none;
  border-top:1px solid var(--dx-color-line);
  border-bottom:1px solid var(--dx-color-line);
  background:var(--dx-color-page-bg);
}
body.dx-mnav-open .dx-mnav-panel{
  display:block;
}
.dx-mnav-panel a{
  display:block;
  padding:13px 28px;
  color:var(--dx-color-text-title);
  font-size:17px;
  line-height:1.4;
}
.dx-mnav-panel a:hover{
  background:var(--dx-color-surface);
}
.dx-wrap,
.dx-narrow{
  box-sizing:border-box;
}
.dx-static,
.dx-static.dx-3col{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  background:var(--dx-color-page-bg)!important;
}
.dx-static > .dx-side,
.dx-static > .dx-side3,
.dx-static > .dx-resizer-detail,
.dx-static #dxInnerResize{
  display:none!important;
}
.dx-static .dx-center,
.dx-static.dx-3col .dx-center,
.dx-static .dx-center.dx-bleed{
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  overflow:visible!important;
  background:var(--dx-color-page-bg)!important;
}
.dx-static .dx-center:not(.dx-bleed) > .dx-narrow,
.dx-static .dx-center:not(.dx-bleed) > .dx-wrap,
.dx-static .dx-center:not(.dx-bleed) > article.dx-narrow,
.dx-static .dx-center:not(.dx-bleed) > section.dx-narrow,
.dx-static .dx-center:not(.dx-bleed) > nav.dx-narrow,
.dx-static .dx-center:not(.dx-bleed) .dx-course-hero > .dx-narrow,
.dx-static .dx-center:not(.dx-bleed) .dx-collection-head{
  max-width:var(--dx-wrap-width,1200px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:var(--dx-page-padding-x,28px)!important;
  padding-right:var(--dx-page-padding-x,28px)!important;
}
.dx-static .dx-center:not(.dx-bleed) > article.dx-narrow,
.dx-static .dx-center:not(.dx-bleed) > .dx-wrap,
.dx-static .dx-center:not(.dx-bleed) .dx-course-hero > .dx-narrow,
.dx-static .dx-center:not(.dx-bleed) .dx-collection-head{
  padding-top:56px!important;
  padding-bottom:60px!important;
}
.dx-workbench,
.dx-workbench.has-tools{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:calc(100vh - 84px)!important;
  background:var(--dx-color-page-bg)!important;
}
.dx-workbench > .dx-side,
.dx-workbench > #dxResizeLeft,
.dx-workbench > .dx-resizer-detail{
  display:none!important;
}
.dx-workbench .dx-center{
  width:100%!important;
  max-width:calc(var(--dx-wrap-width,1200px) + (var(--dx-page-padding-x,28px) * 2))!important;
  min-height:calc(100vh - 84px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:56px var(--dx-page-padding-x,28px) 60px!important;
  overflow:visible!important;
  background:var(--dx-color-page-bg)!important;
}
.dx-workbench .dx-center-inner{
  width:100%!important;
  max-width:var(--dx-wrap-width,1200px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:0!important;
}
.dx-prose,
.dx-read-body,
.bk-ann-body,
.es-read-body{
  font-size:17px;
}
@media(max-width:1080px){
  .dx-top-in{
    gap:14px;
    min-height:72px;
  }
  .dx-mainnav{
    gap:12px;
  }
  .dx-navitem>a{
    font-size:16px;
  }
}
@media(max-width:900px){
  .dx-top-in{
    min-height:66px;
    padding-left:18px;
    padding-right:18px;
  }
  .dx-mainnav{
    display:none;
  }
  .dx-burger{
    display:flex;
    border:0;
    border-radius:0;
    background:transparent;
    padding:0;
  }
  .dx-burger .dx-mobile-menu-icon{display:block;width:20px;height:20px;overflow:visible}
}
@media(max-width:560px){
  .dx-top-in{
    gap:8px;
    min-height:62px;
  }
  .dx-logo{
    gap:8px;
    font-size:17px;
  }
  .dx-logo .dx-brand-mark,
  .dx-brand-mark{
    width:32px;
    height:32px;
  }
  
  .dx-burger{
    width:40px;
    height:40px;
  }
  .dx-wechat-login{
    min-height:40px;
    padding:0 12px;
    font-size:15px;
  }
  .dx-wechat-login span{
    display:none;
  }
}
/* dx-top-banner-no-sidebar-end */

/* dx-menu-simplify-black-text */
:root,
html:not([data-theme]),
html[data-theme="light"]{
  --dx-color-text-title:#1A1A1A;
  --dx-color-text-body:#1A1A1A;
  --dx-color-text-muted:#1A1A1A;
  --dx-color-icon:#1A1A1A;
  --dx-color-sidebar-title:#1A1A1A;
  --dx-color-sidebar-body:#1A1A1A;
  --dx-color-sidebar-icon:#1A1A1A;
  --dx-color-right-title:#1A1A1A;
  --dx-color-right-body:#1A1A1A;
  --dx-color-right-muted:#1A1A1A;
  --dx-color-right-icon:#1A1A1A;
  --dx-color-left-title:#1A1A1A;
  --dx-color-left-body:#1A1A1A;
  --dx-color-left-icon:#1A1A1A;
  --ink:#1A1A1A;
  --ink2:#1A1A1A;
  --mut:#1A1A1A;
}
body,
.dx-main,
.dx-center,
.dx-static,
.dx-workbench{
  color:#1A1A1A;
}
.dx-main :where(p,h1,h2,h3,h4,h5,h6,a,li,span,div,button,label,input,textarea,select,td,th,blockquote,strong,em),
.dx-top :where(a,button,span),
.dx-dropdown a,
.dx-mnav-panel a,
.dx-mnav-label{
  color:#1A1A1A;
}
.dx-navtrigger{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  gap:3px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#1A1A1A;
  font:inherit;
  font-size:17px;
  line-height:1;
  font-weight:430;
  cursor:pointer;
}
.dx-navitem>a{
  gap:3px;
}
.dx-navtrigger:hover,
.dx-navitem:focus-within .dx-navtrigger{
  color:#1A1A1A;
  text-decoration:underline;
  text-underline-offset:var(--dx-content-link-underline-offset,4px);
}
.dx-navtrigger .caret,
.dx-navitem>a .caret{
  margin-left:0;
}
.dx-dropdown-compact{
  min-width:180px;
}
.dx-mnav-label{
  padding:16px 28px 4px;
  font-size:14px;
  line-height:1.4;
  font-weight:650;
}
.dx-wechat-login,
.dx-wechat-login *,
.dx-wechat-login:hover,
.dx-wechat-login:hover *{
  color:#ffffff!important;
}
.dx-logo .dx-brand-mark{
  color:#ffffff!important;
}
/* dx-menu-simplify-black-text-end */


/* dx-nav-refine-compact */
:root{
  --dx-top-height:42px;
}
html{
  scroll-padding-top:var(--dx-top-height,42px);
}
.dx-top{
  position:fixed!important;
  top:0;
  left:0;
  right:0;
  z-index:2000;
  border-bottom:0!important;
  box-shadow:none!important;
  background:var(--dx-color-page-bg)!important;
}
body.admin-bar .dx-top{
  top:32px;
}
@media(max-width:782px){
  body.admin-bar .dx-top{
    top:46px;
  }
}
.dx-main{
  padding-top:var(--dx-top-height,42px)!important;
  min-height:calc(100vh - var(--dx-top-height,42px))!important;
}
.dx-top-in{
  width:100%!important;
  max-width:var(--dx-wrap-width,1200px)!important;
  min-height:var(--dx-top-height,42px)!important;
  height:var(--dx-top-height,42px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:0 var(--dx-page-padding-x,28px)!important;
  gap:18px!important;
  box-sizing:border-box;
}
.dx-logo{
  gap:9px!important;
  font-size:16px!important;
}
.dx-logo .dx-brand-mark,
.dx-brand-name{
  font-size:16px!important;
}
.dx-mainnav{
  gap:16px!important;
}
.dx-navtrigger{
  min-height:var(--dx-top-height,42px)!important;
  gap:2px!important;
  font-size:16px!important;
}
.dx-navitem .caret,
.dx-navtrigger .caret,
.dx-navitem>a .caret{
  width:14px!important;
  height:14px!important;
  margin-left:-1px!important;
}
.dx-dropdown{
  top:calc(100% + 4px)!important;
  min-width:240px!important;
  padding:14px 16px!important;
  border-radius:14px!important;
}
.dx-dropdown-book,
.dx-dropdown-article,
.dx-dropdown-service{
  min-width:220px!important;
}
.dx-dropdown a,
.dx-dropdown-note{
  display:block;
  padding:8px 9px;
  border-radius:8px;
  color:#1A1A1A;
  font-size:16px;
  line-height:1.5;
}
.dx-dropdown-note,
.dx-mnav-note{
  cursor:default;
  color:#929292!important;
}
.dx-top-actions{
  gap:8px!important;
}

.dx-burger{
  width:34px!important;
  height:34px!important;
}
.dx-wechat-login{
  height:38px!important;
  min-height:38px!important;
  padding:0!important;
  gap:0!important;
  overflow:hidden;
  border:0!important;
  border-radius:14px!important;
  background:#1A1A1A!important;
  color:#ffffff!important;
  font-size:16px!important;
  font-weight:520!important;
  line-height:1!important;
}
.dx-wechat-login:hover{
  background:#1A1A1A!important;
  border-color:#1A1A1A!important;
  color:#ffffff!important;
  transform:none!important;
}
.dx-wechat-login *,
.dx-wechat-login:hover *{
  color:#ffffff!important;
}
.dx-login-main{
  height:100%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0;
  padding:0 15px 0 14px;
}
.dx-mnav-panel{
  top:var(--dx-top-height,42px);
  border-top:0!important;
}
.dx-mnav-note{
  display:block;
  padding:12px 28px;
  font-size:16px;
  line-height:1.4;
}
@media(max-width:900px){
  .dx-top-in{
    min-height:var(--dx-top-height,42px)!important;
    height:var(--dx-top-height,42px)!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
}
@media(max-width:560px){
  .dx-brand-name{
    display:none;
  }
  .dx-wechat-login{
    width:86px;
  }
  .dx-login-main{
    padding:0 10px;
  }
  .dx-login-main span{
    display:none;
  }
}
/* dx-nav-refine-compact-end */

/* dx-claude-like-dropdown-fade */
.dx-navitem{
  isolation:isolate;
}
.dx-navitem::after{
  content:"";
  position:absolute;
  left:-18px;
  right:-18px;
  top:100%;
  height:12px;
  pointer-events:auto;
}
.dx-dropdown{
  top:calc(100% + 8px)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translate(-50%,-10px) scale(.985)!important;
  transform-origin:top center;
  transition-property:opacity,transform,visibility!important;
  transition-duration:520ms,520ms,0s!important;
  transition-timing-function:cubic-bezier(.16,1,.3,1),cubic-bezier(.16,1,.3,1),linear!important;
  transition-delay:0s,0s,520ms!important;
  will-change:opacity,transform;
}
.dx-navitem:hover .dx-dropdown,
.dx-navitem:focus-within .dx-dropdown{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translate(-50%,0) scale(1)!important;
  transition-duration:360ms,440ms,0s!important;
  transition-delay:0s,0s,0s!important;
}
.dx-dropdown a,
.dx-dropdown-note{
  transition:background-color 220ms ease,color 220ms ease,transform 260ms cubic-bezier(.16,1,.3,1);
}
.dx-dropdown a:hover,
.dx-dropdown a:focus{
  transform:translateX(2px);
}
.dx-navitem .caret,
.dx-navtrigger .caret{
  transition:transform 360ms cubic-bezier(.16,1,.3,1),opacity 260ms ease!important;
}
@media(prefers-reduced-motion:reduce){
  .dx-dropdown,
  .dx-navitem .caret,
  .dx-navtrigger .caret,
  .dx-dropdown a,
  .dx-dropdown-note{
    transition-duration:0s!important;
    transition-delay:0s!important;
  }
}
/* dx-claude-like-dropdown-fade-end */

/* dx-restore-header-height-logo */
:root{
  --dx-top-height:84px;
}
.dx-top-in{
  min-height:84px!important;
  height:84px!important;
}
.dx-logo .dx-brand-mark,
.dx-navtrigger{
  min-height:44px!important;
}
.dx-wechat-login{
  height:44px!important;
  min-height:44px!important;
}
/* dx-restore-header-height-logo-end */

/* dx-header-load-reveal */
@keyframes dxHeaderRevealDown{
  0%{
    opacity:0;
    transform:translateY(-14px);
  }
  100%{
    opacity:1;
    transform:translateY(0);
  }
}
.dx-logo{
  position:relative;
  z-index:4;
  pointer-events:auto!important;
  cursor:pointer;
}
.dx-logo .dx-brand-name,
.dx-logo .dx-brand-mark{
  pointer-events:none;
}
.dx-mainnav{
  position:relative;
  z-index:3;
}
.dx-top-actions{
  position:relative;
  z-index:3;
}
.dx-logo,
.dx-mainnav .dx-navitem,
.dx-top-actions > *{
  opacity:0;
  animation:dxHeaderRevealDown 760ms cubic-bezier(.16,1,.3,1) both;
  will-change:opacity,transform;
}
.dx-logo{animation-delay:70ms}
.dx-mainnav .dx-navitem:nth-child(1){animation-delay:150ms}
.dx-mainnav .dx-navitem:nth-child(2){animation-delay:220ms}
.dx-mainnav .dx-navitem:nth-child(3){animation-delay:290ms}
.dx-mainnav .dx-navitem:nth-child(4){animation-delay:360ms}
.dx-top-actions > *:nth-child(1){animation-delay:430ms}
.dx-top-actions > *:nth-child(2){animation-delay:500ms}
.dx-top-actions > *:nth-child(3){animation-delay:570ms}
@media(prefers-reduced-motion:reduce){
  .dx-logo,
  .dx-mainnav .dx-navitem,
  .dx-top-actions > *{
    opacity:1!important;
    animation:none!important;
    transform:none!important;
  }
}
/* dx-header-load-reveal-end */

/* dx-editor-driven-visual-controls */
:root{
  --dx-top-height:84px;
  --dx-top-content-width:1200px;
  --dx-top-gap:18px;
  --dx-top-nav-gap:26px;
  --dx-top-brand-gap:9px;
  --dx-top-brand-font-size:21px;
  --dx-top-logo-size:36px;
  --dx-top-logo-radius:8px;
  --dx-top-logo-font-size:13px;
  --dx-top-logo-bg:#1A1A1A;
  --dx-top-logo-text:#ffffff;
  --dx-top-menu-font-size:16px;
  --dx-top-caret-size:14px;
  --dx-login-height:48px;
  --dx-login-radius:999px;
  --dx-login-padding-x:22px;
  --dx-login-font-size:16px;
  --dx-login-bg:#1A1A1A;
  --dx-login-text:#ffffff;
  --dx-login-hover-bg:#1A1A1A;
  --dx-login-hover-text:#ffffff;
  --dx-login-text-x:0px;
  --dx-login-text-y:0px;
  --dx-content-icon-color:#1A1A1A;
  --dx-icon-stroke-width:2.15;
  --dx-sidebar-icon-color:#1A1A1A;
  --dx-sidebar-icon-stroke-width:2.15;
  --dx-top-icon-color:#1A1A1A;
  --dx-top-icon-stroke-width:1.7;
  --dx-top-caret-color:#1A1A1A;
  --dx-account-caret-color:#1A1A1A;
  --dx-dropdown-gap:8px;
  --dx-dropdown-min-width:0px;
  --dx-dropdown-radius:14px;
  --dx-dropdown-padding-y:14px;
  --dx-dropdown-padding-x:16px;
  --dx-dropdown-enter-duration:440ms;
  --dx-dropdown-exit-duration:520ms;
  --dx-dropdown-hide-delay:520ms;
  --dx-dropdown-y:10px;
  --dx-dropdown-scale:.985;
  --dx-dropdown-item-shift:0px;
  --dx-hover-lift-y:0px;
  --dx-header-reveal-duration:760ms;
  --dx-header-reveal-y:14px;
  --dx-header-reveal-delay:70ms;
  --dx-header-reveal-step:70ms;
  --dx-letter-spacing-body:0em;
  --dx-letter-spacing-reader:0em;
  --dx-reader-justify:off;
  --dx-reader-text-align:left;
  --dx-content-h1-font-size:28px;
  --dx-content-h1-font-weight:600;
  --dx-content-h1-margin-top:40px;
  --dx-content-h1-margin-bottom:16px;
  --dx-content-h2-font-size:22px;
  --dx-content-h2-font-weight:600;
  --dx-content-h2-margin-top:36px;
  --dx-content-h2-margin-bottom:14px;
  --dx-content-h3-font-size:20px;
  --dx-content-h3-font-weight:600;
  --dx-content-h3-margin-top:28px;
  --dx-content-h3-margin-bottom:12px;
  --dx-content-h4-font-size:18px;
  --dx-content-h4-font-weight:600;
  --dx-content-h4-margin-top:24px;
  --dx-content-h4-margin-bottom:10px;
  --dx-content-h5-font-size:17px;
  --dx-content-h5-font-weight:600;
  --dx-content-h5-margin-top:20px;
  --dx-content-h5-margin-bottom:8px;
  --dx-article-divider-width:1px;
  --dx-article-divider-color:#d7d7d7;
  --dx-article-divider-space-before:24px;
  --dx-article-divider-space-after:28px;
  --dx-article-meta-divider-width:1px;
  --dx-article-meta-divider-color:#d7d7d7;
  --dx-article-meta-divider-space-before:24px;
  --dx-article-meta-divider-space-after:28px;
  --dx-top-border-color:#d7d7d7;
  --dx-breadcrumb-border-width:1px;
  --dx-breadcrumb-border-color:#d7d7d7;
  --dx-breadcrumb-height:38px;
  --dx-breadcrumb-padding-top:0px;
  --dx-breadcrumb-padding-bottom:0px;
  --dx-breadcrumb-font-size:15px;
  --dx-breadcrumb-sep-space:8px;
  --dx-breadcrumb-link-color:#1A1A1A;
  --dx-content-link-underline-offset:4px;
  --dx-content-link-underline-width:1px;
  --dx-breadcrumb-current-color:#7A7A7A;
  --dx-breadcrumb-separator-color:#D7D7D7;
  --dx-engage-text-color:#777474;
  --dx-engage-meta-color:#777474;
  --dx-engage-font-size:15px;
  --dx-engage-divider-color:#d7d7d7;
  --dx-engage-divider-space-before:24px;
  --dx-engage-gap:18px;
  --dx-engage-action-gap:24px;
  --dx-engage-icon-color:#1A1A1A;
  --dx-engage-icon-size:30px;
  --dx-engage-icon-stroke-width:2px;
  --dx-engage-icon-label-gap:6px;
  --dx-engage-count-color:#1A1A1A;
  --dx-engage-count-font-size:15px;
  --dx-engage-count-font-weight:400;
  --dx-engage-label-color:#1A1A1A;
  --dx-engage-label-font-size:15px;
  --dx-engage-active-color:#f24b55;
  --dx-engage-favorite-active-color:#f6b51e;
  --dx-list-marker-width:1.4em;
  --dx-list-inline-indent:16px;
  --dx-list-marker-gap:0.2em;
  --dx-list-bullet-gap:0.67em;
  --dx-list-ordered-marker-gap:0em;
  --dx-list-bullet-size:0.4em;
  --dx-list-item-gap:10px;
  --dx-list-block-gap:24px;
  --dx-list-nested-indent:22px;
  --dx-prose-image-width:100%;
  --dx-prose-image-max-width:100%;
  --dx-prose-image-radius:0px;
  --dx-prose-image-border-width:1px;
  --dx-prose-image-border-color:#d7d7d7;
  --dx-prose-image-margin-y:18px;
  --dx-image-credit-font-size:17px;
  --dx-image-credit-font-weight:400;
  --dx-image-credit-color:#1A1A1A;
  --dx-image-credit-gap:8px;
  --dx-image-credit-margin-top:10px;
  --dx-image-credit-margin-bottom:20px;
  --dx-image-credit-mark-size:1em;
  --dx-image-credit-mark-weight:400;
  --dx-image-credit-mark-offset-y:.015em;
  --dx-image-view-overlay-color:#1A1A1A;
  --dx-image-view-overlay-opacity:82%;
  --dx-image-view-overlay-blur:6px;
  --dx-image-view-fade-duration:260ms;
  --dx-font-weight-body:400;
  --dx-font-weight-title:500;
  --dx-font-weight-heading:600;
  --dx-font-weight-muted:400;
  --dx-font-weight-strong:600;
  --dx-font-weight-button:500;
  --dx-font-weight-top-brand:600;
  --dx-font-weight-top-menu:400;
  --dx-font-weight-logo:600;
  --dx-font-weight-login:500;
  --dx-font-weight-sidebar-brand:600;
  --dx-font-weight-sidebar-nav:500;
  --dx-font-weight-sidebar-meta:400;
}
.dx-main :where(p,li,span,div,button,label,input,textarea,select,td,th,blockquote,strong,em),
.dx-top :where(a,button,span),
.dx-dropdown a,
.dx-mnav-panel a,
.dx-mnav-label{
  color:var(--dx-color-text-body);
}
.dx-main :where(h1,h2,h3,h4,h5,h6),
.dx-top .dx-navtrigger,
.dx-dropdown a:hover,
.dx-dropdown a:focus{
  color:var(--dx-color-text-title);
}
.dx-top{
  border-bottom:0!important;
}
.dx-main{
  padding-top:var(--dx-top-height)!important;
  min-height:calc(100vh - var(--dx-top-height))!important;
}
.dx-top-in{
  max-width:var(--dx-top-content-width)!important;
  min-height:var(--dx-top-height)!important;
  height:var(--dx-top-height)!important;
  gap:var(--dx-top-gap)!important;
}
.dx-logo{
  gap:var(--dx-top-brand-gap)!important;
  font-size:var(--dx-top-brand-font-size)!important;
}
.dx-brand-name{
  font-size:var(--dx-top-brand-font-size)!important;
}
.dx-mainnav{
  gap:var(--dx-top-nav-gap)!important;
}
.dx-logo .dx-brand-mark{
  box-sizing:border-box!important;
  flex:0 0 var(--dx-top-logo-size,36px)!important;
  width:var(--dx-top-logo-size,36px)!important;
  min-width:var(--dx-top-logo-size,36px)!important;
  max-width:var(--dx-top-logo-size,36px)!important;
  height:var(--dx-top-logo-size,36px)!important;
  min-height:var(--dx-top-logo-size,36px)!important;
  max-height:var(--dx-top-logo-size,36px)!important;
  aspect-ratio:1/1!important;
  padding:0!important;
  border:0!important;
  border-radius:var(--dx-top-logo-radius,8px)!important;
  background:transparent!important;
  color:transparent!important;
  font-size:var(--dx-top-logo-font-size,13px)!important;
  line-height:1!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
.dx-logo .dx-brand-mark:not(.is-image){
  background:var(--dx-top-logo-bg,#1A1A1A)!important;
  color:var(--dx-top-logo-text,#ffffff)!important;
}
.dx-side .dx-brand-mark,
.dx-static .dx-brand-mark{
  box-sizing:border-box!important;
  flex:0 0 var(--dx-sidebar-logo-size,31px)!important;
  width:var(--dx-sidebar-logo-size,31px)!important;
  min-width:var(--dx-sidebar-logo-size,31px)!important;
  max-width:var(--dx-sidebar-logo-size,31px)!important;
  height:var(--dx-sidebar-logo-size,31px)!important;
  min-height:var(--dx-sidebar-logo-size,31px)!important;
  max-height:var(--dx-sidebar-logo-size,31px)!important;
  aspect-ratio:1/1!important;
  padding:0!important;
  overflow:hidden!important;
}
.dx-brand-mark.is-image{
  background:transparent!important;
  border-color:transparent!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
}
.dx-brand-mark.is-image img,
.dx-site-mark-img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.dx-navtrigger{
  min-height:44px!important;
  font-size:var(--dx-top-menu-font-size)!important;
}
.dx-navitem .caret,
.dx-navtrigger .caret,
.dx-navitem>a .caret{
  width:var(--dx-top-caret-size)!important;
  height:var(--dx-top-caret-size)!important;
}
.dx-dropdown{
  top:calc(100% + var(--dx-dropdown-gap))!important;
  min-width:var(--dx-dropdown-min-width)!important;
  padding:var(--dx-dropdown-padding-y) var(--dx-dropdown-padding-x)!important;
  border-radius:var(--dx-dropdown-radius)!important;
  transform:translate(-50%,calc(-1 * var(--dx-dropdown-y))) scale(var(--dx-dropdown-scale))!important;
  transition-duration:var(--dx-dropdown-exit-duration),var(--dx-dropdown-exit-duration),0s!important;
  transition-delay:0s,0s,var(--dx-dropdown-hide-delay)!important;
}
.dx-navitem:hover .dx-dropdown,
.dx-navitem:focus-within .dx-dropdown{
  transform:translate(-50%,0) scale(1)!important;
  transition-duration:var(--dx-dropdown-enter-duration),var(--dx-dropdown-enter-duration),0s!important;
  transition-delay:0s,0s,0s!important;
}
.dx-dropdown a:hover,
.dx-dropdown a:focus{
  transform:translateX(var(--dx-dropdown-item-shift));
}
.dx-wechat-login{
  height:var(--dx-login-height)!important;
  min-height:var(--dx-login-height)!important;
  padding:0 var(--dx-login-padding-x)!important;
  border-radius:var(--dx-login-radius)!important;
  background:var(--dx-login-bg)!important;
  border-color:var(--dx-login-bg)!important;
  color:var(--dx-login-text)!important;
  font-size:var(--dx-login-font-size)!important;
}
.dx-wechat-login *{
  color:var(--dx-login-text)!important;
}
.dx-wechat-login:hover,
.dx-wechat-login:focus-visible{
  background:var(--dx-login-hover-bg,var(--dx-login-bg))!important;
  border-color:var(--dx-login-hover-bg,var(--dx-login-bg))!important;
  color:var(--dx-login-hover-text,var(--dx-login-text))!important;
}
.dx-wechat-login:hover *,
.dx-wechat-login:focus-visible *{
  color:var(--dx-login-hover-text,var(--dx-login-text))!important;
}
.dx-login-main{
  padding:0!important;
  gap:0!important;
}
.dx-login-main > span{
  display:inline-block!important;
  transform:translate(var(--dx-login-text-x,0px),var(--dx-login-text-y,0px))!important;
}
@keyframes dxHeaderRevealDown{
  0%{opacity:0;transform:translateY(calc(-1 * var(--dx-header-reveal-y)))}
  100%{opacity:1;transform:translateY(0)}
}
.dx-logo,
.dx-mainnav .dx-navitem,
.dx-top-actions > *{
  animation-duration:var(--dx-header-reveal-duration)!important;
}
.dx-logo{animation-delay:var(--dx-header-reveal-delay)!important}
.dx-mainnav .dx-navitem:nth-child(1){animation-delay:calc(var(--dx-header-reveal-delay) + var(--dx-header-reveal-step))!important}
.dx-mainnav .dx-navitem:nth-child(2){animation-delay:calc(var(--dx-header-reveal-delay) + (var(--dx-header-reveal-step) * 2))!important}
.dx-mainnav .dx-navitem:nth-child(3){animation-delay:calc(var(--dx-header-reveal-delay) + (var(--dx-header-reveal-step) * 3))!important}
.dx-mainnav .dx-navitem:nth-child(4){animation-delay:calc(var(--dx-header-reveal-delay) + (var(--dx-header-reveal-step) * 4))!important}
.dx-top-actions > *:nth-child(1){animation-delay:calc(var(--dx-header-reveal-delay) + (var(--dx-header-reveal-step) * 5))!important}
.dx-top-actions > *:nth-child(2){animation-delay:calc(var(--dx-header-reveal-delay) + (var(--dx-header-reveal-step) * 6))!important}
.dx-top-actions > *:nth-child(3){animation-delay:calc(var(--dx-header-reveal-delay) + (var(--dx-header-reveal-step) * 7))!important}
/* dx-editor-driven-visual-controls-end */

/* dx-header-delay-safe-calc */
.dx-mainnav .dx-navitem:nth-child(2){animation-delay:calc(var(--dx-header-reveal-delay) + var(--dx-header-reveal-step) + var(--dx-header-reveal-step))!important}
.dx-mainnav .dx-navitem:nth-child(3){animation-delay:calc(var(--dx-header-reveal-delay) + var(--dx-header-reveal-step) + var(--dx-header-reveal-step) + var(--dx-header-reveal-step))!important}
.dx-mainnav .dx-navitem:nth-child(4){animation-delay:calc(var(--dx-header-reveal-delay) + var(--dx-header-reveal-step) + var(--dx-header-reveal-step) + var(--dx-header-reveal-step) + var(--dx-header-reveal-step))!important}
.dx-top-actions > *:nth-child(1){animation-delay:calc(var(--dx-header-reveal-delay) + var(--dx-header-reveal-step) + var(--dx-header-reveal-step) + var(--dx-header-reveal-step) + var(--dx-header-reveal-step) + var(--dx-header-reveal-step))!important}
.dx-top-actions > *:nth-child(2){animation-delay:calc(var(--dx-header-reveal-delay) + var(--dx-header-reveal-step) + var(--dx-header-reveal-step) + var(--dx-header-reveal-step) + var(--dx-header-reveal-step) + var(--dx-header-reveal-step) + var(--dx-header-reveal-step))!important}
.dx-top-actions > *:nth-child(3){animation-delay:calc(var(--dx-header-reveal-delay) + var(--dx-header-reveal-step) + var(--dx-header-reveal-step) + var(--dx-header-reveal-step) + var(--dx-header-reveal-step) + var(--dx-header-reveal-step) + var(--dx-header-reveal-step) + var(--dx-header-reveal-step))!important}
/* dx-header-delay-safe-calc-end */

/* dx-menu-spacing-nowrap */
.dx-mainnav{
  gap:var(--dx-top-nav-gap,26px)!important;
}
.dx-dropdown{
  width:max-content!important;
  min-width:0!important;
  max-width:none!important;
}
.dx-dropdown a,
.dx-dropdown-note{
  white-space:nowrap!important;
}
/* dx-menu-spacing-nowrap-end */

/* dx-hover-no-shift */
.dx-top :where(a,button):hover,
.dx-top :where(a,button):focus-visible,
.dx-main :where(a,button):hover,
.dx-main :where(a,button):focus-visible,
.dx-wechat-login:hover,
.dx-wechat-login:focus-visible,
.dx-mini-btn:hover,
.dx-mini-btn:focus-visible,
.dx-tool-btn:hover,
.dx-tool-btn:focus-visible{
  transform:translateY(calc(-1 * var(--dx-hover-lift-y,0px)))!important;
}
.dx-dropdown a:hover,
.dx-dropdown a:focus{
  transform:translateX(var(--dx-dropdown-item-shift,0px))!important;
}
.dx-top :where(svg,.dx-tool-ico,.dx-nav-ico,.dx-search-ico),
.dx-main :where(svg,.dx-tool-ico,.dx-nav-ico,.dx-search-ico,.dx-lesson-ico,.dx-path-ico){
  transform:none;
}
/* dx-hover-no-shift-end */

/* dx-heading-spacing-controls */
.dx-prose :where(h2,h3,h4,h5,h6),
.dx-read-body :where(h2,h3,h4,h5,h6),
.bk-ann-body :where(h2,h3,h4,h5,h6),
.es-read-body :where(h2,h3,h4,h5,h6){
  margin-top:var(--dx-space-heading-top,36px)!important;
  margin-bottom:var(--dx-space-heading-bottom,14px)!important;
}
/* dx-heading-spacing-controls-end */

/* dx-content-heading-controls */
.dx-prose :where(h1),
.dx-read-body :where(h1),
.bk-ann-body :where(h1),
.es-read-body :where(h1){
  font-size:var(--dx-content-h1-font-size,28px)!important;
  font-weight:var(--dx-content-h1-font-weight,600)!important;
  margin-top:var(--dx-content-h1-margin-top,40px)!important;
  margin-bottom:var(--dx-content-h1-margin-bottom,16px)!important;
  line-height:var(--dx-content-h1-line-height,1.35)!important;
}
.dx-prose :where(h2),
.dx-read-body :where(h2),
.bk-ann-body :where(h2),
.es-read-body :where(h2){
  font-size:var(--dx-content-h2-font-size,22px)!important;
  font-weight:var(--dx-content-h2-font-weight,600)!important;
  margin-top:var(--dx-content-h2-margin-top,36px)!important;
  margin-bottom:var(--dx-content-h2-margin-bottom,14px)!important;
  line-height:var(--dx-content-h2-line-height,1.45)!important;
}
.dx-prose :where(h3),
.dx-read-body :where(h3),
.bk-ann-body :where(h3),
.es-read-body :where(h3){
  font-size:var(--dx-content-h3-font-size,20px)!important;
  font-weight:var(--dx-content-h3-font-weight,600)!important;
  margin-top:var(--dx-content-h3-margin-top,28px)!important;
  margin-bottom:var(--dx-content-h3-margin-bottom,12px)!important;
  line-height:var(--dx-content-h3-line-height,1.45)!important;
}
.dx-prose :where(h4),
.dx-read-body :where(h4),
.bk-ann-body :where(h4),
.es-read-body :where(h4){
  font-size:var(--dx-content-h4-font-size,18px)!important;
  font-weight:var(--dx-content-h4-font-weight,600)!important;
  margin-top:var(--dx-content-h4-margin-top,24px)!important;
  margin-bottom:var(--dx-content-h4-margin-bottom,10px)!important;
  line-height:var(--dx-content-h4-line-height,1.45)!important;
}
.dx-prose :where(h5),
.dx-read-body :where(h5),
.bk-ann-body :where(h5),
.es-read-body :where(h5){
  font-size:var(--dx-content-h5-font-size,17px)!important;
  font-weight:var(--dx-content-h5-font-weight,600)!important;
  margin-top:var(--dx-content-h5-margin-top,20px)!important;
  margin-bottom:var(--dx-content-h5-margin-bottom,8px)!important;
  line-height:var(--dx-content-h5-line-height,1.45)!important;
}
/* dx-content-heading-controls-end */

/* dx-book-title-mark */
:root{
  --dx-book-title-optical-trim:-0.14em;
  --dx-square-bracket-gap:1px;
}
.dx-book-title-mark{
  display:inline!important;
  margin:0!important;
  margin-inline:0!important;
  padding:0!important;
  color:inherit!important;
  font:inherit!important;
  font-weight:inherit!important;
  letter-spacing:inherit!important;
  line-height:inherit!important;
  white-space:inherit!important;
}
.dx-book-title-mark-open{
  margin-left:calc(var(--dx-book-title-trim,-3px) + var(--dx-book-title-optical-trim,-0.14em))!important;
  margin-right:0!important;
  margin-inline-start:calc(var(--dx-book-title-trim,-3px) + var(--dx-book-title-optical-trim,-0.14em))!important;
  margin-inline-end:0!important;
}
.dx-book-title-mark-close{
  margin-left:0!important;
  margin-right:calc(var(--dx-book-title-trim,-3px) + var(--dx-book-title-optical-trim,-0.14em))!important;
  margin-inline-start:0!important;
  margin-inline-end:calc(var(--dx-book-title-trim,-3px) + var(--dx-book-title-optical-trim,-0.14em))!important;
}
.dx-book-title-mark-close.dx-book-title-mark-before-punctuation{
  margin-right:0!important;
  margin-inline-end:0!important;
}
.dx-philosophy-quote-source{
  --dx-book-title-trim:0px;
  --dx-book-title-optical-trim:0em;
  font-size:var(--dx-philosophy-quote-source-font-size,18px)!important;
  font-weight:400!important;
  line-height:var(--dx-philosophy-quote-source-line-height,1.78)!important;
}
.dx-philosophy-quote-standard{
  box-sizing:border-box!important;
  width:var(--dx-philosophy-quote-width,500px)!important;
  max-width:100%!important;
  margin-top:var(--dx-philosophy-quote-margin-top,10px)!important;
  margin-bottom:var(--dx-philosophy-quote-margin-bottom,10px)!important;
}
.dx-philosophy-quote-text{
  hanging-punctuation:allow-end;
  margin-bottom:var(--dx-philosophy-quote-source-gap,10px)!important;
  font-size:var(--dx-philosophy-quote-font-size,20px)!important;
  font-weight:var(--dx-philosophy-quote-font-weight,600)!important;
  line-height:var(--dx-philosophy-quote-line-height,1.78)!important;
}
.dx-square-bracket-title{
  display:inline!important;
  margin:0 var(--dx-square-bracket-gap,1px)!important;
  margin-inline:var(--dx-square-bracket-gap,1px)!important;
  padding:0!important;
  color:inherit!important;
  font:inherit!important;
  font-weight:inherit!important;
  letter-spacing:inherit!important;
  line-height:inherit!important;
  white-space:inherit!important;
}
.dx-book-title-trim{
  display:contents!important;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  font:inherit!important;
  font-weight:inherit!important;
  letter-spacing:inherit!important;
  line-height:inherit!important;
}
/* dx-book-title-mark-end */

/* Book-title marks keep optical spacing only; underline ownership is below. */

/* dx-icon-editor-controls */
.dx-top :where(.dx-theme svg){
  color:var(--dx-top-icon-color,var(--dx-color-text-title))!important;
}
.dx-top .dx-mainnav :where(.caret){
  color:var(--dx-top-caret-color,var(--dx-top-icon-color,var(--dx-color-text-title)))!important;
}
.dx-top :where(.dx-account-caret){
  color:var(--dx-account-caret-color,var(--dx-color-text-title))!important;
}
.dx-top :where(.caret path,.dx-account-caret path,.dx-theme svg path,.dx-theme svg circle){
  stroke-width:var(--dx-top-icon-stroke-width,1.7)!important;
  vector-effect:non-scaling-stroke;
}
.dx-wechat-login .dx-login-main > span{
  display:inline-block!important;
  transform:translate(var(--dx-login-text-x,0px),var(--dx-login-text-y,0px))!important;
}
.dx-main :where(.dx-tool-ico,.dx-nav-ico,.dx-search-ico,.dx-lesson-ico,.dx-path-ico,.dx-side3-mark,.bk-ann-empty-ic,.es-empty-ic){
  color:var(--dx-content-icon-color,var(--dx-color-icon))!important;
}
.dx-main :where(.dx-side .dx-tool-ico,.dx-side .dx-nav-ico,.dx-side .dx-search-ico,.dx-side .dx-side-search svg,.dx-static .dx-side .dx-tool-ico,.dx-static .dx-side .dx-nav-ico,.dx-static .dx-side .dx-search-ico,.dx-static .dx-side .dx-side-search svg){
  color:var(--dx-sidebar-icon-color,var(--dx-color-sidebar-icon))!important;
}
.dx-main :where(.dx-tool-ico svg,.dx-nav-ico svg,.dx-search-ico svg,.dx-lesson-ico svg,.dx-path-ico svg){
  stroke-width:var(--dx-icon-stroke-width,2.15)!important;
}
.dx-main :where(.dx-tool-ico svg *,.dx-nav-ico svg *,.dx-search-ico svg *,.dx-lesson-ico svg *,.dx-path-ico svg *){
  stroke-width:inherit!important;
  vector-effect:non-scaling-stroke;
}
.dx-main :where(.dx-side .dx-tool-ico svg,.dx-side .dx-nav-ico svg,.dx-side .dx-search-ico svg,.dx-side .dx-side-search svg,.dx-static .dx-side .dx-tool-ico svg,.dx-static .dx-side .dx-nav-ico svg,.dx-static .dx-side .dx-search-ico svg,.dx-static .dx-side .dx-side-search svg){
  stroke-width:var(--dx-sidebar-icon-stroke-width,var(--dx-icon-stroke-width,2.15))!important;
}
/* dx-icon-editor-controls-end */

/* dx-font-weight-editor-controls */
body,
.dx-main,
.dx-center,
.dx-static,
.dx-workbench{
  font-weight:var(--dx-font-weight-body,400);
}
.dx-main :where(p,li,td,th,blockquote,input,textarea,select,label,.dx-prose,.dx-prose *,.dx-read-body,.dx-read-body *,.bk-ann-body,.bk-ann-body *,.es-read-body,.es-read-body *,.dx-quote-note,.dx-tool-section p,.dx-tool-area,.dx-comment-content,.dx-comment-content *){
  font-weight:var(--dx-font-weight-body,400)!important;
}
.dx-main :where(h1,h2,h3,h4,h5,h6,.dx-article-title,.dx-sec-h h2,.bk-head h1,.bk-ann-jin,.es-list-h,.dx-read-title,.dx-quote-text,.dx-panel-title h2,.dx-tool-section h3,.dx-side3-head,.dx-404-h,.dx-prose .dx-mentor-lede,.dx-comments-title,.comment-reply-title){
  font-weight:var(--dx-font-weight-heading,600)!important;
}
.dx-main :where(.dx-li h3,.dx-resource h3,.dx-course-card h3,.dx-article-row .t,.dx-lesson-title,.dx-related-a .t,.dx-video-show-card-title,.dx-riix-article-title){
  font-weight:var(--dx-font-weight-title,500)!important;
}
.dx-prose :where(strong,b),
.dx-read-body :where(strong,b),
.bk-ann-body :where(strong,b),
.es-read-body :where(strong,b),
.dx-comment-content :where(strong,b),
.dx-main :where(strong,b,.dx-pn-a b){
  font-weight:var(--dx-font-weight-strong,600)!important;
}
.dx-main :where(.dx-article-meta,.dx-bc,.dx-read-meta,.dx-row-src,.dx-course-card .tag,.dx-li .m,.bk-n,.bk-ann-n,.es-item-d,.dx-related-a .d){
  font-weight:var(--dx-font-weight-muted,400)!important;
}
.dx-main :where(.dx-btn,.dx-mini-btn,.dx-rec,.dx-like,.dx-tool-btn,.bk-ann-save),
.dx-theme-editor :where(button,select){
  font-weight:var(--dx-font-weight-button,500)!important;
}
.dx-logo,
.dx-brand-name{
  font-weight:var(--dx-font-weight-top-brand,600)!important;
}
.dx-logo .dx-brand-mark,
.dx-brand-mark{
  font-weight:var(--dx-font-weight-logo,600)!important;
}
.dx-navtrigger,
.dx-dropdown a,
.dx-mnav-panel a,
.dx-mnav-label{
  font-weight:var(--dx-font-weight-top-menu,400)!important;
}
.dx-wechat-login,
.dx-wechat-login .dx-login-main > span{
  font-weight:var(--dx-font-weight-login,500)!important;
}
.dx-side .dx-brand,
.dx-static .dx-brand{
  font-weight:var(--dx-font-weight-sidebar-brand,600)!important;
}
.dx-side :where(.dx-tree-link,.dx-tool-btn),
.dx-static :where(.dx-tree-link,.dx-tool-btn){
  font-weight:var(--dx-font-weight-sidebar-nav,500)!important;
}
.dx-side :where(.dx-tree-label,.dx-tree-meta,.dx-side-search input),
.dx-static :where(.dx-tree-label,.dx-tree-meta,.dx-side-search input){
  font-weight:var(--dx-font-weight-sidebar-meta,400)!important;
}
.dx-read-title,
.dx-read-body :where(h2,h3,h4,h5,h6),
.bk-ann-body :where(h2,h3,h4,h5,h6),
.es-read-body :where(h2,h3,h4,h5,h6){
  font-weight:var(--dx-font-weight-heading,600)!important;
}
.dx-read-body :where(p,li),
.bk-ann-body :where(p,li),
.es-read-body :where(p,li){
  font-weight:var(--dx-font-weight-body,400)!important;
}
/* dx-font-weight-editor-controls-end */

/* dx-content-heading-weight-priority */
.dx-prose :where(h1),
.dx-read-body :where(h1),
.bk-ann-body :where(h1),
.es-read-body :where(h1){
  font-weight:var(--dx-content-h1-font-weight,600)!important;
}
.dx-prose :where(h2),
.dx-read-body :where(h2),
.bk-ann-body :where(h2),
.es-read-body :where(h2){
  font-weight:var(--dx-content-h2-font-weight,600)!important;
}
.dx-prose :where(h3),
.dx-read-body :where(h3),
.bk-ann-body :where(h3),
.es-read-body :where(h3){
  font-weight:var(--dx-content-h3-font-weight,600)!important;
}
.dx-prose :where(h4),
.dx-read-body :where(h4),
.bk-ann-body :where(h4),
.es-read-body :where(h4){
  font-weight:var(--dx-content-h4-font-weight,600)!important;
}
.dx-prose :where(h5),
.dx-read-body :where(h5),
.bk-ann-body :where(h5),
.es-read-body :where(h5){
  font-weight:var(--dx-content-h5-font-weight,600)!important;
}
/* dx-content-heading-weight-priority-end */

/* dx-content-heading-weight-specificity */
.dx-main .dx-prose h1,
.dx-main .dx-read-body h1,
.dx-main .bk-ann-body h1,
.dx-main .es-read-body h1{
  font-weight:var(--dx-content-h1-font-weight,600)!important;
}
.dx-main .dx-prose h2,
.dx-main .dx-read-body h2,
.dx-main .bk-ann-body h2,
.dx-main .es-read-body h2{
  font-weight:var(--dx-content-h2-font-weight,600)!important;
}
.dx-main .dx-prose h3,
.dx-main .dx-read-body h3,
.dx-main .bk-ann-body h3,
.dx-main .es-read-body h3{
  font-weight:var(--dx-content-h3-font-weight,600)!important;
}
.dx-main .dx-prose h4,
.dx-main .dx-read-body h4,
.dx-main .bk-ann-body h4,
.dx-main .es-read-body h4{
  font-weight:var(--dx-content-h4-font-weight,600)!important;
}
.dx-main .dx-prose h5,
.dx-main .dx-read-body h5,
.dx-main .bk-ann-body h5,
.dx-main .es-read-body h5{
  font-weight:var(--dx-content-h5-font-weight,600)!important;
}
/* dx-content-heading-weight-specificity-end */

/* dx-reader-punctuation-spacing-controls */
.dx-main :where(p,li,td,th,blockquote),
.dx-prose,
.bk-ann-body,
.es-read-body{
  letter-spacing:var(--dx-letter-spacing-body,0em)!important;
}
.dx-prose,
.dx-prose :where(p,li),
.dx-read-body,
.dx-read-body :where(p,li),
.bk-ann-body,
.bk-ann-body :where(p,li),
.es-read-body,
.es-read-body :where(p,li){
  letter-spacing:var(--dx-letter-spacing-reader,var(--dx-letter-spacing-body,0em))!important;
  text-align:var(--dx-reader-text-align,left)!important;
  line-break:strict;
  -webkit-hyphens:auto;
  hyphens:auto;
  hyphenate-character:"-";
}
/* dx-reader-punctuation-spacing-controls-end */

/* dx-reader-list-alignment-controls */
.dx-prose :where(ul,ol),
.dx-read-body :where(ul,ol),
.bk-ann-body :where(ul,ol),
.es-read-body :where(ul,ol){
  list-style:none!important;
  margin:0 0 var(--dx-list-block-gap,24px) var(--dx-list-inline-indent,16px)!important;
  padding-left:0!important;
}
.dx-prose :where(ol),
.dx-read-body :where(ol),
.bk-ann-body :where(ol),
.es-read-body :where(ol){
  counter-reset:dx-list-item;
}
.dx-prose :where(li),
.dx-read-body :where(li),
.bk-ann-body :where(li),
.es-read-body :where(li){
  position:relative;
  padding-left:calc(var(--dx-list-bullet-size,0.4em) + var(--dx-list-bullet-gap,0.67em))!important;
  margin:0 0 var(--dx-list-item-gap,10px)!important;
}
.dx-prose :where(ol > li),
.dx-read-body :where(ol > li),
.bk-ann-body :where(ol > li),
.es-read-body :where(ol > li){
  padding-left:calc(var(--dx-list-marker-width,1.4em) + var(--dx-list-ordered-marker-gap,0em) + var(--dx-list-marker-gap,0.2em))!important;
}
.dx-prose :where(li:last-child),
.dx-read-body :where(li:last-child),
.bk-ann-body :where(li:last-child),
.es-read-body :where(li:last-child){
  margin-bottom:0!important;
}
.dx-prose :where(ul > li)::before,
.dx-read-body :where(ul > li)::before,
.bk-ann-body :where(ul > li)::before,
.es-read-body :where(ul > li)::before{
  content:"";
}
.dx-prose :where(ol > li),
.dx-read-body :where(ol > li),
.bk-ann-body :where(ol > li),
.es-read-body :where(ol > li){
  counter-increment:dx-list-item;
}
.dx-prose :where(ol > li)::before,
.dx-read-body :where(ol > li)::before,
.bk-ann-body :where(ol > li)::before,
.es-read-body :where(ol > li)::before{
  content:counter(dx-list-item) "、";
}
.dx-prose :where(ul > li,ol > li)::before,
.dx-read-body :where(ul > li,ol > li)::before,
.bk-ann-body :where(ul > li,ol > li)::before,
.es-read-body :where(ul > li,ol > li)::before{
  position:absolute;
  left:0;
  top:0;
  width:var(--dx-list-marker-width,1.4em);
  text-align:left;
  color:inherit;
  font-family:inherit;
  font-style:inherit;
  font-size:inherit;
  line-height:inherit;
  font-weight:var(--dx-font-weight-body,400);
  white-space:nowrap;
}
.dx-prose :where(ul > li)::before,
.dx-read-body :where(ul > li)::before,
.bk-ann-body :where(ul > li)::before,
.es-read-body :where(ul > li)::before{
  top:.78em;
  width:var(--dx-list-bullet-size,0.4em);
  height:var(--dx-list-bullet-size,0.4em);
  border-radius:999px;
  background:currentColor;
  transform:translateY(-50%);
}
@media(min-width:1024px){
  .dx-prose :where(ul > li),
  .dx-read-body :where(ul > li),
  .bk-ann-body :where(ul > li),
  .es-read-body :where(ul > li){
    padding-left:calc(var(--dx-list-bullet-size,0.4em) + var(--dx-list-bullet-gap,0.67em))!important;
  }
}
html.dx-riix-reader-desktop .dx-prose :where(ul > li),
html.dx-riix-reader-desktop .dx-read-body :where(ul > li),
html.dx-riix-reader-desktop .bk-ann-body :where(ul > li),
html.dx-riix-reader-desktop .es-read-body :where(ul > li){
  padding-left:calc(var(--dx-list-bullet-size,0.4em) + var(--dx-list-bullet-gap,0.67em))!important;
}
.dx-prose :where(li > ul,li > ol),
.dx-read-body :where(li > ul,li > ol),
.bk-ann-body :where(li > ul,li > ol),
.es-read-body :where(li > ul,li > ol){
  margin-top:var(--dx-list-item-gap,10px)!important;
  margin-left:var(--dx-list-nested-indent,22px)!important;
  margin-bottom:0!important;
}
.dx-prose :where(li > p),
.dx-read-body :where(li > p),
.bk-ann-body :where(li > p),
.es-read-body :where(li > p){
  margin:0 0 var(--dx-list-item-gap,10px)!important;
}
.dx-prose :where(li > p:last-child),
.dx-read-body :where(li > p:last-child),
.bk-ann-body :where(li > p:last-child),
.es-read-body :where(li > p:last-child){
  margin-bottom:0!important;
}
/* dx-reader-list-alignment-controls-end */

/* dx-reader-image-controls */
.dx-prose figure,
.dx-read-body figure,
.bk-ann-body figure,
.es-read-body figure,
.dx-prose .wp-block-image,
.dx-read-body .wp-block-image,
.bk-ann-body .wp-block-image,
.es-read-body .wp-block-image{
  border-radius:var(--dx-prose-image-radius,0px)!important;
  overflow:visible!important;
}
.dx-prose img,
.dx-read-body img,
.bk-ann-body img,
.es-read-body img,
.dx-prose figure img,
.dx-read-body figure img,
.bk-ann-body figure img,
.es-read-body figure img,
.dx-prose .wp-block-image img,
.dx-read-body .wp-block-image img,
.bk-ann-body .wp-block-image img,
.es-read-body .wp-block-image img{
  display:block;
  max-width:var(--dx-prose-image-max-width,100%)!important;
  border:var(--dx-prose-image-border-width,1px) solid var(--dx-prose-image-border-color,var(--dx-color-line-strong))!important;
  border-radius:var(--dx-prose-image-radius,0px)!important;
  box-sizing:border-box;
  margin:var(--dx-prose-image-margin-y,18px) auto!important;
}
.dx-prose img:not([style*="width"]):not([style*="height"]),
.dx-read-body img:not([style*="width"]):not([style*="height"]),
.bk-ann-body img:not([style*="width"]):not([style*="height"]),
.es-read-body img:not([style*="width"]):not([style*="height"]){
  width:var(--dx-prose-image-width,100%);
  height:auto;
}
.dx-prose .dx-image-credit,
.dx-read-body .dx-image-credit,
.bk-ann-body .dx-image-credit,
.es-read-body .dx-image-credit{
  display:inline-flex!important;
  align-items:center!important;
  gap:var(--dx-image-credit-gap,8px)!important;
  margin:var(--dx-image-credit-margin-top,10px) 0 var(--dx-image-credit-margin-bottom,20px)!important;
  color:var(--dx-image-credit-color,var(--dx-color-text-body,#1A1A1A))!important;
  font-size:var(--dx-image-credit-font-size,17px)!important;
  font-weight:var(--dx-image-credit-font-weight,400)!important;
  line-height:1.45!important;
  letter-spacing:var(--dx-letter-spacing-reader,var(--dx-letter-spacing-body,0em))!important;
  text-align:left!important;
  white-space:normal!important;
}
.dx-prose .dx-image-credit-mark,
.dx-read-body .dx-image-credit-mark,
.bk-ann-body .dx-image-credit-mark,
.es-read-body .dx-image-credit-mark{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  color:inherit!important;
  font-family:var(--dx-font-sans,"PingFang SC")!important;
  font-size:var(--dx-image-credit-mark-size,1em)!important;
  font-weight:var(--dx-image-credit-mark-weight,400)!important;
  line-height:1!important;
  transform:translateY(var(--dx-image-credit-mark-offset-y,.015em))!important;
}
.dx-prose .dx-image-credit-text,
.dx-read-body .dx-image-credit-text,
.bk-ann-body .dx-image-credit-text,
.es-read-body .dx-image-credit-text{
  color:inherit!important;
  font:inherit!important;
}
/* dx-reader-image-controls-end */

/* dx-article-heading-breadcrumb-meta */
.dx-article-breadcrumb,
.dx-read-breadcrumb{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:0;
  margin:0 0 14px;
  color:var(--dx-color-text-muted,var(--mut));
  font-size:var(--dx-font-size-body,17px);
  line-height:1.55;
  font-weight:var(--dx-font-weight-body,400);
  letter-spacing:0;
}
.dx-article-breadcrumb-bar{
  position:sticky;
  top:var(--dx-top-height,84px);
  z-index:95;
  width:100%;
  margin:0;
  background:var(--dx-color-page-bg,var(--bg));
  border-bottom:var(--dx-article-divider-width,1px) solid var(--dx-article-divider-color,var(--dx-color-line-strong,var(--line2)));
  box-sizing:border-box;
}
body.admin-bar .dx-article-breadcrumb-bar{
  top:calc(var(--dx-top-height,84px) + 32px);
}
.dx-article-breadcrumb-inner{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  width:100%;
  max-width:var(--dx-wrap-width,1200px);
  height:var(--dx-breadcrumb-height,38px);
  margin:0 auto;
  padding:0 var(--dx-page-padding-x,28px);
  box-sizing:border-box;
  overflow:hidden;
}
.dx-article-breadcrumb-bar .dx-breadcrumb-label{
  max-width:min(62vw,520px);
  overflow:hidden;
  text-overflow:ellipsis;
}
.dx-article-breadcrumb a,
.dx-read-breadcrumb a{
  color:var(--dx-color-text-body,var(--ink))!important;
  display:inline-flex;
  align-items:center;
  text-decoration:none;
  white-space:nowrap;
  transform:none!important;
  translate:none!important;
}
.dx-article-breadcrumb a .dx-breadcrumb-label,
.dx-read-breadcrumb a{
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:var(--dx-content-link-underline-offset,4px);
  text-decoration-color:currentColor;
  transition:color var(--dx-motion-duration-fast,.15s),text-decoration-thickness var(--dx-motion-duration-fast,.15s);
}
.dx-article-breadcrumb a:hover,
.dx-article-breadcrumb a:focus-visible,
.dx-read-breadcrumb a:hover,
.dx-read-breadcrumb a:focus-visible{
  color:var(--dx-color-text-title,var(--ink2))!important;
}
.dx-article-breadcrumb a:hover .dx-breadcrumb-label,
.dx-article-breadcrumb a:focus-visible .dx-breadcrumb-label,
.dx-read-breadcrumb a:hover,
.dx-read-breadcrumb a:focus-visible{
  text-decoration-thickness:1.5px;
}
.dx-breadcrumb-label{
  display:inline;
  white-space:nowrap;
}
.dx-article-breadcrumb-sep{
  color:var(--dx-color-text-muted,var(--mut))!important;
  opacity:.5;
  margin:0 var(--dx-breadcrumb-sep-space,8px);
  user-select:none;
}
.dx-article-breadcrumb-bar{
  color:var(--dx-color-text-muted,var(--mut));
  font-size:var(--dx-breadcrumb-font-size,15px);
  line-height:1.2;
}
.dx-article-meta,
.dx-article-meta-line{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 10px;
  color:var(--dx-color-text-body,var(--ink))!important;
  font-size:var(--dx-font-size-body,17px);
  line-height:1.55;
  font-weight:var(--dx-font-weight-muted,400);
  letter-spacing:0;
}
.dx-article-meta-text{
  color:var(--dx-color-text-body,var(--ink))!important;
}
.dx-read-head{
  border-bottom:var(--dx-article-divider-width,1px) solid var(--dx-article-divider-color,var(--dx-color-line-strong,var(--line2)))!important;
  padding-bottom:var(--dx-article-divider-space-before,24px)!important;
  margin-bottom:var(--dx-article-divider-space-after,28px)!important;
}
.dx-article-meta{
  border-bottom:var(--dx-article-meta-divider-width,var(--dx-article-divider-width,1px)) solid var(--dx-article-meta-divider-color,var(--dx-article-divider-color,var(--dx-color-line-strong,var(--line2))))!important;
  padding-bottom:var(--dx-article-meta-divider-space-before,var(--dx-article-divider-space-before,24px))!important;
  margin-bottom:var(--dx-article-meta-divider-space-after,var(--dx-article-divider-space-after,28px))!important;
}
.dx-engage,
.dx-pn{
  border-top:var(--dx-article-divider-width,1px) solid var(--dx-article-divider-color,var(--dx-color-line-strong,var(--line2)))!important;
  margin-top:var(--dx-article-divider-space-before,24px)!important;
  padding-top:var(--dx-article-divider-space-after,28px)!important;
}
.dx-engage{
  margin-top:var(--dx-engage-divider-space-before,var(--dx-article-divider-space-before,24px))!important;
  border-top-color:var(--dx-engage-divider-color,var(--dx-article-divider-color,var(--dx-color-line-strong,var(--line2))))!important;
}
.dx-engage{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:var(--dx-engage-gap,18px)!important;
  color:var(--dx-engage-text-color,var(--dx-color-text-body,var(--ink)))!important;
  font-size:var(--dx-engage-font-size,15px)!important;
  line-height:1.5!important;
}
.dx-engage-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 16px;
  min-width:0;
}
.dx-engage-meta span{
  white-space:nowrap;
}
.dx-engage-actions{
  display:flex;
  align-items:flex-start;
  justify-content:flex-end;
  gap:var(--dx-engage-action-gap,24px);
  flex:0 0 auto;
}
.dx-engage-action,
.dx-engage-action.dx-like,
.dx-engage-action.dx-rec{
  display:inline-flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  min-width:var(--dx-engage-icon-size,30px)!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--dx-engage-icon-color,var(--dx-engage-text-color,var(--dx-color-text-body,var(--ink))))!important;
  box-shadow:none!important;
  cursor:pointer;
  font:inherit!important;
  line-height:1!important;
  transform:none!important;
  translate:none!important;
  transition:color var(--dx-motion-duration-fast,.15s),opacity var(--dx-motion-duration-fast,.15s)!important;
}
.dx-engage-action:hover,
.dx-engage-action:focus-visible{
  color:var(--dx-engage-icon-color,var(--dx-engage-text-color,var(--dx-color-text-body,var(--ink))))!important;
  opacity:.78;
  transform:none!important;
}
.dx-engage-action.is-active,
.dx-engage-action.is-active:hover,
.dx-engage-action.is-active:focus-visible{
  color:var(--dx-engage-active-color,#f24b55)!important;
  opacity:1;
}
.dx-engage-icon{
  display:block;
  width:var(--dx-engage-icon-size,30px)!important;
  height:var(--dx-engage-icon-size,30px)!important;
  fill:none;
  stroke:currentColor;
  stroke-width:var(--dx-engage-icon-stroke-width,2px);
  stroke-linecap:round;
  stroke-linejoin:round;
  overflow:visible;
}
.dx-engage-icon-fill{
  fill:transparent;
  stroke:currentColor;
  transition:fill var(--dx-motion-duration-fast,.15s),stroke var(--dx-motion-duration-fast,.15s);
}
.dx-engage-action.is-active .dx-engage-icon-fill{
  fill:currentColor;
  stroke:currentColor;
}
.dx-engage-count{
  color:currentColor!important;
  font-size:var(--dx-engage-font-size,15px)!important;
  line-height:1!important;
  min-height:1em;
}
@media (max-width:782px){
  body.admin-bar .dx-article-breadcrumb-bar{top:calc(var(--dx-top-height,84px) + 46px);}
}
@media (max-width:720px){
  .dx-engage{
    flex-direction:column;
    align-items:stretch!important;
  }
  .dx-engage-actions{
    justify-content:flex-start;
  }
}
.dx-read-endline{
  border-top:var(--dx-article-divider-width,1px) solid var(--dx-article-divider-color,var(--dx-color-line-strong,var(--line2)));
  height:0;
  margin-top:var(--dx-article-divider-space-before,24px);
  padding-bottom:var(--dx-article-divider-space-after,28px);
}
/* dx-article-heading-breadcrumb-meta-end */

/* dx-global-image-fade-and-viewer */
html.dx-image-fade img:not(:where([data-dx-image-loading="off"],.dx-site-mark-img,.custom-logo,.emoji,.wp-smiley,.dx-image-fade-skip)){
  transition:opacity var(--dx-image-load-fade-duration,520ms) var(--dx-motion-easing,cubic-bezier(.2,.8,.2,1));
}
html.dx-image-fade img:not(:where([data-dx-image-loading="off"],.dx-site-mark-img,.custom-logo,.emoji,.wp-smiley,.dx-image-fade-loaded,.dx-image-fade-error,.dx-image-fade-skip)){
  opacity:0;
}
@media(prefers-reduced-motion:reduce){
  html.dx-image-fade img{transition-duration:0ms}
}
.dx-image-viewer-modal{
  position:fixed;
  inset:0;
  z-index:100000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:clamp(18px,4vw,56px);
  background:rgba(17,17,17,.82);
  background:color-mix(in srgb,var(--dx-image-view-overlay-color,#1A1A1A) var(--dx-image-view-overlay-opacity,82%),transparent);
  -webkit-backdrop-filter:blur(var(--dx-image-view-overlay-blur,6px));
  backdrop-filter:blur(var(--dx-image-view-overlay-blur,6px));
  opacity:0;
  visibility:hidden;
  transition:opacity var(--dx-image-view-fade-duration,260ms) ease,visibility 0s linear var(--dx-image-view-fade-duration,260ms);
}
.dx-image-viewer-modal.is-open{
  opacity:1;
  visibility:visible;
  transition-delay:0s;
}
.dx-image-viewer-modal img{
  display:block;
  max-width:min(100%,1200px);
  max-height:86vh;
  width:auto;
  height:auto;
  border:0!important;
  border-radius:var(--dx-prose-image-radius,0px)!important;
  box-shadow:0 18px 70px rgba(0,0,0,.28);
  transform:translateY(8px) scale(.985);
  opacity:0;
  transition:opacity var(--dx-image-view-fade-duration,260ms) ease,transform var(--dx-image-view-fade-duration,260ms) ease;
}
.dx-image-viewer-modal.is-open img{
  opacity:1;
  transform:translateY(0) scale(1);
}
.dx-image-viewer-close{
  position:absolute;
  right:18px;
  top:18px;
  width:40px;
  height:40px;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  color:#fff;
  font:400 26px/1 var(--sans);
  cursor:pointer;
}
.dx-image-viewer-nav{
  position:absolute;
  z-index:2;
  top:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  padding:0;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  color:#fff;
  transform:translateY(-50%);
  cursor:pointer;
  transition:background-color var(--dx-component-control-transition,180ms) ease,opacity var(--dx-component-control-transition,180ms) ease;
}
.dx-image-viewer-nav[hidden]{display:none!important}
.dx-image-viewer-nav:hover,
.dx-image-viewer-nav:focus-visible{
  background:rgba(255,255,255,.22);
}
.dx-image-viewer-nav--prev{left:clamp(10px,2vw,28px)}
.dx-image-viewer-nav--next{right:clamp(10px,2vw,28px)}
.dx-image-viewer-nav svg{
  display:block;
  width:24px;
  height:24px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
@media(max-width:640px){
  .dx-image-viewer-nav{width:40px;height:40px;background:rgba(17,17,17,.36)}
  .dx-image-viewer-nav--prev{left:8px}
  .dx-image-viewer-nav--next{right:8px}
}
body.dx-image-viewer-locked{
  overflow:hidden;
}
/* dx-image-loading-and-viewer-end */

/* dx-fixed-top-breadcrumb-lock */
.dx-top{
  border-bottom:1px solid var(--dx-top-border-color,var(--dx-color-line-strong,#d7d7d7))!important;
}
.dx-article-breadcrumb-bar{
  position:fixed!important;
  top:var(--dx-top-height,84px)!important;
  left:0!important;
  right:0!important;
  z-index:1999!important;
  margin:0!important;
  border-top:0!important;
  border-bottom:var(--dx-breadcrumb-border-width,1px) solid var(--dx-breadcrumb-border-color,var(--dx-color-line-strong,#d7d7d7))!important;
  background:var(--dx-color-page-bg,var(--bg,#fff))!important;
}
body.admin-bar .dx-article-breadcrumb-bar{
  top:calc(var(--dx-top-height,84px) + 32px)!important;
}
body.single-post .dx-main{
  padding-top:calc(var(--dx-top-height,84px) + var(--dx-breadcrumb-height,38px) + var(--dx-breadcrumb-padding-top,0px) + var(--dx-breadcrumb-padding-bottom,0px))!important;
  min-height:calc(100vh - var(--dx-top-height,84px) - var(--dx-breadcrumb-height,38px) - var(--dx-breadcrumb-padding-top,0px) - var(--dx-breadcrumb-padding-bottom,0px))!important;
}
body.single-post{
  scroll-padding-top:calc(var(--dx-top-height,84px) + var(--dx-breadcrumb-height,38px) + var(--dx-breadcrumb-padding-top,0px) + var(--dx-breadcrumb-padding-bottom,0px))!important;
}
.dx-article-breadcrumb-inner{
  height:calc(var(--dx-breadcrumb-height,38px) + var(--dx-breadcrumb-padding-top,0px) + var(--dx-breadcrumb-padding-bottom,0px))!important;
  padding:var(--dx-breadcrumb-padding-top,0px) var(--dx-page-padding-x,28px) var(--dx-breadcrumb-padding-bottom,0px)!important;
}
.dx-article-breadcrumb a{
  color:var(--dx-color-text-body,var(--ink))!important;
  text-decoration:none!important;
  transform:none!important;
}
.dx-article-breadcrumb a:hover,
.dx-article-breadcrumb a:focus-visible{
  color:var(--dx-color-text-title,var(--ink2))!important;
  text-decoration:none!important;
  transform:none!important;
}
.dx-article-breadcrumb a .dx-breadcrumb-label{
  display:inline-block;
  text-decoration:none!important;
  text-underline-offset:var(--dx-content-link-underline-offset,4px)!important;
  text-decoration-thickness:1px!important;
  text-decoration-color:currentColor!important;
}
.dx-article-breadcrumb a:hover .dx-breadcrumb-label,
.dx-article-breadcrumb a:focus-visible .dx-breadcrumb-label{
  text-decoration:underline!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:var(--dx-content-link-underline-offset,4px)!important;
}
@media(max-width:782px){
  body.admin-bar .dx-article-breadcrumb-bar{
    top:calc(var(--dx-top-height,84px) + 46px)!important;
  }
}
/* dx-fixed-top-breadcrumb-lock-end */

/* dx-article-breadcrumb-fixed-final */
body{
  --dx-adminbar-offset:0px;
  --dx-breadcrumb-total-height:calc(var(--dx-breadcrumb-height,38px) + var(--dx-breadcrumb-padding-top,0px) + var(--dx-breadcrumb-padding-bottom,0px));
}
body.admin-bar{
  --dx-adminbar-offset:32px;
}
@media(max-width:782px){
  body.admin-bar{
    --dx-adminbar-offset:46px;
  }
}
.dx-top{
  position:fixed!important;
  top:var(--dx-adminbar-offset,0px)!important;
  left:0!important;
  right:0!important;
  z-index:2000!important;
}
.dx-article-breadcrumb-bar{
  position:fixed!important;
  top:calc(var(--dx-adminbar-offset,0px) + var(--dx-top-height,84px))!important;
  left:0!important;
  right:0!important;
  z-index:1999!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
  border-top:0!important;
  border-bottom:var(--dx-breadcrumb-border-width,1px) solid var(--dx-breadcrumb-border-color,var(--dx-color-line-strong,#d7d7d7))!important;
  background:var(--dx-color-page-bg,var(--bg,#fff))!important;
  box-shadow:none!important;
}
.dx-article-breadcrumb-inner{
  width:100%!important;
  max-width:var(--dx-wrap-width,1200px)!important;
  height:var(--dx-breadcrumb-total-height)!important;
  margin:0 auto!important;
  padding:var(--dx-breadcrumb-padding-top,0px) var(--dx-page-padding-x,28px) var(--dx-breadcrumb-padding-bottom,0px)!important;
  display:flex!important;
  align-items:center!important;
  box-sizing:border-box!important;
}
body.single .dx-main{
  padding-top:calc(var(--dx-top-height,84px) + var(--dx-breadcrumb-total-height))!important;
  scroll-padding-top:calc(var(--dx-top-height,84px) + var(--dx-breadcrumb-total-height))!important;
}
@supports selector(body:has(.dx-article-breadcrumb-bar)){
  body:has(.dx-article-breadcrumb-bar) .dx-main{
    padding-top:calc(var(--dx-top-height,84px) + var(--dx-breadcrumb-total-height))!important;
    scroll-padding-top:calc(var(--dx-top-height,84px) + var(--dx-breadcrumb-total-height))!important;
  }
}
/* dx-article-breadcrumb-fixed-final-end */

/* dx-breadcrumb-glass-line */
.dx-article-breadcrumb-bar{
  overflow:visible!important;
  background:rgba(255,255,255,.95)!important;
  border-bottom:0!important;
  -webkit-backdrop-filter:blur(2px)!important;
  backdrop-filter:blur(2px)!important;
  box-shadow:none!important;
  outline:0!important;
}
.dx-article-breadcrumb-bar::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:auto!important;
  bottom:0!important;
  display:block!important;
  width:auto!important;
  height:1px!important;
  background:var(--dx-breadcrumb-border-color,var(--dx-color-line-strong,#d7d7d7))!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
@supports (background:color-mix(in srgb,#fff 95%,transparent)){
  .dx-article-breadcrumb-bar{
    background:color-mix(in srgb,var(--dx-color-page-bg,#fff) 95%,transparent)!important;
  }
}
/* dx-breadcrumb-glass-line-end */

/* dx-topbar-glass-effect */
.dx-top{
  background:var(--dx-color-page-bg,#fff)!important;
  border-bottom-color:var(--dx-top-border-color,var(--dx-color-line-strong,#d7d7d7))!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
}
@supports (background:color-mix(in srgb,#fff 82%,transparent)){
  .dx-top{
    background:var(--dx-color-page-bg,#fff)!important;
    border-bottom-color:var(--dx-top-border-color,var(--dx-color-line-strong,#d7d7d7))!important;
  }
}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .dx-top{
    background:var(--dx-color-page-bg,#fff)!important;
  }
}
/* dx-topbar-glass-effect-end */

/* dx-fixed-bottom-engage-bar */
body.single{
  --dx-engage-fixed-height:68px;
  padding-bottom:calc(var(--dx-engage-fixed-height,68px) + env(safe-area-inset-bottom,0px))!important;
}
body.single .dx-engage{
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:1800!important;
  width:100%!important;
  max-width:none!important;
  min-height:var(--dx-engage-fixed-height,68px)!important;
  margin:0!important;
  padding:10px max(var(--dx-page-padding-x,28px),calc((100vw - var(--dx-wrap-width,1200px)) / 2 + var(--dx-page-padding-x,28px))) calc(10px + env(safe-area-inset-bottom,0px))!important;
  border-top:1px solid var(--dx-engage-divider-color,var(--dx-article-divider-color,var(--dx-color-line-strong,var(--line2))))!important;
  border-bottom:0!important;
  background:var(--dx-color-page-bg,var(--bg,#fff))!important;
  box-shadow:0 -8px 28px rgba(0,0,0,.04)!important;
  align-items:center!important;
  flex-direction:row!important;
  justify-content:space-between!important;
  box-sizing:border-box!important;
}
body.single .dx-engage-meta{
  flex:1 1 auto!important;
  gap:6px 16px!important;
}
body.single .dx-engage-meta > span{
  display:inline-flex!important;
  align-items:center!important;
  color:var(--dx-engage-text-color,var(--dx-color-text-body,var(--ink)))!important;
  font-size:var(--dx-engage-font-size,15px)!important;
  line-height:1.2!important;
}
body.single .dx-engage-actions{
  align-items:center!important;
  gap:var(--dx-engage-action-gap,24px)!important;
}
body.single .dx-engage-action,
body.single .dx-engage-action.dx-like,
body.single .dx-engage-action.dx-rec{
  text-decoration:none!important;
}
@media(max-width:720px){
  body.single{
    --dx-engage-fixed-height:76px;
  }
  body.single .dx-engage{
    gap:10px!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  body.single .dx-engage-meta{
    gap:4px 10px!important;
  }
  body.single .dx-engage-meta > span{
    font-size:13px!important;
  }
  body.single .dx-engage-actions{
    gap:16px!important;
  }
}
/* dx-fixed-bottom-engage-bar-end */

/* dx-breadcrumb-hover-underline-final */
.dx-article-breadcrumb a .dx-breadcrumb-label{
  position:relative!important;
  text-decoration:none!important;
}
.dx-article-breadcrumb a .dx-breadcrumb-label::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:calc(var(--dx-content-link-underline-offset,4px) * -1);
  height:1px;
  background:currentColor;
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform var(--dx-motion-duration-fast,.15s);
  pointer-events:none;
}
.dx-article-breadcrumb a:hover .dx-breadcrumb-label::after,
.dx-article-breadcrumb a:focus-visible .dx-breadcrumb-label::after{
  transform:scaleX(1);
}
/* dx-breadcrumb-hover-underline-final-end */

/* dx-engage-static-favorite-final */
body.single{
  padding-bottom:0!important;
}
body.single .dx-engage{
  position:static!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  z-index:auto!important;
  width:auto!important;
  max-width:none!important;
  min-height:0!important;
  margin-top:var(--dx-engage-divider-space-before,var(--dx-article-divider-space-before,24px))!important;
  padding:var(--dx-article-divider-space-after,28px) 0 0!important;
  border-top:var(--dx-article-divider-width,1px) solid var(--dx-engage-divider-color,var(--dx-article-divider-color,var(--dx-color-line-strong,var(--line2))))!important;
  border-bottom:0!important;
  background:transparent!important;
  box-shadow:none!important;
  align-items:flex-start!important;
  flex-direction:row!important;
  justify-content:space-between!important;
}
body.single .dx-engage-meta,
body.single .dx-engage-meta > span,
body.single .dx-engage-meta [data-dx-count]{
  color:var(--dx-engage-meta-color,var(--dx-engage-text-color,var(--dx-color-text-muted,#777474)))!important;
}
.dx-engage-action.dx-favorite{
  display:inline-flex!important;
}
.dx-engage-label{
  color:currentColor!important;
  font-size:var(--dx-engage-font-size,15px)!important;
  line-height:1!important;
  min-height:1em;
  white-space:nowrap;
}
@media(max-width:720px){
  body.single .dx-engage{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:var(--dx-engage-gap,18px)!important;
    padding-left:0!important;
    padding-right:0!important;
  }
}
/* dx-engage-static-favorite-final-end */

/* dx-breadcrumb-underline-refine-final */
.dx-article-breadcrumb a,
.dx-article-breadcrumb a:hover,
.dx-article-breadcrumb a:focus-visible{
  text-decoration:none!important;
  transform:none!important;
}
.dx-article-breadcrumb a .dx-breadcrumb-label{
  display:inline-block!important;
  position:relative!important;
  text-decoration:none!important;
  background-image:linear-gradient(currentColor,currentColor)!important;
  background-repeat:no-repeat!important;
  background-position:0 100%!important;
  background-size:0 1px!important;
  transition:background-size var(--dx-motion-duration-fast,.15s),color var(--dx-motion-duration-fast,.15s)!important;
}
.dx-article-breadcrumb a .dx-breadcrumb-label::after{
  display:none!important;
}
.dx-article-breadcrumb a:hover .dx-breadcrumb-label,
.dx-article-breadcrumb a:focus-visible .dx-breadcrumb-label{
  background-size:100% 1px!important;
}
/* dx-breadcrumb-underline-refine-final-end */

/* dx-engage-fine-controls-final */
.dx-engage-action,
.dx-engage-action.dx-like,
.dx-engage-action.dx-favorite,
.dx-engage-action.dx-rec{
  gap:var(--dx-engage-icon-label-gap,6px)!important;
}
.dx-engage-icon{
  width:var(--dx-engage-icon-size,30px)!important;
  height:var(--dx-engage-icon-size,30px)!important;
  stroke-width:var(--dx-engage-icon-stroke-width,2px)!important;
}
.dx-engage-action:not(.is-active){
  color:var(--dx-engage-icon-color,var(--dx-color-text-body,var(--ink)))!important;
}
.dx-engage-count{
  color:var(--dx-engage-count-color,currentColor)!important;
  font-size:var(--dx-engage-count-font-size,var(--dx-engage-font-size,15px))!important;
  font-weight:var(--dx-engage-count-font-weight,400)!important;
}
.dx-engage-label{
  color:var(--dx-engage-label-color,currentColor)!important;
  font-size:var(--dx-engage-label-font-size,var(--dx-engage-font-size,15px))!important;
}
.dx-engage-action.is-active .dx-engage-count,
.dx-engage-action.is-active .dx-engage-label{
  color:var(--dx-engage-active-color,#f24b55)!important;
}
/* dx-engage-fine-controls-final-end */

/* dx-engage-hover-tooltips-final */
.dx-engage-action[data-tooltip]{
  position:relative!important;
  overflow:visible!important;
}
.dx-engage-action[data-tooltip]::before,
.dx-engage-action[data-tooltip]::after{
  position:absolute!important;
  left:50%!important;
  opacity:0!important;
  pointer-events:none!important;
  z-index:30!important;
  transition:opacity 80ms ease!important;
}
.dx-engage-action[data-tooltip]::before{
  content:attr(data-tooltip)!important;
  bottom:calc(100% + 10px)!important;
  transform:translate(-50%,0)!important;
  padding:6px 9px!important;
  border-radius:8px!important;
  background:#1A1A1A!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  box-shadow:0 8px 22px rgba(0,0,0,.12)!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:500!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}
.dx-engage-action[data-tooltip]::after{
  content:""!important;
  bottom:calc(100% + 5px)!important;
  transform:translate(-50%,0)!important;
  width:0!important;
  height:0!important;
  border-left:5px solid transparent!important;
  border-right:5px solid transparent!important;
  border-top:5px solid #1A1A1A!important;
}
.dx-engage-action[data-tooltip]:hover::before,
.dx-engage-action[data-tooltip]:hover::after,
.dx-engage-action[data-tooltip]:focus-visible::before,
.dx-engage-action[data-tooltip]:focus-visible::after{
  opacity:1!important;
  transform:translate(-50%,0)!important;
}
.dx-engage-action:hover,
.dx-engage-action:focus-visible,
.dx-engage-action:hover .dx-engage-icon,
.dx-engage-action:focus-visible .dx-engage-icon,
.dx-engage-action:hover .dx-engage-count,
.dx-engage-action:focus-visible .dx-engage-count{
  transform:none!important;
  translate:none!important;
}
/* dx-engage-hover-tooltips-final-end */

/* dx-breadcrumb-underline-offset-token-fix */
.dx-article-breadcrumb a .dx-breadcrumb-label,
.dx-read-breadcrumb a .dx-breadcrumb-label{
  background-image:none!important;
  background-size:0!important;
  position:relative!important;
}
.dx-article-breadcrumb a .dx-breadcrumb-label::after,
.dx-read-breadcrumb a .dx-breadcrumb-label::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:calc(var(--dx-content-link-underline-offset,4px) * -1)!important;
  height:1px!important;
  background:currentColor!important;
  transform:scaleX(0)!important;
  transform-origin:left center!important;
  transition:transform var(--dx-motion-duration-fast,.15s)!important;
  pointer-events:none!important;
}
.dx-article-breadcrumb a:hover .dx-breadcrumb-label::after,
.dx-article-breadcrumb a:focus-visible .dx-breadcrumb-label::after,
.dx-read-breadcrumb a:hover .dx-breadcrumb-label::after,
.dx-read-breadcrumb a:focus-visible .dx-breadcrumb-label::after{
  transform:scaleX(1)!important;
}
/* dx-breadcrumb-underline-offset-token-fix-end */

/* dx-breadcrumb-native-underline-offset-final */
.dx-article-breadcrumb a .dx-breadcrumb-label,
.dx-read-breadcrumb a{
  background-image:none!important;
  background-size:0!important;
  position:relative!important;
  text-decoration-line:underline!important;
  text-decoration-style:solid!important;
  text-decoration-thickness:1px!important;
  text-decoration-color:transparent!important;
  text-underline-offset:var(--dx-content-link-underline-offset,4px)!important;
  transition:color var(--dx-motion-duration-fast,.15s),text-decoration-color var(--dx-motion-duration-fast,.15s),text-underline-offset var(--dx-motion-duration-fast,.15s)!important;
}
.dx-article-breadcrumb a .dx-breadcrumb-label::after,
.dx-read-breadcrumb a::after,
.dx-read-breadcrumb a .dx-breadcrumb-label::after{
  content:none!important;
  display:none!important;
}
.dx-article-breadcrumb a:hover .dx-breadcrumb-label,
.dx-article-breadcrumb a:focus-visible .dx-breadcrumb-label,
.dx-read-breadcrumb a:hover,
.dx-read-breadcrumb a:focus-visible{
  text-decoration-line:underline!important;
  text-decoration-color:currentColor!important;
  text-underline-offset:var(--dx-content-link-underline-offset,4px)!important;
}
/* dx-breadcrumb-native-underline-offset-final-end */

/* dx-breadcrumb-hover-line-visible-final */
.dx-article-breadcrumb-inner{
  overflow:visible!important;
}
.dx-article-breadcrumb a,
.dx-read-breadcrumb a{
  position:relative!important;
  overflow:visible!important;
  text-decoration:none!important;
}
.dx-article-breadcrumb a .dx-breadcrumb-label,
.dx-read-breadcrumb a{
  text-decoration:none!important;
  text-decoration-color:transparent!important;
  background-image:none!important;
  background-size:0!important;
}
.dx-article-breadcrumb a .dx-breadcrumb-label::after,
.dx-read-breadcrumb a .dx-breadcrumb-label::after{
  content:none!important;
  display:none!important;
}
.dx-article-breadcrumb a::after,
.dx-read-breadcrumb a::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:calc(100% + var(--dx-content-link-underline-offset,4px))!important;
  height:1px!important;
  background:currentColor!important;
  opacity:0!important;
  transform:scaleX(0)!important;
  transform-origin:left center!important;
  transition:transform var(--dx-motion-duration-fast,.15s),opacity var(--dx-motion-duration-fast,.15s)!important;
  pointer-events:none!important;
}
.dx-article-breadcrumb a:hover::after,
.dx-article-breadcrumb a:focus-visible::after,
.dx-read-breadcrumb a:hover::after,
.dx-read-breadcrumb a:focus-visible::after{
  opacity:1!important;
  transform:scaleX(1)!important;
}
/* dx-breadcrumb-hover-line-visible-final-end */

/* dx-breadcrumb-single-hover-line-final */
.dx-article-breadcrumb a,
.dx-article-breadcrumb a:hover,
.dx-article-breadcrumb a:focus-visible,
.dx-article-breadcrumb a .dx-breadcrumb-label,
.dx-article-breadcrumb a:hover .dx-breadcrumb-label,
.dx-article-breadcrumb a:focus-visible .dx-breadcrumb-label,
.dx-read-breadcrumb a,
.dx-read-breadcrumb a:hover,
.dx-read-breadcrumb a:focus-visible{
  text-decoration:none!important;
  text-decoration-line:none!important;
  text-decoration-color:transparent!important;
  text-decoration-thickness:0!important;
  background-image:none!important;
  background-size:0!important;
}
.dx-article-breadcrumb a .dx-breadcrumb-label::after,
.dx-article-breadcrumb a:hover .dx-breadcrumb-label::after,
.dx-article-breadcrumb a:focus-visible .dx-breadcrumb-label::after,
.dx-read-breadcrumb a .dx-breadcrumb-label::after,
.dx-read-breadcrumb a:hover .dx-breadcrumb-label::after,
.dx-read-breadcrumb a:focus-visible .dx-breadcrumb-label::after{
  content:none!important;
  display:none!important;
}
/* dx-breadcrumb-single-hover-line-final-end */

/* dx-breadcrumb-current-page-final */
.dx-article-breadcrumb .dx-breadcrumb-current,
.dx-read-breadcrumb .dx-breadcrumb-current{
  color:var(--dx-breadcrumb-current-color,#7A7A7A)!important;
  opacity:1!important;
  display:inline-flex!important;
  align-items:center!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  pointer-events:none!important;
}
.dx-article-breadcrumb .dx-breadcrumb-current .dx-breadcrumb-label,
.dx-read-breadcrumb .dx-breadcrumb-current .dx-breadcrumb-label{
  color:inherit!important;
  text-decoration:none!important;
  text-decoration-line:none!important;
  background-image:none!important;
}
.dx-article-breadcrumb .dx-breadcrumb-current::after,
.dx-read-breadcrumb .dx-breadcrumb-current::after,
.dx-article-breadcrumb .dx-breadcrumb-current .dx-breadcrumb-label::after,
.dx-read-breadcrumb .dx-breadcrumb-current .dx-breadcrumb-label::after{
  content:none!important;
  display:none!important;
}
/* dx-breadcrumb-current-page-final-end */

/* dx-breadcrumb-static-label-muted */
.dx-article-breadcrumb-inner > .dx-breadcrumb-label,
.dx-read-breadcrumb > .dx-breadcrumb-label{
  color:var(--dx-breadcrumb-current-color,#7A7A7A)!important;
}
/* dx-breadcrumb-static-label-muted-end */

/* dx-engage-position-label-line-final */
body.single .dx-engage{
  padding:20px 0 0!important;
  border-top:var(--dx-article-divider-width,1px) solid var(--dx-engage-divider-color,var(--dx-article-divider-color,var(--dx-color-line-strong,var(--line2))))!important;
  border-bottom:0!important;
}
body.single .dx-engage-actions{
  margin-top:-8px!important;
}
body.single .dx-engage .dx-engage-label,
.dx-engage-label{
  display:none!important;
}
body.single .dx-pn,
.dx-pn{
  border-top:0!important;
}
.dx-read-endline{
  display:none!important;
}
@media(max-width:720px){
  body.single .dx-engage{
    padding-top:16px!important;
  }
  body.single .dx-engage-actions{
    margin-top:0!important;
  }
}
/* dx-engage-position-label-line-final-end */



/* dx-my-favorites-page-final */
.dx-favorites-link{
  height:var(--dx-login-height,38px)!important;
  min-height:var(--dx-login-height,38px)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 14px!important;
  border:1px solid var(--dx-color-line-strong,#d7d7d7)!important;
  border-radius:var(--dx-login-radius,14px)!important;
  background:var(--dx-color-surface-raised,#f1f1f1)!important;
  color:var(--dx-color-text-title,#1A1A1A)!important;
  font-size:var(--dx-login-font-size,15px)!important;
  font-weight:var(--dx-font-weight-button,500)!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
.dx-favorites-link:hover,
.dx-favorites-link:focus-visible{
  background:var(--dx-color-line,#e8e8e8)!important;
  color:var(--dx-color-text-title,#1A1A1A)!important;
  transform:none!important;
}
.dx-engage-action.dx-favorite.is-active,
.dx-engage-action.dx-favorite.is-active:hover,
.dx-engage-action.dx-favorite.is-active:focus-visible{
  color:var(--dx-engage-favorite-active-color,#f6b51e)!important;
}
.dx-engage-action.dx-favorite.is-active .dx-engage-count,
.dx-engage-action.dx-favorite.is-active .dx-engage-label{
  color:var(--dx-engage-favorite-active-color,#f6b51e)!important;
}
.dx-favorites-page{
  max-width:var(--dx-wrap-width,1200px)!important;
  padding-top:clamp(42px,7vw,76px)!important;
  padding-bottom:clamp(72px,10vw,120px)!important;
}
.dx-favorites-head{
  max-width:760px;
  margin:0 0 34px;
}
.dx-favorites-eyebrow{
  margin:0 0 10px!important;
  color:var(--dx-color-text-muted,#777474)!important;
  font-size:14px!important;
  line-height:1.2!important;
}
.dx-favorites-head h1{
  margin:0 0 14px!important;
  color:var(--dx-color-text-title,#1A1A1A)!important;
  font-size:clamp(32px,5vw,56px)!important;
  line-height:1.08!important;
  letter-spacing:0!important;
}
.dx-favorites-head p{
  margin:0!important;
  color:var(--dx-color-text-muted,#777474)!important;
  font-size:17px!important;
  line-height:1.7!important;
}
.dx-favorites-login{
  width:max-content;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  margin-top:16px;
  padding:0 16px;
  border-radius:999px;
  background:var(--dx-color-surface-raised,#f1f1f1);
  color:var(--dx-color-text-title,#1A1A1A)!important;
  text-decoration:none!important;
}
.dx-favorites-list{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  border-top:1px solid var(--dx-color-line-strong,#d7d7d7);
}
.dx-favorite-item{
  margin:0!important;
  border-bottom:1px solid var(--dx-color-line,#e8e8e8);
}
.dx-favorite-item a{
  display:block;
  padding:22px 0 24px;
  color:inherit!important;
  text-decoration:none!important;
}
.dx-favorite-meta{
  display:block;
  margin-bottom:8px;
  color:var(--dx-color-text-muted,#777474)!important;
  font-size:14px!important;
  line-height:1.3!important;
}
.dx-favorite-item h2{
  margin:0 0 10px!important;
  color:var(--dx-color-text-title,#1A1A1A)!important;
  font-size:24px!important;
  line-height:1.35!important;
  letter-spacing:0!important;
}
.dx-favorite-item p{
  max-width:760px;
  margin:0!important;
  color:var(--dx-color-text-body,#1A1A1A)!important;
  font-size:16px!important;
  line-height:1.72!important;
}
.dx-favorite-item a:hover h2,
.dx-favorite-item a:focus-visible h2{
  text-decoration:underline;
  text-underline-offset:var(--dx-content-link-underline-offset,4px);
  text-decoration-thickness:1px;
}
.dx-favorites-empty{
  border-top:1px solid var(--dx-color-line-strong,#d7d7d7);
  padding-top:28px;
}
.dx-favorites-empty h2{
  margin:0 0 10px!important;
  color:var(--dx-color-text-title,#1A1A1A)!important;
  font-size:24px!important;
}
.dx-favorites-empty p{
  margin:0 0 18px!important;
  color:var(--dx-color-text-muted,#777474)!important;
  font-size:16px!important;
  line-height:1.7!important;
}
.dx-favorites-empty a{
  color:var(--dx-color-text-title,#1A1A1A)!important;
  text-decoration:underline;
  text-underline-offset:var(--dx-content-link-underline-offset,4px);
}
@media(max-width:720px){
  .dx-favorites-link{
    display:none!important;
  }
  .dx-favorites-page{
    padding-top:34px!important;
  }
  .dx-favorite-item h2{
    font-size:21px!important;
  }
}
/* dx-my-favorites-page-final-end */

/* dx-account-center-final */
.dx-account-area{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  flex:0 0 auto!important;
}
.dx-account-avatar-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  border:0!important;
  border-radius:var(--dx-user-avatar-radius,6px)!important;
  background:transparent!important;
  text-decoration:none!important;
  overflow:hidden!important;
}
.dx-account-avatar-link:hover,
.dx-account-avatar-link:focus-visible{
  transform:none!important;
}
.dx-account-menu{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
}
.dx-account-trigger{
  height:40px!important;
  min-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--dx-color-text-title,#1A1A1A)!important;
  -webkit-text-fill-color:currentColor!important;
  font:var(--dx-font-weight-top-menu,400) var(--dx-top-menu-font-size,16px)/1 var(--sans)!important;
  cursor:pointer!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}
.dx-account-trigger > span{
  display:inline-block!important;
  visibility:visible!important;
  opacity:1!important;
  max-width:96px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:var(--dx-color-text-title,#1A1A1A)!important;
  -webkit-text-fill-color:var(--dx-color-text-title,#1A1A1A)!important;
  font:inherit!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.dx-account-trigger:hover,
.dx-account-trigger:focus-visible{
  transform:none!important;
  background:transparent!important;
  color:var(--dx-color-text-title,#1A1A1A)!important;
}
.dx-account-avatar,
.dx-account-avatar-link .avatar{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  border-radius:var(--dx-user-avatar-radius,6px)!important;
  object-fit:cover!important;
  display:block!important;
  background:var(--dx-color-surface-raised,#f1f1f1)!important;
}
.dx-account-caret{
  width:var(--dx-top-caret-size,14px)!important;
  height:var(--dx-top-caret-size,14px)!important;
  color:var(--dx-account-caret-color,currentColor)!important;
  flex:0 0 auto!important;
  opacity:.86!important;
  transition:transform var(--dx-motion-duration-fast,.15s)!important;
}
.dx-account-menu:hover .dx-account-caret,
.dx-account-menu:focus-within .dx-account-caret{
  transform:rotate(180deg)!important;
}
.dx-account-dropdown{
  position:absolute!important;
  right:0!important;
  top:calc(100% + var(--dx-dropdown-gap,8px))!important;
  min-width:154px!important;
  display:grid!important;
  gap:2px!important;
  padding:8px!important;
  border:1px solid var(--dx-color-line-strong,#d7d7d7)!important;
  border-radius:var(--dx-dropdown-radius,14px)!important;
  background:var(--dx-color-page-bg,#ffffff)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.12)!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(-4px)!important;
  transition:opacity 90ms ease,visibility 0s linear 90ms,transform 90ms ease!important;
  z-index:1000!important;
}
.dx-account-menu:hover .dx-account-dropdown,
.dx-account-menu:focus-within .dx-account-dropdown{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0)!important;
  transition-delay:0s!important;
}
.dx-account-dropdown a{
  min-height:36px!important;
  display:flex!important;
  align-items:center!important;
  padding:0 12px!important;
  border-radius:10px!important;
  color:var(--dx-color-text-title,#1A1A1A)!important;
  -webkit-text-fill-color:currentColor!important;
  font-size:15px!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.dx-account-dropdown a:hover,
.dx-account-dropdown a:focus-visible{
  background:var(--dx-color-surface-raised,#f1f1f1)!important;
  color:var(--dx-color-text-title,#1A1A1A)!important;
  transform:none!important;
}
.dx-account-search-form{
  min-height:38px!important;
  display:grid!important;
  grid-template-columns:14px 96px!important;
  align-items:center!important;
  gap:8px!important;
  padding:0 12px!important;
  border-radius:10px!important;
  color:var(--dx-color-text-title,#1A1A1A)!important;
  background:transparent!important;
  box-sizing:border-box!important;
}
.dx-account-search-form:focus-within{
  background:var(--dx-color-surface-raised,#f1f1f1)!important;
}
.dx-account-search-form button{
  width:14px!important;
  height:38px!important;
  min-width:14px!important;
  min-height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:currentColor!important;
  box-shadow:none!important;
  cursor:pointer!important;
  line-height:0!important;
}
.dx-account-search-form input[type="search"]{
  width:100%!important;
  min-width:0!important;
  height:38px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  color:var(--dx-color-text-title,#1A1A1A)!important;
  -webkit-text-fill-color:var(--dx-color-text-title,#1A1A1A)!important;
  font:400 15px/1 var(--sans)!important;
  box-shadow:none!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
.dx-account-search-form input[type="search"]::placeholder{
  color:var(--dx-color-text-muted,#777474)!important;
  -webkit-text-fill-color:var(--dx-color-text-muted,#777474)!important;
  opacity:1!important;
}
.dx-account-search-form .dx-dropdown-menu-icon,
.dx-account-search-form .dx-account-search-icon{
  width:14px!important;
  height:14px!important;
  display:block!important;
}
.dx-account-search-form .dx-dropdown-menu-icon-line{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.dx-account-page{
  width:100%!important;
  max-width:1200px!important;
  padding-top:var(--dx-course-detail-read-padding-top,40px)!important;
  padding-bottom:clamp(72px,10vw,120px)!important;
}
.dx-account-head{
  display:block!important;
  margin:0 0 28px!important;
}
.dx-account-page .dx-account-intro{
  color:var(--dx-course-header-meta-color,#707070)!important;
  font-size:var(--dx-course-header-meta-font-size,14px)!important;
  line-height:var(--dx-course-header-meta-line-height,1.4)!important;
  font-weight:400!important;
  letter-spacing:0!important;
}
.dx-account-page .dx-account-intro .dx-article-meta-text{
  color:inherit!important;
  font-size:inherit!important;
  line-height:inherit!important;
}
.dx-account-summary{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  min-width:0!important;
}
.dx-account-head-avatar{
  width:88px!important;
  height:88px!important;
  min-width:88px!important;
  border-radius:var(--dx-user-avatar-radius,6px)!important;
  object-fit:cover!important;
  display:block!important;
  background:var(--dx-color-surface-raised,#f1f1f1)!important;
}
.dx-account-summary-copy{
  min-width:0!important;
  display:grid!important;
  gap:6px!important;
}
.dx-account-summary-name{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--dx-color-text-title,#1A1A1A)!important;
  font-size:24px!important;
  line-height:1.25!important;
  font-weight:600!important;
}
.dx-account-summary-copy span{
  display:block!important;
  margin:0!important;
  color:var(--dx-color-text-muted,#777474)!important;
  font-size:15px!important;
  line-height:1.45!important;
}
.dx-account-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
}
.dx-account-card,
.dx-account-login-card{
  border:1px solid var(--dx-color-line-strong,#d7d7d7)!important;
  border-radius:16px!important;
  background:var(--dx-color-page-bg,#ffffff)!important;
  padding:22px!important;
  box-shadow:none!important;
}
.dx-account-card-wide{
  grid-column:1/-1!important;
}
.dx-account-card h2,
.dx-account-login-card h1{
  margin:0 0 14px!important;
  color:var(--dx-color-text-title,#1A1A1A)!important;
  font-size:22px!important;
  line-height:1.25!important;
  letter-spacing:0!important;
}
.dx-account-card-note,
.dx-account-empty p,
.dx-account-login-card p{
  margin:0!important;
  color:var(--dx-color-text-muted,#777474)!important;
  font-size:16px!important;
  line-height:1.7!important;
}
.dx-account-card dl{
  display:grid!important;
  gap:12px!important;
  margin:0!important;
}
.dx-account-card dl div{
  display:grid!important;
  grid-template-columns:90px minmax(0,1fr)!important;
  gap:14px!important;
}
.dx-account-card dt{
  color:var(--dx-color-text-muted,#777474)!important;
  font-size:15px!important;
}
.dx-account-card dd{
  margin:0!important;
  color:var(--dx-color-text-title,#1A1A1A)!important;
  font-size:16px!important;
  word-break:break-word!important;
}
.dx-account-inline-link,
.dx-account-login-card a{
  width:max-content!important;
  min-height:36px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-top:16px!important;
  padding:0 16px!important;
  border-radius:999px!important;
  background:var(--dx-color-surface-raised,#f1f1f1)!important;
  color:var(--dx-color-text-title,#1A1A1A)!important;
  text-decoration:none!important;
  font-weight:var(--dx-font-weight-button,500)!important;
}
.dx-account-list{
  display:grid!important;
  gap:0!important;
  border-top:1px solid var(--dx-color-line,#e8e8e8)!important;
}
.dx-account-list-item{
  border-bottom:1px solid var(--dx-color-line,#e8e8e8)!important;
}
.dx-account-page .dx-account-plain-records .dx-account-record-list > .dx-account-record-item:last-child{
  border-bottom:1px solid var(--dx-color-line,#e8e8e8)!important;
}
.dx-account-list-item a,
.dx-account-list-item > strong{
  display:grid!important;
  gap:7px!important;
  padding:14px 0!important;
  color:inherit!important;
  text-decoration:none!important;
}
.dx-account-list-item strong{
  color:var(--dx-color-text-title,#1A1A1A)!important;
  font-size:17px!important;
  line-height:1.35!important;
}
.dx-account-list-item span{
  color:var(--dx-color-text-muted,#777474)!important;
  font-size:14px!important;
  line-height:1.45!important;
}
.dx-account-empty{
  border-top:1px solid var(--dx-color-line,#e8e8e8)!important;
  padding-top:14px!important;
}
.dx-account-learning-list{
  display:grid!important;
  border-top:1px solid var(--dx-color-line,#e8e8e8)!important;
}
.dx-account-learning-list:not([data-learning-ready="1"]) .dx-account-learning-item:nth-child(n+11){
  display:none!important;
}
.dx-account-learning-item[hidden]{
  display:none!important;
}
.dx-account-learning-heading{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  margin:0 0 14px!important;
}
.dx-account-learning-heading h2{
  margin:0!important;
}
.dx-account-learning-heading .dx-account-learning-sort-menu{
  margin-left:auto!important;
}
.dx-account-learning-menu{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  color:var(--dx-color-text-muted,#777474)!important;
  font-size:13px!important;
  line-height:1.4!important;
  white-space:nowrap!important;
}
.dx-account-learning-menu-trigger{
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  box-sizing:border-box!important;
  padding:5px 9px 5px 12px!important;
  border:1px solid var(--dx-color-line-strong,#d7d7d7)!important;
  border-radius:999px!important;
  outline:0!important;
  background:var(--dx-color-page-bg,#fff)!important;
  color:var(--dx-color-text-title,#1A1A1A)!important;
  font:inherit!important;
  cursor:pointer!important;
  transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease!important;
}
.dx-account-learning-menu-trigger:hover{
  border-color:#b7b7b7!important;
  background:#f7f7f7!important;
}
.dx-account-learning-menu-trigger:focus-visible{
  border-color:#9a9a9a!important;
  background:#fff!important;
  box-shadow:0 0 0 3px rgba(26,26,26,.08)!important;
}
.dx-account-learning-menu-caret{
  width:15px!important;
  height:15px!important;
  flex:0 0 auto!important;
  color:currentColor!important;
  transition:transform .2s ease!important;
}
.dx-account-learning-menu.is-open .dx-account-learning-menu-caret{
  transform:rotate(180deg)!important;
}
.dx-account-learning-menu-popover{
  position:absolute!important;
  z-index:120!important;
  top:calc(100% + 8px)!important;
  right:0!important;
  width:max-content!important;
  min-width:100%!important;
  display:grid!important;
  gap:2px!important;
  box-sizing:border-box!important;
  padding:8px!important;
  border:1px solid var(--dx-color-line-strong,#d7d7d7)!important;
  border-radius:14px!important;
  background:var(--dx-color-page-bg,#fff)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.10)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(-10px) scale(.985)!important;
  transform-origin:top right!important;
  transition:opacity .28s ease,transform .28s ease,visibility 0s linear .28s!important;
}
.dx-account-learning-menu.is-open .dx-account-learning-menu-popover{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateY(0) scale(1)!important;
  transition:opacity .28s ease,transform .28s ease,visibility 0s!important;
}
.dx-account-learning-menu-option{
  width:100%!important;
  min-height:34px!important;
  display:flex!important;
  align-items:center!important;
  box-sizing:border-box!important;
  padding:7px 12px!important;
  border:0!important;
  border-radius:10px!important;
  outline:0!important;
  background:transparent!important;
  color:var(--dx-color-text-title,#1A1A1A)!important;
  font:inherit!important;
  text-align:left!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  transition:background-color .18s ease,color .18s ease!important;
}
.dx-account-learning-menu-option:hover,
.dx-account-learning-menu-option:focus-visible,
.dx-account-learning-menu-option[aria-selected="true"]{
  background:var(--dx-color-surface-raised,#f1f1f1)!important;
}
.dx-account-learning-menu-option:focus-visible{
  box-shadow:inset 0 0 0 1px #c9c9c9!important;
}
.dx-account-learning-item{
  display:grid!important;
  grid-template-columns:max-content minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:12px!important;
  min-width:0!important;
  padding:15px 0!important;
  border-bottom:1px solid var(--dx-color-line,#e8e8e8)!important;
}
.dx-account-learning-main{min-width:0!important;}
.dx-account-learning-title-row{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
}
.dx-account-learning-title,
.dx-account-learning-title:link,
.dx-account-learning-title:visited{
  min-width:0!important;
  overflow:hidden!important;
  color:var(--dx-color-text-title,#1A1A1A)!important;
  font-size:17px!important;
  font-weight:400!important;
  line-height:1.4!important;
  text-decoration-line:underline!important;
  -webkit-text-decoration-line:underline!important;
  text-decoration-thickness:var(--dx-content-link-underline-width,1px)!important;
  text-decoration-color:transparent!important;
  text-underline-offset:var(--dx-title-link-underline-offset,6px)!important;
  text-decoration-skip-ink:auto!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.dx-account-learning-title:hover,
.dx-account-learning-title:focus-visible{
  color:var(--dx-color-link,#206DFF)!important;
  text-decoration-color:currentColor!important;
}
.dx-account-learning-title-row .dx-category-capsule{
  flex:0 0 auto!important;
}
.dx-account-learning-progress{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  gap:5px!important;
  min-width:0!important;
}
.dx-account-learning-time{
  display:block!important;
  color:var(--dx-color-text-muted,#777474)!important;
  font-size:13px!important;
  line-height:1!important;
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums!important;
}
.dx-account-learning-meter{
  display:block!important;
  width:52px!important;
  height:6px!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(117,251,151,.2)!important;
}
.dx-account-learning-meter > span{
  display:block!important;
  min-width:2px!important;
  max-width:100%!important;
  height:100%!important;
  border-radius:inherit!important;
  background:#75FB97!important;
}
.dx-account-learning-percent{
  width:auto!important;
  min-width:0!important;
  color:var(--dx-color-text-muted,#777474)!important;
  font-size:13px!important;
  line-height:1!important;
  text-align:left!important;
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums!important;
}
.dx-account-learning-item.is-complete .dx-account-learning-meter{
  background:#f3f3f3!important;
}
.dx-account-learning-item.is-complete .dx-account-learning-meter > span{
  background:var(--dx-color-line,#e8e8e8)!important;
}
.dx-account-learning-item[data-progress="100"] .dx-account-learning-meter{
  display:none!important;
}
.dx-account-learning-footer{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:14px!important;
  padding-top:14px!important;
}
.dx-account-learning-count{
  grid-column:3!important;
  grid-row:1!important;
  justify-self:end!important;
  color:var(--dx-color-text-muted,#777474)!important;
  font-size:13px!important;
  line-height:1.4!important;
  font-variant-numeric:tabular-nums!important;
}
.dx-account-learning-pagination{
  display:inline-flex!important;
  grid-column:2!important;
  grid-row:1!important;
  justify-self:center!important;
  align-items:center!important;
  gap:9px!important;
}
.dx-account-learning-pagination[hidden]{
  display:none!important;
}
.dx-account-learning-pagination button{
  min-height:34px!important;
  padding:5px 14px!important;
  border:1px solid var(--dx-color-line-strong,#d7d7d7)!important;
  border-radius:999px!important;
  outline:0!important;
  background:var(--dx-color-page-bg,#fff)!important;
  color:var(--dx-color-text-title,#1A1A1A)!important;
  font:inherit!important;
  font-size:13px!important;
  cursor:pointer!important;
  transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease!important;
}
.dx-account-learning-pagination button:hover:not(:disabled),
.dx-account-learning-pagination button:focus-visible:not(:disabled){
  border-color:#b7b7b7!important;
  background:#f7f7f7!important;
}
.dx-account-learning-pagination button:focus-visible:not(:disabled){
  box-shadow:0 0 0 3px rgba(26,26,26,.08)!important;
}
.dx-account-learning-pagination button:active:not(:disabled){
  background:#eeeeee!important;
}
.dx-account-learning-pagination button:disabled{
  border-color:#eeeeee!important;
  background:#fafafa!important;
  color:#b8b8b8!important;
  cursor:default!important;
}
.dx-account-learning-pagination span{
  min-width:38px!important;
  color:var(--dx-color-text-muted,#777474)!important;
  font-size:13px!important;
  text-align:center!important;
  font-variant-numeric:tabular-nums!important;
}
@media(max-width:760px){
  .dx-account-area{
    gap:6px!important;
  }
  .dx-account-avatar-link,
  .dx-account-avatar,
  .dx-account-avatar-link .avatar{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
  }
  .dx-account-trigger{
    min-height:36px!important;
    height:36px!important;
    padding:0!important;
  }
  .dx-account-trigger > span{
    display:inline-block!important;
    max-width:72px!important;
  }
  .dx-account-summary{
    gap:14px!important;
  }
  .dx-account-head-avatar{
    width:80px!important;
    height:80px!important;
    min-width:80px!important;
  }
  .dx-account-summary-name{
    font-size:22px!important;
  }
  .dx-account-grid{
    grid-template-columns:1fr!important;
  }
  .dx-account-card-wide{
    grid-column:auto!important;
  }
  .dx-account-card dl div{
    grid-template-columns:1fr!important;
    gap:4px!important;
  }
  .dx-account-learning-item{
    grid-template-columns:max-content minmax(0,1fr)!important;
    gap:9px 12px!important;
  }
  .dx-account-learning-main{
    grid-column:2!important;
  }
  .dx-account-learning-progress{
    min-width:0!important;
  }
  .dx-account-learning-meter{
    width:52px!important;
  }
  .dx-account-learning-heading{
    align-items:center!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    gap:8px!important;
  }
  .dx-account-learning-sort-menu{
    margin-left:0!important;
  }
  .dx-account-learning-footer{
    grid-template-columns:1fr!important;
    justify-items:center!important;
  }
  .dx-account-learning-pagination{
    grid-column:1!important;
    grid-row:1!important;
  }
  .dx-account-learning-count{
    grid-column:1!important;
    grid-row:2!important;
    justify-self:center!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .dx-account-learning-menu-popover,
  .dx-account-learning-menu-caret{
    transition:none!important;
  }
}
@media(min-width:621px){
  #my-favorites .dx-account-home-content.is-compact-favorites > .dx-article-list:last-child,
  #my-favorites .dx-account-home-content.is-compact-favorites > .dx-article-list:last-child > .dx-article-row{
    border-bottom:0!important;
  }
}
@media(max-width:620px){
  #my-favorites .dx-account-home-content.is-compact-favorites > .dx-article-list:last-child,
  #my-favorites .dx-account-home-content.is-compact-favorites > .dx-article-list:last-child > .dx-article-row:last-child{
    border-bottom:1px solid var(--dx-color-line,#e8e8e8)!important;
  }
}
/* dx-account-center-final-end */

/* dx-top-dropdown-content-width */
.dx-top .dx-dropdown,
.dx-top .dx-account-dropdown{
  width:max-content!important;
  min-width:0!important;
  max-width:calc(100vw - 32px)!important;
  display:grid!important;
  justify-items:stretch!important;
  gap:2px!important;
  padding:8px!important;
  box-sizing:border-box!important;
}
.dx-top .dx-dropdown-book,
.dx-top .dx-dropdown-article,
.dx-top .dx-dropdown-service{
  min-width:0!important;
}
.dx-top .dx-dropdown a,
.dx-top .dx-dropdown-note,
.dx-top .dx-account-dropdown a{
  width:auto!important;
  max-width:calc(100vw - 56px)!important;
  justify-self:stretch!important;
  min-height:36px!important;
  display:flex!important;
  align-items:center!important;
  padding:0 12px!important;
  border-radius:10px!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  text-decoration:none!important;
}
.dx-top .dx-dropdown a:hover,
.dx-top .dx-dropdown a:focus,
.dx-top .dx-account-dropdown a:hover,
.dx-top .dx-account-dropdown a:focus-visible{
  background:var(--dx-color-surface-raised,#f1f1f1)!important;
  transform:none!important;
}
.dx-top .dx-account-dropdown{
  min-width:0!important;
}
.dx-account-dropdown .dx-dropdown-menu-link{
  gap:8px!important;
}
.dx-account-dropdown .dx-dropdown-menu-icon,
.dx-mnav-panel .dx-account-admin-icon,
.dx-mnav-panel .dx-account-workbench-icon,
.dx-mnav-panel .dx-account-search-icon{
  width:14px!important;
  height:14px!important;
  flex:0 0 14px!important;
  display:block!important;
  align-self:center!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:center!important;
  vertical-align:middle!important;
}
.dx-account-dropdown .dx-dropdown-menu-icon-line,
.dx-mnav-panel .dx-account-admin-icon .dx-dropdown-menu-icon-line,
.dx-mnav-panel .dx-account-workbench-icon .dx-dropdown-menu-icon-line,
.dx-mnav-panel .dx-account-search-icon .dx-dropdown-menu-icon-line{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
/* dx-top-dropdown-content-width-end */



/* dx-theme-editor-live-bindings-final */
.dx-top .dx-logo .dx-brand-mark,
.dx-logo .dx-brand-mark{
  box-sizing:border-box!important;
  flex:0 0 var(--dx-top-logo-size,36px)!important;
  width:var(--dx-top-logo-size,36px)!important;
  min-width:var(--dx-top-logo-size,36px)!important;
  max-width:var(--dx-top-logo-size,36px)!important;
  height:var(--dx-top-logo-size,36px)!important;
  min-height:var(--dx-top-logo-size,36px)!important;
  max-height:var(--dx-top-logo-size,36px)!important;
  aspect-ratio:1/1!important;
  padding:0!important;
  border:0!important;
  border-radius:var(--dx-top-logo-radius,8px)!important;
  background:transparent!important;
  color:transparent!important;
  font-size:var(--dx-top-logo-font-size,13px)!important;
  line-height:1!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
.dx-top .dx-logo .dx-brand-mark:not(.is-image),
.dx-logo .dx-brand-mark:not(.is-image){
  background:var(--dx-top-logo-bg,#1A1A1A)!important;
  color:var(--dx-top-logo-text,#ffffff)!important;
}
.dx-side .dx-brand-mark,
.dx-static .dx-brand-mark{
  box-sizing:border-box!important;
  flex:0 0 var(--dx-sidebar-logo-size,31px)!important;
  width:var(--dx-sidebar-logo-size,31px)!important;
  min-width:var(--dx-sidebar-logo-size,31px)!important;
  max-width:var(--dx-sidebar-logo-size,31px)!important;
  height:var(--dx-sidebar-logo-size,31px)!important;
  min-height:var(--dx-sidebar-logo-size,31px)!important;
  max-height:var(--dx-sidebar-logo-size,31px)!important;
  aspect-ratio:1/1!important;
  padding:0!important;
  overflow:hidden!important;
}
.dx-brand-mark.is-image{
  background:transparent!important;
  border-color:transparent!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
}
.dx-brand-mark.is-image img,
.dx-site-mark-img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.dx-top .dx-logo{
  gap:var(--dx-top-brand-gap,9px)!important;
  font-size:var(--dx-top-brand-font-size,21px)!important;
}
.dx-top .dx-brand-name{
  font-size:var(--dx-top-brand-font-size,21px)!important;
}
.dx-main :where(.dx-article-meta,.dx-article-meta-line,.dx-read-meta.dx-article-meta-line){
  font-size:var(--dx-article-meta-font-size,var(--dx-font-size-body,17px))!important;
  font-weight:var(--dx-article-meta-font-weight,var(--dx-font-weight-muted,400))!important;
}
.dx-main :where(.dx-article-meta .dx-article-meta-text,.dx-article-meta-line .dx-article-meta-text,.dx-read-meta.dx-article-meta-line .dx-article-meta-text){
  color:var(--dx-article-meta-text-color,var(--dx-color-text-body,#1A1A1A))!important;
  font-size:var(--dx-article-meta-font-size,var(--dx-font-size-body,17px))!important;
  font-weight:var(--dx-article-meta-font-weight,var(--dx-font-weight-muted,400))!important;
}
html body .dx-main .dx-article-meta-text .dx-article-meta-slash{
  color:var(--dx-color-line-strong,#D7D7D7)!important;
  -webkit-text-fill-color:var(--dx-color-line-strong,#D7D7D7)!important;
}
/* dx-theme-editor-live-bindings-final-end */










/* dx-first-heading-trim-final */
.dx-prose > :where(h1,h2,h3,h4,h5,h6):first-child,
.dx-read-body > :where(h1,h2,h3,h4,h5,h6):first-child,
.bk-ann-body > :where(h1,h2,h3,h4,h5,h6):first-child,
.es-read-body > :where(h1,h2,h3,h4,h5,h6):first-child{
  margin-top:0!important;
}
/* dx-first-heading-trim-final-end */






/* dx-engage-hover-static-final */
body.single .dx-engage-action,
body.single .dx-engage-action:hover,
body.single .dx-engage-action:focus-visible,
body.single .dx-engage-action:active,
body.single .dx-engage-action:hover .dx-engage-icon,
body.single .dx-engage-action:focus-visible .dx-engage-icon,
body.single .dx-engage-action:active .dx-engage-icon,
body.single .dx-engage-action:hover .dx-engage-count,
body.single .dx-engage-action:focus-visible .dx-engage-count,
body.single .dx-engage-action:active .dx-engage-count{
  transform:none!important;
  translate:none!important;
}
body.single .dx-engage-action{
  transition-property:color,opacity!important;
}
body.single .dx-engage-action .dx-engage-icon,
body.single .dx-engage-action .dx-engage-count{
  transition-property:color,fill,stroke,opacity!important;
}
body.single .dx-engage-action[data-tooltip]::before,
body.single .dx-engage-action[data-tooltip]::after{
  transform:translate(-50%,0)!important;
  translate:none!important;
  transition-property:opacity!important;
  will-change:auto!important;
}
body.single .dx-engage-action:hover,
body.single .dx-engage-action:focus-visible,
body.single .dx-engage-action:active{
  opacity:1!important;
}
body.single .dx-engage.is-locked .dx-engage-action,
body.single .dx-engage.is-locked .dx-engage-action:hover,
body.single .dx-engage.is-locked .dx-engage-action:focus-visible,
body.single .dx-engage.is-locked .dx-engage-action:active{
  cursor:default!important;
  opacity:1!important;
  pointer-events:none!important;
  color:var(--dx-engage-icon-color,var(--dx-color-text-body,var(--ink)))!important;
  transform:none!important;
  translate:none!important;
  transition:none!important;
}
body.single .dx-engage.is-locked .dx-engage-action::before,
body.single .dx-engage.is-locked .dx-engage-action::after{
  content:none!important;
  display:none!important;
}
body.single .dx-engage.is-locked .dx-engage-icon,
body.single .dx-engage.is-locked .dx-engage-count{
  transform:none!important;
  translate:none!important;
  transition:none!important;
}
/* dx-engage-hover-static-final-end */


/* dx-course-detail-component */
.dx-course-read{padding-top:var(--dx-course-detail-read-padding-top,40px);padding-bottom:var(--dx-course-detail-read-padding-bottom,60px)}
.dx-course-article .dx-article-meta{margin-bottom:var(--dx-article-meta-divider-space-after,40px);color:var(--dx-course-header-meta-color,#707070)!important;font-size:var(--dx-course-header-meta-font-size,14px)!important;line-height:var(--dx-course-header-meta-line-height,1.4)!important}
.dx-course-article .dx-article-meta .dx-article-meta-text{color:inherit!important;font-size:inherit!important;line-height:inherit!important}
.dx-course-actions{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:var(--dx-course-actions-gap,8px);width:fit-content;max-width:100%;height:var(--dx-course-actions-height,66px);min-height:0;margin:var(--dx-content-h2-margin-top,36px) 0 0;padding:var(--dx-course-actions-padding,4px);border:1px solid var(--dx-color-line-strong,#d7d7d7);border-radius:var(--dx-course-actions-radius,999px);background:var(--dx-color-page-bg,#fff);box-sizing:border-box;overflow:hidden;box-shadow:none;transition:box-shadow .28s ease}
.dx-course-actions-indicator{position:absolute;z-index:0;top:50%;left:0;width:var(--dx-course-action-width,0px);height:var(--dx-course-actions-item-height,56px);border-radius:999px;background:var(--dx-color-text-title,#1A1A1A);transform:translate3d(var(--dx-course-action-x,4px),-50%,0);transition:width .28s cubic-bezier(.2,0,.2,1),transform .28s cubic-bezier(.2,0,.2,1)}
.dx-course-actions:not(.bk-tabs) .dx-course-actions-indicator{opacity:1;pointer-events:none;transition:opacity .2s ease,width .28s cubic-bezier(.2,0,.2,1),transform .28s cubic-bezier(.2,0,.2,1)}
.dx-course-actions:not(.bk-tabs):hover .dx-course-actions-indicator,.dx-course-actions:not(.bk-tabs):focus-within .dx-course-actions-indicator,.dx-course-actions:not(.bk-tabs).is-indicator-locked .dx-course-actions-indicator{opacity:1}
.dx-course-actions:not(.bk-tabs):not(.is-course-actions-ready) .dx-course-actions-indicator{opacity:0;transition:none}
.dx-course-actions:not(.bk-tabs):not(.is-course-actions-ready) .dx-course-action-link.is-indicator-target{color:var(--dx-color-text-title,#1A1A1A)!important;transition:none}
.dx-course-actions:not(.bk-tabs).is-course-actions-ready:not(.is-course-actions-animated) .dx-course-actions-indicator,.dx-course-actions:not(.bk-tabs).is-course-actions-ready:not(.is-course-actions-animated) .dx-course-action-link{transition:none}
.dx-course-action-link{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:0;height:var(--dx-course-actions-item-height,56px);padding:0 var(--dx-course-action-padding-x,20px);border:0!important;border-radius:999px;background:transparent!important;box-shadow:none!important;color:var(--dx-color-text-title,#1A1A1A)!important;-webkit-text-fill-color:currentColor!important;font-size:var(--dx-course-action-font-size,17px);line-height:1!important;font-weight:500!important;text-align:center;text-decoration:none!important;white-space:nowrap;transition:color .18s ease}
.dx-course-actions .dx-course-action-link,.dx-course-actions .dx-course-action-link:link,.dx-course-actions .dx-course-action-link:visited,.dx-course-actions .dx-course-action-link:hover,.dx-course-actions .dx-course-action-link:focus,.dx-course-actions .dx-course-action-link:focus-visible,.dx-course-actions .dx-course-action-link:active,.dx-prose .dx-course-actions .dx-course-action-link,.dx-prose .dx-course-actions .dx-course-action-link:hover,.dx-prose .dx-course-actions .dx-course-action-link:focus,.dx-prose .dx-course-actions .dx-course-action-link:focus-visible{text-decoration:none!important;text-decoration-line:none!important;-webkit-text-decoration-line:none!important;text-decoration-color:transparent!important;text-decoration-thickness:0!important;text-underline-offset:0!important;background-image:none!important;border-bottom:0!important}
.dx-course-action-link.is-indicator-target{color:#fff!important}
.dx-course-action-link:focus-visible{outline:2px solid rgba(26,26,26,.18);outline-offset:-4px}
.dx-course-detail .dx-course-actions:not(.bk-tabs){--dx-course-actions-sticky-gap:12px;--dx-course-actions-target-gap:18px;position:relative!important;z-index:80}
.dx-course-detail:not(.dx-video-shows-page) .dx-course-actions:not(.bk-tabs){--dx-course-actions-sticky-gap:35px;--dx-course-actions-target-gap:35px;margin-top:60px!important}
.dx-course-detail:not(.dx-video-shows-page) .dx-course-actions:not(.bk-tabs)+.dx-course-section-title{margin-top:60px!important}
.dx-course-detail:not(.dx-video-shows-page) .dx-course-actions:not(.bk-tabs)+.dx-course-overview-grid{margin-top:60px!important}
.dx-course-detail .dx-course-actions-placeholder{display:block!important;width:100%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;pointer-events:none!important}
.dx-course-detail .dx-course-actions.is-fixed-under-breadcrumb:not(.bk-tabs){position:fixed!important;top:var(--dx-course-actions-fixed-top,calc(var(--dx-adminbar-offset,0px) + var(--dx-top-height,84px) + var(--dx-breadcrumb-total-height,38px) + var(--dx-course-actions-sticky-gap,12px)))!important;left:var(--dx-course-actions-fixed-left,auto)!important;width:var(--dx-course-actions-fixed-width,auto)!important;margin:0!important;z-index:1988!important;box-shadow:0 -18px 36px 12px rgba(0,0,0,.10),0 10px 32px rgba(0,0,0,.08)}
.dx-course-purchase{display:flex;align-items:center;justify-content:space-between;gap:var(--dx-course-purchase-gap,20px);margin:0;padding:var(--dx-course-purchase-padding-y,16px) var(--dx-course-purchase-padding-x,20px);border:0;border-radius:var(--dx-course-purchase-radius,12px);background:var(--dx-course-purchase-bg,var(--dx-color-surface,#F7F7F7))}
.dx-course-purchase-copy{display:grid;gap:7px;min-width:0}
.dx-course-price{display:flex;align-items:center;gap:10px;margin:0;color:var(--dx-color-text-title,var(--ink))}
.dx-course-price-label{display:block;color:var(--dx-course-price-label-color,#707070)!important;font-size:14px;line-height:1;white-space:nowrap;transform:translateY(var(--dx-course-price-label-offset-y,1px))}
.dx-course-price-value{display:flex;align-items:center;gap:.1em;font-size:16px;line-height:1;font-weight:var(--dx-course-price-value-font-weight,500)!important;letter-spacing:0;color:var(--dx-color-text-title,#1A1A1A)!important;white-space:nowrap}
.dx-course-price-value .dx-course-purchase-icon{width:1em;height:1em;flex:0 0 1em;color:var(--dx-course-price-icon-color,#1A1A1A)!important}
.dx-course-price-value span{display:block;line-height:1;font-weight:var(--dx-course-price-value-font-weight,500)!important}
.dx-course-purchase-note{margin:0!important;color:var(--dx-color-text-muted,var(--mut));font-size:14px;line-height:1.5!important;text-align:left}
.dx-course-purchase-icon{display:inline-block;width:1em;height:1em;flex:0 0 1em;color:currentColor;fill:none;overflow:visible}
.dx-course-buy-button{flex:0 0 auto;height:var(--dx-course-buy-button-height,40px)!important;min-height:0!important;padding:0 var(--dx-course-buy-button-padding-x,20px)!important;gap:7px!important;border-radius:999px!important;background:transparent!important;border:1px solid #1A1A1A!important;color:#1A1A1A!important;box-shadow:none!important;transform:none!important;translate:none!important;font-size:var(--dx-course-buy-button-font-size,16px)!important;line-height:1!important;font-weight:var(--dx-course-buy-button-font-weight,500)!important;cursor:pointer!important;transition:background-color .18s ease!important}
.dx-course-buy-button .dx-course-purchase-icon{width:1em;height:1em}
.dx-course-buy-button:hover,.dx-course-buy-button:focus-visible,.dx-course-buy-button:active{transform:none!important;translate:none!important}
.dx-course-buy-button:hover,.dx-course-buy-button:focus-visible{background:var(--dx-color-surface-raised,#f1f1f1)!important;border-color:#1A1A1A!important;color:#1A1A1A!important;opacity:1!important;box-shadow:none!important}
.dx-course-prose :where(#course-focus,#course-fit,#course-screenshots,#course-outline,#course-feedback){scroll-margin-top:92px}
.dx-course-prose .dx-course-section-title{display:flex!important;align-items:center!important;gap:.48em!important;margin-top:var(--dx-course-section-title-margin-top,60px)!important;margin-bottom:var(--dx-course-section-title-margin-bottom,20px)!important;color:var(--dx-color-text-title,var(--ink))!important;font-size:var(--dx-course-section-title-font-size,24px)!important;line-height:var(--dx-course-section-title-line-height,1.3)!important;font-weight:var(--dx-course-section-title-font-weight,500)!important;letter-spacing:0!important}
@media(min-width:761px){.dx-course-detail .dx-course-prose>.dx-course-section-title:has(+.dx-course-teacher-line){margin-bottom:var(--dx-course-section-meta-gap,8px)!important}}
.dx-course-prose .dx-course-section-title>span{font-weight:inherit!important}
.dx-course-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:var(--dx-course-overview-column-gap,30px);row-gap:0;width:100%;margin-top:var(--dx-course-section-title-margin-top,60px)}
.dx-course-overview-column{min-width:0}
.dx-course-overview-column:only-child{grid-column:1/-1}
.dx-course-prose .dx-course-overview-column>.dx-course-section-title{margin-top:0!important}
.dx-course-prose .dx-course-overview-column>:last-child{margin-bottom:0!important}
.dx-course-section-heading-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:30px;margin-top:var(--dx-course-section-title-margin-top,60px)}
.dx-course-prose .dx-course-section-heading-row>.dx-course-section-title{margin:0!important}
.dx-course-section-note{justify-self:end;min-width:0;max-width:var(--dx-testimonial-intro-max-width,640px);margin:0!important;color:var(--dx-testimonial-intro-color,var(--dx-color-text-muted,#707070))!important;font-family:var(--dx-testimonial-intro-font-family,inherit)!important;font-size:var(--dx-testimonial-intro-font-size,14px)!important;line-height:var(--dx-testimonial-intro-line-height,1.4)!important;font-weight:var(--dx-testimonial-intro-font-weight,400)!important;letter-spacing:var(--dx-testimonial-intro-letter-spacing,0em)!important;text-align:right;white-space:nowrap}
.dx-course-section-note *{color:inherit!important;font:inherit!important;line-height:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important}
.dx-course-detail .dx-course-prose .dx-course-teacher-line{margin-bottom:30px!important;font-size:16px!important;line-height:1.4!important;font-weight:400!important}
.dx-course-detail .dx-course-prose .dx-course-teacher-line>:where(span,strong){font-size:inherit!important;line-height:inherit!important}
.dx-course-detail .dx-course-prose .dx-course-teacher-line>:where(span:first-child,strong){font-weight:500!important}
.dx-course-detail .dx-course-prose .dx-course-teacher-line .dx-course-teacher-name,.dx-course-detail .dx-course-prose .dx-course-teacher-line .dx-course-teacher-name *{font-weight:400!important}
@media(max-width:760px){
  .dx-course-overview-grid{grid-template-columns:minmax(0,1fr);column-gap:0}
  .dx-course-prose .dx-course-overview-column+.dx-course-overview-column>.dx-course-section-title{margin-top:var(--dx-course-section-title-margin-top,60px)!important}
  .dx-course-section-heading-row{grid-template-columns:minmax(0,1fr);gap:8px}
  .dx-course-section-note{justify-self:start;text-align:left;white-space:normal}
}
.dx-course-section-title-icon{display:inline-block;width:var(--dx-course-section-icon-size,1em);height:var(--dx-course-section-icon-size,1em);flex:0 0 var(--dx-course-section-icon-size,1em);color:var(--dx-course-section-icon-color,#1A1A1A);fill:none;overflow:visible;transform:translateY(var(--dx-course-section-icon-offset-y,0em))}
.dx-course-section-title-icon :where(path,circle,line,polyline){stroke-width:var(--dx-course-section-icon-stroke-width,1)!important;vector-effect:non-scaling-stroke}
.dx-interview-intro-video{margin:0 0 var(--dx-space-paragraph,26px)}
.dx-interview-native-player{position:relative;z-index:0;isolation:isolate;display:block;width:100%;aspect-ratio:16/9;border:1px solid #F2F2F2;box-sizing:border-box;background:var(--dx-color-page-bg,#fff);overflow:hidden}
.dx-prose .dx-article-native-player{margin:0 0 var(--dx-article-paragraph-gap,20px)}
.dx-article-native-player{--dx-article-video-banner-title-size:50px;--dx-article-video-banner-sequence-size:23.4375px;--dx-article-video-banner-gap:10.9375px}
.dx-article-native-player .dx-course-video-banner-copy{gap:var(--dx-article-video-banner-gap)}
.dx-article-native-player .dx-course-video-banner-title{font-size:var(--dx-article-video-banner-title-size)}
.dx-article-native-player .dx-course-video-banner-sequence{font-size:var(--dx-article-video-banner-sequence-size)}
.dx-interview-native-player video{display:block!important;width:100%!important;height:100%!important;max-width:none!important;aspect-ratio:auto!important;object-fit:cover;border:0!important;margin:0!important;background:var(--dx-color-page-bg,#fff);opacity:1;transition:opacity .16s ease}
.dx-interview-native-player.is-video-waiting video{opacity:0}
.dx-interview-native-player::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:transparent;opacity:0;transition:opacity .16s ease}
.dx-interview-native-player.is-video-loading::after{background:rgba(0,0,0,.42);opacity:1}
.dx-interview-native-player.has-course-video-banner video{transition:opacity .16s ease,filter .62s cubic-bezier(.22,1,.36,1)}
.dx-interview-native-player.has-course-video-banner:not(.has-video-started) video{filter:grayscale(.08) brightness(.68) contrast(.9)}
.dx-course-video-banner{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;padding:28px 46px;box-sizing:border-box;background:rgba(72,79,91,.28);opacity:0;text-align:center;pointer-events:none;transform:translateY(5px);transition:opacity .46s ease .16s,transform .62s cubic-bezier(.22,1,.36,1) .1s}
body:not(.category-ppt) .dx-interview-native-player.has-course-video-banner:not(.has-video-started) video{filter:none!important}
body:not(.category-ppt) .dx-course-video-banner{background:rgba(72,79,91,.70)}
body:not(.category-ppt) .dx-interview-native-player.has-course-video-banner:not(.has-video-started) .dx-course-video-banner{opacity:1;transform:translateY(0);transition:none}
.dx-interview-native-player.has-course-video-banner.is-video-frame-ready:not(.has-video-started) .dx-course-video-banner{opacity:1;transform:translateY(0)}
.dx-interview-native-player.has-course-video-banner.has-video-started .dx-course-video-banner{opacity:0;transform:translateY(0)}
.dx-course-video-banner-copy{display:flex;max-width:100%;flex-direction:column;align-items:center;justify-content:center;gap:14px}
.dx-course-video-banner-title{display:block;max-width:100%;color:#75FB97;font-family:var(--sans,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif);font-size:64px;font-weight:400!important;line-height:1.12;letter-spacing:-.035em;text-wrap:balance}
.dx-course-video-banner-sequence{display:block;color:#FFF;font-family:var(--sans,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif);font-size:29px;font-weight:400!important;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.dx-interview-native-player[data-dx-custom-controls="1"]::before{content:"";position:absolute;z-index:3;right:0;bottom:0;left:0;height:18%;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.52));opacity:1;transition:opacity .16s ease}
.dx-interview-native-player.is-video-playing::before{opacity:0}
.dx-interview-native-player.is-video-playing:hover::before,.dx-interview-native-player.is-video-playing:focus-within::before{opacity:1}
.dx-interview-native-player[data-dx-custom-controls="1"] video{cursor:pointer}
.dx-video-control-button{display:inline-grid;place-items:center;flex:0 0 auto;margin:0!important;border:0!important;padding:0!important;color:#fff!important;background:transparent;appearance:none;-webkit-appearance:none;cursor:pointer;box-shadow:none!important}
.dx-video-control-button svg{display:block;width:100%;height:100%;overflow:visible}
.dx-video-control-button svg :where(path,circle,line,polyline){stroke:currentColor!important;stroke-width:1!important;vector-effect:non-scaling-stroke}
.dx-video-play-toggle svg path{fill:currentColor!important;stroke:currentColor!important}
.dx-video-fullscreen-toggle svg :where(path,line,polyline){stroke-width:1.2!important}
.dx-video-loading-indicator{position:absolute;z-index:4;left:50%;top:50%;width:88px;height:88px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-right-color:#fff;border-radius:999px;box-sizing:border-box;opacity:0;pointer-events:none;transform:translate(-50%,-50%)}
.dx-interview-native-player.is-video-loading .dx-video-loading-indicator{opacity:1;animation:dx-video-loading-ring .88s linear infinite}
@keyframes dx-video-loading-ring{to{transform:translate(-50%,-50%) rotate(360deg)}}
.dx-video-controls{position:absolute;z-index:4;left:24px;right:24px;bottom:20px;display:flex;align-items:center;gap:14px;min-height:28px;box-sizing:border-box;color:#fff;background:transparent;opacity:1;pointer-events:auto;transition:opacity .16s ease}
.dx-interview-native-player.is-video-playing .dx-video-controls{opacity:0;pointer-events:none}
.dx-interview-native-player.is-video-playing:hover .dx-video-controls,.dx-interview-native-player.is-video-playing:focus-within .dx-video-controls{opacity:1;pointer-events:auto}
.dx-video-control-button{width:22px;height:22px;border-radius:999px!important}
.dx-video-control-button svg{width:18px;height:18px}
.dx-video-control-button:hover{color:rgba(255,255,255,.72)!important}
.dx-main .dx-video-control-button,
.dx-main .dx-video-control-button:hover,
.dx-main .dx-video-control-button:focus-visible,
.dx-main .dx-video-control-button:active{transform:none!important;translate:none!important;scale:none!important}
.dx-video-control-button:focus-visible{outline:1px solid #fff!important;outline-offset:4px}
.dx-video-time-pair{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto}
.dx-video-time{display:block;min-width:4.4ch;color:#fff!important;font:500 14px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:0!important;white-space:nowrap;text-align:center;font-variant-numeric:tabular-nums;text-shadow:0 1px 4px rgba(0,0,0,.24)}
.dx-video-time-separator{display:block;width:1px;height:14px;flex:0 0 1px;background:rgba(255,255,255,.26)}
.dx-video-progress{--dx-video-progress:0%;display:block;flex:0 1 0;width:0;min-width:0;max-width:0;height:18px;margin:0!important;padding:0!important;border:0!important;border-radius:999px;background:transparent;opacity:0;pointer-events:none;appearance:none;-webkit-appearance:none;cursor:pointer;transition:max-width .2s ease,opacity .16s ease,flex-basis .2s ease}
.dx-interview-native-player:is(.is-video-playing,.has-video-progress) .dx-video-progress{flex:1 1 180px;width:auto;min-width:72px;max-width:100%;opacity:1;pointer-events:auto}
.dx-video-progress::-webkit-slider-runnable-track{height:3px;border:0;border-radius:999px;background:linear-gradient(to right,#fff 0,#fff var(--dx-video-progress),rgba(255,255,255,.22) var(--dx-video-progress),rgba(255,255,255,.22) 100%)}
.dx-video-progress::-webkit-slider-thumb{width:10px;height:10px;margin-top:-3.5px;border:0;border-radius:999px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.2);appearance:none;-webkit-appearance:none}
.dx-video-progress::-moz-range-track{height:3px;border:0;border-radius:999px;background:rgba(255,255,255,.22)}
.dx-video-progress::-moz-range-progress{height:3px;border-radius:999px;background:#fff}
.dx-video-progress::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:999px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.2)}
.dx-video-progress:focus-visible{outline:1px solid #fff;outline-offset:4px}
.dx-video-fullscreen-toggle{margin-left:auto!important}
.dx-interview-native-player:fullscreen,.dx-interview-native-player:-webkit-full-screen{width:100vw;height:100vh;height:100dvh;aspect-ratio:auto;border:0;background:#000;touch-action:none;overscroll-behavior:none}
.dx-interview-native-player:fullscreen::backdrop,.dx-interview-native-player:-webkit-full-screen::backdrop{background:#000}
.dx-interview-native-player:fullscreen video,.dx-interview-native-player:-webkit-full-screen video{object-fit:contain}
.dx-main .dx-interview-native-player[data-native-player]:fullscreen,.dx-main .dx-interview-native-player[data-native-player]:-webkit-full-screen{background:#000!important}
.dx-main .dx-interview-native-player[data-native-player]:fullscreen video,.dx-main .dx-interview-native-player[data-native-player]:-webkit-full-screen video{background:#000!important;object-fit:contain!important}
html.dx-video-immersive-locked,body.dx-video-immersive-locked{overflow:hidden!important;overscroll-behavior:none!important}
html.dx-video-immersive-locked .dx-video-show-row-panel{overflow:visible!important;clip-path:none!important;transform:none!important;will-change:auto!important}
html.dx-video-immersive-locked .dx-video-show-row-panel-inner{overflow:visible!important;transform:none!important;will-change:auto!important}
.dx-interview-native-player.is-video-immersive{position:fixed!important;z-index:2147483647!important;inset:0!important;width:100vw!important;max-width:none!important;height:100vh!important;height:100dvh!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;aspect-ratio:auto!important;background:#000!important;box-shadow:none!important;filter:none!important;transform:none!important;touch-action:none!important;overscroll-behavior:none!important}
.dx-main .dx-interview-native-player[data-native-player].is-video-immersive video,.dx-interview-native-player.is-video-immersive video{display:block!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;background:#000!important;object-fit:contain!important;object-position:center!important}
.dx-interview-native-player:is(.is-video-immersive,:fullscreen,:-webkit-full-screen) .dx-video-controls{left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}
.dx-main .dx-article-ppt-player[data-video-ui="light"].is-video-immersive[data-dx-custom-controls="1"]::before{background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.52))!important}
.dx-main .dx-article-ppt-player[data-video-ui="light"].is-video-immersive :is(.dx-video-controls,.dx-video-control-button,.dx-video-time){color:#fff!important;filter:none!important}
.dx-main .dx-article-ppt-player[data-video-ui="light"].is-video-immersive .dx-video-time{text-shadow:0 1px 4px rgba(0,0,0,.24)!important}
.dx-main .dx-article-ppt-player[data-video-ui="light"].is-video-immersive .dx-video-time-separator{background:rgba(255,255,255,.26)!important}
.dx-main .dx-article-ppt-player[data-video-ui="light"].is-video-immersive .dx-video-progress::-webkit-slider-runnable-track{background:linear-gradient(to right,#fff 0,#fff var(--dx-video-progress),rgba(255,255,255,.22) var(--dx-video-progress),rgba(255,255,255,.22) 100%)!important}
.dx-main .dx-article-ppt-player[data-video-ui="light"].is-video-immersive .dx-video-progress::-webkit-slider-thumb{background:#fff!important;box-shadow:0 1px 4px rgba(0,0,0,.2)!important}
.dx-main .dx-article-ppt-player[data-video-ui="light"].is-video-immersive .dx-video-progress::-moz-range-track{background:rgba(255,255,255,.22)!important}
.dx-main .dx-article-ppt-player[data-video-ui="light"].is-video-immersive .dx-video-progress::-moz-range-progress,.dx-main .dx-article-ppt-player[data-video-ui="light"].is-video-immersive .dx-video-progress::-moz-range-thumb{background:#fff!important}
.dx-main .dx-article-ppt-player[data-video-ui="light"].is-video-immersive .dx-video-loading-indicator{border-color:rgba(255,255,255,.3)!important;border-top-color:#fff!important;border-right-color:#fff!important}
.dx-interview-native-player.is-video-immersive .dx-ppt-player-banner{inset:50% auto auto 50%;width:min(100vw,177.777778vh);height:min(100vh,56.25vw);transform:translate(-50%,-50%)}
@media(max-width:620px){
  .dx-article-native-player{--dx-article-video-banner-title-size:25px;--dx-article-video-banner-sequence-size:14.0625px;--dx-article-video-banner-gap:7.8125px}
  .dx-course-video-banner{padding:20px}
  .dx-course-video-banner-copy{gap:10px}
  .dx-course-video-banner-title{font-size:32px}
  .dx-course-video-banner-sequence{font-size:18px}
  .dx-video-loading-indicator{width:68px;height:68px;border-width:2px}
  .dx-video-controls{left:14px;right:14px;bottom:12px;gap:10px;min-height:24px}
  .dx-video-control-button{width:20px;height:20px}
  .dx-video-control-button svg{width:16px;height:16px}
  .dx-video-time-pair{gap:8px}
  .dx-video-time{font-size:12px!important}
  .dx-video-time-separator{height:12px}
  .dx-interview-native-player:is(.is-video-playing,.has-video-progress) .dx-video-progress{flex-basis:70px}
}
@media(max-width:420px){.dx-video-controls{column-gap:6px}.dx-interview-native-player:is(.is-video-playing,.has-video-progress) .dx-video-progress{min-width:48px}}
.dx-interview-list{margin:0 0 var(--dx-list-block-gap,30px) var(--dx-list-inline-indent,16px)!important;padding-left:0!important;list-style:none!important}
.dx-interview-list li{position:relative;margin:0!important;padding-left:calc(var(--dx-list-bullet-size,0.4em) + var(--dx-list-marker-gap,0.2em))!important}
.dx-interview-list li.dx-interview-list-wrapped:not(:last-child){margin-bottom:var(--dx-list-item-gap,15px)!important}
.dx-interview-list li::before{content:"";display:block!important;position:absolute;left:0;top:.78em;width:var(--dx-list-bullet-size,0.4em);height:var(--dx-list-bullet-size,0.4em);border-radius:999px;background:currentColor;transform:translateY(-50%)}
.dx-interview-list li:last-child{margin-bottom:0!important}
@media(min-width:1024px){.dx-interview-list li{padding-left:calc(var(--dx-list-bullet-size,0.4em) + var(--dx-list-bullet-gap,0.67em))!important}}
.dx-course-screenshots{display:grid;gap:var(--dx-course-screenshots-gap,16px);margin:20px 0 var(--dx-space-paragraph,30px)}
.dx-course-screenshots-stage{position:relative;overflow:hidden;aspect-ratio:16/9;border-radius:var(--dx-course-screenshots-radius,0px);background:var(--dx-course-screenshots-bg,var(--dx-color-surface,#F7F7F7))}
.dx-course-screenshots-track{position:relative;display:flex;width:var(--dx-course-screenshots-track-width,100%);height:100%;overflow:visible;background:var(--dx-course-screenshots-bg,var(--dx-color-surface,#F7F7F7));transform:translate3d(0,0,0);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.dx-course-screenshot-slide{flex:0 0 var(--dx-course-screenshots-slide-width,100%);box-sizing:border-box;height:100%;margin:0;min-width:0;overflow:hidden;padding-right:var(--dx-course-screenshots-slide-gap,16px);background:var(--dx-course-screenshots-bg,var(--dx-color-surface,#F7F7F7));backface-visibility:hidden;-webkit-backface-visibility:hidden}
.dx-course-screenshot-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;border:0;border-radius:var(--dx-course-screenshots-radius,0px);background:var(--dx-course-screenshots-bg,var(--dx-color-surface,#F7F7F7));color:transparent;font-size:0}
.dx-course-prose .dx-course-screenshot-slide{overflow:hidden!important}
.dx-course-prose .dx-course-screenshot-slide img{display:block!important;width:100%!important;max-width:none!important;height:100%!important;margin:0!important;border:0!important;border-radius:var(--dx-course-screenshots-radius,0px)!important;object-fit:cover!important;object-position:center top!important}
.dx-course-article[data-course-detail="course-interview"] .dx-course-screenshot-slide[data-course-carousel-source-index="3"] img{box-sizing:border-box!important;border:1px solid var(--dx-color-line,#e8e8e8)!important}
.dx-course-screenshots-controls{display:flex;align-items:center;justify-content:center;gap:var(--dx-course-screenshots-control-gap,16px);min-height:var(--dx-course-screenshots-control-size,22px)}
.dx-course-screenshots-dots{display:inline-flex;align-items:center;justify-content:center;gap:var(--dx-course-screenshots-dot-gap,8px)}
.dx-course-screenshots-dot{display:block;flex:0 0 auto;width:var(--dx-course-screenshots-dot-size,6px);height:var(--dx-course-screenshots-dot-size,6px);min-width:0;min-height:0;margin:0!important;border:0;border-radius:999px;background:var(--dx-course-screenshots-dot-color,#d2d2d2);padding:0;appearance:none;-webkit-appearance:none;cursor:pointer;font:inherit;line-height:0;transition:width .18s ease,background-color .18s ease}
.dx-course-screenshots-dot:focus-visible{outline:1px solid var(--dx-color-text-title,#1A1A1A);outline-offset:4px}
.dx-course-screenshots-dot.is-active{width:calc(var(--dx-course-screenshots-dot-size,6px) * 2.8);background:var(--dx-color-text-title,#1A1A1A)}
.dx-course-screenshots--compact .dx-course-screenshots-stage{aspect-ratio:auto;height:300px;background:#FFFFFF}
.dx-course-screenshots--compact{width:100%;margin-right:auto;margin-left:auto}
.dx-course-screenshots--compact .dx-course-screenshots-track,
.dx-course-screenshots--compact .dx-course-screenshot-slide{background:transparent}
.dx-course-screenshots--compact .dx-course-screenshots-track{width:max-content!important;box-sizing:border-box;gap:var(--dx-course-screenshots-slide-gap,16px);padding-right:var(--dx-course-screenshots-slide-gap,16px)}
.dx-course-screenshots--compact .dx-course-screenshot-slide{flex:0 0 auto!important;display:flex;align-items:center;justify-content:center;width:533px!important;height:300px!important;padding-right:0}
.dx-course-screenshots--compact .dx-course-screenshot-slide img{width:auto!important;max-width:min(100%,533px)!important;height:auto!important;max-height:300px!important;object-fit:contain;object-position:center center}
@media(max-width:680px){
  .dx-course-screenshots--compact .dx-course-screenshots-stage{aspect-ratio:16/9;height:auto}
  .dx-course-screenshots--compact{width:100%}
  .dx-course-screenshots--compact .dx-course-screenshot-slide{width:calc(100vw - 40px)!important;height:100%!important}
  .dx-course-screenshots--compact .dx-course-screenshot-slide img{width:100%!important;max-width:none!important;height:100%!important;max-height:none!important}
}
.dx-interview-outline{display:grid;gap:var(--dx-course-chapter-gap,16px);margin:20px 0 0;border-bottom:0}
.dx-interview-chapter{border-top:0;background:transparent;padding:0}
.dx-interview-chapter-head{display:grid;grid-template-columns:minmax(0,1fr) 28px;grid-template-rows:auto auto;gap:var(--dx-course-chapter-head-gap-y,16px) var(--dx-course-chapter-head-gap-x,20px);align-items:start;padding:var(--dx-course-chapter-padding-y,16px) var(--dx-course-chapter-padding-x,20px);background:var(--dx-course-chapter-bg,var(--dx-color-surface,#F7F7F7));border-radius:var(--dx-course-chapter-radius,12px);list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none}
.dx-interview-chapter-head::-webkit-details-marker{display:none}
.dx-interview-chapter-head-copy{display:contents;min-width:0}
.dx-interview-chapter-row{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:20px;align-items:center}
.dx-course-prose .dx-interview-chapter-heading{display:flex!important;flex-wrap:wrap;gap:0 20px;align-items:center;min-width:0;margin:0!important;padding:0!important;color:var(--dx-color-text-title,#1A1A1A)!important;font-weight:var(--dx-course-chapter-title-font-weight,500)!important}
.dx-interview-chapter-meta{display:inline-flex;align-items:baseline;justify-content:flex-end;gap:.28em;justify-self:end;font-size:var(--dx-course-chapter-meta-font-size,14px);line-height:var(--dx-course-chapter-meta-line-height,1.4);color:var(--dx-color-text-muted,var(--mut));white-space:nowrap}
.dx-interview-chapter-separator{color:var(--dx-color-line-strong,#d7d7d7)!important}
.dx-course-prose .dx-interview-chapter-num{display:block;font-size:var(--dx-course-chapter-title-font-size,20px)!important;line-height:var(--dx-course-chapter-title-line-height,1.4)!important;margin:0!important;padding:0!important;font-weight:var(--dx-course-chapter-title-font-weight,500)!important;color:var(--dx-color-text-title,#1A1A1A)!important;white-space:nowrap}
.dx-course-prose .dx-interview-chapter-title{display:block;font-size:var(--dx-course-chapter-title-font-size,20px)!important;line-height:var(--dx-course-chapter-title-line-height,1.4)!important;font-weight:var(--dx-course-chapter-title-font-weight,500)!important;color:var(--dx-color-text-title,#1A1A1A)!important;min-width:0;margin:0!important;padding:0!important}
.dx-course-prose .dx-interview-chapter-summary{display:block;grid-column:1/-1;padding-left:0;font-size:var(--dx-course-chapter-summary-font-size,16px);line-height:var(--dx-course-chapter-summary-line-height,1.5)!important;color:var(--dx-color-text-body,var(--ink2));margin:0!important;text-align:left}
.dx-interview-chapter-toggle{grid-column:2;grid-row:1;display:inline-flex;align-self:center;justify-self:center;align-items:center;justify-content:center;width:28px;height:28px;color:var(--dx-course-chapter-toggle-color,#1A1A1A);transform:translateY(var(--dx-course-chapter-toggle-offset-y,-3px))}
.dx-interview-chapter-toggle-icon{display:block;width:16px;height:16px;transition:transform .26s cubic-bezier(.2,0,.2,1)}
.dx-interview-chapter-toggle-icon :where(path){stroke-width:var(--dx-course-chapter-toggle-stroke-width,1)!important;vector-effect:non-scaling-stroke}
.dx-interview-chapter:not([open]) .dx-interview-chapter-toggle-icon{transform:rotate(180deg)}
.dx-interview-chapter-panel{margin:0;padding:16px 20px 4px;border-left:0}
.dx-interview-lessons{display:grid;gap:0;border-top:0}
.dx-interview-lesson{border-top:0;color:var(--dx-color-text-body,var(--ink2))}
.dx-interview-lesson:not(:last-child){border-bottom:1px solid var(--dx-article-meta-divider-color,var(--dx-color-line-strong,#d7d7d7))}
.dx-interview-lesson:first-child{border-top:0}
.dx-interview-lesson summary{display:grid;grid-template-columns:minmax(0,1fr) 64px 28px;gap:20px;align-items:center;min-height:68px;padding:15px 0;list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none}
.dx-interview-lesson summary::-webkit-details-marker{display:none}
.dx-interview-lesson summary::before,.dx-interview-lesson summary::after{content:"";display:block;grid-column:3;grid-row:1;justify-self:center;align-self:center;width:var(--dx-course-lesson-toggle-size,18px);height:var(--dx-course-lesson-toggle-stroke-width,2px);border-radius:999px;background:var(--dx-course-lesson-toggle-color,#1A1A1A);transform-origin:center;transition:transform .26s cubic-bezier(.2,0,.2,1),opacity .22s ease}
.dx-interview-lesson summary::before{transform:translateY(-1px)}
.dx-interview-lesson summary::after{transform:translateY(-1px) rotate(90deg)}
.dx-interview-lesson[open] summary::after{opacity:0;transform:translateY(-1px) rotate(90deg) scaleX(.2)}
.dx-interview-lesson-copy{min-width:0}
.dx-interview-lesson-title{display:block;font-size:var(--dx-course-lesson-title-font-size,17px);line-height:var(--dx-course-lesson-title-line-height,1.5);font-weight:var(--dx-course-lesson-title-font-weight,500)!important;color:var(--dx-course-lesson-title-color,#1A1A1A)!important}
.dx-interview-lesson-title-with-prefix{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:1em;align-items:baseline}
.dx-interview-lesson-prefix{display:block;color:var(--dx-course-lesson-prefix-color,#707070)!important;font-weight:400!important;white-space:nowrap}
.dx-interview-lesson-name{display:block;min-width:0;color:var(--dx-course-lesson-title-color,#1A1A1A)!important;font-weight:var(--dx-course-lesson-title-font-weight,500)!important}
.dx-course-prose .dx-interview-lesson .dx-interview-lesson-name,.dx-course-prose .dx-interview-lesson .dx-interview-lesson-name *{font-weight:var(--dx-course-lesson-title-font-weight,500)!important}
.dx-course-prose .dx-interview-lesson .dx-interview-lesson-prefix,.dx-course-prose .dx-interview-lesson .dx-interview-lesson-prefix *{font-weight:400!important}
.dx-interview-lesson-time{text-align:right;color:var(--dx-course-lesson-time-color,#707070)!important;font-size:var(--dx-course-lesson-time-font-size,14px);line-height:1.4;white-space:nowrap}
@media (min-width:681px){
.dx-course-detail .dx-course-lesson>summary .dx-course-lesson-name{font-size:18px!important}
.dx-course-detail .dx-course-lesson>summary .dx-course-lesson-name,.dx-course-detail .dx-course-lesson>summary .dx-course-lesson-name *{font-weight:500!important}
.dx-course-detail .dx-course-lesson>summary .dx-course-lesson-prefix,.dx-course-detail .dx-course-lesson>summary .dx-course-lesson-prefix *{font-weight:400!important}
.dx-course-detail .dx-course-lesson>summary .dx-course-lesson-time{font-size:14px!important}
}
@media (min-width:681px) and (hover:hover) and (pointer:fine){
.dx-course-detail .dx-course-outline .dx-interview-lessons>details.dx-interview-lesson.dx-course-lesson:not(.dx-course-article-section)>summary{width:calc(100% + 40px)!important;max-width:none!important;margin-right:-20px!important;margin-left:-20px!important;padding-right:20px!important;padding-left:20px!important;position:relative;isolation:isolate;border-radius:var(--dx-course-chapter-radius,12px);background-color:transparent!important;box-shadow:none!important}
.dx-course-detail .dx-course-outline .dx-interview-lessons>details.dx-interview-lesson.dx-course-lesson:not(.dx-course-article-section)>summary>.dx-course-lesson-meta{position:static!important}
.dx-course-detail .dx-course-outline .dx-interview-lessons>details.dx-interview-lesson.dx-course-lesson:not(.dx-course-article-section)>summary>.dx-interview-lesson-copy,
.dx-course-detail .dx-course-outline .dx-interview-lessons>details.dx-interview-lesson.dx-course-lesson:not(.dx-course-article-section)>summary>.dx-course-lesson-meta>*,
.dx-course-detail .dx-course-outline .dx-interview-lessons>details.dx-interview-lesson.dx-course-lesson:not(.dx-course-article-section)>summary::before,
.dx-course-detail .dx-course-outline .dx-interview-lessons>details.dx-interview-lesson.dx-course-lesson:not(.dx-course-article-section)>summary::after{position:relative;z-index:1}
.dx-course-detail .dx-course-outline .dx-interview-lessons>details.dx-interview-lesson.dx-course-lesson:not(.dx-course-article-section)>summary>.dx-course-lesson-meta::before{content:"";position:absolute;inset:0;z-index:0;display:block;pointer-events:none;border-radius:var(--dx-course-chapter-radius,12px);background-color:#F7F7F7;box-shadow:0 0 0 1px var(--dx-article-meta-divider-color,var(--dx-color-line-strong,#D7D7D7))!important;opacity:0;transition:opacity .44s cubic-bezier(.22,.61,.36,1)}
.dx-course-detail .dx-course-outline .dx-interview-lessons>details.dx-interview-lesson.dx-course-lesson:not(.dx-course-article-section):not([open])>summary:hover>.dx-course-lesson-meta::before{opacity:1}
}
.dx-interview-lesson-panel{padding:0 0 20px}
.dx-interview-lesson-panel .dx-interview-native-player{margin:0 0 16px}
.dx-interview-lesson-video{display:block;width:100%;aspect-ratio:16/9;height:auto;border:1px solid #F2F2F2;box-sizing:border-box;background:var(--dx-color-page-bg,#fff);margin:0 0 16px!important}
.dx-interview-lesson-desc{margin:0!important;padding:0;font-size:var(--dx-course-lesson-desc-font-size,18px);line-height:var(--dx-course-lesson-desc-line-height,1.6);color:var(--dx-color-text-muted,var(--mut));text-align:left}
.dx-interview-feedback{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--dx-course-feedback-gap,16px);align-items:start;justify-items:stretch;width:100%;margin:20px 0 var(--dx-space-paragraph,30px)}
.dx-interview-feedback-mobile{display:none}
.dx-interview-feedback-column{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--dx-course-feedback-column-gap,16px);width:100%;min-width:0;justify-self:stretch;justify-items:stretch;align-content:start}
.dx-interview-feedback figure,.dx-course-feedback .dx-course-feedback-figure{display:block!important;width:100%!important;inline-size:100%!important;min-width:100%!important;max-width:none!important;justify-self:stretch!important;margin:0!important;padding:0!important}
.dx-interview-feedback img,.dx-course-feedback .dx-course-feedback-img{display:block!important;width:100%!important;inline-size:100%!important;min-width:100%!important;max-width:none!important;height:auto!important;margin:0!important;padding:0!important;border:var(--dx-prose-image-border-width,0px) solid var(--dx-prose-image-border-color,var(--dx-color-line-strong))!important;border-radius:var(--dx-prose-image-radius,0px)!important;box-sizing:border-box!important;background:var(--dx-color-page-bg,var(--bg))}
@media(max-width:680px){
  .dx-course-purchase{display:grid;gap:12px;padding:14px}
  .dx-course-price{display:grid;gap:2px}
  .dx-course-buy-button{justify-content:center;width:100%;box-sizing:border-box}
  .dx-course-actions{width:fit-content;max-width:100%;height:58px;padding:4px;gap:4px}
  .dx-course-actions-indicator{height:48px;transform:translate3d(var(--dx-course-action-x,4px),-50%,0)}
  .dx-course-action-link{height:48px;padding:0 8px;font-size:15px}
  .dx-interview-chapter{padding-top:0}
  .dx-interview-chapter-head{grid-template-columns:minmax(0,1fr) 24px;gap:12px 10px;padding:14px}
  .dx-interview-chapter-head-copy{display:contents}
  .dx-interview-chapter-row{grid-template-columns:minmax(0,1fr) max-content;gap:10px;align-items:center}
  .dx-course-prose .dx-interview-chapter-heading{gap:8px}
  .dx-course-prose .dx-interview-chapter-num,.dx-interview-chapter-title{font-size:20px}
  .dx-interview-chapter-meta{font-size:14px}
  .dx-course-prose .dx-interview-chapter-summary{padding-left:0;font-size:16px;line-height:1.68!important}
  .dx-interview-chapter-toggle{width:24px;height:24px;justify-self:center}
  .dx-interview-chapter-panel{margin-left:0;padding:12px 14px 4px}
  .dx-interview-lesson summary{grid-template-columns:minmax(0,1fr) 54px 24px;gap:10px;min-height:62px;padding:13px 0}
  .dx-interview-lesson summary::before,.dx-interview-lesson summary::after{width:var(--dx-course-lesson-toggle-size,16px);height:var(--dx-course-lesson-toggle-stroke-width,2px)}
  .dx-interview-lesson-title{font-size:17px}
  .dx-interview-lesson-time{text-align:right;font-size:14px}
  .dx-interview-lesson-panel{padding-bottom:22px}
  .dx-interview-lesson-desc{font-size:16px}
  .dx-course-screenshots{gap:10px}
  .dx-course-screenshots-controls{min-height:30px}
  .dx-interview-feedback-desktop{display:none}
  .dx-interview-feedback-mobile{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
}
/* dx-course-detail-component-end */

/* dx-1200-header-and-video-controls */
.dx-top .dx-wrap.dx-top-in,
.dx-top-in{
  width:100%!important;
  max-width:1200px!important;
  box-sizing:border-box!important;
}
.dx-top .dx-logo{
  margin:0!important;
  flex:0 0 auto!important;
}
.dx-top .dx-mainnav{
  flex:0 1 auto!important;
  justify-content:flex-start!important;
  margin-left:clamp(20px,2.8vw,38px)!important;
  margin-right:0!important;
}
.dx-top .dx-top-actions{
  margin-left:auto!important;
}
.dx-back-to-top{
  right:calc(max(18px,calc(50vw - 666px)) + env(safe-area-inset-right,0px))!important;
}
@media(max-width:1368px){
  .dx-back-to-top{
    right:calc(18px + env(safe-area-inset-right,0px))!important;
  }
}
/* dx-1200-header-and-video-controls-end */

/* dx-engage-right-column-unified */
.dx-main .dx-engage,
body.single .dx-engage{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) max-content!important;
  align-items:start!important;
  justify-content:stretch!important;
  width:100%!important;
  box-sizing:border-box!important;
}
.dx-main .dx-engage-meta,
body.single .dx-engage-meta{
  grid-column:1;
  min-width:0!important;
}
.dx-main .dx-engage-actions,
body.single .dx-engage-actions{
  grid-column:2;
  align-self:start!important;
  justify-self:end!important;
  justify-content:flex-end!important;
  margin-top:-8px!important;
}
@media(max-width:720px){
  .dx-main .dx-engage,
  body.single .dx-engage{
    grid-template-columns:minmax(0,1fr) max-content!important;
    align-items:start!important;
    padding-right:0!important;
    padding-left:0!important;
  }
  .dx-main .dx-engage-meta > span,
  body.single .dx-engage-meta > span{
    white-space:normal!important;
  }
  .dx-main .dx-engage-actions,
  body.single .dx-engage-actions{
    margin-top:-8px!important;
  }
}
/* dx-engage-right-column-unified-end */

/* dx-engage-edge-tooltip */
.dx-engage-actions .dx-engage-action:last-child[data-tooltip]::before{
  left:auto!important;
  right:0!important;
  transform:none!important;
}
.dx-engage-actions .dx-engage-action:last-child[data-tooltip]:hover::before,
.dx-engage-actions .dx-engage-action:last-child[data-tooltip]:focus-visible::before{
  transform:none!important;
}
/* dx-engage-edge-tooltip-end */

/* dx-media-interaction-row */
.dx-media-interaction-row{
  /* Canonical media stack on every viewport:
   * player -> 15px -> right-aligned actions -> 18px -> full-width copy.
   * !important is intentional: the four catalogue templates define later
   * inline grid/breakpoint rules for their expanded rows. */
  display:flex!important;
  flex-direction:column!important;
  position:relative;
  z-index:auto;
  align-items:stretch!important;
  gap:0!important;
  min-width:0;
  min-height:0!important;
  padding-top:15px!important;
  overflow:visible;
}
.dx-media-interaction-row.is-featured{
  margin-bottom:var(--dx-space-paragraph,26px);
}
.dx-course-intro-summary-row,
.dx-riix-intro-summary-row,
.dx-book-intro-summary-row,
.dx-media-interaction-row.is-featured{
  z-index:4;
  background:var(--dx-color-page-bg,#fff);
}
.dx-media-interaction-copy{
  order:2;
  min-width:0;
  width:100%;
}
.dx-media-interaction-copy--full{
  grid-column:auto!important;
  clear:none!important;
  width:100%!important;
  padding-top:0!important;
  margin-top:var(--dx-space-paragraph,26px)!important;
}
.dx-media-interaction-copy>:first-child{
  margin-top:0!important;
}
.dx-media-interaction-copy>:last-child,
.dx-video-shows-page .dx-media-interaction-row .dx-video-shows-feature-copy{
  margin-bottom:0!important;
}
.dx-media-interaction-row>*{
  order:2;
}
.dx-media-interaction-row>.riix-content-interactions,
.dx-media-interaction-row>.dx-video-show-engagement{
  order:1!important;
  position:relative!important;
  z-index:5!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  align-self:flex-end!important;
  justify-self:auto!important;
  flex:0 0 auto!important;
  min-width:max-content;
  margin:0 0 18px!important;
  padding:0!important;
  border:0!important;
  overflow:visible!important;
}
/* The shared action markup also carries .dx-engage-actions. Cancel legacy
 * single-post lifts so the whole action group owns one stable row. */
body.single .dx-media-interaction-row>.riix-content-interactions,
body.single .dx-media-interaction-row>.dx-video-show-engagement,
.dx-main .dx-media-interaction-row>.riix-content-interactions,
.dx-main .dx-media-interaction-row>.dx-video-show-engagement{
  align-self:flex-end!important;
  margin:0 0 18px!important;
  transform:none!important;
  translate:none!important;
}

/* Remove the old player/section bottom gaps only when the next visual block is
 * this canonical action-and-copy stack. The stack itself supplies the 15px. */
html body .dx-interview-intro-video:has(+.dx-media-interaction-row),
html body .bk-front-lead>.bk-front-section.is-front-video .dx-interview-intro-video{
  margin-bottom:0!important;
}
html body .bk-course-book .bk-front-lead>.bk-front-section.is-front-video{
  margin-bottom:0!important;
}
.dx-interview-lesson-panel .dx-interview-native-player:has(+.dx-media-interaction-row),
.dx-in-depth-lesson-part-panel>.dx-interview-native-player:has(+.dx-media-interaction-row),
.dx-video-show-row-content>.dx-interview-native-player:has(+.dx-media-interaction-row){
  margin-bottom:0!important;
}
/* A split parent lesson ends at its child list. Avoid stacking the list's old
 * 20px bottom gap on top of the following materials section spacing. */
.dx-course-article[data-course-detail="in-depth-sessions"]
  .dx-in-depth-lesson-parts:has(+.dx-in-depth-materials){
  margin-bottom:0!important;
}

/* Retire the former narrow-screen float spacer even when an older cached
 * breakpoint declaration is still present. */
.dx-media-interaction-row>:first-child:has(>p:not(:empty))::before,
.dx-media-interaction-row>p:first-child:not(:empty)::before{
  content:none!important;
  display:none!important;
}
/* dx-media-interaction-row-end */

/* The canonical text-link contract is defined once at the end of this file. */

/* dx-global-category-capsule-standard
 * Search and home-list category capsules share one geometry and never inherit
 * the site's normal text-link or book-title underline treatments.
 */
body :is(a,span).dx-category-capsule.dx-category-capsule{
  position:relative!important;
  top:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  width:auto!important;
  max-width:100%!important;
  height:28px!important;
  min-height:28px!important;
  margin-left:6px!important;
  padding:0 10px!important;
  overflow:hidden!important;
  border:1px solid transparent!important;
  border-radius:999px!important;
  background:#F7F7F7!important;
  background-image:none!important;
  box-shadow:none!important;
  color:var(--dx-color-text-muted,#707070)!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:400!important;
  text-align:center!important;
  text-decoration:none!important;
  text-decoration-line:none!important;
  -webkit-text-decoration-line:none!important;
  text-decoration-color:transparent!important;
  text-decoration-thickness:0!important;
  text-underline-offset:0!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
  transform:translateY(-2px)!important;
  translate:none!important;
  scale:none!important;
  transition:border-color .2s cubic-bezier(.22,.61,.36,1),background-color .2s cubic-bezier(.22,.61,.36,1)!important;
}
body a.dx-category-capsule.dx-category-capsule:hover,
body a.dx-category-capsule.dx-category-capsule:focus-visible{
  top:0!important;
  border-color:#7A7A7A!important;
  background:#F7F7F7!important;
  background-image:none!important;
  box-shadow:none!important;
  color:var(--dx-color-text-muted,#707070)!important;
  text-decoration:none!important;
  text-decoration-line:none!important;
  -webkit-text-decoration-line:none!important;
  text-decoration-color:transparent!important;
  text-decoration-thickness:0!important;
  text-underline-offset:0!important;
  transform:translateY(-2px)!important;
  translate:none!important;
  scale:none!important;
}
body a.dx-category-capsule.dx-category-capsule .dx-book-title-mark-open::after{
  content:none!important;
  display:none!important;
  background:transparent!important;
}
body .dx-category-capsule.dx-category-capsule :where(.dx-book-title-mark,.dx-book-title-trim,.dx-square-bracket-title){
  text-decoration:none!important;
  text-decoration-line:none!important;
  -webkit-text-decoration-line:none!important;
  text-decoration-color:transparent!important;
  text-decoration-thickness:0!important;
}
/* dx-global-category-capsule-standard-end */


/* dx-top-mentor-cta */
.dx-top-actions .dx-mentor-cta{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  height:var(--dx-mentor-cta-height,48px)!important;
  min-height:var(--dx-mentor-cta-height,48px)!important;
  padding:0 var(--dx-mentor-cta-padding-x,22px)!important;
  gap:0!important;
  border:0!important;
  border-radius:var(--dx-mentor-cta-radius,999px)!important;
  background:var(--dx-mentor-cta-bg,#1A1A1A)!important;
  color:var(--dx-mentor-cta-text,#ffffff)!important;
  font:inherit!important;
  font-size:var(--dx-mentor-cta-font-size,16px)!important;
  font-weight:var(--dx-mentor-cta-font-weight,500)!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  transition:background-color 280ms cubic-bezier(.22,.61,.36,1),color 280ms cubic-bezier(.22,.61,.36,1)!important;
}
.dx-top-actions .dx-mentor-cta,
.dx-top-actions .dx-mentor-cta>span{
  color:var(--dx-mentor-cta-text,#ffffff)!important;
}
.dx-top-actions .dx-mentor-cta:hover,
.dx-top-actions .dx-mentor-cta:focus-visible{
  background:var(--dx-mentor-cta-hover-bg,#000000)!important;
  color:var(--dx-mentor-cta-hover-text,#ffffff)!important;
  text-decoration:none!important;
  transform:none!important;
}
.dx-top-actions .dx-mentor-cta:active{
  background:var(--dx-mentor-cta-hover-bg,#000000)!important;
  color:var(--dx-mentor-cta-hover-text,#ffffff)!important;
  transform:none!important;
}
/* dx-top-mentor-cta-end */

/* dx-global-pill-standard */
:root{
  --dx-pill-height:36px;
  --dx-pill-small-height:var(--dx-compact-pill-height,28px);
  --dx-pill-padding-x:16px;
  --dx-pill-small-padding-x:var(--dx-compact-pill-padding-x,11px);
  --dx-pill-icon-gap:5px;
  --dx-pill-radius:999px;
}
:where(.dx-mini-btn,.dx-tool-btn,.dx-inline-video-trigger,.dx-site-log-status,.dx-course-prose .dx-course-resource-type-pill,.dx-course-buy-button,.dx-favorites-link,.dx-account-alias-save,.dx-account-inline-link,.dx-account-login-card a,body #comments.dx-comments .dx-comment-submit,body.single #comments.dx-comments .dx-comment-submit,body #comments.dx-comments .dx-comment-edit-save,body.single #comments.dx-comments .dx-comment-edit-save,body #comments.dx-comments .dx-comment-edit-cancel,body.single #comments.dx-comments .dx-comment-edit-cancel,body #comments.dx-comments .dx-comment-identity-toggle,body.single #comments.dx-comments .dx-comment-identity-toggle,body #comments.dx-comments .dx-comment-admin-real,body.single #comments.dx-comments .dx-comment-admin-real){
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  border-radius:var(--dx-pill-radius,999px)!important;
  line-height:1!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
  text-align:center!important;
  gap:var(--dx-pill-icon-gap,5px)!important;
}
:where(.dx-mini-btn,.dx-tool-btn,.dx-inline-video-trigger,.dx-course-buy-button,.dx-favorites-link,.dx-account-alias-save,.dx-account-inline-link,.dx-account-login-card a){
  min-height:var(--dx-pill-height,36px)!important;
  padding-left:var(--dx-pill-padding-x,16px)!important;
  padding-right:var(--dx-pill-padding-x,16px)!important;
}
:where(.dx-site-log-status){
  min-height:var(--dx-pill-small-height,28px)!important;
  height:auto!important;
  padding-left:var(--dx-pill-small-padding-x,11px)!important;
  padding-right:var(--dx-pill-small-padding-x,11px)!important;
  font-size:var(--dx-compact-pill-font-size,14px)!important;
}
.dx-top-actions :where(.dx-wechat-login,.dx-mentor-cta){
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  height:var(--dx-login-height,48px)!important;
  min-height:var(--dx-login-height,48px)!important;
  padding:0 var(--dx-login-padding-x,22px)!important;
  border-radius:var(--dx-login-radius,999px)!important;
  font-size:var(--dx-login-font-size,16px)!important;
  line-height:1!important;
  gap:0!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
}
.dx-top-actions .dx-wechat-login .dx-login-main{
  height:100%!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  line-height:1!important;
}
.dx-top-actions .dx-wechat-login .dx-login-main>span,
.dx-top-actions .dx-mentor-cta>span,
body #comments.dx-comments .dx-comment-identity-toggle span,
body.single #comments.dx-comments .dx-comment-identity-toggle span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
}
.dx-tool-btn .dx-tool-ico,
.dx-mini-btn svg,
.dx-course-buy-button svg,
body #comments.dx-comments .dx-comment-identity-toggle-icon,
body.single #comments.dx-comments .dx-comment-identity-toggle-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:1em!important;
  height:1em!important;
  flex:0 0 1em!important;
  margin:0!important;
  align-self:center!important;
}
.dx-tool-btn .dx-tool-ico svg{
  width:1em!important;
  height:1em!important;
  display:block!important;
}
.dx-course-prose .dx-course-lesson-pdf-count{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  line-height:1!important;
  vertical-align:middle!important;
}
.dx-course-prose .dx-course-lesson-pdf-count-gap{
  width:.18em!important;
  min-width:.18em!important;
}
.dx-course-prose .dx-course-resource-type-pill{
  height:22px!important;
  min-height:22px!important;
  min-width:40px!important;
  padding-left:9px!important;
  padding-right:9px!important;
  font-size:11px!important;
  line-height:1!important;
}
body #comments.dx-comments .dx-comment-submit,
body.single #comments.dx-comments .dx-comment-submit{
  min-height:var(--dx-pill-height,36px)!important;
  padding-left:var(--dx-pill-padding-x,16px)!important;
  padding-right:var(--dx-pill-padding-x,16px)!important;
}
body #comments.dx-comments :where(.dx-comment-edit-save,.dx-comment-edit-cancel,.dx-comment-identity-toggle),
body.single #comments.dx-comments :where(.dx-comment-edit-save,.dx-comment-edit-cancel,.dx-comment-identity-toggle){
  min-height:30px!important;
  padding-left:12px!important;
  padding-right:12px!important;
  gap:4px!important;
}
body #comments.dx-comments .dx-comment-admin-real,
body.single #comments.dx-comments .dx-comment-admin-real{
  min-height:24px!important;
  padding:0 8px!important;
  gap:4px!important;
}
/* dx-global-pill-standard-end */

/* dx-top-action-pills-final */
.dx-top .dx-top-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
}
.dx-top .dx-top-actions :where(.dx-wechat-login,.dx-mentor-cta){
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:var(--dx-login-height,48px)!important;
  min-height:var(--dx-login-height,48px)!important;
  padding:0 var(--dx-login-padding-x,22px)!important;
  border-radius:var(--dx-login-radius,999px)!important;
  font-size:var(--dx-login-font-size,16px)!important;
  font-weight:var(--dx-font-weight-login,500)!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
  transform:none!important;
  translate:none!important;
}
.dx-top .dx-top-actions .dx-wechat-login{
  background:var(--dx-login-bg,#f2f2f2)!important;
  border:0!important;
  color:var(--dx-login-text,#1A1A1A)!important;
  box-shadow:none!important;
}
.dx-top .dx-top-actions .dx-wechat-login:hover,
.dx-top .dx-top-actions .dx-wechat-login:focus-visible{
  background:var(--dx-login-hover-bg,var(--dx-login-bg,#e4e4e4))!important;
  color:var(--dx-login-hover-text,var(--dx-login-text,#1A1A1A))!important;
}
.dx-top .dx-top-actions .dx-wechat-login .dx-login-main{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:100%!important;
  padding:0!important;
  gap:0!important;
  line-height:1!important;
}
.dx-top .dx-top-actions .dx-wechat-login .dx-login-main>span,
.dx-top .dx-top-actions .dx-mentor-cta>span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  transform:none!important;
}
.dx-top .dx-top-actions .dx-mentor-cta{
  gap:0!important;
  background:var(--dx-mentor-cta-bg,#1A1A1A)!important;
  border:0!important;
  color:var(--dx-mentor-cta-text,#ffffff)!important;
  box-shadow:none!important;
  transition:background-color 280ms cubic-bezier(.22,.61,.36,1),color 280ms cubic-bezier(.22,.61,.36,1)!important;
}
.dx-top .dx-top-actions .dx-mentor-cta:hover,
.dx-top .dx-top-actions .dx-mentor-cta:focus-visible{
  background:var(--dx-mentor-cta-hover-bg,#000000)!important;
  color:var(--dx-mentor-cta-hover-text,#ffffff)!important;
}
.dx-top .dx-top-actions .dx-mentor-cta:active{
  background:var(--dx-mentor-cta-hover-bg,#000000)!important;
  color:var(--dx-mentor-cta-hover-text,#ffffff)!important;
}
.dx-top .dx-top-actions .dx-mentor-cta,
.dx-top .dx-top-actions .dx-mentor-cta>span{
  color:var(--dx-mentor-cta-text,#ffffff)!important;
}
/* dx-top-action-pills-final-end */

/* dx-mentor-cta-editor-vars */
.dx-top .dx-top-actions .dx-mentor-cta,
.dx-top-actions .dx-mentor-cta{
  height:var(--dx-mentor-cta-height,48px)!important;
  min-height:var(--dx-mentor-cta-height,48px)!important;
  padding-left:var(--dx-mentor-pill-padding-left,18px)!important;
  padding-right:var(--dx-mentor-pill-padding-right,20px)!important;
  gap:0!important;
  border-radius:var(--dx-mentor-cta-radius,999px)!important;
  font-size:var(--dx-mentor-cta-font-size,16px)!important;
  font-weight:var(--dx-mentor-cta-font-weight,500)!important;
}
/* dx-mentor-cta-editor-vars-end */

/* dx-global-footer-standard */
:root{
  --dx-fixed-footer-height:0px;
}
html{
  height:auto;
  min-height:100%;
  margin-top:0!important;
  background:var(--dx-color-page-bg,#fff)!important;
}
body{
  --dx-adminbar-height:0px;
  min-height:100dvh!important;
  display:flex!important;
  flex-direction:column!important;
  padding-bottom:0!important;
  box-sizing:border-box!important;
  background:var(--dx-color-page-bg,#fff)!important;
}
body.admin-bar{
  --dx-adminbar-height:32px;
  min-height:100dvh!important;
  padding-top:var(--dx-adminbar-height,32px)!important;
}
@media(max-width:782px){
  body.admin-bar{
    --dx-adminbar-height:46px;
  }
}
body > .dx-main{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  box-sizing:border-box!important;
  width:100%;
  min-height:0!important;
  background:var(--dx-color-page-bg,#fff)!important;
}
body > .dx-main :where(.dx-workbench,.dx-static,.dx-center,.bk,.es,article.dx-narrow,.dx-favorites-page){
  min-height:0!important;
}
body > .dx-foot{
  flex:0 0 auto!important;
  width:100%;
  margin:auto 0 0!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  z-index:20!important;
  transform:none!important;
  background:var(--dx-footer-bg,var(--dx-color-page-bg,#fff))!important;
}
body > .dx-foot::after{
  content:none!important;
  display:none!important;
}
.dx-theme-editor-launch{
  bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;
  transition:background-color 180ms ease,color 180ms ease,box-shadow 180ms ease;
}
.dx-back-to-top{
  bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;
}
/* dx-global-footer-standard-end */

/* dx-riix-reader-footer-layer-fix */
html.dx-riix-reader-open body,
body.dx-riix-reader-open{
  padding-bottom:0!important;
}
html.dx-riix-reader-open body > .dx-foot,
body.dx-riix-reader-open > .dx-foot{
  display:block!important;
  position:relative!important;
  z-index:20!important;
}
html.dx-riix-reader-open .dx-theme-editor-launch,
body.dx-riix-reader-open .dx-theme-editor-launch{
  bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;
}
html.dx-riix-reader-open .dx-back-to-top,
body.dx-riix-reader-open .dx-back-to-top{
  bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;
}
/* dx-riix-reader-footer-layer-fix-end */

/* dx-global-pingfang-copyright-standard */
:root,
html,
html:not([data-theme]),
html[data-theme="light"],
html[data-theme="dark"]{
  --dx-font-sans:"PingFang SC"!important;
  --dx-font-mono:"PingFang SC"!important;
  --dx-font-serif:"PingFang SC"!important;
  --sans:var(--dx-font-sans)!important;
  --mono:var(--dx-font-sans)!important;
  --serif:var(--dx-font-sans)!important;
}
html,
body,
button,
input,
textarea,
select,
option,
pre,
code,
kbd,
samp,
.dx-top,
.dx-main,
.dx-foot,
.dx-static,
.dx-workbench,
.dx-theme-editor{
  font-family:var(--dx-font-sans,"PingFang SC")!important;
}
.dx-copyright-mark,
.dx-foot-copyright-mark,
.dx-image-credit-mark{
  display:inline-block!important;
  color:inherit!important;
  font-family:var(--dx-font-sans,"PingFang SC")!important;
  font-size:1em!important;
  font-weight:inherit!important;
  line-height:1!important;
  letter-spacing:0!important;
  vertical-align:baseline!important;
  position:relative!important;
  top:.015em!important;
  margin:0!important;
  transform:none!important;
}
/* dx-global-pingfang-copyright-standard-end */

/* dx-post-17138-structure-colors-preview */
body.postid-17138 article.dx-narrow{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:var(--dx-post-17138-content-width,780px)!important;
  padding-left:var(--dx-post-17138-content-padding-x,30px)!important;
  padding-right:var(--dx-post-17138-content-padding-x,30px)!important;
}
body.postid-17138 .dx-article-title{
  margin-bottom:var(--dx-post-17138-title-margin-bottom,14px)!important;
  color:var(--dx-post-17138-body-color,#1A1A1A)!important;
  font-family:"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-size:var(--dx-post-17138-title-size,26px)!important;
  font-weight:var(--dx-post-17138-title-weight,600)!important;
  line-height:var(--dx-post-17138-title-line-height,1.4)!important;
  letter-spacing:var(--dx-post-17138-heading-letter-spacing,0)!important;
}
body.postid-17138 .dx-article-meta{
  margin-bottom:var(--dx-post-17138-meta-margin-bottom,48px)!important;
  padding-bottom:var(--dx-article-meta-divider-space-before,var(--dx-article-divider-space-before,24px))!important;
  border-bottom:var(--dx-article-divider-width,1px) solid var(--dx-engage-divider-color,var(--dx-article-divider-color,#D7D7D7))!important;
  color:var(--dx-post-17138-meta-color,#929394)!important;
  font-family:"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-size:var(--dx-post-17138-meta-size,16px)!important;
  font-weight:var(--dx-post-17138-meta-weight,400)!important;
  line-height:var(--dx-post-17138-meta-line-height,20px)!important;
  letter-spacing:var(--dx-post-17138-meta-letter-spacing,0)!important;
}
body.postid-17138 .dx-article-meta .dx-article-meta-text{
  color:var(--dx-post-17138-meta-color,#929394)!important;
  font-family:"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-size:var(--dx-post-17138-meta-size,16px)!important;
  font-weight:var(--dx-post-17138-meta-weight,400)!important;
  line-height:var(--dx-post-17138-meta-line-height,20px)!important;
  letter-spacing:var(--dx-post-17138-meta-letter-spacing,0)!important;
}
body.postid-17138 .dx-prose{
  color:var(--dx-post-17138-body-color,#1A1A1A)!important;
  font-family:"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-size:var(--dx-post-17138-body-size,18px)!important;
  font-weight:var(--dx-post-17138-body-weight,400)!important;
  line-height:var(--dx-post-17138-body-line-height,1.67)!important;
  letter-spacing:var(--dx-post-17138-body-letter-spacing,0)!important;
  text-align:justify!important;
  word-wrap:break-word;
}
body.postid-17138 .dx-prose :where(p,li,blockquote){
  color:var(--dx-post-17138-body-color,#1A1A1A)!important;
  font-size:var(--dx-post-17138-body-size,18px)!important;
  font-weight:var(--dx-post-17138-body-weight,400)!important;
  line-height:var(--dx-post-17138-body-line-height,1.67)!important;
  letter-spacing:var(--dx-post-17138-body-letter-spacing,0)!important;
}
body.postid-17138 .dx-prose p{
  margin:0 0 var(--dx-post-17138-paragraph-gap,20px)!important;
}
body.postid-17138 .dx-prose > p:last-child{
  margin-bottom:var(--dx-post-17138-last-paragraph-gap,0px)!important;
}
body.postid-17138 .dx-prose h2{
  margin:var(--dx-post-17138-h2-margin-top,40px) 0 0!important;
  padding-bottom:var(--dx-post-17138-h2-margin-bottom,10px)!important;
  color:var(--dx-post-17138-body-color,#1A1A1A)!important;
  font-size:var(--dx-post-17138-h2-size,22px)!important;
  font-weight:var(--dx-post-17138-h2-weight,600)!important;
  line-height:var(--dx-post-17138-h2-line-height,1.4)!important;
  letter-spacing:var(--dx-post-17138-heading-letter-spacing,0)!important;
}
body.postid-17138 .dx-prose h3{
  margin:var(--dx-post-17138-h3-margin-top,40px) 0 0!important;
  padding-bottom:var(--dx-post-17138-h3-margin-bottom,10px)!important;
  color:var(--dx-post-17138-body-color,#1A1A1A)!important;
  font-size:var(--dx-post-17138-h3-size,20px)!important;
  font-weight:var(--dx-post-17138-h3-weight,600)!important;
  line-height:var(--dx-post-17138-h3-line-height,1.5)!important;
  letter-spacing:var(--dx-post-17138-heading-letter-spacing,0)!important;
}
body.postid-17138 .dx-prose h4{
  margin:var(--dx-post-17138-h4-margin-top,40px) 0 0!important;
  padding-bottom:var(--dx-post-17138-h4-margin-bottom,10px)!important;
  color:var(--dx-post-17138-body-color,#1A1A1A)!important;
  font-size:var(--dx-post-17138-h4-size,18px)!important;
  font-weight:var(--dx-post-17138-h4-weight,600)!important;
  line-height:var(--dx-post-17138-h4-line-height,1.67)!important;
  letter-spacing:var(--dx-post-17138-heading-letter-spacing,0)!important;
}
body.postid-17138 .dx-prose :where(strong,b){
  color:inherit!important;
  background-color:transparent!important;
  font-weight:var(--dx-post-17138-strong-weight,600)!important;
}
@media(max-width:680px){
  body.postid-17138 article.dx-narrow{
    padding-left:20px!important;
    padding-right:20px!important;
  }
  body.postid-17138 .dx-article-title{
    font-size:var(--dx-post-17138-title-mobile-size,24px)!important;
  }
}
/* dx-post-17138-structure-colors-preview-end */

/* dx-desktop-article-default-from-17138 */
@media(min-width:681px){
  body.single-post article.dx-narrow{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:var(--dx-article-content-width,780px)!important;
    padding-left:var(--dx-article-content-padding-x,30px)!important;
    padding-right:var(--dx-article-content-padding-x,30px)!important;
  }
  body.single-post .dx-article-title{
    margin-bottom:var(--dx-article-default-title-margin-bottom,20px)!important;
    color:var(--dx-article-body-color,#1A1A1A)!important;
    font-family:"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif!important;
    font-size:var(--dx-article-title-size,30px)!important;
    font-weight:var(--dx-article-title-weight,600)!important;
    line-height:var(--dx-article-default-title-line-height,1.25)!important;
    letter-spacing:var(--dx-article-heading-letter-spacing,0em)!important;
  }
  body.single-post .dx-article-meta{
    margin-bottom:var(--dx-article-header-divider-space-after,48px)!important;
    padding-bottom:var(--dx-article-header-divider-space-before,10px)!important;
    border-bottom:var(--dx-article-header-divider-width,1px) solid var(--dx-article-header-divider-color,#ebebeb)!important;
    color:var(--dx-article-meta-color,#929394)!important;
    font-family:"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif!important;
    font-size:var(--dx-article-meta-size,16px)!important;
    font-weight:var(--dx-article-meta-weight,400)!important;
    line-height:var(--dx-article-meta-line-height,20px)!important;
    letter-spacing:var(--dx-article-meta-letter-spacing,0.02em)!important;
  }
  body.single-post .dx-article-meta .dx-article-meta-text{
    color:var(--dx-article-meta-color,#929394)!important;
    font-family:"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif!important;
    font-size:var(--dx-article-meta-size,16px)!important;
    font-weight:var(--dx-article-meta-weight,400)!important;
    line-height:var(--dx-article-meta-line-height,20px)!important;
    letter-spacing:var(--dx-article-meta-letter-spacing,0.02em)!important;
  }
  body.single-post .dx-prose{
    color:var(--dx-article-body-color,#1A1A1A)!important;
    font-family:"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif!important;
    font-size:var(--dx-article-body-size,18px)!important;
    font-weight:var(--dx-article-body-weight,400)!important;
    line-height:var(--dx-article-body-line-height,1.6)!important;
    letter-spacing:var(--dx-article-body-letter-spacing,0em)!important;
    text-align:justify!important;
    word-wrap:break-word;
  }
  body.single-post .dx-prose :where(p,li,blockquote){
    color:var(--dx-article-body-color,#1A1A1A)!important;
    font-size:var(--dx-article-body-size,18px)!important;
    font-weight:var(--dx-article-body-weight,400)!important;
    line-height:var(--dx-article-body-line-height,1.6)!important;
    letter-spacing:var(--dx-article-body-letter-spacing,0em)!important;
  }
  html body.single-post .dx-main .dx-prose:not(.dx-course-prose) > p,
  body.single-post .dx-prose p{
    margin:0 0 var(--dx-article-paragraph-gap,20px)!important;
  }
  html body.single-post .dx-main .dx-prose:not(.dx-course-prose) > p:last-child,
  body.single-post .dx-prose > p:last-child{
    margin-bottom:var(--dx-article-last-paragraph-gap,0px)!important;
  }
  body.single-post .dx-prose h2{
    margin:var(--dx-article-h2-margin-top,60px) 0 0!important;
    padding-bottom:var(--dx-article-h2-margin-bottom,10px)!important;
    color:var(--dx-article-body-color,#1A1A1A)!important;
    font-size:var(--dx-article-h2-size,24px)!important;
    font-weight:var(--dx-article-h2-weight,600)!important;
    line-height:var(--dx-article-h2-line-height,1.3)!important;
    letter-spacing:var(--dx-article-heading-letter-spacing,0em)!important;
  }
  body.single-post .dx-prose > h2:first-child{
    margin-top:var(--dx-article-first-heading-margin-top,0px)!important;
  }
  body.single-post .dx-prose h3{
    margin:var(--dx-article-h3-margin-top,40px) 0 0!important;
    padding-bottom:var(--dx-article-h3-margin-bottom,10px)!important;
    color:var(--dx-article-body-color,#1A1A1A)!important;
    font-size:var(--dx-article-h3-size,20px)!important;
    font-weight:var(--dx-article-h3-weight,600)!important;
    line-height:var(--dx-article-h3-line-height,1.4)!important;
    letter-spacing:var(--dx-article-heading-letter-spacing,0em)!important;
  }
  body.single-post .dx-prose h4{
    margin:var(--dx-article-h4-margin-top,40px) 0 0!important;
    padding-bottom:var(--dx-article-h4-margin-bottom,10px)!important;
    color:var(--dx-article-body-color,#1A1A1A)!important;
    font-size:var(--dx-article-h4-size,18px)!important;
    font-weight:var(--dx-article-h4-weight,600)!important;
    line-height:var(--dx-article-h4-line-height,1.6)!important;
    letter-spacing:var(--dx-article-heading-letter-spacing,0em)!important;
  }
  body.single-post .dx-prose h5{
    margin:var(--dx-article-h5-margin-top,60px) 0 0!important;
    padding-bottom:var(--dx-article-h5-margin-bottom,10px)!important;
    color:var(--dx-article-body-color,#1A1A1A)!important;
    font-size:var(--dx-article-h5-size,16px)!important;
    font-weight:var(--dx-article-h5-weight,600)!important;
    line-height:var(--dx-article-h5-line-height,1.45)!important;
    letter-spacing:var(--dx-article-heading-letter-spacing,0em)!important;
  }
  body.single-post .dx-prose :where(strong,b){
    color:inherit!important;
    background-color:transparent!important;
    font-weight:var(--dx-article-strong-weight,600)!important;
  }
}
/* dx-desktop-article-default-from-17138-end */

/* dx-global-breadcrumb-standard */
html body .dx-article-breadcrumb .dx-breadcrumb-label,
html body .dx-read-breadcrumb .dx-breadcrumb-label{
  color:var(--dx-breadcrumb-current-color,#7A7A7A)!important;
}
html body .dx-article-breadcrumb a,
html body .dx-read-breadcrumb a,
html body .dx-article-breadcrumb a .dx-breadcrumb-label,
html body .dx-read-breadcrumb a .dx-breadcrumb-label,
html body .dx-article-breadcrumb a:hover,
html body .dx-article-breadcrumb a:focus-visible,
html body .dx-read-breadcrumb a:hover,
html body .dx-read-breadcrumb a:focus-visible,
html body .dx-article-breadcrumb a:hover .dx-breadcrumb-label,
html body .dx-article-breadcrumb a:focus-visible .dx-breadcrumb-label,
html body .dx-read-breadcrumb a:hover .dx-breadcrumb-label,
html body .dx-read-breadcrumb a:focus-visible .dx-breadcrumb-label{
  color:var(--dx-breadcrumb-link-color,#1A1A1A)!important;
  -webkit-text-fill-color:currentColor!important;
}
html body .dx-article-breadcrumb-sep{
  color:var(--dx-breadcrumb-separator-color,#D7D7D7)!important;
  -webkit-text-fill-color:currentColor!important;
  opacity:1!important;
}
html body .dx-article-breadcrumb a,
html body .dx-read-breadcrumb a,
html body .dx-article-breadcrumb a:hover,
html body .dx-article-breadcrumb a:focus-visible,
html body .dx-read-breadcrumb a:hover,
html body .dx-read-breadcrumb a:focus-visible{
  position:relative!important;
  text-decoration:none!important;
  text-decoration-line:none!important;
  background-image:none!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
html body .dx-article-breadcrumb a::after,
html body .dx-read-breadcrumb a::after,
html body .dx-article-breadcrumb a .dx-breadcrumb-label::after,
html body .dx-read-breadcrumb a .dx-breadcrumb-label::after{
  content:none!important;
  display:none!important;
}
html body .dx-article-breadcrumb a .dx-breadcrumb-label,
html body .dx-read-breadcrumb a{
  text-decoration-line:underline!important;
  -webkit-text-decoration-line:underline!important;
  text-decoration-style:solid!important;
  text-decoration-thickness:var(--dx-content-link-underline-width,1px)!important;
  text-decoration-color:transparent!important;
  text-underline-offset:var(--dx-content-link-underline-offset,4px)!important;
  text-decoration-skip-ink:auto!important;
  background-image:none!important;
}
html body .dx-article-breadcrumb a:hover .dx-breadcrumb-label,
html body .dx-article-breadcrumb a:focus-visible .dx-breadcrumb-label,
html body .dx-read-breadcrumb a:hover,
html body .dx-read-breadcrumb a:focus-visible{
  text-decoration-line:underline!important;
  -webkit-text-decoration-line:underline!important;
  text-decoration-thickness:var(--dx-content-link-underline-width,1px)!important;
  text-decoration-color:currentColor!important;
  text-underline-offset:var(--dx-content-link-underline-offset,4px)!important;
}
/* dx-global-breadcrumb-standard-end */

/* dx-breadcrumb-book-title-underline-sync */
html body .dx-article-breadcrumb a,
html body .dx-read-breadcrumb a{
  --dx-book-title-effective-trim:calc(var(--dx-book-title-trim,-3px) + var(--dx-book-title-optical-trim,-0.14em));
  --dx-breadcrumb-book-title-start:0px;
  --dx-breadcrumb-book-title-end:0px;
  position:relative!important;
  text-decoration:none!important;
  text-decoration-line:none!important;
  background-image:none!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
@supports selector(a:has(.dx-book-title-mark)){
  html body .dx-article-breadcrumb a:has(.dx-book-title-mark-open.dx-book-title-mark-at-start),
  html body .dx-read-breadcrumb a:has(.dx-book-title-mark-open.dx-book-title-mark-at-start){
    --dx-breadcrumb-book-title-start:calc(0px - var(--dx-book-title-effective-trim));
  }
  html body .dx-article-breadcrumb a:has(.dx-book-title-mark-close.dx-book-title-mark-at-end),
  html body .dx-read-breadcrumb a:has(.dx-book-title-mark-close.dx-book-title-mark-at-end){
    --dx-breadcrumb-book-title-end:calc(0px - var(--dx-book-title-effective-trim));
  }
}
html body .dx-article-breadcrumb a::after,
html body .dx-read-breadcrumb a::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:var(--dx-breadcrumb-book-title-start)!important;
  right:var(--dx-breadcrumb-book-title-end)!important;
  top:calc(100% + var(--dx-breadcrumb-underline-offset,1px))!important;
  height:var(--dx-content-link-underline-width,1px)!important;
  background:currentColor!important;
  opacity:0!important;
  transform:scaleX(0)!important;
  transform-origin:left center!important;
  transition:opacity var(--dx-motion-duration-fast,.15s),transform var(--dx-motion-duration-fast,.15s)!important;
  pointer-events:none!important;
}
html body .dx-article-breadcrumb a:hover::after,
html body .dx-article-breadcrumb a:focus-visible::after,
html body .dx-read-breadcrumb a:hover::after,
html body .dx-read-breadcrumb a:focus-visible::after{
  opacity:1!important;
  transform:scaleX(1)!important;
}
/* dx-breadcrumb-book-title-underline-sync-end */

/* dx-logged-out-header-actions-stable */
body:not(.logged-in) .dx-top .dx-top-actions{
  overflow:visible!important;
}
body:not(.logged-in) .dx-top .dx-top-actions > :where(.dx-wechat-login,.dx-mentor-cta){
  opacity:1!important;
  animation:none!important;
  transform:none!important;
  translate:none!important;
  will-change:auto!important;
}
/* dx-logged-out-header-actions-stable-end */

/* dx-top-action-width-standard */
.dx-top .dx-top-actions > .dx-wechat-login{
  width:90px!important;
  min-width:90px!important;
  max-width:90px!important;
  flex:0 0 90px!important;
  padding-left:0!important;
  padding-right:0!important;
  text-align:center!important;
}
.dx-top .dx-top-actions > .dx-wechat-login .dx-login-main,
.dx-top .dx-top-actions > .dx-wechat-login .dx-login-main > span{
  width:100%!important;
  justify-content:center!important;
  text-align:center!important;
}
/* dx-top-action-width-standard-end */

/* dx-mobile-static-header-stack */
@media(max-width:600px){
  .dx-top{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    left:auto!important;
  }
  .dx-main{
    padding-top:0!important;
    scroll-padding-top:0!important;
  }
  html body .dx-article-breadcrumb-bar,
  html body.admin-bar .dx-article-breadcrumb-bar{
    position:relative!important;
    inset:auto!important;
    z-index:auto!important;
  }
  body.single,
  body.single-post{
    scroll-padding-top:0!important;
  }
  @supports selector(body:has(.dx-article-breadcrumb-bar)){
    body:has(.dx-article-breadcrumb-bar) .dx-main{
      padding-top:0!important;
      scroll-padding-top:0!important;
    }
  }
}
/* dx-mobile-static-header-stack-end */

/* dx-mentor-pill-content-visibility-standard */
html body .dx-top .dx-top-actions>.dx-mentor-cta>.dx-pill-arrow-content,
html body .dx-top .dx-top-actions>.dx-mentor-cta>.dx-pill-arrow-content>span{
  color:var(--dx-mentor-cta-text,#ffffff)!important;
  -webkit-text-fill-color:var(--dx-mentor-cta-text,#ffffff)!important;
  font-size:inherit!important;
  line-height:1!important;
  opacity:1!important;
  visibility:visible!important;
}
/* dx-mentor-pill-content-visibility-standard-end */

/* dx-mentor-arrow-pill-centering */
:root{
  --dx-mentor-pill-padding-left:18px;
  --dx-mentor-pill-padding-right:20px;
}
.dx-top .dx-top-actions>.dx-mentor-cta{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:max-content!important;
  max-width:none!important;
  padding-left:var(--dx-mentor-pill-padding-left)!important;
  padding-right:var(--dx-mentor-pill-padding-right)!important;
  overflow:visible!important;
  color:var(--dx-ref-color-white,#ffffff)!important;
  -webkit-text-fill-color:var(--dx-ref-color-white,#ffffff)!important;
  line-height:1!important;
  text-align:center!important;
}
.dx-top .dx-top-actions>.dx-mentor-cta>.dx-pill-arrow-content{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  gap:2px!important;
  overflow:visible!important;
  color:var(--dx-ref-color-white,#ffffff)!important;
  -webkit-text-fill-color:var(--dx-ref-color-white,#ffffff)!important;
  font-size:inherit!important;
  line-height:1!important;
  text-align:center!important;
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(-1px)!important;
}
.dx-top .dx-top-actions>.dx-mentor-cta>.dx-pill-arrow-content>span{
  display:inline-block!important;
  flex:0 0 auto!important;
  width:auto!important;
  max-width:none!important;
  color:var(--dx-ref-color-white,#ffffff)!important;
  -webkit-text-fill-color:var(--dx-ref-color-white,#ffffff)!important;
  font-size:inherit!important;
  line-height:1!important;
  opacity:1!important;
  visibility:visible!important;
}
/* dx-mentor-arrow-pill-centering-end */

/* dx-global-interactive-transition */
:root{
  --dx-interactive-transition-duration:300ms;
  --dx-interactive-transition-easing:cubic-bezier(.22,.61,.36,1);
}
body :where(a[href],button,input[type="button"],input[type="submit"],input[type="reset"],input[type="image"],[role="button"],summary){
  transition-property:color,background-color,border-color,box-shadow,opacity,transform,filter,text-decoration-color,text-underline-offset,-webkit-text-fill-color;
  transition-duration:var(--dx-interactive-transition-duration,300ms);
  transition-timing-function:var(--dx-interactive-transition-easing,cubic-bezier(.22,.61,.36,1));
}
@media(prefers-reduced-motion:reduce){
  body :where(a[href],button,input[type="button"],input[type="submit"],input[type="reset"],input[type="image"],[role="button"],summary){
    transition-duration:.01ms!important;
  }
}
/* dx-global-interactive-transition-end */

/* dx-email-pill-component */
html body .dx-email-pill,
html body a.dx-email-pill,
html body a.dx-email-pill:link,
html body a.dx-email-pill:visited,
html body a.dx-email-pill:hover,
html body a.dx-email-pill:focus,
html body a.dx-email-pill:focus-visible,
html body a.dx-email-pill:active{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:1px 7px!important;
  border:0!important;
  border-radius:8px!important;
  background:#e9e9e9!important;
  background-image:none!important;
  color:#1a1a1a!important;
  -webkit-text-fill-color:#1a1a1a!important;
  font-family:inherit!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:1.3!important;
  letter-spacing:0!important;
  text-decoration:none!important;
  -webkit-text-decoration:none!important;
  text-decoration-line:none!important;
  -webkit-text-decoration-line:none!important;
  text-decoration-color:transparent!important;
  text-decoration-thickness:0!important;
  text-underline-offset:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  position:relative!important;
  cursor:pointer!important;
  vertical-align:-.05em!important;
  white-space:nowrap!important;
}
html body .dx-email-pill::before{
  content:""!important;
  display:block!important;
  flex:0 0 13px!important;
  width:13px!important;
  height:13px!important;
  background-image:url("icons/envelope-mail.svg")!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
}
html body .dx-email-pill::after{
  display:none!important;
  content:none!important;
}
html body .dx-email-pill > a.dx-email-pill__link,
html body .dx-email-pill > a.dx-email-pill__link:link,
html body .dx-email-pill > a.dx-email-pill__link:visited,
html body .dx-email-pill > a.dx-email-pill__link:hover,
html body .dx-email-pill > a.dx-email-pill__link:focus,
html body .dx-email-pill > a.dx-email-pill__link:focus-visible,
html body .dx-email-pill > a.dx-email-pill__link:active{
  position:absolute!important;
  z-index:1!important;
  inset:0!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:inherit!important;
  background:transparent!important;
  background-image:none!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  text-decoration:none!important;
  -webkit-text-decoration:none!important;
  text-decoration-line:none!important;
  -webkit-text-decoration-line:none!important;
  text-decoration-color:transparent!important;
  text-decoration-thickness:0!important;
  text-underline-offset:0!important;
  box-shadow:none!important;
  outline:0!important;
}
html body .dx-email-pill > .dx-email-pill__label{
  display:inline-block!important;
  color:#1a1a1a!important;
  -webkit-text-fill-color:#1a1a1a!important;
  font:inherit!important;
  line-height:inherit!important;
  text-decoration:none!important;
  -webkit-text-decoration:none!important;
  text-decoration-line:none!important;
  -webkit-text-decoration-line:none!important;
  text-decoration-color:transparent!important;
  text-decoration-thickness:0!important;
  text-underline-offset:0!important;
  pointer-events:none!important;
  transition-property:color,-webkit-text-fill-color,text-decoration-color!important;
  transition-duration:var(--dx-interactive-transition-duration,300ms)!important;
  transition-timing-function:var(--dx-interactive-transition-easing,cubic-bezier(.22,.61,.36,1))!important;
}
html body .dx-email-pill:hover > .dx-email-pill__label,
html body .dx-email-pill:focus-within > .dx-email-pill__label{
  color:#206DFF!important;
  -webkit-text-fill-color:#206DFF!important;
  text-decoration:underline!important;
  -webkit-text-decoration:underline!important;
  text-decoration-line:underline!important;
  -webkit-text-decoration-line:underline!important;
  text-decoration-color:#206DFF!important;
  text-decoration-thickness:var(--dx-content-link-underline-width,1px)!important;
  text-underline-offset:var(--dx-content-link-underline-offset,4px)!important;
  text-decoration-skip-ink:auto!important;
  text-decoration-skip:ink!important;
}
html body .dx-email-pill:focus-within{
  outline:1px solid #8c8c8c!important;
  outline-offset:2px!important;
}
/* dx-email-pill-component-end */

/* dx-video-ended-reset
 * Return completed videos to the exact opening surface without removing the
 * loaded source. Designed players reuse their banner; plain players reuse the
 * same full-frame poster declared on the video.
 */
:is([data-native-player],.dx-article-ppt-player,.dx-ppt-player,.dx-course-player,.dx-video-player).is-video-ending-reset video,
video.is-video-ending-reset{
  opacity:0!important;
  transition:opacity .34s ease!important;
}
:is([data-native-player],.dx-article-ppt-player,.dx-ppt-player,.dx-course-player,.dx-video-player).is-video-ended-return video,
video.is-video-ended-return{
  opacity:1!important;
  transition:opacity .4s ease!important;
}
.dx-video-opening-cover-host{
  position:relative!important;
}
.dx-video-opening-cover{
  position:absolute;
  inset:0;
  z-index:2;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  pointer-events:none;
  user-select:none;
  transition:opacity .34s ease;
}
.dx-video-opening-cover-host.has-video-opening-cover>.dx-video-opening-cover{
  opacity:1;
}
@media(prefers-reduced-motion:reduce){
  :is([data-native-player],.dx-article-ppt-player,.dx-ppt-player,.dx-course-player,.dx-video-player).is-video-ending-reset video,
  :is([data-native-player],.dx-article-ppt-player,.dx-ppt-player,.dx-course-player,.dx-video-player).is-video-ended-return video,
  video.is-video-ending-reset,
  video.is-video-ended-return,
  .dx-video-opening-cover{
    transition:none!important;
  }
}
/* dx-video-ended-reset-end */

/* dx-standard-page-heading-from-ppt-20260912
 * Keep content-page title areas on the same scale and rhythm as 声音叙事PPT.
 * This final component layer intentionally wins over the older single-post
 * preview rules and over archive-specific inline styles.
 */
.dx-main article.dx-narrow > .dx-article-title,
.dx-main .dx-photo-column-head > .dx-photo-column-title,
.dx-main .dx-account-head > .dx-article-title,
.dx-main .dx-courses-head > .dx-article-title,
.dx-main .dx-library-head > .dx-article-title,
.dx-main .dx-mentor-hero .dx-article-title,
.dx-main .dx-membership-hero .dx-article-title {
  margin-top:var(--dx-article-title-margin-top,0px)!important;
  margin-bottom:10px!important;
  color:var(--dx-article-title-color,var(--dx-color-text-title,#1A1A1A))!important;
  font-size:var(--dx-video-page-title-size,30px)!important;
  font-weight:var(--dx-video-page-title-weight,500)!important;
  line-height:var(--dx-video-page-title-line-height,1.35)!important;
  letter-spacing:var(--dx-article-title-letter-spacing,0em)!important;
}

.dx-main article.dx-narrow > .dx-article-meta,
.dx-main .dx-photo-column-head > .dx-photo-column-meta,
.dx-main .dx-account-head > .dx-article-meta {
  margin-top:0!important;
  margin-bottom:var(--dx-video-page-header-gap,40px)!important;
  padding-bottom:var(--dx-article-meta-divider-space-before,10px)!important;
  border-bottom:var(--dx-article-meta-divider-width,1px) solid var(--dx-article-meta-divider-color,#EBEBEB)!important;
  color:var(--dx-video-page-meta-color,#707070)!important;
  font-size:var(--dx-video-page-meta-size,14px)!important;
  font-weight:var(--dx-article-meta-font-weight,400)!important;
  line-height:1.55!important;
  letter-spacing:.02em!important;
}

.dx-main .dx-mentor-hero .dx-mentor-hero-subtitle,
.dx-main .dx-membership-hero .dx-membership-hero-subtitle {
  margin-top:0!important;
  letter-spacing:.02em!important;
}

.dx-main article.dx-narrow > .dx-article-meta > .dx-article-meta-text,
.dx-main .dx-account-head > .dx-article-meta > .dx-article-meta-text,
.dx-main .dx-photo-column-head > .dx-photo-column-meta > span:not(.riix-access-indicator) {
  color:inherit!important;
  font-size:inherit!important;
  font-weight:inherit!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
}

.dx-main .dx-photo-column-head > .dx-photo-column-intro,
.dx-main .dx-riixdesign.dx-success-stories-collection article.dx-narrow > .dx-article-meta + .dx-riix-archive-note.is-after-meta {
  margin-top:0!important;
}

@media(max-width:680px) {
  .dx-main article.dx-narrow > .dx-article-title,
  .dx-main .dx-photo-column-head > .dx-photo-column-title,
  .dx-main .dx-account-head > .dx-article-title,
  .dx-main .dx-courses-head > .dx-article-title,
  .dx-main .dx-library-head > .dx-article-title,
  .dx-main .dx-mentor-hero .dx-article-title,
  .dx-main .dx-membership-hero .dx-article-title {
    font-size:var(--dx-article-title-mobile-font-size,26px)!important;
  }
}
/* dx-standard-page-heading-from-ppt-20260912-end */

/* dx-photography-column-dark-surface-20260912
 * A self-contained editing-room palette for the photography column. The
 * wrapper is emitted only for posts assigned to riixphoto, so no other
 * archive, article, navigation bar, breadcrumb, or footer inherits it.
 */
.dx-photo-theme-surface {
  --dx-photography-bg:#1D1D1D;
  --dx-photography-surface:#262626;
  --dx-color-page-bg:var(--dx-photography-bg);
  --dx-color-surface:var(--dx-photography-surface);
  --dx-color-surface-raised:#303030;
  --dx-color-text-title:#F0F0F0;
  --dx-color-text-body:#D2D2D2;
  --dx-color-text-secondary:#B6B6B6;
  --dx-color-text-muted:#A0A0A0;
  --dx-color-icon:#D2D2D2;
  --dx-color-line:#303030;
  --dx-color-line-strong:#3D3D3D;
  --dx-engage-text-color:#A0A0A0;
  --dx-engage-meta-color:#A0A0A0;
  --dx-engage-divider-color:#3D3D3D;
  --dx-engage-icon-color:#D2D2D2;
  --dx-engage-count-color:#D2D2D2;
  --dx-engage-label-color:#D2D2D2;
  --dx-image-credit-color:#D2D2D2;
  min-height:calc(100vh - 84px);
  background:var(--dx-photography-bg);
  color:var(--dx-color-text-body);
}

.dx-photo-theme-surface .dx-photo-theme-article {
  color:var(--dx-color-text-body);
}

.dx-photo-theme-surface .dx-photo-theme-article :where(.dx-prose h1,.dx-prose h2,.dx-prose h3,.dx-prose h4,.dx-prose h5) {
  color:var(--dx-color-text-title)!important;
}

.dx-photo-theme-surface .dx-photo-theme-article :where(.dx-prose,.dx-prose p,.dx-prose li,.dx-prose figcaption,.wp-caption-text) {
  color:var(--dx-color-text-body)!important;
}

.dx-photo-theme-surface .dx-photo-theme-article :where(.dx-engage,.dx-prose img,.dx-prose blockquote,.dx-prose pre,.dx-prose code) {
  border-color:var(--dx-color-line-strong)!important;
}

.dx-photo-theme-surface .dx-photo-theme-article :where(.dx-prose pre,.dx-prose code) {
  background:var(--dx-photography-surface)!important;
}

.dx-photo-theme-surface .dx-photo-theme-article :where(.dx-engage-action,.dx-engage-icon,.dx-engage-count,.dx-engage-label) {
  color:var(--dx-engage-icon-color)!important;
}

/* dx-photography-column-dark-surface-20260912-end */

/* dx-photography-article-white-standard-20260912
 * Photography detail pages use the site's standard light reading surface.
 * The article shell and its heading remain the unmodified site-wide article
 * standard; only photographs break out of that shell in the isolated
 * photography asset.
 */
.dx-photo-theme-surface {
  --dx-photo-copy-width:calc(var(--dx-wrap-width,1200px) - var(--dx-page-padding-x,28px) - var(--dx-page-padding-x,28px));
  --dx-photography-bg:var(--dx-light-page-bg,#fff);
  --dx-photography-surface:var(--dx-light-surface,#f7f7f7);
  --dx-color-page-bg:var(--dx-light-page-bg,#fff);
  --dx-color-surface:var(--dx-light-surface,#f7f7f7);
  --dx-color-surface-raised:var(--dx-light-surface-raised,#f1f1f1);
  --dx-color-text-title:var(--dx-light-text-title,#1A1A1A);
  --dx-color-text-body:var(--dx-light-text-body,#1A1A1A);
  --dx-color-text-secondary:var(--dx-light-text-muted,#777474);
  --dx-color-text-muted:var(--dx-light-text-muted,#777474);
  --dx-color-icon:var(--dx-light-icon,#1A1A1A);
  --dx-color-line:var(--dx-light-line,#e8e8e8);
  --dx-color-line-strong:var(--dx-light-line-strong,#d7d7d7);
  --dx-engage-text-color:#777474;
  --dx-engage-meta-color:#777474;
  --dx-engage-divider-color:#d7d7d7;
  --dx-engage-icon-color:#1A1A1A;
  --dx-engage-count-color:#1A1A1A;
  --dx-engage-label-color:#1A1A1A;
  --dx-image-credit-color:#1A1A1A;
  background:var(--dx-light-page-bg,#fff);
  color:var(--dx-light-text-body,#1A1A1A);
}

/* Photography keeps the shared article heading typography, but its complete
 * non-image reading column follows the same 1200px shell and page padding as
 * the breadcrumb above it. Photographs retain their independent native-size
 * breakout in photography-carousel.css. */
body.single-post .dx-photo-theme-surface article.dx-photo-article.dx-narrow {
  box-sizing:border-box!important;
  width:100%!important;
  max-width:var(--dx-wrap-width,1200px)!important;
  padding-left:var(--dx-page-padding-x,28px)!important;
  padding-right:var(--dx-page-padding-x,28px)!important;
}

.dx-photo-theme-surface article.dx-photo-article > .dx-prose > :not(p:has(img)):not(figure:has(img)):not(.wp-block-image) {
  box-sizing:border-box;
  width:100%;
  max-width:var(--dx-photo-copy-width)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.dx-photo-theme-surface article.dx-photo-article > .dx-engage {
  box-sizing:border-box;
  width:100%;
  max-width:var(--dx-photo-copy-width);
  margin-left:auto!important;
  margin-right:auto!important;
}

.dx-photo-theme-surface article.dx-photo-article > .dx-prose,
.dx-photo-theme-surface article.dx-photo-article > .dx-prose > :where(p:has(img),figure:has(img),.wp-block-image) {
  box-sizing:border-box;
  width:100%!important;
  max-width:2000px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.dx-photo-theme-surface article.dx-photo-article .dx-prose img {
  border:0!important;
  border-radius:0!important;
}

/* Category-route fallback keeps every current and future photography detail
 * page on the same alignment even when an older cached article shell is used. */
body.single-post:has(.dx-article-breadcrumb a[href*="/category/columns/riixphoto/"]) article.dx-narrow > .dx-prose > :not(p:has(img)):not(figure:has(img)):not(.wp-block-image) {
  box-sizing:border-box;
  width:100%;
  max-width:calc(var(--dx-wrap-width,1200px) - var(--dx-page-padding-x,28px) - var(--dx-page-padding-x,28px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

body.single-post:has(.dx-article-breadcrumb a[href*="/category/columns/riixphoto/"]) article.dx-narrow > .dx-prose,
body.single-post:has(.dx-article-breadcrumb a[href*="/category/columns/riixphoto/"]) article.dx-narrow > .dx-prose > :where(p:has(img),figure:has(img),.wp-block-image) {
  box-sizing:border-box;
  width:100%!important;
  max-width:2000px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
/* dx-photography-article-white-standard-20260912-end */

/* dx-mobile-right-push-menu-20260913 */
@media(max-width:900px){
  body.dx-mnav-open{
    overflow:hidden;
  }
  .dx-logo{
    opacity:1!important;
    animation:none!important;
    transform:none!important;
    will-change:auto!important;
  }
  .dx-top,
  .dx-main,
  .dx-foot{
    transition:transform 650ms cubic-bezier(.22,1,.36,1);
  }
  body.dx-mnav-open .dx-top,
  body.dx-mnav-open .dx-main,
  body.dx-mnav-open .dx-foot{
    transform:translate3d(calc(0px - var(--dx-mnav-drawer-width,232px)),0,0)!important;
  }
  body.dx-mnav-open .dx-main,
  body.dx-mnav-open .dx-foot{
    pointer-events:none;
  }
  #dxMobileNav{
    display:block;
    position:fixed;
    z-index:1999;
    top:0;
    right:0;
    bottom:0;
    width:max-content;
    max-width:calc(100vw - 56px);
    padding:18px 18px 28px;
    box-sizing:border-box;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    border:0!important;
    border-left:1px solid var(--dx-color-line-strong,#d7d7d7)!important;
    background:var(--dx-color-page-bg,#fff);
    white-space:nowrap;
    visibility:hidden;
    pointer-events:none;
    transform:translate3d(100%,0,0);
    transition:transform 650ms cubic-bezier(.22,1,.36,1),visibility 0s linear 650ms;
  }
  body.admin-bar #dxMobileNav{
    padding-top:64px;
  }
  body.dx-mnav-open #dxMobileNav{
    visibility:visible;
    pointer-events:auto;
    transform:translate3d(0,0,0);
    transition:transform 650ms cubic-bezier(.22,1,.36,1),visibility 0s;
  }
  #dxMobileNav a,
  #dxMobileNav .dx-mnav-note{
    width:auto;
    padding:10px 0;
    border-radius:0;
    background:transparent;
    font-size:16px;
    line-height:1.4;
    text-decoration:none!important;
    border:0!important;
  }
  #dxMobileNav a{
    border-bottom:1px solid var(--dx-color-line,#e8e8e8)!important;
  }
  #dxMobileNav a:hover,
  #dxMobileNav a:focus{
    background:transparent;
  }
  #dxMobileNav .dx-mnav-label{
    padding:24px 0 4px;
    font-size:13px;
    line-height:1.4;
    font-weight:600!important;
  }
  #dxMobileNav > .dx-mnav-label:first-child{
    padding-top:16px;
  }
  #dxMobileNav .dx-dropdown-course-link,
  #dxMobileNav .dx-dropdown-menu-link{
    display:flex;
    align-items:center;
    gap:8px;
  }
  #dxMobileNav .dx-dropdown-course-number,
  #dxMobileNav .dx-dropdown-menu-icon{
    display:block;
    margin:0;
  }
  #dxMobileNav .dx-dropdown-course-number{
    width:12px!important;
    height:12px!important;
    flex:0 0 12px!important;
  }
  #dxMobileNav .dx-dropdown-menu-icon{
    width:14px!important;
    height:14px!important;
    flex:0 0 14px!important;
  }
  #dxMobileNav .dx-dropdown-course-number-line,
  #dxMobileNav .dx-dropdown-menu-icon-line{
    fill:none;
    stroke:currentColor;
    stroke-width:1;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
}
@media(max-width:900px) and (hover:hover) and (pointer:fine){
  #dxMobileNav a{
    position:relative;
    transition:color 180ms ease;
  }
  #dxMobileNav a::after{
    content:"";
    position:absolute;
    z-index:1;
    left:0;
    right:0;
    bottom:-1px;
    height:1px;
    background:currentColor;
    opacity:0;
    transform:scaleX(0);
    transform-origin:left center;
    transition:transform 600ms cubic-bezier(.4,0,.2,1),opacity 320ms ease;
    pointer-events:none;
  }
  #dxMobileNav a:hover,
  #dxMobileNav a:focus-visible{
    color:var(--dx-color-text-title,#1a1a1a)!important;
    outline:0;
  }
  #dxMobileNav a:hover::after,
  #dxMobileNav a:focus-visible::after{
    opacity:1;
    transform:scaleX(1);
  }
}
@media(max-width:560px){
  .dx-top .dx-brand-name{
    display:none!important;
  }
}
@media(max-width:900px) and (prefers-reduced-motion:reduce){
  .dx-top,
  .dx-main,
  .dx-foot,
  #dxMobileNav{
    transition-duration:0s!important;
  }
}
@media(max-width:900px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:reduce){
  #dxMobileNav a,
  #dxMobileNav a::after{
    transition:none!important;
  }
}
/* dx-mobile-right-push-menu-20260913-end */

/* dx-global-inline-link-standard-v7
 * This is the only active visual contract for text links. The underline gap is
 * kept on whole CSS pixels: 16/17px -> 4px and 18px -> 5px. Structured links
 * drawn with pseudo-elements sit closer. Arrow links use an integer optical
 * correction so their visible gap stays aligned across 16px-20px text.
 */
:root{
  --dx-link-underline-offset:4px;
  --dx-link-underline-offset:clamp(4px,round(down,calc(.5em - 4px),1px),5px);
  --dx-structured-link-underline-offset:calc(var(--dx-link-underline-offset) - 1px);
  --dx-arrow-link-underline-offset:3px;
  --dx-arrow-link-underline-offset:clamp(1px,round(down,calc(11px - .5em),1px),3px);
  --dx-title-link-underline-offset:var(--dx-link-underline-offset);
  --dx-book-title-underline-offset:var(--dx-structured-link-underline-offset);
}

/* Persistent reading links: article bodies, expanded book content and site copy. */
html body:not(#dx-never) :is(.dx-prose,.dx-read-body,.dx-course-prose,.bk-ann-body,.es-read-body) a[href]:not(.dx-course-action-link):not(.dx-article-pdf-download-button):not(.dx-category-capsule):not(.dx-inline-title-link),
html body:not(#dx-never) .bk-course-book .bk-front-section .bk-jin a[href]:not(.dx-category-capsule):not(.dx-inline-title-link),
html body:not(#dx-never) .bk-course-book .bk-ann-body a[href]:not(.dx-category-capsule):not(.dx-inline-title-link),
html body:not(#dx-never) .dx-course-prose .dx-course-resource-name,
html body:not(#dx-never) a.dx-mentor-inline-rules-link{
  border-bottom:0!important;
  padding-bottom:0!important;
  background-image:none!important;
  box-shadow:none!important;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  text-decoration-line:underline!important;
  -webkit-text-decoration-line:underline!important;
  text-decoration-thickness:var(--dx-content-link-underline-width,1px)!important;
  text-decoration-color:currentColor!important;
  text-underline-offset:var(--dx-link-underline-offset)!important;
  text-decoration-skip-ink:auto!important;
  transition:color .22s cubic-bezier(.22,.61,.36,1),text-decoration-color .22s cubic-bezier(.22,.61,.36,1)!important;
}
html body:not(#dx-never) :is(.dx-prose,.dx-read-body,.dx-course-prose,.bk-ann-body,.es-read-body) a[href]:not(.dx-course-action-link):not(.dx-article-pdf-download-button):not(.dx-category-capsule):not(.dx-inline-title-link):is(:hover,:focus-visible),
html body:not(#dx-never) .bk-course-book .bk-front-section .bk-jin a[href]:not(.dx-category-capsule):not(.dx-inline-title-link):is(:hover,:focus-visible),
html body:not(#dx-never) .bk-course-book .bk-ann-body a[href]:not(.dx-category-capsule):not(.dx-inline-title-link):is(:hover,:focus-visible),
html body:not(#dx-never) .dx-course-prose :is(a,button):is(:hover,:focus-visible) .dx-course-resource-name,
html body:not(#dx-never) a.dx-mentor-inline-rules-link:is(:hover,:focus-visible){
  color:var(--dx-content-link-hover-color,#0066FF)!important;
  -webkit-text-fill-color:currentColor!important;
  text-decoration-color:currentColor!important;
}

/* Book-title marks only provide optical spacing; they never draw another line. */
html body:not(#dx-never) a[href] .dx-book-title-mark-open::after{
  content:none!important;
  display:none!important;
}

/* Title links: no visible line at rest; blue text and line on interaction. */
html body:not(#dx-never) .dx-workbench .dx-article-row .dx-title-text,
html body:not(#dx-never) .dx-search-result-title>a,
html body:not(#dx-never) a.dx-account-learning-title,
html body:not(#dx-never) a.dx-mentor-public-case-link,
html body:not(#dx-never) .dx-favorite-item a h2{
  border-bottom:0!important;
  padding-bottom:0!important;
  background-image:none!important;
  box-shadow:none!important;
  color:var(--dx-color-text-title,#1A1A1A)!important;
  -webkit-text-fill-color:currentColor!important;
  text-decoration-line:underline!important;
  -webkit-text-decoration-line:underline!important;
  text-decoration-thickness:var(--dx-content-link-underline-width,1px)!important;
  text-decoration-color:transparent!important;
  text-underline-offset:var(--dx-link-underline-offset)!important;
  text-decoration-skip-ink:auto!important;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
  transition:color .22s cubic-bezier(.22,.61,.36,1),text-decoration-color .22s cubic-bezier(.22,.61,.36,1)!important;
}
html body:not(#dx-never) .dx-workbench .dx-article-row .dx-title-text:is(:hover,:focus-visible),
html body:not(#dx-never) .dx-search-result-title>a:is(:hover,:focus-visible),
html body:not(#dx-never) a.dx-account-learning-title:is(:hover,:focus-visible),
html body:not(#dx-never) a.dx-mentor-public-case-link:is(:hover,:focus-visible),
html body:not(#dx-never) .dx-favorite-item a:is(:hover,:focus-visible) h2{
  color:var(--dx-content-link-hover-color,#0066FF)!important;
  -webkit-text-fill-color:currentColor!important;
  text-decoration-color:currentColor!important;
}

/* Global book-title link geometry. Start and end marks are evaluated
 * independently: 《title》suffix trims only the left edge, prefix《title》
 * trims only the right edge, and an exact 《title》 trims both edges.
 */
@supports selector(a:has(.dx-book-title-mark)){
  html body:not(#dx-never) :is(a[href]:not(.dx-inline-title-link):not(.dx-course-action-link):not(.dx-article-pdf-download-button):not(.dx-category-capsule),.dx-course-resource-name,.dx-favorite-item a h2):not(.dx-top *):not(.dx-article-breadcrumb *):not(.dx-read-breadcrumb *):has(.dx-book-title-mark-open.dx-book-title-mark-at-start),
  html body:not(#dx-never) :is(a[href]:not(.dx-inline-title-link):not(.dx-course-action-link):not(.dx-article-pdf-download-button):not(.dx-category-capsule),.dx-course-resource-name,.dx-favorite-item a h2):not(.dx-top *):not(.dx-article-breadcrumb *):not(.dx-read-breadcrumb *):has(.dx-book-title-mark-close.dx-book-title-mark-at-end){
    --dx-book-title-link-start-inset:0px;
    --dx-book-title-link-end-inset:0px;
    --dx-book-title-link-line-color:transparent;
    position:relative!important;
    border-bottom:0!important;
    padding-bottom:0!important;
    background-image:none!important;
    box-shadow:none!important;
    text-decoration:none!important;
    -webkit-text-decoration:none!important;
    text-decoration-line:none!important;
    -webkit-text-decoration-line:none!important;
  }
  html body:not(#dx-never) :is(a[href]:not(.dx-inline-title-link):not(.dx-course-action-link):not(.dx-article-pdf-download-button):not(.dx-category-capsule),.dx-course-resource-name,.dx-favorite-item a h2):not(.dx-top *):not(.dx-article-breadcrumb *):not(.dx-read-breadcrumb *):has(.dx-book-title-mark-open.dx-book-title-mark-at-start){
    --dx-book-title-link-start-inset:calc(0px - var(--dx-book-title-trim,-3px) - var(--dx-book-title-optical-trim,-0.14em));
  }
  html body:not(#dx-never) :is(a[href]:not(.dx-inline-title-link):not(.dx-course-action-link):not(.dx-article-pdf-download-button):not(.dx-category-capsule),.dx-course-resource-name,.dx-favorite-item a h2):not(.dx-top *):not(.dx-article-breadcrumb *):not(.dx-read-breadcrumb *):has(.dx-book-title-mark-close.dx-book-title-mark-at-end){
    --dx-book-title-link-end-inset:calc(0px - var(--dx-book-title-trim,-3px) - var(--dx-book-title-optical-trim,-0.14em));
  }
  html body:not(#dx-never) :is(a[href]:not(.dx-inline-title-link):not(.dx-course-action-link):not(.dx-article-pdf-download-button):not(.dx-category-capsule),.dx-course-resource-name,.dx-favorite-item a h2):not(.dx-top *):not(.dx-article-breadcrumb *):not(.dx-read-breadcrumb *):is(:has(.dx-book-title-mark-open.dx-book-title-mark-at-start),:has(.dx-book-title-mark-close.dx-book-title-mark-at-end))::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:var(--dx-book-title-link-start-inset)!important;
    right:var(--dx-book-title-link-end-inset)!important;
    top:calc(50% + .5em + var(--dx-book-title-underline-offset))!important;
    height:var(--dx-content-link-underline-width,1px)!important;
    background:var(--dx-book-title-link-line-color)!important;
    pointer-events:none!important;
  }
  html body:not(#dx-never) :is(.dx-prose,.dx-read-body,.dx-course-prose,.bk-ann-body,.es-read-body) a[href]:not(.dx-inline-title-link):not(.dx-course-action-link):not(.dx-article-pdf-download-button):not(.dx-category-capsule):is(:has(.dx-book-title-mark-open.dx-book-title-mark-at-start),:has(.dx-book-title-mark-close.dx-book-title-mark-at-end)),
  html body:not(#dx-never) .bk-course-book .bk-front-section .bk-jin a[href]:not(.dx-inline-title-link):not(.dx-category-capsule):is(:has(.dx-book-title-mark-open.dx-book-title-mark-at-start),:has(.dx-book-title-mark-close.dx-book-title-mark-at-end)),
  html body:not(#dx-never) .bk-course-book .bk-ann-body a[href]:not(.dx-inline-title-link):not(.dx-category-capsule):is(:has(.dx-book-title-mark-open.dx-book-title-mark-at-start),:has(.dx-book-title-mark-close.dx-book-title-mark-at-end)),
  html body:not(#dx-never) .dx-course-prose .dx-course-resource-name:is(:has(.dx-book-title-mark-open.dx-book-title-mark-at-start),:has(.dx-book-title-mark-close.dx-book-title-mark-at-end)),
  html body:not(#dx-never) a.dx-mentor-inline-rules-link:is(:has(.dx-book-title-mark-open.dx-book-title-mark-at-start),:has(.dx-book-title-mark-close.dx-book-title-mark-at-end)){
    --dx-book-title-link-line-color:currentColor!important;
  }
  html body:not(#dx-never) :is(a[href]:not(.dx-inline-title-link):not(.dx-course-action-link):not(.dx-article-pdf-download-button):not(.dx-category-capsule),.dx-course-resource-name):not(.dx-top *):not(.dx-article-breadcrumb *):not(.dx-read-breadcrumb *):is(:hover,:focus-visible):is(:has(.dx-book-title-mark-open.dx-book-title-mark-at-start),:has(.dx-book-title-mark-close.dx-book-title-mark-at-end)),
  html body:not(#dx-never) .dx-course-prose :is(a,button):is(:hover,:focus-visible) .dx-course-resource-name:is(:has(.dx-book-title-mark-open.dx-book-title-mark-at-start),:has(.dx-book-title-mark-close.dx-book-title-mark-at-end)),
  html body:not(#dx-never) .dx-favorite-item a:is(:hover,:focus-visible) h2:is(:has(.dx-book-title-mark-open.dx-book-title-mark-at-start),:has(.dx-book-title-mark-close.dx-book-title-mark-at-end)){
    --dx-book-title-link-line-color:currentColor!important;
    color:var(--dx-content-link-hover-color,#0066FF)!important;
    -webkit-text-fill-color:currentColor!important;
  }
}

/* Breadcrumb links never use an underline, including hover and focus states. */
html body:not(#dx-never) .dx-article-breadcrumb a::after,
html body:not(#dx-never) .dx-read-breadcrumb a::after{
  content:none!important;
  display:none!important;
}
html body:not(#dx-never) .dx-article-breadcrumb a,
html body:not(#dx-never) .dx-article-breadcrumb a .dx-breadcrumb-label,
html body:not(#dx-never) .dx-read-breadcrumb a,
html body:not(#dx-never) .dx-read-breadcrumb a .dx-breadcrumb-label{
  background-image:none!important;
  border-bottom:0!important;
  box-shadow:none!important;
  text-decoration:none!important;
  -webkit-text-decoration:none!important;
  text-decoration-line:none!important;
  -webkit-text-decoration-line:none!important;
  text-decoration-color:transparent!important;
}
html body:not(#dx-never) .dx-article-breadcrumb a:is(:hover,:focus-visible),
html body:not(#dx-never) .dx-read-breadcrumb a:is(:hover,:focus-visible){
  color:var(--dx-content-link-hover-color,#0066FF)!important;
  -webkit-text-fill-color:currentColor!important;
}

/* Persistent one-line units: the wrapper draws one horizontal line beneath
 * both the label and the arrow, so the rotated glyph cannot create a second line.
 */
html body:not(#dx-never) a.dx-inline-title-link,
html body:not(#dx-never) a.dx-inline-title-link:link,
html body:not(#dx-never) a.dx-inline-title-link:visited{
  --dx-inline-link-start-inset:0px;
  --dx-inline-link-end-inset:0px;
  display:inline!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
  color:var(--dx-color-text-title,#1A1A1A)!important;
  -webkit-text-fill-color:currentColor!important;
  text-decoration:none!important;
  -webkit-text-decoration:none!important;
  text-decoration-line:none!important;
  -webkit-text-decoration-line:none!important;
  vertical-align:baseline!important;
  transition:color .22s cubic-bezier(.22,.61,.36,1)!important;
}
html body:not(#dx-never) a.dx-inline-title-link::before,
html body:not(#dx-never) a.dx-inline-title-link::after,
html body:not(#dx-never) a.dx-inline-title-link .dx-book-title-mark-open::after{
  content:none!important;
  display:none!important;
}
html body:not(#dx-never) a.dx-inline-title-link>.dx-inline-title-link__content{
  display:inline-flex!important;
  position:relative!important;
  align-items:center!important;
  gap:2px!important;
  max-width:100%!important;
  min-width:0!important;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  line-height:inherit!important;
  white-space:nowrap!important;
  vertical-align:baseline!important;
}
html body:not(#dx-never) a.dx-inline-title-link>.dx-inline-title-link__content::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:var(--dx-inline-link-start-inset)!important;
  right:var(--dx-inline-link-end-inset)!important;
  top:calc(50% + .5em + var(--dx-arrow-link-underline-offset))!important;
  height:var(--dx-content-link-underline-width,1px)!important;
  background:currentColor!important;
  pointer-events:none!important;
}
html body:not(#dx-never) a.dx-inline-title-link .dx-inline-title-link__label,
html body:not(#dx-never) a.dx-inline-title-link .dx-inline-title-link__book-title{
  min-width:0!important;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  text-decoration:none!important;
  -webkit-text-decoration:none!important;
  background-image:none!important;
}
html body:not(#dx-never) a.dx-inline-title-link.book-title-at-start{
  --dx-inline-link-start-inset:calc(0px - var(--dx-book-title-trim,-3px) - var(--dx-book-title-optical-trim,-0.14em));
}
html body:not(#dx-never) a.dx-inline-title-link.book-title-at-end:not(.has-arrow){
  --dx-inline-link-end-inset:calc(0px - var(--dx-book-title-trim,-3px) - var(--dx-book-title-optical-trim,-0.14em));
}
html body:not(#dx-never) a.dx-inline-title-link .dx-link-arrow-glyph{
  flex:0 0 auto!important;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  text-decoration:none!important;
  -webkit-text-decoration:none!important;
}
html body:not(#dx-never) a.dx-inline-title-link:is(:hover,:focus-visible){
  color:var(--dx-content-link-hover-color,#0066FF)!important;
  -webkit-text-fill-color:currentColor!important;
}
@media(prefers-reduced-motion:reduce){
  html body:not(#dx-never) a.dx-inline-title-link,
  html body:not(#dx-never) :is(.dx-prose,.dx-read-body,.dx-course-prose,.bk-ann-body,.es-read-body) a[href],
  html body:not(#dx-never) .dx-workbench .dx-article-row .dx-title-text{
    transition:none!important;
  }
}
/* dx-global-inline-link-standard-v7-end */

/* dx-breadcrumb-hover-underline-v7
 * Interactive breadcrumb labels stay dark and reveal their line only on hover
 * or keyboard focus. The gap follows the global font-size formula.
 */
html body:not(#dx-never) :is(.dx-article-breadcrumb,.dx-read-breadcrumb) a[href]{
  --dx-breadcrumb-link-start-inset:0px;
  --dx-breadcrumb-link-end-inset:0px;
  position:relative!important;
  border-bottom:0!important;
  padding-bottom:0!important;
  background-image:none!important;
  box-shadow:none!important;
  color:var(--dx-breadcrumb-link-color,#1A1A1A)!important;
  -webkit-text-fill-color:currentColor!important;
  text-decoration:none!important;
  -webkit-text-decoration:none!important;
  text-decoration-line:none!important;
  -webkit-text-decoration-line:none!important;
  transform:none!important;
  translate:none!important;
  transition:color .22s cubic-bezier(.22,.61,.36,1)!important;
}
html body:not(#dx-never) :is(.dx-article-breadcrumb,.dx-read-breadcrumb) a[href] .dx-breadcrumb-label{
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  text-decoration:none!important;
  -webkit-text-decoration:none!important;
  text-decoration-line:none!important;
  -webkit-text-decoration-line:none!important;
}
@supports selector(a:has(.dx-book-title-mark)){
  html body:not(#dx-never) :is(.dx-article-breadcrumb,.dx-read-breadcrumb) a[href]:has(.dx-book-title-mark-open.dx-book-title-mark-at-start){
    --dx-breadcrumb-link-start-inset:calc(0px - var(--dx-book-title-trim,-3px) - var(--dx-book-title-optical-trim,-0.14em));
  }
  html body:not(#dx-never) :is(.dx-article-breadcrumb,.dx-read-breadcrumb) a[href]:has(.dx-book-title-mark-close.dx-book-title-mark-at-end){
    --dx-breadcrumb-link-end-inset:calc(0px - var(--dx-book-title-trim,-3px) - var(--dx-book-title-optical-trim,-0.14em));
  }
}
html body:not(#dx-never) :is(.dx-article-breadcrumb,.dx-read-breadcrumb) a[href]::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:var(--dx-breadcrumb-link-start-inset)!important;
  right:var(--dx-breadcrumb-link-end-inset)!important;
  top:calc(50% + .5em + var(--dx-link-underline-offset))!important;
  height:var(--dx-content-link-underline-width,1px)!important;
  background:currentColor!important;
  opacity:0!important;
  transform:scaleX(0)!important;
  transform-origin:left center!important;
  transition:opacity .22s cubic-bezier(.22,.61,.36,1),transform .22s cubic-bezier(.22,.61,.36,1)!important;
  pointer-events:none!important;
}
html body:not(#dx-never) :is(.dx-article-breadcrumb,.dx-read-breadcrumb) a[href]:is(:hover,:focus-visible){
  color:var(--dx-breadcrumb-link-color,#1A1A1A)!important;
  -webkit-text-fill-color:currentColor!important;
}
html body:not(#dx-never) :is(.dx-article-breadcrumb,.dx-read-breadcrumb) a[href]:is(:hover,:focus-visible)::after{
  opacity:1!important;
  transform:scaleX(1)!important;
}

/* The homepage workbench uses button-like path links and may include an icon,
 * so native text decoration underlines the label only instead of the icon box.
 */
html body:not(#dx-never) .dx-workbench .dx-path :is(a[href],.dx-path-link){
  border-bottom:0!important;
  padding-bottom:0!important;
  background-image:none!important;
  box-shadow:none!important;
  color:var(--dx-breadcrumb-link-color,#1A1A1A)!important;
  -webkit-text-fill-color:currentColor!important;
  text-decoration-line:underline!important;
  -webkit-text-decoration-line:underline!important;
  text-decoration-style:solid!important;
  text-decoration-thickness:var(--dx-content-link-underline-width,1px)!important;
  text-decoration-color:transparent!important;
  text-underline-offset:var(--dx-link-underline-offset)!important;
  text-decoration-skip-ink:auto!important;
  transform:none!important;
  translate:none!important;
  transition:color .22s cubic-bezier(.22,.61,.36,1),text-decoration-color .22s cubic-bezier(.22,.61,.36,1)!important;
}
html body:not(#dx-never) .dx-workbench .dx-path :is(a[href],.dx-path-link)::after{
  content:none!important;
  display:none!important;
}
html body:not(#dx-never) .dx-workbench .dx-path :is(a[href],.dx-path-link):is(:hover,:focus-visible){
  color:var(--dx-breadcrumb-link-color,#1A1A1A)!important;
  -webkit-text-fill-color:currentColor!important;
  text-decoration-color:currentColor!important;
}
@media(prefers-reduced-motion:reduce){
  html body:not(#dx-never) :is(.dx-article-breadcrumb,.dx-read-breadcrumb) a[href],
  html body:not(#dx-never) .dx-workbench .dx-path :is(a[href],.dx-path-link){
    transition:none!important;
  }
}
/* dx-breadcrumb-hover-underline-v7-end */

/* dx-requested-top-mentor-pill-size-v1
 * The arrow-free mentor action matches the WeChat login pill footprint.
 * This is deliberately scoped to the header button and does not alter the
 * frozen global link, arrow, book-title-mark, or underline standards.
 */
html body:not(#dx-never) .dx-top .dx-top-actions>.dx-mentor-cta{
  width:90px!important;
  min-width:90px!important;
  max-width:90px!important;
  flex:0 0 90px!important;
  height:var(--dx-login-height,48px)!important;
  min-height:var(--dx-login-height,48px)!important;
  padding-left:0!important;
  padding-right:0!important;
  text-align:center!important;
}
html body:not(#dx-never) .dx-top .dx-top-actions>.dx-mentor-cta>.dx-pill-arrow-content,
html body:not(#dx-never) .dx-top .dx-top-actions>.dx-mentor-cta>.dx-pill-arrow-content>span{
  width:100%!important;
  justify-content:center!important;
  text-align:center!important;
}
/* dx-requested-top-mentor-pill-size-v1-end */

/* dx-requested-back-to-top-glyph-v2
 * The hit target and glyph are siblings so the button's PingFang rule cannot
 * change the accepted native up-arrow geometry.
 */
html body:not(#dx-never) .dx-back-to-top>.dx-back-to-top-hit{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:inherit!important;
  background:transparent!important;
  color:inherit!important;
  cursor:pointer!important;
}
html body:not(#dx-never) .dx-back-to-top>.dx-back-to-top-hit:focus-visible{
  outline:0!important;
}
html body:not(#dx-never) .dx-back-to-top:focus-within{
  background:#F2F2F2!important;
  border-color:#D7D7D7!important;
  color:var(--dx-color-text-hover,#000000)!important;
  outline:2px solid #BDBDBD!important;
  outline-offset:3px!important;
}
html body:not(#dx-never) .dx-back-to-top>.dx-back-to-top-icon.dx-native-up-arrow{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:1em!important;
  height:1em!important;
  min-width:0!important;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-size:16px!important;
  font-style:normal!important;
  font-weight:400!important;
  line-height:1!important;
  letter-spacing:0!important;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  pointer-events:none!important;
  transform:none!important;
}
/* dx-requested-back-to-top-glyph-v2-end */

/* dx-learning-progress-component-v1
 * Homepage and account learning rows use the same compact progress component.
 * The title/capsule/progress rhythm is fixed even when the title is ellipsized.
 */
:root{
  --dx-learning-row-inline-gap:8px;
  --dx-learning-progress-inner-gap:5px;
  --dx-learning-progress-meter-width:42px;
}
html body:not(#dx-never) :is(.dx-home-continue-state,.dx-account-learning-progress).dx-learning-progress-shell{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  gap:var(--dx-learning-row-inline-gap)!important;
  min-width:0!important;
  margin-left:0!important;
  white-space:nowrap!important;
}
html body:not(#dx-never) .dx-learning-progress-component{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  gap:var(--dx-learning-progress-inner-gap)!important;
  min-width:0!important;
  color:var(--dx-color-text-muted,#777474)!important;
  font-size:13px!important;
  line-height:1!important;
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums!important;
}
html body:not(#dx-never) .dx-learning-progress-meter{
  display:block!important;
  flex:0 0 var(--dx-learning-progress-meter-width)!important;
  width:var(--dx-learning-progress-meter-width)!important;
  height:6px!important;
}
html body:not(#dx-never) .dx-learning-progress-percent{
  display:inline-block!important;
  width:auto!important;
  min-width:0!important;
  color:inherit!important;
  font-size:inherit!important;
  line-height:inherit!important;
  text-align:left!important;
}
html body.home:not(#dx-never) :is(.dx-home-latest-list,.dx-home-interaction-section) .dx-article-main,
html body:not(#dx-never) .dx-account-page .dx-account-learning-title-row,
html body:not(#dx-never) .dx-account-page .dx-account-home-content .dx-article-main{
  gap:var(--dx-learning-row-inline-gap)!important;
}
html body.home:not(#dx-never) :is(.dx-home-latest-list,.dx-home-interaction-section) .dx-article-main>.dx-category-capsule,
html body:not(#dx-never) .dx-account-page :is(.dx-account-learning-title-row,.dx-account-home-content .dx-article-main)>.dx-category-capsule{
  flex:0 0 auto!important;
  margin-left:0!important;
  margin-right:0!important;
}
/* dx-learning-progress-component-v1-end */

/* dx-home-learning-spacing-v2
 * Keep the last visible learning row on the same 20px divider rhythm as
 * site updates and recent updates. The list may contain hidden rows after
 * the fourth item, so :last-child alone cannot identify the visual last row.
 */
:root{
  --dx-home-list-divider-gap:20px;
  --dx-learning-book-title-overflow-allowance:6px;
}
html body.home:not(#dx-never) .dx-site-log>.dx-site-log-item:last-child,
html body.home:not(#dx-never) .dx-home-latest-list>.dx-article-row:last-child,
html body.home:not(#dx-never) .dx-home-recommendation-articles>.dx-article-row:last-child{
  padding-bottom:var(--dx-home-list-divider-gap)!important;
}
@media(min-width:621px){
  html body.home:not(#dx-never) .dx-home-latest-list>.dx-article-row:nth-last-child(2):nth-child(odd),
  html body.home:not(#dx-never) .dx-home-recommendation-articles>.dx-article-row:nth-last-child(2):nth-child(odd),
  html body.home:not(#dx-never) .dx-home-continue-list>.dx-article-row:nth-child(3),
  html body.home:not(#dx-never) .dx-home-continue-list>.dx-article-row:nth-child(4){
    padding-bottom:var(--dx-home-list-divider-gap)!important;
  }
}
@media(max-width:620px){
  html body.home:not(#dx-never) .dx-home-continue-list>.dx-article-row:nth-child(4){
    padding-bottom:var(--dx-home-list-divider-gap)!important;
  }
}
/* Learning-title truncation is shared by the homepage and account page.
 * Horizontal clipping keeps genuine ellipsis behavior, while vertical
 * overflow remains visible so the frozen book-title underline is not clipped.
 */
html body:not(#dx-never) :is(.dx-home-continue-list .dx-article-main>.t,.dx-home-continue-list .dx-title-text,.dx-account-page .dx-account-learning-title){
  overflow-x:clip!important;
  overflow-y:visible!important;
}
/* A visually empty inline measure reserves the painted width of a closing
 * book-title mark; the equal link margin keeps following components in place.
 */
html body:not(#dx-never) :is(.dx-home-continue-list .dx-title-text,.dx-account-page .dx-account-learning-title).dx-learning-title-book-end{
  margin-inline-end:calc(0px - var(--dx-learning-book-title-overflow-allowance))!important;
}
html body:not(#dx-never) :is(.dx-home-continue-list,.dx-account-page) .dx-learning-title-overflow-allowance{
  display:inline-block!important;
  width:var(--dx-learning-book-title-overflow-allowance)!important;
  height:0!important;
  overflow:hidden!important;
  font-size:0!important;
  line-height:0!important;
  vertical-align:baseline!important;
}
/* dx-home-learning-spacing-v2-end */

/* dx-course-action-selected-spacing-color-v1
 * Keep every desktop action at the same 20px horizontal padding. On compact
 * screens the moving indicator gains 4px per side without widening the group.
 * Explicit descendant colors protect the mentor label from nested link rules.
 */
html body:not(#dx-never) .dx-course-actions:not(.bk-tabs) .dx-course-action-link.has-trailing-icon{
  padding-left:var(--dx-course-action-padding-x,20px)!important;
  padding-right:var(--dx-course-action-padding-x,20px)!important;
}
html body:not(#dx-never) .dx-course-actions:not(.bk-tabs).is-course-actions-ready .dx-course-action-link.is-indicator-target,
html body:not(#dx-never) .dx-course-actions:not(.bk-tabs).is-course-actions-ready .dx-course-action-link.is-indicator-target>.dx-pill-arrow-content,
html body:not(#dx-never) .dx-course-actions:not(.bk-tabs).is-course-actions-ready .dx-course-action-link.is-indicator-target>.dx-pill-arrow-content>span{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
@media(max-width:680px){
  html body:not(#dx-never) .dx-course-actions:not(.bk-tabs){
    padding-left:8px!important;
    padding-right:8px!important;
  }
  html body:not(#dx-never) .dx-course-actions:not(.bk-tabs) .dx-course-action-link,
  html body:not(#dx-never) .dx-course-actions:not(.bk-tabs) .dx-course-action-link.has-trailing-icon{
    padding-left:8px!important;
    padding-right:8px!important;
  }
  html body:not(#dx-never) .dx-course-actions:not(.bk-tabs) .dx-course-actions-indicator{
    width:calc(var(--dx-course-action-width,0px) + 8px);
    transform:translate3d(calc(var(--dx-course-action-x,4px) - 4px),-50%,0);
  }
}
/* dx-course-action-selected-spacing-color-v1-end */