*{box-sizing:border-box}html,body{margin:0;background:#f1f2f4;color:#263238;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif}.page{width:100%;max-width:480px;margin:auto;background:#fff;min-height:100vh;overflow:hidden}.sample{position:fixed;z-index:20;right:7px;top:48%;font:12px Arial;color:rgba(180,0,0,.22);transform:rotate(-28deg);pointer-events:none;white-space:nowrap}.status{height:54px;padding:15px 26px 8px;display:flex;justify-content:space-between;align-items:center;font-size:18px}.icons{display:flex;align-items:center;gap:6px;font-size:13px}.icons span{border:1.5px solid #444;border-radius:5px;padding:2px 5px}.browser{height:76px;border-bottom:1px solid #ededed;position:relative}.back{position:absolute;left:25px;top:21px;width:30px;height:30px;border-left:3px solid #666;border-bottom:3px solid #666;transform:rotate(45deg)}.x:before,.x:after{content:"";position:absolute;right:24px;top:22px;width:42px;height:3px;background:#666}.x:before{transform:rotate(45deg)}.x:after{transform:rotate(-45deg)}.header{height:100px;border-bottom:1px solid #eee;display:flex;align-items:center;padding:0 27px;gap:11px}.logo{display:flex;align-items:center;gap:8px;font-size:23px}.logoMark{font-size:43px;font-weight:900;font-style:italic;color:#d92235;line-height:1}.divider{height:34px;border-left:1px solid #ddd}.verify{font-size:22px;color:#777}.tools{margin-left:auto;display:flex;align-items:center;gap:26px}.magnify{width:28px;height:28px;border:3px solid #111;border-radius:50%;position:relative}.magnify:after{content:"";position:absolute;width:14px;height:3px;background:#111;right:-10px;bottom:-5px;transform:rotate(48deg)}.menu{width:32px}.menu i{display:block;height:3px;background:#111;margin:7px 0}main{background:#fff}.lang{height:93px;display:flex;align-items:center;padding:0 36px;gap:19px;font-size:18px;color:#30383d}.lang button{border:0;background:transparent;color:#7d858a;font-size:18px;padding:11px 15px;border-radius:4px}.lang .on{color:#14aeb0;background:#eefafa}.download{margin-left:auto;background:#89949a;color:white;border-radius:7px;padding:3px 9px;font-size:23px}h1{text-align:center;font-size:25px;line-height:1.3;margin:25px 0 49px;font-weight:800}.portrait{display:flex;justify-content:center;margin-bottom:55px}.portrait-bg{width:150px;height:190px;border-radius:5px;overflow:hidden;border:1px solid #e5e5e5;background:linear-gradient(#2db9e3 0 64%,#fff 64%);position:relative}.head{position:absolute;width:75px;height:93px;left:37px;top:30px;border-radius:47% 47% 43% 43%;background:#f0c5ad;box-shadow:0 -14px 0 5px #1d1b20}.neck{position:absolute;width:37px;height:48px;left:57px;top:104px;background:#e9bda6}.rows{padding:0 39px 34px}.rows>div{display:grid;grid-template-columns:145px 1fr;min-height:58px;align-items:center}.rows label{color:#8c969c;text-align:right;padding-right:34px;font-size:19px}.rows span{font-size:19px;color:#263238;word-break:break-word}footer{background:#292929;color:#aaa;text-align:center;padding:25px 8px 31px;font-size:14px;line-height:1.9}@media(max-width:390px){.header{padding:0 17px}.logo{font-size:19px}.verify{font-size:18px}.lang{padding:0 20px;gap:9px}.rows{padding-left:16px;padding-right:16px}.rows>div{grid-template-columns:128px 1fr}.rows label,.rows span{font-size:17px}.rows label{padding-right:19px}h1{font-size:22px}}