:root{--ink:#323950;--muted:#858b9e;--brand:#7c88ff;--page:#f6f7fc;--line:#edf0f6;--canvas:#eeefef}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--canvas);font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px}button,input{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #6571e0;outline-offset:3px}a{color:inherit;text-underline-offset:3px}header{padding:36px 48px 20px;max-width:1340px;margin:auto}.eyebrow{font-size:12px;letter-spacing:2px;color:#77818e}h1{font-size:30px;font-weight:600;letter-spacing:-1px;margin:12px 0}header p{font-size:13px;color:#748091;line-height:1.9;max-width:970px}.toolbar{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.toolbar button,.toolbar a{font-size:12px;padding:10px 15px;border:1px solid #d8dce2;border-radius:8px;background:#fff;text-decoration:none}.toolbar button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.flow{font-size:12px;color:#727d91;margin-top:20px;padding:14px 17px;background:#fafbfb;border:1px solid #dfe3e8;border-radius:10px;line-height:1.8}.board{max-width:1244px;margin:auto;padding:18px 32px 28px}.section-title{display:flex;gap:18px;align-items:baseline;margin:14px 0 23px}.section-title h2{font-size:19px;font-weight:600;margin:0}.section-title p{font-size:12px;color:#7c8593;margin:0}.grid{display:grid;grid-template-columns:repeat(3,360px);gap:30px 34px;justify-content:center}.frame-head{height:55px;display:flex;gap:10px;align-items:flex-start}.num{width:26px;height:26px;display:grid;place-items:center;border:1px solid #b7bdc7;border-radius:50%;font-size:11px;flex-shrink:0}.frame-head b{font-size:14px;display:block;margin-bottom:4px;font-weight:500}.frame-head small{font-size:10px;color:#828b99}.foot-note{font-size:12px;line-height:1.8;color:#727d8d;margin:12px 3px 0;min-height:58px}.foot-note b{font-weight:500;color:#3d485b}
.phone{width:360px;max-width:100%;height:716px;background:var(--page);border:1px solid #fff;border-radius:28px;box-shadow:0 8px 30px #27344a08;position:relative;overflow:hidden}.status{height:37px;padding:12px 24px 0;display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:#171b27}.nav{height:48px;display:flex;align-items:center;justify-content:center;position:relative;font-size:16px;font-weight:500}.back{position:absolute;left:13px;font-size:28px;line-height:1;padding:6px}.capsule{position:absolute;right:15px;top:10px;background:#ffffffc9;border:1px solid #e9ebf1;border-radius:20px;padding:4px 10px;font-size:13px;letter-spacing:2px;color:#202532}.page-body{padding:18px 19px 24px;height:600px;overflow-y:auto;scrollbar-width:none}.page-body::-webkit-scrollbar{display:none}.homebar{position:absolute;bottom:8px;left:calc(50% - 54px);width:108px;height:4px;border-radius:5px;background:#171b27}.profile{display:flex;gap:12px;align-items:center;margin:2px 0 25px}.avatar{width:46px;height:46px;border-radius:16px;background:#f4d1cc;display:grid;place-items:center;font-family:Georgia,serif;font-size:24px;color:#9b594f;flex-shrink:0}.avatar.blue{background:#d5e7f4;color:#527790}.avatar.green{background:#d9eee6;color:#477c6a}.avatar.yellow{background:#f3e8c8;color:#948052}.profile-name{font-size:18px;font-weight:600}.id{font-size:10px;color:#8b91a1;margin-top:5px}.link{color:#7180f0;font-size:12px;padding:7px}.profile .link{margin-left:auto}.section-label{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;margin:21px 0 10px}.subtle{color:var(--muted);font-size:11px;line-height:1.8;font-weight:400}.card{border-radius:16px;background:white;padding:17px;margin-bottom:12px}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.title{font-size:14px;font-weight:500;line-height:1.5}.desc{font-size:11px;line-height:1.8;color:var(--muted);margin-top:5px}.device-row{width:100%;text-align:left;display:flex;gap:12px;align-items:center;background:white;border-radius:16px;padding:16px;margin-bottom:12px}.device-icon{width:40px;height:47px;border:2px solid #b9c2d5;border-radius:7px;background:linear-gradient(145deg,#eaf1fa,#fcfdff);position:relative;flex-shrink:0}.device-icon:before{content:"Aa";font-family:Georgia,serif;font-size:15px;position:absolute;left:5px;top:6px;color:#8c9ab6}.device-icon:after{content:"";position:absolute;bottom:5px;left:14px;width:8px;height:3px;border-radius:3px;background:#c2ccdc}.device-icon.max{background:#f5f0db;border-color:#c9c3ac;width:38px;height:54px}.chev{margin-left:auto;color:#aab3c2;font-size:21px}.device-row .desc{margin-top:2px;font-size:10px}.tabbar{position:absolute;bottom:29px;left:88px;padding:6px;display:flex;align-items:center;gap:10px;border-radius:30px;background:#fff;color:#858ef9;font-size:12px}.tabbar span{padding:6px}.tabbar b{background:var(--brand);color:#fff;padding:8px 12px;border-radius:22px;font-weight:400}
.veil{position:absolute;inset:37px 0 18px;background:#242c4829}.sheet{position:absolute;bottom:0;left:0;right:0;background:#fff;border-radius:25px 25px 0 0;padding:11px 20px 37px;max-height:575px;overflow:auto}.handle{width:34px;height:4px;border-radius:5px;background:#d9deea;margin:0 auto 16px}.sheet h3{text-align:center;font-size:16px;font-weight:500;margin:0 0 16px}.child-option{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 0;border-bottom:1px solid var(--line)}.child-option .avatar{width:40px;height:40px;font-size:20px}.child-option .desc{font-size:10px;margin-top:2px}.check{margin-left:auto;color:var(--brand)}.tag{font-size:10px;color:#218b77;background:#e8f7f2;padding:3px 5px;border-radius:3px;margin-left:5px}.sheet-footer{font-size:11px;line-height:1.8;color:#8a91a1;margin-top:14px}.device-hero{text-align:center;padding:8px 0 17px}.device-hero .device-icon{margin:0 auto 11px;width:49px;height:58px}.device-hero h3{font-weight:500;font-size:16px;margin:0 0 5px}.rule-label{font-size:11px;color:#8992a7;margin-bottom:10px}.member{padding:9px 0;font-size:13px;display:flex;align-items:baseline;justify-content:space-between;gap:6px;border-bottom:1px solid var(--line)}.member:last-child{border:0}.member small{font-size:10px;color:#9099ab}.lock-entry{display:flex;align-items:center;text-align:left;gap:12px;width:100%;padding:19px 17px;border-radius:16px;background:#fff;margin-top:19px}.lock-symbol{width:37px;height:40px;display:grid;place-items:center;background:#edf0ff;color:#7e8cda;border-radius:11px;font-size:22px}.danger-link{color:#b88689;font-size:11px;display:block;margin:24px auto}
.password-title{font-size:23px;font-weight:500;margin:18px 0 12px}.password-device{background:#fff;border-radius:12px;padding:13px 15px;font-size:12px;margin:18px 0}.password-device small{display:block;color:#969eb1;font-size:10px;margin-top:4px}label{display:block;font-size:12px;color:#747d93;margin-top:19px}.password-fields{margin:8px 0 12px}.password-fields input{width:100%;height:51px;border-radius:10px;border:1px solid #dfe3ed;background:#fff;font-size:25px;letter-spacing:22px;padding:8px 16px;color:var(--ink)}.hint{font-size:11px;color:#8d94a3;line-height:1.8;margin:13px 0}.primary{background:var(--brand);color:#fff;border-radius:11px;padding:13px 16px;width:100%;font-size:14px}.secondary{background:#eceffa;color:#707dcf;border-radius:11px;padding:12px 16px;width:100%;margin-top:10px}.error{font-size:11px;color:#b45e59;min-height:18px;margin-bottom:9px}.lock-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px}.lock-heading b{font-size:15px;font-weight:500}.lock-heading .link{padding:0;white-space:nowrap}.lock-device{font-size:10px;color:#929bad;margin:6px 0}.lock-password-note{font-size:11px;line-height:1.8;color:#939caf;margin:12px 0 20px;padding-bottom:15px;border-bottom:1px solid #e3e7f0}.permission-child{font-size:12px;font-weight:500;margin-bottom:10px}.permission-child small{font-size:10px;font-weight:400;color:#949cae;margin-left:5px}.permission-child-block+.permission-child-block{border-top:1px solid var(--line);margin-top:16px;padding-top:15px}.switch{width:40px;height:24px;flex-shrink:0;border-radius:20px;background:#dfe2ea;padding:3px}.switch:before{content:"";display:block;background:white;width:18px;height:18px;border-radius:50%;box-shadow:0 1px 3px #0002}.switch[aria-checked=true]{background:var(--brand)}.switch[aria-checked=true]:before{transform:translateX(16px)}.lock-screen .card{padding:15px}.lock-screen .section-label{margin-top:18px}
.notice{background:#fff6e9;color:#926c35;font-size:11px;line-height:1.8;padding:12px 14px;border-radius:11px;margin-bottom:17px}.key-value{display:flex;justify-content:space-between;font-size:12px;padding:8px 0;gap:12px}.key-value span{color:#9298a6}.steps{padding:0;list-style:none;counter-reset:step;margin:17px 0}.steps li{counter-increment:step;position:relative;padding:0 0 14px 29px;font-size:12px;line-height:1.6}.steps li:before{content:counter(step);position:absolute;left:0;top:0;background:#e9ecf9;border-radius:50%;width:20px;height:20px;text-align:center;font-size:10px;line-height:20px;color:#7884c7}.steps small{display:block;color:#8a91a1;font-size:10px;margin-top:4px}.success-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#e7f4ee;color:#398d70;font-size:27px;margin:10px auto 16px}.center{text-align:center}.center h3{font-size:20px;font-weight:500;margin:14px 0 8px}.conflict-icon{border:1px solid #d9dfed;background:#e9edf8;border-radius:14px;width:58px;height:58px;margin:12px auto 18px;display:grid;place-items:center;font-size:26px;color:#7d89ab}.conflict-copy{font-size:12px;line-height:2;color:#78849b;margin:20px 0}.conflict-copy p{margin:12px 0}.binding .profile{margin-bottom:14px}.binding .card{padding:12px 16px}.binding .section-label{margin-top:15px}.binding .steps{margin:14px 0}.toast{position:absolute;z-index:9;left:20px;right:20px;bottom:80px;background:#343b50ed;color:#fff;padding:13px 16px;font-size:12px;text-align:center;border-radius:10px;line-height:1.6;pointer-events:none}
.review{max-width:1180px;margin:8px auto 45px;background:#fafbfb;border:1px solid #dce0e5;border-radius:14px;padding:24px 28px;font-size:12px;line-height:1.9}.review h2{font-size:17px;margin:0 0 12px}.review p{margin:8px 0;color:#748092}.demo{max-width:1100px;margin:15px auto 45px;display:grid;grid-template-columns:235px 360px 300px;gap:30px;align-items:start}.demo-nav button{display:block;width:100%;text-align:left;padding:12px;border-radius:8px;margin-bottom:4px;font-size:12px}.demo-nav button.active{background:white;color:#6f7be2}#demo-phone{max-width:100%}.inspector{background:#fafbfc;border:1px solid #dce1e8;border-radius:14px;padding:22px;font-size:12px;line-height:1.8}.inspector h3{font-size:16px;margin:0 0 15px}.inspector h4{font-size:12px;margin:20px 0 8px}.inspector p{color:#8590a3}.state-line{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #e9ecf0;padding:8px 0}.state-line b{font-weight:500}.inspector .tiny{font-size:10px;color:#929aaa}footer{padding:0 25px 30px;text-align:center;font-size:11px;color:#9099a7}[hidden]{display:none!important}
.binding .steps li{padding-bottom:10px}
.unbind-layer{position:absolute;inset:0;z-index:20;background:#242c4860;display:grid;place-items:center;padding:22px}.unbind-dialog{background:#fff;border-radius:19px;padding:22px 20px;width:100%;box-shadow:0 10px 30px #18213625}.unbind-dialog h3{font-size:17px;font-weight:600;text-align:center;margin:0 0 15px}.unbind-dialog p{font-size:12px;line-height:1.8;color:#80899c;margin:12px 0}.unbind-target{background:#f5f6fb;padding:14px 15px;border-radius:10px;margin:15px 0}.unbind-target b{display:block;font-size:13px;font-weight:500}.unbind-target small{display:block;font-size:10px;color:#8e97a9;margin:4px 0 12px}.unbind-target small:last-child{margin-bottom:0}.unbind-buttons{display:flex;gap:10px;margin-top:22px}.unbind-buttons button{flex:1;padding:12px 6px;border-radius:10px;font-size:13px;background:#eef0f8;color:#737ea3}.unbind-buttons [data-unbind-confirm]{background:#fff0ef;color:#b96866}.empty-device{margin-top:20px;padding:25px 19px}.unbind-review{border-top:1px solid #e1e5ed;padding-top:14px}
@media(max-width:1190px){.grid{grid-template-columns:repeat(2,360px)}.demo{grid-template-columns:200px 360px;justify-content:center}.inspector{grid-column:1/-1}.review{margin:10px 25px 35px}}@media(max-width:790px){header{padding:24px 20px 15px}h1{font-size:25px}.grid{grid-template-columns:minmax(0,360px)}.board{padding:14px 10px}.section-title{display:block;padding:0 8px}.section-title p{margin-top:8px;line-height:1.8}.demo{display:flex;flex-direction:column;align-items:center;gap:16px;margin:10px}.demo-nav{display:flex;overflow-x:auto;max-width:100%}.demo-nav button{min-width:175px;margin:0}.inspector{width:360px;max-width:100%}.review{margin:10px 15px 30px;padding:20px}}