{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Microsoft YaHei,sans-serif}.root-container{position:relative;width:100vw;height:100vh;padding:2vw}.bg-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.logo-wrapper{position:absolute;top:2vw;left:5%;width:20vw;max-width:200px;min-width:100px}.logo-img{width:100%;height:auto;object-fit:contain}.main-content{position:absolute;bottom:3%;left:5%;width:90%;height:75vh;display:flex;justify-content:space-between;align-items:flex-end;gap:2vw}.left-img-group{display:flex;justify-content:space-between;align-items:flex-end;width:60vw;max-width:600px;gap:1vw}.content-img{width:100%;max-width:23rem;height:auto;object-fit:contain;max-height:60vh}.content-img1{width:120%;max-width:25rem;height:auto;object-fit:contain;max-height:80vh}.right-info-group{width:35%;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding-bottom:2vw}.title-wrapper{text-align:left;margin-bottom:1vw}.main-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;line-height:1.2}.sub-title{font-size:clamp(1.2rem,3vw,2.5rem);font-weight:900;margin-top:20px}.gradient-text{background:linear-gradient(90deg,#feb201,#ece101);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;display:inline-block}.download-btns{display:flex;justify-content:space-around;gap:1.5vw;flex-wrap:wrap;margin-bottom:8vw}.download-btn{display:flex;align-items:center;gap:.8vw;background:#00000080;border:none;border-radius:12px;padding:.8vw 1.5vw;cursor:pointer;min-width:120px;white-space:nowrap;position:relative;transition:background-color .2s ease}.phone-btn{background-image:url(assets/bjphone.png);background-size:cover;background-position:center;background-repeat:no-repeat}.download-btn:hover{background-color:#f8f8f8}.phone-btn:hover{background-color:transparent;opacity:.9}.qr-btn{position:relative}.qr-popup{position:absolute;top:100%;left:50%;transform:translate(-50%);background:#fff;padding:1vw;border-radius:8px;box-shadow:0 4px 12px #0000001a;opacity:0;visibility:hidden;transition:all .3s ease;z-index:10;text-align:center;margin-top:.5vw;max-width:90vw}.qr-btn:hover .qr-popup{opacity:1;visibility:visible}.qr-img{width:120px;height:120px;object-fit:contain;display:block}.qr-label{font-size:clamp(12px,1vw,14px);color:#333;margin-top:.5vw;white-space:nowrap}.btn-icon{width:clamp(30px,3vw,60px);height:auto;object-fit:contain}.btn-text{font-size:clamp(1rem,2vw,1.8rem);font-weight:600}.btn-text-group{text-align:left;color:#fff}.btn-sm-text{font-size:clamp(.6rem,1vw,.9rem);display:block}.btn-lg-text{font-size:clamp(1rem,2vw,1.8rem);font-weight:600;display:block}.footer-info{margin-top:auto}.protocol-links{display:flex;justify-content:center;gap:3vw;margin-bottom:1.5vw}.protocol-link{font-size:clamp(.8rem,1.5vw,1.5rem);color:#fff;text-decoration:none;border-bottom:1px solid #FFF;padding-bottom:2px}.record-info{text-align:center;color:#fff;font-size:clamp(.7rem,1.2vw,1rem);line-height:1.5}@media(max-width:768px){.main-content{flex-direction:column;align-items:center;height:auto;bottom:5%}.left-img-group{width:80%;margin-bottom:3vw}.right-info-group{width:100%;align-items:center}.title-wrapper{text-align:center}.download-btns{justify-content:center}.qr-img{width:100px;height:100px}.qr-popup{margin-top:1vw}}.privacy-modal-overlay[hidden]{display:none!important}.privacy-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.privacy-modal{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 8px 32px #0003;animation:modalFadeIn-6776c126 .3s ease-out}@keyframes modalFadeIn-6776c126{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #E5E5E5;background:#f8f9fa}.modal-title{font-size:1.5rem;font-weight:600;color:#333;margin:0}.modal-close-btn{background:none;border:none;font-size:2rem;color:#666;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.modal-close-btn:hover{background-color:#e9ecef;color:#333}.modal-content{padding:2rem;max-height:60vh;overflow-y:auto}.privacy-content .section{margin-bottom:2rem}.privacy-content .section:last-child{margin-bottom:0}.privacy-content .section-title{font-size:1.1rem;font-weight:600;color:#333;margin:1.5rem 0 .5rem}.privacy-content .section:first-child .section-title{margin-top:0}.privacy-content .section-content{display:flex;flex-direction:column;gap:.8rem}.privacy-content .content-text{font-size:.95rem;color:#666;line-height:1.6;margin:0;text-align:justify}@media(max-width:768px){.privacy-modal{width:95%;margin:1rem}.modal-header{padding:1rem 1.5rem}.modal-title{font-size:1.3rem}.modal-content{padding:1.5rem;max-height:70vh}.privacy-content .section-title{font-size:1rem}.privacy-content .content-text,.contact-content .contact-item,.contact-content .contact-hint{font-size:.9rem}}.contact-content{text-align:center;padding:2rem 1rem}.contact-item{margin-bottom:2rem}.contact-label{font-size:1rem;font-weight:600;color:#333;margin-bottom:.5rem}.contact-value{font-size:1.2rem;font-weight:700;color:#007bff;background:#f8f9fa;padding:.8rem 1.5rem;border-radius:8px;border:2px solid #e9ecef;display:inline-block;-webkit-user-select:all;user-select:all;cursor:text}.contact-hint{color:#666;line-height:1.6;font-size:.9rem}.contact-hint p{margin:.5rem 0}@media(max-width:768px){.contact-content{padding:1.5rem 1rem}.contact-item{margin-bottom:1.5rem}.contact-label{font-size:.9rem}.contact-value{font-size:1.1rem;padding:.6rem 1.2rem}.contact-hint{font-size:.85rem}}
