
/* =========================================================
   整个框架点击跳转覆盖层
   完全锁定在当前框架内部，不影响其他代码
========================================================= */
#qwsz-one-two-five-0728 .qwsz-full-link{
    position:absolute !important;
    z-index:99999 !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;

    display:block !important;
    width:100% !important;
    height:100% !important;

    border:0 !important;
    outline:0 !important;
    background:transparent !important;
    text-decoration:none !important;
    cursor:pointer !important;

    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
}
/* =========================================================
   CSS 完全隔离
========================================================= */
#qwsz-one-two-five-0728,
#qwsz-one-two-five-0728 *,
#qwsz-one-two-five-0728 *::before,
#qwsz-one-two-five-0728 *::after{
    margin:0;
    padding:0;
    box-sizing:border-box !important;
    min-width:0;
    max-width:100%;

    font-family:
        KaiTi,
        "楷体",
        STKaiti,
        "Kaiti SC",
        DFKai-SB,
        BiauKai,
        SimKai,
        "Microsoft YaHei",
        Arial,
        sans-serif !important;
}

/* =========================================================
   总框架
========================================================= */
#qwsz-one-two-five-0728{
    --qwsz-red:#9d170e;
    --qwsz-red-light:#d13a22;
    --qwsz-red-dark:#4b0603;

    --qwsz-gold:#e9c36f;
    --qwsz-gold-light:#fff0b6;
    --qwsz-gold-dark:#8d551c;

    --qwsz-paper:#f5d991;
    --qwsz-paper-light:#fff1bd;
    --qwsz-paper-dark:#c98d38;

    --qwsz-ink:#781108;

    display:block !important;
    position:relative;
    isolation:isolate;

    width:100%;
    max-width:820px;
    margin:12px auto;
    padding:14px;

    color:#fff;

    background:
        radial-gradient(
            ellipse at 50% -5%,
            rgba(255,236,164,.55) 0%,
            rgba(238,188,85,.24) 19%,
            transparent 43%
        ),

        radial-gradient(
            circle at 7% 15%,
            rgba(255,220,137,.22) 0%,
            transparent 26%
        ),

        radial-gradient(
            circle at 94% 17%,
            rgba(255,226,150,.20) 0%,
            transparent 27%
        ),

        radial-gradient(
            ellipse at 50% 43%,
            rgba(145,19,9,.28) 0%,
            rgba(96,12,6,.10) 35%,
            transparent 64%
        ),

        radial-gradient(
            ellipse at 2% 97%,
            rgba(157,20,9,.50) 0%,
            transparent 38%
        ),

        radial-gradient(
            ellipse at 98% 98%,
            rgba(123,13,7,.42) 0%,
            transparent 39%
        ),

        repeating-linear-gradient(
            115deg,
            rgba(255,255,255,.018) 0,
            rgba(255,255,255,.018) 1px,
            transparent 1px,
            transparent 7px
        ),

        linear-gradient(
            145deg,
            #211916 0%,
            #5e402c 24%,
            #7f5737 47%,
            #4b3326 69%,
            #201915 100%
        );

    border:3px solid #a96d2c;
    border-radius:24px;
    overflow:hidden;

    box-shadow:
        0 16px 38px rgba(0,0,0,.44),
        0 4px 10px rgba(74,29,7,.34),
        inset 0 0 0 2px rgba(255,232,157,.20),
        inset 0 0 0 5px rgba(80,36,14,.30),
        inset 0 0 70px rgba(0,0,0,.40);
}

