/**
 * 国风装饰样式
 * @package GuangDeLou
 */

/* === 国风纹样背景 === */
.gdl-guofeng-bg{
    background-color:var(--gdl-bg,#F5EDE0);
    background-image:
        radial-gradient(circle at 20% 50%,rgba(169,57,57,.03) 0%,transparent 50%),
        radial-gradient(circle at 80% 80%,rgba(168,148,86,.03) 0%,transparent 50%);
}

/* === 云纹装饰 === */
.gdl-cloud-pattern{position:relative}
.gdl-cloud-pattern::before{
    content:'';
    position:absolute;
    top:0;left:0;right:0;
    height:4px;
    background:repeating-linear-gradient(
        90deg,
        var(--gdl-gold,#A89456) 0,
        var(--gdl-gold,#A89456) 8px,
        transparent 8px,
        transparent 16px
    );
    opacity:.5;
}

/* === 回纹边框 === */
.gdl-meander-border{
    border-image:repeating-linear-gradient(
        90deg,
        var(--gdl-gold,#A89456) 0,
        var(--gdl-gold,#A89456) 4px,
        transparent 4px,
        transparent 8px
    ) 1;
}

/* === 印章风格 === */
.gdl-seal{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    background:var(--gdl-red,#A93939);
    color:#fff;
    font-size:14px;
    font-weight:700;
    border-radius:4px;
    transform:rotate(-5deg);
    box-shadow:0 2px 4px rgba(169,57,57,.3);
    font-family:'Noto Serif SC',serif;
}

/* === 竖排标题 === */
.gdl-vertical-title{
    writing-mode:vertical-rl;
    text-orientation:upright;
    font-size:24px;
    font-weight:700;
    letter-spacing:8px;
    color:var(--gdl-dark-red,#6B1F1F);
    font-family:'Noto Serif SC',serif;
}

/* === 国风分割线 === */
.gdl-divider-guofeng{
    display:flex;
    align-items:center;
    justify-content:center;
    margin:16px 0;
    gap:8px;
}
.gdl-divider-guofeng::before,
.gdl-divider-guofeng::after{
    content:'';
    flex:1;
    height:1px;
    background:linear-gradient(90deg,transparent,var(--gdl-gold,#A89456),transparent);
    max-width:80px;
}
.gdl-divider-guofeng .divider-icon{
    color:var(--gdl-gold,#A89456);
    font-size:16px;
}

/* === 灯笼装饰 === */
.gdl-lantern{
    position:relative;
    width:32px;
    height:40px;
    background:var(--gdl-red,#A93939);
    border-radius:50% 50% 45% 45%;
    box-shadow:inset 0 -4px 8px rgba(0,0,0,.2);
}
.gdl-lantern::before{
    content:'';
    position:absolute;
    top:-4px;
    left:50%;
    transform:translateX(-50%);
    width:12px;
    height:4px;
    background:var(--gdl-gold,#A89456);
    border-radius:2px;
}
.gdl-lantern::after{
    content:'';
    position:absolute;
    bottom:-6px;
    left:50%;
    transform:translateX(-50%);
    width:2px;
    height:6px;
    background:var(--gdl-gold,#A89456);
}

/* === 窗棂图案 === */
.gdl-window-pattern{
    background-image:
        linear-gradient(var(--gdl-gold,#A89456) 1px,transparent 1px),
        linear-gradient(90deg,var(--gdl-gold,#A89456) 1px,transparent 1px);
    background-size:20px 20px;
    background-position:-1px -1px;
    opacity:.1;
}

/* === 卷轴效果 === */
.gdl-scroll-container{
    position:relative;
    padding:20px 0;
}
.gdl-scroll-container::before,
.gdl-scroll-container::after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    height:8px;
    background:linear-gradient(90deg,
        var(--gdl-gold,#A89456) 0%,
        var(--gdl-dark-red,#6B1F1F) 50%,
        var(--gdl-gold,#A89456) 100%
    );
    border-radius:4px;
}
.gdl-scroll-container::before{top:0}
.gdl-scroll-container::after{bottom:0}

/* === 戏曲脸谱图标 === */
.gdl-mask-icon{
    width:48px;
    height:48px;
    border-radius:50%;
    background:linear-gradient(135deg,var(--gdl-red,#A93939),var(--gdl-dark-red,#6B1F1F));
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:24px;
    font-weight:700;
    font-family:'Noto Serif SC',serif;
}