html[data-skin=yl] .b-announcement-overlay{background:#2212347a;backdrop-filter:blur(5px)}html[data-skin=yl] .b-announcement-mask{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:max(22px,env(safe-area-inset-top)) 22px max(22px,env(safe-area-inset-bottom));box-sizing:border-box}html[data-skin=yl] .b-announcement-dialog{display:flex;flex-direction:column;width:100%;max-width:370px;max-height:calc(100vh - 64px);max-height:min(80dvh,680px);margin:0;overflow:hidden;border:1px solid #ffffffcc;border-radius:22px;background:#fff;box-shadow:0 24px 70px #2b0c4c45,0 4px 18px #4c267b14;color:#342741}html[data-skin=yl] .b-announcement-header{position:relative;display:flex;flex:0 0 auto;align-items:center;gap:12px;min-height:92px;padding:20px;overflow:hidden;box-sizing:border-box;border-bottom:1px solid #efe4fb;background:linear-gradient(120deg,#faf5ff,#eee0ff)}html[data-skin=yl] .b-announcement-header:after{position:absolute;right:-24px;top:-58px;width:155px;height:155px;border:18px solid #ffffff5c;border-radius:50%;content:"";pointer-events:none}html[data-skin=yl] .b-announcement-icon{position:relative;z-index:1;display:grid;flex:0 0 44px;width:44px;height:44px;place-items:center;border:1px solid #ffffffb3;border-radius:14px;background:linear-gradient(140deg,#df75ff,#b538f4 62%,#8b36e9);box-shadow:0 5px 12px #ae45e929,inset 0 1px #ffffff61;color:#fff;font-size:24px}html[data-skin=yl] .b-announcement-heading{position:relative;z-index:1;display:flex;min-width:0;flex:1;flex-direction:column;gap:6px}html[data-skin=yl] .b-announcement-heading>span{color:#44295f;font-size:20px;font-weight:750;line-height:25px}html[data-skin=yl] .b-announcement-heading>small{color:#9a7dac;font-size:11px;line-height:15px}html[data-skin=yl] .b-announcement-count{position:relative;z-index:1;flex-shrink:0;padding:4px 8px;border:1px solid #ffffffc9;border-radius:20px;background:#ffffff8c;color:#a05dc7;font-size:11px;font-weight:600;white-space:nowrap}html[data-skin=yl] .b-announcement-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:22px 22px 10px;-webkit-overflow-scrolling:touch}html[data-skin=yl] .b-announcement-title{margin:0;color:#382747;font-size:17px;line-height:25px;font-weight:750;overflow-wrap:anywhere}html[data-skin=yl] .b-announcement-time{display:flex;align-items:center;gap:5px;margin-top:7px;color:#a69aac;font-size:11px;line-height:17px}html[data-skin=yl] .b-announcement-time .van-icon{font-size:12px}html[data-skin=yl] .b-announcement-rich-text{margin-top:18px;padding-top:16px;border-top:1px solid #f1ebf6;color:#65576f;font-size:14px;line-height:1.85;white-space:pre-line;overflow-wrap:anywhere}html[data-skin=yl] .b-announcement-footer{display:flex;flex:0 0 auto;gap:9px;margin:0;padding:20px 22px 22px;background:#fff}html[data-skin=yl] .b-announcement-button{display:block;min-width:0;flex:1;height:44px;padding:0 9px;border:1px solid transparent;border-radius:12px;font-size:14px;font-weight:650;line-height:42px;text-align:center;cursor:pointer}html[data-skin=yl] .b-announcement-secondary{border-color:#ecdaf9;background:#faf5ff;color:#a253d0}html[data-skin=yl] .b-announcement-close{flex-grow:1.25;background:linear-gradient(110deg,#d95fff,#b434f3 65%,#9530e8);box-shadow:0 5px 12px #b745e529;color:#fff}html[data-skin=yl] .b-announcement-button:active{filter:brightness(.96)}html[data-skin=yl] .b-announcement-button:focus-visible,html[data-skin=yl] .b-announcement-body:focus-visible{outline:2px solid #ab52e1;outline-offset:-3px}@media (max-width: 350px){html[data-skin=yl] .b-announcement-mask{padding-inline:16px}html[data-skin=yl] .b-announcement-header{gap:10px;padding-inline:16px}html[data-skin=yl] .b-announcement-heading>span{font-size:18px}html[data-skin=yl] .b-announcement-body{padding-inline:18px}html[data-skin=yl] .b-announcement-footer{gap:7px;padding-inline:18px}}