*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",sans-serif;min-height:100vh;overflow-x:hidden;user-select:none}
.bg{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#e53935,#ff6f00,#d32f2f,#ff8f00,#b71c1c,#e65100);background-size:500% 500%;animation:bgMove 10s ease infinite;z-index:0}
@keyframes bgMove{0%{background-position:0% 50%}25%{background-position:100% 25%}50%{background-position:50% 100%}75%{background-position:0% 75%}100%{background-position:0% 50%}}
.coins{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}
.coin-item{position:absolute;opacity:.35;animation:fall linear infinite}
@keyframes fall{0%{transform:translateY(-50px) rotate(0);opacity:.4}100%{transform:translateY(110vh) rotate(720deg);opacity:0}}
.pdd-icon-big{width:64px;height:64px;border-radius:16px}.pdd-icon-sm{width:22px;height:22px;border-radius:6px;vertical-align:middle}.pdd-icon-xs{width:16px;height:16px;border-radius:4px;vertical-align:middle;margin-right:4px}.pdd-icon-header{width:28px;height:28px;border-radius:8px;vertical-align:middle}
.welcome-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:1000;display:flex;align-items:center;justify-content:center;transition:opacity .4s}
.welcome-overlay.hide{opacity:0;pointer-events:none}
.welcome-card{width:320px;background:linear-gradient(180deg,#e53935,#b71c1c);border-radius:24px;padding:0 24px 24px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.6);animation:popIn .5s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}
@keyframes popIn{0%{transform:scale(.3) translateY(60px);opacity:0}100%{transform:scale(1) translateY(0);opacity:1}}
.welcome-ribbon{background:linear-gradient(90deg,#ffe082,#ffca28,#ffe082);color:#bf360c;font-size:13px;font-weight:700;padding:8px 0;margin:0 -24px 18px;letter-spacing:2px}
.welcome-logo{margin-bottom:12px}.welcome-title{font-size:24px;font-weight:900;color:#ffe600;text-shadow:0 2px 8px rgba(0,0,0,.3);margin-bottom:12px}
.welcome-sub{font-size:14px;color:#ffcdd2;margin-bottom:6px}.welcome-sub span{color:#ffe600;font-weight:700;font-size:20px}
.welcome-sub2{font-size:13px;color:#ffcdd2;margin-bottom:14px}.welcome-sub2 b{color:#ffe600;font-size:16px}
.welcome-footer{font-size:11px;color:rgba(255,255,255,.4);margin-bottom:16px}
.welcome-btn{background:linear-gradient(180deg,#ffe600,#ffb300);border:none;width:200px;height:50px;border-radius:25px;font-size:20px;font-weight:900;color:#d32f2f;cursor:pointer;box-shadow:0 4px 15px rgba(255,179,0,.6);animation:pulse 1.5s infinite}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.container{position:relative;z-index:10;max-width:420px;margin:0 auto;padding:16px 16px 50px}
.top-area{text-align:center;padding-bottom:8px}
.pdd-header{display:inline-flex;align-items:center;gap:6px;background:rgba(0,0,0,.2);padding:4px 14px 4px 6px;border-radius:20px;margin-bottom:8px}
.pdd-header-text{color:#fff;font-size:13px;font-weight:700}
.title{font-size:32px;font-weight:900;color:#ffe600;text-shadow:2px 2px 0 #c66900,0 4px 10px rgba(0,0,0,.3);letter-spacing:3px}
.lucky-tag{display:inline-block;margin-top:10px;background:linear-gradient(90deg,#ffe082,#ffcc02,#ffe082);color:#d32f2f;font-size:13px;font-weight:700;padding:5px 18px;border-radius:20px}
.notice-bar{background:rgba(0,0,0,.25);border-radius:20px;padding:6px 14px;margin:14px 0;display:flex;align-items:center}
.notice-svg{margin-right:8px;flex-shrink:0}.notice-scroll{flex:1;overflow:hidden;height:20px}
.notice-inner{display:flex;flex-direction:column;animation:noticeUp 10s infinite}
.notice-inner span{height:20px;line-height:20px;font-size:12px;color:#ffe0b2;white-space:nowrap}
@keyframes noticeUp{0%,16%{transform:translateY(0)}20%,36%{transform:translateY(-20px)}40%,56%{transform:translateY(-40px)}60%,76%{transform:translateY(-60px)}80%,96%{transform:translateY(-80px)}100%{transform:translateY(0)}}
.machine{background:linear-gradient(180deg,#ffca28,#f9a825,#f57f17);border-radius:20px;padding:0 14px 14px;position:relative;box-shadow:0 8px 30px rgba(0,0,0,.35),inset 0 2px 0 rgba(255,255,255,.4)}
.machine-top{text-align:center;padding:10px 0 8px;font-size:14px;font-weight:900;color:#b71c1c;letter-spacing:2px}
.lights{position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:17px;pointer-events:none;overflow:hidden}
.light-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.3);transition:all .3s}
.light-dot.on{background:#ffe600;box-shadow:0 0 6px #ffe600,0 0 12px #ff9800}
.slots{display:flex;gap:10px;justify-content:center;background:linear-gradient(180deg,#2a0000,#400000,#2a0000);border-radius:12px;padding:14px 12px;box-shadow:inset 0 4px 15px rgba(0,0,0,.8)}
.reel{width:90px;height:110px;background:#fff;border-radius:10px;overflow:hidden;position:relative}
.reel::before,.reel::after{content:'';position:absolute;left:0;right:0;z-index:5;pointer-events:none}
.reel::before{top:0;height:28px;background:linear-gradient(to bottom,rgba(255,255,255,.9),transparent)}
.reel::after{bottom:0;height:28px;background:linear-gradient(to top,rgba(255,255,255,.9),transparent)}
.reel-inner{display:flex;flex-direction:column;transition:transform 3s cubic-bezier(.12,.82,.14,1)}
.prize-item{width:90px;height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;padding:8px 4px}
.prize-item svg{width:50px;height:50px}.prize-item img{width:50px;height:50px;object-fit:contain;border-radius:6px}
.prize-item .prize-label{font-size:11px;font-weight:700;color:#c62828;margin-top:4px;text-align:center;line-height:1.2}
.spin-area{text-align:center;margin-top:28px}
.btn-spin{background:linear-gradient(180deg,#ffe600,#ffb300);border:3px solid #e65100;width:230px;height:60px;border-radius:30px;font-size:22px;font-weight:900;color:#d32f2f;cursor:pointer;outline:none;box-shadow:0 6px 0 #bf360c,0 10px 20px rgba(0,0,0,.35);animation:btnBounce 1.3s infinite;transition:all .1s}
.btn-spin:active:not(:disabled){transform:translateY(6px);box-shadow:0 0 0 #bf360c,0 3px 8px rgba(0,0,0,.3)}
.btn-spin:disabled{filter:grayscale(.7) brightness(.7);animation:none;cursor:not-allowed}
@keyframes btnBounce{0%,100%{transform:scale(1)}50%{transform:scale(1.04) translateY(-2px)}}
.spin-tip{color:#ffcc80;font-size:12px;margin-top:12px}.spin-tip b{color:#ffe600;font-size:20px}
.records{margin-top:24px;background:rgba(0,0,0,.2);border-radius:14px;padding:14px}
.records-hd{text-align:center;color:#ffe082;font-size:14px;font-weight:700;margin-bottom:10px}
.record-row{display:flex;align-items:center;justify-content:space-between;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:12px}
.record-row:last-child{border:none}.record-row .u{color:#fff}.record-row .p{color:#ffe600;font-weight:700}.record-row .t{color:#ffab91}
.footer-text{text-align:center;font-size:11px;color:rgba(255,255,255,.3);margin-top:20px}
.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:500;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s}
.modal.show{opacity:1;pointer-events:auto}
.modal-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75)}
.modal-close{position:absolute;top:10px;right:14px;background:none;border:none;color:#bbb;font-size:22px;cursor:pointer;z-index:10}
.invite-card{position:relative;width:320px;background:linear-gradient(180deg,#e53935,#b71c1c);border-radius:20px;padding:20px;text-align:center;transform:scale(.5);transition:transform .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 20px 60px rgba(0,0,0,.5)}
.modal.show .invite-card{transform:scale(1)}
.invite-top{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:14px;font-size:13px;color:rgba(255,255,255,.7)}
.invite-title{font-size:22px;font-weight:900;color:#ffe600;margin-bottom:8px}
.invite-desc{font-size:14px;color:#ffcdd2;margin-bottom:16px}.invite-desc b{color:#ffe600;font-size:18px}
.invite-link-box{display:flex;gap:8px;margin-bottom:18px;background:rgba(0,0,0,.3);border-radius:10px;padding:10px}
.invite-link{flex:1;font-size:11px;color:#ffcc80;word-break:break-all;text-align:left;line-height:1.4}
.invite-copy{background:#ffb300;border:none;color:#b71c1c;font-size:12px;font-weight:700;padding:4px 12px;border-radius:6px;cursor:pointer;flex-shrink:0;align-self:center}
.invite-btn-share{background:linear-gradient(180deg,#ffe600,#ffb300);border:none;width:100%;height:48px;border-radius:24px;font-size:17px;font-weight:900;color:#d32f2f;cursor:pointer;animation:pulse 1.5s infinite}
.invite-note{font-size:11px;color:rgba(255,255,255,.4);margin-top:10px}
.result-card{position:relative;width:310px;background:linear-gradient(180deg,#fff8e1,#fff);border-radius:20px;padding:20px 20px 24px;text-align:center;transform:scale(.5);transition:transform .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 20px 60px rgba(0,0,0,.5)}
.modal.show .result-card{transform:scale(1)}
.result-badge{display:inline-flex;align-items:center;background:#e53935;color:#fff;font-size:11px;font-weight:700;padding:3px 12px;border-radius:10px;margin-bottom:10px}
.result-icon-box{margin:10px auto;width:80px;height:80px;display:flex;align-items:center;justify-content:center}
.result-icon-box svg{width:72px;height:72px}.result-icon-box img{width:72px;height:72px;object-fit:contain;border-radius:10px}
.result-title{font-size:22px;font-weight:900;color:#d32f2f;margin:8px 0}.result-desc{font-size:14px;color:#888}
.result-prize{font-size:20px;font-weight:700;color:#e65100;margin:6px 0 8px}.result-note{font-size:11px;color:#aaa;margin-bottom:16px}
.result-btn{background:linear-gradient(180deg,#ff5252,#d32f2f);border:none;width:200px;height:46px;border-radius:23px;font-size:16px;font-weight:700;color:#fff;cursor:pointer}
.settings-trigger{position:fixed;bottom:20px;right:20px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:90;opacity:.15;transition:opacity .3s}
.settings-trigger:hover{opacity:.6}
.settings-panel{position:fixed;top:0;left:0;width:100%;height:100%;z-index:900;opacity:0;pointer-events:none;transition:opacity .3s}
.settings-panel.show{opacity:1;pointer-events:auto}
.settings-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6)}
.settings-body{position:absolute;bottom:0;left:0;width:100%;background:#fff;border-radius:20px 20px 0 0;padding:20px;max-height:85vh;overflow-y:auto;transform:translateY(100%);transition:transform .35s cubic-bezier(.22,.61,.36,1)}
.settings-panel.show .settings-body{transform:translateY(0)}
.settings-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-size:16px;font-weight:700;color:#333}
.settings-close{background:none;border:none;font-size:22px;color:#999;cursor:pointer}
.settings-form label{display:block;font-size:13px;color:#666;margin-bottom:6px}
.settings-preview{margin-top:18px;padding:14px;background:#f5f5f5;border-radius:12px}
.settings-preview-title{font-size:12px;color:#999;margin-bottom:10px}
.settings-preview-box{display:flex;align-items:center;gap:12px}
.preview-img{width:60px;height:60px;border-radius:10px;background:#eee;overflow:hidden}
.preview-img img{width:100%;height:100%;object-fit:contain}
.preview-name{font-size:15px;font-weight:700;color:#333}
.settings-save{margin-top:20px;width:100%;height:46px;background:linear-gradient(180deg,#ff5252,#d32f2f);border:none;border-radius:23px;font-size:16px;font-weight:700;color:#fff;cursor:pointer}
.prize-select-list{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto;margin-bottom:16px}
.prize-select-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border:2px solid #eee;border-radius:12px;cursor:pointer;background:#fff}
.prize-select-item.selected{border-color:#e53935;background:#fff5f5}
.prize-select-item img{width:50px;height:50px;border-radius:8px;object-fit:contain;background:#f9f9f9}
.prize-select-item .psi-name{font-size:14px;font-weight:700;color:#333;flex:1}
.prize-select-item .psi-check{width:22px;height:22px;border-radius:50%;border:2px solid #ddd;flex-shrink:0}
.prize-select-item.selected .psi-check{border-color:#e53935;background:#e53935}
.particle{position:fixed;width:8px;height:8px;border-radius:50%;pointer-events:none;z-index:600;animation:burst .7s ease-out forwards}
@keyframes burst{0%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(var(--tx),var(--ty)) scale(0)}}

/* ===== 内嵌页面面板 ===== */
.page-panel{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:800;background:#f5f5f5;overflow-y:auto}
.page-panel.show{display:block}
.claim-topbar{background:#e53935;padding:12px 16px;display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:10}
.claim-topbar a{color:#fff;font-size:15px;cursor:pointer;font-weight:700}.claim-topbar span{color:#fff;font-size:16px;font-weight:700;flex:1;text-align:center}.claim-topbar img{width:24px;height:24px;border-radius:6px}
.claim-status{background:#fff3e0;padding:14px 16px;display:flex;align-items:center;gap:10px}
.claim-status-ic{width:40px;height:40px;border-radius:50%;background:#ff9800;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px}
.claim-status b{font-size:15px;color:#e65100;display:block}.claim-status small{font-size:12px;color:#ff8f00}
.claim-card{background:#fff;margin:10px;border-radius:12px;padding:16px;display:flex;gap:14px}
.claim-card img{width:100px;height:100px;border-radius:8px;object-fit:contain;background:#fafafa;flex-shrink:0}
.claim-card-info{flex:1;display:flex;flex-direction:column;justify-content:center}
.claim-nm{font-size:16px;font-weight:700;color:#333;margin-bottom:6px}
.claim-tag{display:inline-block;background:#ffebee;color:#e53935;font-size:11px;padding:2px 8px;border-radius:4px;margin-bottom:8px;align-self:flex-start}
.claim-op{font-size:12px;color:#999;text-decoration:line-through}
.claim-free{font-size:18px;font-weight:900;color:#e53935}.claim-free span{font-size:12px;font-weight:400;color:#999}
.claim-sec{background:#fff;margin:10px;border-radius:12px;padding:16px}
.claim-sec h3{font-size:15px;font-weight:700;color:#333;margin-bottom:14px;display:flex;align-items:center;gap:6px}
.claim-sec h3::before{content:'';width:3px;height:16px;background:#e53935;border-radius:2px}
.claim-fi{margin-bottom:12px}.claim-fi:last-child{margin-bottom:0}
.claim-fi label{font-size:13px;color:#666;margin-bottom:6px;display:block}
.claim-fi input,.claim-fi select{width:100%;height:42px;border:1px solid #e0e0e0;border-radius:8px;padding:0 12px;font-size:14px;outline:none}
.claim-fi input:focus,.claim-fi select:focus{border-color:#e53935}
.claim-fi select{background:#fff;appearance:none}
.claim-row{display:flex;justify-content:space-between;font-size:13px;color:#666;margin-bottom:8px}.claim-row:last-child{margin-bottom:0}
.claim-log{display:none}.claim-log.show{display:block}
.claim-tl{padding-left:20px;position:relative}.claim-tl::before{content:'';position:absolute;left:6px;top:8px;bottom:8px;width:2px;background:#e0e0e0}
.claim-tl-i{position:relative;padding:0 0 18px 20px}.claim-tl-i:last-child{padding-bottom:0}
.claim-tl-d{position:absolute;left:-20px;top:4px;width:14px;height:14px;border-radius:50%;background:#e0e0e0;border:2px solid #fff}
.claim-tl-i:first-child .claim-tl-d{background:#e53935}
.claim-tl-t{font-size:13px;color:#333}.claim-tl-m{font-size:11px;color:#999;margin-top:2px}
.claim-guarantee{display:flex;flex-direction:column;gap:14px}
.claim-g-item{display:flex;align-items:flex-start;gap:10px}.claim-g-item svg{flex-shrink:0;margin-top:2px}
.claim-g-item b{font-size:13px;color:#333;display:block}.claim-g-item small{font-size:11px;color:#999}
.claim-bar{position:fixed;bottom:0;left:0;width:100%;background:#fff;padding:12px 16px;box-shadow:0 -2px 10px rgba(0,0,0,.06);display:flex;gap:10px;z-index:10}
.claim-bar-back{flex:1;height:46px;border-radius:23px;border:1px solid #e53935;background:#fff;color:#e53935;font-size:15px;font-weight:700;cursor:pointer}
.claim-bar-sub{flex:2;height:46px;border-radius:23px;border:none;background:linear-gradient(180deg,#ff5252,#d32f2f);color:#fff;font-size:15px;font-weight:700;cursor:pointer}
.claim-bar-sub:disabled{background:#ccc;cursor:not-allowed}
.claim-bar-sub.hf-sub{background:linear-gradient(180deg,#66bb6a,#43a047)}
.claim-bar-sub.hf-sub:disabled{background:#ccc}
.claim-suc{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:200;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s}
.claim-suc.show{opacity:1;pointer-events:auto}
.claim-suc-card{width:300px;background:#fff;border-radius:20px;padding:30px 20px;text-align:center;transform:scale(.5);transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}
.claim-suc.show .claim-suc-card{transform:scale(1)}
.claim-suc-ck{width:60px;height:60px;border-radius:50%;background:#4caf50;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:700}
.claim-suc-card h2{font-size:20px;color:#333;margin-bottom:8px}.claim-suc-card p{font-size:13px;color:#888;margin-bottom:6px}
.claim-suc-card small{font-size:12px;color:#bbb;display:block;margin-bottom:20px}
.claim-suc-card button{background:#e53935;border:none;color:#fff;width:180px;height:42px;border-radius:21px;font-size:15px;font-weight:700;cursor:pointer}

/* 话费页 */
.hf-hero{background:linear-gradient(135deg,#43a047,#2e7d32);margin:16px 12px;border-radius:16px;padding:24px 20px;text-align:center;position:relative;overflow:hidden}
.hf-hero::before{content:'';position:absolute;top:-30px;right:-30px;width:100px;height:100px;background:rgba(255,255,255,.08);border-radius:50%}
.hf-badge{display:inline-block;background:rgba(255,255,255,.2);color:#fff;font-size:11px;padding:3px 12px;border-radius:10px;margin-bottom:16px}
.hf-ic{width:64px;height:64px;background:rgba(255,255,255,.15);border-radius:50%;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-size:30px}
.hf-amt{font-size:48px;font-weight:900;color:#fff}.hf-amt span{font-size:20px}
.hf-lb{font-size:14px;color:rgba(255,255,255,.8);margin-top:4px}.hf-exp{font-size:11px;color:rgba(255,255,255,.5);margin-top:10px}
.hf-steps{background:#fff;margin:0 12px;border-radius:12px;padding:20px 16px}
.hf-sb{display:flex;align-items:center;justify-content:space-between;position:relative}
.hf-sb::before{content:'';position:absolute;top:14px;left:30px;right:30px;height:2px;background:#e0e0e0}
.hf-sb.s3::before{background:#4caf50}
.hf-st{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}
.hf-dot{width:28px;height:28px;border-radius:50%;background:#e0e0e0;display:flex;align-items:center;justify-content:center;margin-bottom:6px;font-size:12px;color:#fff;font-weight:700}
.hf-sl{font-size:11px;color:#999}
.hf-st.done .hf-dot{background:#4caf50}.hf-st.done .hf-sl{color:#4caf50}
.hf-st.act .hf-dot{background:#ff9800;animation:sp 1.5s infinite}.hf-st.act .hf-sl{color:#ff9800;font-weight:700}
@keyframes sp{0%,100%{box-shadow:0 0 0 0 rgba(255,152,0,.4)}50%{box-shadow:0 0 0 8px rgba(255,152,0,0)}}
.hf-carriers{display:flex;gap:10px}
.hf-carriers div{flex:1;height:44px;border:2px solid #e0e0e0;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#666;cursor:pointer}
.hf-carriers div.sel{border-color:#4caf50;background:#e8f5e9;color:#2e7d32}
.hf-hint{font-size:11px;color:#999;margin-top:4px;display:block}
.hf-suc-phone{font-size:18px;font-weight:700;color:#2e7d32;margin:8px 0}
.hf-done-msg{text-align:center;padding:60px 20px;color:#999;font-size:16px}
.hf-done-msg h3{font-size:18px;color:#333;margin-bottom:8px}
.hf-done-msg button{background:#e53935;border:none;color:#fff;padding:12px 32px;border-radius:24px;font-size:15px;font-weight:700;cursor:pointer;margin-top:24px}
.done-bar{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;background:rgba(0,0,0,.7);align-items:center;justify-content:center}
.done-bar.show{display:flex}
.done-box{width:300px;border-radius:20px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.4);text-align:center}
.done-box-top{background:linear-gradient(135deg,#e53935,#ff6f00);padding:28px 24px 22px;position:relative}
.done-box-top::before{content:'';position:absolute;top:-20px;right:-20px;width:80px;height:80px;background:rgba(255,255,255,.08);border-radius:50%}
.done-box-top::after{content:'';position:absolute;bottom:-15px;left:-15px;width:60px;height:60px;background:rgba(255,255,255,.05);border-radius:50%}
.done-box .done-ic{width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.2);margin:0 auto 14px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}
.done-box-top h3{font-size:18px;color:#fff;font-weight:900;margin-bottom:6px;text-shadow:0 1px 4px rgba(0,0,0,.2)}
.done-box-top p{font-size:13px;color:rgba(255,255,255,.75);line-height:1.6}
.done-box-bot{background:#fff;padding:20px 24px 24px}
.done-box-bot .done-logo{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:12px;font-size:12px;color:#999}
.done-box-bot .done-logo img{width:18px;height:18px;border-radius:4px}
.done-box-bot p{font-size:12px;color:#bbb;line-height:1.6}