/* =========================================================
   中央大型玄学星盘
========================================================= */
#qwsz-one-two-five-0728::before{
    content:"";
    position:absolute;
    z-index:-2;

    left:50%;
    top:132px;

    width:690px;
    height:690px;

    transform:
        translateX(-50%)
        rotate(-8deg);

    border-radius:50%;

    background:
        radial-gradient(
            circle at center,
            rgba(255,230,149,.13) 0 9%,
            transparent 10% 17%,
            rgba(255,219,124,.10) 18% 18.6%,
            transparent 19% 28%,
            rgba(255,222,138,.11) 29% 29.7%,
            transparent 30% 40%,
            rgba(255,217,119,.11) 41% 41.8%,
            transparent 42% 49%,
            rgba(255,228,150,.12) 50% 50.7%,
            transparent 51% 59%,
            rgba(255,221,131,.11) 60% 60.7%,
            transparent 61% 70%
        ),

        repeating-conic-gradient(
            from 0deg,
            rgba(255,226,143,.24) 0deg 1deg,
            transparent 1deg 14deg
        ),

        conic-gradient(
            from 22.5deg,
            transparent 0deg 16deg,
            rgba(255,225,141,.09) 16deg 18deg,
            transparent 18deg 43deg,
            rgba(255,225,141,.09) 43deg 45deg,
            transparent 45deg 88deg,
            rgba(255,225,141,.09) 88deg 90deg,
            transparent 90deg 133deg,
            rgba(255,225,141,.09) 133deg 135deg,
            transparent 135deg 178deg,
            rgba(255,225,141,.09) 178deg 180deg,
            transparent 180deg 223deg,
            rgba(255,225,141,.09) 223deg 225deg,
            transparent 225deg 268deg,
            rgba(255,225,141,.09) 268deg 270deg,
            transparent 270deg 313deg,
            rgba(255,225,141,.09) 313deg 315deg,
            transparent 315deg 360deg
        );

    border:1px solid rgba(255,226,145,.24);

    box-shadow:
        0 0 0 14px rgba(255,220,130,.022),
        0 0 0 16px rgba(255,220,130,.09),
        0 0 0 37px rgba(255,220,130,.018),
        0 0 0 39px rgba(255,220,130,.07),
        0 0 0 73px rgba(255,220,130,.014),
        0 0 0 75px rgba(255,220,130,.055),
        0 0 50px rgba(255,193,74,.08);

    opacity:.95;
    pointer-events:none;

    animation:qwszBgRotate0728 80s linear infinite;
}

/* =========================================================
   底部红绸
========================================================= */
#qwsz-one-two-five-0728::after{
    content:"";
    position:absolute;
    z-index:-1;

    left:-12%;
    bottom:-87px;

    width:124%;
    height:205px;

    transform:rotate(-1.5deg);

    background:
        linear-gradient(
            170deg,
            transparent 0% 13%,
            rgba(255,103,52,.12) 14% 18%,
            transparent 19% 24%,
            rgba(73,0,0,.30) 25% 28%,
            #6b0704 30%,
            #b5160d 43%,
            #d72d18 51%,
            #9b0c07 62%,
            #520300 74%,
            transparent 76%
        ),

        linear-gradient(
            190deg,
            transparent 0% 38%,
            rgba(77,2,0,.86) 39%,
            rgba(164,18,9,.90) 55%,
            rgba(69,2,0,.84) 73%,
            transparent 74%
        );

    filter:
        drop-shadow(0 -9px 13px rgba(0,0,0,.38))
        drop-shadow(0 -2px 3px rgba(255,166,77,.18));

    pointer-events:none;
}

/* =========================================================
   顶部标题区域
========================================================= */
#qwsz-one-two-five-0728 .qwsz-head{
    position:relative;
    z-index:3;
    text-align:center;
    padding:13px 8px 16px;
}

/* 左右古城剪影 */
#qwsz-one-two-five-0728 .qwsz-head::before,
#qwsz-one-two-five-0728 .qwsz-head::after{
    content:"";
    position:absolute;
    z-index:-1;

    top:9px;
    width:128px;
    height:108px;

    opacity:.48;
    pointer-events:none;

    background:
        linear-gradient(
            145deg,
            transparent 0 44%,
            rgba(28,17,12,.95) 45% 55%,
            transparent 56%
        )
        10px 24px / 72px 28px no-repeat,

        linear-gradient(
            215deg,
            transparent 0 44%,
            rgba(28,17,12,.95) 45% 55%,
            transparent 56%
        )
        44px 24px / 72px 28px no-repeat,

        linear-gradient(
            rgba(29,18,12,.95),
            rgba(16,10,8,.95)
        )
        24px 50px / 82px 9px no-repeat,

        linear-gradient(
            90deg,
            rgba(23,15,11,.94),
            rgba(45,28,17,.92),
            rgba(19,12,9,.95)
        )
        36px 57px / 58px 40px no-repeat,

        linear-gradient(
            rgba(31,19,12,.95),
            rgba(13,9,7,.95)
        )
        61px 8px / 7px 32px no-repeat;
}

