.layuimini-main-home{margin: 8px 8px 0 8px;height: calc(100% - var(--bottom-nav-height, 60px));overflow-y: auto;}

.layuimini-main-home .top{background-color: white;padding: 18px 20px;}
.layuimini-main-home .top .title{display: flex;flex-direction: row;align-items: center;}
.layuimini-main-home .top .title img{width: 44px;height: 44px;border-radius: 50%;margin-right: 12px;}
.layuimini-main-home .top .greeting .hello{font-size: 16px;font-weight: bold;color: #313131;line-height: 21px;}
.layuimini-main-home .top .greeting .status{margin-top: 4px;font-size: 12px;color: #929292;line-height: 16px;}

.layuimini-main-home .body{margin-top: 12px;background-color: white;padding: 13px 20px;}
.layuimini-main-home .body .title{font-weight: bold;color: #707070;line-height: 19px;}

.layuimini-main-home .intro-body{padding: 15px 20px;}
.layuimini-main-home .intro-text{font-size: 14px;line-height: 19px;color: #313131;}
.layuimini-main-home .intro-text + .intro-text{margin-top: 6px;}

.layuimini-main-home .steps{margin-top: 10px;}
.layuimini-main-home .steps .step-item{padding: 14px 0;border-bottom: 1px solid #F5F5F5;}
.layuimini-main-home .steps .step-item:last-child{border-bottom: none;}
.layuimini-main-home .steps .step-top{display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.layuimini-main-home .steps .step-title{display: flex;flex-direction: row;align-items: center;flex: 1;min-width: 0;font-size: 14px;color: #313131;line-height: 19px;}
.layuimini-main-home .steps .step-num{flex: none;width: 22px;height: 22px;border-radius: 50%;background-color: #2468F2;color: white;font-size: 13px;font-weight: bold;line-height: 22px;text-align: center;margin-right: 10px;}
.layuimini-main-home .steps .step-desc{margin-top: 4px;font-size: 12px;color: #929292;line-height: 17px;}
.layuimini-main-home .steps .step-go{flex: none;height: 26px;padding: 0 12px;margin-left: 10px;border-radius: 13px;background: #5187F5;color: white;font-size: 12px;line-height: 26px;text-align: center;text-decoration: none;}

.layuimini-main-home .steps .step-tip{margin-top: 4px;font-size: 12px;color: #929292;}
.layuimini-main-home .steps .step-tip[onclick]{color: #5187F5;cursor: pointer;}

.layuimini-main-home .domain-safe-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;background:linear-gradient(135deg,rgba(230,244,255,.82),rgba(246,238,255,.72));}
.layuimini-main-home .domain-safe-copy{flex:1;min-width:0;}
.layuimini-main-home .domain-safe-desc{margin-top:5px;color:#6a7590;font-size:12px;line-height:18px;}
.layuimini-main-home .domain-safe-button{flex:none;min-width:88px;height:36px;padding:0 15px;border:1px solid rgba(255,255,255,.8);border-radius:999px;background:linear-gradient(155deg,#718aff,#526cf2 48%,#3850cf);color:#fff;font-size:12px;font-weight:700;box-shadow:0 10px 24px rgba(65,83,200,.22),inset 0 1px 0 rgba(255,255,255,.7);}
.layuimini-main-home .domain-qr-modal{position:fixed!important;z-index:980;inset:0;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(29,38,70,.34)!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:blur(18px) saturate(130%)!important;-webkit-backdrop-filter:blur(18px) saturate(130%)!important;}
.layuimini-main-home .domain-qr-modal.show{display:flex;}
.domain-qr-panel{position:relative;width:min(330px,100%);padding:25px 24px 22px;border:1px solid rgba(255,255,255,.92);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(245,246,255,.68));box-shadow:0 28px 80px rgba(35,51,112,.28),inset 0 1px 0 #fff;text-align:center;animation:domainQrIn .28s cubic-bezier(.2,.8,.2,1);}
.domain-qr-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border:1px solid rgba(255,255,255,.9);border-radius:50%;background:rgba(255,255,255,.58);color:#55617c;font-size:23px;line-height:31px;box-shadow:0 8px 20px rgba(51,66,126,.11);}
.domain-qr-badge{display:inline-flex;padding:5px 12px;border:1px solid rgba(255,255,255,.94);border-radius:999px;background:rgba(235,242,255,.78);color:#405bd7;font-size:11px;font-weight:800;}
.domain-qr-panel h2{margin:12px 0 3px;color:#17213d;font-size:21px;line-height:1.35;}
.domain-qr-url{color:#526cf2;font-size:13px;font-weight:750;}
.domain-qr-frame{width:190px;height:190px;margin:16px auto 12px;padding:10px;border:1px solid rgba(255,255,255,.95);border-radius:24px;background:#fff;box-shadow:0 15px 34px rgba(42,57,119,.14);}
.domain-qr-frame img{display:block;width:100%;height:100%;border-radius:14px;}
.domain-qr-panel p{margin:0;color:#69738d;font-size:12px;line-height:1.65;}
.domain-qr-save{display:flex;height:44px;margin-top:16px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.65);border-radius:999px;background:linear-gradient(155deg,#718aff,#526cf2 48%,#3850cf);color:#fff;font-size:14px;font-weight:750;box-shadow:0 13px 28px rgba(65,83,200,.24),inset 0 1px 0 rgba(255,255,255,.7);}
@keyframes domainQrIn{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.domain-qr-panel{animation:none;}}