@pisell/private-materials 6.12.401 → 6.12.403

package/lib/plus/purchaseRewardsClaim/index.less

@@ -17,7 +17,7 @@
   text-rendering: optimizeLegibility;
 
   --theme: var(--theme-color, var(--lm-shop-theme-color, #ee837a));
-  font-size: 16px;
+  font-size: 18px;
   min-height: 100vh;
   min-width: 0;
 
@@ -73,13 +73,13 @@
     font-weight: 650;
   }
   h1 {
-    font-size: 30px;
+    font-size: 32px;
   }
   h2 {
-    font-size: 20px;
+    font-size: 22px;
   }
   h3 {
-    font-size: 15px;
+    font-size: 17px;
   }
   p {
     line-height: 1.85;
@@ -91,7 +91,7 @@
     font-weight: 600;
   }
   small {
-    font-size: 12px;
+    font-size: 14px;
   }
   fieldset {
     min-width: 0;
@@ -111,12 +111,12 @@
     color: var(--muted);
   }
   .hint {
-    font-size: 11px;
+    font-size: 13px;
     line-height: 1.8;
     overflow-wrap: anywhere;
   }
   .subtitle {
-    font-size: 14px;
+    font-size: 16px;
     line-height: 1.85;
   }
   .divider {
@@ -184,14 +184,14 @@
   }
   .brand-copy strong {
     display: block;
-    font-size: 17px;
+    font-size: 19px;
     line-height: 1.45;
     letter-spacing: -0.3px;
   }
   .brand-copy > span {
     display: block;
     color: #767676;
-    font-size: 11px;
+    font-size: 13px;
     line-height: 1.6;
     margin-top: 3px;
   }
@@ -212,7 +212,7 @@
   .lang-switch .btn {
     min-height: 44px;
     padding: 7px 10px;
-    font-size: 11px;
+    font-size: 13px;
     font-weight: 500;
     color: #767676;
     background: none;
@@ -260,7 +260,7 @@
     flex-wrap: wrap;
     margin-bottom: 16px;
     color: #767676;
-    font-size: 11px;
+    font-size: 13px;
   }
   .breadcrumb .btn {
     min-height: 44px;
@@ -268,7 +268,7 @@
     border: 0;
     background: none;
     color: #767676;
-    font-size: 11px;
+    font-size: 13px;
     font-weight: 450;
   }
   .page-heading {
@@ -278,7 +278,7 @@
   .eyebrow {
     display: block;
     margin-bottom: 8px;
-    font-size: 10px;
+    font-size: 12px;
     font-weight: 600;
     line-height: 1.7;
     letter-spacing: 1.5px;
@@ -330,7 +330,7 @@
     margin-top: 3px;
   }
   .panel-header h2 {
-    font-size: 19px;
+    font-size: 21px;
     flex: 1;
     min-width: 0;
   }
@@ -342,14 +342,14 @@
     padding-top: 30px;
   }
   .panel-body > p {
-    font-size: 13px;
+    font-size: 15px;
     color: var(--muted);
   }
   .side-column .panel-header {
     padding: 24px 24px 18px;
   }
   .side-column .panel-header h2 {
-    font-size: 16px;
+    font-size: 18px;
   }
   .side-column .panel-body {
     padding: 0 24px 25px;
@@ -358,7 +358,7 @@
     padding-top: 25px;
   }
   .side-column .panel-body > p {
-    font-size: 12px;
+    font-size: 14px;
   }
   .single-column-layout {
     width: 100%;
@@ -391,7 +391,7 @@
     border-radius: 8px;
     background: #ffffff;
     color: #767676;
-    font-size: 13px;
+    font-size: 15px;
     font-weight: 600;
     text-align: center;
     white-space: normal;
@@ -453,7 +453,7 @@
     margin-bottom: 20px;
   }
   .field-label {
-    font-size: 12px;
+    font-size: 14px;
     font-weight: 600;
     color: #606060;
   }
@@ -467,13 +467,13 @@
     border-radius: 8px;
     padding: 11px 13px;
     color: #454545;
-    font-size: 14px;
+    font-size: 16px;
     line-height: 1.5;
     transition: border-color 0.15s, box-shadow 0.15s;
   }
   .input::placeholder {
     color: #767676;
-    font-size: 12px;
+    font-size: 14px;
   }
   .input:focus {
     outline: none;
@@ -496,7 +496,7 @@
   }
   .field-row > .btn {
     flex: 0 1 auto;
-    font-size: 12px;
+    font-size: 14px;
     padding: 10px 15px;
   }
   .auth-tabs {
@@ -512,7 +512,7 @@
     flex: 1;
     min-height: 44px;
     border: 0;
-    font-size: 12px;
+    font-size: 14px;
     color: #767676;
     background: none;
     box-shadow: none;
@@ -529,7 +529,7 @@
     display: flex;
     align-items: flex-start;
     gap: 6px;
-    font-size: 12px;
+    font-size: 14px;
     line-height: 1.8;
     color: #767676;
     overflow-wrap: anywhere;
@@ -545,7 +545,7 @@
     align-items: flex-start;
     gap: 10px;
     margin: 18px 0;
-    font-size: 12px;
+    font-size: 14px;
     line-height: 1.9;
     color: #767676;
     min-width: 0;
@@ -592,7 +592,7 @@
     margin-top: 3px;
   }
   .auth-context p {
-    font-size: 11px;
+    font-size: 13px;
     color: #767676;
     line-height: 1.85;
   }