#qwsz-one-two-five-0728 .qwsz-head::before{
    left:-19px;
    transform:scale(1.14);
}

#qwsz-one-two-five-0728 .qwsz-head::after{
    right:-19px;
    transform:scaleX(-1) scale(1.14);
}

/* 标题红色笔刷 */
#qwsz-one-two-five-0728 .qwsz-title-brush{
    position:absolute;
    z-index:1;

    left:5%;
    right:5%;
    top:5px;

    height:96px;

    border-radius:50% 14% 44% 20%;
    transform:skewX(-8deg) rotate(-1deg);

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(105,0,0,.80) 8%,
            #8e0805 22%,
            #a90c08 50%,
            #7c0302 78%,
            transparent 100%
        );

    box-shadow:
        0 10px 18px rgba(0,0,0,.24),
        inset 0 -8px 13px rgba(55,0,0,.25);

    pointer-events:none;
}

/* 主标题 */
#qwsz-one-two-five-0728 .qwsz-title{
    position:relative;
    z-index:2;

    display:block;

    color:var(--qwsz-gold-light);

    font-size:clamp(38px,8vw,66px);
    line-height:1.05;
    font-weight:900;
    letter-spacing:5px;

    text-shadow:
        0 2px 0 #8e4d18,
        0 4px 4px rgba(0,0,0,.48),
        0 0 12px rgba(255,220,126,.30);
}

/* 副标题 */
#qwsz-one-two-five-0728 .qwsz-subtitle{
    position:relative;
    z-index:3;

    display:flex;
    align-items:center;
    justify-content:center;

    width:min(420px,88%);
    min-height:50px;

    margin:16px auto 0;
    padding:7px 46px;

    color:#fff3c4;

    font-size:clamp(22px,4.8vw,31px);
    line-height:1.1;
    font-weight:900;
    letter-spacing:6px;

    border:3px solid #bd7832;
    border-radius:8px 8px 18px 18px;

    background:
        linear-gradient(
            180deg,
            #cf2817 0%,
            #a30d07 45%,
            #780704 100%
        );

    box-shadow:
        inset 0 0 0 2px rgba(255,220,143,.35),
        inset 0 9px 9px rgba(255,255,255,.08),
        0 5px 10px rgba(0,0,0,.28);

    text-shadow:0 2px 2px rgba(0,0,0,.40);
}

#qwsz-one-two-five-0728 .qwsz-subtitle::before,
#qwsz-one-two-five-0728 .qwsz-subtitle::after{
    content:"◆";
    position:absolute;
    top:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    width:25px;
    height:25px;

    transform:
        translateY(-50%)
        rotate(45deg);

    color:#fff0b4;
    font-size:13px;
    line-height:1;

    border:2px solid #f3ce7f;
    background:#8e0804;

    box-shadow:0 2px 4px rgba(0,0,0,.25);
}

#qwsz-one-two-five-0728 .qwsz-subtitle::before{
    left:12px;
}

#qwsz-one-two-five-0728 .qwsz-subtitle::after{
    right:12px;
}

/* =========================================================
   五期记录区域
========================================================= */
#qwsz-one-two-five-0728 .qwsz-list{
    position:relative;
    z-index:2;

    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;

    margin-top:4px;
}

