/*
 * dp-member-home v1.0.74
 * CSS rebuild：單一樣式來源，移除舊版覆蓋層與版本疊加 selector。
 */

.dp-member-home{
  --mh-bg:transparent;
  --mh-surface:#ffffff;
  --mh-surface-rgb:255,255,255;
  --mh-soft:#f3f4f6;
  --mh-line:#d8dde5;
  --mh-text:#111827;
  --mh-title:#0f172a;
  --mh-muted:#64748b;
  --mh-panel:#eef0f3;
  --mh-thumb:#a3aab5;
  --mh-dark-section:#101215;
  --mh-radius:4px;
  --mh-radius-soft:8px;
  --mh-hr:#101215;
  --mh-action-bg:#020617;
  --mh-action-text:#ffffff;
  --mh-menu-bg:#ffffff;
  --mh-menu-text:#191919;
  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}

.dp-root.dp-mode-dark .dp-member-home .dp-mh-intro-content hr{color: var(--mh-hr) !important;}

/* dp-root light/dark mode bridge */
#dp-root.dp-mode-light .dp-member-home{
  --mh-bg:transparent;
  --mh-surface:#ffffff;
  --mh-surface-rgb:255,255,255;
  --mh-soft:#f3f4f6;
  --mh-line:#d8dde5;
  --mh-text:#191919;
  --mh-title:#0f172a;
  --mh-muted:#64748b;
  --mh-panel:#eef0f3;
  --mh-thumb:#a3aab5;
  --mh-action-bg:#020617;
  --mh-action-text:#ffffff;
  --mh-menu-bg:#ffffff;
  --mh-menu-text:#111827;
}
#dp-root.dp-mode-dark .dp-member-home{
  --mh-bg:transparent;
  --mh-surface:#111827;
  --mh-surface-rgb:17,24,39;
  --mh-soft:#1f2937;
  --mh-line:#334155;
  --mh-text:#e5e7eb;
  --mh-title:#f8fafc;
  --mh-muted:#cbd5e1;
  --mh-panel:#30343b;
  --mh-thumb:#606672;
  --mh-action-bg:#18475c;
  --mh-action-text:#ffffff;
  --mh-menu-bg:#0f172a;
  --mh-menu-text:#eaf1ff;
}

/* 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:#111827;
  --mh-surface-rgb:17,24,39;
  --mh-soft:#1f2937;
  --mh-line:#334155;
  --mh-text:#e5e7eb;
  --mh-title:#f8fafc;
  --mh-muted:#cbd5e1;
  --mh-panel:#30343b;
  --mh-thumb:#606672;
  --mh-action-bg:#18475c;
  --mh-action-text:#ffffff;
  --mh-menu-bg:#0f172a;
  --mh-menu-text:#eaf1ff;
}

/* Layout */
.dp-mh-main{width:100%;margin:0!important;padding:0!important}
.dp-mh-head{position:relative;margin:0!important;padding:0!important;background:rgba(var(--mh-surface-rgb),.96);border:1px solid var(--mh-line);border-radius:var(--mh-radius);overflow:visible}
.dp-mh-cover{position:relative;height:178px;background:#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:rgba(255,255,255,.94);color:#111827!important;border:1px solid rgba(15,23,42,.18);border-radius:10px;box-shadow:0 8px 18px rgba(15,23,42,.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(--mh-thumb);border:5px solid var(--mh-surface);border-radius:50%!important;overflow:hidden;box-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(--mh-action-bg)!important;color:var(--mh-action-text)!important;border-radius:7px;font-size:10px;font-weight:900;letter-spacing:.02em;box-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(--mh-action-bg)!important;color:var(--mh-action-text)!important;border:1px solid #020617;border-radius:var(--mh-radius);font-size:16px;font-weight:900;box-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(--mh-menu-bg);border:1px solid var(--mh-line);border-radius:var(--mh-radius);box-shadow:0 14px 34px rgba(15,23,42,.18);overflow:hidden}
.dp-mh-action-menu a{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--mh-menu-bg);color:var(--mh-menu-text)!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(--mh-soft)!important}

