@font-face{font-family:HarmonyOS;font-style:normal;font-display:swap;src:url(../fonts/HarmonyOS_Sans_SC_Medium.subset.woff2) format('woff2')}body,html{margin:0}body,div,html,a,span,b,button,input,h1,h2,h3,h4,h5,h6{font-family:HarmonyOS}.card-list{display:flex;flex-direction:column;justify-content:center;align-items:center;height:auto;min-height:100vh;padding:20px 0}.card{margin-bottom:20px!important;background:rgba(255,255,255,0.75);border-radius:25px;width:500px;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;padding:100px 0 0 0;-webkit-box-shadow:0 0 60px -15px rgba(0,0,0,0.25);box-shadow:0 0 60px -15px rgba(0,0,0,0.25);-webkit-transition:-webkit-transform 300ms ease;transition:-webkit-transform 300ms ease;-o-transition:transform 300ms ease;transition:transform 300ms ease;transition:transform 300ms ease,-webkit-transform 300ms ease}.rss-item{background:rgba(255,255,255,0.7);border-radius:15px;padding:15px;margin:10px 0;box-shadow:0 2px 10px rgba(0,0,0,0.1)}.colorband{height:2px;background-image:-o-linear-gradient(left,#e19fbd 0%,#38f9d7 100%);background-image:-webkit-gradient(linear,left top,right top,from(#e19fbd),to(#38f9d7));background-image:linear-gradient(to right,#e19fbd 0%,#38f9d7 100%)}.card h2{margin:0;padding:1rem;text-align:center;font-weight:bolder;color:#2f2d2d}.card .title{padding:0 1rem 1rem;font-size:0.75em;text-align:center;color:#504e4e}.card .desc{padding:1rem 2rem;font-size:0.9em;margin:10px 0 10px 0;text-align:center}.card .actions{-webkit-transition:-webkit-box-shadow 300ms ease;transition:-webkit-box-shadow 300ms ease;-o-transition:box-shadow 300ms ease;transition:box-shadow 300ms ease;transition:box-shadow 300ms ease,-webkit-box-shadow 300ms ease;border-top:1px solid rgba(0,0,0,0.1);background-color:rgba(250,250,250,0.71);border-bottom-left-radius:25px;border-bottom-right-radius:25px;position:relative}.card:hover{-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03)}.actions button{width:25%;float:left;border:none;padding:1rem;font-size:1em;-webkit-transition:background 300ms ease,-webkit-transform 300ms ease;transition:background 300ms ease,-webkit-transform 300ms ease;-o-transition:transform 300ms ease,background 300ms ease;transition:transform 300ms ease,background 300ms ease;transition:transform 300ms ease,background 300ms ease,-webkit-transform 300ms ease;outline:none;font-family:Lato,sans-serif;cursor:pointer;background:transparent}.faguang{background-image:-webkit-gradient(linear,left 0,right 0,from(rgb(217,82,102)),to(rgb(20,99,225)));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.actions button:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);background-image:-o-linear-gradient(left,rgba(67,233,123,0.53) 0%,rgba(56,249,215,0.49) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(67,233,123,0.59)),to(rgba(56,249,215,0.54)));background-image:linear-gradient(to right,rgba(67,233,123,0.51) 0%,rgba(56,249,215,0.55) 100%);color:rgba(255,255,255,0.75);border:none;z-index:100;border-radius:25px;-webkit-box-shadow:0 5px 15px 0px rgba(0,0,0,0.1);box-shadow:0 5px 15px 0px rgba(0,0,0,0.1)}.actions button:active{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}.actions button>span{display:block}.header{margin-bottom:20px}@media screen and (max-width:767px){.card-list{margin-left:10px;margin-right:10px}.card{width:95%}}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.5)}.modal-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:80%;max-width:500px;border-radius:25px;box-shadow:0 0 60px -15px rgba(0,0,0,0.25)}.modal-header{text-align:center;margin-bottom:20px}.modal-header h3{margin:0;color:#2f2d2d}.modal-body{margin-bottom:20px}.modal-body input{width:100%;padding:10px;border:1px solid #ddd;border-radius:10px;font-size:16px;box-sizing:border-box}.modal-footer{text-align:center}.modal-footer button{padding:10px 20px;margin:0 10px;border:none;border-radius:10px;cursor:pointer;font-size:14px}.modal-footer .btn-confirm{background:linear-gradient(to right,#43e97b 0%,#38f9d7 100%);color:white}.modal-footer .btn-cancel{background:#f0f0f0;color:#333}footer{background:rgba(255,255,255,0.7);border-radius:25px;padding:20px;margin:20px auto;width:90%;max-width:500px;text-align:center;box-shadow:0 0 60px -15px rgba(0,0,0,0.25)}footer a{color:#2f2d2d;text-decoration:none;transition:color 0.3s ease}footer a:hover{color:rgb(249,185,63,1)}