/* 祥云雾气 */
#qwsz-one-two-five-0728 .qwsz-list::before{
    content:"";
    position:absolute;
    z-index:-1;

    left:-25px;
    right:-25px;
    top:-22px;
    bottom:-18px;

    border-radius:28px;

    background:
        radial-gradient(
            ellipse at 8% 18%,
            rgba(255,229,163,.12) 0%,
            transparent 25%
        ),

        radial-gradient(
            ellipse at 91% 21%,
            rgba(255,222,139,.11) 0%,
            transparent 25%
        ),

        radial-gradient(
            ellipse at 50% 52%,
            rgba(128,17,8,.11) 0%,
            transparent 47%
        ),

        radial-gradient(
            ellipse at 18% 95%,
            rgba(255,225,144,.08) 0%,
            transparent 27%
        ),

        radial-gradient(
            ellipse at 84% 96%,
            rgba(255,225,144,.08) 0%,
            transparent 27%
        );

    filter:blur(2px);
    pointer-events:none;
}

/* 每行固定两期；第五期排在新一行左侧 */
#qwsz-one-two-five-0728 .qwsz-item:nth-child(5){
    grid-column:auto;
    width:100%;
    justify-self:stretch;
}

/* =========================================================
   单期卡片
========================================================= */
#qwsz-one-two-five-0728 .qwsz-item{
    position:relative;

    padding:50px 10px 13px;

    border:2px solid rgba(220,169,77,.78);
    border-radius:18px;

    background:
        radial-gradient(
            ellipse at 50% -8%,
            rgba(255,239,177,.20) 0%,
            transparent 46%
        ),

        radial-gradient(
            circle at 4% 105%,
            rgba(153,19,9,.23) 0%,
            transparent 38%
        ),

        radial-gradient(
            circle at 96% 105%,
            rgba(153,19,9,.20) 0%,
            transparent 38%
        ),

        repeating-linear-gradient(
            135deg,
            rgba(255,255,255,.017) 0,
            rgba(255,255,255,.017) 1px,
            transparent 1px,
            transparent 6px
        ),

        linear-gradient(
            145deg,
            rgba(48,29,20,.96) 0%,
            rgba(104,64,37,.95) 45%,
            rgba(45,28,20,.97) 100%
        );

    box-shadow:
        inset 0 0 0 2px rgba(255,235,173,.07),
        inset 0 12px 22px rgba(255,218,139,.025),
        inset 0 -18px 28px rgba(0,0,0,.25),
        0 7px 16px rgba(0,0,0,.30);

    overflow:hidden;
}

/* 卡片阵法 */
#qwsz-one-two-five-0728 .qwsz-item::before{
    content:"";
    position:absolute;

    left:50%;
    top:48%;

    width:230px;
    height:230px;

    transform:translate(-50%,-50%);

    border-radius:50%;

    background:
        repeating-conic-gradient(
            from 0deg,
            rgba(255,220,133,.09) 0deg 1deg,
            transparent 1deg 30deg
        ),

        radial-gradient(
            circle,
            transparent 0 33%,
            rgba(255,220,133,.07) 34% 35%,
            transparent 36% 51%,
            rgba(255,220,133,.06) 52% 53%,
            transparent 54%
        );

    opacity:.63;
    pointer-events:none;
}

/* 卡片底部金线 */
#qwsz-one-two-five-0728 .qwsz-item::after{
    content:"";
    position:absolute;

    left:13%;
    right:13%;
    bottom:5px;

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,218,128,.44),
            transparent
        );

    box-shadow:
        0 -1px 7px rgba(255,199,86,.16);

    pointer-events:none;
}

/* =========================================================
   期数红牌
========================================================= */
#qwsz-one-two-five-0728 .qwsz-period{
    position:absolute;
    z-index:5;

    left:50%;
    top:8px;

    transform:translateX(-50%);

    display:flex;
    align-items:center;
    justify-content:center;

    min-width:132px;
    min-height:38px;

    padding:4px 20px;

    color:#fff0bc;

    font-size:22px;
    line-height:1;
    font-weight:900;
    white-space:nowrap;

    border:2px solid #d59643;
    border-radius:11px 11px 5px 5px;

    background:
        linear-gradient(
            180deg,
            #c52315 0%,
            #941008 52%,
            #6e0704 100%
        );

    box-shadow:
        inset 0 0 0 2px rgba(255,224,152,.18),
        0 4px 7px rgba(0,0,0,.28);

    text-shadow:
        0 2px 2px rgba(0,0,0,.42);
}