/* Intro / house */
.dp-mh-house-stage{position:relative;min-height:190px;margin:16px 0;padding:28px 42px;background:var(--mh-panel)!important;border:1px solid var(--mh-line);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:#64748b!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:rgba(var(--mh-surface-rgb),.95);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(--mh-action-bg)!important;color:var(--mh-action-text)!important;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:rgba(var(--mh-surface-rgb),.92)!important;border:1px solid var(--mh-line);border-radius:var(--mh-radius);overflow:hidden;box-shadow:none}
.dp-mh-post-card:hover{background:rgba(var(--mh-surface-rgb),1)!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:#7b8495!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:rgba(var(--mh-surface-rgb),.92)!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:#fff!important;color:#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:#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:#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:#111!important;overflow:hidden!important;border:5px solid #f3f4f6!important;box-shadow:0 12px 28px rgba(15,23,42,.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:#111827!important}
.dp-mh-editor-row input[type="text"]{width:100%!important;height:40px!important;border:1px solid #d1d5db!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 #d1d5db!important;background:#fff!important;color:#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:#111827!important;color:#fff!important;border-color:#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:#2563eb;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:#fff}
.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:rgba(var(--mh-surface-rgb),.82)}
.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:#000;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:rgba(var(--mh-surface-rgb),.96)!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:#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:rgba(var(--mh-surface-rgb),.96)!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:0 10px 24px rgba(15,23,42,.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:#020617!important;color:#fff!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:rgba(var(--mh-surface-rgb),.96)!important;color:var(--mh-title)!important;border:1px solid var(--mh-line)!important;border-radius:30px!important;font-size:0!important;box-shadow:0 8px 20px rgba(15,23,42,.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: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:#64748b!important;font-size:20px!important;font-weight:900!important}
  .dp-mh-view-toggle{flex:0 0 auto!important;background:rgba(var(--mh-surface-rgb),.95)!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:#020617!important;color:#fff!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:rgba(var(--mh-surface-rgb),.92)!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:rgba(var(--mh-surface-rgb),.92)!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:rgba(var(--mh-surface-rgb),.92);color:var(--mh-title);font-size:14px;font-weight:900;line-height:1.2;cursor:pointer;box-shadow:0 6px 16px rgba(15,23,42,.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:#64748b!important;
}
.dp-member-home .dp-mh-view-toggle{
  gap:3px!important;
  padding:3px!important;
  background:rgba(var(--mh-surface-rgb),.96)!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:#020617!important;color:#fff!important;}
.dp-member-home .dp-mh-post-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0 0 15px!important;
  padding:0!important;
  background:transparent!important;
}
.dp-member-home .dp-mh-post-card{
  background:rgba(var(--mh-surface-rgb),.96)!important;
  border:0px 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:rgba(var(--mh-surface-rgb),1)!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 10px!important;
  padding:0!important;
  background:rgba(var(--mh-surface-rgb),.96)!important;
  border:1px 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:100px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  min-height:90px!important;
  padding:0px!important;
}
.dp-member-home .dp-mh-post-grid[data-view="list"] .dp-mh-post-thumb{
  width:90px!important;
  height:90px!important;
  border-radius:0px!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:15px 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:10px!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;}
}


/* v1.0.75: member header moved to dp-member-header-v2; home keeps content-only spacing. */
.dp-member-home-v175 > .dp-mh-main > .dp-member-header{ margin-bottom: 18px; }
.dp-member-home-v175 > .dp-mh-main > .dp-mh-house-stage{ margin-top: 18px; }


/* v1.0.79：member-home 不改 dp-member-header 包，只套用 header v2；亮暗唯一入口為 #dp-root.dp-mode-dark / .dp-mode-light。 */
#dp-root.dp-mode-light .dp-member-home,
.dp-root.dp-mode-light .dp-member-home {
  --mh-surface:#ffffff;
  --mh-surface-rgb:255,255,255;
  --mh-soft:#f3f4f6;
  --mh-line:#d8dde5;
  --mh-text:#111827;
  --mh-title:#0f172a;
  --mh-muted:#64748b;
  --mh-panel:#eef0f3;
  --mh-thumb:#a3aab5;
}
#dp-root.dp-mode-dark .dp-member-home,
.dp-root.dp-mode-dark .dp-member-home {
  --mh-surface:#111827;
  --mh-surface-rgb:17,24,39;
  --mh-soft:#1f2937;
  --mh-line:#334155;
  --mh-text:#e5e7eb;
  --mh-title:#f8fafc;
  --mh-muted:#cbd5e1;
  --mh-panel:#30343b;
  --mh-thumb:#606672;
}
#dp-root.dp-mode-dark .dp-member-home .dp-mh-head,
.dp-root.dp-mode-dark .dp-member-home .dp-mh-head,
#dp-root.dp-mode-dark .dp-member-home .dp-mh-house-stage,
.dp-root.dp-mode-dark .dp-member-home .dp-mh-house-stage,
#dp-root.dp-mode-dark .dp-member-home .dp-mh-post-card,
.dp-root.dp-mode-dark .dp-member-home .dp-mh-post-card {
  background:var(--mh-surface)!important;
  color:var(--mh-text)!important;
  border-color:var(--mh-line)!important;
}
#dp-root.dp-mode-dark .dp-member-home .dp-mh-profilemeta h1,
#dp-root.dp-mode-dark .dp-member-home .dp-mh-intro-content,
#dp-root.dp-mode-dark .dp-member-home .dp-mh-intro-content *,
#dp-root.dp-mode-dark .dp-member-home .dp-mh-post-card h3,
#dp-root.dp-mode-dark .dp-member-home .dp-mh-post-card p,
.dp-root.dp-mode-dark .dp-member-home .dp-mh-profilemeta h1,
.dp-root.dp-mode-dark .dp-member-home .dp-mh-intro-content,
.dp-root.dp-mode-dark .dp-member-home .dp-mh-intro-content *,
.dp-root.dp-mode-dark .dp-member-home .dp-mh-post-card h3,
.dp-root.dp-mode-dark .dp-member-home .dp-mh-post-card p {
  color:var(--mh-text)!important;
}
#dp-root.dp-mode-dark .dp-member-home .dp-mh-avatar,
.dp-root.dp-mode-dark .dp-member-home .dp-mh-avatar { border-color:var(--mh-surface)!important; }
#dp-root.dp-mode-dark .dp-member-home .dp-mh-action-menu nav,
.dp-root.dp-mode-dark .dp-member-home .dp-mh-action-menu nav {
  background:var(--mh-surface)!important;
  border-color:var(--mh-line)!important;
}
#dp-root.dp-mode-dark .dp-member-home .dp-mh-action-menu a,
.dp-root.dp-mode-dark .dp-member-home .dp-mh-action-menu a {
  background:var(--mh-surface)!important;
  color:var(--mh-text)!important;
  border-color:var(--mh-line)!important;
}
#dp-root.dp-mode-dark .dp-member-home .dp-mh-action-menu a:hover,
.dp-root.dp-mode-dark .dp-member-home .dp-mh-action-menu a:hover { background:var(--mh-soft)!important; }
.dp-member-home-header-missing{padding:14px;border:1px solid #f59e0b;background:#fffbeb;color:#92400e;font-weight:700;margin-bottom:14px}


/* v1.0.80：修正會員首頁版面把 header 右側 dropdown 裁切 / 壓住。
   原因：home 的 house-stage / 右欄 / 內容區建立 stacking context，導致 dp-member-header-v2 的 action menu 展開時被同層區塊覆蓋。
   原則：不改 header 包，只在 home 頁把共用 header 抬高，內容區降層，並解除會裁切 dropdown 的外層 overflow。 */
.dp-member-home,
.dp-member-home .dp-mh-main,
.dp-member-home .dp-member-header,
.dp-member-home .dp-member-header-wrap,
.dp-member-home .dp-member-header-shell,
.dp-member-home .dp-mh-head{
  overflow:visible!important;
}

.dp-member-home .dp-member-header,
.dp-member-home .dp-member-header-wrap,
.dp-member-home .dp-member-header-shell,
.dp-member-home .dp-mh-head{
  position:relative!important;
  z-index:1000!important;
  isolation:isolate;
}

.dp-member-home .dp-member-header details,
.dp-member-home .dp-member-header .dp-mh-action-menu,
.dp-member-home .dp-member-header .dp-member-header-menu,
.dp-member-home .dp-member-header .dp-member-header-dropdown,
.dp-member-home .dp-mh-head details,
.dp-member-home .dp-mh-head .dp-mh-action-menu{
  z-index:99999!important;
}

.dp-member-home .dp-member-header details[open] nav,
.dp-member-home .dp-member-header .dp-mh-action-menu[open] nav,
.dp-member-home .dp-member-header .dp-member-header-dropdown,
.dp-member-home .dp-mh-head details[open] nav,
.dp-member-home .dp-mh-head .dp-mh-action-menu[open] nav{
  z-index:100000!important;
  max-width:min(220px,calc(100vw - 24px))!important;
}

.dp-member-home .dp-mh-house-stage,
.dp-member-home .dp-mh-intro-content,
.dp-member-home .dp-mh-post-header,
.dp-member-home .dp-mh-post-grid,
.dp-member-home .dp-mh-post-card,
.dp-member-home .dp-right,
.dp-member-home .dp-c-right_member-articles{
  position:relative!important;
  z-index:1!important;
}

@media (max-width:767px){
  .dp-member-home{overflow:visible!important;}
  .dp-member-home .dp-member-header,
  .dp-member-home .dp-member-header-wrap,
  .dp-member-home .dp-member-header-shell,
  .dp-member-home .dp-mh-head{z-index:1000!important;}
  .dp-member-home .dp-member-header details[open] nav,
  .dp-member-home .dp-member-header .dp-mh-action-menu[open] nav,
  .dp-member-home .dp-mh-head details[open] nav,
  .dp-member-home .dp-mh-head .dp-mh-action-menu[open] nav{
    right:0!important;
    max-width:calc(100vw - 24px)!important;
  }
}


/* v1.0.85：修正個人介紹展開與深色漸層髒灰感 */
.dp-member-home .dp-mh-bio-wrap.is-collapsible:not(.is-expanded) .dp-mh-bio-html{
  max-height:340px!important;
  overflow:hidden!important;
  position:relative!important;
}
.dp-member-home .dp-mh-bio-wrap.is-expanded .dp-mh-bio-html{
  max-height:none!important;
  overflow:visible!important;
}
.dp-member-home .dp-mh-bio-wrap.is-collapsible .dp-mh-bio-toggle{
  display:inline-flex!important;
  position:relative!important;
  z-index:5!important;
  pointer-events:auto!important;
  align-items:center!important;
  justify-content:center!important;
}
.dp-member-home .dp-mh-bio-wrap.is-collapsible:not(.is-expanded)::after{
  background:linear-gradient(180deg,rgba(var(--mh-surface-rgb),0) 0%,rgba(var(--mh-surface-rgb),.72) 58%,var(--mh-surface) 100%)!important;
}
#dp-root.dp-mode-dark .dp-member-home,
.dp-root.dp-mode-dark .dp-member-home{
  --mh-panel:#111827;
  --mh-surface:#111827;
  --mh-surface-rgb:17,24,39;
}
#dp-root.dp-mode-dark .dp-member-home .dp-mh-house-stage,
.dp-root.dp-mode-dark .dp-member-home .dp-mh-house-stage{
  background:linear-gradient(135deg,#172033 0%,#111827 52%,#0b1120 100%)!important;
  border-color:rgba(148,163,184,.22)!important;
}
#dp-root.dp-mode-dark .dp-member-home .dp-mh-bio-wrap.is-collapsible:not(.is-expanded)::after,
.dp-root.dp-mode-dark .dp-member-home .dp-mh-bio-wrap.is-collapsible:not(.is-expanded)::after{
  background:linear-gradient(180deg,rgba(17,24,39,0) 0%,rgba(17,24,39,.78) 58%,#111827 100%)!important;
}
.dp-member-home .dp-mh-post-thumb{
  background-color:var(--mh-thumb)!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}


/* v1.0.86 real fix：展開、背景、精選圖；v1.0.87 改為亮暗變數控制，不再寫死黑底 */
.dp-member-home .dp-mh-house-stage{
  isolation:isolate!important;
  background:var(--mh-panel)!important;
  background-image:none!important;
}
.dp-member-home .dp-mh-house-stage>img{
  z-index:0!important;
  pointer-events:none!important;
}
.dp-member-home .dp-mh-intro-content{
  position:relative!important;
  z-index:3!important;
}
.dp-member-home .dp-mh-bio-wrap,
.dp-member-home .dp-mh-bio-toggle{
  pointer-events:auto!important;
}
.dp-member-home .dp-mh-bio-toggle{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  z-index:50!important;
  cursor:pointer!important;
}
.dp-member-home .dp-mh-bio-wrap.is-collapsible:not(.is-expanded) .dp-mh-bio-html{
  max-height:230px!important;
  overflow:hidden!important;
}
.dp-member-home .dp-mh-bio-wrap.is-expanded .dp-mh-bio-html{
  max-height:none!important;
  height:auto!important;
  overflow:visible!important;
}
.dp-member-home .dp-mh-bio-wrap.is-collapsible:not(.is-expanded)::after{
  bottom:42px!important;
  background:linear-gradient(180deg,rgba(var(--mh-surface-rgb),0) 0%,rgba(var(--mh-surface-rgb),.72) 65%,var(--mh-surface) 100%)!important;
}
body.dp-mode-dark .dp-member-home .dp-mh-house-stage,
body.dark-mode .dp-member-home .dp-mh-house-stage,
[data-theme="dark"] .dp-member-home .dp-mh-house-stage,
#dp-root.dp-mode-dark .dp-member-home .dp-mh-house-stage,
.dp-root.dp-mode-dark .dp-member-home .dp-mh-house-stage{
  --mh-panel:#191919!important;
  --mh-surface:#191919!important;
  --mh-surface-rgb:25,25,25!important;
  background:var(--mh-panel)!important;
  border-color:rgba(148,163,184,0)!important;
}

body.dp-mode-light .dp-member-home .dp-mh-house-stage,
#dp-root.dp-mode-light .dp-member-home .dp-mh-house-stage,
.dp-root.dp-mode-light .dp-member-home .dp-mh-house-stage{
  --mh-panel:#ffffff!important;
  --mh-surface:#ffffff!important;
  --mh-surface-rgb:255,255,255!important;
  background:var(--mh-panel)!important;
  background-image:none!important;
  border-color:var(--mh-line)!important;
}
body.dp-mode-light .dp-member-home .dp-mh-bio-wrap.is-collapsible:not(.is-expanded)::after,
#dp-root.dp-mode-light .dp-member-home .dp-mh-bio-wrap.is-collapsible:not(.is-expanded)::after,
.dp-root.dp-mode-light .dp-member-home .dp-mh-bio-wrap.is-collapsible:not(.is-expanded)::after{
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(238 240 243) 65%, #eef0f3 100%) !important;
}
body.dp-mode-dark .dp-member-home .dp-mh-bio-wrap.is-collapsible:not(.is-expanded)::after,
body.dark-mode .dp-member-home .dp-mh-bio-wrap.is-collapsible:not(.is-expanded)::after,
[data-theme="dark"] .dp-member-home .dp-mh-bio-wrap.is-collapsible:not(.is-expanded)::after,
#dp-root.dp-mode-dark .dp-member-home .dp-mh-bio-wrap.is-collapsible:not(.is-expanded)::after,
.dp-root.dp-mode-dark .dp-member-home .dp-mh-bio-wrap.is-collapsible:not(.is-expanded)::after{
  background:linear-gradient(180deg,rgba(25,25,25,0) 0%,rgba(25,25,25,.72) 65%,#191919 100%)!important;
}
.dp-member-home .dp-mh-post-thumb.has-thumb{
  background-color:transparent!important;
}


/* v1.0.89：個人介紹初始固定收合；JS 尚未初始化前也不會先全開 */
.dp-member-home .dp-mh-bio-wrap[data-dp-bio-collapse],
.dp-member-home .dp-mh-bio-wrap[data-dp-bio-collapse].is-collapsible,
.dp-member-home .dp-mh-bio-wrap[data-dp-bio-collapse].is-collapsed{
  position:relative!important;
}
.dp-member-home .dp-mh-bio-wrap[data-dp-bio-collapse]:not(.is-expanded) .dp-mh-bio-html,
.dp-member-home .dp-mh-bio-wrap[data-dp-bio-collapse].is-collapsed .dp-mh-bio-html{
  max-height:230px!important;
  overflow:hidden!important;
}
.dp-member-home .dp-mh-bio-wrap[data-dp-bio-collapse].is-expanded .dp-mh-bio-html{
  max-height:none!important;
  height:auto!important;
  overflow:visible!important;
}
.dp-member-home .dp-mh-bio-wrap[data-dp-bio-collapse]:not(.is-expanded)::after,
.dp-member-home .dp-mh-bio-wrap[data-dp-bio-collapse].is-collapsed::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:42px!important;
  height:96px!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(var(--mh-surface-rgb),0) 0%,rgba(var(--mh-surface-rgb),.72) 65%,var(--mh-surface) 100%)!important;
}
.dp-member-home .dp-mh-bio-wrap[data-dp-bio-collapse].is-expanded::after{
  content:none!important;
  display:none!important;
}

/* v1.0.90：個人介紹狀態機修正；用 data-state + inline style 雙保險，避免舊 CSS 污染導致打不開 */
.dp-member-home .dp-mh-bio-wrap[data-dp-bio-collapse][data-dp-bio-state="collapsed"] .dp-mh-bio-html{
  max-height:230px!important;
  overflow:hidden!important;
}
.dp-member-home .dp-mh-bio-wrap[data-dp-bio-collapse][data-dp-bio-state="expanded"] .dp-mh-bio-html,
.dp-member-home .dp-mh-bio-wrap[data-dp-bio-collapse].is-expanded .dp-mh-bio-html{
  max-height:none!important;
  height:auto!important;
  overflow:visible!important;
}
.dp-member-home .dp-mh-bio-wrap[data-dp-bio-collapse][data-dp-bio-state="expanded"]::after,
.dp-member-home .dp-mh-bio-wrap[data-dp-bio-collapse].is-expanded::after{
  content:none!important;
  display:none!important;
}
.dp-member-home .dp-mh-bio-toggle{
  display:inline-flex!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  position:relative!important;
  z-index:999!important;
}


/* v1.0.91：bio 初始狀態同步修正，避免「畫面已展開但按鈕仍是展開」造成要點兩次 */
.dp-member-home .dp-mh-bio-wrap[data-dp-bio-collapse][data-dp-bio-state="collapsed"]{
  position:relative!important;
}
.dp-member-home .dp-mh-bio-wrap[data-dp-bio-collapse][data-dp-bio-state="collapsed"] .dp-mh-bio-html{
  max-height:230px!important;
  overflow:hidden!important;
}
.dp-member-home .dp-mh-bio-wrap[data-dp-bio-collapse][data-dp-bio-state="collapsed"] .dp-mh-bio-toggle{
  display:inline-flex!important;
}
.dp-member-home .dp-mh-bio-wrap[data-dp-bio-collapse][data-dp-bio-state="expanded"] .dp-mh-bio-toggle{
  display:inline-flex!important;
}

/* v1.0.92：會員首頁 CSS 收束，只收束色彩變數，不改版型結構。
 * 規則：深色框架底色固定吃 #191919；框線固定吃 rgba(148,163,184,.18)。
 * 功能包內不再用深藍背景當列表 / 卡片 / 面板底色。
 */
.dp-member-home{
  --mh-bg: transparent;
  --mh-surface: var(--dp-bg-card, #ffffff);
  --mh-surface-rgb: 255,255,255;
  --mh-soft: color-mix(in srgb, var(--dp-bg-card, #ffffff) 94%, var(--dp-text, #111827) 6%);
  --mh-line: var(--dp-border, #d1d5db);
  --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: color-mix(in srgb, var(--dp-bg-card, #ffffff) 70%, var(--dp-text-light, #64748b) 30%);
  --mh-dark-section: var(--dp-bg-content, #f5f5f5);
  --mh-radius: var(--dp-radius, 10px);
  --mh-radius-soft: var(--dp-radius, 10px);
  --mh-hr: var(--dp-border, #d1d5db);
  --mh-action-bg: var(--dp-primary, #327fd2);
  --mh-action-text: var(--dp-text-white, #ffffff);
  --mh-menu-bg: var(--dp-bg-card, #ffffff);
  --mh-menu-text: var(--dp-text, #111827);
}

#dp-root.dp-mode-light .dp-member-home,
.dp-root.dp-mode-light .dp-member-home{
  --mh-bg: transparent;
  --mh-surface: var(--dp-bg-card, #ffffff);
  --mh-surface-rgb: 255,255,255;
  --mh-soft: color-mix(in srgb, var(--dp-bg-card, #ffffff) 94%, var(--dp-text, #111827) 6%);
  --mh-line: var(--dp-border, #d1d5db);
  --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: color-mix(in srgb, var(--dp-bg-card, #ffffff) 70%, var(--dp-text-light, #64748b) 30%);
  --mh-action-bg: var(--dp-primary, #327fd2);
  --mh-action-text: var(--dp-text-white, #ffffff);
  --mh-menu-bg: var(--dp-bg-card, #ffffff);
  --mh-menu-text: var(--dp-text, #111827);
}

#dp-root.dp-mode-dark .dp-member-home,
.dp-root.dp-mode-dark .dp-member-home,
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-bg: transparent;
  --mh-surface: var(--dp-bg-card, #191919);
  --mh-surface-rgb: 25,25,25;
  --mh-soft: #202020;
  --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: #2a2a2a;
  --mh-dark-section: var(--dp-bg-content, #191919);
  --mh-hr: var(--dp-border, rgba(148,163,184,.18));
  --mh-action-bg: var(--dp-primary, #327fd2);
  --mh-action-text: var(--dp-text-white, #ffffff);
  --mh-menu-bg: var(--dp-bg-card, #191919);
  --mh-menu-text: var(--dp-text, #f8fafc);
}

/* 列表 / 卡片 / 面板：只吃會員首頁變數，不再保留深藍底色。 */
.dp-member-home .dp-mh-head,
.dp-member-home .dp-mh-house-stage,
.dp-member-home .dp-mh-post-card,
.dp-member-home .dp-mh-post-grid[data-view="list"],
.dp-member-home .dp-mh-view-toggle,
.dp-member-home .dp-mh-action-menu nav,
.dp-member-home .dp-mh-action-menu a,
.dp-member-home .dp-mh-bio-toggle{
  background: var(--mh-surface) !important;
  border-color: var(--mh-line) !important;
  color: var(--mh-text) !important;
  box-shadow: none !important;
}

.dp-member-home .dp-mh-house-stage{
  background: var(--mh-panel) !important;
}

.dp-member-home .dp-mh-post-card:hover,
.dp-member-home .dp-mh-action-menu a:hover,
.dp-member-home .dp-mh-bio-toggle:hover{
  background: var(--mh-soft) !important;
}

.dp-member-home .dp-mh-post-title,
.dp-member-home .dp-mh-profilemeta h1,
.dp-member-home .dp-mh-intro-content,
.dp-member-home .dp-mh-intro-content strong,
.dp-member-home .dp-mh-post-body h3{
  color: var(--mh-title) !important;
}

.dp-member-home .dp-mh-intro-content p,
.dp-member-home .dp-mh-post-body p,
.dp-member-home .dp-mh-post-body div{
  color: var(--mh-muted) !important;
}

/* Active / 主要操作才可使用品牌色，不能拿品牌色當卡片底。 */
.dp-member-home .dp-mh-view-btn.is-active,
.dp-member-home .dp-mh-action-menu summary,
.dp-member-home .dp-mh-lv{
  background: var(--mh-action-bg) !important;
  color: var(--mh-action-text) !important;
  border-color: var(--mh-action-bg) !important;
}


/* v1.0.94 latest posts content rating */
.dp-member-home .dp-mh-post-thumb{position:relative!important;overflow:hidden!important;isolation:isolate;}
.dp-member-home .dp-mh-post-thumb.is-rating-blurred::before{
  content:"";position:absolute;inset:-5px;z-index:1;
  background:inherit;background-position:center;background-size:cover;background-repeat:no-repeat;
  filter:blur(4px);transform:scale(1.06);opacity:.88;
}
.dp-member-home .dp-mh-rating-18 .dp-mh-post-thumb.is-rating-blurred::before{filter:blur(5px);opacity:.82;}
.dp-member-home .dp-mh-rating-mark{
  position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);
  width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  box-sizing:border-box;font-weight:800;font-size:14px;line-height:1;color:#111;background:rgba(255,255,255,.94);
  border:5px solid #e3262e;box-shadow:0 1px 5px rgba(0,0,0,.18);
}
.dp-member-home .dp-mh-rating-18 .dp-mh-rating-mark::after{
  content: "";
    position: absolute;
    left: -2px;
    right: 0px;
    top: 50%;
    width: 63px;
    height: 5px;
    border-radius: 999px;
    background: #e3262e;
    transform: translateY(-50%) rotate(-45deg);
    transform-origin: center;
}
.dp-member-home .dp-mh-rating-mark span{position: relative;
    z-index: 1;
    background: rgba(255, 255, 255, .84);
    padding: 1px 2px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 400;}
.dp-member-home .dp-mh-rating-15 .dp-mh-rating-mark{border-color:#ef8b1e;color:#8a4700;}
.dp-member-home .dp-mh-rating-child .dp-mh-rating-mark{
  left:8px;top:8px;transform:none;width:auto;min-width:0;height:24px;padding:0 8px;
  border-radius:999px;border:1px solid rgba(224,162,27,.72);
  color:#6b4b00;background:rgba(255,248,220,.94);font-size:11px;font-weight:700;
  line-height:1;box-shadow:0 1px 3px rgba(0,0,0,.10);
}
.dp-member-home .dp-mh-rating-child .dp-mh-rating-mark span{background:transparent;padding:0;border-radius:0;}
.dp-member-home .dp-mh-post-grid[data-view="list"] .dp-mh-rating-mark{width:38px;height:38px;font-size:12px;border-width:2px;}
.dp-member-home .dp-mh-post-grid[data-view="list"] .dp-mh-rating-child .dp-mh-rating-mark{
  left:6px;top:6px;transform:none;width:auto;height:22px;min-width:0;padding:0 7px;
  border-width:1px;font-size:10px;
}


/* v1.0.98 four-level rating: child protection square badge */
.dp-member-home .dp-mh-rating-child .dp-mh-rating-mark{
  left: 8px !important;
    top: 8px !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: auto !important;
    min-width: 0 !important;
    height: 24px !important;
    padding: 0 8px !important;
    border-radius: 0 !important;
    border: 1px solid #d3a51d !important;
    color: #ffffff !important;
    background: rgb(255 0 0 / 96%) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    box-shadow: none !important;
}
.dp-member-home .dp-mh-rating-child .dp-mh-rating-mark span{background:transparent!important;padding:0!important;border-radius:0!important;color:inherit!important;}
.dp-member-home .dp-mh-rating-child .dp-mh-post-thumb::before{filter:none!important;opacity:1!important;transform:none!important;}
.dp-member-home .dp-mh-post-grid[data-view="list"] .dp-mh-rating-child .dp-mh-rating-mark{
  left:6px!important;top:6px!important;width:auto!important;height:22px!important;min-width:0!important;padding:0 7px!important;border-radius:0!important;font-size:10px!important;
}


/* v1.0.100 restricted fixed cover: shared neutral background + circular prohibition sign */
.dp-member-home .dp-mh-post-card.dp-mh-rating-18 .dp-mh-post-thumb{
  position:relative!important;
  background:#e8edf3!important;
  overflow:hidden!important;
}
.dp-member-home .dp-mh-post-card.dp-mh-rating-18 .dp-mh-post-thumb::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  opacity:1!important;
  filter:none!important;
  transform:none!important;
  background:none!important;
  pointer-events:none!important;
}
.dp-member-home .dp-mh-restricted-placeholder{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  z-index:2!important;
  width:72px!important;
  height:72px!important;
  transform:translate(-50%,-50%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:5px solid #e53935!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#1f2937!important;
  text-align:center!important;
  box-sizing:border-box!important;
}
.dp-member-home .dp-mh-restricted-placeholder::before{
 content: "";
    position: absolute;
    left: 50%;
    top: 53%;
    z-index: 1;
    width: 68px;
    height: 5px;
    border-radius: 999px;
    background: #e53935;
    transform: translate(-50%, -50%) rotate(-45deg);
}
.dp-member-home .dp-mh-restricted-placeholder strong{
  position:relative;
  z-index:2;
  padding:2px 4px;
  background:#fff;
  color:#1f2937;
  font-size:24px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
}
.dp-member-home .dp-mh-restricted-placeholder small{display:none!important;}
.dp-member-home .dp-mh-rating-18 .dp-mh-rating-mark{display:none!important;}
.dp-member-home .dp-mh-post-grid[data-view="list"] .dp-mh-restricted-placeholder{
  width:56px!important;
  height:56px!important;
  border-width:4px!important;
}
.dp-member-home .dp-mh-post-grid[data-view="list"] .dp-mh-restricted-placeholder::before{width:62px;height:4px;}
.dp-member-home .dp-mh-post-grid[data-view="list"] .dp-mh-restricted-placeholder strong{font-size:19px!important;}
@media(max-width:680px){
  .dp-member-home .dp-mh-restricted-placeholder{width:62px!important;height:62px!important;border-width:4px!important;}
  .dp-member-home .dp-mh-restricted-placeholder::before{width:68px;height:4px;}
  .dp-member-home .dp-mh-restricted-placeholder strong{font-size:21px!important;}
  .dp-member-home .dp-mh-post-grid[data-view="list"] .dp-mh-restricted-placeholder{width:50px!important;height:50px!important;}
  .dp-member-home .dp-mh-post-grid[data-view="list"] .dp-mh-restricted-placeholder::before{width:56px!important;}
  .dp-member-home .dp-mh-post-grid[data-view="list"] .dp-mh-restricted-placeholder strong{font-size:17px!important;}
}

/* v1.0.101: 15+ follows the child-protection square corner-label style */
.dp-member-home .dp-mh-rating-15 .dp-mh-rating-mark{
  left: 8px !important;
    top: 8px !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: auto !important;
    min-width: 42px !important;
    height: 26px !important;
    padding: 0 9px !important;
    border-radius: 0 !important;
    border: 1px solid #e58a18 !important;
    background: rgb(255 0 0 / 96%) !important;
    color: #ffffff !important;
    box-shadow: none !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 24px !important;
}
.dp-member-home .dp-mh-rating-15 .dp-mh-rating-mark span{
  position:static!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  font-size:inherit!important;
  font-weight:inherit!important;
  line-height:inherit!important;
  white-space:nowrap!important;
}
.dp-member-home .dp-mh-post-grid[data-view="list"] .dp-mh-rating-15 .dp-mh-rating-mark{
  left:6px!important;
  top:6px!important;
  min-width:38px!important;
  height:23px!important;
  padding:0 7px!important;
  font-size:11px!important;
  line-height:21px!important;
  border-width:1px!important;
}