/* =========================================================
   Theme: Corporate – Wood (質感木紋)
   Mapped from PHP Configuration: Theme 2 Tonal Woodblock
   ========================================================= */

/* ---------------------------------------------------------
   0) Global Settings (Base)
   PHP: globalSettings
   --------------------------------------------------------- */
.outer-container[data-theme="質感木紋"] {
  /* Fonts */
  --body-font: "Source Serif Pro", serif, "Noto Serif TC", "Microsoft JhengHei", system-ui;
  --heading-font: "Lora", serif, "Noto Serif TC", "Microsoft JhengHei";
  
  /* Global Colors & Defaults */
  --theme-bg: #fbf9f4;       /* 奶油白 */
  --theme-text: #4c3d31;     /* 深木棕 */
  --theme-link: #8e6e58;     /* 柔和棕色 */
  --theme-heading: #4c3d31;
  --button-bg: #8e6e58;
  --button-text: #fbf9f4;
  --reui-featured-bg: linear-gradient(135deg, #f4e6c7 0%, #d8b97f 52%, #bc9557 100%);
  --reui-featured-text: #3f2d10;
  --reui-featured-border: #b79358;
  --reui-featured-shadow: 0 11px 24px rgba(120, 89, 48, 0.28);
  --link-decoration: underline;
  --line-height: 1.7;

  /* Apply Global Variables */
  font-family: var(--body-font);
  background-color: var(--container-bg, var(--theme-bg));
  color: var(--container-text, var(--theme-text));
  line-height: var(--line-height);

  --container-bg: var(--theme-bg);
  --container-text: var(--theme-text);
  --container-link: var(--theme-link);
  --heading-color: var(--theme-heading);
  --link-text-decoration: var(--link-decoration);

  /* 可選：讓 component 預設也吃到主題色 */
  --component-text: var(--container-text, var(--theme-text));
  --component-bg: var(--container-bg, var(--theme-bg));
  --component-link: var(--theme-link);
}

/* Global Elements */
.outer-container[data-theme="質感木紋"] h1,
.outer-container[data-theme="質感木紋"] h2,
.outer-container[data-theme="質感木紋"] h3,
.outer-container[data-theme="質感木紋"] h4,
.outer-container[data-theme="質感木紋"] h5,
.outer-container[data-theme="質感木紋"] h6,
.outer-container[data-theme="質感木紋"] .component-title,
.outer-container[data-theme="質感木紋"] .banner-text {
  font-family: var(--heading-font);
  color: var(--container-text, var(--theme-heading));
}

.outer-container[data-theme="質感木紋"] a:not(.btn) {
  color: var(--container-text);
  text-decoration: none;
}

/* === Social Icons (Font Awesome) === */

.outer-container[data-theme="質感木紋"] .social-link .social-icon::before {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
    font-style: normal;
    display: inline-block;
}

/* 各平台對應 icon */

.outer-container[data-theme="質感木紋"] .social-link[data-platform="facebook"] .social-icon::before {
    content: "\f39e"; /* fa-facebook-f */
}

.outer-container[data-theme="質感木紋"] .social-link[data-platform="instagram"] .social-icon::before {
    content: "\f16d";
}

.outer-container[data-theme="質感木紋"] .social-link[data-platform="x"] .social-icon::before {
    content: "\e61b"; /* X (Twitter) */
}

.outer-container[data-theme="質感木紋"] .social-link[data-platform="line"] .social-icon::before {
    content: "\f3c0";
}

.outer-container[data-theme="質感木紋"] .social-link[data-platform="linkedin"] .social-icon::before {
    content: "\f0e1";
}

.outer-container[data-theme="質感木紋"] .social-link[data-platform="youtube"] .social-icon::before {
    content: "\f167";
}

/* === Social Icons (Font Awesome) === */

.outer-container[data-theme="質感木紋"] .social-link .social-icon::before {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
    font-style: normal;
    display: inline-block;
}

/* 各平台對應 icon */

.outer-container[data-theme="質感木紋"] .social-link[data-platform="facebook"] .social-icon::before {
    content: "\f39e"; /* fa-facebook-f */
}

.outer-container[data-theme="質感木紋"] .social-link[data-platform="instagram"] .social-icon::before {
    content: "\f16d";
}

.outer-container[data-theme="質感木紋"] .social-link[data-platform="x"] .social-icon::before {
    content: "\e61b"; /* X (Twitter) */
}

.outer-container[data-theme="質感木紋"] .social-link[data-platform="line"] .social-icon::before {
    content: "\f3c0";
}

.outer-container[data-theme="質感木紋"] .social-link[data-platform="linkedin"] .social-icon::before {
    content: "\f0e1";
}

.outer-container[data-theme="質感木紋"] .social-link[data-platform="youtube"] .social-icon::before {
    content: "\f167";
}



/* ---------------------------------------------------------
   1) Style Scheme: 樣式1 (柔和米棕)
   --------------------------------------------------------- */
.outer-container[data-theme="質感木紋"][data-style="樣式1 (柔和米棕)"] {
  /* Settings */
  --theme-bg: #f5eadc;
  --theme-text: #69554a;
  --theme-link: #a0522d;
  --link-border-bottom: 1px solid #a0522d;
  --line-height: 1.8;
  --theme-heading: #5e4537;
  --button-bg: #a0522d;
  --button-text: #f5f5dc;
  --reui-featured-bg: linear-gradient(135deg, #f4e1bb 0%, #d7b274 52%, #b88647 100%);
  --reui-featured-text: #4a2f10;
  --reui-featured-border: #b2874a;
  --reui-featured-shadow: 0 11px 24px rgba(160, 82, 45, 0.3);
}

/* Heading Component */
.outer-container[data-theme="質感木紋"][data-style="樣式1 (柔和米棕)"] h1,
.outer-container[data-theme="質感木紋"][data-style="樣式1 (柔和米棕)"] h2,
.outer-container[data-theme="質感木紋"][data-style="樣式1 (柔和米棕)"] .banner-text {
  font-weight: 700;
}

/* Image Component */
.outer-container[data-theme="質感木紋"][data-style="樣式1 (柔和米棕)"] .image-block img {
  border: 1px solid #d2b48c;
  padding: 5px;
  background-color: #fff;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
}

/* Button Component */
.outer-container[data-theme="質感木紋"][data-style="樣式1 (柔和米棕)"] .btn,
.outer-container[data-theme="質感木紋"][data-style="樣式1 (柔和米棕)"] .theme-button {
  background-color: #a0522d;
  color: #f5f5dc;
  border-radius: 0px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0.5rem 1.5rem;
}

/* Divider Component */
.outer-container[data-theme="質感木紋"][data-style="樣式1 (柔和米棕)"] .divider,
.outer-container[data-theme="質感木紋"][data-style="樣式1 (柔和米棕)"] hr {
  border-top-color: #d2b48c;
  border-top-style: dotted;
  border-top-width: 2px;
  opacity: 1;
}

/* Carousel Component */
.outer-container[data-theme="質感木紋"][data-style="樣式1 (柔和米棕)"] .carousel-block,
.outer-container[data-theme="質感木紋"][data-style="樣式1 (柔和米棕)"] .immoo-swiper {
  background-color: #fff8dc;
  border: 1px solid #a0522d;
  padding: 10px;
}

/* Collapse Component */
.outer-container[data-theme="質感木紋"][data-style="樣式1 (柔和米棕)"] .collapse-block details {
  background-color: #f5f5dc;
  color: #69554a;
  border: 1px solid #d2b48c !important; /* Override tailwind */
  border-radius: 5px;
}
.outer-container[data-theme="質感木紋"][data-style="樣式1 (柔和米棕)"] .collapse-block summary {
    border-bottom-color: #d2b48c;
}

/* Social Component */
.outer-container[data-theme="質感木紋"][data-style="樣式1 (柔和米棕)"] .social-block a {
  color: #a0522d;
}

/* Footer Component (Scoped by data-type="footer") */
.outer-container[data-theme="質感木紋"][data-style="樣式1 (柔和米棕)"][data-type="footer"] {
  background-color: #bfa597 !important; /* Force override */
  color: #5e4537 !important;
  --theme-text: #5e4537;
  padding: 2rem 0;
  font-size: 0.95rem;
}


/* ---------------------------------------------------------
   2) Style Scheme: 樣式2 (報紙復古)
   --------------------------------------------------------- */
.outer-container[data-theme="質感木紋"][data-style="樣式2 (報紙復古)"] {
  /* Settings */
  --theme-bg: #f9f7e8;
  --theme-text: #36454F;
  --theme-link: #008080;
  --link-decoration: underline dotted;
  --theme-heading: #483c32;
  --line-height: 1.6;
  --button-bg: #008080;
  --button-text: #f9f7e8;
  --reui-featured-bg: linear-gradient(135deg, #f0e5ca 0%, #d2bc8a 52%, #a58d63 100%);
  --reui-featured-text: #2e2a23;
  --reui-featured-border: #9f8c64;
  --reui-featured-shadow: 0 11px 24px rgba(72, 60, 50, 0.26);
}

/* Heading Component */
.outer-container[data-theme="質感木紋"][data-style="樣式2 (報紙復古)"] h1,
.outer-container[data-theme="質感木紋"][data-style="樣式2 (報紙復古)"] h2,
.outer-container[data-theme="質感木紋"][data-style="樣式2 (報紙復古)"] .banner-text {
  font-family: "Playfair Display", serif;
  font-style: italic;
}

/* Image Component */
.outer-container[data-theme="質感木紋"][data-style="樣式2 (報紙復古)"] .image-block img {
  filter: sepia(30%);
  border: 1px dashed #36454F;
  padding: 3px;
}

/* Button Component */
.outer-container[data-theme="質感木紋"][data-style="樣式2 (報紙復古)"] .btn,
.outer-container[data-theme="質感木紋"][data-style="樣式2 (報紙復古)"] .theme-button {
  background-color: #008080;
  color: #f9f7e8;
  border-radius: 4px;
  text-transform: capitalize;
  font-weight: 600;
}

/* Divider Component */
.outer-container[data-theme="質感木紋"][data-style="樣式2 (報紙復古)"] .divider,
.outer-container[data-theme="質感木紋"][data-style="樣式2 (報紙復古)"] hr {
  border-top: 1px solid #c0c0c0;
  margin: 2rem 0;
  opacity: 1;
}

/* Carousel Component */
.outer-container[data-theme="質感木紋"][data-style="樣式2 (報紙復古)"] .carousel-block,
.outer-container[data-theme="質感木紋"][data-style="樣式2 (報紙復古)"] .immoo-swiper {
  background-color: #e8e8d0;
  padding: 1rem;
  border: 1px solid #c0c0c0;
}

/* Collapse Component */
.outer-container[data-theme="質感木紋"][data-style="樣式2 (報紙復古)"] .collapse-block details {
  background-color: #fcfcf0;
  color: #36454F;
  border: 2px solid #008080 !important;
  border-left: none !important;
  border-right: none !important;
  border-radius: 0;
}

/* Social Component */
.outer-container[data-theme="質感木紋"][data-style="樣式2 (報紙復古)"] .social-block a {
  color: #483c32;
}

/* Footer Component */
.outer-container[data-theme="質感木紋"][data-style="樣式2 (報紙復古)"][data-type="footer"] {
  background-color: #ebebe0 !important;
  color: #36454F !important;
  --theme-text: #36454F;
  padding: 1rem 0;
  border-top: 3px double #483c32;
}


/* ---------------------------------------------------------
   3) Style Scheme: 樣式3 (深綠苔蘚)
   --------------------------------------------------------- */
.outer-container[data-theme="質感木紋"][data-style="樣式3 (深綠苔蘚)"] {
  /* Settings */
  --theme-bg: #f5f5f5;
  --theme-text: #556b2f;
  --theme-link: #8fbc8f;
  --link-border-bottom: 1px solid #556b2f;
  --theme-heading: #4b5320;
  --line-height: 1.7;
  --button-bg: #8fbc8f;
  --button-text: #556b2f;
  --reui-featured-bg: linear-gradient(135deg, #edf0d2 0%, #d5c88f 50%, #a58f56 100%);
  --reui-featured-text: #2e3716;
  --reui-featured-border: #9e8c57;
  --reui-featured-shadow: 0 11px 24px rgba(85, 107, 47, 0.3);
}

/* Heading Component */
.outer-container[data-theme="質感木紋"][data-style="樣式3 (深綠苔蘚)"] h1,
.outer-container[data-theme="質感木紋"][data-style="樣式3 (深綠苔蘚)"] h2,
.outer-container[data-theme="質感木紋"][data-style="樣式3 (深綠苔蘚)"] .banner-text {
  text-transform: capitalize;
}

/* Image Component */
.outer-container[data-theme="質感木紋"][data-style="樣式3 (深綠苔蘚)"] .image-block img {
  border: 5px solid #e0eee0;
  border-radius: 5px;
}

/* Button Component */
.outer-container[data-theme="質感木紋"][data-style="樣式3 (深綠苔蘚)"] .btn,
.outer-container[data-theme="質感木紋"][data-style="樣式3 (深綠苔蘚)"] .theme-button {
  background-color: #8fbc8f;
  color: #556b2f;
  border-radius: 5px;
  font-weight: 500;
  border: 1px solid #556b2f;
}

/* Divider Component */
.outer-container[data-theme="質感木紋"][data-style="樣式3 (深綠苔蘚)"] .divider,
.outer-container[data-theme="質感木紋"][data-style="樣式3 (深綠苔蘚)"] hr {
  border-top: 1px dashed #a9a9a9;
  opacity: 1;
}

/* Carousel Component */
.outer-container[data-theme="質感木紋"][data-style="樣式3 (深綠苔蘚)"] .carousel-block,
.outer-container[data-theme="質感木紋"][data-style="樣式3 (深綠苔蘚)"] .immoo-swiper {
  background-color: #e0eee0;
  padding: 1rem;
  border-radius: 10px;
}

/* Collapse Component */
.outer-container[data-theme="質感木紋"][data-style="樣式3 (深綠苔蘚)"] .collapse-block details {
  background-color: #e0eee0;
  color: #4b5320;
  border: none !important;
  border-left: 5px solid #8fbc8f !important;
  padding-left: 10px;
  border-radius: 3px;
}

/* Social Component */
.outer-container[data-theme="質感木紋"][data-style="樣式3 (深綠苔蘚)"] .social-block a {
  color: #556b2f;
  border: 1px solid #8fbc8f;
  padding: 5px;
  border-radius: 4px; /* Optional enhancement */
}

/* Footer Component */
.outer-container[data-theme="質感木紋"][data-style="樣式3 (深綠苔蘚)"][data-type="footer"] {
  background-color: #f0fff0 !important;
  color: #556b2f !important;
  --theme-text: #556b2f;
  padding: 2.5rem 0;
}


/* ---------------------------------------------------------
   4) Style Scheme: 樣式4 (黃麻暖陽)
   --------------------------------------------------------- */
.outer-container[data-theme="質感木紋"][data-style="樣式4 (黃麻暖陽)"] {
  /* Settings */
  --theme-bg: #fefae0;
  --theme-text: #8b4513;
  --theme-link: #d4a373;
  --link-decoration: underline;
  --theme-heading: #bc6c25;
  --line-height: 1.8;
  --button-bg: #d4a373;
  --button-text: #8b4513;
  --reui-featured-bg: linear-gradient(135deg, #faedcf 0%, #e1bf7f 50%, #bf914f 100%);
  --reui-featured-text: #4a2a10;
  --reui-featured-border: #bf9354;
  --reui-featured-shadow: 0 11px 24px rgba(188, 108, 37, 0.28);
  --reui-detail-summary-bg: #f9e6c7;
  --reui-detail-section-divider: #dfba85;
  --reui-detail-muted-text: #9f6438;
  --reui-detail-map-frame: #dfba85;
}

.outer-container[data-theme="質感木紋"] {
  --reui-detail-summary-bg: color-mix(in srgb, var(--reui-panel-bg) 64%, var(--reui-bg) 36%);
  --reui-detail-section-divider: color-mix(in srgb, var(--reui-border) 72%, transparent);
  --reui-detail-muted-text: var(--reui-muted);
  --reui-detail-map-frame: var(--reui-border);
}

.outer-container[data-theme="質感木紋"] .reui-detail-shell,
.outer-container[data-theme="質感木紋"] .reui-detail-main-media,
.outer-container[data-theme="質感木紋"] .reui-detail-location-card,
.outer-container[data-theme="質感木紋"] .reui-detail-kv-card,
.outer-container[data-theme="質感木紋"] .reui-detail-map-wrap,
.outer-container[data-theme="質感木紋"] .reui-detail-status-badge {
  border-color: var(--reui-border) !important;
}

.outer-container[data-theme="質感木紋"] .reui-detail-summary {
  background: var(--reui-detail-summary-bg) !important;
}

.outer-container[data-theme="質感木紋"] .reui-detail-section,
.outer-container[data-theme="質感木紋"] .reui-detail-side-section {
  border-top-color: var(--reui-detail-section-divider) !important;
}

.outer-container[data-theme="質感木紋"] .reui-detail-kv-label,
.outer-container[data-theme="質感木紋"] .reui-detail-subtitle,
.outer-container[data-theme="質感木紋"] .reui-detail-propertyno,
.outer-container[data-theme="質感木紋"] .reui-detail-updated,
.outer-container[data-theme="質感木紋"] .reui-detail-description {
  color: var(--reui-detail-muted-text) !important;
}

.outer-container[data-theme="質感木紋"] .reui-detail-title,
.outer-container[data-theme="質感木紋"] .reui-detail-price,
.outer-container[data-theme="質感木紋"] .reui-detail-kv-value,
.outer-container[data-theme="質感木紋"] .reui-detail-section-title,
.outer-container[data-theme="質感木紋"] .reui-detail-side-title {
  color: var(--reui-text) !important;
}

.outer-container[data-theme="質感木紋"] .reui-detail-map-wrap {
  border-color: var(--reui-detail-map-frame) !important;
}

.outer-container[data-theme="質感木紋"][data-style="樣式1 (柔和米棕)"] {
  --reui-detail-summary-bg: #f0e2c9;
  --reui-detail-section-divider: #d1b58f;
  --reui-detail-muted-text: #83614f;
  --reui-detail-map-frame: #d1b58f;
}

.outer-container[data-theme="質感木紋"][data-style="樣式2 (報紙復古)"] {
  --reui-detail-summary-bg: #efe4c6;
  --reui-detail-section-divider: #bfb59f;
  --reui-detail-muted-text: #5a6b74;
  --reui-detail-map-frame: #bfb59f;
}

.outer-container[data-theme="質感木紋"][data-style="樣式3 (深綠苔蘚)"] {
  --reui-detail-summary-bg: #dde8cf;
  --reui-detail-section-divider: #b6c8a8;
  --reui-detail-muted-text: #677443;
  --reui-detail-map-frame: #b6c8a8;
}

.outer-container[data-theme="質感木紋"][data-style="樣式4 (黃麻暖陽)"] {
  --reui-detail-summary-bg: #f9e6c7;
  --reui-detail-section-divider: #dfba85;
  --reui-detail-muted-text: #9f6438;
  --reui-detail-map-frame: #dfba85;
}

/* Heading Component */
.outer-container[data-theme="質感木紋"][data-style="樣式4 (黃麻暖陽)"] h1,
.outer-container[data-theme="質感木紋"][data-style="樣式4 (黃麻暖陽)"] h2,
.outer-container[data-theme="質感木紋"][data-style="樣式4 (黃麻暖陽)"] .banner-text {
  letter-spacing: 1px;
}

/* Image Component */
.outer-container[data-theme="質感木紋"][data-style="樣式4 (黃麻暖陽)"] .image-block img {
  border: 1px solid #d4a373;
  box-shadow: 5px 5px 0px #faedcd;
}

/* Button Component */
.outer-container[data-theme="質感木紋"][data-style="樣式4 (黃麻暖陽)"] .btn,
.outer-container[data-theme="質感木紋"][data-style="樣式4 (黃麻暖陽)"] .theme-button {
  background-color: #d4a373;
  color: #8b4513;
  border-radius: 50px;
  font-weight: 700;
  padding: 0.7rem 1.8rem;
}

/* Divider Component */
.outer-container[data-theme="質感木紋"][data-style="樣式4 (黃麻暖陽)"] .divider,
.outer-container[data-theme="質感木紋"][data-style="樣式4 (黃麻暖陽)"] hr {
  border-top: 10px solid #f5f5dc;
  opacity: 1;
}

/* Carousel Component */
.outer-container[data-theme="質感木紋"][data-style="樣式4 (黃麻暖陽)"] .carousel-block,
.outer-container[data-theme="質感木紋"][data-style="樣式4 (黃麻暖陽)"] .immoo-swiper {
  background-color: #faedcd;
  border-radius: 5px;
}

/* Collapse Component */
.outer-container[data-theme="質感木紋"][data-style="樣式4 (黃麻暖陽)"] .collapse-block details {
  background-color: #faedcd;
  color: #8b4513;
  border: 1px solid #d4a373 !important;
  border-radius: 5px;
}

/* Social Component */
.outer-container[data-theme="質感木紋"][data-style="樣式4 (黃麻暖陽)"] .social-block a {
  color: #8b4513;
  font-size: 1.8rem;
}

/* Footer Component */
.outer-container[data-theme="質感木紋"][data-style="樣式4 (黃麻暖陽)"][data-type="footer"] {
  background-color: #faedcd !important;
  color: #bc6c25 !important;
  --theme-text: #bc6c25;
  padding: 1.5rem 0;
}

/* ---------------------------------------------------------
   Real Estate Renderer (reui-*)
   --------------------------------------------------------- */

.outer-container[data-theme="質感木紋"] {
  --reui-bg: #f8f1e6;
  --reui-text: #4c3d31;
  --reui-muted: #7f6856;
  --reui-border: #d8c4aa;
  --reui-panel-bg: #efe3d2;
  --reui-radius: 1rem;
  --reui-accent-bg: var(--button-bg, #8e6e58);
  --reui-accent-text: var(--button-text, #fbf9f4);
  --reui-sale-bg: #ab3b18;
  --reui-sale-text: #fbf9f4;
  --reui-accent-border: color-mix(in srgb, var(--reui-accent-bg) 70%, #3b2f26 30%);
  --reui-page-idle-text: var(--reui-muted);
  --reui-page-idle-bg: transparent;
  --reui-page-idle-border: var(--reui-border);
  --reui-page-active-bg: var(--reui-accent-bg);
  --reui-page-active-text: var(--reui-accent-text);
  --reui-page-active-shadow: 0 12px 24px color-mix(in srgb, var(--reui-accent-bg) 26%, transparent);
  --reui-featured-bg: linear-gradient(135deg, #f4e6c7 0%, #d8b97f 52%, #bc9557 100%);
  --reui-featured-text: #3f2d10;
  --reui-featured-border: #b79358;
  --reui-featured-shadow: 0 11px 24px rgba(120, 89, 48, 0.28);
}

.outer-container[data-theme="質感木紋"] .property-item.reui-card,
.outer-container[data-theme="質感木紋"] .property-detail.reui-detail,
.outer-container[data-theme="質感木紋"] .property-list-search-panel.reui-search-panel {
  border-color: var(--reui-border);
  border-radius: var(--reui-radius);
  background: var(--reui-bg);
  color: var(--reui-text);
}

.outer-container[data-theme="質感木紋"] .property-list-search-panel.reui-search-panel {
  background: var(--reui-panel-bg) !important;
  border-color: color-mix(in srgb, var(--reui-border) 82%, #ffffff 18%) !important;
  box-shadow: 0 14px 28px color-mix(in srgb, var(--reui-muted) 22%, transparent) !important;
}

.outer-container[data-theme="質感木紋"] .reui-list-grid .property-item .text-slate-500,
.outer-container[data-theme="質感木紋"] .reui-detail .text-slate-500,
.outer-container[data-theme="質感木紋"] .reui-search-panel .text-slate-500 {
  color: var(--reui-muted) !important;
}

.outer-container[data-theme="質感木紋"][data-style="樣式1 (柔和米棕)"] {
  --reui-bg: #f4ead7;
  --reui-text: #5e4537;
  --reui-muted: #83614f;
  --reui-border: #d1b58f;
  --reui-panel-bg: #ecd9bb;
  --reui-accent-bg: #a0522d;
  --reui-accent-text: #f5f5dc;
  --reui-sale-bg: #c65215;
  --reui-sale-text: #f5f5dc;
  --reui-featured-bg: linear-gradient(135deg, #f4e1bb 0%, #d7b274 52%, #b88647 100%);
  --reui-featured-text: #4a2f10;
  --reui-featured-border: #b2874a;
  --reui-featured-shadow: 0 11px 24px rgba(160, 82, 45, 0.3);
  --reui-new-bg: #2d4a3e;           /* 森林深綠 */
  --reui-new-text: #f5f5dc;
  --reui-new-border: #1e332a;
  --reui-new-shadow: 0 10px 24px rgba(45, 74, 62, 0.25);
}

.outer-container[data-theme="質感木紋"][data-style="樣式2 (報紙復古)"] {
  --reui-bg: #f4edd9;
  --reui-text: #36454f;
  --reui-muted: #5a6b74;
  --reui-border: #bfb59f;
  --reui-panel-bg: #e8ddc2;
  --reui-accent-bg: #008080;
  --reui-accent-text: #f9f7e8;
  --reui-sale-bg: #b03316;
  --reui-sale-text: #f9f7e8;
  --reui-featured-bg: linear-gradient(135deg, #f0e5ca 0%, #d2bc8a 52%, #a58d63 100%);
  --reui-featured-text: #2e2a23;
  --reui-featured-border: #9f8c64;
  --reui-featured-shadow: 0 11px 24px rgba(72, 60, 50, 0.26);
  --reui-new-bg: #2b3d4f;           /* 復古墨藍 */
  --reui-new-text: #f9f7e8;
  --reui-new-border: #1a2530;
  --reui-new-shadow: 0 10px 24px rgba(43, 61, 79, 0.22);
}

.outer-container[data-theme="質感木紋"][data-style="樣式3 (深綠苔蘚)"] {
  --reui-bg: #e8f0e0;
  --reui-text: #4b5320;
  --reui-muted: #677443;
  --reui-border: #b6c8a8;
  --reui-panel-bg: #dce8cf;
  --reui-accent-bg: #8fbc8f;
  --reui-accent-text: #40511f;
  --reui-sale-bg: #b53415;
  --reui-sale-text: #f5f5f5;
  --reui-featured-bg: linear-gradient(135deg, #edf0d2 0%, #d5c88f 50%, #a58f56 100%);
  --reui-featured-text: #2e3716;
  --reui-featured-border: #9e8c57;
  --reui-featured-shadow: 0 11px 24px rgba(85, 107, 47, 0.3);
  --reui-new-bg: #3d3d29;           /* 深橄欖褐 */
  --reui-new-text: #e0eee0;
  --reui-new-border: #2a2a1c;
  --reui-new-shadow: 0 10px 24px rgba(61, 61, 41, 0.28);
}

.outer-container[data-theme="質感木紋"][data-style="樣式4 (黃麻暖陽)"] {
  --reui-bg: #fbeed2;
  --reui-text: #8b4513;
  --reui-muted: #9f6438;
  --reui-border: #dfba85;
  --reui-panel-bg: #f3deba;
  --reui-accent-bg: #d4a373;
  --reui-accent-text: #8b4513;
  --reui-sale-bg: #c44e1e;
  --reui-sale-text: #fefae0;
  --reui-featured-bg: linear-gradient(135deg, #faedcf 0%, #e1bf7f 50%, #bf914f 100%);
  --reui-featured-text: #4a2a10;
  --reui-featured-border: #bf9354;
  --reui-featured-shadow: 0 11px 24px rgba(188, 108, 37, 0.28);
  --reui-new-bg: #8b4513;           /* 經典紅棕 */
  --reui-new-text: #fefae0;
  --reui-new-border: #5d2e0d;
  --reui-new-shadow: 0 10px 24px rgba(139, 69, 19, 0.25);
}