/* ========== 每日一言：仅手机端｜浅蓝半透明虚线 ========== */
.quote-container{display:none}
@media (max-width:767px){
    .quote-container{display:block;width:calc(100% - 24px);max-width:100%;margin:14px auto 16px;box-sizing:border-box}
    .quote-inner{border-radius:12px;overflow:hidden;border:1px dashed rgba(59,130,246,0.5);background:rgba(59,130,246,0.08)}
    .quote-header{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;background:rgba(59,130,246,0.18);border-bottom:1px dashed rgba(59,130,246,0.4);color:#1677ff}
    .quote-header .header-title{font-size:.94rem;font-weight:600;margin:0}
    .quote-header .time-display{font-size:.82rem;opacity:.9}
    .quote-body{padding:12px 14px;background:rgba(255,255,255,0.45)}
    .quote-text{margin:0;color:#1d4ed8;font-size:.9rem;line-height:1.65}

    /* 深色模式：降亮度，保持蓝调 */
    body.io-black-mode .quote-inner{
        border-color: rgba(80, 130, 200, 0.35);
        background: rgba(40, 80, 140, 0.08);
    }
    body.io-black-mode .quote-header{
        background: rgba(40, 80, 140, 0.15);
        border-bottom-color: rgba(80, 130, 200, 0.28);
        color: #7aa8e0;
    }
    body.io-black-mode .quote-body{
        background: rgba(20, 30, 50, 0.4);
    }
    body.io-black-mode .quote-text{
        color: #94b8e0;
    }

    /* 灰色模式 */
    body.io-grey-mode .quote-inner{border-color:rgba(71,85,105,0.4);background:rgba(71,85,105,0.08)}
    body.io-grey-mode .quote-header{background:rgba(71,85,105,0.18);border-bottom-color:rgba(71,85,105,0.3);color:#334155}
    body.io-grey-mode .quote-body{background:rgba(255,255,255,0.5)}
    body.io-grey-mode .quote-text{color:#1e293b}
}