.markup-calculator{background:#fff;border-radius:16px;padding:32px;box-shadow:0 2px 12px #0000000f}.markup-input-section{margin-bottom:28px}.markup-input-section h2{font-size:15px;font-weight:600;color:#333;margin-bottom:12px}.markup-input-group{display:flex;align-items:center;background:#f7f8fa;border-radius:10px;overflow:hidden}.markup-input-group.small{width:140px}.markup-input-group__prefix,.markup-input-group__suffix{padding:0 16px;font-size:18px;font-weight:600;color:#666;background:#eeeff0;height:52px;display:flex;align-items:center}.markup-input-group__input{flex:1;border:none;background:#f7f8fa;padding:14px 16px;font-size:18px;font-weight:600;color:#333;outline:none}.markup-input-group.small .markup-input-group__input{font-size:16px}.markup-input-group__input::-moz-placeholder{color:#999;font-weight:400}.markup-input-group__input::placeholder{color:#999;font-weight:400}.markup-platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.markup-platform-btn{display:flex;flex-direction:column;align-items:center;padding:16px 12px;background:#fff;border:1px solid #e5e5e5;border-radius:10px;cursor:pointer;transition:all .2s}.markup-platform-btn:hover{border-color:#ff4d4f}.markup-platform-btn.active{background:#fff2f0;border-color:#ff4d4f}.markup-platform-btn__name{font-size:14px;font-weight:600;color:#333;margin-bottom:4px}.markup-platform-btn.active .markup-platform-btn__name{color:#ff4d4f}.markup-platform-btn__multiplier{font-size:13px;color:#999}.markup-platform-btn.active .markup-platform-btn__multiplier{color:#ff4d4f}.markup-custom{display:flex;align-items:center;gap:12px}.markup-custom>span{font-size:14px;color:#666}.markup-result{margin:24px 0;padding:24px;background:linear-gradient(135deg,#fff5f5,#fff);border-radius:12px;border:1px solid #ffcccc;min-height:100px}.markup-result__placeholder{display:flex;align-items:center;justify-content:center;height:80px;color:#999;font-size:14px}.markup-result__show{animation:fadeIn .3s ease}.markup-result__main{text-align:center;margin-bottom:20px}.markup-result__label{display:block;font-size:14px;color:#666;margin-bottom:8px}.markup-result__price{font-size:42px;font-weight:700;color:#ff4d4f}.markup-result__info{display:flex;justify-content:center;gap:32px}.markup-result__item{text-align:center}.markup-result__item span:first-child{display:block;font-size:12px;color:#999;margin-bottom:4px}.markup-result__item span:last-child{font-size:16px;font-weight:600;color:#333}.markup-result__item .profit{color:#52c41a}.markup-platform-list{margin-top:32px}.markup-platform-list h2{font-size:15px;font-weight:600;color:#333;margin-bottom:16px}.markup-list-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.markup-list-item{padding:16px;background:#fafafa;border-radius:10px;text-align:center;transition:all .2s}.markup-list-item:hover{background:#f0f0f0}.markup-list-item__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.markup-list-item__name{font-size:14px;font-weight:600;color:#333}.markup-list-item__multiplier{font-size:12px;color:#999}.markup-list-item__price{margin-bottom:4px}.price-symbol{font-size:14px;color:#ff4d4f;font-weight:600}.price-value{font-size:20px;font-weight:700;color:#ff4d4f}.markup-list-item__desc{font-size:12px;color:#999}.markup-tip{margin-top:32px;padding:20px;background:#fafafa;border-radius:12px}.markup-tip h3{font-size:14px;font-weight:600;color:#666;margin-bottom:12px}.markup-tip ul{margin:0;padding-left:20px}.markup-tip li{font-size:13px;color:#999;line-height:1.8;margin-bottom:4px}.markup-tip li strong{color:#666}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.markup-calculator{padding:20px}.markup-platform-grid,.markup-list-grid{grid-template-columns:repeat(2,1fr)}.markup-result__info{flex-direction:column;gap:12px}}