:root{--dd-red:#ff334c;--dd-pink:#fff1f4;--dd-ink:#0f233b;--dd-muted:#8693a6}body{background:#edf0f5;color:var(--dd-ink);font-family:Arial,'Microsoft YaHei',sans-serif}.app{max-width:480px!important;margin:auto!important;min-height:100vh;background:#f7f8fc}button,input,select,textarea{font:inherit}button{cursor:pointer}.dd-icon{width:24px;height:24px;object-fit:contain}.dd-header{display:flex;align-items:center;justify-content:space-between;background:#fff;min-height:48px;padding:0 14px}.dd-header h1{font-size:17px;margin:0}.dd-header button{font-size:30px;border:0;background:none;width:30px}.dd-header span{width:30px}.dd-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,480px);height:calc(62px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:rgba(255,255,255,.98);border-top:1px solid #f0f1f4;display:grid;grid-template-columns:repeat(4,1fr);z-index:30}.dd-nav button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#8e99a8;font-size:11px}.dd-nav img{width:20px;height:20px;opacity:.55}.dd-nav .active{color:var(--dd-red)}.dd-nav .active img{opacity:1}.dd-home{background:linear-gradient(#ffe4e7 0,#fff 370px);min-height:100vh;padding:14px 12px 76px}.dd-search-row{display:flex;gap:10px;align-items:center;margin-bottom:12px}.dd-search-row label{flex:1;border-radius:24px;background:#f8fafc;display:flex;align-items:center;gap:8px;padding:0 10px;color:#98a5b9;height:34px;min-width:0}.dd-search-row label span{font-size:26px}.dd-search-row input{border:0;background:transparent;outline:none;width:100%;min-width:0;font-size:12px}.dd-search-row>button{border:0;background:none;position:relative;display:flex;flex-direction:column;align-items:center;font-size:11px;padding:0}.dd-search-row .dd-icon{width:22px;height:22px}.dd-dot{position:absolute;right:0;top:0;background:red;width:7px;height:7px;border-radius:100%}.dd-banner{height:155px;background:linear-gradient(125deg,#fff 10%,#fff0f1 70%,#ff5362);border-radius:10px;box-shadow:0 4px 12px #ff334c20;margin-bottom:14px;display:flex;padding:17px 13px;align-items:center;overflow:hidden;border-bottom:5px solid var(--dd-red)}.dd-banner>div{flex:1;min-width:0}.dd-banner small{font-size:9px;color:white;background:var(--dd-red);padding:3px 8px;border-radius:5px}.dd-banner h2{font-size:17px;margin:10px 0 5px}.dd-banner p{font-size:10px;color:#c53a48;margin:5px 0}.dd-banner strong{font-size:10px}.dd-banner>img{width:65px;height:65px;border-radius:14px;object-fit:cover;margin-left:6px}.dd-quick{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:9px;padding:12px 2px;margin-bottom:13px}.dd-quick button{background:transparent;border:0;display:flex;flex-direction:column;align-items:center;gap:5px;padding:0;color:var(--dd-ink)}.dd-quick img{width:36px;height:36px}.dd-quick b{font-size:12px}.dd-quick small{font-size:10px;color:#9da6b4}.dd-quick .active b{color:var(--dd-red)}.dd-config-filter{display:flex;overflow:auto;gap:6px;scrollbar-width:none;padding-bottom:8px}.dd-config-filter button{white-space:nowrap;border:0;background:#f7f8fb;border-radius:6px;padding:5px 9px;color:#63758e;font-size:11px;font-weight:700}.dd-sort{display:flex;justify-content:space-between;margin-bottom:14px;border-bottom:1px solid #f3f4f6;padding-bottom:9px}.dd-sort button{border:0;background:none;color:#6c7b90;font-size:11px;padding:5px 2px}.dd-sort .active{color:var(--dd-red)}.dd-results{display:grid;gap:11px}.dd-card{display:grid;grid-template-columns:48% 52%;background:#fff;border-radius:7px;box-shadow:0 3px 10px #17213a12;overflow:hidden;cursor:pointer;min-height:141px}.dd-cover{position:relative;min-width:0;background:#111c29;min-height:141px;overflow:hidden}.dd-cover>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;opacity:.88}.dd-cover>small{position:absolute;right:5px;top:5px;background:#fffffff0;color:#24394c;border-radius:3px;font-size:9px;padding:2px 4px}.dd-cover>div{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#020b17e8);padding:16px 7px 5px;color:#fff;font-size:9px}.dd-cover b{font-size:11px}.dd-cover p{margin:3px 0;font-size:8px}.dd-card-info{padding:5px 6px;display:flex;flex-direction:column;min-width:0}.dd-card-value{display:flex;justify-content:space-between;color:var(--dd-red);background:#fff0f3;font-size:11px;padding:3px 2px;gap:4px}.dd-card-value b{white-space:nowrap}.dd-battle{display:flex;gap:4px;flex-wrap:wrap;font-size:8px;margin-top:6px;font-weight:700}.dd-card-extra{background:#f6f8fb;margin:4px 0 0;padding:2px 3px;font-size:8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#6c7b90}.dd-card footer{display:flex;flex-direction:column;align-items:flex-end;margin-top:auto;position:relative;padding-top:4px}.dd-card footer>small:first-child{align-self:flex-start;color:#8a95a5;font-size:8px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dd-card footer strong{font-size:17px;color:var(--dd-red)}.dd-deposit{font-size:8px;color:var(--dd-red)}.dd-more{display:block;margin:18px auto;border:1px solid #ffe0e5;border-radius:25px;background:#fff;padding:10px 25px;color:var(--dd-red)}.dd-list-end{text-align:center;font-size:11px;color:#aaa;margin-top:22px}.dd-filter-dialog{border:0;border-radius:18px;max-width:430px;width:90%;max-height:85vh;color:var(--dd-ink)}.dd-filter-dialog::backdrop{background:#0006}.dd-filter-dialog h2{font-size:18px;margin-top:0}.dd-filter-dialog label{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px;margin:12px 0}.dd-filter-dialog input,.dd-filter-dialog select{width:60%;padding:9px;border:1px solid #eee;background:#f8f9fc;border-radius:8px}.dd-filter-dialog form>div{display:flex;gap:8px}.dd-filter-dialog button{flex:1;padding:12px;border:0;border-radius:10px}.dd-filter-dialog button[type=submit]{background:var(--dd-red);color:#fff}.publish-page,.order-page{padding-bottom:80px!important;background:#f7f8fc!important}.publish-wrap{padding:0 10px!important}.publish-intro{background:#fff0f2!important;border:0!important;border-radius:12px!important;margin:10px!important}.publish-intro h2{font-size:20px}.publish-intro p{font-size:12px;color:#8994a8}.form-card{padding:15px!important;border-radius:14px!important}.form-card h2{font-size:16px!important}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 10px!important}.form-row{min-width:0}.form-row label{font-size:12px!important}.field{font-size:12px!important;min-width:0!important;border-color:#edf0f5!important;border-radius:9px!important;box-shadow:none!important}.form-row.full{grid-column:1/-1!important}.next-btn,.pay-btn,.primary-red,.auth-submit{background:var(--dd-red)!important}.publish-actions{max-width:480px!important}.publish-pricing-card{background:#fff4f5!important;color:var(--dd-ink)!important;border:1px solid #ffe0e5!important}.publish-pricing-card *{color:inherit}.pricing-mode.active,.pricing-mode-btn.active{background:var(--dd-red)!important;color:#fff!important}.nav-head h1{font-size:18px!important}.auth-page{background:linear-gradient(#ffe8ed,#fff 300px)!important}.auth-form{padding:24px!important}.auth-title{font-size:26px!important}.auth-wrap{padding:50px 10px!important}.settings-page,.my-list-page,.xm-conv-page,.xm-msg-page{max-width:480px;margin:auto}.xm-conv-head{background:#fff!important}.xm-msg.me .xm-msg-bubble{background:#ffe8ec!important}.xm-chat-composer .send-btn{background:var(--dd-red)!important}.detail-actions,.pay-bar{max-width:480px!important}.app button:focus-visible,.app a:focus-visible{outline:2px solid var(--dd-red);outline-offset:2px}@media(min-width:700px){.app{box-shadow:0 0 35px #15244614}}@media(max-width:350px){.dd-card-value{font-size:10px}.dd-quick b{font-size:11px}.form-grid{grid-template-columns:1fr!important}}