.viewer-large{cursor:grab;border-radius:20px;justify-content:center;align-items:center;width:420px;height:520px;display:flex;overflow:hidden}.viewer-large:after{content:"";filter:blur(40px);z-index:-1;cursor:grabbing;width:60%;height:60%;position:absolute}.viewer-large canvas{width:100%;height:100%;background:0 0!important}.skin-card{aspect-ratio:1;cursor:pointer;background:#1e1e1e url(/logo3.svg) 50%/80% no-repeat;border:4px solid #2a2a2a;border-radius:12px;justify-content:center;align-items:center;width:100%;transition:all .2s;display:flex;overflow:hidden}.skin-card[data-selected=true]{background:url(/logo2.svg) 50%/80% no-repeat,linear-gradient(#d42c34,#5f1418);border:4px solid #d42c34}.skin-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s;position:relative}.skin-card:hover .skin-inner{transform:rotateY(180deg)}.skin-front,.skin-back{object-fit:cover;backface-visibility:hidden;border-radius:10px;width:100%;height:100%;position:absolute}.skin-back{transform:rotateY(180deg)}.viewer-sidebar{z-index:10;align-items:center;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.toggle-btn{color:#fff;cursor:pointer;background:#d42c34;border:none;border-radius:0 10px 10px 0;justify-content:center;align-items:center;width:36px;height:160px;display:flex}.sidebar-content{background:#d42c34;border-radius:12px;flex-direction:column;gap:10px;min-width:180px;margin-left:10px;padding:10px;display:flex;box-shadow:0 10px 30px #0006}.sidebar-content button{cursor:pointer;background:#9c2026;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;transition:all .2s;display:flex}.sidebar-content button:hover{background:#ff3741}
.mcskin-page{background:#0d0d0d;width:100%;min-height:100vh;display:flex}.mcskin-container{box-sizing:border-box;gap:40px;width:100%;min-height:calc(100vh - 50px);margin-top:50px;padding:40px;display:flex}.mcskin-left{flex-direction:column;flex:1;justify-content:center;align-items:center;width:320px;display:flex}.mcskin-hint{color:#52525b;margin-top:15px;font-size:14px}.mcskin-credit{color:#3f3f46;margin-top:5px;font-size:12px}.mcskin-right{background:#1a1a1a;border:1px solid #ffffff0d;border-radius:16px;flex:2;min-height:calc(100vh - 130px);max-height:calc(100vh - 130px);padding:20px;overflow-y:auto;box-shadow:0 0 40px #0006}.mcskin-right::-webkit-scrollbar{background:#2a2a2a;border-radius:10px;width:8px}.mcskin-right::-webkit-scrollbar-thumb{background:#d42c34;border-radius:10px}.mcskin-grid{grid-template-columns:repeat(5,1fr);gap:15px;display:grid}.commission-section{background:#0d0d0d;width:100%;padding:80px 40px}.commission-container{justify-content:space-between;gap:60px;max-width:1400px;margin:0 auto;display:flex}.commission-left{flex:1}.commission-title{color:#f0f0f0;font-size:48px;font-weight:800;line-height:1.2}.commission-right{text-align:justify;flex:1;justify-content:flex-end;align-items:center;display:flex}.commission-right p{color:#a1a1aa;max-width:600px;font-size:16px;line-height:1.8}.makecommission-section{background:#0d0d0d;justify-content:center;padding-bottom:100px;display:flex}.commission-box{background:#1a1a1a;border:1px solid #ffffff0f;border-radius:16px;grid-template-columns:300px 1fr 300px;align-items:stretch;gap:20px;width:100%;max-width:1100px;padding:20px;display:grid;box-shadow:0 0 40px #0006}.commission-left{flex-direction:column;gap:10px;display:flex}.worker-avatar{background:linear-gradient(#d42c34,#5f1418);border:6px solid #d42c34;border-radius:12px;width:100%}.worker-avatar-wrapper{width:100%;position:relative}.worker-avatar{background:linear-gradient(#d42c34,#5f1418);border:6px solid #d42c34;border-radius:12px;width:100%;display:block}.worker-name{color:#fff;text-align:center;background:#0d0d0d65;border-radius:6px;padding:2px 5px;font-size:20px;font-weight:700;position:absolute;bottom:10px;left:10px;right:10px}.worker-name p{margin-top:-8px;font-size:12px;font-weight:100}.worker-select{gap:10px;display:flex}.worker-select button{color:#fff;cursor:pointer;background:#d42c34;border:none;border-radius:10px;flex:1;padding:15px;font-size:20px}.commission-middle{flex-direction:column;gap:10px;height:100%;display:flex}.commission-input,.commission-textarea{color:#e4e4e7;background:#252525;border:1px solid #ffffff12;border-radius:10px;outline:none;width:100%;padding:12px;font-size:14px}.commission-input::placeholder,.commission-textarea::placeholder{color:#52525b}.commission-input:focus,.commission-textarea:focus{border-color:#d42c34;box-shadow:0 0 0 3px #d42c341a}.commission-textarea{resize:none;flex:1}.commission-submit{color:#e4e4e7;cursor:pointer;background:#252525;border:1px solid #ffffff12;border-radius:10px;padding:14px;font-weight:600;transition:all .2s}.commission-submit:hover{border-color:#d42c34}.commission-right-box{flex-direction:column;gap:10px;display:flex}.upload-box{aspect-ratio:1;color:#3f3f46;cursor:pointer;background:#252525;border:1px solid #ffffff12;border-radius:14px;justify-content:center;align-items:center;width:100%;font-size:60px;transition:all .2s;display:flex}.upload-box:hover{color:#71717a;border-color:#d42c34}.preview-images{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.preview-images img{aspect-ratio:1;object-fit:cover;border-radius:6px;width:100%}.nav{color:#fff;cursor:pointer;z-index:2;background:#0000004d;border:none;border-radius:8px;padding:6px 15px;font-size:18px;position:absolute;top:50%;transform:translateY(-50%)}.nav.left{left:10px}.nav.right{right:10px}.upload-box{aspect-ratio:1;background:#252525;border-radius:14px;width:100%;position:relative;overflow:hidden}.preview-main{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.upload-empty{color:#3f3f46;cursor:pointer;justify-content:center;align-items:center;width:100%;height:100%;font-size:60px;display:flex}.upload-plus{color:#fff;cursor:pointer;background:#d42c34;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex;position:absolute;bottom:10px;right:10px}.img-indicator{color:#fff;background:#00000080;border-radius:6px;padding:4px 8px;font-size:12px;position:absolute;top:10px;right:10px}