/* Base Content Styles */
.preview-content {
    /* Variables controlled by JS */
    --content-font-size: 16px;
    --content-theme-color: #3b82f6;
    --content-text-color: #333;
    --content-bg-color: #fff;
    --content-line-height: 1.75;
    
    font-size: var(--content-font-size);
    color: var(--content-text-color);
    line-height: var(--content-line-height);
    background-color: var(--content-bg-color);
    max-width: 100%;
    margin: 0 auto;
    transition: all 0.3s ease;
}

.preview-content h1, 
.preview-content h2, 
.preview-content h3 {
    margin-top: 1.5em;
    margin-bottom: 0.75em;
    font-weight: 700;
    line-height: 1.3;
}

.preview-content p {
    margin-bottom: 1.2em;
    text-align: justify;
}

.preview-content ul, 
.preview-content ol {
    margin-bottom: 1.2em;
    padding-left: 2em;
}

.preview-content li {
    margin-bottom: 0.5em;
}

.preview-content blockquote {
    margin: 1.5em 0;
    padding: 1em;
    background: #f9fafb;
    border-left: 4px solid var(--content-theme-color);
    color: #555;
    font-style: italic;
}

.preview-content strong {
    color: var(--content-theme-color);
    font-weight: bold;
}

/* ===========================
   Template: Simple (简约白)
   =========================== */