@@ -610,11 +610,11 @@
     margin-bottom: 7px;
   }
   .saved-invoice strong {
-    font-size: 13px;
+    font-size: 15px;
     color: #767676;
   }
   .saved-invoice > span {
-    font-size: 11px;
+    font-size: 13px;
     color: #767676;
     overflow-wrap: anywhere;
   }
@@ -637,11 +637,11 @@
     height: 25px;
   }
   .entry-intro h2 {
-    font-size: 23px;
+    font-size: 25px;
     margin-bottom: 13px;
   }
   .entry-intro p {
-    font-size: 13px;
+    font-size: 15px;
     color: #767676;
     line-height: 1.9;
     max-width: 620px;
@@ -673,7 +673,7 @@
     border-radius: 50%;
     background: #f1f1f1;
     color: #767676;
-    font-size: 10px;
+    font-size: 12px;
     margin-top: 1px;
   }
   .guide-item > div {
@@ -681,12 +681,12 @@
   }
   .guide-item strong {
     display: block;
-    font-size: 12px;
+    font-size: 14px;
     color: #767676;
     margin-bottom: 5px;
   }
   .guide-item p {
-    font-size: 11px;
+    font-size: 13px;
     line-height: 1.85;
     color: #767676;
   }
@@ -700,7 +700,7 @@
     background: #f7f7f7;
     border-radius: 9px;
     color: #767676;
-    font-size: 12px;
+    font-size: 14px;
     line-height: 1.85;
     overflow-wrap: anywhere;
   }
