/* V187 pixel-match pass against the supplied 576x1280 reference recording.
   The recording's web viewport maps to ~360 CSS px wide. */
:root{--v187-red:#ff4b43;--v187-cyan:#20a9d6;--v187-bg:#efefef;--v187-line:#d2d2d2;--v187-text:#404040}
html{background:#fff}
body:has(.v186-account),body:has(.v186-page){background:#fff;color:var(--v187-text);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue","Microsoft YaHei",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
body:has(.v186-account) .app,body:has(.v186-page) .app{width:min(576px,100%);max-width:576px}
.v186-account,.v186-page{animation:v187-page-in .16s ease-out both}
@keyframes v187-page-in{from{opacity:.93}to{opacity:1}}

/* account home */
.v186-account{padding-bottom:55px}
.v186-cover{height:156px;background:#131749 url('v187/account-cover.jpg') center top/100% 156px no-repeat;overflow:hidden}
.v186-cover:before,.v186-cover:after{display:none!important}
.v186-refresh{right:10px;top:8px;width:31px;height:31px;font-size:28px;font-weight:300;transform:rotate(-27deg)}
.v186-like{right:4px;top:85px;min-width:43px;height:31px;border-width:1px;border-radius:11px;font-size:10px;background:rgba(12,18,55,.28)}
.v186-like b{font-size:16px}
.v186-user{margin-top:-60px}
.v186-avatar-btn img{width:98px;height:98px;border:0;box-shadow:none;background:transparent;object-fit:cover}
.v186-name{margin-top:11px;font-size:17px;line-height:22px;gap:4px;min-height:23px;color:#454545}
.v187-level-badge{position:relative;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px}
.v187-level-badge img{position:absolute;inset:0;width:20px;height:20px;object-fit:contain}.v187-level-badge b{position:relative;z-index:1;color:#fff;font-size:10px;font-weight:500;line-height:1;transform:translateY(-1px)}
.v187-name-medal{width:21px;height:21px;object-fit:contain}.v187-name-android{width:36px;height:19px;object-fit:contain}
.v186-name .rank,.v186-name .crown,.v186-name .platform{display:none!important}
.v186-stats{padding:22px 0 7px;border-bottom:1px solid #cacaca}
.v186-stats b{font-size:14px;line-height:15px}.v186-stats span{margin-top:4px;font-size:13px;line-height:15px}.v186-stats a:not(:last-child):after{top:2px;bottom:1px;background:#cfcfcf}
.v186-pay{padding:0 3px;border-bottom:7px solid #efefef}.v186-pay a{height:35px;font-size:14px;background:linear-gradient(#fff,#f3f3f3);border-color:#c7c7c7}.v186-pay a+a{margin-left:5px}
.v186-menu>a,.v186-menu>button{min-height:48px;padding:0 11px;grid-template-columns:31px 1fr auto;font-size:15px;border-bottom-color:#c9c9c9}.v187-home-icon{display:block;width:25px;height:25px;object-fit:contain}.v186-menu .tail{font-size:12px;gap:6px}.v186-menu .tail.hot{color:#e58e11}.v186-menu .arrow{font-size:22px;font-weight:300}.v186-menu .ico{display:none}
.v186-grid{border-top:7px solid #efefef;border-bottom:7px solid #efefef}.v186-grid a{min-height:48px;padding:0 9px;grid-template-columns:29px 1fr auto;font-size:15px;border-color:#c9c9c9}.v186-grid .arrow{font-size:21px}.v186-grid .ico{display:none}
.v186-logout{height:48px;border-bottom:7px solid #efefef;font-size:16px}
.v186-bottom{height:55px;border-top-color:#c6c6c6;background:#fff}.v186-bottom a{font-size:12px;gap:0;color:#777}.v187-nav-icon{display:block;width:23px;height:25px;object-fit:contain;margin-bottom:0}.v186-bottom a.on{color:#dc3153}.v186-bottom a i{display:none}

/* avatar chooser from reference recording */
.v186-avatar-panel{top:215px;padding:0 26px 12px;box-shadow:none}
.v186-avatar-grid{grid-template-columns:repeat(4,70px);justify-content:space-between;gap:10px 0}.v186-avatar-grid img{width:70px;height:70px;aspect-ratio:auto;border-radius:2px;object-fit:cover}.v186-avatar-actions{gap:11px;margin-top:10px}.v186-avatar-actions label{height:49px;font-size:20px;border-radius:1px}.v186-avatar-actions .camera{background:#3d95de}.v186-avatar-actions .gallery{background:#dc464b}

/* common title bar */
.v186-page{background:var(--v187-bg)}
.v186-head{height:50px;grid-template-columns:40px 1fr 50px;background:linear-gradient(#fff,#ededed);border-bottom:1px solid #bfc0c0;box-shadow:0 1px 1px rgba(0,0,0,.03)}
.v186-head h1{font-size:20px;font-weight:400;letter-spacing:.2px;color:#444}.v186-head>a,.v186-head>button{height:50px;font-size:36px;border-right-color:#cdcdcd;color:#555;font-weight:300}.v186-head .right{font-size:17px;border-left-color:#cdcdcd}.v186-section-label{padding:9px 8px 6px;font-size:15px;color:#777}.v186-whitebox{margin:0 7px;border-color:#ddd;border-radius:2px}.v186-row{min-height:58px;padding:0 18px;font-size:19px}.v186-row small{font-size:14px}.v186-row .chev{font-size:23px}

/* recharge */
.v186-recharge .v186-row{min-height:64px;padding:0 19px;font-size:20px}.v186-recharge .v186-row small{font-size:16px;color:#8d8d8d}.v186-copybar{margin:0 7px;padding:27px 0 8px;gap:28px;background:#fff;border:1px solid #ddd;border-top:0}.v186-copybar button{font-size:13px;padding:8px 13px;background:#777;border-radius:1px}.v186-recharge-note{padding:4px 7px;font-size:12px;line-height:1.18}.v186-recharge-form{padding:15px 12px}.v186-recharge-form label{font-size:15px}.v186-recharge-form input,.v186-recharge-form select,.v186-recharge-form textarea{height:42px;font-size:16px}

/* VIP dialog */
.v186-mask{animation:v187-fade .13s ease both}.v186-dialog{left:7%;right:7%;border-radius:1px;animation:v187-pop .16s cubic-bezier(.2,.8,.2,1) both}.v186-dialog h3{padding:17px 17px 13px;border-bottom:2px solid #2aa9cf;font-size:20px}.v186-dialog .body{padding:11px 17px 14px;font-size:15px;line-height:1.35}.v186-dialog .actions button{height:49px;font-size:14px}@keyframes v187-pop{from{transform:translateY(-48%) scale(.97);opacity:.5}to{transform:translateY(-50%) scale(1);opacity:1}}@keyframes v187-fade{from{opacity:0}to{opacity:1}}

/* red packet */
.v186-red{background:#fff}.v186-red .v186-head{height:50px;background:var(--v187-red);border:0}.v186-red-loading{display:none!important}.v186-red-hero{position:relative;padding:22px 20px 22px;background:var(--v187-red)}.v186-red-hero:after{content:"";position:absolute;left:-4%;right:-4%;bottom:-18px;height:38px;background:#fff;border-radius:50% 50% 0 0/75% 75% 0 0;z-index:0}.v186-red-card{position:relative;z-index:2;min-height:187px;box-sizing:border-box;border-radius:10px;padding:20px 14px 12px;box-shadow:0 2px 6px rgba(0,0,0,.2)}.v186-red-balances span,.v186-red-balances b{font-size:16px}.v186-red-balances b{margin-top:9px}.v186-red-bonus{margin:16px auto 9px;padding:6px 12px;font-size:11px}.v186-red-actions{gap:6px}.v186-red-actions input{display:none}.v186-red-actions button{height:41px;font-size:15px;border-radius:2px}.v186-red-tabs{position:relative;z-index:2;height:66px;align-items:end}.v186-red-tabs a{height:48px;font-size:16px}.v186-red-item{grid-template-columns:32px 1fr auto}.v187-red-icon{width:27px;height:27px;object-fit:contain}.v187-red-blank{min-height:360px;background:#fff}
.v187-amount-mask{display:none;position:fixed;inset:0;z-index:280;background:rgba(0,0,0,.48);align-items:center;justify-content:center;padding:24px}.v187-amount-mask.show{display:flex;animation:v187-fade .13s ease both}.v187-amount-dialog{width:min(310px,88vw);background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.3)}.v187-amount-dialog h3{margin:0;padding:15px 16px;color:#29a8d0;font-size:19px;font-weight:400;border-bottom:2px solid #28a9cd}.v187-amount-dialog input{display:block;width:calc(100% - 32px);height:42px;margin:16px;border:1px solid #ccc;padding:0 10px;box-sizing:border-box;font-size:17px}.v187-amount-dialog>div{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ddd}.v187-amount-dialog button{height:45px;border:0;background:#fff;font-size:16px}.v187-amount-dialog button+button{border-left:1px solid #ddd;color:#e54a42}

/* contacts */
.v186-contacts{background:#fff}.v186-contacts .v186-head{background:#fff;border-bottom:0;box-shadow:none}.v186-contacts .dots{font-size:23px;letter-spacing:1px}.v186-search{height:36px;margin:27px 25px 21px;width:calc(100% - 50px);border-radius:20px;background:#f1f1f1;font-size:15px}.v186-contact-shortcuts{padding:0 26px 20px}.v186-contact-shortcuts a{font-size:15px}.v186-contact-shortcuts img{display:block;width:55px;height:55px;object-fit:contain;margin:0 auto 8px}.v186-contact-shortcuts i{display:none!important}.v186-contact-group{padding:0 15px}.v186-contact-group h3{height:45px;grid-template-columns:20px 1fr auto;font-size:16px}.v186-contact-group h3:before{font-size:12px}.v186-contact-group h3 span{font-size:13px}.v187-contact-filter{display:flex;align-items:center;gap:7px;color:#888}.v187-contact-filter i{width:21px;height:21px;border-radius:50%;background:#bdbdbd;color:#fff;font-style:normal;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:18px}.v186-contact-row{grid-template-columns:46px 1fr auto;gap:10px;padding:8px 4px}.v186-contact-row img,.v186-contact-row i{width:44px;height:44px}.v186-contact-row b{font-size:16px}.v186-contact-row small{font-size:12px}.v186-contacts #contactsToast{min-width:116px;min-height:95px;box-sizing:border-box;padding:13px 13px;background:rgba(0,0,0,.6);display:none;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:16px;border-radius:6px}.v186-contacts #contactsToast.show{display:flex}.v187-alert-icon{width:31px;height:31px;border:2px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1}.v186-sheet-mask.show{animation:v187-fade .13s ease both}.v186-sheet{max-height:74vh;border-radius:0;animation:v187-sheet-up .18s ease-out both}.v186-sheet h3{height:50px;font-size:16px}.v186-sheet button{height:56px;font-size:19px}.v186-sheet button.on:after{right:22px;font-size:22px}@keyframes v187-sheet-up{from{transform:translateY(18px);opacity:.7}to{transform:none;opacity:1}}.v187-load-success{text-align:center;color:#20acd8;font-size:15px;padding-top:24px}

/* account management */
.v186-manage{background:#efefef}.v186-manage-box,.v186-sign,.v186-prefs,.v186-manage-actions{margin-left:7px;margin-right:7px}.v186-manage-row{min-height:49px;padding:0 17px;font-size:19px}.v186-sign input{height:38px;padding:0 17px;font-size:16px}.v186-pass-form{padding:4px 17px 12px}.v186-pass-form input{height:39px;font-size:15px}.v186-pass-actions{padding:12px 12px 0}.v186-pass-actions button{height:36px;font-size:16px}.v186-pref{padding:11px 17px 10px}.v186-pref legend{font-size:18px;margin-bottom:9px}.v186-options{gap:11px 27px}.v186-options label{font-size:16px}.v186-options input[type=radio],.v186-options input[type=checkbox]{width:19px;height:19px}.v186-options input[type=radio]:checked{box-shadow:inset 0 0 0 4px #eaf7fb}.v186-manage-actions button,.v186-manage-actions a{min-height:49px;font-size:17px}

/* auth center */
.v186-auth{background:#fff}.v186-auth-hero{height:207px;box-sizing:border-box;margin:6px 5px 18px;padding:24px 8px 17px;border-radius:9px;background:linear-gradient(135deg,#ec7545,#ee8a54);box-shadow:0 5px 13px rgba(239,118,67,.24)}.v186-auth-hero:after{right:-12px;bottom:-38px;width:145px;height:145px;border-width:20px}.v186-auth-hero h2{margin-bottom:27px;font-size:18px}.v186-auth-icons div{font-size:16px}.v186-auth-icons img{display:block;width:52px;height:52px;object-fit:contain;margin:0 auto 7px}.v186-auth-icons i{display:none}.v186-auth-list{padding:0 11px}.v186-auth-list button{height:79px;margin-bottom:15px;padding:0 14px;grid-template-columns:42px 1fr auto;gap:9px;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.06)}.v187-auth-list-icon{width:40px;height:40px;object-fit:contain}.v186-auth-list i{display:none}.v186-auth-list b{font-size:18px}.v186-auth-list small{font-size:14px;margin-top:3px}.v186-auth-list em{font-size:13px}.v186-auth-sheet{padding:18px;border-radius:10px 10px 0 0;animation:v187-sheet-up .18s ease-out both}

/* finance */
.v186-finance{background:#fff}.v186-finance-tabs{height:35px}.v186-finance-tabs a{font-size:19px}.v186-finance-summary{height:63px;padding:10px 7px 0}.v186-finance-summary .totals{font-size:16px}.v186-finance-summary .note{margin-top:7px;font-size:13px}.v186-finance-table-head{height:25px;font-size:14px}.v186-finance-row{min-height:48px;font-size:13px}.v186-finance-empty{height:480px}.v186-finance-empty .bear-img{width:152px}.v186-finance-empty p{font-size:18px;margin-top:10px}.v187-finance-blank{height:calc(100vh - 85px);background:#fff}.v187-table-down{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:5px;border-radius:50%;background:#bababa;color:#fff;font-size:12px;line-height:1}

/* posts */
.v186-posts{background:#f5f5f5}.v186-posts .v186-head .right{font-size:17px}.v186-post-empty{min-height:calc(100vh - 50px);background:#f5f5f5}

/* message board */
.v186-board-list{padding-bottom:50px}.v186-board-item{padding:17px 13px 9px}.v186-board-user{gap:9px}.v186-board-user img{width:45px;height:45px}.v186-board-user a{font-size:16px}.v186-board-item p{font-size:18px;margin:15px 0 0}.v186-board-compose{height:50px;padding:6px 7px;grid-template-columns:1fr 42px;gap:4px}.v186-board-compose input{height:38px;border-radius:20px 5px 5px 20px;padding:0 14px;font-size:15px}.v186-board-compose button{height:38px;font-size:28px}

/* performance */
.v186-lottery-tabs{height:39px}.v186-lottery-tabs a{padding:0 17px;font-size:18px}.v186-lottery-tabs a.on:after{left:11px;right:11px;height:2px}.v186-perf-row{grid-template-columns:60px 1fr 34px;gap:8px;min-height:88px;padding:9px 5px}.v186-perf-badge{width:55px;height:55px;font-size:17px}.v186-perf-row h3{font-size:20px}.v186-perf-row p{font-size:15px;margin:2px 0}.v186-perf-bar{height:18px}.v186-perf-rate{font-size:11px;bottom:2px}.v186-perf-like{font-size:12px}.v186-perf-like:before{font-size:22px}

/* medals: use exact grayscale badges cut from the supplied reference */
.v186-medals{background:#efefef}.v186-medal-grid{grid-template-columns:repeat(3,1fr);gap:10px 0;padding:10px 3px 26px}.v186-medal{padding:0}.v186-medal .badge,.v186-medal.can .badge,.v186-medal.owned .badge{width:55px;height:50px;margin:0 auto 3px;border:0;border-radius:0;background:transparent;box-shadow:none;filter:none;overflow:hidden}.v186-medal .badge img{width:55px;height:50px;object-fit:cover;display:block}.v186-medal strong{font-size:16px;line-height:20px;font-weight:400;color:#444}.v186-medal-modal{padding:14px;background:rgba(0,0,0,.15);align-items:center}.v186-medal-dialog{width:min(332px,92vw);padding:13px 14px 12px;box-sizing:border-box;background:#fff;text-align:left;animation:v187-pop-center .16s ease-out both}.v186-medal-dialog .big{width:91px;height:84px;margin:0 auto 0;border:0;border-radius:0;background:transparent;box-shadow:none}.v186-medal-dialog .big img{width:100%;height:100%;object-fit:contain}.v186-medal-dialog h3{text-align:center;margin:0 0 8px;font-size:20px;font-weight:400}.v186-medal-dialog p{margin:6px 0;font-size:16px;line-height:1.35;color:#777}.v186-medal-dialog p b{color:#444;font-weight:400;font-size:18px}.v186-medal-dialog .medal-actions{gap:9px;margin-top:12px}.v186-medal-dialog button,.v186-medal-dialog a{height:32px;font-size:16px;border-radius:3px}.v186-medal-dialog .cancel{background:#c7c7c7}.v186-medal-dialog .progress{background:#90d5ee}.v186-medal-dialog .claim{background:#ed6e52}.v186-medal-dialog .claim[disabled]{background:#c7c7c7}@keyframes v187-pop-center{from{transform:scale(.97);opacity:.5}to{transform:scale(1);opacity:1}}

/* toast dimensions from recording */
.v186-mini-toast{font-size:15px;border-radius:6px;animation:v187-pop-center .12s ease-out both}

/* remove legacy phone double-scaling from v186 */
@media(max-width:420px){
 .v186-cover{height:156px}.v186-user{margin-top:-60px}.v186-avatar-btn img{width:98px;height:98px}.v186-name{font-size:17px;margin-top:11px}.v186-stats{padding-top:22px}.v186-stats b{font-size:14px}.v186-stats span{font-size:13px}.v186-pay a{height:35px;font-size:14px}.v186-menu>a,.v186-menu>button{min-height:48px;font-size:15px;padding:0 11px}.v186-grid a{min-height:48px;font-size:15px;padding:0 9px}.v186-avatar-panel{top:215px;padding-left:26px;padding-right:26px}.v186-avatar-actions label{height:49px;font-size:20px}.v186-head{height:50px;grid-template-columns:40px 1fr 50px}.v186-head>a,.v186-head>button{height:50px}.v186-head h1{font-size:20px}.v186-recharge .v186-row{min-height:64px;font-size:20px}.v186-search{margin:27px 25px 21px;width:calc(100% - 50px);height:36px}.v186-auth-list button{height:79px;margin-bottom:15px}.v186-medal .badge{width:55px;height:50px}.v186-medal strong{font-size:16px}.v186-finance-empty .bear-img{width:152px}.v186-finance-empty p{font-size:18px}
}
.v186-refresh{padding:0}.v186-refresh img{display:block;width:31px;height:31px;object-fit:contain}.v186-like{gap:1px;padding:0 5px}.v187-like-thumb{width:18px;height:23px;object-fit:contain}.v186-like b{display:none}