/* Dreamy CD City refresh v1.0 — loaded after the original Discuz styles. */
body.discuzx5 {
 --dz-bodybg:#f8f6fb; --dz-color:#7952a5; --dz-ahover:#69428f; --dz-ahot:#ac4672;
 --dz-alink:#3f354b; --dz-fa:#3f354b; --dz-fb:#665b73; --dz-fc:#71667b; --dz-fd:#776c80;
 --dz-nvtxt:#7952a5; --dz-bgf:#fff; --dz-bgc:#f7f3fa; --dz-bgb:#faf7fc;
 --dz-borderb:#ece5f1; --dz-bordera:#ece5f1; --dz-borderc:#d9cde3;
 --dz-btnbg:#7952a5; --dz-btnbga:#69428f; --dz-btntxt:#fff; --dz-btntxta:#fff;
 --dz-radius-m:16px; --dz-radius-s:9px; --dz-shadow:0 4px 20px rgba(66,42,83,.035);
 background:var(--dz-bodybg); color:var(--dz-fa); min-width:0;
 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","Microsoft JhengHei",sans-serif;
}
body.discuzx5 a:focus-visible,body.discuzx5 button:focus-visible,body.discuzx5 input:focus-visible {outline:3px solid #a484c5!important;outline-offset:4px}
body.discuzx5 .wp {width:calc(100% - 48px);max-width:1200px;min-width:0}
body.discuzx5 #wp .wp,body.discuzx5 #ft .wp {width:100%}
body.discuzx5 .dz_layer_top {background:#fff;border-bottom:1px solid #eee7f3;box-shadow:none}
body.discuzx5 .dz_btm_layer {min-width:0;max-width:1248px;width:100%;box-sizing:border-box;height:auto;min-height:78px;display:flex;align-items:center;gap:22px;padding:0 24px}
body.discuzx5 .dz_btm_layer>.clear {display:none}
body.discuzx5 .dz_nav .dz_nav_logo {flex-shrink:0;float:none;margin:0;height:78px}
body.discuzx5 .dzlogo {display:flex;align-items:center;gap:10px;background:none;width:auto;height:auto}
body.discuzx5 .dcc-brand-mark {display:grid;place-items:center;width:40px;height:44px;border-radius:14px 14px 14px 4px;background:#7952a5;color:white;font-size:27px;font-family:Georgia,serif}
body.discuzx5 .dcc-brand-name {font-weight:650;font-size:17px;letter-spacing:-.3px;line-height:1.35;color:#49345d;white-space:nowrap}
body.discuzx5 .dcc-brand-name small {display:block;font-size:10px;letter-spacing:2px;font-weight:400;color:#776584;margin-top:3px}
body.discuzx5 .dz_layer_nav {float:none;flex:1;min-width:0;width:auto;height:auto;overflow-x:auto;scrollbar-width:thin}
body.discuzx5 .dz_layer_nav ul {display:flex;align-items:center;gap:18px;width:max-content}
body.discuzx5 .dz_layer_nav ul li {float:none;flex-shrink:0}
body.discuzx5 .dz_layer_nav ul li a {height:78px;line-height:78px;font-size:14px;letter-spacing:0;margin:0;white-space:nowrap}
body.discuzx5 .dz_layer_nav ul li.a a,body.discuzx5 .dz_layer_nav ul li a:hover {color:#7952a5}
body.discuzx5 .dz_layer_dl {float:none;flex-shrink:0}
body.discuzx5 .header-searcher .search-input {width:150px;background:#f8f5fa;border-color:#ece5f1}
body.discuzx5 .header-login .km_pnbtn {border-radius:25px;padding:0 19px}
body.discuzx5 #pt {margin:15px 0;font-size:12px}
body.discuzx5 .bm {box-shadow:var(--dz-shadow)}
body.discuzx5 .bm_h {background:transparent;border-color:var(--dz-borderb)}
body.discuzx5 .dz_footc {background:#eee9f3;color:#665b73}
body.discuzx5 .dz_footc a,body.discuzx5 .dz_footc_copy {color:#665b73}
body.discuzx5 .dz_footc_nav {border-color:#dcd2e5}
.dcc-welcome {position:relative;isolation:isolate;overflow:hidden;border:1px solid #e9dff1;border-radius:22px;margin:0 0 22px;padding:42px 44px;background:linear-gradient(115deg,#f0e8fa 0%,#f8eef5 65%,#f9e4ed 100%);display:grid;grid-template-columns:minmax(0,1fr) 250px;align-items:center;gap:24px;box-sizing:border-box}
.dcc-welcome * {box-sizing:border-box;word-break:normal;overflow-wrap:break-word}
.dcc-eyebrow {font-size:11px;letter-spacing:3px;color:#72518b;font-weight:650;margin-bottom:14px}
.dcc-welcome h1 {font-size:clamp(28px,3vw,40px);line-height:1.4;letter-spacing:1px;color:#453151;font-weight:650;margin:0 0 12px}
.dcc-welcome h1 em {color:#8c507f;font-style:normal}
.dcc-welcome p {color:#6b5978;font-size:15px;line-height:1.9;margin:0;max-width:540px}
.dcc-actions {display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.dcc-actions a {display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 24px;border-radius:24px;text-decoration:none;font-size:14px;font-weight:600;border:1px solid #c7b3d8;color:#674781;background:#fff9}
.dcc-actions a.dcc-primary {background:#7952a5;color:#fff;border-color:#7952a5;box-shadow:0 5px 14px #7952a529}
.dcc-actions a:hover {background:#f3e9fa;color:#674781}
.dcc-actions a.dcc-primary:hover {background:#69428f;color:#fff}
.dcc-art {height:228px;position:relative;display:grid;place-items:center;user-select:none}
.dcc-orbit {position:absolute;border:1px solid #ba9bcb66;border-radius:50%;width:220px;height:220px;transform:rotate(-18deg)}
.dcc-orbit:nth-child(2) {width:180px;height:220px;transform:rotate(35deg)}
.dcc-letter {width:140px;height:170px;border-radius:72px 72px 26px 26px;display:grid;place-items:center;background:linear-gradient(140deg,#9876b8,#7952a5);color:#fff;font:110px Georgia,serif;box-shadow:12px 16px 0 #dec9e4,0 12px 30px #8c599826;transform:rotate(-8deg)}
.dcc-spark {position:absolute;right:11px;top:14px;font-size:40px;color:#a86a95}
.dcc-spark:last-child {left:4px;top:auto;right:auto;bottom:16px;font-size:28px;color:#9571b5}
.dcc-section-heading {margin:24px 0 14px;display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.dcc-section-heading h2 {font-size:21px;line-height:1.5;color:#49345d;font-weight:650}
.dcc-section-heading span {font-size:12px;color:#71667b}
.dcc-category-nav {display:flex;flex-wrap:wrap;gap:9px;margin-bottom:20px}
.dcc-category-nav a {display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid #e5daee;border-radius:22px;background:#fff;color:#665275;font-size:13px}
.dcc-category-nav a:hover {background:#f0e7f7;border-color:#b99ace;color:#654080}
.dcc-categories {scroll-margin-top:110px}
.dcc-categories>.bm_h {margin:0!important;padding:18px 22px!important;height:auto;line-height:1.5;border-bottom:1px solid #f0eaf5}
.dcc-categories>.bm_h h2 {font-size:17px;font-weight:650}
.dcc-categories>.bm_c {padding:16px!important}
.dcc-categories .fl_tb {display:block;width:100%;border:0}
.dcc-categories .fl_tb>tbody {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dcc-categories .fl_tb>tbody>tr {display:grid;grid-template-columns:50px minmax(0,1fr);column-gap:14px;align-content:start;padding:18px;border:1px solid #eee6f3;border-radius:13px;background:#fff;min-width:0;transition:background .16s,border-color .16s}
.dcc-categories .fl_tb>tbody>tr:hover {background:#fcf9fe;border-color:#d6c3e3}
.dcc-categories .fl_tb>tbody>tr:not(:has(>td)) {display:none}
.dcc-categories .fl_tb td {display:block;min-width:0;width:auto!important;padding:0!important;line-height:1.7;border:0;word-break:normal;overflow-wrap:anywhere}
.dcc-categories .fl_tb .fl_icn {grid-column:1;grid-row:1 / span 3;min-height:50px;width:50px!important;margin:0;padding:0!important}
.dcc-categories .fl_tb .fl_icn img,.dcc-categories .fl_icn_g img {width:50px!important;height:50px;object-fit:contain;border-radius:12px}
.dcc-categories .fl_tb td:not(.fl_icn) {grid-column:2}
.dcc-categories .fl_tb h2 {font-size:15px;line-height:1.65;height:auto;margin:0 0 5px;display:block;overflow:visible;font-weight:600}
.dcc-categories .fl_tb .fl_i {font-size:12px;color:#71667b;margin-top:6px}
.dcc-categories .fl_tb .fl_i::before {content:'主題 / 文章　';color:#71667b}
.dcc-categories .fl_tb .fl_by {font-size:12px;color:#71667b;margin-top:3px}
.dcc-categories .fl_tb .fl_by div {width:auto;white-space:normal;height:auto}
.dcc-categories .fl_by cite {display:block;font-style:normal}
/* Existing multi-column layouts keep each original forum cell intact. */
.dcc-categories.flg .fl_tb>tbody>tr {display:contents}
.dcc-categories.flg .fl_tb td.fl_g {grid-column:auto;padding:18px!important;border:1px solid #eee6f3;border-radius:13px;background:#fff}
.dcc-categories.flg td.fl_g:empty {display:none}
.dcc-categories .fl_icn_g {min-height:50px;width:50px!important;margin-right:14px}
.dcc-categories .fl_g dl {margin-left:64px!important}
.dcc-categories .fl_g dt,.dcc-categories .fl_g dd {height:auto;display:block;line-height:1.7;overflow:visible;white-space:normal}
.dcc-index-extras .it618_flex_debug {display:none}
.dcc-index-extras .it618_nflex_table {background:#fff;border-radius:14px;overflow:hidden;border:1px solid #ece5f1}
.dcc-index-extras [class^='it618_tabcontent_'] {max-width:100%}
.dcc-collapsed-empty {display:none!important}
.dcc-skip {position:absolute;top:-100px;left:16px;z-index:1000;background:#fff;padding:12px;color:#69428f}
.dcc-skip:focus {top:8px}
@media(min-width:981px) {body.discuzx5 .ct2>.mn {width:calc(100% - 320px)!important;min-width:0}body.discuzx5 .ct2>.sd {width:300px!important;min-width:0}}
@media(max-width:1100px) {body.discuzx5 .dz_btm_layer {gap:16px}body.discuzx5 .dcc-brand-name {font-size:15px}body.discuzx5 .header-searcher .search-input {width:110px}.dcc-welcome {padding:32px;grid-template-columns:minmax(0,1fr) 190px}.dcc-art {transform:scale(.85)}}
@media(max-width:980px) {
 body.discuzx5 .dz_btm_layer {flex-wrap:wrap;gap:0 12px;padding:0 18px}body.discuzx5 .dz_nav .dz_nav_logo {height:68px}body.discuzx5 .dz_layer_dl {margin-left:auto}body.discuzx5 .dz_layer_nav {order:3;flex-basis:100%;border-top:1px solid #f1ebf5}body.discuzx5 .dz_layer_nav ul {gap:24px}body.discuzx5 .dz_layer_nav ul li a {height:48px;line-height:48px}body.discuzx5 .topbox {position:relative}
 body.discuzx5 .ct2 .mn,body.discuzx5 .ct2 .sd {float:none;width:100%!important}body.discuzx5 .ct2 .sd {margin-top:18px}
 .dcc-categories .fl_tb>tbody {grid-template-columns:1fr}
}
@media(max-width:600px) {
 body.discuzx5 .wp {width:calc(100% - 28px)}body.discuzx5 .dcc-brand-name {font-size:14px}body.discuzx5 .dcc-brand-name small {font-size:9px}body.discuzx5 .header-searcher {display:none}body.discuzx5 .header-right {height:68px}body.discuzx5 .header-i18n {margin-right:8px}
 .dcc-welcome {padding:28px 24px;grid-template-columns:1fr;border-radius:18px;gap:0}.dcc-art {display:none}.dcc-eyebrow {font-size:10px;letter-spacing:2px}.dcc-welcome h1 {font-size:29px}.dcc-welcome p {font-size:14px}.dcc-actions {gap:9px}.dcc-actions a {padding:0 18px}.dcc-section-heading {align-items:flex-start;flex-direction:column;gap:2px}.dcc-category-nav {gap:7px}.dcc-category-nav a {padding:0 13px;min-height:44px}.dcc-categories>.bm_c {padding:10px!important}.dcc-categories .fl_tb>tbody>tr {padding:16px;gap:10px}.dcc-categories>.bm_h {padding:16px!important}
 body.discuzx5 #chart .chart,body.discuzx5 #chart .y {float:none;line-height:2}
}
@media(prefers-reduced-motion:reduce) {.dcc-categories .fl_tb>tbody>tr {transition:none}html {scroll-behavior:auto}}

body.discuzx5 .dcc-mobile-search {display:none}
@media(max-width:600px) {body.discuzx5 .dcc-mobile-search {display:inline-flex;align-items:center;min-height:44px;padding:0 8px;font-size:13px;color:#7952a5}}

/* Unified logo v1.1: desktop and native mobile use the same SVG. */
body.discuzx5 .dz_nav .dz_nav_logo .dcc-shared-logo {display:block;float:none;width:210px;height:42px;max-width:100%;object-fit:contain}
@media(max-width:600px) {body.discuzx5 .dz_nav .dz_nav_logo .dcc-shared-logo {width:180px;height:36px}}

/* CD / TS / cross-dressing community identity v1.2. */
.dcc-community-labels {display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 16px}
.dcc-community-labels span {display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 13px;border:1px solid #cbb4dd;border-radius:16px;background:#fff9;color:#654080;font-size:12px;font-weight:600;letter-spacing:.5px;line-height:1.5}
.dcc-community-note {margin-top:18px;font-size:12px;line-height:1.8;letter-spacing:1px;color:#725c83}

.dcc-art-tag {position:absolute;z-index:2;padding:9px 14px;background:#fff;color:#77568c;border:1px solid #e2d1ec;border-radius:24px;font-size:11px;letter-spacing:.6px;white-space:nowrap;box-shadow:0 4px 12px #7952a50c}
.dcc-art-tag-style {left:-10px;top:35px;transform:rotate(-8deg)}
.dcc-art-tag-self {right:-8px;bottom:20px;transform:rotate(7deg)}
.dcc-topic-strip {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 28px;padding:0;list-style:none}
.dcc-topic-strip li {display:flex;align-items:flex-start;gap:12px;padding:6px 0;min-width:0;word-break:normal}
.dcc-topic-symbol {flex:0 0 36px;display:grid;place-items:center;width:36px;height:36px;background:#eee5f5;border-radius:12px;color:#7952a5;font-size:13px;font-family:Georgia,serif}
.dcc-topic-strip h3 {margin:0 0 5px;font-size:15px;color:#4d3b5d;line-height:1.5;font-weight:600}
.dcc-topic-strip p {margin:0;font-size:12px;color:#71667b;line-height:1.8;word-break:normal;overflow-wrap:break-word}
@media(max-width:700px) {.dcc-topic-strip {grid-template-columns:1fr;gap:10px;margin-bottom:22px}.dcc-topic-strip li {padding:2px 0}.dcc-community-labels {gap:7px}.dcc-welcome {padding-top:30px;padding-bottom:30px}}

/* Butterfly / D identity, v1.3. */
.dcc-letter:has(.dcc-hero-brand) {background:linear-gradient(145deg,#fff,#f5eafa);box-shadow:12px 16px 0 #dec9e4,0 12px 30px #8c599826}
.dcc-letter .dcc-hero-brand {display:block;width:112px;height:112px;max-width:100%}