.template-simple {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.template-simple h1, 
.template-simple h2 {
    color: #111;
    border-bottom: 2px solid var(--content-theme-color);
    padding-bottom: 0.3em;
    display: inline-block;
}

/* ===========================
   Template: Newspaper (报刊风)
   =========================== */
.template-newspaper {
    font-family: "Georgia", "Times New Roman", serif;
    background-color: #fdfbf7; /* Slightly yellow paper */
    padding: 2rem;
    box-shadow: 0 0 15px rgba(0,0,0,0.05);
}

.template-newspaper h1, 
.template-newspaper h2 {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-bottom: 1px solid #333;
    border-top: 1px solid #333;
    padding: 0.5em 0;
    margin-bottom: 1.5em;
    color: #000;
}

.template-newspaper p {
    text-indent: 2em;
}

.template-newspaper blockquote {
    border-left: none;
    border-top: 2px solid var(--content-theme-color);
    border-bottom: 2px solid var(--content-theme-color);
    background: transparent;
    text-align: center;
    font-weight: bold;
    padding: 1.5em;
}

/* ===========================
   Template: Card (卡片风)
   =========================== */
.template-card {
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    background-color: #f0f2f5;
    padding: 1rem;
}

.template-card .style-section {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    border: 1px solid #eaeaea;
    margin-bottom: 1.5rem;
    padding: 2rem;
}

.template-card h2 {
    background: var(--content-theme-color);
    color: white;
    padding: 0.5em 1em;
    border-radius: 6px;
    font-size: 1.1em;
    display: inline-block;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.template-card blockquote {
    background: #fff;
    border: 1px dashed var(--content-theme-color);
    border-radius: 8px;
}

/* ===========================
   Template: Academic (学术风)
   =========================== */
.template-academic {
    font-family: "Songti SC", "SimSun", "Times New Roman", serif;
    background-color: #fff;
    padding: 2rem;
    line-height: 2;
}

.template-academic h1, 
.template-academic h2 {
    text-align: center;
    font-weight: bold;
    border: none;
    margin-bottom: 1em;
    color: #000;
}

.template-academic h2::before {
    content: "§ ";
    color: var(--content-theme-color);
}

.template-academic p {
    text-indent: 2em;
    text-align: justify;
}

.template-academic blockquote {
    background: transparent;
    border-left: 3px solid #000;
    padding-left: 1em;
    margin-left: 2em;
    font-style: normal;
    font-family: "KaiTi", "楷体", serif;
}

/* ===========================
   Template: Cute (可爱风)
   =========================== */
.template-cute {
    font-family: "Mady", "Rounded Mplus 1c", "Varela Round", "Microsoft YaHei", sans-serif;
    background-color: #fff0f5; /* Lavender Blush */
    padding: 1.5rem;
}

.template-cute .style-section {
    background: white;
    padding: 1.5em;
    border-radius: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 15px rgba(255, 182, 193, 0.4);
    border: 2px dashed var(--content-theme-color);
}

.template-cute h1, 
.template-cute h2 {
    background-color: var(--content-theme-color);
    color: white;
    padding: 0.5em 1.5em;
    border-radius: 50px;
    display: inline-block;
    box-shadow: 2px 4px 0px rgba(0,0,0,0.1);
    font-size: 1.1em;
    margin-left: auto;
    margin-right: auto;
}

.template-cute p {
    margin-bottom: 1em;
}

.template-cute blockquote {
    background-color: #fff;
    border: 2px solid var(--content-theme-color);
    border-radius: 15px;
    border-left: 2px solid var(--content-theme-color);
    color: var(--content-theme-color);
}

/* ===========================
   Template: Tech (科技风)
   =========================== */
.template-tech {
    font-family: "Consolas", "Monaco", "Courier New", monospace;
    background-color: #f5f6fa;
    color: #2f3640;
}

.template-tech h1, 
.template-tech h2 {
    color: #0097e6;
    border-left: 5px solid #0097e6;
    padding-left: 10px;
    background: #e1f0fa;
    display: block;
    font-family: "Segoe UI", sans-serif;
    letter-spacing: 1px;
}

.template-tech p {
    line-height: 1.8;
}

.template-tech blockquote {
    background-color: #2f3640;
    color: #00d2d3;
    border-left: none;
    border-radius: 4px;
    font-family: monospace;
}

.template-tech code {
    background-color: #dcdde1;
    padding: 2px 5px;
    border-radius: 3px;
    color: #c23616;
}

/* ===========================
   Template: Literature (文艺风)
   =========================== */
.template-literature {
    font-family: "STKaiti", "KaiTi", "Georgia", serif;
    background-color: #fffaf0; /* FloralWhite */
    color: #5d4037;
}

.template-literature h1, 
.template-literature h2 {
    text-align: center;
    border-bottom: 1px solid #d7ccc8;
    padding-bottom: 10px;
    font-weight: normal;
    color: #8d6e63;
}

.template-literature p {
    text-indent: 2em;
    line-height: 2;
}

.template-literature blockquote {
    border-left: none;
    border-right: 4px solid #8d6e63;
    text-align: right;
    font-style: italic;
    background: transparent;
    color: #8d6e63;
}

/* ===========================
   Template: Business (商务风)
   =========================== */
.template-business {
    font-family: "Microsoft YaHei", "Helvetica Neue", sans-serif;
    background-color: #ffffff;
    color: #333;
}

.template-business h1, 
.template-business h2 {
    color: #1e3799; /* Royal Blue */
    border-bottom: 3px solid #1e3799;
    padding-bottom: 5px;
    text-transform: uppercase;
}

.template-business p {
    text-align: justify;
    color: #535c68;
}

.template-business blockquote {
    background-color: #f1f2f6;
    border-left: 5px solid #1e3799;
    color: #2f3542;
    font-weight: 500;
}

/* ===========================
   Template: Fresh (小清新)
   =========================== */
.template-fresh {
    font-family: "Rounded Mplus 1c", "Varela Round", sans-serif;
    background-color: #f0fff4; /* Mint Cream */
    color: #2d3436;
}

.template-fresh h1, 
.template-fresh h2 {
    color: #00b894;
    background: #fff;
    padding: 10px 20px;
    border-radius: 20px;
    display: inline-block;
    box-shadow: 0 4px 6px rgba(0,184,148,0.2);
}

.template-fresh p {
    line-height: 1.9;
    letter-spacing: 0.5px;
}

.template-fresh blockquote {
    background-color: #fff;
    border: 2px dashed #00b894;
    border-radius: 10px;
    color: #00b894;
}

/* ===========================
   Template: Retro (复古风)
   =========================== */
.template-retro {
    font-family: "Courier New", Courier, monospace;
    background-color: #f4e4bc; /* Parchment color */
    color: #4b3621;
    padding: 2rem;
    box-shadow: inset 0 0 40px rgba(0,0,0,0.1);
}

.template-retro h1, 
.template-retro h2 {
    text-decoration: underline;
    text-decoration-style: wavy;
    text-align: center;
    color: #800000;
}

.template-retro p {
    text-align: justify;
}

.template-retro blockquote {
    border-left: 2px solid #800000;
    background: rgba(255,255,255,0.3);
    font-style: italic;
}

/* ===========================
   Template: Gradient (渐变风)
   =========================== */
.template-gradient {
    font-family: system-ui, sans-serif;
    background: #fff;
}

.template-gradient h1, 
.template-gradient h2 {
    background: linear-gradient(45deg, #ff6b6b, #feca57);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    font-weight: 900;
    border-bottom: 2px solid #feca57;
}

.template-gradient blockquote {
    background: linear-gradient(to right, #ff9ff3, #feca57);
    color: white;
    border-left: none;
    border-radius: 8px;
    padding: 1.5em;
    font-weight: bold;
}

.template-gradient strong {
    color: #ff6b6b;
}

/* ===========================
   Template: Chinese (中国风)
   =========================== */
.template-chinese {
    font-family: "STSong", "SimSun", serif;
    background-color: #fdfbf7;
    background-image: radial-gradient(#d4c4b7 1px, transparent 1px);
    background-size: 20px 20px;
}

.template-chinese h1, 
.template-chinese h2 {
    writing-mode: horizontal-tb; /* Keep horizontal for compatibility */
    border: 2px solid #c0392b;
    padding: 0.5em 1em;
    display: table;
    margin: 1em auto;
    color: #c0392b;
    border-radius: 4px;
}

.template-chinese p {
    text-indent: 2em;
    line-height: 2;
}

.template-chinese blockquote {
    border: 1px solid #c0392b;
    border-left: 8px solid #c0392b;
    background: #fff;
    color: #555;
}

/* ===========================
   Template: Magazine (杂志风)
   =========================== */
.template-magazine {
    font-family: "Arial Black", "Impact", sans-serif;
    background-color: #fff;
}

.template-magazine h1, 
.template-magazine h2 {
    font-size: 2.5em;
    line-height: 1;
    text-transform: uppercase;
    color: #2d3436;
    border-bottom: 6px solid #000;
    display: inline-block;
    margin-bottom: 0.5em;
}

.template-magazine p {
    font-family: "Georgia", serif;
    font-size: 1.1em;
    line-height: 1.6;
}

.template-magazine p::first-letter {
    font-size: 3em;
    float: left;
    line-height: 0.8;
    padding-right: 0.1em;
    font-weight: bold;
}

.template-magazine blockquote {
    font-size: 1.5em;
    font-family: "Georgia", serif;
    text-align: center;
    border: none;
    color: #636e72;
    font-style: italic;
}

/* ===========================
   Template: Neon (霓虹风)
   =========================== */
.template-neon {
    background-color: #000;
    color: #fff;
    font-family: "Verdana", sans-serif;
}

.template-neon h1, 
.template-neon h2 {
    color: #fff;
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #ff00de, 0 0 30px #ff00de, 0 0 40px #ff00de;
    text-align: center;
}

.template-neon p {
    color: #e0e0e0;
}

.template-neon blockquote {
    border: 1px solid #00ffff;
    box-shadow: 0 0 5px #00ffff, inset 0 0 5px #00ffff;
    background: rgba(0, 255, 255, 0.1);
    color: #fff;
}

.template-neon strong {
    color: #ffff00;
    text-shadow: 0 0 5px #ffff00;
}

/* ===========================
   Template: Notes (手账风)
   =========================== */
.template-notes {
    font-family: "Comic Sans MS", "Chalkboard SE", sans-serif;
    background-color: #fff;
    background-image: linear-gradient(#e1e1e1 1px, transparent 1px);
    background-size: 100% 1.5em; /* Lined paper effect */
    line-height: 1.5em; /* Match grid */
}

.template-notes h1, 
.template-notes h2 {
    background: #ffeba7;
    transform: rotate(-2deg);
    display: inline-block;
    padding: 0.2em 0.5em;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
    margin-bottom: 1em;
    border: 1px solid #ddd;
}

.template-notes p {
    margin-bottom: 1.5em;
}

.template-notes blockquote {
    background: #ff9ff3;
    color: white;
    transform: rotate(1deg);
    box-shadow: 3px 3px 0 rgba(0,0,0,0.1);
    border: none;
    padding: 1em;
    width: 90%;
    margin: 1em auto;
}

/* ===========================
   Template: Xiumi Fresh (风格·春日花信)
   =========================== */
.template-xiumi-fresh {
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    background-color: #f7f9f2; /* Light green-grey bg */
    padding: 20px;
}

.template-xiumi-fresh .style-section {
    background: #fff;
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(139, 195, 74, 0.1);
    position: relative;
    overflow: hidden;
}

.template-xiumi-fresh h1,
.template-xiumi-fresh h2 {
    text-align: center;
    color: #558b2f;
    font-size: 1.2em;
    font-weight: normal;
    letter-spacing: 2px;
    margin-bottom: 1.5em;
    position: relative;
    display: table;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}

.template-xiumi-fresh h2::before {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 120%;
    height: 8px;
    background-color: rgba(139, 195, 74, 0.3);
    border-radius: 4px;
    z-index: -1;
}

.template-xiumi-fresh h2::after {
    content: "🌿";
    display: block;
    font-size: 1.5em;
    margin-top: -35px;
    margin-right: -40px;
    float: right;
    opacity: 0.6;
}

.template-xiumi-fresh p {
    line-height: 1.8;
    color: #555;
    text-align: justify;
}

.template-xiumi-fresh strong {
    color: #558b2f;
    background: linear-gradient(to top, rgba(139, 195, 74, 0.2) 50%, transparent 50%);
}

.template-xiumi-fresh blockquote {
    border: 1px dashed #8bc34a;
    background-color: #f1f8e9;
    border-radius: 8px;
    color: #33691e;
}


/* ===========================
   Template: Xiumi Elegant (风格·极简雅致)
   =========================== */
.template-xiumi-elegant {
    font-family: "Optima", "Songti SC", "SimSun", serif;
    background-color: #f5f5f5;
    padding: 20px;
}

.template-xiumi-elegant .style-section {
    background: #fff;
    padding: 30px;
    margin-bottom: 30px;
    border: 1px solid #e0e0e0;
    position: relative;
}

.template-xiumi-elegant .style-section::before {
    content: "";
    position: absolute;
    top: 6px; left: 6px; right: 6px; bottom: 6px;
    border: 1px solid #dcdcdc;
    pointer-events: none;
}

.template-xiumi-elegant h1,
.template-xiumi-elegant h2 {
    text-align: center;
    color: #333;
    font-weight: bold;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    display: table;
    margin: 0 auto 1.5em auto;
    padding: 8px 20px;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 1.1em;
}

.template-xiumi-elegant p {
    text-indent: 2em;
    line-height: 2;
    color: #444;
}

.template-xiumi-elegant blockquote {
    font-family: "KaiTi", "楷体", serif;
    border-left: none;
    text-align: center;
    color: #666;
    background: transparent;
    padding: 10px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}


/* ===========================
   Template: Xiumi Tech (风格·未来科技)
   =========================== */
.template-xiumi-tech {
    font-family: "Microsoft YaHei", sans-serif;
    background-color: #f0f4f8;
    padding: 15px;
}

.template-xiumi-tech .style-section {
    background: #fff;
    margin-bottom: 25px;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 78, 146, 0.08);
    border-left: 4px solid #004e92;
}

.template-xiumi-tech h1,
.template-xiumi-tech h2 {
    color: #004e92;
    font-size: 1.3em;
    display: flex;
    align-items: center;
    margin-bottom: 1em;
}

.template-xiumi-tech h2::before {
    content: "●"; 
    color: #004e92;
    margin-right: 10px;
    font-size: 0.8em;
}

.template-xiumi-tech h2 {
    background: linear-gradient(90deg, rgba(0,78,146,0.1), transparent);
    padding: 8px 15px;
    border-radius: 0 20px 20px 0;
    margin-left: -25px;
}

.template-xiumi-tech p {
    color: #2c3e50;
    line-height: 1.75;
}

.template-xiumi-tech blockquote {
    background: #e6f2ff;
    border-left: 4px solid #004e92;
    color: #003366;
    border-radius: 0 8px 8px 0;
}

.template-xiumi-tech strong {
    color: #004e92;
    font-weight: 900;
}

/* ===========================
   Advanced Template: China Chic (高级·国潮红金)
   =========================== */
.template-adv-china {
    font-family: "STSong", "SimSun", serif;
    background-color: #800000;
    background-image: 
        radial-gradient(#b8860b 15%, transparent 16%),
        radial-gradient(#b8860b 15%, transparent 16%);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
    padding: 20px;
}

.template-adv-china .style-section {
    background: #fffdf5;
    border: 2px solid #b8860b;
    border-radius: 8px;
    padding: 30px;
    margin-bottom: 30px;
    position: relative;
    box-shadow: 10px 10px 0 rgba(0,0,0,0.3);
}

.template-adv-china .style-section::after {
    content: "囍";
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
    color: #800000;
    opacity: 0.1;
    font-family: "KaiTi", serif;
    border: 1px solid #800000;
    border-radius: 50%;
    padding: 5px;
}

.template-adv-china h1,
.template-adv-china h2 {
    text-align: center;
    color: #800000;
    font-weight: bold;
    border-bottom: 3px double #b8860b;
    display: table;
    margin: 0 auto 1.5em auto;
    padding: 5px 40px;
    position: relative;
}

.template-adv-china h2::before,
.template-adv-china h2::after {
    content: "☁";
    color: #b8860b;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.template-adv-china h2::before { left: 0; }
.template-adv-china h2::after { right: 0; }

.template-adv-china p {
    line-height: 2;
    text-indent: 2em;
    color: #333;
}

.template-adv-china blockquote {
    border: 2px solid #800000;
    background-color: transparent;
    color: #800000;
    text-align: center;
    font-family: "KaiTi", serif;
    padding: 15px;
    margin: 20px 40px;
}

/* ===========================
   Advanced Template: Morandi (高级·莫兰迪色)
   =========================== */
.template-adv-morandi {
    font-family: "Optima", "Helvetica Neue", sans-serif;
    background-color: #eaddcf;
    padding: 20px;
}

.template-adv-morandi .style-section {
    background: #fff;
    border-radius: 20px;
    padding: 40px;
    margin-bottom: 30px;
    box-shadow: 0 10px 30px rgba(166, 147, 130, 0.2);
}

.template-adv-morandi h1,
.template-adv-morandi h2 {
    color: #8c7b75;
    font-weight: normal;
    text-align: left;
    border-left: 8px solid #b7a99a;
    padding-left: 15px;
    margin-bottom: 1.5em;
    font-size: 1.4em;
    letter-spacing: 1px;
}

.template-adv-morandi p {
    color: #5d5753;
    line-height: 2;
    margin-bottom: 1.5em;
}

.template-adv-morandi strong {
    color: #8c7b75;
    background: linear-gradient(to top, #eaddcf 40%, transparent 40%);
}

.template-adv-morandi blockquote {
    background-color: #f7f3f0;
    border-left: none;
    border-radius: 10px;
    padding: 20px;
    color: #8c7b75;
    font-style: italic;
    position: relative;
}

.template-adv-morandi blockquote::before {
    content: "“";
    font-size: 60px;
    color: #dcd3cc;
    position: absolute;
    top: -20px;
    left: 10px;
    font-family: serif;
}

/* ===========================
   Advanced Template: Summer Lemon (高级·夏日柠檬)
   =========================== */
.template-adv-summer {
    font-family: "Rounded Mplus 1c", "Varela Round", sans-serif;
    background-color: #fff9c4;
    background-image: radial-gradient(#fbc02d 20%, transparent 20%);
    background-size: 20px 20px;
    padding: 20px;
}

.template-adv-summer .style-section {
    background: #fff;
    border-radius: 20px;
    padding: 25px;
    margin-bottom: 25px;
    border: 3px dashed #fbc02d;
    box-shadow: 5px 5px 0 #fdd835;
}

.template-adv-summer h1,
.template-adv-summer h2 {
    background: #fbc02d;
    color: #fff;
    display: inline-block;
    padding: 8px 20px;
    border-radius: 50px;
    transform: rotate(-2deg);
    box-shadow: 2px 2px 0 rgba(0,0,0,0.1);
    margin-bottom: 1.5em;
    font-size: 1.2em;
}

.template-adv-summer h2::after {
    content: "🍋";
    margin-left: 10px;
}

.template-adv-summer p {
    line-height: 1.8;
    color: #5d4037;
}

.template-adv-summer blockquote {
    background: #fffde7;
    border: 2px solid #fbc02d;
    border-radius: 15px;
    color: #f9a825;
}

/* ===========================
   Advanced Template: INS Simple (高级·INS极简)
   =========================== */
.template-adv-ins {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background-color: #fafafa;
    padding: 30px;
}

.template-adv-ins .style-section {
    background: #fff;
    padding: 0;
    margin-bottom: 40px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.08);
    border-radius: 2px;
    overflow: hidden;
}

.template-adv-ins .style-section > *:first-child {
    margin-top: 40px;
}

.template-adv-ins h1,
.template-adv-ins h2 {
    text-align: center;
    font-weight: 300;
    letter-spacing: 4px;
    text-transform: uppercase;
    font-size: 1.5em;
    margin: 40px 20px;
    position: relative;
    padding-bottom: 15px;
}

.template-adv-ins h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 1px;
    background: #000;
}

.template-adv-ins p {
    padding: 0 40px;
    margin-bottom: 30px;
    line-height: 2;
    color: #444;
    font-weight: 300;
}

.template-adv-ins blockquote {
    margin: 40px;
    padding: 20px;
    border: 1px solid #eee;
    text-align: center;
    font-style: italic;
    color: #888;
    background: #fff;
}

/* ===========================
   Advanced Template: Cyber Glitch (高级·赛博故障)
   =========================== */
.template-adv-cyber {
    background-color: #050505;
    color: #00ff41;
    font-family: "Courier New", monospace;
    padding: 15px;
}

.template-adv-cyber .style-section {
    background: #000;
    border: 1px solid #333;
    margin-bottom: 20px;
    padding: 20px;
    position: relative;
    box-shadow: -5px 5px 0 #00ff41;
}

.template-adv-cyber .style-section::before {
    content: "SYSTEM_LOG_";
    position: absolute;
    top: -10px;
    left: 10px;
    background: #000;
    padding: 0 5px;
    font-size: 12px;
    color: #00ff41;
}

.template-adv-cyber h1,
.template-adv-cyber h2 {
    color: #ff0055;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 2px 0 #00ffff, -2px 0 #ff0055;
    margin-bottom: 1.5em;
    border-bottom: 1px dashed #333;
    padding-bottom: 10px;
}

.template-adv-cyber p {
    color: #ddd;
    line-height: 1.6;
}

.template-adv-cyber strong {
    background: #ff0055;
    color: #fff;
    padding: 0 4px;
}

.template-adv-cyber blockquote {
    border-left: 4px solid #00ffff;
    background: rgba(0, 255, 255, 0.1);
    color: #00ffff;
    font-family: "Consolas", monospace;
}

/* ===========================
   1. Advanced Template: Nordic Wood (高级·北欧原木)
   =========================== */
.template-adv-nordic {
    font-family: "Optima", "Arial", sans-serif;
    background-color: #f4ece6; /* Light wood color */
    padding: 20px;
}

.template-adv-nordic .style-section {
    background: #fff;
    border-radius: 4px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 12px rgba(160, 140, 120, 0.1);
    border-top: 4px solid #a89f91;
}

.template-adv-nordic h1,
.template-adv-nordic h2 {
    color: #6d645b;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-bottom: 1px solid #d8d0c7;
    padding-bottom: 10px;
    display: inline-block;
    margin-bottom: 1.5em;
}

.template-adv-nordic p {
    color: #555;
    line-height: 1.9;
}

.template-adv-nordic blockquote {
    background: #fdfbf9;
    border-left: 3px solid #a89f91;
    color: #888;
    font-style: italic;
}

/* ===========================
   2. Advanced Template: Sakura Pink (高级·浪漫樱花)
   =========================== */
.template-adv-sakura {
    font-family: "Microsoft YaHei", sans-serif;
    background-color: #fff0f5;
    background-image: radial-gradient(#ffc0cb 10%, transparent 11%);
    background-size: 30px 30px;
    padding: 20px;
}

.template-adv-sakura .style-section {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 20px;
    padding: 25px;
    margin-bottom: 25px;
    border: 2px solid #ffb7c5;
    box-shadow: 0 5px 15px rgba(255, 183, 197, 0.3);
}

.template-adv-sakura h1,
.template-adv-sakura h2 {
    color: #ff69b4;
    background: #fff;
    padding: 5px 15px;
    border-radius: 15px;
    border: 1px solid #ffb7c5;
    display: inline-block;
    box-shadow: 2px 2px 0 #ffb7c5;
    margin-bottom: 1em;
}

.template-adv-sakura h2::before {
    content: "🌸";
    margin-right: 5px;
}

.template-adv-sakura p {
    color: #555;
}

.template-adv-sakura blockquote {
    background: #fff5f7;
    border-radius: 10px;
    border: 1px dashed #ffb7c5;
    color: #db7093;
}

/* ===========================
   3. Advanced Template: Cool Mint (高级·清凉薄荷)
   =========================== */
.template-adv-mint {
    font-family: "Verdana", sans-serif;
    background-color: #e0f2f1;
    padding: 20px;
}

.template-adv-mint .style-section {
    background: #fff;
    border-radius: 0 20px 0 20px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 5px 5px 0 #80cbc4;
    border: 1px solid #b2dfdb;
}

.template-adv-mint h1,
.template-adv-mint h2 {
    color: #00897b;
    border-bottom: 3px solid #4db6ac;
    display: inline-block;
    padding-bottom: 5px;
    margin-bottom: 1.5em;
}

.template-adv-mint p {
    color: #00695c;
}

.template-adv-mint blockquote {
    background: #e0f7fa;
    border-left: 5px solid #26a69a;
    color: #00796b;
}

/* ===========================
   4. Advanced Template: Vintage Paper (高级·复古信纸)
   =========================== */
.template-adv-vintage {
    font-family: "Courier New", Courier, serif;
    background-color: #fdf5e6; /* Old Lace */
    background-image: repeating-linear-gradient(#fdf5e6 0, #fdf5e6 1.4em, #eec 1.4em, #eec 1.5em);
    padding: 20px;
    line-height: 1.5em;
}

.template-adv-vintage .style-section {
    background: transparent;
    padding: 10px;
    margin-bottom: 40px;
    border: none;
    box-shadow: none;
}

.template-adv-vintage h1,
.template-adv-vintage h2 {
    text-align: center;
    text-decoration: underline;
    text-decoration-style: double;
    color: #5d4037;
    background: #fff8e1;
    padding: 5px 10px;
    border: 1px solid #8d6e63;
    display: table;
    margin: 0 auto 1.5em auto;
}

.template-adv-vintage p {
    color: #3e2723;
}

.template-adv-vintage blockquote {
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #8d6e63;
    padding: 15px;
    margin: 20px;
    transform: rotate(-1deg);
}

/* ===========================
   5. Advanced Template: Starry Night (高级·星空紫韵)
   =========================== */
.template-adv-starry {
    font-family: "Arial", sans-serif;
    background-color: #1a1a2e;
    color: #e0e0e0;
    padding: 20px;
}

.template-adv-starry .style-section {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 25px;
    box-shadow: 0 0 20px rgba(106, 90, 205, 0.2);
}

.template-adv-starry h1,
.template-adv-starry h2 {
    color: #e6e6fa;
    text-shadow: 0 0 10px #7b68ee;
    border-bottom: 1px solid #483d8b;
    padding-bottom: 10px;
    display: block;
    text-align: center;
}

.template-adv-starry h2::before { content: "✨ "; }
.template-adv-starry h2::after { content: " ✨"; }

.template-adv-starry p {
    color: #b0c4de;
}

.template-adv-starry blockquote {
    background: rgba(72, 61, 139, 0.3);
    border-left: 3px solid #9370db;
    color: #e6e6fa;
}

/* ===========================
   6. Advanced Template: Golden Luxury (高级·黑金奢华)
   =========================== */
.template-adv-luxury {
    font-family: "Times New Roman", serif;
    background-color: #111;
    color: #d4af37;
    padding: 25px;
}

.template-adv-luxury .style-section {
    background: #1c1c1c;
    border: 1px solid #333;
    padding: 30px;
    margin-bottom: 30px;
    position: relative;
}

/* Gold Frame */
.template-adv-luxury .style-section::before {
    content: "";
    position: absolute;
    top: 5px; left: 5px; right: 5px; bottom: 5px;
    border: 1px solid #d4af37;
    pointer-events: none;
}

.template-adv-luxury h1,
.template-adv-luxury h2 {
    text-align: center;
    color: transparent;
    background: linear-gradient(to right, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);
    -webkit-background-clip: text;
    background-clip: text;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 1.5em;
    border-bottom: 1px solid #d4af37;
    padding-bottom: 0.5em;
}

.template-adv-luxury p {
    color: #ccc;
    text-indent: 2em;
    line-height: 2;
}

.template-adv-luxury blockquote {
    border: none;
    border-top: 1px solid #d4af37;
    border-bottom: 1px solid #d4af37;
    text-align: center;
    padding: 20px;
    font-style: italic;
    color: #fcf6ba;
}

/* ===========================
   7. Advanced Template: Matcha Green (高级·抹茶物语)
   =========================== */
.template-adv-matcha {
    font-family: "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    background-color: #f1f8e9;
    padding: 20px;
}

.template-adv-matcha .style-section {
    background: #fff;
    padding: 25px;
    margin-bottom: 25px;
    border-radius: 8px;
    border-left: 6px solid #7cb342;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.template-adv-matcha h1,
.template-adv-matcha h2 {
    color: #558b2f;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.template-adv-matcha h2::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 1.2em;
    background: #aed581;
    margin-right: 10px;
    border-radius: 2px;
}

.template-adv-matcha p {
    color: #33691e;
}

.template-adv-matcha blockquote {
    background: #f1f8e9;
    border: none;
    border-radius: 4px;
    color: #689f38;
    padding: 15px;
}

/* ===========================
   8. Advanced Template: Ocean Blue (高级·深海之蓝)
   =========================== */
.template-adv-ocean {
    font-family: "Arial", sans-serif;
    background: linear-gradient(to bottom, #e3f2fd, #bbdefb);
    padding: 20px;
}

.template-adv-ocean .style-section {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(5px);
    border-radius: 15px;
    padding: 30px;
    margin-bottom: 30px;
    border: 1px solid #90caf9;
    box-shadow: 0 4px 15px rgba(33, 150, 243, 0.1);
}

.template-adv-ocean h1,
.template-adv-ocean h2 {
    color: #1565c0;
    text-align: center;
    padding-bottom: 10px;
    background-image: linear-gradient(to right, transparent, #2196f3, transparent);
    background-position: bottom;
    background-size: 100% 2px;
    background-repeat: no-repeat;
}

.template-adv-ocean p {
    color: #0d47a1;
}

.template-adv-ocean blockquote {
    background: #e1f5fe;
    border-left: 4px solid #039be5;
    color: #0277bd;
    border-radius: 0 8px 8px 0;
}

/* ===========================
   9. Advanced Template: Coffee Time (高级·午后咖啡)
   =========================== */
.template-adv-coffee {
    font-family: "Georgia", serif;
    background-color: #efebe9;
    padding: 20px;
}

.template-adv-coffee .style-section {
    background: #fff;
    padding: 35px;
    margin-bottom: 35px;
    border-radius: 4px;
    box-shadow: 0 4px 6px rgba(62, 39, 35, 0.1);
}

.template-adv-coffee h1,
.template-adv-coffee h2 {
    color: #4e342e;
    border-bottom: 4px solid #d7ccc8;
    display: inline-block;
    padding-right: 20px;
    margin-bottom: 1.5em;
}

.template-adv-coffee p {
    color: #5d4037;
    line-height: 1.8;
}

.template-adv-coffee blockquote {
    background: #d7ccc8;
    color: #3e2723;
    border-left: 8px solid #5d4037;
    font-weight: bold;
}

/* ===========================
   10. Advanced Template: Abstract Art (高级·几何艺术)
   =========================== */
.template-adv-abstract {
    font-family: "Verdana", sans-serif;
    background-color: #fff;
    background-image: radial-gradient(#333 1px, transparent 1px);
    background-size: 20px 20px;
    padding: 20px;
}

.template-adv-abstract .style-section {
    background: #fff;
    border: 3px solid #000;
    box-shadow: 8px 8px 0 #ffeb3b;
    padding: 25px;
    margin-bottom: 30px;
}

.template-adv-abstract h1,
.template-adv-abstract h2 {
    background: #ff4081;
    color: #fff;
    display: inline-block;
    padding: 5px 15px;
    transform: skew(-10deg);
    box-shadow: 4px 4px 0 #000;
    margin-bottom: 1.5em;
}

.template-adv-abstract p {
    color: #000;
}

.template-adv-abstract blockquote {
    border: 3px solid #000;
    background: #00e676;
    color: #000;
    font-weight: bold;
    box-shadow: 4px 4px 0 #000;
}

/* ===========================
   11. Advanced Template: Ink Painting (高级·水墨丹青)
   =========================== */
.template-adv-ink {
    font-family: "KaiTi", "STKaiti", serif;
    background-color: #f5f5f5;
    padding: 20px;
}

.template-adv-ink .style-section {
    background: #fff;
    padding: 40px;
    margin-bottom: 30px;
    box-shadow: 0 0 20px rgba(0,0,0,0.05);
    border-top: 10px solid #2c3e50;
    border-bottom: 10px solid #2c3e50;
}

.template-adv-ink h1,
.template-adv-ink h2 {
    text-align: center;
    color: #fff;
    background: #2c3e50;
    display: table;
    margin: 0 auto 1.5em auto;
    padding: 8px 30px;
    border-radius: 50px;
    font-size: 1.3em;
}

.template-adv-ink p {
    color: #34495e;
    text-indent: 2em;
    line-height: 2.2;
}

.template-adv-ink blockquote {
    border: 1px solid #95a5a6;
    border-left: 8px solid #2c3e50;
    background: #fff;
    color: #7f8c8d;
    padding: 20px;
}

/* ===========================
   12. Advanced Template: Kraft Paper (高级·质感牛皮)
   =========================== */
.template-adv-kraft {
    font-family: "Courier New", monospace;
    background-color: #d7ccc8;
    padding: 20px;
}

.template-adv-kraft .style-section {
    background: #efebe9;
    border: 2px dashed #8d6e63;
    padding: 20px;
    margin-bottom: 25px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
}

.template-adv-kraft h1,
.template-adv-kraft h2 {
    text-align: center;
    color: #3e2723;
    border: 2px solid #5d4037;
    padding: 5px 15px;
    display: inline-block;
    background: #fff;
    transform: rotate(-1deg);
}

.template-adv-kraft p {
    color: #4e342e;
}

.template-adv-kraft blockquote {
    background: #fff;
    border: 1px solid #a1887f;
    color: #5d4037;
    font-style: italic;
}

/* ===========================
   13. Advanced Template: Glassmorphism (高级·磨砂玻璃)
   =========================== */
.template-adv-glass {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 20px;
}

.template-adv-glass .style-section {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border-radius: 16px;
    padding: 30px;
    margin-bottom: 30px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    color: #fff;
}

.template-adv-glass h1,
.template-adv-glass h2 {
    color: #fff;
    text-shadow: 0 2px 4px rgba(0,0,0,0.2);
    border-bottom: 1px solid rgba(255,255,255,0.3);
    padding-bottom: 10px;
}

.template-adv-glass p {
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.8;
}

.template-adv-glass blockquote {
    background: rgba(0, 0, 0, 0.2);
    border-left: 4px solid rgba(255, 255, 255, 0.5);
    color: #fff;
}

.template-adv-glass strong {
    color: #fff;
    text-decoration: underline;
}

/* ===========================
   14. Advanced Template: Vaporwave (高级·蒸汽波风)
   =========================== */
.template-adv-vapor {
    font-family: "Arial", sans-serif;
    background: linear-gradient(to bottom, #ff00cc, #333399);
    padding: 20px;
}

.template-adv-vapor .style-section {
    background: rgba(255, 255, 255, 0.9);
    border: 3px solid #00ffff;
    box-shadow: 5px 5px 0 #ff00cc;
    padding: 25px;
    margin-bottom: 30px;
    transform: skew(-2deg);
}

.template-adv-vapor h1,
.template-adv-vapor h2 {
    color: #333399;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 900;
    text-shadow: 2px 2px 0 #00ffff;
    letter-spacing: 2px;
}

.template-adv-vapor p {
    color: #333;
    font-family: monospace;
}

.template-adv-vapor blockquote {
    background: #000;
    color: #00ff00;
    border: 1px solid #00ff00;
    font-family: monospace;
}

/* ===========================
   15. Advanced Template: Red Festival (高级·喜庆节日)
   =========================== */
.template-adv-festival {
    font-family: "Microsoft YaHei", sans-serif;
    background-color: #b71c1c; /* Dark Red */
    background-image: radial-gradient(#ef5350 10%, transparent 11%);
    background-size: 20px 20px;
    padding: 20px;
}

.template-adv-festival .style-section {
    background: #fff;
    border-radius: 10px;
    border: 2px solid #ffcdd2;
    padding: 25px;
    margin-bottom: 25px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.2);
}

.template-adv-festival h1,
.template-adv-festival h2 {
    color: #d32f2f;
    text-align: center;
    background: #ffcdd2;
    padding: 8px 30px;
    border-radius: 50px;
    display: table;
    margin: 0 auto 1.5em auto;
}

.template-adv-festival h2::before,
.template-adv-festival h2::after {
    content: "🏮";
    font-size: 1.2em;
    vertical-align: middle;
}

.template-adv-festival p {
    color: #333;
    line-height: 1.8;
}

.template-adv-festival blockquote {
    border: 1px solid #ef5350;
    background: #ffebee;
    color: #c62828;
    text-align: center;
    border-radius: 8px;
}

/* ===========================
   Template: Dark (暗夜黑)
   =========================== */
.template-dark {
    background-color: #1f2937;
    color: #e5e7eb;
    --content-text-color: #e5e7eb;
    --content-bg-color: #1f2937;
}

.template-dark h1, .template-dark h2 {
    color: #60a5fa;
    border-color: #374151;
}

.template-dark blockquote {
    background-color: #374151;
    color: #d1d5db;
    border-left-color: #60a5fa;
}

.template-dark strong {
    color: #93c5fd;
}
    display: inline-block;
    padding-right: 20px;
}
.template-fest-women blockquote {
    background: #f3e5f5;
    color: #6a1b9a;
    border-left: none;
    font-weight: bold;
}

/* 4. Qingming (清明·雨纷纷) */
.template-fest-qingming {
    font-family: "KaiTi", serif;
    background-color: #e0e0e0;
    padding: 20px;
}
.template-fest-qingming .style-section {
    background: #f5f5f5;
    padding: 30px;
    margin-bottom: 30px;
    border-top: 3px solid #616161;
    border-bottom: 3px solid #616161;
}
.template-fest-qingming .style-section:nth-child(even) {
    background: #eeeeee;
    border-color: #9e9e9e;
}
.template-fest-qingming h1,
.template-fest-qingming h2 {
    text-align: center;
    color: #424242;
    font-weight: normal;
}
.template-fest-qingming p {
    text-indent: 2em;
    color: #616161;
}
.template-fest-qingming blockquote {
    border: 1px solid #bdbdbd;
    background: #fff;
    color: #757575;
    padding: 15px;
}

/* 5. Labor Day (劳动节·筑梦荣光) */
.template-fest-labor {
    font-family: "Arial Black", sans-serif;
    background-color: #ffcc80;
    padding: 20px;
}
.template-fest-labor .style-section {
    background: #fff;
    border: 4px solid #ef6c00;
    padding: 25px;
    margin-bottom: 25px;
    box-shadow: 8px 8px 0 #ffe0b2;
}
.template-fest-labor .style-section:nth-child(even) {
    transform: rotate(-1deg);
    border-color: #e65100;
}
.template-fest-labor h1,
.template-fest-labor h2 {
    color: #e65100;
    text-transform: uppercase;
    background: #ffe0b2;
    display: inline-block;
    padding: 5px 10px;
    transform: skew(-10deg);
}
.template-fest-labor p {
    font-family: "Arial", sans-serif;
    color: #333;
}
.template-fest-labor blockquote {
    background: #ef6c00;
    color: #fff;
    border: none;
    font-weight: bold;
}

/* 6. Youth Day (青年节·激扬青春) */
.template-fest-youth {
    font-family: "Microsoft YaHei", sans-serif;
    background-color: #e3f2fd;
    padding: 20px;
}
.template-fest-youth .style-section {
    background: #fff;
    border-radius: 8px;
    padding: 25px;
    margin-bottom: 25px;
    border-left: 8px solid #2196f3;
}
.template-fest-youth .style-section:nth-child(even) {
    border-left: 8px solid #ff9800; /* Alternate with Orange */
}
.template-fest-youth h1,
.template-fest-youth h2 {
    color: #1565c0;
    font-weight: 900;
    font-style: italic;
}
.template-fest-youth .style-section:nth-child(even) h2 {
    color: #e65100;
}
.template-fest-youth blockquote {
    background: #e3f2fd;
    color: #0d47a1;
    border-left: none;
    border-radius: 4px;
}

/* 7. Children's Day (儿童节·童心未泯) */
.template-fest-children {
    font-family: "Comic Sans MS", "Rounded Mplus 1c", sans-serif;
    background-color: #fffde7;
    background-image: radial-gradient(#ffeb3b 20%, transparent 20%);
    background-size: 40px 40px;
    padding: 20px;
}
.template-fest-children .style-section {
    background: #fff;
    border: 3px dashed #ff9800;
    border-radius: 25px;
    padding: 25px;
    margin-bottom: 25px;
}
.template-fest-children .style-section:nth-child(2n) {
    border-color: #4caf50;
}
.template-fest-children .style-section:nth-child(3n) {
    border-color: #2196f3;
}
.template-fest-children h1,
.template-fest-children h2 {
    color: #ff5722;
    text-shadow: 2px 2px 0 #ffcc80;
    text-align: center;
}
.template-fest-children h2::before { content: "🎈 "; }
.template-fest-children h2::after { content: " 🧸"; }
.template-fest-children blockquote {
    background: #e1f5fe;
    border: 2px solid #29b6f6;
    border-radius: 15px;
    color: #0277bd;
}

/* 8. Dragon Boat (端午·粽叶飘香) */
.template-fest-dragon {
    font-family: "STKaiti", serif;
    background-color: #e8f5e9;
    padding: 20px;
}
.template-fest-dragon .style-section {
    background: #fff;
    padding: 30px;
    margin-bottom: 30px;
    border: 2px solid #43a047;
    position: relative;
    border-radius: 4px;
}
.template-fest-dragon .style-section:nth-child(odd) {
    background: #f1f8e9; /* Light Green */
}
.template-fest-dragon h1,
.template-fest-dragon h2 {
    color: #2e7d32;
    text-align: center;
    background: #c8e6c9;
    padding: 5px 20px;
    border-radius: 20px;
    display: inline-block;
}
.template-fest-dragon h2::before { content: "🎋 "; }
.template-fest-dragon p { color: #1b5e20; }
.template-fest-dragon blockquote {
    background: #a5d6a7;
    color: #1b5e20;
    border: none;
    text-align: center;
    border-radius: 8px;
}

/* 9. Qixi (七夕·鹊桥相会) */
.template-fest-qixi {
    font-family: "Songti SC", serif;
    background: linear-gradient(to bottom, #1a237e, #4a148c);
    padding: 20px;
}
.template-fest-qixi .style-section {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    padding: 25px;
    margin-bottom: 25px;
    border: 1px solid #7e57c2;
}
.template-fest-qixi .style-section:nth-child(even) {
    background: rgba(237, 231, 246, 0.95);
}
.template-fest-qixi h1,
.template-fest-qixi h2 {
    color: #4a148c;
    text-align: center;
    border-bottom: 1px solid #b39ddb;
    padding-bottom: 10px;
}
.template-fest-qixi h2::before { content: "🌌 "; }
.template-fest-qixi p { color: #311b92; }
.template-fest-qixi blockquote {
    background: #d1c4e9;
    color: #4527a0;
    border-left: 4px solid #512da8;
}

/* 10. Teacher's Day (教师节·桃李芬芳) */
.template-fest-teacher {
    font-family: "KaiTi", serif;
    background-color: #fff3e0;
    padding: 20px;
}
.template-fest-teacher .style-section {
    background: #fff;
    border: 1px solid #ffb74d;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 5px 5px 0 rgba(0,0,0,0.1);
}
.template-fest-teacher .style-section:nth-child(even) {
    border-left: 5px solid #ef6c00;
}
.template-fest-teacher h1,
.template-fest-teacher h2 {
    color: #e65100;
    border-bottom: 2px solid #ffe0b2;
    display: inline-block;
}
.template-fest-teacher h2::after { content: " 📖"; }
.template-fest-teacher p { color: #5d4037; }
.template-fest-teacher blockquote {
    background: #fff8e1;
    border: 1px dashed #ff9800;
    color: #e65100;
}

/* 11. Mid-Autumn (中秋·月满西楼) */
.template-fest-midautumn {
    font-family: "Songti SC", serif;
    background-color: #0d47a1;
    padding: 20px;
}
.template-fest-midautumn .style-section {
    background: #e3f2fd;
    border-radius: 50% 50% 0 0 / 10px 10px 0 0; /* Arched top */
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 0 15px rgba(255, 235, 59, 0.3);
}
.template-fest-midautumn .style-section:nth-child(even) {
    background: #fffde7; /* Moonlight yellow */
}
.template-fest-midautumn h1,
.template-fest-midautumn h2 {
    color: #01579b;
    text-align: center;
    border-bottom: 1px solid #90caf9;
}
.template-fest-midautumn h2::before { content: "🌕 "; }
.template-fest-midautumn blockquote {
    background: #fff9c4;
    color: #f57f17;
    border: none;
    text-align: center;
}

/* 12. National Day (国庆·盛世华诞) */
.template-fest-national {
    font-family: "Microsoft YaHei", sans-serif;
    background-color: #b71c1c;
    background-image: linear-gradient(#d32f2f 2px, transparent 2px), linear-gradient(90deg, #d32f2f 2px, transparent 2px);
    background-size: 40px 40px;
    padding: 20px;
}
.template-fest-national .style-section {
    background: #fff;
    border: 2px solid #ffc107;
    padding: 25px;
    margin-bottom: 25px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}
.template-fest-national .style-section:nth-child(even) {
    border-color: #b71c1c;
}
.template-fest-national h1,
.template-fest-national h2 {
    color: #b71c1c;
    text-align: center;
    font-weight: 900;
    background: #ffecb3;
    padding: 5px 15px;
    display: table;
    margin: 0 auto 1.5em auto;
}
.template-fest-national h2::before { content: "🇨🇳 "; }
.template-fest-national blockquote {
    background: #ffebee;
    border-left: 5px solid #b71c1c;
    color: #b71c1c;
}

/* 13. Halloween (万圣节·奇妙夜) */
.template-fest-halloween {
    font-family: "Verdana", sans-serif;
    background-color: #212121;
    padding: 20px;
}
.template-fest-halloween .style-section {
    background: #424242;
    border-radius: 10px;
    padding: 25px;
    margin-bottom: 25px;
    border: 2px solid #ff9800;
    box-shadow: 0 0 10px #ff9800;
}
.template-fest-halloween .style-section:nth-child(even) {
    border-color: #9c27b0; /* Purple */
    box-shadow: 0 0 10px #9c27b0;
}
.template-fest-halloween h1,
.template-fest-halloween h2 {
    color: #ff9800;
    text-align: center;
    font-family: "Impact", sans-serif;
    letter-spacing: 2px;
}
.template-fest-halloween .style-section:nth-child(even) h2 {
    color: #e040fb;
}
.template-fest-halloween h2::before { content: "🎃 "; }
.template-fest-halloween p { color: #f5f5f5; }
.template-fest-halloween blockquote {
    background: #000;
    color: #ffeb3b;
    border: 1px dashed #ff9800;
}

/* 14. Thanksgiving (感恩节·温暖相伴) */
.template-fest-thanksgiving {
    font-family: "Georgia", serif;
    background-color: #d7ccc8;
    padding: 20px;
}
.template-fest-thanksgiving .style-section {
    background: #fff;
    border-radius: 8px;
    padding: 30px;
    margin-bottom: 30px;
    border-top: 5px solid #795548;
}
.template-fest-thanksgiving .style-section:nth-child(even) {
    border-top-color: #ff5722;
}
.template-fest-thanksgiving h1,
.template-fest-thanksgiving h2 {
    color: #5d4037;
    text-align: center;
    font-style: italic;
}
.template-fest-thanksgiving h2::before { content: "🍂 "; }
.template-fest-thanksgiving p { color: #4e342e; }
.template-fest-thanksgiving blockquote {
    background: #efebe9;
    color: #6d4c41;
    border-left: 4px solid #8d6e63;
}

/* 15. Christmas (圣诞·缤纷雪夜) */
.template-fest-christmas {
    font-family: "Arial", sans-serif;
    background-color: #1b5e20;
    background-image: radial-gradient(white 15%, transparent 16%), radial-gradient(white 15%, transparent 16%);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
    padding: 20px;
}
.template-fest-christmas .style-section {
    background: #fff;
    border: 3px solid #c62828;
    border-radius: 15px;
    padding: 25px;
    margin-bottom: 25px;
    box-shadow: 0 10px 0 #2e7d32;
}
.template-fest-christmas .style-section:nth-child(even) {
    border-color: #2e7d32; /* Green border */
    box-shadow: 0 10px 0 #c62828; /* Red shadow */
}
.template-fest-christmas h1,
.template-fest-christmas h2 {
    color: #c62828;
    text-align: center;
    font-weight: bold;
    border-bottom: 2px dashed #2e7d32;
    padding-bottom: 10px;
}
.template-fest-christmas h2::before { content: "🎄 "; }
.template-fest-christmas h2::after { content: " ❄️"; }
.template-fest-christmas p { color: #333; }
.template-fest-christmas blockquote {
    background: #e8f5e9;
    color: #1b5e20;
    border: 1px solid #2e7d32;
    text-align: center;
}