@-webkit-keyframes pulse-glow{0%,100%{-webkit-box-shadow:0 0 0 0 rgba(212,175,55,.4),0 0 .25rem rgba(212,175,55,.2);box-shadow:0 0 0 0 rgba(212,175,55,.4),0 0 .25rem rgba(212,175,55,.2)}50%{-webkit-box-shadow:0 0 0 .5rem rgba(212,175,55,0),0 0 .75rem rgba(212,175,55,.4);box-shadow:0 0 0 .5rem rgba(212,175,55,0),0 0 .75rem rgba(212,175,55,.4)}}@keyframes pulse-glow{0%,100%{-webkit-box-shadow:0 0 0 0 rgba(212,175,55,.4),0 0 .25rem rgba(212,175,55,.2);box-shadow:0 0 0 0 rgba(212,175,55,.4),0 0 .25rem rgba(212,175,55,.2)}50%{-webkit-box-shadow:0 0 0 .5rem rgba(212,175,55,0),0 0 .75rem rgba(212,175,55,.4);box-shadow:0 0 0 .5rem rgba(212,175,55,0),0 0 .75rem rgba(212,175,55,.4)}}@-webkit-keyframes scale-down{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.98);transform:scale(.98)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-down{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.98);transform:scale(.98)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes edge-glow-bazi{0%,100%{-webkit-box-shadow:inset 0 0 0 0 rgba(79,121,66,.4);box-shadow:inset 0 0 0 0 rgba(79,121,66,.4)}50%{-webkit-box-shadow:inset 0 0 1rem rgba(79,121,66,.4),inset 0 0 2rem rgba(79,121,66,.2);box-shadow:inset 0 0 1rem rgba(79,121,66,.4),inset 0 0 2rem rgba(79,121,66,.2)}}@keyframes edge-glow-bazi{0%,100%{-webkit-box-shadow:inset 0 0 0 0 rgba(79,121,66,.4);box-shadow:inset 0 0 0 0 rgba(79,121,66,.4)}50%{-webkit-box-shadow:inset 0 0 1rem rgba(79,121,66,.4),inset 0 0 2rem rgba(79,121,66,.2);box-shadow:inset 0 0 1rem rgba(79,121,66,.4),inset 0 0 2rem rgba(79,121,66,.2)}}@-webkit-keyframes edge-glow-ziwei{0%,100%{-webkit-box-shadow:inset 0 0 0 0 rgba(75,0,130,.4);box-shadow:inset 0 0 0 0 rgba(75,0,130,.4)}50%{-webkit-box-shadow:inset 0 0 1rem rgba(75,0,130,.4),inset 0 0 2rem rgba(75,0,130,.2);box-shadow:inset 0 0 1rem rgba(75,0,130,.4),inset 0 0 2rem rgba(75,0,130,.2)}}@keyframes edge-glow-ziwei{0%,100%{-webkit-box-shadow:inset 0 0 0 0 rgba(75,0,130,.4);box-shadow:inset 0 0 0 0 rgba(75,0,130,.4)}50%{-webkit-box-shadow:inset 0 0 1rem rgba(75,0,130,.4),inset 0 0 2rem rgba(75,0,130,.2);box-shadow:inset 0 0 1rem rgba(75,0,130,.4),inset 0 0 2rem rgba(75,0,130,.2)}}@-webkit-keyframes scan-line{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}50%{opacity:1}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes scan-line{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}50%{opacity:1}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}.ui-test-page{background:-webkit-gradient(linear,left top,left bottom,from(#0a0a0a),to(#121212));background:-webkit-linear-gradient(top,#0a0a0a,#121212);background:linear-gradient(180deg,#0a0a0a,#121212);min-height:100vh;padding-bottom:1.2rem}.page-header{background:-webkit-gradient(linear,left top,left bottom,from(rgba(102,126,234,.1)),to(transparent));background:-webkit-linear-gradient(top,rgba(102,126,234,.1),transparent);background:linear-gradient(180deg,rgba(102,126,234,.1),transparent);padding:1.2rem .8rem;text-align:center}.page-title{color:#fff;display:block;font-size:1.2rem;font-weight:700;margin-bottom:.4rem}.page-subtitle{color:hsla(0,0%,100%,.5);display:block;font-size:.7rem}.section{background:hsla(0,0%,100%,.03);border:.025rem solid hsla(0,0%,100%,.08);border-radius:.5rem;margin:.8rem;padding:.8rem}.section-title{border-bottom:.025rem solid hsla(0,0%,100%,.1);color:#d4af37;display:block;font-size:.8rem;font-weight:600;margin-bottom:.8rem;padding-bottom:.4rem}.subsection{margin-bottom:.8rem}.subsection:last-child{margin-bottom:0}.subsection-title{color:hsla(0,0%,100%,.6);display:block;font-size:.65rem;margin-bottom:.4rem}.btn-row{-ms-flex-align:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.4rem}.input-gap{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:.6rem}.loading-row{-ms-flex-pack:distribute;-ms-flex-align:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background:rgba(0,0,0,.2);border-radius:.3rem;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-justify-content:space-around;justify-content:space-around;padding:.8rem}.tag-row{display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.4rem}.card-grid-2{display:grid;gap:.4rem;grid-template-columns:repeat(3,1fr)}.hint{color:hsla(0,0%,100%,.4);display:block;font-size:.6rem;margin-top:.4rem;text-align:center}.bottom-spacer{height:1.6rem}.card-product{background:rgba(212,175,55,.05);border:.05rem solid rgba(212,175,55,.3);border-radius:.5rem;overflow:visible;padding:.8rem;position:relative;text-align:center}.card-product.card-selected{background:rgba(212,175,55,.1);border-color:#d4af37}.card-product .product-name{color:#fff;display:block;font-size:.8rem;font-weight:600;margin-bottom:.4rem}.card-product .product-price{color:#d4af37;display:block;font-size:1.2rem;font-weight:700;margin-bottom:.2rem}.card-product .product-price .price-unit{font-size:.6rem;margin-right:.1rem}.card-product .product-original-price{color:hsla(0,0%,100%,.4);display:block;font-size:.6rem;margin-bottom:.4rem;text-decoration:line-through}.card-product .product-tag{background:-webkit-linear-gradient(315deg,#ff6b6b,#ee5a24);background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:0 .5rem 0 .5rem;color:#fff;font-size:.5rem;font-weight:500;padding:.2rem .4rem;position:absolute;right:-.05rem;top:-.05rem}@media screen and (max-width:16rem){.section{margin:.6rem;padding:.6rem}.btn-row{gap:.3rem}.card-grid-2{grid-template-columns:repeat(2,1fr)}.page-title{font-size:1rem}}