@@ -723,7 +723,7 @@
   .guidance-panel .notice {
     margin-top: 24px;
     padding: 12px 13px;
-    font-size: 11px;
+    font-size: 13px;
   }
 
   .account-card {
@@ -745,7 +745,7 @@
     border-radius: 50%;
     background: #e8e8e8;
     color: #767676;
-    font-size: 14px;
+    font-size: 16px;
     font-weight: 600;
   }
   .account-meta {
@@ -754,13 +754,13 @@
   }
   .account-meta strong {
     display: block;
-    font-size: 13px;
+    font-size: 15px;
     color: #767676;
     overflow-wrap: anywhere;
   }
   .account-meta > span {
     display: block;
-    font-size: 11px;
+    font-size: 13px;
     color: #767676;
     line-height: 1.8;
     margin-top: 3px;
@@ -769,7 +769,7 @@
   .account-card > .btn {
     flex: none;
     min-height: 44px;
-    font-size: 11px;
+    font-size: 13px;
     padding: 7px 9px;
   }
   // Keep long action labels in the right column, including at narrow breakpoints.
@@ -788,7 +788,7 @@
     align-items: center;
     gap: 4px;
     flex: none;
-    font-size: 10px;
+    font-size: 12px;
     color: #767676;
   }
   .account-verified svg {
@@ -805,11 +805,11 @@
   .final-action-hint {
     margin-top: 12px !important;
     text-align: center;
-    font-size: 11px !important;
+    font-size: 13px !important;
     color: #767676 !important;
   }
   .receipt-summary {
-    font-size: 12px;
+    font-size: 14px;
   }
   .receipt-merchant {
     display: flex;
@@ -830,14 +830,14 @@
   }
   .receipt-merchant strong {
     display: block;
-    font-size: 13px;
+    font-size: 15px;
     font-weight: 600;
     line-height: 1.7;
     color: #767676;
   }
   .receipt-merchant span {
     display: block;
-    font-size: 10px;
+    font-size: 12px;
     margin-top: 4px;
     color: #767676;
     overflow-wrap: anywhere;
@@ -850,7 +850,7 @@
     padding: 8px 0;
     min-width: 0;
     line-height: 1.8;
-    font-size: 12px;
+    font-size: 14px;
   }
   .summary-row > span {
     flex: 1;
@@ -871,7 +871,7 @@
   }
   .receipt-panel .panel-body > .hint {
     margin-top: 17px;
-    font-size: 11px;
+    font-size: 13px;
     color: #767676;
   }
 
@@ -911,7 +911,7 @@
     margin-bottom: 8px;
   }
   .result-heading h1 {
-    font-size: 27px;
+    font-size: 29px;
     line-height: 1.5;
     margin: 0 auto;
     max-width: 620px;
@@ -930,12 +930,12 @@
     padding: 7px 0 0;
   }
   .processing-state > h1 {
-    font-size: 26px;
+    font-size: 28px;
     margin-bottom: 14px;
     line-height: 1.5;
   }
   .processing-state > .subtitle {
-    font-size: 13px;
+    font-size: 15px;
     max-width: 560px;
     margin: auto;
   }
@@ -952,7 +952,7 @@
     padding: 33px 30px 31px;
   }
   .error-card h1 {
-    font-size: 27px;
+    font-size: 29px;
     line-height: 1.5;
     margin: 0 auto 14px;
     max-width: 600px;
@@ -960,7 +960,7 @@
   .error-card .subtitle {
     max-width: 570px;
     margin: auto;
-    font-size: 13px;
+    font-size: 15px;
     line-height: 1.9;
   }
   .error-actions {
@@ -1004,7 +1004,7 @@
     padding: 24px 27px 18px;
   }
   .modal-header h2 {
-    font-size: 20px;
+    font-size: 22px;
     padding-top: 7px;
   }
   .modal-header .icon-button {
@@ -1020,11 +1020,11 @@
   .modal-body {
     padding: 0 27px 25px;
     color: #767676;
-    font-size: 13px;
+    font-size: 15px;
     line-height: 1.9;
   }
   .modal-body p {
-    font-size: 12px;
+    font-size: 14px;
   }
   .modal-body .account-card {
     margin-top: 20px;
@@ -1055,7 +1055,7 @@
     border-radius: 9px;
     box-shadow: 0 8px 30px #00000025;
     max-width: ~'min(90vw, 560px)';
-    font-size: 12px;
+    font-size: 14px;
     line-height: 1.8;
     overflow-wrap: anywhere;
   }
@@ -1133,7 +1133,7 @@
       margin-left: 52px;
     }
     .page-heading h1 {
-      font-size: 28px;
+      font-size: 30px;
     }
   }
   @media (max-width: 760px) {
@@ -1166,20 +1166,20 @@
       margin-bottom: 23px;
     }
     .page-heading h1 {
-      font-size: 27px;
+      font-size: 29px;
     }
     .subtitle {
-      font-size: 13px;
+      font-size: 15px;
     }
     .panel-header,
     .side-column .panel-header {
       padding: 24px 24px 18px;
     }
     .panel-header h2 {
-      font-size: 19px;
+      font-size: 21px;
     }
     .side-column .panel-header h2 {
-      font-size: 17px;
+      font-size: 19px;
     }
     .panel-body,
     .side-column .panel-body {
@@ -1241,11 +1241,11 @@
       height: 21px;
     }
     .brand-copy strong {
-      font-size: 14px;
+      font-size: 16px;
       line-height: 1.5;
     }
     .brand-copy > span {
-      font-size: 9px;
+      font-size: 11px;
       line-height: 1.6;
       max-width: 170px;
       margin-top: 2px;
@@ -1256,7 +1256,7 @@
       border-radius: 7px;
     }
     .lang-switch .btn {
-      font-size: 10px;
+      font-size: 12px;
       min-height: 44px;
       padding: 6px 7px;
     }