#qwsz-one-two-five-0728 .qwsz-period::before,
#qwsz-one-two-five-0728 .qwsz-period::after{
    content:"";
    position:absolute;

    top:50%;

    width:10px;
    height:10px;

    transform:
        translateY(-50%)
        rotate(45deg);

    border:2px solid #e4b862;
    background:#760704;
}

#qwsz-one-two-five-0728 .qwsz-period::before{
    left:-7px;
}

#qwsz-one-two-five-0728 .qwsz-period::after{
    right:-7px;
}

/* =========================================================
   每期数据布局
========================================================= */
#qwsz-one-two-five-0728 .qwsz-data{
    position:relative;
    z-index:3;

    display:grid;
    grid-template-columns:
        minmax(58px,1fr)
        minmax(66px,.9fr)
        minmax(58px,1fr);

    align-items:center;
    justify-content:center;
    gap:8px;
}

/* =========================================================
   左右号码圆盘
========================================================= */
#qwsz-one-two-five-0728 .qwsz-number{
    position:relative;

    display:flex;
    align-items:center;
    justify-content:center;

    width:100%;
    max-width:112px;
    aspect-ratio:1 / 1;

    margin:auto;

    color:#b7190b;

    font-size:clamp(37px,7vw,58px);
    line-height:1;
    font-weight:900;
    letter-spacing:1px;

    border:6px double #a86120;
    border-radius:50%;

    background:
        radial-gradient(
            circle at 38% 30%,
            #fff5cf 0%,
            #f5d989 45%,
            #d9a84d 100%
        );

    box-shadow:
        inset 0 0 0 3px rgba(255,248,210,.50),
        inset 0 -8px 13px rgba(129,67,10,.17),
        0 4px 8px rgba(0,0,0,.32);

    text-shadow:
        0 2px 0 rgba(255,242,190,.75);
}

/* 圆盘顶部装饰 */
#qwsz-one-two-five-0728 .qwsz-number::before{
    content:"◆";
    position:absolute;

    left:50%;
    top:-14px;

    transform:translateX(-50%);

    display:flex;
    align-items:center;
    justify-content:center;

    width:24px;
    height:20px;

    color:#f7d688;
    font-size:10px;

    border:2px solid #9d5f1f;
    border-radius:50% 50% 38% 38%;

    background:#64100a;

    box-shadow:
        0 2px 4px rgba(0,0,0,.30);
}

/* =========================================================
   中间生肖牌
========================================================= */
#qwsz-one-two-five-0728 .qwsz-zodiac{
    position:relative;

    display:flex;
    align-items:center;
    justify-content:center;

    width:100%;
    min-height:104px;

    padding:8px 3px;

    color:#b3190c;

    font-size:clamp(45px,9vw,70px);
    line-height:1;
    font-weight:900;

    border:5px double #9d4f16;
    border-radius:8px;

    background:
        linear-gradient(
            145deg,
            #fff2bd 0%,
            #f2d17c 50%,
            #dfa953 100%
        );

    box-shadow:
        inset 0 0 0 3px rgba(255,247,202,.55),
        inset 0 -9px 12px rgba(132,71,16,.15),
        0 4px 8px rgba(0,0,0,.32);

    text-shadow:
        0 2px 0 rgba(255,242,188,.80);
}

/* =========================================================
   中奖样式
   给号码或生肖增加 qwsz-hit 类
========================================================= */
#qwsz-one-two-five-0728 .qwsz-hit{
    color:#fff !important;

    border-color:#f0bd59 !important;

    background:
        radial-gradient(
            circle at 35% 25%,
            #ef4930 0%,
            #bd180e 45%,
            #790704 100%
        ) !important;

    text-shadow:
        0 2px 2px rgba(0,0,0,.55),
        0 0 7px rgba(255,238,173,.35) !important;

    animation:
        qwszHitGlow0728
        1.5s
        ease-in-out
        infinite
        alternate;
}

