*{margin:0;padding:0;box-sizing:border-box}body{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;-webkit-tap-highlight-color:transparent}img{height:auto}#app,img{width:100%}#app{text-align:center;color:#2c3e50;height:100vh;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto}.zheye{width:100%;min-height:100%;background-image:url(../img/bg.c92f57f3.png);background-size:cover;background-position:top;position:relative;padding-bottom:20px}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,100%,.95);display:flex;justify-content:center;align-items:center;z-index:9999;flex-direction:column}.loading-spinner{text-align:center;max-width:300px}.spinner{width:60px;height:60px;border:6px solid #f3f3f3;border-top:6px solid #42b983;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.loading-text{font-size:18px;color:#333;margin-bottom:20px;font-weight:500}.loading-progress{width:100%}.progress-bar{width:100%;height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background-color:#42b983;transition:width .3s ease}.progress-text{font-size:14px;color:#666}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.language{position:absolute;width:120px;top:24px;right:10px;cursor:pointer;z-index:1000;padding:5px}.title{margin:48px auto 20px;width:60%}.content{margin-bottom:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);background-color:#fff;padding:10px 0;position:relative;overflow:hidden;min-height:200px}.carousel-wrapper{display:flex;transition:transform .5s ease-in-out}.carousel-slide{width:100vw}.carousel-image{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;opacity:0;transition:opacity .3s ease}.carousel-image.active{opacity:1}.pagination{justify-content:center;gap:8px;padding:4px;z-index:10;max-width:480px;margin:0 auto 20px}.page-numbers,.pagination{display:flex;align-items:center}.page-numbers{gap:4px;background-color:hsla(0,0%,100%,.9);backdrop-filter:blur(4px);padding:6px 10px;border-radius:24px;box-shadow:0 2px 12px rgba(0,0,0,.1);transition:all .3s ease;animation:fadeIn .3s ease-out}.page-number{background-color:transparent;border:2px solid transparent;border-radius:50%;width:36px;height:36px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-weight:600;font-size:16px;color:#333;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.page-number--first,.page-number--last{font-weight:700;color:#42b983}.page-number.active{background-color:#42b983;color:#fff;border-color:#42b983;transform:scale(1.1)}.page-number:not(.active):hover{background-color:rgba(66,185,131,.1);border-color:rgba(66,185,131,.3);transform:translateY(-1px)}.page-number:active{transform:scale(.95)}.ellipsis{display:flex;align-items:center;gap:2px;padding:0 4px;color:#666;width:36px}.ellipsis-dot{width:4px;height:4px;background-color:#666;border-radius:50%;animation:pulse 1.4s ease-in-out infinite both}.ellipsis-dot:nth-child(2){animation-delay:.2s}.ellipsis-dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,60%,to{transform:scale(1);opacity:1}30%{transform:scale(.8);opacity:.5}}.page-btn{background-color:rgba(66,185,131,.9);color:#fff;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(66,185,131,.3)}.page-btn:hover:not(:disabled){background-color:#42b983;transform:translateY(-2px);box-shadow:0 4px 12px rgba(66,185,131,.4)}.page-btn:active:not(:disabled){transform:translateY(0)}.page-btn:disabled{background-color:rgba(0,0,0,.15);cursor:not-allowed;box-shadow:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ellipsis,.page-number{transition:all .3s ease}.download{display:flex;flex-direction:column;align-items:center}.qrcode{width:160px}.tip{text-align:center;color:#fff;font-size:30px}@media (max-width:768px){.language{width:100px}.pagination{max-width:380px}.page-numbers{padding:4px 8px;gap:2px}.page-number{width:28px;height:28px;font-size:13px}.page-btn{width:30px;height:30px}.ellipsis{width:28px}.qrcode{width:100px}.tip{font-size:14px}.carousel-indicators{gap:4px}.indicator{width:6px;height:6px}.indicator.active{width:16px}}