@@ -1269,27 +1269,27 @@
     }
     .breadcrumb {
       margin-bottom: 13px;
-      font-size: 10px;
+      font-size: 12px;
       gap: 7px;
     }
     .breadcrumb .btn {
-      font-size: 10px;
+      font-size: 12px;
     }
     .page-heading {
       margin-bottom: 21px;
     }
     .eyebrow {
-      font-size: 9px;
+      font-size: 11px;
       letter-spacing: 1.3px;
       margin-bottom: 8px;
     }
     .page-heading h1 {
-      font-size: 25px;
+      font-size: 27px;
       line-height: 1.45;
       margin-bottom: 10px;
     }
     .subtitle {
-      font-size: 12px;
+      font-size: 14px;
       line-height: 1.9;
     }
     .workspace {
@@ -1304,10 +1304,10 @@
       gap: 9px;
     }
     .panel-header h2 {
-      font-size: 18px;
+      font-size: 20px;
     }
     .side-column .panel-header h2 {
-      font-size: 16px;
+      font-size: 18px;
     }
     .panel-header > svg {
       height: 19px;
@@ -1323,11 +1323,11 @@
       padding-top: 24px;
     }
     .panel-body > p {
-      font-size: 12px;
+      font-size: 14px;
     }
     .btn {
       min-height: 46px;
-      font-size: 12px;
+      font-size: 14px;
       padding: 11px 15px;
     }
     .btn-block {
@@ -1338,15 +1338,15 @@
       gap: 8px;
     }
     .field-label {
-      font-size: 12px;
+      font-size: 14px;
     }
     .input {
       min-height: 46px;
-      font-size: 16px;
+      font-size: 18px;
       padding: 11px 12px;
     }
     .input::placeholder {
-      font-size: 11px;
+      font-size: 13px;
     }
     .field-row {
       gap: 8px;
@@ -1355,21 +1355,21 @@
       flex-basis: 125px;
     }
     .field-row > .btn {
-      font-size: 11px;
+      font-size: 13px;
       padding: 10px 12px;
     }
     .hint {
-      font-size: 10px;
+      font-size: 12px;
     }
     .auth-tabs {
       margin-bottom: 21px;
     }
     .auth-tabs .btn {
-      font-size: 11px;
+      font-size: 13px;
       padding: 9px 10px;
     }
     .check-row {
-      font-size: 11px;
+      font-size: 13px;
       line-height: 1.9;
       gap: 9px;
     }
