1. <div class="card">
    2.   <h1>TiKi Platinum</h1>
    3.   <h2>6228 8076 2232 8768</h2>
    4.   <h3>van conf banck</h3>
    5.   <h4>03 / 29</h4>
    6. </div>
    7. <div class="circle"></div>
    8. <div class="rect"></div>
    1. .card {
    2.   color: rgba(255, 255, 255, 0.8);
    3.   position: absolute;
    4.   right: 100px;
    5.   bottom: 100px;
    6.   z-index: 10;
    7.   font-family: sans-serif;
    8.   text-align: center;
    9.   width: 300px;
    10.   height: 500px;
    11.   border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    12.   border-left: 1px solid rgba(255, 255, 255, 0.4);
    13.   background: linear-gradient(
    14.     to top right,
    15.     rgba(90, 149, 207, 0.5),
    16.     rgba(58, 76, 99, 0.8)
    17.   );
    18.   box-shadow: 10px -10px 20px rgba(0, 0, 0, 0.2),
    19.     -10px 10px 20px rgba(255, 255, 255, 0.1);
    20.   backdrop-filter: blur(6px); /*  元素后面区域添加模糊效果 */
    21.   border-radius: 20px;
    22.   transform: rotate(-15deg);
    23. }
    27. body {
    28.   height: 100vh;
    29.   background: radial-gradient(
    30.     circle at 60% 90%,
    31.     rgba(46, 103, 161, 1),
    32.     transparent 60%
    33.   ),
    34.     radial-gradient(
    35.       circle at 20px 20px,
    36.       rgba(46, 103, 161, 0.8),
    37.       transparent 25%
    38.     ),
    39.     #182336;
    40. }