/* =========================================================
   底部卷轴宣传栏
========================================================= */
#qwsz-one-two-five-0728 .qwsz-footer{
    position:relative;
    z-index:4;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    width:min(590px,96%);
    min-height:76px;

    margin:15px auto 3px;
    padding:10px 28px;

    color:#7d160e;
    text-align:center;

    border:3px solid #a76625;
    border-radius:5px 5px 13px 13px;

    background:
        linear-gradient(
            90deg,
            #d7a34c 0%,
            #f7e0a0 9%,
            #fff1c2 50%,
            #f2d487 91%,
            #c98c37 100%
        );

    box-shadow:
        inset 0 0 0 2px rgba(255,250,216,.60),
        inset 0 -8px 11px rgba(143,77,17,.15),
        0 5px 12px rgba(0,0,0,.30);
}

#qwsz-one-two-five-0728 .qwsz-footer-main{
    font-size:clamp(22px,5vw,34px);
    line-height:1.15;
    font-weight:900;
    word-break:break-all;
}

#qwsz-one-two-five-0728 .qwsz-footer-tip{
    margin-top:4px;

    color:#9b2616;

    font-size:16px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:1px;
}

/* 卷轴左右轴头 */
#qwsz-one-two-five-0728 .qwsz-footer::before,
#qwsz-one-two-five-0728 .qwsz-footer::after{
    content:"";
    position:absolute;

    top:50%;

    width:22px;
    height:92px;

    transform:translateY(-50%);

    border:2px solid #8c511d;
    border-radius:50%;

    background:
        linear-gradient(
            90deg,
            #8f4e19,
            #e4b75e 30%,
            #fff0a9 50%,
            #c27c29 75%,
            #77400f
        );

    box-shadow:
        inset 0 0 5px rgba(255,248,189,.60),
        0 3px 7px rgba(0,0,0,.30);
}

#qwsz-one-two-five-0728 .qwsz-footer::before{
    left:-12px;
}

#qwsz-one-two-five-0728 .qwsz-footer::after{
    right:-12px;
}

/* =========================================================
   动画
========================================================= */
@keyframes qwszBgRotate0728{
    0%{
        transform:
            translateX(-50%)
            rotate(-8deg);
    }

    100%{
        transform:
            translateX(-50%)
            rotate(352deg);
    }
}

@keyframes qwszHitGlow0728{
    0%{
        transform:scale(1);

        box-shadow:
            inset 0 0 0 3px rgba(255,238,165,.25),
            0 3px 8px rgba(0,0,0,.30),
            0 0 4px rgba(255,71,38,.20);
    }

    100%{
        transform:scale(1.035);

        box-shadow:
            inset 0 0 0 3px rgba(255,238,165,.40),
            0 4px 10px rgba(0,0,0,.35),
            0 0 14px rgba(255,65,34,.65);
    }
}

/* =========================================================
   平板端适配
========================================================= */
@media screen and (max-width:680px){
    #qwsz-one-two-five-0728{
        margin:7px auto;
        padding:9px;
        border-radius:17px;
    }

    #qwsz-one-two-five-0728 .qwsz-head{
        padding-top:9px;
    }

    #qwsz-one-two-five-0728 .qwsz-title-brush{
        top:2px;
        height:78px;
    }

    #qwsz-one-two-five-0728 .qwsz-list{
        gap:8px;
    }

    #qwsz-one-two-five-0728 .qwsz-item{
        padding:46px 7px 10px;
        border-radius:14px;
    }

    #qwsz-one-two-five-0728 .qwsz-period{
        min-width:108px;
        min-height:34px;
        font-size:19px;
    }

    #qwsz-one-two-five-0728 .qwsz-data{
        gap:5px;
    }

    #qwsz-one-two-five-0728 .qwsz-number{
        border-width:4px;
    }

    #qwsz-one-two-five-0728 .qwsz-zodiac{
        min-height:86px;
        border-width:4px;
    }
}