@@ -1379,7 +1379,7 @@
       margin-top: 4px;
     }
     .inline-error {
-      font-size: 11px;
+      font-size: 13px;
     }
     .auth-context {
       padding: 13px 14px;
@@ -1387,7 +1387,7 @@
       margin-top: 20px;
     }
     .auth-context p {
-      font-size: 10px;
+      font-size: 12px;
     }
     .entry-symbol {
       height: 45px;
@@ -1400,12 +1400,12 @@
       height: 23px;
     }
     .entry-intro h2 {
-      font-size: 21px;
+      font-size: 23px;
       line-height: 1.5;
       margin-bottom: 12px;
     }
     .entry-intro p {
-      font-size: 12px;
+      font-size: 14px;
     }
     .entry-intro > .btn {
       margin-top: 23px;
@@ -1417,13 +1417,13 @@
       gap: 11px;
     }
     .guide-item strong {
-      font-size: 12px;
+      font-size: 14px;
     }
     .guide-item p {
-      font-size: 11px;
+      font-size: 13px;
     }
     .notice {
-      font-size: 11px;
+      font-size: 13px;
       padding: 13px 14px;
       gap: 8px;
       border-radius: 8px;
@@ -1434,7 +1434,7 @@
       margin-top: 3px;
     }
     .guidance-panel .notice {
-      font-size: 10px;
+      font-size: 12px;
     }
     .account-card {
       padding: 14px 13px;
@@ -1444,46 +1444,46 @@
     .avatar {
       height: 36px;
       width: 36px;
-      font-size: 12px;
+      font-size: 14px;
     }
     .account-meta {
       flex-basis: calc(100% - 46px);
     }
     .account-meta strong {
-      font-size: 12px;
+      font-size: 14px;
     }
     .account-meta > span {
-      font-size: 10px;
+      font-size: 12px;
     }
     .account-card > .btn {
       width: 100%;
       flex-basis: 100%;
-      font-size: 11px;
+      font-size: 13px;
       margin-top: 3px;
     }
     .account-verified {
       margin-left: 46px;
-      font-size: 9px;
+      font-size: 11px;
     }
     .divider {
       margin: 20px 0;
     }
     .final-action-hint {
-      font-size: 10px !important;
+      font-size: 12px !important;
     }
     .receipt-merchant strong {
-      font-size: 12px;
+      font-size: 14px;
     }
     .receipt-merchant span {
-      font-size: 10px;
+      font-size: 12px;
     }
     .summary-row {
-      font-size: 11px;
+      font-size: 13px;
       gap: 13px;
       padding: 7px 0;
     }
     .receipt-panel .panel-body > .hint {
-      font-size: 10px;
+      font-size: 12px;
     }
     .result-panel .panel-body:first-child {
       padding: 28px 21px 25px;
@@ -1501,7 +1501,7 @@
       width: 27px;
     }
     .result-heading h1 {
-      font-size: 23px;
+      font-size: 25px;
       line-height: 1.5;
     }
     .result-actions {
@@ -1512,10 +1512,10 @@
       padding-top: 27px;
     }
     .processing-state > h1 {
-      font-size: 23px;
+      font-size: 25px;
     }
     .processing-state > .subtitle {
-      font-size: 12px;
+      font-size: 14px;
     }
     .processing-state > .hint {
       margin-top: 13px;
@@ -1524,11 +1524,11 @@
       padding: 29px 21px 25px;
     }
     .error-card h1 {
-      font-size: 24px;
+      font-size: 26px;
       margin-bottom: 13px;
     }
     .error-card .subtitle {
-      font-size: 12px;
+      font-size: 14px;
       line-height: 1.9;
     }
     .error-actions {
@@ -1547,14 +1547,14 @@
       gap: 12px;
     }
     .modal-header h2 {
-      font-size: 18px;
+      font-size: 20px;
       padding-top: 8px;
     }
     .modal-body {
       padding: 0 20px 22px;
     }
     .modal-body p {
-      font-size: 11px;
+      font-size: 13px;
     }
     .modal-footer {
       padding: 16px 20px 20px;
@@ -1565,7 +1565,7 @@
     }
     .toast {
       bottom: 17px;
-      font-size: 11px;
+      font-size: 13px;
       padding: 12px 16px;
       max-width: calc(100vw - 32px);
     }
@@ -1583,14 +1583,14 @@
       height: 33px;
     }
     .brand-copy strong {
-      font-size: 13px;
+      font-size: 15px;
     }
     .brand-copy > span {
       max-width: 145px;
-      font-size: 8px;
+      font-size: 10px;
     }
     .lang-switch .btn {
-      font-size: 9px;
+      font-size: 11px;
       padding: 6px;
     }
     .panel-header,
