/* V188 — contact + account-management alignment pass against the supplied 576x1280 recording.
   Deliberately does NOT alter .v186-bottom: account home keeps the existing five-tab bar with 账户 active. */

/* ===== 最近联系人 / 联系人 ===== */
.v186-contacts{min-height:100vh;background:#fff;color:#333}
.v186-contacts .v186-head{height:50px;grid-template-columns:40px 1fr 40px;background:#fff;border:0;box-shadow:none;position:relative}
.v186-contacts .v186-head>a{height:50px;border:0;background:#fff;color:#444;font-family:Arial,sans-serif;font-size:35px;font-weight:200;justify-content:center;padding:0 0 3px 0}
.v186-contacts .v186-head h1{font-size:17px;line-height:50px;font-weight:400;color:#444;letter-spacing:0}
.v186-contacts .v186-head .dots{height:50px;width:40px;border:0!important;background:#fff;color:#777;font-size:29px;line-height:1;letter-spacing:0;padding:0 1px 5px 0;font-family:Arial,sans-serif;display:flex;align-items:center;justify-content:center}
.v186-search{display:block;box-sizing:border-box;height:35px;margin:26px 25px 24px;width:calc(100% - 50px);border:0;border-radius:20px;background:#f1f1f1;color:#8a8a8a;text-align:center;font-size:14px;line-height:35px;outline:0;padding:0 14px}
.v186-search::placeholder{color:#8c8c8c;opacity:1}
.v186-contact-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);padding:0 25px 18px;text-align:center}
.v186-contact-shortcuts a{display:block;color:#2f2f2f;text-decoration:none;font-size:14px;line-height:20px}
.v186-contact-shortcuts img{display:block;width:50px;height:50px;object-fit:contain;margin:0 auto 7px}
.v186-contact-group{padding:0 13px}
.v186-contact-group h3{height:39px;margin:0;display:grid;grid-template-columns:18px 1fr auto;align-items:center;font-size:15px;line-height:39px;font-weight:400;color:#111;cursor:pointer}
.v186-contact-group h3:before{content:"▶";font-size:10px;line-height:1;color:#050505;transform:translateY(-1px)}
.v186-contact-group.open h3:before{content:"▼"}
.v186-contact-group h3>span:first-child{display:none}
.v186-contact-group h3>span:last-child{font-size:13px;color:#818181;line-height:1}
.v187-contact-filter{display:flex!important;align-items:center;gap:6px;color:#818181!important}
.v187-contact-filter i{width:17px;height:17px;border-radius:50%;background:#777;color:#fff;font-style:normal;display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:14px;padding-bottom:2px;box-sizing:border-box}
.v186-contact-row{grid-template-columns:43px 1fr auto;gap:9px;padding:8px 3px}
.v186-contact-row img,.v186-contact-row i{width:41px;height:41px}
.v186-contact-row b{font-size:15px;font-weight:400}.v186-contact-row small{font-size:11px}

/* bottom label picker */
.v186-sheet-mask{background:rgba(0,0,0,.56)}
.v186-sheet-mask.show{animation:v188-mask-in .13s ease-out both}
.v186-sheet{max-height:74vh;border-radius:10px 10px 0 0;overflow:auto;background:#fff;animation:v188-sheet-up .19s cubic-bezier(.22,.74,.25,1) both;-webkit-overflow-scrolling:touch}
.v186-sheet h3{height:50px;margin:0;border-bottom:1px solid #e6e6e6;display:flex;align-items:center;justify-content:center;color:#888;font-size:16px;font-weight:400}
.v186-sheet button{height:56px;border:0;border-bottom:1px solid #ededed;background:#fff;color:#222;font-size:18px;font-weight:400;line-height:56px;padding:0;text-align:center}
.v186-sheet button.on:after{right:18px;color:#159ed5;font-size:21px;line-height:56px;top:0}
@keyframes v188-mask-in{from{opacity:0}to{opacity:1}}
@keyframes v188-sheet-up{from{transform:translateY(28px);opacity:.84}to{transform:translateY(0);opacity:1}}

/* recording-style notices. Small notice for empty sections, wide notice when a tag has no users. */
.v186-contacts #contactsToast.v188-contact-toast{display:none;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:260;box-sizing:border-box;min-width:112px;min-height:91px;max-width:calc(100% - 36px);padding:12px 14px;border-radius:6px;background:rgba(63,63,63,.78);color:#fff;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;font-size:14px;line-height:1.3}
.v186-contacts #contactsToast.v188-contact-toast.show{display:flex;animation:v188-toast-pop .12s ease-out both}
.v186-contacts #contactsToast.v188-contact-toast.wide{width:325px;min-height:111px;padding:12px 28px;gap:8px}
.v186-contacts #contactsToast.v188-contact-toast.wide .v188-contact-toast-text{text-align:left;width:100%;font-size:14px;line-height:1.35}
.v187-alert-icon{width:39px;height:39px;border:2px solid rgba(255,255,255,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:25px;font-weight:300;line-height:1;box-sizing:border-box}
@keyframes v188-toast-pop{from{opacity:0;transform:translate(-50%,-47%) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}

/* ===== 账号管理 ===== */
.v186-manage{min-height:100vh;background:#efefef;color:#333}
.v186-manage .v186-head{height:50px;grid-template-columns:40px 1fr 50px;background:linear-gradient(#fff,#e8e8e8);border-bottom:1px solid #c8c8c8;box-shadow:none;position:relative}
.v186-manage .v186-head>a{height:50px;border-right:1px solid #cfcfcf;color:#555;font-family:Arial,sans-serif;font-size:34px;font-weight:300;padding-bottom:3px}
.v186-manage .v186-head h1{font-size:20px;font-weight:400;color:#444;line-height:50px}
.v186-manage .v186-head>span{height:50px;border-left:1px solid #cfcfcf;box-sizing:border-box}
.v186-manage .v186-section-label{height:38px;box-sizing:border-box;padding:12px 8px 4px;font-size:15px;line-height:20px;color:#777}
.v186-manage-box,.v186-sign,.v186-prefs,.v186-manage-actions{margin-left:7px;margin-right:7px}
.v186-manage-box{border-radius:2px}
.v186-manage-row{box-sizing:border-box;min-height:49px;padding:0 17px;border-bottom:1px solid #ddd;background:#fff;color:#222;font-size:19px;font-weight:400;line-height:49px}
.v186-manage-row .v188-manage-chevron{display:none}
.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-sign{border-radius:2px;overflow:hidden}
.v186-sign input{display:block;box-sizing:border-box;width:100%;height:38px;border:0;border-radius:0;padding:0 17px;background:#fff;color:#666;font-size:18px;line-height:38px;outline:0}
.v186-sign input::placeholder{color:#aaa;opacity:1}
.v186-prefs{border-radius:2px;overflow:hidden;background:#fff}
.v186-pref{box-sizing:border-box;min-height:80px;padding:10px 15px 9px;border:0;border-bottom:1px solid #ddd;margin:0}
.v186-pref:last-child{border-bottom:0}
.v186-pref legend{display:block;width:100%;box-sizing:border-box;margin:0 0 8px;padding:0;border:0;color:#222;font-size:18px;font-weight:400;line-height:24px}
.v186-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;column-gap:0;row-gap:0;width:100%}
.v186-options:has(label:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}
.v186-options label{min-width:0;display:flex;align-items:center;gap:6px;color:#111;font-size:16px;line-height:22px;white-space:nowrap}
.v186-options input[type=radio]{appearance:none;-webkit-appearance:none;box-sizing:border-box;width:18px;height:18px;margin:0;flex:0 0 18px;border:1px solid #7d7d7d;border-radius:50%;background:#fff;box-shadow:none}
.v186-options input[type=radio]:checked{border-color:#6b9eae;background:radial-gradient(circle at center,#19a7d2 0 4px,#d9f2f8 4.5px 7px,#fff 7.5px);box-shadow:none}
.v186-options input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;box-sizing:border-box;width:17px;height:17px;margin:0;flex:0 0 17px;border:1px solid #8d8d8d;border-radius:0;background:#fff}
.v186-options input[type=checkbox]:checked:after{content:"✓";position:absolute;left:1px;top:-4px;color:#0aa8d4;font-size:21px;font-weight:700;line-height:17px}
.v186-manage-actions button,.v186-manage-actions a{min-height:49px;font-size:17px}

/* Keep compact proportions at the 360 CSS-pixel reference viewport without touching account-home navigation. */
@media(max-width:420px){
 .v186-contacts .v186-head,.v186-manage .v186-head{height:50px}
 .v186-contacts .v186-head>a,.v186-contacts .v186-head .dots,.v186-manage .v186-head>a{height:50px}
 .v186-contacts .v186-head h1{font-size:17px}.v186-manage .v186-head h1{font-size:20px}
 .v186-search{height:35px;margin:26px 25px 24px;width:calc(100% - 50px)}
 .v186-contact-shortcuts img{width:50px;height:50px}
 .v186-contact-group h3{height:39px}
 .v186-manage-row{min-height:49px;font-size:19px}
 .v186-sign input{height:38px;font-size:18px}
 .v186-pref{min-height:80px;padding:10px 15px 9px}.v186-pref legend{font-size:18px}.v186-options label{font-size:16px}
}

/* V211：账号管理首组两项严格同宽同高，消除 button 与 a 的浏览器默认差异。 */
.v186-manage-box>.v186-manage-row{
 box-sizing:border-box!important;width:100%!important;height:49px!important;min-height:49px!important;margin:0!important;padding:0 17px!important;
 border:0!important;border-bottom:1px solid #ddd!important;border-radius:0!important;-webkit-appearance:none!important;appearance:none!important;
 display:flex!important;align-items:center!important;justify-content:space-between!important;background:#fff!important;color:#222!important;
 font:400 19px/1 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif!important;text-align:left!important;text-decoration:none!important;
}
.v186-manage-box>.v186-manage-row:last-child{border-bottom:0!important}
.v186-manage-box>button.v186-manage-row{cursor:pointer!important}
.v186-manage-box>.v186-manage-row>span:first-child{display:flex!important;align-items:center!important;height:100%!important}
@media(max-width:420px){.v186-manage-box>.v186-manage-row{height:49px!important;min-height:49px!important;font-size:19px!important}}