#wab-preview{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#1b3049;--blue:#1887ed;box-sizing:border-box}#wab-preview *{box-sizing:border-box}#wab-preview button,#wab-preview input,#wab-preview textarea{font:inherit}#wab-preview button{cursor:pointer}#wab-preview button:focus-visible,#wab-preview a:focus-visible{outline:3px solid #7dc4ff;outline-offset:3px}#wab-preview .preview-shell{max-width:440px;margin:auto;background:#f5f9ff;border-radius:24px;overflow:hidden;box-shadow:0 12px 50px #214e771c;position:relative}#wab-preview .top{padding:14px 18px 24px;background:radial-gradient(ellipse at 95% 0,#c6ebff 0,transparent 65%),linear-gradient(135deg,#eef8ff,#e5f2ff);position:relative}#wab-preview .top:after{content:"";position:absolute;width:210px;height:210px;border:1px solid #c5e6fa;border-radius:50%;right:-90px;top:40px;pointer-events:none}#wab-preview .status{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#647b93;margin-bottom:10px}#wab-preview .platform{display:flex;gap:5px}#wab-preview .platform span{padding:4px 7px;border-radius:20px;background:#ffffffb3}#wab-preview .title{font-size:24px;font-weight:700;margin:0 0 7px;letter-spacing:1px}#wab-preview .subtitle{font-size:13px;color:#64839e;margin:0}#wab-preview .capsule{display:flex;align-items:center;gap:14px;padding:7px 12px;background:#ffffffc9;border-radius:20px;border:1px solid #cce3f4;color:#1b3049}#wab-preview .capsule i{width:17px;height:17px}#wab-preview .content{padding:0 14px 12px}#wab-preview .identity{background:linear-gradient(120deg,#178cf3,#0968dc);border-radius:20px;margin-top:-14px;position:relative;z-index:1;box-shadow:0 10px 24px #1081e62a;color:white;overflow:hidden}#wab-preview .identity-top{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;background:repeating-linear-gradient(130deg,transparent,transparent 12px,#ffffff05 12px,#ffffff05 14px)}#wab-preview .person{display:flex;gap:11px;align-items:center}#wab-preview .avatar{width:46px;height:46px;border-radius:50%;background:#e1f2ff;color:#1a83e7;display:grid;place-items:center;font-size:23px;border:3px solid #ffffff70}#wab-preview .name{font-size:19px;font-weight:600;margin-bottom:5px}#wab-preview .small{font-size:12px;opacity:.85}#wab-preview .tag{font-size:11px;border:1px solid #ffffff73;padding:2px 5px;margin-left:6px;border-radius:4px;font-weight:400}#wab-preview .ghost-white{border:0;background:#fff;border-radius:10px;color:#187fe2;padding:10px 12px;font-size:13px;display:flex;align-items:center;gap:5px}#wab-preview .identity-bottom{background:white;color:#4e708f;display:flex;align-items:center;justify-content:space-between;padding:9px 16px;font-size:12px}#wab-preview .identity-bottom button{border:0;background:#edf6ff;color:#237dde;border-radius:6px;padding:6px 8px;font-size:12px}#wab-preview .identity-bottom span{display:flex;gap:6px;align-items:center}#wab-preview .banners{display:grid;gap:8px;margin-top:12px}#wab-preview .banner{position:relative;text-align:left;min-height:94px;border:0;border-radius:14px;padding:15px 17px;color:white;overflow:hidden;background:linear-gradient(120deg,#149be9,#17b8e6);width:100%}#wab-preview .banner.second{background:linear-gradient(120deg,#1a7bea,#1858dc)}#wab-preview .banner:after{content:"";position:absolute;right:-24px;top:-45px;width:170px;height:170px;border:25px solid #ffffff0d;border-radius:50%;pointer-events:none}#wab-preview .banner strong{display:block;font-size:19px;font-weight:600;margin:5px 0 9px;position:relative;z-index:1}#wab-preview .banner small{font-size:11px;letter-spacing:.3px}#wab-preview .banner .banner-link{background:#ffdc69;color:#365077;padding:5px 11px;border-radius:20px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:3px}#wab-preview .banner .art{position:absolute;right:16px;bottom:17px;width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(140deg,#fff,#c2eaff);color:#1789e9;transform:rotate(-9deg);box-shadow:6px 7px 0 #006ed125}#wab-preview .banner .art svg{width:34px;height:34px}#wab-preview .banner.second .art{transform:rotate(9deg)}#wab-preview .banner.custom{padding:0;min-height:0;aspect-ratio:4/1}#wab-preview .banner.custom img{width:100%;height:100%;object-fit:cover;display:block}#wab-preview .section-head{display:flex;align-items:center;justify-content:space-between;margin:16px 0 12px}#wab-preview .section-head h2{font-size:19px;margin:0}#wab-preview .section-head span{font-size:11px;color:#8395a9}#wab-preview .services{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}#wab-preview .service{background:none;border:0;text-align:center;padding:0;font-size:12px;color:#42566b;min-height:73px}#wab-preview .icon-block{width:45px;height:45px;display:grid;place-items:center;border-radius:16px;margin:0 auto 7px;background:linear-gradient(140deg,#36cbaa,#12b58d);color:white;box-shadow:0 5px 12px #19b68a20}#wab-preview .icon-block svg{width:25px;height:25px}#wab-preview .service:nth-child(2) .icon-block{background:linear-gradient(140deg,#ffc763,#f3a02b)}#wab-preview .service:nth-child(3) .icon-block{background:linear-gradient(140deg,#50bdff,#1786ed)}#wab-preview .service:nth-child(4) .icon-block{background:linear-gradient(140deg,#a39cff,#7c70e6)}#wab-preview .contract-card{display:flex;justify-content:space-between;align-items:center;width:100%;padding:13px 15px;background:white;border:1px solid #e4edf7;border-radius:17px;color:#1b3049;text-align:left;margin:9px 0 0}#wab-preview .contract-card h3{font-size:16px;margin:0 0 6px}#wab-preview .contract-card p{font-size:11px;color:#8598ab;margin:0}#wab-preview .contract-card .paper{width:45px;height:52px;border-radius:8px;background:#eaf4ff;color:#147de5;display:grid;place-items:center;margin-right:12px}#wab-preview .contract-card .paper svg{width:27px;height:27px}#wab-preview .contract-card .intro{display:flex;align-items:center}#wab-preview .notice{display:flex;gap:9px;padding:9px 3px;font-size:11px;color:#8899ab;align-items:center}#wab-preview .notice svg{width:14px;height:14px;color:#6597c7}#wab-preview .nav{display:grid;grid-template-columns:repeat(4,1fr);background:white;border-top:1px solid #e8eff7;padding:8px 8px 10px;position:relative;z-index:5}#wab-preview .nav button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;color:#8996a5;padding:4px}#wab-preview .nav svg{width:22px;height:22px}#wab-preview .nav button.active{color:#1689ed;font-weight:600}#wab-preview .nav button.active .nav-icon{background:#edf6ff;border-radius:10px}#wab-preview .nav-icon{padding:3px;display:flex}#wab-preview .page[hidden],#wab-preview [hidden]{display:none!important}#wab-preview .page-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:white;border-bottom:1px solid #e8eff7}#wab-preview .page-header h2{font-size:18px;margin:0}#wab-preview .plain{border:0;background:none;color:#63839f;padding:4px;display:flex;align-items:center;gap:5px}#wab-preview .plain svg{width:18px;height:18px}#wab-preview .inner{padding:14px}#wab-preview .white-card{padding:15px;background:white;border-radius:14px;margin-bottom:10px;border:1px solid #e5edf5}#wab-preview .white-card h3{font-size:17px;margin:0 0 12px}#wab-preview .white-card p{font-size:13px;color:#6a8096;line-height:1.8;margin:7px 0}#wab-preview .primary{background:#1686ed;border:0;color:white;padding:13px 17px;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:14px;min-height:44px}#wab-preview .primary svg{width:18px;height:18px}#wab-preview .full{width:100%}#wab-preview .secondary{border:1px solid #dce8f2;color:#63819d;background:white;border-radius:10px;padding:12px;font-size:13px}#wab-preview .row{display:flex;gap:10px;align-items:center}#wab-preview .row>*{flex:1}#wab-preview .badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:5px 9px;background:#e9f7ef;color:#23996f;border-radius:20px}#wab-preview .chat-profile{display:flex;align-items:center;gap:12px;background:white;border-radius:15px;padding:14px;margin-bottom:12px}#wab-preview .chat-profile .avatar{background:#eaf6ff}#wab-preview .chat-profile h3{font-size:15px;margin:0 0 5px}#wab-preview .chat-profile p{font-size:11px;color:#7991a7;margin:0}#wab-preview .chat-list{min-height:0;display:flex;flex-direction:column;gap:9px;margin-bottom:12px}#wab-preview .bubble{padding:13px 15px;background:white;border-radius:3px 15px 15px;max-width:86%;font-size:13px;line-height:1.7;border:1px solid #e3edf7;align-self:flex-start}#wab-preview .bubble.me{background:#1686ed;color:white;border-color:transparent;border-radius:15px 3px 15px 15px;align-self:flex-end}#wab-preview .field{display:block;font-size:13px;color:#59728c;margin:15px 0 7px}#wab-preview input[type=text],#wab-preview input[type=password],#wab-preview textarea{width:100%;padding:12px;border:1px solid #dce7f2;border-radius:10px;background:white;color:#243f5b;font-size:16px}#wab-preview input[type=file]{width:100%;font-size:12px;padding:10px;background:#f5f9ff;border-radius:9px}#wab-preview .record-stage{height:210px;border-radius:18px;background:radial-gradient(circle at center,#203d5a,#10243a);color:#b4c5d6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;overflow:hidden;position:relative;margin:8px 0 12px}#wab-preview .record-stage>svg{width:45px;height:45px;color:#54728f}#wab-preview .record-stage span{font-size:12px}#wab-preview .record-stage video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}#wab-preview .record-stage .timer{position:absolute;z-index:1;top:15px;left:15px;background:#10243a99;border-radius:20px;padding:5px 10px;color:white}#wab-preview .record-dot{width:10px;height:10px;background:#ff6868;border-radius:50%;display:inline-block;margin-right:5px}#wab-preview .steps{display:flex;gap:8px;margin:8px 0 12px;font-size:11px;color:#8ba0b4;align-items:center;justify-content:space-between}#wab-preview .steps .on{color:#1484e8}#wab-preview .person-top{padding:20px 18px;background:linear-gradient(125deg,#e2f2ff,#eef9ff);display:flex;align-items:center;gap:15px}#wab-preview .person-top .avatar{width:66px;height:66px;font-size:29px;background:white;border:3px solid #d1eaff}#wab-preview .person-top h2{font-size:23px;margin:0 0 8px}#wab-preview .person-top p{font-size:12px;margin:0;color:#7d96ab}#wab-preview .records{display:grid;grid-template-columns:1fr 1fr;gap:12px}#wab-preview .record-tile{border:0;text-align:left;color:white;padding:15px 12px;border-radius:15px;background:linear-gradient(125deg,#23b9eb,#1694ec);font-size:15px;display:flex;align-items:center;gap:8px}#wab-preview .record-tile:last-child{background:linear-gradient(125deg,#ffbd6b,#ff9b49)}#wab-preview .record-tile svg{width:23px;height:23px}#wab-preview .list{background:white;border-radius:16px;padding:0 16px}#wab-preview .list button{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;border-bottom:1px solid #eef2f7;padding:14px 0;color:#2b4259;font-size:14px;text-align:left}#wab-preview .list button:last-child{border:0}#wab-preview .list svg{width:21px;height:21px;color:#1689ed}#wab-preview .list .chev{margin-left:auto;width:15px;color:#99a8b5}#wab-preview .contract-text{font-size:13px;line-height:1.9;color:#566c82;white-space:pre-wrap}#wab-preview .agree{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.8;margin:17px 0;color:#637e98}#wab-preview .agree input{margin-top:5px}#wab-preview .signbox{height:165px;background:#fff;border:1px dashed #afcae2;border-radius:13px;position:relative;overflow:hidden;margin:12px 0}#wab-preview canvas{display:block;width:100%;height:100%;touch-action:none}#wab-preview .sign-hint{position:absolute;inset:0;display:grid;place-items:center;color:#b0c1d0;pointer-events:none;font-size:16px}#wab-preview .fine{font-size:11px;color:#889cad;line-height:1.8}#wab-preview .success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px 8px}#wab-preview .success>svg{width:52px;height:52px;color:#21b587;margin-bottom:14px}#wab-preview .toast{position:absolute;left:20px;right:20px;bottom:91px;background:#193650ed;color:white;border-radius:10px;padding:12px;text-align:center;font-size:12px;z-index:30}#wab-preview .feedback-preview{width:100%;max-height:110px;object-fit:cover;border-radius:9px;margin-top:10px}#wab-preview .admin-chip{margin:7px auto 0;display:block;border:0;background:#edf5fc;color:#738ca3;border-radius:20px;padding:7px 14px;font-size:11px}#wab-preview .muted{color:#7a90a5}#wab-preview .label-top{font-size:11px;letter-spacing:1.5px;color:#678cae}#wab-preview .preview-note{text-align:center;font-size:11px;color:#8399ad;margin:0 0 12px}#wab-preview .download-link{color:#1686ed;font-size:13px}
#wab-preview .ai-float{position:absolute;right:7px;top:309px;z-index:6;border:0;background:#ffffffed;color:#3280b8;border-radius:18px;padding:8px 9px 7px;display:flex;flex-direction:column;gap:2px;align-items:center;box-shadow:0 5px 17px #2b608e22;font-size:10px}#wab-preview .ai-face{width:40px;height:38px;background:linear-gradient(145deg,#e2f7ff,#c7efff);border-radius:14px;color:#158fdd;display:grid;place-items:center;border:2px solid white}#wab-preview .ai-face svg{width:27px;height:27px}#wab-preview .ai-float:hover{background:#eef9ff}
#wab-preview select{width:100%;padding:12px;border:1px solid #dce7f2;border-radius:10px;background:white;color:#243f5b;font-size:14px}#wab-preview .detail-row{display:flex;justify-content:space-between;gap:10px;padding:12px 0;font-size:13px;border-bottom:1px solid #eff3f8}#wab-preview .detail-row:last-child{border:0}#wab-preview .detail-row span{color:#7b92a8}#wab-preview .detail-row b{font-weight:500;word-break:break-all}