1 line
4.4 KiB
CSS
1 line
4.4 KiB
CSS
.about-view[data-v-9fcdf76a]{background-color:#f5f5f7;min-height:100vh;padding-top:60px}.container[data-v-9fcdf76a]{max-width:1000px;margin:0 auto;padding:2rem 1rem}.page-title[data-v-9fcdf76a]{font-size:2rem;font-weight:700;margin-bottom:2rem;color:#333;text-align:center}.intro-card[data-v-9fcdf76a]{background-color:#fff;border-radius:10px;padding:2rem;margin-bottom:3rem;box-shadow:0 4px 15px rgba(0,0,0,.08);border-left:4px solid #3273dc;position:relative;overflow:hidden}.intro-card[data-v-9fcdf76a]:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle at top right,rgba(50,115,220,.08),transparent 70%);z-index:0}.intro-wrapper[data-v-9fcdf76a]{display:flex;flex-direction:row;gap:2rem}@media(max-width:768px){.intro-wrapper[data-v-9fcdf76a]{flex-direction:column;gap:1.5rem}}.intro-title[data-v-9fcdf76a]{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#333;position:relative;z-index:1}.intro-content[data-v-9fcdf76a]{position:relative;z-index:1;flex:1}.intro-content p[data-v-9fcdf76a]{margin-bottom:1rem;line-height:1.6;color:#555}.intro-content p[data-v-9fcdf76a]:last-child{margin-bottom:0}.contact-author[data-v-9fcdf76a]{display:flex;flex-direction:column;align-items:center;justify-content:center}.contact-author .qrcode-box[data-v-9fcdf76a]{width:120px;height:120px;border-radius:8px;padding:8px;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:.8rem}.contact-author .qrcode-box .qrcode-img[data-v-9fcdf76a]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.contact-author .contact-title[data-v-9fcdf76a]{font-weight:500;color:#444;text-align:center}.donation-section[data-v-9fcdf76a]{background-color:#fff;border-radius:10px;padding:2rem;margin-bottom:3rem;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,.08)}.section-title[data-v-9fcdf76a]{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#333}.donation-desc[data-v-9fcdf76a]{margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto;color:#555}.qrcode-container[data-v-9fcdf76a]{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}.qrcode-item[data-v-9fcdf76a]{display:flex;flex-direction:column;align-items:center}.qrcode-box[data-v-9fcdf76a]{width:150px;height:150px;border-radius:8px;padding:10px;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:1rem}.qrcode-box .qrcode-img[data-v-9fcdf76a]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.qrcode-title[data-v-9fcdf76a]{font-weight:500;color:#444}.timeline-section[data-v-9fcdf76a]{background-color:#fff;border-radius:10px;padding:2rem;box-shadow:0 4px 15px rgba(0,0,0,.08)}.timeline[data-v-9fcdf76a]{position:relative;padding-left:2rem}.timeline[data-v-9fcdf76a]:before{content:"";position:absolute;top:0;bottom:0;left:8px;width:2px;background-color:#e0e0e0}.timeline-month[data-v-9fcdf76a]{position:relative;margin-bottom:2.5rem}.timeline-month[data-v-9fcdf76a]:last-child{margin-bottom:0}.month-marker[data-v-9fcdf76a]{position:absolute;left:-2rem;top:0}.month-marker .month-date[data-v-9fcdf76a]{display:block;background-color:#3273dc;color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem;position:relative;z-index:2;margin-left:2rem}.month-marker[data-v-9fcdf76a]:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background-color:#3273dc;left:0;top:10px;z-index:2}.month-events[data-v-9fcdf76a]{padding-top:3.5rem}.timeline-event[data-v-9fcdf76a]{position:relative;padding-left:1.5rem;margin-bottom:2rem}.timeline-event[data-v-9fcdf76a]:last-child{margin-bottom:0}.timeline-event[data-v-9fcdf76a]:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background-color:#f0f0f0;border:2px solid #3273dc;left:-31px;top:4px;z-index:2}.event-date[data-v-9fcdf76a]{font-size:.9rem;color:#666;margin-bottom:.5rem;font-weight:500}.event-title[data-v-9fcdf76a]{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:.5rem}.event-desc[data-v-9fcdf76a]{color:#555;line-height:1.5}@media(max-width:768px){.page-title[data-v-9fcdf76a]{font-size:1.6rem;text-align:left}.donation-section[data-v-9fcdf76a],.intro-card[data-v-9fcdf76a],.timeline-section[data-v-9fcdf76a]{padding:1.5rem}.qrcode-container[data-v-9fcdf76a]{gap:2rem}.timeline[data-v-9fcdf76a]{padding-left:1rem}.month-marker[data-v-9fcdf76a]{left:-1rem}.timeline-event[data-v-9fcdf76a]{padding-left:.5rem}.timeline-event[data-v-9fcdf76a]:before{left:-15px}} |