.home-header-actions{display:flex;align-items:center;gap:8px;min-width:0}
.blindbox .wn-trigger{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border:1px solid #aadce3;border-radius:9px;background:#f7feff;color:#086579;text-decoration:none}
.wn-trigger svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7}
.wn-badge{position:absolute;top:-5px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:10px;background:#e33c53;color:#fff;font:700 10px/18px Arial,sans-serif;text-align:center;box-shadow:0 0 0 2px #eafbfc}
.wn-badge[hidden]{display:none!important}
.wn-trigger:focus-visible,.wn-page a:focus-visible{outline:3px solid #ef9e35;outline-offset:3px}
.wn-page{margin:0;background:#eff9fa;color:#173b43;font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;overflow-wrap:anywhere}
.wn-page *{box-sizing:border-box}.wn-page a{color:#086579;text-decoration:none}
.wn-container{max-width:680px;margin:auto;padding:18px 16px 80px}
.wn-page-header{margin-bottom:22px}.wn-back{display:inline-block;padding:8px 0;font-size:14px}.wn-page h1{font-size:24px;line-height:1.3;margin:8px 0}
.wn-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.wn-item{display:block;padding:17px;background:white;border:1px solid #d5e9ed;border-radius:14px;box-shadow:0 3px 12px #15444d06}
.wn-unread{border-left:4px solid #0f99ac}.wn-item-title{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:700}
.wn-state{font-size:11px;font-weight:500;color:#6b858b;white-space:nowrap}.wn-unread .wn-state{color:#d3324b}
.wn-product{display:block;margin:7px 0;color:#173b43}.wn-meta{font-size:12px;color:#6b858b}
.wn-empty{padding:50px 12px;text-align:center;color:#6b858b}.wn-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:24px;font-size:14px}
.wn-pagination a{padding:10px}.wn-detail{background:#fff;border:1px solid #d5e9ed;border-radius:18px;padding:24px}.wn-envelope{font-size:40px;color:#0f99ac}.wn-detail h2{font-size:22px;line-height:1.4;margin:6px 0 12px}.wn-detail p{color:#607c83}
.wn-detail dl{margin:24px 0}.wn-detail dt{color:#6b858b;font-size:12px;margin-top:16px}.wn-detail dd{margin:3px 0 0;font-weight:600}.wn-detail .wn-code{font-size:22px;letter-spacing:1px;color:#d3324b}
.wn-page .wn-primary{display:block;border-radius:10px;background:#087e91;color:white;padding:12px 16px;text-align:center;font-weight:600}
@media(max-width:360px){.home-header-actions{gap:5px}.blindbox .wn-trigger{width:38px}.wn-detail{padding:18px}}