html,body,#root{margin:0;min-height:100%}body{background:#f4f6f8;color:#1f1a17}.shell{min-height:100vh}.shell>.ant-layout-sider{box-shadow:inset -1px 0 #ffffff0a}.brand-mark{margin:18px 16px 10px;padding:0;text-align:center;background:transparent}.brand-mark img{width:100%;display:block}.brand-mark div{color:#ffffffe0;font-size:12px;font-weight:600;letter-spacing:.04em;line-height:1.35;margin-top:8px}.brand-lockup{text-align:center;margin-bottom:16px}.brand-lockup img{width:min(280px,100%);display:block;margin:0 auto}.brand-lockup div{color:#f60;font-size:20px;font-weight:700;margin-top:4px}.topbar{background:#fff;display:flex;align-items:center;gap:16px;padding:0 24px;border-bottom:1px solid #eceff3;font-weight:600}.topbar-name{margin-left:auto}.step-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;font-weight:600}.back-bar{position:fixed;top:16px;left:16px;z-index:10}.page{padding:20px 24px 40px;min-width:0}.ant-layout-content{min-width:0}.ant-card{max-width:100%}.ant-table-cell{white-space:nowrap}.money-row{display:flex;gap:16px;flex-wrap:wrap}.stat-btn{min-width:120px;text-align:left;background:#fff;border:1px solid #eadfdc;border-radius:8px;padding:12px 16px;cursor:pointer;color:inherit}.stat-btn strong{display:block;margin-top:4px;font-size:22px;color:#f60}.stat-btn.active{border-color:#f60;background:#fff6ef}.money-card{min-width:180px}.home{min-height:100vh;display:grid;place-items:center;padding:24px}.home-card{width:min(720px,100%)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.tag-picker{display:grid;grid-template-columns:148px 200px minmax(220px,1fr);min-height:380px;border:1px solid #eadfdc;border-radius:8px;background:#fff;overflow:hidden}.tag-col{overflow:auto;max-height:460px;border-right:1px solid #f0e6e3}.tag-span{grid-column:span 2}.tag-picker .tag-col:last-child{border-right:0}.tag-item,.tag-check{display:flex;gap:8px;align-items:center;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid #f7f1ef;padding:8px 12px;cursor:pointer;color:inherit}.tag-item.active,.tag-check.active{background:#fff1e8;color:#f60;font-weight:600}.tag-check:disabled{cursor:default;color:#8a817c}.tag-box{width:16px;height:16px;border:1px solid #d9c7c3;border-radius:3px;display:inline-grid;place-items:center;font-size:12px;flex:none}.tag-check.active .tag-box{background:#f60;color:#fff;border-color:#f60}.tag-meta{margin-left:auto;color:#8a817c;font-size:12px;font-weight:400}.tag-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.tag-empty{color:#8a817c;padding:16px}.tag-search{padding:8px;position:sticky;top:0;background:#fff}.tpl-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,320px);gap:16px;align-items:start}.phone{position:sticky;top:16px;box-sizing:border-box;width:100%;background:#f3f3f3;border-radius:28px;padding:14px 12px 16px;border:8px solid #1f1a17}.phone-bar{text-align:center;font-size:12px;color:#6b6560;margin-bottom:10px}.wx-card{background:#fff;border-radius:12px;overflow:hidden}.wx-head,.wx-video,.wx-mp{display:flex;gap:10px;align-items:center;padding:12px}.wx-head strong,.wx-video strong,.wx-mp strong{display:block}.wx-head em,.wx-video em,.wx-mp em{display:block;color:#8a817c;font-style:normal;font-size:12px}.wx-avatar,.wx-mp-mark{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;flex:none;background:#b42318;color:#fff;font-weight:700}.wx-mp-mark{background:#1677ff;font-size:12px}.wx-amount{padding:4px 12px 0;font-size:32px;font-weight:700;color:#b42318}.wx-amount span{font-size:16px;margin-right:2px}.wx-remark{padding:0 12px 12px;color:#6b6560}.wx-video{background:#241c19;color:#fff}.wx-video em{color:#d9c7c3}.wx-play{width:36px;height:36px;border-radius:50%;border:1px solid #fff;display:grid;place-items:center;flex:none}.wx-mp{border-top:1px solid #f0e6e3}.wx-more{margin-left:auto;color:#b42318;font-size:12px}.phone-note{margin:10px 4px 0;color:#6b6560;font-size:12px}.receipt-wrap{position:sticky;top:16px;width:100%;max-width:320px;min-width:0;justify-self:end}.phone.receipt{position:static;background:#111;border-color:#111;color:#f2f2f2}.pay-nav{display:grid;grid-template-columns:24px 1fr 24px;align-items:center;margin-bottom:18px;font-size:16px;text-align:center}.pay-card{background:#1c1c1e;border-radius:14px;overflow:hidden;padding-bottom:4px}.pay-brand{display:flex;align-items:center;gap:8px;padding:14px 12px 10px}.pay-logo{width:22px;height:22px;border-radius:50%;background:#3b82c4;display:grid;place-items:center;font-size:12px;flex:none}.pay-channel{margin-left:auto;color:#d5d5d5;font-size:13px}.pay-cover{position:relative;height:156px;margin:0 12px 8px;border-radius:4px;background:linear-gradient(160deg,#9eb0c2,#d7c4ae 38%,#7d8b96);display:grid;place-items:center}.pay-play{width:48px;height:48px;border-radius:50%;background:#fffffff0;color:#222;display:grid;place-items:center;font-size:18px;padding-left:3px}.pay-caption{position:absolute;left:8px;right:8px;bottom:8px;color:#fff;font-style:normal;font-size:12px;text-shadow:0 1px 2px rgba(0,0,0,.55)}.pay-notice{padding:12px 14px 0;font-size:16px}.pay-label{text-align:center;color:#9a9a9a;margin-top:18px;font-size:13px}.pay-money{text-align:center;font-size:40px;font-weight:500;margin:4px 0 14px}.pay-money span{font-size:26px;margin-right:6px}.pay-row{display:flex;justify-content:space-between;gap:16px;padding:7px 14px;font-size:15px}.pay-row span{color:#9a9a9a}.pay-row b{font-weight:400;text-align:right}.pay-link{display:flex;justify-content:space-between;padding:14px;border-top:1px solid #2c2c2e;font-size:16px}.enter-video{display:block;width:100%;max-height:280px;background:#000}.bind-guide{margin-bottom:16px}@media(max-width:960px){.tpl-layout{grid-template-columns:1fr}.phone,.receipt-wrap{position:static}}