/* =========================================================
   手机端：保持一行两期
========================================================= */
@media screen and (max-width:520px){
    #qwsz-one-two-five-0728::before{
        top:145px;
        width:540px;
        height:540px;
        opacity:.78;
    }

    #qwsz-one-two-five-0728 .qwsz-head::before,
    #qwsz-one-two-five-0728 .qwsz-head::after{
        width:92px;
        height:86px;
        opacity:.34;
    }

    #qwsz-one-two-five-0728 .qwsz-head::before{
        left:-27px;
    }

    #qwsz-one-two-five-0728 .qwsz-head::after{
        right:-27px;
    }

    #qwsz-one-two-five-0728 .qwsz-title{
        letter-spacing:3px;
    }

    #qwsz-one-two-five-0728 .qwsz-subtitle{
        min-height:43px;
        margin-top:12px;
        padding-left:38px;
        padding-right:38px;
        letter-spacing:4px;
    }

    #qwsz-one-two-five-0728 .qwsz-list{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:7px;
    }

    #qwsz-one-two-five-0728 .qwsz-item:nth-child(5){
        grid-column:auto;
        width:100%;
        justify-self:stretch;
    }

    #qwsz-one-two-five-0728 .qwsz-item{
        padding:40px 4px 9px;
        border-width:1px;
        border-radius:12px;
    }

    #qwsz-one-two-five-0728 .qwsz-item::before{
        width:150px;
        height:150px;
    }

    #qwsz-one-two-five-0728 .qwsz-period{
        top:6px;
        min-width:76px;
        min-height:29px;
        padding:3px 7px;
        font-size:15px;
        border-width:1px;
        border-radius:8px 8px 4px 4px;
    }

    #qwsz-one-two-five-0728 .qwsz-period::before,
    #qwsz-one-two-five-0728 .qwsz-period::after{
        width:7px;
        height:7px;
        border-width:1px;
    }

    #qwsz-one-two-five-0728 .qwsz-period::before{
        left:-5px;
    }

    #qwsz-one-two-five-0728 .qwsz-period::after{
        right:-5px;
    }

    #qwsz-one-two-five-0728 .qwsz-data{
        grid-template-columns:
            minmax(0,1fr)
            minmax(0,.88fr)
            minmax(0,1fr);

        gap:2px;
    }

    #qwsz-one-two-five-0728 .qwsz-number{
        width:100%;
        max-width:52px;
        font-size:clamp(24px,8vw,34px);
        border-width:3px;
    }

    #qwsz-one-two-five-0728 .qwsz-number::before{
        display:none;
    }

    #qwsz-one-two-five-0728 .qwsz-zodiac{
        min-height:50px;
        padding:3px 1px;
        font-size:clamp(30px,9vw,42px);
        border-width:3px;
    }

    #qwsz-one-two-five-0728 .qwsz-footer{
        min-height:68px;
        padding-left:19px;
        padding-right:19px;
    }

    #qwsz-one-two-five-0728 .qwsz-footer::before,
    #qwsz-one-two-five-0728 .qwsz-footer::after{
        width:18px;
        height:78px;
    }

    #qwsz-one-two-five-0728 .qwsz-footer::before{
        left:-9px;
    }

    #qwsz-one-two-five-0728 .qwsz-footer::after{
        right:-9px;
    }
}

/* =========================================================
   超小屏幕
========================================================= */
@media screen and (max-width:350px){
    #qwsz-one-two-five-0728{
        padding:6px;
    }

    #qwsz-one-two-five-0728 .qwsz-list{
        gap:5px;
    }

    #qwsz-one-two-five-0728 .qwsz-item{
        padding-left:3px;
        padding-right:3px;
    }

    #qwsz-one-two-five-0728 .qwsz-period{
        min-width:68px;
        min-height:27px;
        padding-left:5px;
        padding-right:5px;
        font-size:14px;
    }

    #qwsz-one-two-five-0728 .qwsz-data{
        grid-template-columns:
            minmax(0,1fr)
            minmax(0,.86fr)
            minmax(0,1fr);

        gap:1px;
    }

    #qwsz-one-two-five-0728 .qwsz-number{
        max-width:45px;
        font-size:24px;
    }

    #qwsz-one-two-five-0728 .qwsz-zodiac{
        min-height:44px;
        font-size:30px;
    }
}

/* 用户关闭动画时自动停止 */
@media (prefers-reduced-motion:reduce){
    #qwsz-one-two-five-0728::before,
    #qwsz-one-two-five-0728 .qwsz-hit{
        animation:none !important;
    }
}