.dp-member-profile-v2{width:100%;box-sizing:border-box}.dp-member-profile-v2 .dp-mh-main{max-width:984px;margin:0 auto;box-sizing:border-box}.dp-member-profile-v2-panel{margin-top:16px;border:1px solid var(--dp-mp-line);background:var(--dp-mp-surface);color:var(--dp-mp-text);padding:40px 44px;box-sizing:border-box}.dp-member-profile-v2-message{margin:0 0 18px;padding:12px 14px;border:1px solid var(--dp-mp-line);background:var(--dp-mp-surface-2);color:var(--dp-mp-text)}.dp-member-profile-v2-form{margin:0;background:transparent!important;border:0!important;color:inherit!important}.dp-member-profile-v2-row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;align-items:center;margin:0 0 16px}.dp-member-profile-v2-row.dp-member-profile-v2-row-editor{align-items:start}.dp-member-profile-v2-label{font-weight:700;color:var(--dp-mp-text);line-height:1.5}.dp-member-profile-v2-fieldline{display:flex;align-items:center;gap:10px;min-width:0}.dp-member-profile-v2-prefix{white-space:nowrap;color:var(--dp-mp-text);font-size:16px}.dp-member-profile-v2-input{width:220px;max-width:100%;height:30px;background:var(--dp-mp-input-bg)!important;color:var(--dp-mp-input-text)!important;border:1px solid var(--dp-mp-input-line)!important;box-shadow:none!important;padding:4px 8px;box-sizing:border-box}.dp-member-profile-v2-original{font-size:13px;color:var(--dp-mp-text);margin:6px 0 0}.dp-member-profile-v2-hint{font-size:12px;color:var(--dp-mp-text);opacity:.72;margin:6px 0 0}.dp-member-profile-v2-slug-status{font-size:12px;margin:6px 0 0;min-height:18px}.dp-member-profile-v2-slug-status.is-ok{color:#14a46c}.dp-member-profile-v2-slug-status.is-bad{color:#e5484d}.dp-member-profile-v2-url-copy{display:flex;gap:8px;align-items:center;margin-top:8px}.dp-member-profile-v2-url-output{flex:1;min-width:0;height:32px;background:var(--dp-mp-input-bg)!important;color:var(--dp-mp-input-text)!important;border:1px solid var(--dp-mp-input-line)!important;padding:5px 8px;box-sizing:border-box}.dp-member-profile-v2-copy-btn{height:32px;border:1px solid var(--dp-mp-input-line);background:var(--dp-mp-surface-2);color:var(--dp-mp-text);padding:0 12px;cursor:pointer;white-space:nowrap}.dp-member-profile-v2 hr{border:0;border-top:1px solid var(--dp-mp-line);margin:10px 0 22px}.dp-member-profile-v2-actions{display:flex;justify-content:flex-end;border-top:1px solid var(--dp-mp-line);margin-top:18px;padding-top:16px}.dp-member-profile-v2-submit{min-width:140px;height:42px;border:0;border-radius:4px;background:var(--dp-mp-button-bg)!important;color:var(--dp-mp-button-text)!important;font-weight:800;cursor:pointer}#dp-root.dp-mode-light{--dp-mp-page-bg:var(--dp-bg-page,#f5f7fb);--dp-mp-surface:var(--dp-bg-card,#ffffff);--dp-mp-surface-2:var(--dp-bg-content,#ffffff);--dp-mp-line:var(--dp-border,#d1d5db);--dp-mp-text:var(--dp-text,#111827);--dp-mp-input-bg:var(--dp-bg-card,#ffffff);--dp-mp-input-text:var(--dp-text,#111827);--dp-mp-input-line:var(--dp-border,#d1d5db);--dp-mp-button-bg:var(--dp-primary,#327fd2);--dp-mp-button-text:#fff}#dp-root.dp-mode-dark{--dp-mp-page-bg:var(--dp-bg-page,#121212);--dp-mp-surface:var(--dp-bg-card,#191919);--dp-mp-surface-2:var(--dp-bg-card,#191919);--dp-mp-line:var(--dp-border,rgba(148,163,184,.18));--dp-mp-text:var(--dp-text,#f8fafc);--dp-mp-input-bg:var(--dp-bg-card,#191919);--dp-mp-input-text:var(--dp-text,#f8fafc);--dp-mp-input-line:var(--dp-border,rgba(148,163,184,.18));--dp-mp-button-bg:var(--dp-primary,#327fd2);--dp-mp-button-text:#fff}#dp-root .dp-member-profile-v2{background:transparent!important;color:var(--dp-mp-text)}.dp-member-profile-v2 .dp-member-profile-v2-editor-row{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;align-items:start;margin:0 0 16px}.dp-member-profile-v2 .dp-member-profile-v2-editor-row>label{font-weight:700;color:var(--dp-mp-text);line-height:1.5;margin:0;padding:0}.dp-member-profile-v2 .dp-member-profile-v2-editor-row>.dp-mpost-field{min-width:0;width:100%}.dp-member-profile-v2 .dp-mpost-rich-editor-field{min-width:0;width:100%}.dp-member-profile-v2 textarea.dp-mpost-rich-editor{width:100%;min-height:420px;box-sizing:border-box;border:1px solid var(--dp-mp-line);background:var(--dp-mp-input-bg);color:var(--dp-mp-input-text);padding:10px;resize:vertical}.dp-member-profile-v2 textarea.dp-mpost-rich-editor::placeholder{color:color-mix(in srgb,var(--dp-mp-input-text) 55%,transparent)}@media(max-width:720px){.dp-member-profile-v2 .dp-mh-main{max-width:none;margin:0 12px}.dp-member-profile-v2-panel{padding:22px 16px}.dp-member-profile-v2-row{grid-template-columns:1fr;gap:8px}.dp-member-profile-v2-fieldline{align-items:flex-start;flex-direction:column}.dp-member-profile-v2-prefix{white-space:normal;word-break:break-all}.dp-member-profile-v2-input{width:100%}.dp-member-profile-v2 .dp-member-profile-v2-editor-row{grid-template-columns:1fr;gap:8px}.dp-member-profile-v2-actions{justify-content:stretch}.dp-member-profile-v2-submit{width:100%}} /* v2.0.6：會員簡介編輯器外觀對齊 member-post；profile 不再讓 Summernote 預設白底污染 */ #dp-root.dp-mode-light .dp-member-profile-v2{--dp-mpost-bg:var(--dp-bg-page,#f5f7fb)!important;--dp-mpost-card:var(--dp-bg-card,#ffffff)!important;--dp-mpost-panel:var(--dp-bg-card,#ffffff)!important;--dp-mpost-field:var(--dp-bg-card,#ffffff)!important;--dp-mpost-text:var(--dp-text,#111827)!important;--dp-mpost-muted:var(--dp-text-light,#64748b)!important;--dp-mpost-border:var(--dp-border,#d1d5db)!important;--dp-mpost-soft:color-mix(in srgb,var(--dp-bg-card,#ffffff) 92%,var(--dp-text,#111827))!important;--dp-mpost-primary:var(--dp-primary,#327fd2)!important} #dp-root.dp-mode-dark .dp-member-profile-v2{--dp-mpost-bg:var(--dp-bg-page,#121212)!important;--dp-mpost-card:var(--dp-bg-card,#191919)!important;--dp-mpost-panel:var(--dp-bg-card,#191919)!important;--dp-mpost-field:var(--dp-bg-card,#191919)!important;--dp-mpost-text:var(--dp-text,#f8fafc)!important;--dp-mpost-muted:var(--dp-text-light,#94a3b8)!important;--dp-mpost-border:var(--dp-border,rgba(148,163,184,.18))!important;--dp-mpost-soft:color-mix(in srgb,var(--dp-bg-card,#191919) 94%,var(--dp-text,#f8fafc))!important;--dp-mpost-primary:var(--dp-primary,#327fd2)!important} .dp-member-profile-v2 .dp-mpost-rich-editor-field{width:100%!important;min-width:0!important} .dp-member-profile-v2 .dp-mpost-rich-editor-field .note-editor{width:100%!important;box-sizing:border-box!important;border:1px solid var(--dp-mpost-border)!important;border-radius:4px!important;overflow:hidden!important} .dp-member-profile-v2 .dp-mpost-rich-editor-field .note-editable{min-height:420px!important} .dp-member-profile-v2 .dp-mpost-rich-editor-field textarea.dp-mpost-rich-editor{width:100%!important;min-height:420px!important;box-sizing:border-box!important} #dp-root.dp-mode-dark .dp-member-profile-v2 .note-editor, #dp-root.dp-mode-dark .dp-member-profile-v2 .note-frame, #dp-root.dp-mode-dark .dp-member-profile-v2 .note-editing-area, #dp-root.dp-mode-dark .dp-member-profile-v2 .note-editable{background:var(--dp-mpost-panel)!important;color:var(--dp-mpost-text)!important;border-color:var(--dp-mpost-border)!important} #dp-root.dp-mode-dark .dp-member-profile-v2 .note-toolbar, #dp-root.dp-mode-dark .dp-member-profile-v2 .note-statusbar, #dp-root.dp-mode-dark .dp-member-profile-v2 .note-popover .popover-content{background:var(--dp-mpost-field)!important;border-color:var(--dp-mpost-border)!important} #dp-root.dp-mode-dark .dp-member-profile-v2 .note-btn, #dp-root.dp-mode-dark .dp-member-profile-v2 .note-btn span, #dp-root.dp-mode-dark .dp-member-profile-v2 .note-icon-caret, #dp-root.dp-mode-dark .dp-member-profile-v2 .note-icon-font, #dp-root.dp-mode-dark .dp-member-profile-v2 .note-icon-bold, #dp-root.dp-mode-dark .dp-member-profile-v2 .note-icon-italic, #dp-root.dp-mode-dark .dp-member-profile-v2 .note-icon-underline, #dp-root.dp-mode-dark .dp-member-profile-v2 .note-icon-strikethrough, #dp-root.dp-mode-dark .dp-member-profile-v2 .note-icon-unorderedlist, #dp-root.dp-mode-dark .dp-member-profile-v2 .note-icon-orderedlist, #dp-root.dp-mode-dark .dp-member-profile-v2 .note-icon-align-left, #dp-root.dp-mode-dark .dp-member-profile-v2 .note-icon-align-center, #dp-root.dp-mode-dark .dp-member-profile-v2 .note-icon-align-right, #dp-root.dp-mode-dark .dp-member-profile-v2 .note-icon-link, #dp-root.dp-mode-dark .dp-member-profile-v2 .note-icon-picture, #dp-root.dp-mode-dark .dp-member-profile-v2 .note-icon-video, #dp-root.dp-mode-dark .dp-member-profile-v2 .note-icon-magic, #dp-root.dp-mode-dark .dp-member-profile-v2 .note-dropdown-menu, #dp-root.dp-mode-dark .dp-member-profile-v2 .note-dropdown-item, #dp-root.dp-mode-dark .dp-member-profile-v2 .note-modal-content{background:var(--dp-mpost-field)!important;color:var(--dp-mpost-text)!important;border-color:var(--dp-mpost-border)!important;opacity:1!important} #dp-root.dp-mode-dark .dp-member-profile-v2 .note-btn:hover, #dp-root.dp-mode-dark .dp-member-profile-v2 .note-btn.active, #dp-root.dp-mode-dark .dp-member-profile-v2 .note-dropdown-item:hover{background:var(--dp-mpost-soft)!important;color:var(--dp-mpost-text)!important} #dp-root.dp-mode-dark .dp-member-profile-v2 .note-placeholder{color:var(--dp-mpost-muted)!important;opacity:1!important} #dp-root.dp-mode-light .dp-member-profile-v2 .note-editor, #dp-root.dp-mode-light .dp-member-profile-v2 .note-frame, #dp-root.dp-mode-light .dp-member-profile-v2 .note-editing-area, #dp-root.dp-mode-light .dp-member-profile-v2 .note-editable{background:var(--dp-mpost-panel)!important;color:var(--dp-mpost-text)!important;border-color:var(--dp-mpost-border)!important} #dp-root.dp-mode-light .dp-member-profile-v2 .note-toolbar, #dp-root.dp-mode-light .dp-member-profile-v2 .note-statusbar{background:var(--dp-mpost-field)!important;border-color:var(--dp-mpost-border)!important} .dp-member-profile-v2-tabs{display:flex;gap:8px;border-bottom:1px solid var(--dp-mp-line);margin:-10px 0 24px}.dp-member-profile-v2-tab{appearance:none;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--dp-mp-text);padding:14px 18px;font-weight:800;cursor:pointer;opacity:.72}.dp-member-profile-v2-tab.is-active{border-bottom-color:var(--dp-mp-button-bg);opacity:1}.dp-member-profile-v2-pane{display:none}.dp-member-profile-v2-pane.is-active{display:block}.dp-member-profile-v2-social-list{display:grid;gap:10px}.dp-member-profile-v2-social-item{display:grid;grid-template-columns:130px minmax(0,1fr) 38px;gap:8px}.dp-member-profile-v2-select,.dp-member-profile-v2-wide-input{height:40px;width:100%;background:var(--dp-mp-input-bg)!important;color:var(--dp-mp-input-text)!important;border:1px solid var(--dp-mp-input-line)!important;padding:6px 10px;box-sizing:border-box}.dp-member-profile-v2-icon-btn{height:40px;border:1px solid var(--dp-mp-input-line);background:var(--dp-mp-surface-2);color:var(--dp-mp-text);font-size:20px;cursor:pointer}.dp-member-profile-v2-add-social{margin-top:10px;height:36px;padding:0 14px;border:1px solid var(--dp-mp-input-line);background:var(--dp-mp-surface-2);color:var(--dp-mp-text);cursor:pointer}.dp-member-profile-v2-section-title{font-size:16px;font-weight:800;margin:0 0 14px}.dp-member-profile-v2-patterns{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px}.dp-member-profile-v2-pattern{position:relative;aspect-ratio:1/1;min-width:0}.dp-member-profile-v2-pattern input{position:absolute;opacity:0;pointer-events:none}#dp-root.dp-mode-light .dp-member-profile-v2{--dp-mp-pattern-bg:#ffffff;--dp-mp-pattern-rgb:51,65,85;--dp-mp-pattern-accent-rgb:37,99,235} .dp-member-profile-v2-pattern span{display:block;width:100%;height:100%;border:1px solid var(--dp-mp-input-line);background-color:#191919!important;cursor:pointer;box-sizing:border-box;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)} .dp-member-profile-v2-pattern input:checked+span{outline:2px solid var(--dp-mp-button-bg);outline-offset:2px} .dp-member-profile-v2-pattern .is-none{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%3E%3C%2Fsvg%3E")!important;background-size:8px 8px;background-position:0 0;background-repeat:repeat} .dp-member-profile-v2-pattern .is-tech{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2394a3b8%22%20stroke-opacity%3D%22.15%22%20stroke-width%3D%22.8%22%3E%3Cpath%20d%3D%22M0%20.4h20M.4%200v20M10%20.4v19.2M.4%2010h19.2%22%2F%3E%3Cpath%20d%3D%22M5%205h5v5H5z%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%2394a3b8%22%20fill-opacity%3D%22.13%22%3E%3Ccircle%20cx%3D%225%22%20cy%3D%225%22%20r%3D%22.9%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2215%22%20r%3D%22.9%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-size:20px 20px;background-position:0 0;background-repeat:repeat} .dp-member-profile-v2-pattern .is-hex{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2228%22%20viewBox%3D%220%200%2032%2028%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2394a3b8%22%20stroke-opacity%3D%22.15%22%20stroke-width%3D%22.8%22%3E%3Cpath%20d%3D%22M8%20.4%2016%205v9l-8%204.6L0%2014V5z%22%2F%3E%3Cpath%20d%3D%22M24%20.4%2032%205v9l-8%204.6-8-4.6V5z%22%2F%3E%3Cpath%20d%3D%22M16%2014.4%2024%2019v9l-8%204.6L8%2028v-9z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-size:32px 28px;background-position:0 0;background-repeat:repeat} .dp-member-profile-v2-pattern .is-diagonal{background-image:repeating-linear-gradient(135deg,rgba(148,163,184,.15) 0 1px,transparent 1px 16px)!important;background-size:auto!important;background-position:0 0;background-repeat:no-repeat} .dp-member-profile-v2-pattern .is-dots{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%221%22%20fill%3D%22%2394a3b8%22%20fill-opacity%3D%22.17%22%2F%3E%3C%2Fsvg%3E");background-size:12px 12px;background-position:0 0;background-repeat:repeat} .dp-member-profile-v2-pattern .is-grid{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M.4%200v16M0%20.4h16%22%20fill%3D%22none%22%20stroke%3D%22%2394a3b8%22%20stroke-opacity%3D%22.15%22%20stroke-width%3D%22.8%22%2F%3E%3C%2Fsvg%3E");background-size:16px 16px;background-position:0 0;background-repeat:repeat} #dp-root.dp-mode-light .dp-member-profile-v2-pattern span{background-color:#ffffff!important;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08);filter:none} #dp-root.dp-mode-dark .dp-member-profile-v2-pattern span{background-color:#191919!important;filter:none} .dp-member-profile-v2-password-grid{display:grid;gap:14px;max-width:620px}.dp-member-profile-v2-field{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:14px}.dp-member-profile-v2-preview{margin-top:12px;min-height:100px;border:1px solid var(--dp-mp-line);background-color:var(--dp-mp-surface-2);background-size:cover;background-position:center}.dp-member-profile-v2-form .dp-member-profile-v2-actions{position:sticky;bottom:0;background:var(--dp-mp-surface);z-index:4}.dp-member-profile-v2 [hidden]{display:none!important}.dp-member-profile-v2-debug{display:none!important;margin-top:18px;border:1px solid var(--dp-mp-line);background:var(--dp-mp-surface-2);padding:12px}.dp-member-profile-v2-debug-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:800;margin-bottom:8px}.dp-member-profile-v2-debug-actions{display:flex;gap:8px}.dp-member-profile-v2-debug button{height:30px;padding:0 10px;border:1px solid var(--dp-mp-input-line);background:var(--dp-mp-surface);color:var(--dp-mp-text);cursor:pointer}.dp-member-profile-v2-debug pre{margin:0;min-height:150px;max-height:360px;overflow:auto;white-space:pre-wrap;word-break:break-all;font:12px/1.55 Consolas,Monaco,monospace;color:var(--dp-mp-text)}@media(max-width:760px){.dp-member-profile-v2-panel{padding:24px 18px}.dp-member-profile-v2-tabs{overflow:auto}.dp-member-profile-v2-row,.dp-member-profile-v2-field{grid-template-columns:1fr}.dp-member-profile-v2-social-item{grid-template-columns:100px minmax(0,1fr) 38px}.dp-member-profile-v2-patterns{grid-template-columns:repeat(3,1fr)}} /* v2.0.17：自訂外觀縮小版，只調整底紋卡片、欄位間距與預覽尺寸 */ .dp-member-profile-v2-pane[data-pane="appearance"] .dp-member-profile-v2-section-title{margin:0 0 10px} .dp-member-profile-v2-pane[data-pane="appearance"] .dp-member-profile-v2-patterns{display:grid;grid-template-columns:repeat(6,48px);gap:10px;margin:0 0 12px;justify-content:start} .dp-member-profile-v2-pane[data-pane="appearance"] .dp-member-profile-v2-pattern{width:48px;height:48px;aspect-ratio:auto} .dp-member-profile-v2-pane[data-pane="appearance"] .dp-member-profile-v2-wide-input{height:36px} .dp-member-profile-v2-pane[data-pane="appearance"] .dp-member-profile-v2-preview{min-height:140px;height:140px;margin-top:10px} .dp-member-profile-v2-pane[data-pane="appearance"] hr{margin:18px 0} @media(max-width:760px){.dp-member-profile-v2-pane[data-pane="appearance"] .dp-member-profile-v2-patterns{grid-template-columns:repeat(6,48px);gap:8px}.dp-member-profile-v2-pane[data-pane="appearance"] .dp-member-profile-v2-pattern{width:48px;height:48px}.dp-member-profile-v2-pane[data-pane="appearance"] .dp-member-profile-v2-preview{min-height:140px;height:140px}} /* v2.0.18：內容圖庫背景選擇 */ .dp-member-profile-v2-media-field{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:14px;margin-top:4px} .dp-member-profile-v2-media-label{font-weight:700} .dp-member-profile-v2-media-controls{display:flex;align-items:center;gap:8px;min-width:0} .dp-member-profile-v2-media-btn,.dp-member-profile-v2-media-clear{height:34px;padding:0 12px;border:1px solid var(--dp-mp-input-line);background:var(--dp-mp-surface-2);color:var(--dp-mp-text);cursor:pointer} .dp-member-profile-v2-media-btn{border-color:var(--dp-mp-button-bg);color:var(--dp-mp-text)} .dp-member-profile-v2-media-state{font-size:12px;opacity:.72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} @media(max-width:760px){.dp-member-profile-v2-media-field{grid-template-columns:1fr;gap:8px}.dp-member-profile-v2-media-controls{flex-wrap:wrap}.dp-member-profile-v2-pane[data-pane="appearance"] .dp-member-profile-v2-patterns{grid-template-columns:repeat(6,48px)}} .dp-member-profile-v2-overlay-control{display:grid;grid-template-columns:150px minmax(0,360px) 54px;align-items:center;gap:14px;margin:10px 0 4px}.dp-member-profile-v2-overlay-control label{font-weight:700}.dp-member-profile-v2-overlay-control input[type="range"]{width:100%;min-width:0}.dp-member-profile-v2-overlay-value{font-weight:800;text-align:right}@media(max-width:760px){.dp-member-profile-v2-overlay-control{grid-template-columns:1fr 54px;gap:8px}.dp-member-profile-v2-overlay-control label{grid-column:1/-1}} .dp-member-profile-v2-color-control{display:grid;grid-template-columns:150px 54px auto minmax(80px,1fr);align-items:center;gap:12px;margin:0 0 14px}.dp-member-profile-v2-color-control>label{font-weight:800}.dp-member-profile-v2-color-control input[type=color]{width:54px;height:38px;padding:3px;border:1px solid var(--dp-mp-input-line);background:var(--dp-mp-surface-2);cursor:pointer}.dp-member-profile-v2-color-clear{justify-self:start;height:36px;padding:0 12px;border:1px solid var(--dp-mp-input-line);background:var(--dp-mp-surface-2);color:var(--dp-mp-text);cursor:pointer}.dp-member-profile-v2-color-state{color:var(--dp-mp-muted);font-size:12px}@media(max-width:760px){.dp-member-profile-v2-color-control{grid-template-columns:1fr 54px auto}.dp-member-profile-v2-color-control>label{grid-column:1/-1}.dp-member-profile-v2-color-state{grid-column:1/-1}} /* v2.0.67：只收束既有原生色塊按鈕，不更動欄位與事件 */ .dp-member-profile-v2-color-control input[type="color"]{ appearance:none; -webkit-appearance:none; width:44px; height:36px; padding:4px; overflow:hidden; border:1px solid var(--dp-mp-input-line); border-radius:6px; background:var(--dp-mp-surface-2); box-shadow:none; } .dp-member-profile-v2-color-control input[type="color"]::-webkit-color-swatch-wrapper{padding:0} .dp-member-profile-v2-color-control input[type="color"]::-webkit-color-swatch{ border:0; border-radius:3px; } .dp-member-profile-v2-color-control input[type="color"]::-moz-color-swatch{ border:0; border-radius:3px; } @media(max-width:760px){ .dp-member-profile-v2-color-control{ grid-template-columns:minmax(0,1fr) 44px auto; gap:8px; } .dp-member-profile-v2-color-control>label{grid-column:1/-1} } /* v2.0.68：保留既有成功色彩欄位，只增加精簡常用色塊 */ .dp-member-profile-v2-color-control{ grid-template-columns:150px minmax(0,1fr) auto; } .dp-member-profile-v2-color-preset{ display:flex; flex-wrap:wrap; align-items:center; gap:7px; min-width:0; } .dp-member-profile-v2-color-chip{ position:relative; width:30px; height:30px; padding:0; border:1px solid var(--dp-mp-input-line); border-radius:5px; background:var(--dp-member-color-chip); box-shadow:inset 0 0 0 2px rgba(255,255,255,.06); cursor:pointer; } .dp-member-profile-v2-color-chip:hover, .dp-member-profile-v2-color-chip:focus-visible{ outline:2px solid var(--dp-mp-button-bg); outline-offset:2px; } .dp-member-profile-v2-color-custom{ display:inline-flex; align-items:center; gap:8px; height:36px; padding:0 9px; border:1px solid var(--dp-mp-input-line); border-radius:6px; background:var(--dp-mp-surface-2); font-size:13px; font-weight:700; cursor:pointer; } .dp-member-profile-v2-color-custom input[type="color"]{ width:24px; height:24px; padding:2px; border-radius:4px; } .dp-member-profile-v2-color-clear{grid-column:2} .dp-member-profile-v2-color-state{grid-column:3;justify-self:start} @media(max-width:760px){ .dp-member-profile-v2-color-control{ grid-template-columns:minmax(0,1fr) auto; gap:10px; } .dp-member-profile-v2-color-control>label:first-child{grid-column:1/-1} .dp-member-profile-v2-color-preset{grid-column:1/-1} .dp-member-profile-v2-color-custom{grid-column:1} .dp-member-profile-v2-color-clear{grid-column:2} .dp-member-profile-v2-color-state{grid-column:1/-1} } /* v2.0.71：暗色／亮色精簡色票與自訂即時預覽 */ .dp-member-profile-v2-color-control{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:0 0 16px; } .dp-member-profile-v2-color-group{ display:grid; grid-template-columns:auto 1fr; align-items:center; gap:4px 10px; min-width:0; padding:12px; border:1px solid var(--dp-mp-input-line); border-radius:8px; background:var(--dp-mp-surface-2); } .dp-member-profile-v2-color-group>strong{font-size:14px} .dp-member-profile-v2-color-help{justify-self:end;color:var(--dp-mp-muted);font-size:11px} .dp-member-profile-v2-color-group .dp-member-profile-v2-color-preset{grid-column:1/-1;display:flex;gap:8px} .dp-member-profile-v2-color-chip{width:36px;height:36px;border-radius:7px} .dp-member-profile-v2-color-custom-row{ grid-column:1/-1; display:flex; align-items:center; flex-wrap:wrap; gap:10px; } .dp-member-profile-v2-color-custom-row .dp-member-profile-v2-color-clear, .dp-member-profile-v2-color-custom-row .dp-member-profile-v2-color-state{grid-column:auto;justify-self:auto} .dp-member-profile-v2-color-preview{ grid-column:1/-1; display:grid; gap:8px; min-height:116px; padding:16px; border:1px solid rgba(148,163,184,.24); border-radius:9px; background:#191919; color:#f8fafc; transition:background-color .15s ease,color .15s ease; } .dp-member-profile-v2-color-preview>strong{font-size:15px} .dp-member-profile-v2-color-preview>span{opacity:.72;font-size:12px} .dp-member-profile-v2-color-preview>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px} .dp-member-profile-v2-color-preview b{ padding:8px 5px; border:1px solid currentColor; border-radius:7px; text-align:center; font-size:11px; opacity:.78; } @media(max-width:760px){ .dp-member-profile-v2-color-control{grid-template-columns:1fr} .dp-member-profile-v2-color-group,.dp-member-profile-v2-color-custom-row,.dp-member-profile-v2-color-preview{grid-column:1} .dp-member-profile-v2-color-help{justify-self:start} } .dp-member-profile-v2-sidebar-colors{display:grid;gap:14px;margin-bottom:16px}.dp-member-profile-v2-color-section{display:grid;gap:10px;padding:14px;border:1px solid var(--dp-mp-border);border-radius:10px}.dp-member-profile-v2-color-field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dp-member-profile-v2-color-field-grid label{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--dp-mp-border);border-radius:8px}.dp-member-profile-v2-color-field-grid input[type=color]{width:38px;height:32px;padding:2px;border:1px solid var(--dp-mp-border);border-radius:6px;background:transparent}.dp-member-profile-v2-color-preview small{display:block}.dp-member-profile-v2-color-preview b{background:var(--dp-preview-button-bg,transparent)!important;color:var(--dp-preview-button-text,inherit)!important;border-color:var(--dp-preview-button-border,currentColor)!important}@media(max-width:767px){.dp-member-profile-v2-color-field-grid{grid-template-columns:1fr}} /* v2.0.73：側邊欄暗色／亮色獨立設定 */ .dp-member-profile-v2-mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 16px;padding:4px;border:1px solid var(--dp-mp-border);border-radius:10px;background:var(--dp-mp-surface-2)} .dp-member-profile-v2-mode-tabs button{min-height:42px;border:0;border-radius:7px;background:transparent;color:var(--dp-mp-muted);font-weight:800;cursor:pointer} .dp-member-profile-v2-mode-tabs button.is-active{background:var(--dp-mp-button-bg);color:var(--dp-mp-button-text,#fff)} .dp-member-profile-v2-sidebar-mode-panel{display:none} .dp-member-profile-v2-sidebar-mode-panel.is-active{display:block} .dp-member-profile-v2-mode-note{margin:0 0 12px;padding:10px 12px;border-left:3px solid var(--dp-mp-button-bg);background:var(--dp-mp-surface-2);color:var(--dp-mp-muted);font-size:12px} /* v2.0.78：精緻低彩度選色介面。僅調整顯示層，不改欄位與儲存流程。 */ .dp-member-profile-v2-refined-color{ display:grid; gap:10px; padding:12px 13px; border:1px solid color-mix(in srgb,var(--dp-mp-border) 82%,transparent); border-radius:11px; background:color-mix(in srgb,var(--dp-mp-surface-2) 72%,transparent); } .dp-member-profile-v2-refined-head{display:flex;align-items:center;justify-content:space-between;gap:12px} .dp-member-profile-v2-refined-head>span{font-weight:700;color:var(--dp-mp-text)} .dp-member-profile-v2-refined-head code{ padding:3px 7px;border:1px solid var(--dp-mp-border);border-radius:6px; background:transparent;color:var(--dp-mp-muted);font-size:11px;line-height:1.2 } .dp-member-profile-v2-refined-palette{display:flex;align-items:center;flex-wrap:wrap;gap:8px} .dp-member-profile-v2-refined-chip, .dp-member-profile-v2-refined-custom span{ width:30px;height:30px;display:block;border-radius:8px;background:var(--chip); border:1px solid color-mix(in srgb,var(--dp-mp-border) 88%,#fff 12%); box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--dp-mp-surface) 62%,transparent),0 1px 2px rgba(0,0,0,.12) } .dp-member-profile-v2-refined-chip{padding:0;cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease} .dp-member-profile-v2-refined-chip:hover,.dp-member-profile-v2-refined-chip.is-active{transform:translateY(-1px);border-color:var(--dp-mp-button-bg);box-shadow:0 0 0 2px color-mix(in srgb,var(--dp-mp-button-bg) 30%,transparent)} .dp-member-profile-v2-refined-custom{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:2px 9px 2px 2px;border:1px solid var(--dp-mp-border);border-radius:9px;cursor:pointer;background:var(--dp-mp-surface)} .dp-member-profile-v2-refined-custom input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important} .dp-member-profile-v2-refined-custom em{font-style:normal;font-size:12px;font-weight:700;color:var(--dp-mp-muted)} .dp-member-profile-v2-refined-reset{min-height:34px;padding:0 10px;border:1px solid var(--dp-mp-border);border-radius:9px;background:transparent;color:var(--dp-mp-muted);font-size:12px;cursor:pointer} .dp-member-profile-v2-refined-reset:hover{border-color:var(--dp-mp-button-bg);color:var(--dp-mp-text)} .dp-member-profile-v2-color-field-grid{grid-template-columns:1fr!important} .dp-member-profile-v2-color-field-grid>.dp-member-profile-v2-refined-color{min-width:0} .dp-member-profile-v2-color-section{gap:12px} @media(max-width:767px){ .dp-member-profile-v2-refined-color{padding:11px} .dp-member-profile-v2-refined-palette{gap:7px} .dp-member-profile-v2-refined-chip,.dp-member-profile-v2-refined-custom span{width:28px;height:28px;border-radius:7px} .dp-member-profile-v2-refined-custom{padding-right:8px} } /* v2.0.79：精緻自訂選色面板，取代手機瀏覽器原生高彩度大色盤。 */ .dp-member-profile-v2-refined-custom{position:relative} .dp-member-profile-v2-refined-custom input[type="color"]{pointer-events:none!important} .dp-member-profile-v2-color-dialog[hidden]{display:none!important} .dp-member-profile-v2-color-dialog{ position:fixed;z-index:2147483000;inset:0;display:grid;place-items:center; padding:20px;background:rgba(2,6,23,.58);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px) } .dp-member-profile-v2-color-dialog-card{ width:min(380px,100%);overflow:hidden;border:1px solid rgba(148,163,184,.22); border-radius:18px;background:#171a20;color:#f8fafc; box-shadow:0 28px 80px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.04) } .dp-member-profile-v2-color-dialog-head{ display:flex;align-items:center;justify-content:space-between;gap:16px; min-height:62px;padding:0 18px;border-bottom:1px solid rgba(148,163,184,.16) } .dp-member-profile-v2-color-dialog-head strong{font-size:16px;letter-spacing:.02em} .dp-member-profile-v2-color-dialog-close{ width:34px;height:34px;border:1px solid rgba(148,163,184,.18);border-radius:9px; background:rgba(255,255,255,.035);color:#cbd5e1;font-size:22px;line-height:1;cursor:pointer } .dp-member-profile-v2-color-dialog-body{padding:18px} .dp-member-profile-v2-color-dialog-preview{ height:62px;margin-bottom:16px;border:1px solid rgba(255,255,255,.12);border-radius:13px; background:var(--dialog-color,#334155);box-shadow:inset 0 0 0 4px rgba(0,0,0,.12) } .dp-member-profile-v2-color-dialog-label{ display:block;margin:0 0 9px;color:#94a3b8;font-size:12px;font-weight:700;letter-spacing:.06em } .dp-member-profile-v2-color-dialog-swatches{ display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:18px } .dp-member-profile-v2-color-dialog-swatch{ aspect-ratio:1;border:1px solid rgba(148,163,184,.24);border-radius:10px; background:var(--swatch);box-shadow:inset 0 0 0 3px rgba(255,255,255,.035),0 2px 7px rgba(0,0,0,.16); cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease } .dp-member-profile-v2-color-dialog-swatch:hover, .dp-member-profile-v2-color-dialog-swatch.is-active{ transform:translateY(-1px);border-color:#60a5fa;box-shadow:0 0 0 2px rgba(59,130,246,.28),0 5px 12px rgba(0,0,0,.18) } .dp-member-profile-v2-color-dialog-hex{ display:flex;align-items:center;gap:10px;padding:5px 5px 5px 12px; border:1px solid rgba(148,163,184,.22);border-radius:11px;background:#0f1217 } .dp-member-profile-v2-color-dialog-hex span{color:#64748b;font:700 14px/1 ui-monospace,SFMono-Regular,Consolas,monospace} .dp-member-profile-v2-color-dialog-hex input{ min-width:0;flex:1;height:38px!important;padding:0!important;border:0!important;outline:0!important; background:transparent!important;color:#f8fafc!important;box-shadow:none!important; font:700 14px/1 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase } .dp-member-profile-v2-color-dialog-actions{ display:grid;grid-template-columns:1fr 1.35fr;gap:10px;padding:0 18px 18px } .dp-member-profile-v2-color-dialog-actions button{ min-height:43px;border-radius:11px;font-size:14px;font-weight:800;cursor:pointer } .dp-member-profile-v2-color-dialog-cancel{ border:1px solid rgba(148,163,184,.22);background:rgba(255,255,255,.035);color:#cbd5e1 } .dp-member-profile-v2-color-dialog-apply{ border:1px solid #3b82f6;background:#2563eb;color:#fff;box-shadow:0 8px 22px rgba(37,99,235,.25) } body.dp-member-profile-v2-color-dialog-open{overflow:hidden!important} @media(max-width:767px){ .dp-member-profile-v2-color-dialog{align-items:end;padding:12px} .dp-member-profile-v2-color-dialog-card{width:100%;border-radius:18px 18px 14px 14px} .dp-member-profile-v2-color-dialog-swatches{gap:8px} } .dp-member-profile-v2-color-preview [data-preview-list]{display:block;font-weight:650;line-height:1.45;margin-top:8px}