/* ==========================================================================
   Product Poster Studio - 真实质感与背景纹理系统
   采用纯 CSS + 离线 SVG 滤镜与程序化纹理，无需加载外网大图，断网即用且画质细腻
   ========================================================================== */

/* 1. 经典松柏绿·亚麻布纹 (参考图同款，高级织物触感) */
.theme-linen-green {
  --theme-bg: #4f8263;
  --theme-text: #0d381e;
  --theme-text-muted: #1e5233;
  --theme-text-subtle: #2b6342;
  --theme-accent: #072e16;
  --theme-border: rgba(13, 56, 30, 0.25);
  --theme-card-bg: rgba(255, 255, 255, 0.12);
  --theme-card-border: rgba(13, 56, 30, 0.18);
  --theme-code-bg: rgba(7, 46, 22, 0.15);
  --theme-code-text: #072e16;
  --theme-badge-bg: #0d381e;
  --theme-badge-text: #78a88a;
  --theme-quote-border: #0d381e;
}

/* 2. 浅木暖宣·手工宣纸 (文艺温润，书籍画册感) */
.theme-rice-paper {
  --theme-bg: #f5f0e6;
  --theme-text: #2a2521;
  --theme-text-muted: #5e564d;
  --theme-text-subtle: #8a8075;
  --theme-accent: #8b3a2b;
  --theme-border: rgba(42, 37, 33, 0.18);
  --theme-card-bg: rgba(255, 255, 255, 0.55);
  --theme-card-border: rgba(42, 37, 33, 0.12);
  --theme-code-bg: rgba(42, 37, 33, 0.08);
  --theme-code-text: #8b3a2b;
  --theme-badge-bg: #8b3a2b;
  --theme-badge-text: #ffffff;
  --theme-quote-border: #8b3a2b;
}

/* 3. 复古暖棕·牛皮纸 (经典工坊手札、说明书复古感) */
.theme-kraft-paper {
  --theme-bg: #dfccaf;
  --theme-text: #3d2f23;
  --theme-text-muted: #5a493a;
  --theme-text-subtle: #7a6654;
  --theme-accent: #261c14;
  --theme-border: rgba(61, 47, 35, 0.22);
  --theme-card-bg: rgba(255, 255, 255, 0.25);
  --theme-card-border: rgba(61, 47, 35, 0.15);
  --theme-code-bg: rgba(38, 28, 20, 0.12);
  --theme-code-text: #261c14;
  --theme-badge-bg: #3d2f23;
  --theme-badge-text: #dfccaf;
  --theme-quote-border: #3d2f23;
}

/* 4. 玄墨暗夜·科技磨砂 (深色极简，极具现代软件与硬核科技感) */
.theme-modern-dark {
  --theme-bg: #14171c;
  --theme-text: #e6edf3;
  --theme-text-muted: #9aa4b2;
  --theme-text-subtle: #657082;
  --theme-accent: #38bdf8;
  --theme-border: rgba(230, 237, 243, 0.15);
  --theme-card-bg: rgba(255, 255, 255, 0.04);
  --theme-card-border: rgba(255, 255, 255, 0.08);
  --theme-code-bg: rgba(56, 189, 248, 0.12);
  --theme-code-text: #7dd3fc;
  --theme-badge-bg: #38bdf8;
  --theme-badge-text: #0b1320;
  --theme-quote-border: #38bdf8;
}

/* 5. 极简素白·微噪印品 (纯净高端，适合任何正式产品与商业文档) */
.theme-pure-white {
  --theme-bg: #fafafa;
  --theme-text: #171717;
  --theme-text-muted: #525252;
  --theme-text-subtle: #8a8a8a;
  --theme-accent: #2563eb;
  --theme-border: rgba(23, 23, 23, 0.12);
  --theme-card-bg: #ffffff;
  --theme-card-border: rgba(23, 23, 23, 0.08);
  --theme-code-bg: #f1f5f9;
  --theme-code-text: #1d4ed8;
  --theme-badge-bg: #171717;
  --theme-badge-text: #ffffff;
  --theme-quote-border: #2563eb;
}

/* 6. 黛蓝山岚·沉静雅致 (深邃典雅，高端商务/专业工具) */
.theme-ocean-blue {
  --theme-bg: #2d4554;
  --theme-text: #e2eaf0;
  --theme-text-muted: #a6c0d0;
  --theme-text-subtle: #7997ab;
  --theme-accent: #6ee7b7;
  --theme-border: rgba(226, 234, 240, 0.18);
  --theme-card-bg: rgba(255, 255, 255, 0.06);
  --theme-card-border: rgba(226, 234, 240, 0.1);
  --theme-code-bg: rgba(110, 231, 183, 0.15);
  --theme-code-text: #6ee7b7;
  --theme-badge-bg: #6ee7b7;
  --theme-badge-text: #13242e;
  --theme-quote-border: #6ee7b7;
}

/* ==========================================================================
   纯 CSS 程序化织物与纸品微浮雕层 (100% 兼容 html2canvas，绝不发生跨域污染)
   ========================================================================== */

/* 1. 亚麻布织物纹理 (十字经纬平织微浮雕，还原参考图布质触感) */
.texture-linen::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.7;
  background-image: 
    linear-gradient(90deg, rgba(255,255,255,0.07) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255,255,255,0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,0,0,0.08) 1px, transparent 1px),
    linear-gradient(0deg, rgba(0,0,0,0.08) 1px, transparent 1px),
    radial-gradient(rgba(0,0,0,0.12) 15%, transparent 16%),
    radial-gradient(rgba(255,255,255,0.1) 15%, transparent 16%);
  background-size: 3px 3px, 3px 3px, 6px 6px, 6px 6px, 4px 4px, 4px 4px;
  background-position: 0 0, 0 0, 1px 1px, 1px 1px, 0 0, 2px 2px;
  mix-blend-mode: overlay;
  border-radius: inherit;
}

/* 2. 宣纸/手工纤维纹理 */
.texture-paper::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.5;
  background-image: 
    radial-gradient(circle at 50% 50%, rgba(0,0,0,0.04) 10%, transparent 20%),
    radial-gradient(circle at 20% 80%, rgba(255,255,255,0.08) 15%, transparent 30%),
    linear-gradient(135deg, rgba(0,0,0,0.03) 25%, transparent 25%),
    linear-gradient(225deg, rgba(0,0,0,0.03) 25%, transparent 25%);
  background-size: 8px 8px, 12px 12px, 6px 6px, 6px 6px;
  mix-blend-mode: multiply;
  border-radius: inherit;
}

/* 3. 细微磨砂颗粒 */
.texture-grain::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.4;
  background-image: 
    radial-gradient(rgba(255,255,255,0.15) 1px, transparent 0),
    radial-gradient(rgba(0,0,0,0.15) 1px, transparent 0);
  background-size: 4px 4px;
  background-position: 0 0, 2px 2px;
  mix-blend-mode: overlay;
  border-radius: inherit;
}

/* 4. 无纹理 */
.texture-none::before {
  display: none !important;
}