@@ -1611,7 +1611,7 @@
       flex-basis: 100%;
     }
     .page-heading h1 {
-      font-size: 24px;
+      font-size: 26px;
     }
     .result-panel .panel-body:first-child,
     .error-card .panel-body:first-child {
@@ -1761,14 +1761,14 @@
   }
   .wallet-reward-caption {
     display: block;
-    font-size: 10px;
+    font-size: 12px;
     line-height: 1.7;
     color: #76797f;
     margin-bottom: 4px;
   }
   .wallet-destination {
     display: block;
-    font-size: 14px;
+    font-size: 16px;
     font-weight: 600;
     line-height: 1.6;
     color: #202124;
@@ -1776,7 +1776,7 @@
   }
   .wallet-reward-label {
     display: block;
-    font-size: 11px;
+    font-size: 13px;
     line-height: 1.7;
     color: #76797f;
     margin-top: 4px;
@@ -1787,7 +1787,7 @@
     white-space: nowrap;
     min-width: max-content;
     text-align: right;
-    font-size: 29px;
+    font-size: 31px;
     font-weight: 600;
     letter-spacing: -0.6px;
     line-height: 1.25;
@@ -1796,7 +1796,7 @@
   }
   .wallet-reward-detail {
     display: block;
-    font-size: 10px;
+    font-size: 12px;
     line-height: 1.8;
     color: #76797f;
     margin-top: 6px;
@@ -1811,7 +1811,7 @@
     margin-bottom: 25px;
   }
   .result-heading h1 {
-    font-size: 27px;
+    font-size: 29px;
   }
   .processing-state > .btn {
     margin-top: 24px;
@@ -1837,7 +1837,7 @@
     display: flex;
     align-items: flex-start;
     gap: 8px;
-    font-size: 11px;
+    font-size: 13px;
     line-height: 1.8;
     color: #76797f;
     margin-bottom: 11px;
@@ -1848,7 +1848,7 @@
     margin-top: 1px;
   }
   .profile-wallet-card h2 {
-    font-size: 18px;
+    font-size: 20px;
     line-height: 1.6;
     color: #202124;
   }
@@ -1862,12 +1862,12 @@
     border-top: 1px solid #e8e8e8;
   }
   .profile-wallet-amount > span {
-    font-size: 11px;
+    font-size: 13px;
     color: #76797f;
     min-width: 0;
   }
   .profile-wallet-amount > strong {
-    font-size: 28px;
+    font-size: 30px;
     font-weight: 600;
     color: var(--theme-ink, var(--theme));
     font-variant-numeric: tabular-nums;
@@ -1882,7 +1882,7 @@
       padding: 17px;
     }
     .wallet-reward-amount {
-      font-size: 28px;
+      font-size: 30px;
     }
   }
   @media (max-width: 520px) {
@@ -1904,26 +1904,26 @@
       height: 17px;
     }
     .wallet-reward-caption {
-      font-size: 9px;
+      font-size: 11px;
       margin-bottom: 3px;
     }
     .wallet-destination {
-      font-size: 12px;
+      font-size: 14px;
       line-height: 1.7;
     }
     .wallet-reward-label {
-      font-size: 10px;
+      font-size: 12px;
       margin-top: 3px;
     }
     .wallet-reward-amount {
-      font-size: 25px;
+      font-size: 27px;
       letter-spacing: -0.4px;
     }
     .wallet-reward-detail {
-      font-size: 9px;
+      font-size: 11px;
     }
     .result-heading h1 {
-      font-size: 23px;
+      font-size: 25px;
     }
     .profile-wallet-list {
       gap: 12px;
@@ -1933,21 +1933,21 @@
       padding: 18px;
     }
     .profile-wallet-heading {
-      font-size: 10px;
+      font-size: 12px;
       margin-bottom: 10px;
     }
     .profile-wallet-card h2 {
-      font-size: 16px;
+      font-size: 18px;
     }
     .profile-wallet-amount {
       padding-top: 13px;
       margin-top: 15px;
     }
     .profile-wallet-amount > span {
-      font-size: 10px;
+      font-size: 12px;
     }
     .profile-wallet-amount > strong {
-      font-size: 25px;
+      font-size: 27px;
     }
   }
   @media (max-width: 370px) {
@@ -1964,10 +1964,10 @@
       height: 16px;
     }
     .wallet-reward-amount {
-      font-size: 23px;
+      font-size: 25px;
     }
     .wallet-destination {
-      font-size: 12px;
+      font-size: 14px;
     }
   }
 
@@ -1991,7 +1991,7 @@
     margin-top: 12px;
   }
   .wallet-basis > strong {
-    font-size: 12px;
+    font-size: 14px;
     color: #303030;
     overflow-wrap: anywhere;
     display: block;