/*
 * dp-member-home v1.0.74
 * CSS variable converge：會員頭部只吃 Site Foundation Token，不再自行建立藍色底。
 */

.dp-member-home{
  --mh-bg:transparent;
  --mh-surface:var(--dp-bg-card,#ffffff);
  --mh-surface-rgb:255,255,255;
  --mh-soft:var(--dp-bg-content,#f3f4f6);
  --mh-line:var(--dp-border,rgba(148,163,184,.18));
  --mh-text:var(--dp-text,#111827);
  --mh-title:var(--dp-text,#111827);
  --mh-muted:var(--dp-text-light,#64748b);
  --mh-panel:var(--dp-bg-card,#ffffff);
  --mh-thumb:var(--dp-bg-content,#e5e7eb);
  --mh-dark-section:var(--dp-bg-content,#191919);
  --mh-radius:var(--dp-radius,0px);
  --mh-radius-soft:var(--dp-radius,8px);
  width:100%;
  max-width:1000px;
  margin:0 auto!important;
  padding:0!important;
  background:var(--mh-bg)!important;
  color:var(--mh-text)!important;
  font-family:"Microsoft JhengHei","微軟正黑體",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  box-sizing:border-box;
  overflow:visible!important;
}
.dp-member-home *,
.dp-member-home *::before,
.dp-member-home *::after{box-sizing:border-box}
.dp-member-home a{color:inherit!important;text-decoration:none!important}
.dp-member-home img{max-width:100%;height:auto}

/* Dark mode variables */
html[data-theme="dark"] .dp-member-home,
html[data-color-scheme="dark"] .dp-member-home,
body.dark .dp-member-home,
body.dark-mode .dp-member-home,
body.dp-dark .dp-member-home,
body.dp-theme-dark .dp-member-home,
body.is-dark .dp-member-home,
body[data-theme="dark"] .dp-member-home,
.dark .dp-member-home{
  --mh-surface:var(--dp-bg-card,#191919);
  --mh-surface-rgb:25,25,25;
  --mh-soft:var(--dp-bg-content,#191919);
  --mh-line:var(--dp-border,rgba(148,163,184,.18));
  --mh-text:var(--dp-text,#f8fafc);
  --mh-title:var(--dp-text,#f8fafc);
  --mh-muted:var(--dp-text-light,#94a3b8);
  --mh-panel:var(--dp-bg-card,#191919);
  --mh-thumb:var(--dp-bg-content,#202020);
}

/* Layout */
.dp-mh-main{width:100%;margin:0!important;padding:0!important}
.dp-mh-head{position:relative;margin:0!important;padding:0!important;background:var(--mh-surface);border:1px solid var(--mh-line);border-radius:var(--mh-radius);overflow:visible}
.dp-mh-cover{position:relative;height:178px;background:var(--dp-bg-content,#d1d5db) center/cover no-repeat;border-radius:0;border-bottom:1px solid var(--mh-line);overflow:hidden}
.dp-mh-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.22));pointer-events:none}
.dp-mh-cover-img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;display:block!important}

/* Edit buttons */
.dp-mh-edit{position:absolute;z-index:20;display:inline-flex;align-items:center;justify-content:center;background:var(--dp-bg-card,#ffffff);color:var(--dp-text,#111827)!important;border:1px solid var(--mh-line);border-radius:10px;box-shadow:var(--dp-shadow,0 8px 18px rgba(0,0,0,.16));font-weight:900;line-height:1}
.dp-mh-edit svg{width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.dp-mh-cover-edit{right:16px;top:16px;width:40px;height:40px}

/* Profile */
.dp-mh-profilebar{position:relative;z-index:10;display:flex;align-items:center;gap:16px;margin:-35px 0 0 34px;min-height:104px;padding:0 0 16px!important}
.dp-mh-avatar-wrap{position:relative;flex:0 0 auto}
.dp-mh-avatar{position:relative;width:104px;height:104px;background:var(--dp-bg-card,#191919);border:5px solid var(--mh-surface);border-radius:50%!important;overflow:hidden;box-shadow:var(--dp-shadow,0 14px 28px rgba(0,0,0,.20))}
.dp-mh-avatar img,
.dp-mh-avatar-custom img,
.dp-mh-avatar-default img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border-radius:50%!important;object-fit:cover!important}
.dp-mh-avatar-custom img{position:absolute!important;inset:0!important;object-position:var(--dp-pos-x,50%) var(--dp-pos-y,50%)!important;transform:scale(var(--dp-pos-scale,1))!important;transform-origin:var(--dp-pos-x,50%) var(--dp-pos-y,50%)!important}
.dp-mh-avatar-default img{position:static!important;object-position:center center!important;transform:none!important}
.dp-mh-avatar-edit{right:3px;bottom:6px;width:30px;height:30px;border-radius:999px!important}
.dp-mh-profilemeta{display:flex;flex-direction:column;align-items:flex-start;gap:7px;transform:translateY(18px);min-width:0;max-width:360px}
.dp-mh-name-row{display:flex;align-items:center;gap:8px;min-height:30px;max-width:100%;overflow:visible}
.dp-mh-profilemeta h1{margin:0!important;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--mh-title)!important;font-size:21px!important;line-height:1.18!important;font-weight:900!important}
.dp-mh-name-edit{display:none!important}
.dp-mh-lv{display:inline-flex;align-items:center;height:20px;padding:0 11px;background:var(--dp-primary,#327fd2);color:var(--dp-text-white,#ffffff)!important;border-radius:7px;font-size:10px;font-weight:900;letter-spacing:.02em;box-shadow:var(--dp-shadow,0 6px 14px rgba(0,0,0,.18))}

/* Action menu */
.dp-mh-action-menu{position:absolute;top:200px;right:18px;z-index:40;width:168px;margin:0!important;padding:0!important}
.dp-mh-action-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 14px;background:var(--dp-primary,#327fd2);color:var(--dp-text-white,#ffffff)!important;border:1px solid var(--dp-primary,#327fd2);border-radius:var(--mh-radius);font-size:16px;font-weight:900;box-shadow:var(--dp-shadow,0 10px 24px rgba(0,0,0,.22))}
.dp-mh-action-menu summary::-webkit-details-marker{display:none}
.dp-mh-action-icon{width:20px;height:20px;display:inline-block;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dp-mh-action-label{display:inline-block;white-space:nowrap}
.dp-mh-action-menu nav{margin-top:8px;background:var(--dp-bg-card,#ffffff);border:1px solid var(--mh-line);border-radius:var(--mh-radius);box-shadow:var(--dp-shadow,0 14px 34px rgba(0,0,0,.18));overflow:hidden}
.dp-mh-action-menu a{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--dp-bg-card,#ffffff);color:var(--dp-text,#111827)!important;border-bottom:1px solid var(--mh-line);font-size:15px;line-height:1.25;font-weight:700}
.dp-mh-action-menu a .dp-member-menu-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;color:currentColor}
.dp-mh-action-menu a .dp-member-menu-icon svg{width:18px;height:18px;display:block}
.dp-mh-action-menu a:last-child{border-bottom:0}
.dp-mh-action-menu a:hover{background:var(--dp-bg-content,#f8fafc)!important}

/* Intro / house */
.dp-mh-house-stage{position:relative;min-height:190px;margin:15px 0 20px;padding:28px 42px;background:var(--mh-panel);border:0px solid var(--mh-line);border-top:0;border-radius:0 0 var(--mh-radius) var(--mh-radius);overflow:hidden}
.dp-mh-house-stage>img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;display:block!important}
.dp-mh-intro-content{position:relative;z-index:2;max-width:100%;color:var(--mh-title)!important}
.dp-mh-intro-content strong{display:block;margin:0 0 12px;color:var(--mh-title)!important;font-size:18px;line-height:1.25;font-weight:900}
.dp-mh-intro-content p{margin:0;color:var(--mh-muted)!important;font-size:15px;line-height:1.65}
.dp-mh-intro-edit{display:none!important}
.dp-mh-info,.dp-mh-ads,.dp-mh-intro-card,.dp-mh-exp{display:none!important}

/* Posts */
.dp-mh-post-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:42px 0 12px!important;padding:0!important}
.dp-mh-post-header::before,
.dp-mh-post-header::after,
.dp-mh-post-title::before,
.dp-mh-post-title::after{display:none!important;content:none!important}
.dp-mh-post-title{margin:0!important;color:var(--mh-muted)!important;font-size:19px!important;line-height:1.22!important;font-weight:800!important;letter-spacing:.01em!important;text-shadow:none!important;mix-blend-mode:normal!important;transition:none!important}
.dp-mh-view-toggle{margin-left:auto;display:inline-flex;align-items:center;gap:4px;padding:3px;background:var(--mh-surface);border:1px solid var(--mh-line);border-radius:var(--mh-radius);box-shadow:none}
.dp-mh-view-btn{appearance:none;border:0;border-radius:var(--mh-radius);background:transparent;color:var(--mh-muted);height:30px;padding:0 12px;font-size:13px;font-weight:900;cursor:pointer;line-height:1;transition:none!important}
.dp-mh-view-btn.is-active{background:var(--dp-primary,#327fd2);color:var(--dp-text-white,#ffffff);box-shadow:none}
.dp-mh-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 0 36px;margin:0}
.dp-mh-post-card{background:var(--mh-surface)!important;border:1px solid var(--mh-line);border-radius:var(--mh-radius);overflow:hidden;box-shadow:none}
.dp-mh-post-card:hover{background:var(--mh-surface)!important}
.dp-mh-post-card a{display:grid;grid-template-columns:116px minmax(0,1fr);gap:14px;align-items:center;padding:12px}
.dp-mh-post-thumb{width:116px;height:86px;background:var(--mh-thumb) center/cover no-repeat;border-radius:var(--mh-radius)}
.dp-mh-post-body{min-width:0}
.dp-mh-post-body h3{margin:0 0 6px!important;color:var(--mh-title)!important;font-size:14px!important;line-height:1.34!important;font-weight:900!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dp-mh-post-body p{margin:0 0 6px!important;color:var(--mh-muted)!important;font-size:13px!important;line-height:1.45!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dp-mh-post-body div{display:flex;gap:2px;color:var(--mh-muted)!important;font-size:12px;font-weight:700}
.dp-mh-post-body div span:last-child::before{content:"/"}

/* List view */
.dp-mh-post-grid[data-view="list"]{display:flex!important;flex-direction:column!important;gap:0!important;padding:0!important;margin:0 0 36px!important;background:var(--mh-surface)!important;border:1px solid var(--mh-line)!important;border-radius:var(--mh-radius)!important;overflow:hidden!important;box-shadow:none!important}
.dp-mh-post-grid[data-view="list"] .dp-mh-post-card{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
.dp-mh-post-grid[data-view="list"] .dp-mh-post-card + .dp-mh-post-card{border-top:1px solid var(--mh-line)!important}
.dp-mh-post-grid[data-view="list"] .dp-mh-post-card a{grid-template-columns:96px minmax(0,1fr)!important;gap:12px!important;padding:12px!important}
.dp-mh-post-grid[data-view="list"] .dp-mh-post-thumb{width:96px!important;height:68px!important;border-radius:var(--mh-radius)!important}
.dp-mh-post-grid[data-view="list"] .dp-mh-post-body h3{font-size:13.5px!important;-webkit-line-clamp:1!important}
.dp-mh-post-grid[data-view="list"] .dp-mh-post-body p{font-size:12.5px!important;-webkit-line-clamp:1!important;margin-bottom:4px!important}

/* Media editor modal */
.dp-mh-editor-modal{position:fixed!important;inset:0!important;z-index:999999!important;display:none!important;align-items:center!important;justify-content:center!important;background:rgba(0,0,0,.55)!important;padding:18px!important;box-sizing:border-box!important}
.dp-mh-editor-modal.is-open{display:flex!important}
.dp-mh-editor-box{position:relative!important;width:min(420px,96vw)!important;max-height:92vh!important;overflow:auto!important;background:var(--dp-bg-card,#ffffff)!important;color:var(--dp-text,#111827)!important;border-radius:14px!important;box-shadow:0 28px 80px rgba(0,0,0,.35)!important;padding:22px!important;font-family:"Microsoft JhengHei","微軟正黑體",system-ui,sans-serif!important;box-sizing:border-box!important}
.dp-mh-editor-box h3{margin:0 0 14px!important;font-size:22px!important;line-height:1.2!important;font-weight:900!important;color:var(--dp-text,#111827)!important;text-align:center!important}
.dp-mh-editor-close{position:absolute!important;right:14px!important;top:12px!important;width:34px!important;height:34px!important;border:0!important;background:transparent!important;color:var(--dp-text,#111827)!important;font-size:30px!important;line-height:1!important;cursor:pointer!important}
.dp-mh-editor-preview{width:164px!important;height:164px!important;margin:0 auto 16px!important;border-radius:50%!important;background:var(--dp-bg-card,#191919)!important;overflow:hidden!important;border:5px solid var(--mh-line)!important;box-shadow:var(--dp-shadow,0 12px 28px rgba(0,0,0,.16))!important}
.dp-mh-editor-preview img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;max-width:none!important;max-height:none!important;transition:transform .08s linear!important}
.dp-mh-editor-row{display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;margin:10px 0!important}
.dp-mh-editor-row label{font-size:14px!important;font-weight:900!important;color:var(--dp-text,#111827)!important}
.dp-mh-editor-row input[type="text"]{width:100%!important;height:40px!important;border:1px solid var(--mh-line)!important;border-radius:8px!important;padding:0 10px!important;font-size:13px!important;box-sizing:border-box!important}
.dp-mh-editor-row input[type="range"]{width:100%!important}
.dp-mh-editor-actions{display:flex!important;gap:10px!important;margin:8px 0 14px!important}
.dp-mh-editor-actions button,.dp-mh-editor-save{height:38px!important;border-radius:8px!important;border:1px solid var(--mh-line)!important;background:var(--dp-bg-card,#ffffff)!important;color:var(--dp-text,#111827)!important;font-size:14px!important;font-weight:900!important;cursor:pointer!important;padding:0 14px!important}
.dp-mh-editor-actions button{flex:1!important}
.dp-mh-editor-foot{display:flex!important;margin-top:16px!important}
.dp-mh-editor-save{width:100%!important;height:44px!important;background:var(--dp-primary,#327fd2)!important;color:var(--dp-text-white,#ffffff)!important;border-color:var(--dp-text,#111827)!important}
.dp-mh-editor-save:disabled{opacity:.65!important;cursor:not-allowed!important}



/* Member bio HTML / block-editor render */
.dp-mh-bio-html{color:var(--mh-muted);font-size:15px;line-height:1.72;overflow-wrap:anywhere;word-break:break-word}
.dp-mh-bio-html p{margin:0 0 12px;color:inherit;line-height:1.72}
.dp-mh-bio-html p:last-child{margin-bottom:0}
.dp-mh-bio-html h1,.dp-mh-bio-html h2,.dp-mh-bio-html h3,.dp-mh-bio-html h4,.dp-mh-bio-html h5,.dp-mh-bio-html h6{margin:14px 0 10px;color:inherit;font-weight:900;line-height:1.3}
.dp-mh-bio-html h1{font-size:26px}.dp-mh-bio-html h2{font-size:23px}.dp-mh-bio-html h3{font-size:20px}.dp-mh-bio-html h4{font-size:18px}.dp-mh-bio-html h5{font-size:16px}.dp-mh-bio-html h6{font-size:15px}
.dp-mh-bio-html ul,.dp-mh-bio-html ol{margin:10px 0 12px 1.35em;padding:0;color:inherit}
.dp-mh-bio-html li{margin:4px 0;line-height:1.65}
.dp-mh-bio-html blockquote{margin:12px 0;padding:12px 16px;border-left:4px solid var(--mh-title);background:rgba(148,163,184,.12);color:inherit}
.dp-mh-bio-html a{color:var(--dp-primary,#327fd2);text-decoration:underline;text-underline-offset:2px}
.dp-mh-bio-html figure,.dp-mh-bio-html .dp-me-figure{margin:14px 0;max-width:100%}
.dp-mh-bio-html img{max-width:100%;height:auto;border:1px solid var(--mh-line);background:var(--dp-bg-card,#ffffff)}
.dp-mh-bio-html figcaption{margin-top:6px;color:inherit;font-size:13px;text-align:center}
.dp-mh-bio-html table{width:100%;border-collapse:collapse;margin:14px 0;background:var(--mh-surface)}
.dp-mh-bio-html th,.dp-mh-bio-html td{border:1px solid var(--mh-line);padding:8px 10px;text-align:left;color:inherit}
.dp-mh-bio-html iframe{display:block;max-width:100%;margin:14px 0;border:0;background:var(--dp-bg-card,#191919);aspect-ratio:16/9;width:100%;height:auto;min-height:220px}
.dp-mh-bio-html .dp-me-block{margin:0 0 14px;padding:0;background:transparent;border:0}
.dp-mh-bio-html .dp-me-block-body{margin:0;padding:0}
.dp-mh-bio-html .dp-me-paragraph{margin:0 0 12px;color:inherit;line-height:1.72}
.dp-mh-bio-html .dp-me-block-imageReady{margin:14px 0}

@media (max-width:991px){
  .dp-mh-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:767px){
  .dp-member-home{max-width:100%!important;background:var(--mh-bg)!important;color:var(--mh-text)!important;overflow-x:hidden!important}
  .dp-mh-main{background:var(--mh-bg)!important}
  .dp-mh-head{border:0;border-radius:0;background:var(--mh-surface)!important;box-shadow:0 1px 0 var(--mh-line)!important}
  .dp-mh-cover{height:150px!important;min-height:150px!important;max-height:150px!important;border:0;background:var(--dp-bg-content,#d1d5db)!important}
  .dp-mh-cover::after{background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.10))!important}
  .dp-mh-profilebar{display:flex!important;align-items:flex-start!important;gap:12px!important;margin:-34px 0 0!important;min-height:110px!important;padding:0 76px 0 22px!important;background:var(--mh-surface)!important;border-bottom:1px solid var(--mh-line)!important;text-align:left!important}
  .dp-mh-avatar{width:104px!important;height:104px!important;border-width:5px!important;border-color:var(--mh-surface)!important;box-shadow:var(--dp-shadow,0 10px 24px rgba(0,0,0,.18))!important}
  .dp-mh-avatar-edit{right:4px!important;bottom:8px!important;width:30px!important;height:30px!important;border-radius:999px!important}
  .dp-mh-profilemeta{align-items:flex-start!important;transform:translateY(36px)!important;max-width:calc(100vw - 220px)!important;gap:7px!important}
  .dp-mh-name-row{justify-content:flex-start!important;width:auto!important;max-width:100%!important;min-height:0!important}
  .dp-mh-profilemeta h1{max-width:126px!important;color:var(--mh-title)!important;font-size:20px!important;line-height:1.12!important;text-align:left!important}
  .dp-mh-lv{height:20px!important;padding:0 11px!important;background:var(--dp-primary,#327fd2)!important;color:var(--dp-text-white,#ffffff)!important;font-size:10px!important}
  .dp-mh-action-menu{top:155px!important;right:22px!important;width:44px!important;z-index:40!important}
  .dp-mh-action-menu summary{width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;background:var(--mh-surface)!important;color:var(--mh-title)!important;border:1px solid var(--mh-line)!important;border-radius:30px!important;font-size:0!important;box-shadow:var(--dp-shadow,0 8px 20px rgba(0,0,0,.14))!important}
  .dp-mh-action-menu .dp-mh-action-label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
  .dp-mh-action-menu .dp-mh-action-icon{width:23px!important;height:23px!important}
  .dp-mh-action-menu nav{position:absolute!important;top:50px!important;right:0!important;width:184px!important;margin-top:0!important;border-radius:8px!important;z-index:60!important}
  .dp-mh-house-stage{height:auto!important;min-height:104px!important;margin:15px 0 0 0!important;padding:18px 24px 20px!important;background:var(--mh-panel)!important;border:0;border-bottom:1px solid var(--mh-line)!important;border-radius:0!important}
  .dp-mh-intro-content{max-width:100%!important;color:var(--mh-title)!important}
  .dp-mh-intro-content strong{margin-bottom:10px!important;color:var(--mh-title)!important;font-size:19px!important;line-height:1.25!important}
  .dp-mh-intro-content p,.dp-mh-bio-html{max-width:92%!important;font-size:15px!important;line-height:1.62!important}
  .dp-mh-bio-html img{max-width:100%!important;height:auto!important}
  .dp-mh-bio-html iframe{min-height:190px!important}
  .dp-mh-post-header{margin:0!important;padding:22px 18px 12px!important;}
  .dp-mh-post-title{color:var(--mh-muted)!important;font-size:20px!important;font-weight:900!important}
  .dp-mh-view-toggle{flex:0 0 auto!important;background:var(--mh-surface)!important;border:1px solid var(--mh-line)!important;border-radius:11px!important;padding:3px!important}
  .dp-mh-view-btn{height:34px!important;min-width:52px!important;padding:0 10px!important;border-radius:8px!important;font-size:14px!important;font-weight:900!important}
  .dp-mh-view-btn.is-active{background:var(--dp-primary,#327fd2)!important;color:var(--dp-text-white,#ffffff)!important}
  .dp-mh-post-grid{grid-template-columns:1fr!important;gap:12px!important;margin:0!important;padding:0 16px 26px!important;background:var(--mh-bg)!important}
  .dp-mh-post-card{background:var(--mh-surface)!important;border:1px solid var(--mh-line)!important;border-radius:10px!important;overflow:hidden!important}
  .dp-mh-post-card a{grid-template-columns:112px minmax(0,1fr)!important;gap:14px!important;padding:12px!important;align-items:center!important}
  .dp-mh-post-thumb{width:112px!important;height:84px!important;border-radius:6px!important}
  .dp-mh-post-body h3{color:var(--mh-title)!important;font-size:16px!important;line-height:1.36!important}
  .dp-mh-post-body p{color:var(--mh-muted)!important;font-size:14px!important;line-height:1.45!important}
  .dp-mh-post-body div{color:var(--mh-muted)!important;font-size:14px!important}
  .dp-mh-post-grid[data-view="list"]{margin:0!important;padding:0 16px 26px!important;border:0!important;border-radius:0!important}
  .dp-mh-post-grid[data-view="list"] .dp-mh-post-card{background:var(--mh-surface)!important;border:0!important;border-bottom:1px solid var(--mh-line)!important;border-radius:0!important}
  .dp-mh-post-grid[data-view="list"] .dp-mh-post-card:first-child{border-top-left-radius:10px!important;border-top-right-radius:10px!important}
  .dp-mh-post-grid[data-view="list"] .dp-mh-post-card:last-child{border-bottom:0!important;border-bottom-left-radius:10px!important;border-bottom-right-radius:10px!important}
  .dp-mh-post-grid[data-view="list"] .dp-mh-post-card a{grid-template-columns:96px minmax(0,1fr)!important;gap:12px!important;padding:12px!important}
  .dp-mh-post-grid[data-view="list"] .dp-mh-post-thumb{width:96px!important;height:70px!important;border-radius:6px!important}
  .dp-mh-editor-box{padding:18px!important;border-radius:14px!important}
  .dp-mh-editor-preview{width:144px!important;height:144px!important}
  .dp-mh-editor-row{grid-template-columns:54px minmax(0,1fr)!important}
}

@media (max-width:420px){
  .dp-mh-cover{height:146px!important;min-height:146px!important;max-height:146px!important}
  .dp-mh-profilebar{padding-left:20px!important;padding-right:72px!important;min-height:106px!important}
  .dp-mh-avatar{width:100px!important;height:100px!important}
  .dp-mh-profilemeta{transform:translateY(34px)!important;max-width:calc(100vw - 200px)!important}
  .dp-mh-profilemeta h1{max-width:112px!important;font-size:19px!important}
  .dp-mh-action-menu{top:172px!important;right:20px!important}
  .dp-mh-house-stage{min-height:122px!important;padding:20px 22px 24px!important}
  .dp-mh-post-header{padding-left:16px!important;padding-right:16px!important}
  .dp-mh-post-card a{grid-template-columns:94px minmax(0,1fr)!important;gap:12px!important}
  .dp-mh-post-thumb{width:94px!important;height:70px!important}
}


/* v1.0.64 bio collapse / expand */
.dp-mh-bio-wrap{position:relative;max-width:100%;}
.dp-mh-bio-wrap.is-collapsible:not(.is-expanded) .dp-mh-bio-html{max-height:340px;overflow:hidden;position:relative;}
.dp-mh-bio-wrap.is-collapsible:not(.is-expanded)::after{content:"";position:absolute;left:0;right:0;bottom:42px;height:96px;pointer-events:none;background:linear-gradient(180deg,rgba(var(--mh-surface-rgb),0),var(--mh-panel) 76%);}
.dp-mh-bio-toggle{display:none;margin:12px 0 0;padding:7px 18px;border:1px solid var(--mh-line);border-radius:999px;background:var(--mh-surface);color:var(--mh-title);font-size:14px;font-weight:900;line-height:1.2;cursor:pointer;box-shadow:var(--dp-shadow,0 6px 16px rgba(0,0,0,.08));}
.dp-mh-bio-wrap.is-collapsible .dp-mh-bio-toggle{display:inline-flex;align-items:center;justify-content:center;}
.dp-mh-bio-toggle:hover{background:var(--mh-surface);}
.dp-mh-bio-wrap.is-expanded .dp-mh-bio-toggle{margin-top:14px;}

@media (max-width:767px){
  .dp-mh-bio-wrap.is-collapsible:not(.is-expanded) .dp-mh-bio-html{max-height:360px!important;}
  .dp-mh-bio-wrap.is-collapsible:not(.is-expanded)::after{bottom:40px;height:118px;background:linear-gradient(180deg,rgba(var(--mh-surface-rgb),0),var(--mh-panel) 78%)!important;}
  .dp-mh-bio-toggle{width:100%;max-width:180px;height:38px;margin-top:12px!important;font-size:14px!important;}
}


/* v1.0.74 member-postlist UI cleanup */
.dp-member-home .dp-mh-post-header{
  margin:34px 0 10px!important;
  padding:0 0 10px!important;
  border-bottom:1px solid var(--mh-line)!important;
}
.dp-member-home .dp-mh-post-title{
  position:relative!important;
  padding-left:11px!important;
  color:var(--mh-title)!important;
  font-size:18px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
}
.dp-member-home .dp-mh-post-title::before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:2px!important;
  bottom:2px!important;
  width:3px!important;
  background:var(--dp-primary,#327fd2)!important;
}
.dp-member-home .dp-mh-view-toggle{
  gap:3px!important;
  padding:3px!important;
  background:var(--mh-surface)!important;
  border:1px solid var(--mh-line)!important;
  border-radius:4px!important;
}
.dp-member-home .dp-mh-view-btn{
  min-width:58px!important;
  height:30px!important;
  padding:0 12px!important;
  border-radius:3px!important;
  color:var(--mh-muted)!important;
  font-size:13px!important;
  font-weight:900!important;
}
.dp-member-home .dp-mh-view-btn.is-active{background:var(--dp-primary,#327fd2)!important;color:var(--dp-text-white,#ffffff)!important;}
.dp-member-home .dp-mh-post-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  margin:0 0 36px!important;
  padding:0!important;
  background:transparent!important;
}
.dp-member-home .dp-mh-post-card{
  background:var(--mh-surface)!important;
  border:1px solid var(--mh-line)!important;
  border-radius:4px!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
.dp-member-home .dp-mh-post-card:hover{background:var(--mh-surface)!important;}
.dp-member-home .dp-mh-post-card a{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  padding:0!important;
  align-items:stretch!important;
}
.dp-member-home .dp-mh-post-thumb{
  width:100%!important;
  height:124px!important;
  border-radius:0!important;
  background-color:var(--mh-thumb)!important;
}
.dp-member-home .dp-mh-post-body{padding:12px 13px 13px!important;}
.dp-member-home .dp-mh-post-body h3{
  margin:0 0 7px!important;
  color:var(--mh-title)!important;
  font-size:15px!important;
  line-height:1.36!important;
  font-weight:900!important;
  -webkit-line-clamp:2!important;
}
.dp-member-home .dp-mh-post-body p{
  margin:0 0 9px!important;
  color:var(--mh-muted)!important;
  font-size:13px!important;
  line-height:1.5!important;
  -webkit-line-clamp:2!important;
}
.dp-member-home .dp-mh-post-body div{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  color:var(--mh-muted)!important;
  font-size:12px!important;
  font-weight:800!important;
}
.dp-member-home .dp-mh-post-body div span:last-child::before{content:"・"!important;margin-right:8px!important;}

.dp-member-home .dp-mh-post-grid[data-view="list"]{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  margin:0 0 36px!important;
  padding:0!important;
  background:var(--mh-surface)!important;
  border:0px solid var(--mh-line)!important;
  border-radius:4px!important;
  overflow:hidden!important;
}
.dp-member-home .dp-mh-post-grid[data-view="list"] .dp-mh-post-card{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
}
.dp-member-home .dp-mh-post-grid[data-view="list"] .dp-mh-post-card + .dp-mh-post-card{border-top:1px solid var(--mh-line)!important;}
.dp-member-home .dp-mh-post-grid[data-view="list"] .dp-mh-post-card a{
  display:grid!important;
  grid-template-columns:85px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  min-height:92px!important;
  padding:5px!important;
}
.dp-member-home .dp-mh-post-grid[data-view="list"] .dp-mh-post-thumb{
  width:85px!important;
  height:85px!important;
  border-radius:4px!important;
}
.dp-member-home .dp-mh-post-grid[data-view="list"] .dp-mh-post-body{padding:0!important;}
.dp-member-home .dp-mh-post-grid[data-view="list"] .dp-mh-post-body h3{
  margin-bottom:5px!important;
  font-size:14px!important;
  line-height:1.35!important;
  -webkit-line-clamp:1!important;
}
.dp-member-home .dp-mh-post-grid[data-view="list"] .dp-mh-post-body p{
  margin-bottom:5px!important;
  font-size:13px!important;
  line-height:1.4!important;
  -webkit-line-clamp:1!important;
}
.dp-member-home .dp-mh-post-grid[data-view="list"] .dp-mh-post-body div{font-size:12px!important;}

@media (max-width:767px){
  .dp-member-home .dp-mh-post-header{
    margin:0!important;
    padding:20px 16px 10px!important;
  }
  .dp-member-home .dp-mh-post-title{font-size:18px!important;}
  .dp-member-home .dp-mh-view-btn{min-width:50px!important;height:32px!important;padding:0 10px!important;font-size:13px!important;}
  .dp-member-home .dp-mh-post-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    padding:0 16px 24px!important;
    margin:0!important;
  }
  .dp-member-home .dp-mh-post-thumb{height:96px!important;}
  .dp-member-home .dp-mh-post-body{padding:10px!important;}
  .dp-member-home .dp-mh-post-body h3{font-size:13px!important;line-height:1.35!important;}
  .dp-member-home .dp-mh-post-body p{font-size:12px!important;line-height:1.42!important;}
  .dp-member-home .dp-mh-post-grid[data-view="list"]{
    margin:0!important;
    padding:0!important;
    border-left:0!important;
    border-right:0!important;
    border-radius:0!important;
  }
  .dp-member-home .dp-mh-post-grid[data-view="list"] .dp-mh-post-card a{
    grid-template-columns:96px minmax(0,1fr)!important;
    min-height:86px!important;
    padding:10px 16px!important;
  }
  .dp-member-home .dp-mh-post-grid[data-view="list"] .dp-mh-post-thumb{width:96px!important;height:68px!important;}
  .dp-member-home .dp-mh-post-grid[data-view="list"] .dp-mh-post-body h3{font-size:13.5px!important;}
  .dp-member-home .dp-mh-post-grid[data-view="list"] .dp-mh-post-body p{font-size:12.5px!important;}
}
@media (max-width:420px){
  .dp-member-home .dp-mh-post-grid[data-view="list"] .dp-mh-post-card a{grid-template-columns:88px minmax(0,1fr)!important;gap:10px!important;}
  .dp-member-home .dp-mh-post-grid[data-view="list"] .dp-mh-post-thumb{width:88px!important;height:64px!important;}
}


/* v2.0.1 mobile dropdown fix: keep shared header action menu above page blocks and avoid clipping. */
.dp-member-header,
.dp-member-header .dp-mh-main,
.dp-member-header .dp-mh-head{
  position:relative!important;
  overflow:visible!important;
}
.dp-member-header .dp-mh-action-menu{z-index:99990!important;}
.dp-member-header .dp-mh-action-menu nav{z-index:99999!important;}
@media (max-width:767px){
  .dp-member-header{overflow:visible!important;z-index:10!important;}
  .dp-member-header .dp-mh-main,
  .dp-member-header .dp-mh-head,
  .dp-member-header .dp-mh-profilebar{overflow:visible!important;}
  .dp-member-header .dp-mh-action-menu{z-index:99990!important;}
  .dp-member-header .dp-mh-action-menu[open]{z-index:99991!important;}
  .dp-member-header .dp-mh-action-menu nav{
    display:block!important;
    min-width:184px!important;
    max-width:calc(100vw - 32px)!important;
    max-height:70vh!important;
    overflow:auto!important;
    background:var(--dp-bg-card,#ffffff)!important;
    color:var(--dp-text,#111827)!important;
    z-index:99999!important;
    -webkit-overflow-scrolling:touch;
  }
  .dp-member-header .dp-mh-action-menu:not([open]) nav{display:none!important;}
  .dp-member-header .dp-mh-action-menu.is-mobile-fixed nav{
    position:fixed!important;
    top:var(--dp-mh-menu-top, 260px)!important;
    right:16px!important;
    left:auto!important;
    width:200px!important;
    margin:0!important;
  }
}

/* v2.0.3 profile head refinement: smaller avatar, level title, exp bar. */
.dp-member-header .dp-mh-profilebar{
  align-items:center!important;
  gap:18px!important;
  margin:-36px 0 0 34px!important;
  min-height:112px!important;
  padding:0 190px 16px 0!important;
}
.dp-member-header .dp-mh-avatar{
  width:92px!important;
  height:92px!important;
  border-width:5px!important;
}
.dp-member-header .dp-mh-avatar-edit{
  right:0!important;
  bottom:4px!important;
  width:30px!important;
  height:30px!important;
}
.dp-member-header .dp-mh-profilemeta{
  flex:1 1 auto!important;
  max-width:520px!important;
  transform:translateY(12px)!important;
  gap:7px!important;
}
.dp-member-header .dp-mh-level-row{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  max-width:100%!important;
}
.dp-member-header .dp-mh-title-badge{
  display:inline-flex!important;
  align-items:center!important;
  max-width:180px!important;
  height:24px!important;
  padding:0 10px!important;
  border-radius:7px!important;
  background:var(--dp-primary,#327fd2)!important;
  color:var(--dp-text-white,#ffffff)!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-shadow:var(--dp-shadow,0 7px 16px rgba(0,0,0,.18))!important;
}
.dp-member-header .dp-mh-expbar{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  max-width:430px!important;
  min-height:16px!important;
}
.dp-member-header .dp-mh-exp-track{
  position:relative!important;
  display:block!important;
  flex:1 1 auto!important;
  min-width:90px!important;
  height:6px!important;
  border-radius:999px!important;
  background:var(--dp-bg-content,#f6f8fb)!important;
  overflow:hidden!important;
}
.dp-member-header .dp-mh-exp-track i{
  display:block!important;
  height:100%!important;
  min-width:0!important;
  max-width:100%!important;
  border-radius:999px!important;
  background:var(--dp-primary,#327fd2)!important;
}
.dp-member-header .dp-mh-exp-text{
  flex:0 0 auto!important;
  color:var(--mh-title)!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.dp-member-header .dp-mh-action-menu{top:206px!important;}

@media (max-width:767px){
  .dp-member-header .dp-mh-profilebar{
    align-items:center!important;
    gap:12px!important;
    margin:-30px 0 0!important;
    min-height:98px!important;
    padding:0 74px 12px 22px!important;
  }
  .dp-member-header .dp-mh-avatar{
    width:82px!important;
    height:82px!important;
    border-width:4px!important;
  }
  .dp-member-header .dp-mh-avatar-edit{
    right:-1px!important;
    bottom:3px!important;
    width:28px!important;
    height:28px!important;
  }
  .dp-member-header .dp-mh-profilemeta{
    transform:translateY(14px)!important;
    max-width:calc(100vw - 188px)!important;
    gap:6px!important;
  }
  .dp-member-header .dp-mh-profilemeta h1{
    max-width:160px!important;
    font-size:20px!important;
  }
  .dp-member-header .dp-mh-lv{
    height:20px!important;
    padding:0 9px!important;
    border-radius:7px!important;
  }
  .dp-member-header .dp-mh-title-badge{
    max-width:96px!important;
    height:20px!important;
    padding:0 8px!important;
    font-size:10px!important;
    border-radius:6px!important;
  }
  .dp-member-header .dp-mh-expbar{
    gap:7px!important;
    max-width:190px!important;
  }
  .dp-member-header .dp-mh-exp-track{
    min-width:58px!important;
    height:5px!important;
  }
  .dp-member-header .dp-mh-exp-text{
    font-size:11px!important;
  }
  .dp-member-header .dp-mh-action-menu{
    top:154px!important;
    right:22px!important;
  }
}
@media (max-width:420px){
  .dp-member-header .dp-mh-profilebar{
    min-height:94px!important;
    padding-left:18px!important;
    padding-right:70px!important;
  }
  .dp-member-header .dp-mh-avatar{
    width:78px!important;
    height:78px!important;
  }
  .dp-member-header .dp-mh-profilemeta{
    max-width:calc(100vw - 176px)!important;
    transform:translateY(13px)!important;
  }
  .dp-member-header .dp-mh-profilemeta h1{max-width:136px!important;font-size:19px!important;}
  .dp-member-header .dp-mh-title-badge{max-width:86px!important;}
  .dp-member-header .dp-mh-expbar{max-width:166px!important;}
  .dp-member-header .dp-mh-action-menu{top:154px!important;right:20px!important;}
}

/* v2.0.4 profile category menu under header */
.dp-member-header .dp-mh-level-row{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;max-width:100%!important;flex-wrap:wrap!important}
.dp-member-header .dp-mh-title-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:22px!important;max-width:132px!important;padding:0 10px!important;border-radius:7px!important;background:var(--dp-primary,#327fd2)!important;color:var(--dp-text-white,#ffffff)!important;font-size:11px!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;box-shadow:var(--dp-shadow,0 6px 14px rgba(0,0,0,.18))!important}
.dp-member-header .dp-mh-expbar{display:flex!important;align-items:center!important;gap:10px!important;width:min(360px,100%)!important;max-width:100%!important;height:18px!important}
.dp-member-header .dp-mh-exp-track{position:relative!important;display:block!important;flex:1 1 auto!important;height:6px!important;min-width:92px!important;border-radius:999px!important;background:#d9dee8!important;overflow:hidden!important}
.dp-member-header .dp-mh-exp-track i{position:absolute!important;left:0!important;top:0!important;bottom:0!important;display:block!important;border-radius:999px!important;background:var(--dp-primary,#327fd2)!important}
.dp-member-header .dp-mh-exp-text{flex:0 0 auto!important;color:var(--mh-title)!important;font-size:12px!important;font-weight:800!important;white-space:nowrap!important}
.dp-member-header .dp-mh-category-menu{position:relative!important;z-index:30!important;display:flex!important;align-items:center!important;gap:0!important;width:calc(100% - 40px)!important;margin:0 auto 14px!important;background:var(--mh-surface)!important;border:1px solid var(--mh-line)!important;border-radius:10px!important;box-shadow:var(--dp-shadow,0 8px 20px rgba(0,0,0,.07))!important;overflow:visible!important}
.dp-member-header .dp-mh-cat-home,.dp-member-header .dp-mh-cat-posts,.dp-member-header .dp-mh-cat-item{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;height:48px!important;color:var(--mh-title)!important;background:transparent!important;border:0!important;font-size:16px!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important;text-align:center!important}
.dp-member-header .dp-mh-cat-fixed{display:flex!important;align-items:center!important;flex:0 0 auto!important;min-width:0!important}
.dp-member-header .dp-mh-cat-home{flex:0 0 88px!important;gap:6px!important;color:var(--dp-primary,#327fd2)!important}
.dp-member-header .dp-mh-cat-posts{flex:0 0 72px!important;color:var(--mh-title)!important}
.dp-member-header .dp-mh-cat-home.is-active::after,.dp-member-header .dp-mh-cat-posts.is-active::after,.dp-member-header .dp-mh-cat-item.is-active::after{content:""!important;position:absolute!important;left:14px!important;right:14px!important;bottom:0!important;height:4px!important;background:var(--dp-primary,#327fd2)!important;border-radius:999px 999px 0 0!important}
.dp-member-header .dp-mh-cat-home-icon{font-size:18px!important;line-height:1!important}
.dp-member-header .dp-mh-cat-scroll{display:flex!important;align-items:center!important;gap:0!important;flex:1 1 auto!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
.dp-member-header .dp-mh-cat-scroll::-webkit-scrollbar{display:none!important}
.dp-member-header .dp-mh-cat-item{flex:0 0 82px!important;max-width:82px!important;padding:0 8px!important}
.dp-member-header .dp-mh-cat-item span{display:block!important;width:3em!important;max-width:3em!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;letter-spacing:.02em!important}
.dp-member-header .dp-mh-cat-more{position:relative!important;flex:0 0 48px!important;margin:0!important;padding:0!important}
.dp-member-header .dp-mh-cat-more summary{list-style:none!important;display:flex!important;align-items:center!important;justify-content:center!important;width:48px!important;height:48px!important;cursor:pointer!important;color:var(--mh-title)!important;font-size:22px!important;font-weight:900!important}
.dp-member-header .dp-mh-cat-more summary::-webkit-details-marker{display:none!important}
.dp-member-header .dp-mh-cat-more div{position:absolute!important;right:0!important;top:52px!important;display:none!important;min-width:150px!important;background:var(--mh-surface)!important;border:1px solid var(--mh-line)!important;border-radius:10px!important;box-shadow:var(--dp-shadow,0 16px 34px rgba(0,0,0,.18))!important;overflow:hidden!important;z-index:80!important}
.dp-member-header .dp-mh-cat-more[open] div{display:block!important}
.dp-member-header .dp-mh-cat-more div a{display:block!important;padding:12px 16px!important;color:var(--mh-title)!important;background:var(--mh-surface)!important;border-bottom:1px solid var(--mh-line)!important;font-size:15px!important;font-weight:800!important;white-space:nowrap!important}
.dp-member-header .dp-mh-cat-more div a:last-child{border-bottom:0!important}

@media (max-width:767px){
  .dp-member-header .dp-mh-cover{height:142px!important;min-height:142px!important;max-height:142px!important}
  .dp-member-header .dp-mh-profilebar{align-items:flex-start!important;gap:12px!important;margin:-30px 0 0!important;min-height:106px!important;padding:0 76px 8px 22px!important}
  .dp-member-header .dp-mh-avatar{width:86px!important;height:86px!important;border-width:4px!important}
  .dp-member-header .dp-mh-avatar-edit{right:0!important;bottom:4px!important;width:28px!important;height:28px!important}
  .dp-member-header .dp-mh-profilemeta{transform:translateY(28px)!important;gap:6px!important;max-width:calc(100vw - 184px)!important}
  .dp-member-header .dp-mh-profilemeta h1{max-width:148px!important;font-size:20px!important}
  .dp-member-header .dp-mh-lv{height:22px!important;padding:0 10px!important;font-size:11px!important;border-radius:7px!important}
  .dp-member-header .dp-mh-title-badge{height:22px!important;max-width:84px!important;padding:0 8px!important;font-size:11px!important}
  .dp-member-header .dp-mh-expbar{width:100%!important;gap:7px!important;height:16px!important}
  .dp-member-header .dp-mh-exp-track{height:5px!important;min-width:70px!important}
  .dp-member-header .dp-mh-exp-text{font-size:11px!important}
  .dp-member-header .dp-mh-action-menu{top:160px!important;right:22px!important;width:44px!important}
  .dp-member-header .dp-mh-category-menu{width:100%!important;margin:0 0 10px!important;border-left:0!important;border-right:0!important;border-radius:0!important;box-shadow:none!important}
  .dp-member-header .dp-mh-cat-home{flex-basis:72px!important;height:46px!important;font-size:15px!important}
  .dp-member-header .dp-mh-cat-posts{flex-basis:64px!important;height:46px!important;font-size:15px!important}
  .dp-member-header .dp-mh-cat-item{flex-basis:72px!important;max-width:72px!important;height:46px!important;font-size:15px!important;padding:0 6px!important}
  .dp-member-header .dp-mh-cat-more{flex-basis:44px!important}
  .dp-member-header .dp-mh-cat-more summary{width:44px!important;height:46px!important}
  .dp-member-header .dp-mh-cat-more div{right:6px!important;top:48px!important}
}

@media (max-width:420px){
  .dp-member-header .dp-mh-cover{height:138px!important;min-height:138px!important;max-height:138px!important}
  .dp-member-header .dp-mh-profilebar{padding-left:18px!important;padding-right:70px!important;min-height:102px!important}
  .dp-member-header .dp-mh-avatar{width:82px!important;height:82px!important}
  .dp-member-header .dp-mh-profilemeta{transform:translateY(26px)!important;max-width:calc(100vw - 170px)!important}
  .dp-member-header .dp-mh-profilemeta h1{max-width:128px!important;font-size:19px!important}
  .dp-member-header .dp-mh-action-menu{top:156px!important;right:18px!important}
}

/* v2.1.0 final profile header layout: dark centered info bar, smaller avatar, fixed home/posts tabs. */
.dp-member-header .dp-mh-head{
  background:var(--mh-surface)!important;
  border-color:var(--mh-line)!important;
}
.dp-member-header .dp-mh-cover{
  border-bottom:0!important;
}
.dp-member-header .dp-mh-profilebar{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:24px!important;
  margin:0!important;
  min-height:148px!important;
  padding:22px 128px 22px 46px!important;
  background:var(--mh-surface)!important;
  border-top:1px solid var(--mh-line)!important;
  border-bottom:1px solid var(--mh-line)!important;
  text-align:left!important;
}

.dp-member-header .dp-mh-avatar{
  width:96px!important;
  height:96px!important;
  border-width:3px!important;
  border-color:var(--mh-line)!important;
  box-shadow:0 14px 28px rgba(0,0,0,.34)!important;
}
.dp-member-header .dp-mh-avatar-edit{
  right:-6px!important;
  bottom:4px!important;
  width:32px!important;
  height:32px!important;
  background:var(--dp-bg-card,#ffffff)!important;
  color:var(--dp-text,#111827)!important;
}
.dp-member-header .dp-mh-profilemeta{
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:10px!important;
  max-width:720px!important;
  min-width:0!important;
  transform:none!important;
}
.dp-member-header .dp-mh-profilemeta h1{
  max-width:320px!important;
  color:var(--dp-text-white,#ffffff)!important;
  font-size:36px!important;
  line-height:1.05!important;
  font-weight:900!important;
  text-shadow:0 8px 18px rgba(0,0,0,.28)!important;
}
.dp-member-header .dp-mh-level-row{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  flex-wrap:wrap!important;
}
.dp-member-header .dp-mh-lv{
  height:34px!important;
  padding:0 16px!important;
  border-radius:10px!important;
  background:var(--dp-primary,#327fd2)!important;
  color:var(--dp-text-white,#ffffff)!important;
  font-size:18px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  box-shadow:0 10px 22px rgba(0,0,0,.28)!important;
}
.dp-member-header .dp-mh-title-badge{
  height:34px!important;
  max-width:180px!important;
  padding:0 18px!important;
  border-radius:10px!important;
  background:var(--dp-primary,#327fd2)!important;
  color:var(--dp-text-white,#ffffff)!important;
  font-size:18px!important;
  font-weight:900!important;
  box-shadow:var(--dp-shadow,0 10px 22px rgba(0,0,0,.22))!important;
}
.dp-member-header .dp-mh-expbar{
  display:grid!important;
  grid-template-columns:minmax(120px,1fr) auto!important;
  align-items:center!important;
  gap:16px!important;
  width:min(560px,100%)!important;
  max-width:100%!important;
  height:auto!important;
}
.dp-member-header .dp-mh-exp-track{
  width:100%!important;
  min-width:0!important;
  height:8px!important;
  border-radius:999px!important;
  background:var(--dp-bg-content,#f6f8fb)!important;
  overflow:hidden!important;
}
.dp-member-header .dp-mh-exp-track i{
  background:var(--dp-primary,#327fd2)!important;
}
.dp-member-header .dp-mh-exp-text{
  color:var(--dp-text-white,#ffffff)!important;
  font-size:18px!important;
  font-weight:900!important;
  text-shadow:0 4px 12px rgba(0,0,0,.28)!important;
}
.dp-member-header .dp-mh-action-menu{
  top:230px!important;
  right:40px!important;
  width:64px!important;
}
.dp-member-header .dp-mh-action-menu summary{
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  padding:0!important;
  border-radius:999px!important;
  background:var(--mh-surface)!important;
  color:var(--dp-text-white,#ffffff)!important;
  border:1px solid var(--mh-line)!important;
  box-shadow:none!important;
  backdrop-filter:blur(8px);
}
.dp-member-header .dp-mh-action-menu .dp-mh-action-label{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
}
.dp-member-header .dp-mh-action-menu .dp-mh-action-icon{
  width:30px!important;
  height:30px!important;
}
.dp-member-header .dp-mh-action-menu nav{
  position:absolute!important;
  top:72px!important;
  right:0!important;
  width:190px!important;
}
.dp-member-header .dp-mh-category-menu{
  width:100%!important;
  margin:0!important;
  background:var(--mh-surface)!important;
  border:0!important;
  border-bottom:1px solid var(--mh-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.dp-member-header .dp-mh-cat-fixed{
  padding-left:28px!important;
}
.dp-member-header .dp-mh-cat-scroll,
.dp-member-header .dp-mh-cat-more{
  display:none!important;
}
.dp-member-header .dp-mh-cat-home,
.dp-member-header .dp-mh-cat-posts{
  height:74px!important;
  flex:0 0 128px!important;
  color:var(--dp-text-white,#ffffff)!important;
  font-size:26px!important;
  font-weight:900!important;
}
.dp-member-header .dp-mh-cat-home{
  color:var(--dp-primary,#327fd2)!important;
}
.dp-member-header .dp-mh-cat-home-icon{
  font-size:28px!important;
}
.dp-member-header .dp-mh-cat-home.is-active::after,
.dp-member-header .dp-mh-cat-posts.is-active::after{
  left:18px!important;
  right:18px!important;
  bottom:0!important;
  height:6px!important;
  background:var(--dp-primary,#327fd2)!important;
}

@media (max-width:991px){
	
.dp-member-header .dp-mh-avatar-wrap{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  margin: 0 15px 0 0;
}
	
	
  .dp-member-header .dp-mh-profilebar{min-height:132px!important;padding:20px 112px 20px 38px!important;gap:20px!important;}
  .dp-member-header .dp-mh-avatar{width:84px!important;height:84px!important;}
  .dp-member-header .dp-mh-profilemeta h1{font-size:30px!important;max-width:260px!important;}
  .dp-member-header .dp-mh-lv,.dp-member-header .dp-mh-title-badge{height:30px!important;font-size:15px!important;border-radius:9px!important;}
  .dp-member-header .dp-mh-exp-text{font-size:15px!important;}
  .dp-member-header .dp-mh-action-menu{top:215px!important;right:34px!important;width:58px!important;}
  .dp-member-header .dp-mh-action-menu summary{width:58px!important;height:58px!important;min-width:58px!important;}
  .dp-member-header .dp-mh-cat-home,.dp-member-header .dp-mh-cat-posts{height:66px!important;flex-basis:112px!important;font-size:22px!important;}
}

@media (max-width:767px){
  .dp-member-header .dp-mh-cover{height:142px!important;min-height:142px!important;max-height:142px!important;}
  .dp-member-header .dp-mh-profilebar{
    align-items:center!important;
    min-height:116px!important;
    gap:14px!important;
    margin:0!important;
    padding:16px 76px 16px 18px!important;
  }
  .dp-member-header .dp-mh-avatar{width:72px!important;height:72px!important;border-width:3px!important;}
  .dp-member-header .dp-mh-avatar-edit{right:-5px!important;bottom:2px!important;width:26px!important;height:26px!important;}
  .dp-member-header .dp-mh-avatar-edit svg{width:15px!important;height:15px!important;}
  .dp-member-header .dp-mh-profilemeta{transform:none!important;gap:7px!important;max-width:calc(100vw - 176px)!important;}
  .dp-member-header .dp-mh-profilemeta h1{max-width:150px!important;font-size:24px!important;}
  .dp-member-header .dp-mh-level-row{gap:8px!important;}
  .dp-member-header .dp-mh-lv{height:26px!important;padding:0 10px!important;font-size:14px!important;border-radius:8px!important;}
  .dp-member-header .dp-mh-title-badge{height:26px!important;max-width:108px!important;padding:0 10px!important;font-size:14px!important;border-radius:8px!important;}
  .dp-member-header .dp-mh-expbar{grid-template-columns:minmax(70px,1fr) auto!important;gap:8px!important;width:100%!important;}
  .dp-member-header .dp-mh-exp-track{height:6px!important;}
  .dp-member-header .dp-mh-exp-text{font-size:13px!important;}
  .dp-member-header .dp-mh-action-menu{top:170px!important;right:20px!important;width:52px!important;}
  .dp-member-header .dp-mh-action-menu summary{width:52px!important;height:52px!important;min-width:52px!important;background:var(--mh-surface)!important;color:var(--dp-text-white,#ffffff)!important;border-color:var(--mh-line)!important;}
  .dp-member-header .dp-mh-action-menu .dp-mh-action-icon{width:25px!important;height:25px!important;}
  .dp-member-header .dp-mh-action-menu nav{top:58px!important;right:0!important;}
  .dp-member-header .dp-mh-category-menu{margin:0!important;}
  .dp-member-header .dp-mh-cat-fixed{padding-left:14px!important;}
  .dp-member-header .dp-mh-cat-home,.dp-member-header .dp-mh-cat-posts{height:64px!important;flex-basis:96px!important;font-size:22px!important;}
  .dp-member-header .dp-mh-cat-home-icon{font-size:24px!important;}
  .dp-member-header .dp-mh-cat-home.is-active::after,.dp-member-header .dp-mh-cat-posts.is-active::after{left:14px!important;right:14px!important;height:5px!important;}
}

@media (max-width:420px){
  .dp-member-header .dp-mh-cover{height:138px!important;min-height:138px!important;max-height:138px!important;}
  .dp-member-header .dp-mh-profilebar{min-height:108px!important;padding:14px 70px 14px 16px!important;gap:12px!important;}
  .dp-member-header .dp-mh-avatar{width:68px!important;height:68px!important;}
  .dp-member-header .dp-mh-profilemeta{max-width:calc(100vw - 162px)!important;gap:6px!important;}
  .dp-member-header .dp-mh-profilemeta h1{max-width:132px!important;font-size:22px!important;}
  .dp-member-header .dp-mh-lv,.dp-member-header .dp-mh-title-badge{height:24px!important;font-size:13px!important;}
  .dp-member-header .dp-mh-title-badge{max-width:96px!important;}
  .dp-member-header .dp-mh-exp-text{font-size:12px!important;}
  .dp-member-header .dp-mh-action-menu{top:166px!important;right:18px!important;}
  .dp-member-header .dp-mh-cat-home,.dp-member-header .dp-mh-cat-posts{height:60px!important;flex-basis:88px!important;font-size:20px!important;}
}

/* v2.1.1 dark mode and tab font fix
 * 修正 v2.1.0 將頭部固定成深色，導致亮色模式跑版。
 * 預設跟隨亮色變數，只有 .dp-mode-dark / 常見 dark selector 才切深色。
 */
.dp-member-header .dp-mh-head{
  background:var(--mh-surface)!important;
  color:var(--mh-title)!important;
  border-color:var(--mh-line)!important;
}
.dp-member-header .dp-mh-profilebar{
  background:var(--mh-surface)!important;
  color:var(--mh-title)!important;
  border-bottom-color:var(--mh-line)!important;
}
.dp-member-header .dp-mh-category-menu{
  background:var(--mh-surface)!important;
  border-color:var(--mh-line)!important;
}
.dp-member-header .dp-mh-cat-home,
.dp-member-header .dp-mh-cat-posts,
.dp-member-header .dp-mh-cat-item,
.dp-member-header .dp-mh-cat-more summary{
  color:var(--mh-title)!important;
}
.dp-member-header .dp-mh-cat-home.is-active,
.dp-member-header .dp-mh-cat-posts.is-active{
  color:var(--dp-primary,#327fd2)!important;
}
.dp-member-header .dp-mh-action-menu summary{
  background:var(--mh-surface)!important;
  color:var(--mh-title)!important;
  border-color:var(--mh-line)!important;
}
.dp-member-header .dp-mh-action-menu nav,
.dp-member-header .dp-mh-action-menu a{
  background:var(--mh-surface)!important;
  color:var(--mh-title)!important;
  border-color:var(--mh-line)!important;
}
.dp-member-header .dp-mh-action-menu a:hover{
  background:var(--mh-soft)!important;
}

body.dp-mode-dark .dp-member-header,
.dp-mode-dark .dp-member-header,
html.dp-mode-dark .dp-member-header,
html[data-theme="dark"] .dp-member-header,
html[data-color-scheme="dark"] .dp-member-header,
body.dark .dp-member-header,
body.dark-mode .dp-member-header,
body.dp-dark .dp-member-header,
body.dp-theme-dark .dp-member-header,
body.is-dark .dp-member-header,
body[data-theme="dark"] .dp-member-header,
.dark .dp-member-header{
  --mh-surface:var(--dp-bg-card,#191919)!important;
  --mh-surface-rgb:25,25,25!important;
  --mh-soft:var(--dp-bg-content,#191919)!important;
  --mh-line:var(--dp-border,rgba(148,163,184,.18))!important;
  --mh-text:var(--dp-text,#f8fafc)!important;
  --mh-title:var(--dp-text,#f8fafc)!important;
  --mh-muted:var(--dp-text-light,#94a3b8)!important;
  --mh-panel:var(--dp-bg-card,#191919)!important;
}
body.dp-mode-dark .dp-member-header .dp-mh-head,
.dp-mode-dark .dp-member-header .dp-mh-head,
html.dp-mode-dark .dp-member-header .dp-mh-head,
html[data-theme="dark"] .dp-member-header .dp-mh-head,
html[data-color-scheme="dark"] .dp-member-header .dp-mh-head,
body.dark .dp-member-header .dp-mh-head,
body.dark-mode .dp-member-header .dp-mh-head,
body.dp-dark .dp-member-header .dp-mh-head,
body.dp-theme-dark .dp-member-header .dp-mh-head,
body.is-dark .dp-member-header .dp-mh-head,
body[data-theme="dark"] .dp-member-header .dp-mh-head,
.dark .dp-member-header .dp-mh-head{
  background:var(--mh-surface)!important;
  color:var(--dp-text-white,#ffffff)!important;
  border-color:var(--mh-line)!important;
}
body.dp-mode-dark .dp-member-header .dp-mh-profilebar,
.dp-mode-dark .dp-member-header .dp-mh-profilebar,
html.dp-mode-dark .dp-member-header .dp-mh-profilebar,
html[data-theme="dark"] .dp-member-header .dp-mh-profilebar,
html[data-color-scheme="dark"] .dp-member-header .dp-mh-profilebar,
body.dark .dp-member-header .dp-mh-profilebar,
body.dark-mode .dp-member-header .dp-mh-profilebar,
body.dp-dark .dp-member-header .dp-mh-profilebar,
body.dp-theme-dark .dp-member-header .dp-mh-profilebar,
body.is-dark .dp-member-header .dp-mh-profilebar,
body[data-theme="dark"] .dp-member-header .dp-mh-profilebar,
.dark .dp-member-header .dp-mh-profilebar{
  background:transparent!important;
  color:var(--dp-text-white,#ffffff)!important;
  border-bottom-color:var(--mh-line)!important;
}
body.dp-mode-dark .dp-member-header .dp-mh-category-menu,
.dp-mode-dark .dp-member-header .dp-mh-category-menu,
html.dp-mode-dark .dp-member-header .dp-mh-category-menu,
html[data-theme="dark"] .dp-member-header .dp-mh-category-menu,
html[data-color-scheme="dark"] .dp-member-header .dp-mh-category-menu,
body.dark .dp-member-header .dp-mh-category-menu,
body.dark-mode .dp-member-header .dp-mh-category-menu,
body.dp-dark .dp-member-header .dp-mh-category-menu,
body.dp-theme-dark .dp-member-header .dp-mh-category-menu,
body.is-dark .dp-member-header .dp-mh-category-menu,
body[data-theme="dark"] .dp-member-header .dp-mh-category-menu,
.dark .dp-member-header .dp-mh-category-menu{
  background:var(--mh-surface)!important;
  border-color:var(--mh-line)!important;
}
body.dp-mode-dark .dp-member-header .dp-mh-cat-home,
body.dp-mode-dark .dp-member-header .dp-mh-cat-posts,
.dp-mode-dark .dp-member-header .dp-mh-cat-home,
.dp-mode-dark .dp-member-header .dp-mh-cat-posts,
.dark .dp-member-header .dp-mh-cat-home,
.dark .dp-member-header .dp-mh-cat-posts{
  color:var(--dp-text-white,#ffffff)!important;
}
body.dp-mode-dark .dp-member-header .dp-mh-cat-home.is-active,
body.dp-mode-dark .dp-member-header .dp-mh-cat-posts.is-active,
.dp-mode-dark .dp-member-header .dp-mh-cat-home.is-active,
.dp-mode-dark .dp-member-header .dp-mh-cat-posts.is-active,
.dark .dp-member-header .dp-mh-cat-home.is-active,
.dark .dp-member-header .dp-mh-cat-posts.is-active{
  color:var(--dp-primary,#327fd2)!important;
}

/* 首頁 / 貼文縮小，避免手機版過重 */
.dp-member-header .dp-mh-cat-home,
.dp-member-header .dp-mh-cat-posts{
  height:54px!important;
  flex:0 0 84px!important;
  font-size:16px!important;
  font-weight:800!important;
  letter-spacing:0!important;
}
.dp-member-header .dp-mh-cat-home-icon{
  font-size:18px!important;
  width:18px!important;
  height:18px!important;
  line-height:1!important;
}
.dp-member-header .dp-mh-cat-home.is-active::after,
.dp-member-header .dp-mh-cat-posts.is-active::after{
  left:16px!important;
  right:16px!important;
  height:3px!important;
  border-radius:999px!important;
}

@media (max-width:991px){
  .dp-member-header .dp-mh-cat-home,
  .dp-member-header .dp-mh-cat-posts{
    height:50px!important;
    flex-basis:76px!important;
    font-size:15px!important;
  }
}
@media (max-width:767px){
  .dp-member-header .dp-mh-cat-fixed{padding-left:10px!important;}
  .dp-member-header .dp-mh-cat-home,
  .dp-member-header .dp-mh-cat-posts{
    height:46px!important;
    flex-basis:68px!important;
    font-size:14px!important;
  }
  .dp-member-header .dp-mh-cat-home-icon{font-size:17px!important;width:17px!important;height:17px!important;}
  .dp-member-header .dp-mh-cat-home.is-active::after,
  .dp-member-header .dp-mh-cat-posts.is-active::after{
    left:12px!important;
    right:12px!important;
    height:3px!important;
  }
}
@media (max-width:420px){
  .dp-member-header .dp-mh-cat-home,
  .dp-member-header .dp-mh-cat-posts{
    height:44px!important;
    flex-basis:64px!important;
    font-size:13px!important;
  }
}

/* v2.1.2 header scope fix
 * 只以 .dp-mode-dark 控制暗色，移除外部 .dark / theme 全域色彩污染對 header 的影響。
 */
.dp-member-header{
  --mh-surface:var(--dp-bg-card,#ffffff)!important;
  --mh-surface-rgb:255,255,255!important;
  --mh-soft:var(--dp-bg-content,#f6f8fb)!important;
  --mh-line:var(--dp-border,rgba(148,163,184,.18))!important;
  --mh-title:var(--dp-text,#111827)!important;
  --mh-text:var(--dp-text,#111827)!important;
  --mh-muted:var(--dp-text-light,#64748b)!important;
  --mh-panel:var(--dp-bg-card,#ffffff)!important;
  isolation:isolate!important;
  color-scheme:light!important;
  color:var(--mh-text)!important;
}
.dp-member-header,
.dp-member-header *{
  box-sizing:border-box!important;
}
.dp-member-header.dp-member-header .dp-mh-head,
.dp-member-header.dp-member-header .dp-mh-profilebar,
.dp-member-header.dp-member-header .dp-mh-category-menu{
  background:var(--mh-surface)!important;
  color:var(--mh-title)!important;
  border-color:var(--mh-line)!important;
}
.dp-member-header.dp-member-header .dp-mh-profilebar{
  border-top:1px solid var(--mh-line)!important;
  border-bottom:1px solid var(--mh-line)!important;
}
.dp-member-header.dp-member-header .dp-mh-profilemeta h1,
.dp-member-header.dp-member-header .dp-mh-exp-text,
.dp-member-header.dp-member-header .dp-mh-cat-posts,
.dp-member-header.dp-member-header .dp-mh-cat-item,
.dp-member-header.dp-member-header .dp-mh-cat-more summary,
.dp-member-header.dp-member-header .dp-mh-action-menu summary{
  color:var(--mh-title)!important;
  opacity:1!important;
  visibility:visible!important;
  text-shadow:none!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
.dp-member-header.dp-member-header .dp-mh-profilemeta h1{
  color:var(--mh-title)!important;
}
.dp-member-header.dp-member-header .dp-mh-exp-text{
  color:var(--mh-title)!important;
  font-weight:800!important;
}
.dp-member-header.dp-member-header .dp-mh-exp-track{
  background:var(--dp-bg-content,#f6f8fb)!important;
}
.dp-member-header.dp-member-header .dp-mh-action-menu summary{
  background:var(--mh-surface)!important;
  border-color:var(--mh-line)!important;
  box-shadow:var(--dp-shadow,0 10px 24px rgba(0,0,0,.10))!important;
}
.dp-member-header.dp-member-header .dp-mh-cat-home{
  color:var(--dp-primary,#327fd2)!important;
}
.dp-member-header.dp-member-header .dp-mh-cat-home,
.dp-member-header.dp-member-header .dp-mh-cat-posts{
  height:50px!important;
  flex:0 0 76px!important;
  font-size:15px!important;
  font-weight:800!important;
}
.dp-member-header.dp-member-header .dp-mh-cat-home-icon{
  font-size:17px!important;
  width:17px!important;
  height:17px!important;
}
.dp-member-header.dp-member-header .dp-mh-cat-home.is-active::after,
.dp-member-header.dp-member-header .dp-mh-cat-posts.is-active::after{
  height:3px!important;
  left:12px!important;
  right:12px!important;
}

body.dp-mode-dark .dp-member-header,
html.dp-mode-dark .dp-member-header,
.dp-mode-dark .dp-member-header{
  --mh-surface:var(--dp-bg-card,#191919)!important;
  --mh-surface-rgb:25,25,25!important;
  --mh-soft:var(--dp-bg-content,#191919)!important;
  --mh-line:var(--dp-border,rgba(148,163,184,.18))!important;
  --mh-title:var(--dp-text,#f8fafc)!important;
  --mh-text:var(--dp-text,#f8fafc)!important;
  --mh-muted:var(--dp-text-light,#94a3b8)!important;
  --mh-panel:var(--dp-bg-card,#191919)!important;
  color-scheme:dark!important;
  color:var(--mh-text)!important;
}
body.dp-mode-dark .dp-member-header.dp-member-header .dp-mh-head,
html.dp-mode-dark .dp-member-header.dp-member-header .dp-mh-head,
.dp-mode-dark .dp-member-header.dp-member-header .dp-mh-head,
body.dp-mode-dark .dp-member-header.dp-member-header .dp-mh-profilebar,
html.dp-mode-dark .dp-member-header.dp-member-header .dp-mh-profilebar,
.dp-mode-dark .dp-member-header.dp-member-header .dp-mh-profilebar,
body.dp-mode-dark .dp-member-header.dp-member-header .dp-mh-category-menu,
html.dp-mode-dark .dp-member-header.dp-member-header .dp-mh-category-menu,
.dp-mode-dark .dp-member-header.dp-member-header .dp-mh-category-menu{
  background:#191919!important;
  color:var(--dp-text-white,#ffffff)!important;
  border-color:var(--mh-line)!important;
}
body.dp-mode-dark .dp-member-header.dp-member-header .dp-mh-profilemeta h1,
html.dp-mode-dark .dp-member-header.dp-member-header .dp-mh-profilemeta h1,
.dp-mode-dark .dp-member-header.dp-member-header .dp-mh-profilemeta h1,
body.dp-mode-dark .dp-member-header.dp-member-header .dp-mh-exp-text,
html.dp-mode-dark .dp-member-header.dp-member-header .dp-mh-exp-text,
.dp-mode-dark .dp-member-header.dp-member-header .dp-mh-exp-text,
body.dp-mode-dark .dp-member-header.dp-member-header .dp-mh-cat-posts,
html.dp-mode-dark .dp-member-header.dp-member-header .dp-mh-cat-posts,
.dp-mode-dark .dp-member-header.dp-member-header .dp-mh-cat-posts,
body.dp-mode-dark .dp-member-header.dp-member-header .dp-mh-action-menu summary,
html.dp-mode-dark .dp-member-header.dp-member-header .dp-mh-action-menu summary,
.dp-mode-dark .dp-member-header.dp-member-header .dp-mh-action-menu summary{
  color:var(--dp-text-white,#ffffff)!important;
  opacity:1!important;
  text-shadow:none!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
body.dp-mode-dark .dp-member-header.dp-member-header .dp-mh-exp-track,
html.dp-mode-dark .dp-member-header.dp-member-header .dp-mh-exp-track,
.dp-mode-dark .dp-member-header.dp-member-header .dp-mh-exp-track{
  background:var(--dp-bg-content,#f6f8fb)!important;
}
body.dp-mode-dark .dp-member-header.dp-member-header .dp-mh-action-menu summary,
html.dp-mode-dark .dp-member-header.dp-member-header .dp-mh-action-menu summary,
.dp-mode-dark .dp-member-header.dp-member-header .dp-mh-action-menu summary{
  background:var(--mh-surface)!important;
  border-color:var(--mh-line)!important;
}
body.dp-mode-dark .dp-member-header.dp-member-header .dp-mh-cat-home,
html.dp-mode-dark .dp-member-header.dp-member-header .dp-mh-cat-home,
.dp-mode-dark .dp-member-header.dp-member-header .dp-mh-cat-home,
body.dp-mode-dark .dp-member-header.dp-member-header .dp-mh-cat-posts.is-active,
html.dp-mode-dark .dp-member-header.dp-member-header .dp-mh-cat-posts.is-active,
.dp-mode-dark .dp-member-header.dp-member-header .dp-mh-cat-posts.is-active{
  color:var(--dp-primary,#327fd2)!important;
}

@media (max-width:767px){
  .dp-member-header.dp-member-header .dp-mh-cat-home,
  .dp-member-header.dp-member-header .dp-mh-cat-posts{
    height:44px!important;
    flex-basis:64px!important;
    font-size:13px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-cat-home-icon{
    font-size:16px!important;
    width:16px!important;
    height:16px!important;
  }
}

/* v2.1.3 compact desktop profile ratio
 * 壓縮電腦版會員資訊區：縮小頭像、名稱、徽章與 EXP；讓 Banner / Profile / Tab 比例更接近遊戲會員卡。
 */
@media (min-width:768px){
  .dp-member-header.dp-member-header .dp-mh-profilebar{
    align-items:center!important;
    gap:18px!important;
    min-height:98px!important;
    padding:16px 112px 16px 40px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-avatar{
    width:90px!important;
    height:90px!important;
    border-width:3px!important;
    box-shadow:0 10px 22px rgba(0,0,0,.22)!important;
  }
  .dp-member-header.dp-member-header .dp-mh-avatar-edit{
    right:-5px!important;
    bottom:2px!important;
    width:26px!important;
    height:26px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-avatar-edit svg{
    width:15px!important;
    height:15px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-profilemeta{
    justify-content:center!important;
    gap:7px!important;
    max-width:620px!important;
    transform:none!important;
  }
  .dp-member-header.dp-member-header .dp-mh-profilemeta h1{
    max-width:280px!important;
    font-size:24px!important;
    line-height:1.08!important;
    font-weight:900!important;
    text-shadow:none!important;
  }
  .dp-member-header.dp-member-header .dp-mh-level-row{
    gap:8px!important;
    min-height:20px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-lv,
  .dp-member-header.dp-member-header .dp-mh-title-badge{
    height:20px!important;
    padding:0 9px!important;
    border-radius:6px!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:400!important;
  }
  .dp-member-header.dp-member-header .dp-mh-title-badge{
    max-width:128px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-expbar{
    grid-template-columns:minmax(220px,460px) auto!important;
    gap:10px!important;
    width:min(520px,100%)!important;
  }
  .dp-member-header.dp-member-header .dp-mh-exp-track{
    height:5px!important;
    min-width:220px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-exp-text{
    font-size:12px!important;
    line-height:1!important;
    font-weight:800!important;
    text-shadow:none!important;
  }
  .dp-member-header.dp-member-header .dp-mh-action-menu{
    top:220px!important;
    right:32px!important;
    width:52px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-action-menu summary{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-action-menu .dp-mh-action-icon{
    width:20px!important;
    height:20px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-action-menu nav{
    top:30px!important;
  }
}

@media (min-width:992px){
	
	.dp-member-header .dp-mh-avatar-wrap{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  margin: -80px 0 0 0;
}
	
	
  .dp-member-header.dp-member-header .dp-mh-profilebar{
    min-height:100px!important;
    padding:10px 40px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-expbar{
    grid-template-columns:minmax(260px,520px) auto!important;
    width:min(560px,100%)!important;
  }
  .dp-member-header.dp-member-header .dp-mh-exp-track{
    min-width:260px!important;
  }
}

@media (max-width:767px){
  .dp-member-header.dp-member-header .dp-mh-profilebar{
    min-height:104px!important;
  }
}

/* v2.1.4 desktop half-width profile and shorter EXP
 * 僅調整桌機版：會員資訊內容寬度縮到視覺半寬內，EXP 條比 v2.1.3 再縮短約 25%。
 */
@media (min-width:768px){
  .dp-member-header.dp-member-header .dp-mh-profilebar{
    gap:20px!important;
    padding-right:40px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-profilemeta{
    flex:0 1 430px!important;
    width:min(430px,48vw)!important;
    max-width:min(430px,48vw)!important;
    gap:2px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-profilemeta h1{
    max-width:210px!important;
    font-size:20px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-level-row{
    gap:7px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-expbar{
    grid-template-columns:300px auto!important;
    width:300px!important;
    max-width:300px!important;
    gap:8px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-exp-track{
    width:240px!important;
    min-width:0!important;
    max-width:240px!important;
    height:3px!important;
  }
}

@media (min-width:992px){
  .dp-member-header.dp-member-header .dp-mh-profilemeta{
    flex:0 1 460px!important;
    width:min(460px,46vw)!important;
    max-width:min(460px,46vw)!important;
  }
  .dp-member-header.dp-member-header .dp-mh-expbar{
    grid-template-columns:240px auto!important;
    width:240px!important;
    max-width:240px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-exp-track{
    width:240px!important;
    max-width:240px!important;
  }
}

/* v2.1.5 tablet/mobile compact ratio
 * 同步平板與手機版比例：縮小 profilebar、頭像、名稱、徽章、EXP 與功能鈕，讓行動裝置不再佔太多高度。
 */
@media (min-width:768px) and (max-width:991px){
  .dp-member-header.dp-member-header .dp-mh-profilebar{
    min-height:86px!important;
    gap:5px!important;
    padding:12px 34px 12px 34px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-avatar{
    width:64px!important;
    height:64px!important;
    border-width:3px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-avatar-edit{
    right:-5px!important;
    bottom:1px!important;
    width:24px!important;
    height:24px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-avatar-edit svg{
    width:14px!important;
    height:14px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-profilemeta{
    flex:0 1 360px!important;
    width:min(360px,46vw)!important;
    max-width:min(360px,46vw)!important;
    gap:2px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-profilemeta h1{
    max-width:190px!important;
    font-size:21px!important;
    line-height:1.08!important;
  }
  .dp-member-header.dp-member-header .dp-mh-level-row{
    gap:6px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-lv,
  .dp-member-header.dp-member-header .dp-mh-title-badge{
    height:19px!important;
    padding:0 8px!important;
    border-radius:6px!important;
    font-size:10px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-title-badge{
    max-width:118px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-expbar{
    grid-template-columns:150px auto!important;
    width:150px!important;
    max-width:150px!important;
    gap:5px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-exp-track{
    width:150px!important;
    max-width:150px!important;
    height:2px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-exp-text{
    font-size:10px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-action-menu{
    top:210px!important;
    right:10px!important;
    width:46px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-action-menu summary{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-action-menu .dp-mh-action-icon{
    width:18px!important;
    height:18px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-cat-home,
  .dp-member-header.dp-member-header .dp-mh-cat-posts{
    height:44px!important;
    flex-basis:68px!important;
    font-size:14px!important;
  }
}

@media (max-width:767px){
  .dp-member-header.dp-member-header .dp-mh-cover{
    height:132px!important;
    min-height:132px!important;
    max-height:132px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-profilebar{
    min-height:92px!important;
    gap:10px!important;
    padding:12px 62px 12px 14px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-avatar{
    width:60px!important;
    height:60px!important;
    border-width:3px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-avatar-edit{
    right:-5px!important;
    bottom:1px!important;
    width:23px!important;
    height:23px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-avatar-edit svg{
    width:13px!important;
    height:13px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-profilemeta{
    max-width:calc(100vw - 146px)!important;
    gap:5px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-profilemeta h1{
    max-width:128px!important;
    font-size:20px!important;
    line-height:1.08!important;
  }
  .dp-member-header.dp-member-header .dp-mh-level-row{
    gap:5px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-lv,
  .dp-member-header.dp-member-header .dp-mh-title-badge{
    height:22px!important;
    padding:0 8px!important;
    border-radius:7px!important;
    font-size:12px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-title-badge{
    max-width:92px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-expbar{
    grid-template-columns:minmax(112px,144px) auto!important;
    width:144px!important;
    max-width:144px!important;
    gap:6px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-exp-track{
    width:144px!important;
    max-width:144px!important;
    height:4px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-exp-text{
    font-size:8px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-action-menu{
    top:152px!important;
    right:16px!important;
    width:44px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-action-menu summary{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-action-menu .dp-mh-action-icon{
    width:21px!important;
    height:21px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-action-menu nav{
    top:50px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-cat-home,
  .dp-member-header.dp-member-header .dp-mh-cat-posts{
    height:40px!important;
    flex-basis:58px!important;
    font-size:12px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-cat-home-icon{
    font-size:14px!important;
    width:14px!important;
    height:14px!important;
  }
	
    .dp-member-header.dp-member-header .dp-mh-profilemeta h1 {
        max-width: 128px !important;
        font-size: 17px !important;
        line-height: 1.08 !important;
    }	
	
}

@media (max-width:420px){
  .dp-member-header.dp-member-header .dp-mh-cover{
    height:126px!important;
    min-height:126px!important;
    max-height:126px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-profilebar{
    min-height:86px!important;
    padding:10px 58px 10px 12px!important;
    gap:9px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-avatar{
    width:56px!important;
    height:56px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-profilemeta{
    max-width:calc(100vw - 136px)!important;
    gap:4px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-profilemeta h1{
    max-width:112px!important;
    font-size:18px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-lv,
  .dp-member-header.dp-member-header .dp-mh-title-badge{
    height:20px!important;
    padding:0 7px!important;
    font-size:11px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-title-badge{
    max-width:84px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-expbar{
    grid-template-columns:minmax(70px,70px) auto!important;
    width:70px!important;
    max-width:70px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-exp-track{
    width:70px!important;
    max-width:70px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-action-menu{
    top:146px!important;
    right:14px!important;
    width:40px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-action-menu summary{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-cat-home,
  .dp-member-header.dp-member-header .dp-mh-cat-posts{
    height:38px!important;
    flex-basis:54px!important;
    font-size:12px!important;
  }
}


/* v2.1.6 mobile dropdown anchor fix
 * 手機版個人功能選單改回掛在會員資訊區右側圓形按鈕下方，避免浮到 Banner / 頁首區。
 */
@media (max-width:767px){
  .dp-member-header.dp-member-header,
  .dp-member-header.dp-member-header .dp-mh-main,
  .dp-member-header.dp-member-header .dp-mh-head,
  .dp-member-header.dp-member-header .dp-mh-profilebar{
    overflow:visible!important;
  }
  .dp-member-header.dp-member-header .dp-mh-action-menu{
    position:absolute!important;
    top:168px!important;
    right:16px!important;
    width:44px!important;
    z-index:99990!important;
  }
  .dp-member-header.dp-member-header .dp-mh-action-menu summary{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-action-menu nav,
  .dp-member-header.dp-member-header .dp-mh-action-menu.is-mobile-fixed nav{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    right:0!important;
    left:auto!important;
    width:200px!important;
    min-width:184px!important;
    max-width:calc(100vw - 32px)!important;
    max-height:60vh!important;
    margin:0!important;
    overflow:auto!important;
    z-index:99999!important;
  }
}
@media (max-width:420px){
  .dp-member-header.dp-member-header .dp-mh-action-menu{
    top: 157px !important;
    right: 5px !important;
    width: 40px !important;
  }
  .dp-member-header.dp-member-header .dp-mh-action-menu summary{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
  }
  .dp-member-header.dp-member-header .dp-mh-action-menu nav,
  .dp-member-header.dp-member-header .dp-mh-action-menu.is-mobile-fixed nav{
    right:0!important;
    width:196px!important;
  }
}

/* v2.1.12 CSS variable converge: dark base follows Site Foundation */
.dp-member-header.dp-mode-dark,
.dp-mode-dark .dp-member-header,
html[data-theme="dark"] .dp-member-header,
body[data-theme="dark"] .dp-member-header{
  --mh-surface:var(--dp-bg-card,#191919)!important;
  --mh-surface-rgb:25,25,25!important;
  --mh-soft:var(--dp-bg-content,#191919)!important;
  --mh-line:var(--dp-border,rgba(148,163,184,.18))!important;
  --mh-title:var(--dp-text,#f8fafc)!important;
  --mh-text:var(--dp-text,#f8fafc)!important;
  --mh-muted:var(--dp-text-light,#94a3b8)!important;
  --mh-panel:var(--dp-bg-card,#191919)!important;
  color-scheme:dark!important;
}


/* v2.1.18 會員外觀背景聯動：會員區背景只套用頁面 body，不再套用 Header。 */
body.dp-member-profile-body-bg{
  --dp-member-pattern-rgb:51,65,85;
  --dp-member-pattern-accent-rgb:37,99,235;
  background-color:#ffffff!important;
  background-image:var(--dp-member-profile-bg-image)!important;
  background-size:var(--dp-member-profile-bg-size,cover)!important;
  background-position:var(--dp-member-profile-bg-position,center top)!important;
  background-repeat:var(--dp-member-profile-bg-repeat,no-repeat)!important;
  background-attachment:fixed!important;
}

body.dp-member-profile-body-bg:not(.dp-member-profile-theme-dark){
  background-color:#efefef!important;
}

#dp-root.dp-mode-dark body.dp-member-profile-body-bg,
body.dp-mode-dark.dp-member-profile-body-bg,
html[data-theme="dark"] body.dp-member-profile-body-bg,
body[data-theme="dark"].dp-member-profile-body-bg,
body.dp-member-profile-body-bg.dp-member-profile-theme-dark{
  --dp-member-pattern-rgb:148,163,184;
  --dp-member-pattern-accent-rgb:96,165,250;
  background-color:#242424 !important;
}


/* v2.1.20：只在會員背景啟用時，移除 Foundation 外層內容框架的預設底色。
 * 不修改 Header、內容卡片或側欄自身背景，也不影響其他頁面。
 */
body.dp-member-profile-body-bg > #dp-root,
body.dp-member-profile-body-bg #dp-root.dp-root,
body.dp-member-profile-body-bg #dp-root > .dp-shell,
body.dp-member-profile-body-bg #dp-root .dp-shell,
body.dp-member-profile-body-bg #dp-page,
body.dp-member-profile-body-bg #dp-content,
body.dp-member-profile-body-bg #dp-root .dp-main,
body.dp-member-profile-body-bg #dp-root .dp-layout{
  background:transparent!important;
  background-image:none!important;
}