body{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;line-height:1.6;}.card-swipe-container{perspective:1000px;height:400px;position:relative;margin-top:0px;margin-right:auto;margin-bottom:0px;margin-left:auto;width:100%;max-width:360px;}.swipe-card{position:absolute;width:100%;height:100%;border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-right-radius:20px;border-bottom-left-radius:20px;box-shadow:rgba(0, 0, 0, 0.1) 0px 20px 40px;transition-duration:0.3s, 0.3s;transition-timing-function:ease, ease;transition-delay:0s, 0s;transition-behavior:normal, normal;transition-property:transform, opacity;background-image:linear-gradient(135deg, rgb(245, 247, 250) 0%, rgb(195, 207, 226) 100%);background-position-x:0%;background-position-y:0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;background-color:transparent;overflow-x:hidden;overflow-y:hidden;}.swipe-card img{width:100%;height:100%;object-fit:cover;}.swipe-overlay{position:absolute;top:20px;right:20px;padding-top:8px;padding-right:16px;padding-bottom:8px;padding-left:16px;border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-right-radius:20px;border-bottom-left-radius:20px;font-weight:600;font-size:14px;}.keep-overlay{background-image:none;background-position-x:0%;background-position-y:0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;background-color:rgba(34, 197, 94, 0.9);color:white;}.delete-overlay{background-image:none;background-position-x:0%;background-position-y:0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;background-color:rgba(239, 68, 68, 0.9);color:white;}.feature-icon{width:60px;height:60px;border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-right-radius:20px;border-bottom-left-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;}.glass-effect{backdrop-filter:blur(20px);background-image:none;background-position-x:0%;background-position-y:0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;background-color:rgba(255, 255, 255, 0.1);border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgba(255, 255, 255, 0.2);border-right-color:rgba(255, 255, 255, 0.2);border-bottom-color:rgba(255, 255, 255, 0.2);border-left-color:rgba(255, 255, 255, 0.2);border-image-source:none;border-image-slice:100%;border-image-width:1;border-image-outset:0;border-image-repeat:stretch;}.liquid-glass{background-image:linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);background-position-x:0%;background-position-y:0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;background-color:transparent;backdrop-filter:blur(20px);border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgba(255, 255, 255, 0.2);border-right-color:rgba(255, 255, 255, 0.2);border-bottom-color:rgba(255, 255, 255, 0.2);border-left-color:rgba(255, 255, 255, 0.2);border-image-source:none;border-image-slice:100%;border-image-width:1;border-image-outset:0;border-image-repeat:stretch;}.three-column-view{display:grid;grid-template-columns:1fr 1fr 1fr;row-gap:12px;column-gap:12px;height:200px;}.column{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:16px;border-bottom-left-radius:16px;padding-top:16px;padding-right:16px;padding-bottom:16px;padding-left:16px;display:flex;flex-direction:column;row-gap:8px;column-gap:8px;}.column-item{height:30px;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px;background-image:none;background-position-x:0%;background-position-y:0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;background-color:rgba(255, 255, 255, 0.2);}.floating-animation{animation-duration:6s;animation-timing-function:ease-in-out;animation-delay:0s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:none;animation-play-state:running;animation-name:float;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;}*{transition-duration:0.3s;transition-timing-function:ease;transition-delay:0s;transition-behavior:normal;transition-property:all;}button:focus, a:focus{outline-width:2px;outline-style:solid;outline-color:rgb(59, 130, 246);outline-offset:2px;}html{scroll-behavior:smooth;}@keyframes float{0%, 100%{transform:translateY(0px);}50%{transform:translateY(-20px);}}@media (max-width: 768px){.card-swipe-container{height:300px;max-width:280px;}.three-column-view{height:150px;}.column-item{height:25px;}}