*{box-sizing:border-box}body{margin:0;background:#f4f6fa;color:#182033;font:14px Arial,sans-serif}header{background:#0d1528;color:#fff;padding:18px 28px;display:flex;justify-content:space-between;align-items:center}header b{font-size:22px;display:block}header small{color:#b8c0d2}button{border:0;border-radius:8px;padding:10px 13px;font-weight:700;cursor:pointer;margin:5px 4px 5px 0}header button,button.primary{background:#2868e9;color:#fff}main{max-width:1400px;margin:22px auto;display:grid;grid-template-columns:1fr 370px;gap:18px;padding:0 18px}.panel{background:#fff;border:1px solid #e1e6ee;border-radius:13px;padding:20px;box-shadow:0 7px 24px #1018280d}h1,h2{margin-top:0}h1{font-size:23px}h2{font-size:17px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;font-size:12px;font-weight:700;color:#4a566e;margin:10px 0}input,select,textarea{display:block;width:100%;margin-top:6px;padding:10px 11px;border:1px solid #d7ddea;border-radius:8px;font:inherit;color:#182033}textarea{resize:vertical}.tab{background:transparent;color:#68758d;border-bottom:2px solid transparent;border-radius:0}.tab.on{color:#2868e9;border-color:#2868e9}.tabc{display:none}.tabc.on{display:block}nav{border-bottom:1px solid #e3e7ee;margin:18px 0;padding-bottom:3px}.imgprev{height:210px;border:1px dashed #cbd3e0;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#8a94a6;margin-top:10px}.imgprev img{max-width:100%;max-height:100%;object-fit:contain}.tpl{border:1px solid #dfe4ed;border-radius:9px;padding:11px;margin:7px 0;cursor:pointer}.tpl.on{border:2px solid #2868e9;padding:10px}.tpl b{font-size:12px}.tpl small{display:block;color:#7b879b;margin-top:3px}.prod{display:flex;gap:8px;align-items:center;border:1px solid #e2e6ed;border-radius:8px;padding:8px;margin:7px 0}.prod img{width:45px;height:45px;object-fit:contain;background:#f5f6f8;border-radius:6px}.prod div{flex:1;font-size:11px}.prod b{display:block}.preview{max-width:1400px;margin:18px auto;padding:20px}.preview #preview{display:flex;justify-content:center}.preview+.panel{max-width:1400px;margin:18px auto}.preview+.panel textarea{min-height:300px;background:#0d1528;color:#eef2f7;font:11px Consolas,monospace}.card{width:390px;max-width:100%;background:#fff;border:1px solid #e1e5eb;border-radius:11px;overflow:hidden;box-shadow:0 7px 22px #10182818;font-family:Arial}.hero{height:235px;background:#f7f8fa;display:flex;align-items:center;justify-content:center}.hero img{width:100%;height:100%;object-fit:contain}.body{padding:17px}.brand{font-size:10px;text-transform:uppercase;color:#8993a5;letter-spacing:.8px}.title{font-size:18px;font-weight:800;line-height:1.35;margin:5px 0 9px}.rating{font-size:12px;color:#69758a;margin-bottom:10px}.stars{color:#f5a623}.price{font-size:24px;font-weight:800}.old{text-decoration:line-through;color:#9aa2af;font-size:11px;margin-left:5px}.off{color:#188038;font-size:10px;font-weight:800;margin-left:5px}.install{font-size:11px;color:#69758a;margin:5px 0 14px}.buy{display:block;text-align:center;background:#2868e9;color:#fff!important;text-decoration:none!important;border-radius:8px;padding:11px;font-weight:800;font-size:13px;margin:13px 0}.features{padding:0;margin:0;list-style:none}.features li{font-size:11px;color:#59667a;margin:7px 0;padding-left:15px;position:relative}.features li:before{content:'✓';position:absolute;left:0;color:#2868e9}.cmp{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.mini{border:1px solid #e0e5ed;border-radius:11px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.mini .pic{height:150px;background:#f7f8fa;display:flex}.mini .pic img{width:100%;object-fit:contain}.mini .mb{padding:13px;display:flex;flex-direction:column;flex:1}.mini h3{font-size:14px;line-height:1.35;margin:5px 0}.mini .price{font-size:19px;margin:8px 0}.tag{font-size:10px;color:#2868e9;background:#edf4ff;border-radius:99px;padding:5px 8px;display:inline-block;align-self:flex-start}.mini .buy{margin-top:auto}.scroll{overflow:auto;width:100%}.tbl{border-collapse:separate;border-spacing:0;width:100%;border:1px solid #dfe4eb;border-radius:10px;overflow:hidden;font-family:Arial}.tbl th{background:#0d1528;color:#fff;text-align:left;padding:13px;font-size:12px;white-space:nowrap}.tbl td{padding:13px;border-top:1px solid #e2e6ed;font-size:12px;vertical-align:middle}.tbl .p{font-weight:800;min-width:210px}.tbl .note{font-weight:800;color:#008a5b}.tbl .buy{display:inline-block;padding:9px 11px;margin:0;white-space:nowrap;font-size:11px}@media(max-width:900px){main{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.cmp{grid-template-columns:1fr}.preview{margin:18px}.preview+.panel{margin:18px}.tbl{min-width:720px}}