.point-exchange-page{display:grid;gap:18px;margin-top:18px}.point-guide,.point-form,.point-history{padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 7px 24px rgba(23,76,125,.09)}.point-guide h2,.point-history h2{margin:0;color:#07599d;font-size:18px}.point-guide>div{max-height:250px;overflow:auto;margin-top:13px;padding:16px;border-radius:10px;background:#f4f7fb;color:#405f78;font-size:11px;line-height:1.7}.point-guide h3{margin:17px 0 4px;color:#07599d;font-size:13px}.point-guide h3:first-child{margin-top:0}.point-guide h4{margin:14px 0 3px;color:#07599d}.point-guide p{margin:3px 0}.point-red{color:#d43b52}.point-form{display:grid;gap:15px}.point-form>dl{display:flex;justify-content:space-between;margin:0;padding:14px;border-radius:10px;background:#f4f7fb}.point-form dd{margin:0;color:#07599d}.point-form>section{padding:15px;border-radius:10px;background:#f4f7fb}.point-form section header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--line)}.point-form header span{font-size:12px}.point-form header small{margin-left:5px;padding:3px 7px;border:1px solid var(--line);border-radius:5px}.point-form header strong{color:#07599d;font-size:20px}.point-form header em{font-style:normal}.point-buttons{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;margin-top:12px}.point-buttons button,.point-submit,.point-history button{border:0;border-radius:7px;background:linear-gradient(135deg,#48c5f3,#079ee8);color:#fff;font-size:11px;font-weight:500}.point-buttons button{height:38px}.point-buttons button:disabled,.point-submit:disabled{background:#e3ebf2;color:#8da0b1}.point-submit{width:min(100%,500px);height:44px;margin:auto}.point-history header{display:flex;align-items:center;gap:15px}.point-history header div{display:flex;gap:7px}.point-history header button{padding:8px 15px;background:#e7eef4;color:#607b91}.point-history header button.on{background:#079ee8;color:#fff}.point-history>div{overflow:auto;margin-top:14px;border:1px solid var(--line);border-radius:9px}.point-history table{width:100%;min-width:650px;border-collapse:collapse}.point-history th,.point-history td{padding:12px;border-bottom:1px solid var(--line);text-align:center;font-size:11px}.point-history th{background:#edf7fe;color:#07599d}@media(max-width:760px){.point-guide,.point-form,.point-history{padding:14px}.point-buttons{grid-template-columns:repeat(3,1fr)}.point-history header{align-items:flex-start;flex-direction:column}.point-guide>div{max-height:220px}}