*{box-sizing:border-box}html{background:#f5f5f5}body{margin:0;color:#333;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}.promo-shell{width:min(600px,100%);margin:0 auto;padding:40px 10px 22px;background:#fff;min-height:100vh;box-shadow:0 0 16px rgba(0,0,0,.04)}.page-title{margin:0 0 20px;padding:12px 18px;text-align:center;font-size:20px;color:#2196e8;font-weight:800;background:linear-gradient(90deg,#eef8ff,#fff,#eef8ff);border:1px solid #cfe8f8;border-radius:9px;box-shadow:0 3px 12px rgba(37,151,225,.06)}.intro-card,.step-card,.upload-card{margin:0 10px 18px;padding:20px;background:#fff;border:1px solid #e8eef4;border-radius:20px;box-shadow:0 5px 18px rgba(40,82,120,.08)}.intro-card{padding-bottom:0}.intro-card h2{display:flex;align-items:center;gap:10px;margin:0 0 9px;color:#2196e8;font-size:17px}.intro-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#159be7;color:#fff;box-shadow:0 2px 6px rgba(21,155,231,.25)}.intro-card>p{margin:0 0 22px;color:#e53935;font-size:14px;font-weight:500;line-height:1.65}.carousel{position:relative;overflow:hidden;border-radius:10px;background:#111}.carousel-track{position:relative}.carousel-slide{display:none;margin:0}.carousel-slide.is-active{display:block;animation:slideFade .35s ease}.carousel-slide img{display:block;width:100%;height:auto}.hero-carousel{margin:4px -1px 0;border-radius:8px 8px 12px 12px;padding-bottom:31px;background:#fff}.hero-carousel .carousel-track{background:#111;aspect-ratio:2.164/1;overflow:hidden}.hero-carousel .carousel-slide,.hero-carousel img{width:100%;height:100%;object-fit:cover}.carousel-arrow{position:absolute;top:calc(50% - 15px);width:40px;height:40px;border:0;border-radius:50%;background:rgba(25,45,63,.82);color:#fff;font-size:32px;line-height:34px;display:grid;place-items:center;cursor:pointer;z-index:2;transition:.2s}.carousel-arrow:hover{background:rgba(22,146,223,.9)}.carousel-arrow.prev{left:14px}.carousel-arrow.next{right:14px}.carousel-dots{position:absolute;left:0;right:0;bottom:5px;display:flex;justify-content:center;gap:8px}.carousel-dots button{width:20px;height:20px;border:0;border-radius:50%;background:#b8b8b8;color:#fff;font-size:12px;cursor:pointer;padding:0}.carousel-dots button.is-active{background:#1da3ed}.step-card{border-radius:13px;padding:15px}.step-heading{display:flex;align-items:center;gap:10px;margin-bottom:14px}.step-heading>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#1ba2eb;color:#fff;font-weight:700}.step-heading h2{font-size:17px;margin:0}.soft-line{height:24px;margin:-3px 0 12px;border-radius:8px;background:#f7f8fa}.step-tip{margin:0 0 13px;color:#f44336;font-size:14px;font-weight:700}.poster{margin:0;overflow:hidden;border-radius:7px;background:#eee}.poster img{display:block;width:100%;height:auto}.save-image{display:flex;justify-content:center;align-items:center;width:100%;height:44px;margin-top:13px;border-radius:9px;background:linear-gradient(135deg,#22a9ee,#078edf);color:#fff;text-decoration:none;font-weight:700;box-shadow:0 5px 12px rgba(18,151,226,.2)}.keyword-panel,.plain-panel{background:#f8f9fa;border-radius:8px;padding:14px}.keyword-instruction{margin:0 0 12px;font-size:14px;font-weight:700;color:#555}.keyword-grid{display:flex;flex-wrap:wrap;gap:9px 10px}.keyword-button{border:0;border-radius:999px;background:linear-gradient(135deg,#1bacf0,#1598ed);color:#fff;padding:8px 14px;font-size:14px;font-weight:700;box-shadow:0 2px 4px rgba(12,147,226,.18);cursor:pointer;transition:.18s}.keyword-button:hover,.keyword-button.is-copied{transform:translateY(-1px);background:linear-gradient(135deg,#0b8fd8,#087bc8)}.keyword-alternative{margin:16px 0 0;color:#f04a3e;font-size:14px;font-weight:600}.copy-status{min-height:20px;margin:8px 4px 0;color:#1597dc;font-size:13px}.plain-panel{font-size:14px;font-weight:600;color:#555}.plain-panel strong{color:#f44336}.final-card{padding-bottom:14px}.final-heading{display:flex;align-items:center;gap:9px;color:#2aa861}.final-heading span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#3dbd72;color:#fff}.final-heading h2{font-size:16px;margin:0}.final-copy{margin:12px 0;padding:14px;border:1px solid #b9d9c7;border-radius:8px;background:linear-gradient(135deg,#fff,#fff8f8);font-size:14px}.final-copy p{margin:0 0 16px}.final-copy p:last-child{margin:16px 0 0}.final-copy strong{color:#1799e6}.reward-carousel{background:#fff;padding-bottom:30px}.reward-carousel .reward-track{background:#f2f2f2;min-height:530px}.reward-carousel .carousel-slide img{width:100%;max-height:600px;object-fit:contain;background:#f1f1f1}.reward-carousel .carousel-arrow{top:48%;width:34px;height:34px;font-size:27px;background:rgba(65,65,65,.58)}.upload-card{border-radius:14px}.upload-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.upload-heading h2{font-size:18px;margin:0 0 4px}.upload-heading p{font-size:13px;color:#718096;margin:0}.upload-count{display:flex;align-items:baseline;color:#169fe9}.upload-count strong{font-size:30px}.upload-count span{font-size:15px}.dropzone{position:relative;display:flex;min-height:150px;border:2px dashed #82cbee;border-radius:13px;background:#f4fbff;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.2s;color:#247fab}.dropzone.drag-over{border-color:#078fdb;background:#e9f8ff}.dropzone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-symbol{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#19a6eb;color:#fff;font-size:30px;line-height:1;margin-bottom:8px}.dropzone strong{font-size:16px}.dropzone em{font-size:13px;color:#7793a5;font-style:normal;margin-top:3px}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.preview-item{position:relative;aspect-ratio:3/4;border-radius:9px;overflow:hidden;background:#eef2f6}.preview-item img{width:100%;height:100%;object-fit:cover}.preview-remove{position:absolute;right:5px;top:5px;width:28px;height:28px;border:0;border-radius:50%;background:rgba(0,0,0,.72);color:#fff;font-size:20px;line-height:24px;cursor:pointer}.upload-rules{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:13px 0;color:#4d8b69;font-size:12px}.submit-upload,.dialog-action{display:flex;width:100%;height:47px;align-items:center;justify-content:center;border:0;border-radius:10px;background:linear-gradient(135deg,#1aa7ed,#148ae1);color:#fff;font-size:16px;font-weight:700;text-decoration:none;cursor:pointer;box-shadow:0 5px 13px rgba(22,145,221,.2)}.submit-upload:disabled{background:#c7d7e1;box-shadow:none;cursor:not-allowed}.toast{position:fixed;left:50%;bottom:35px;transform:translate(-50%,20px);max-width:min(440px,calc(100% - 30px));padding:11px 17px;border-radius:9px;background:rgba(30,40,50,.92);color:#fff;z-index:3000;opacity:0;visibility:hidden;transition:.25s;text-align:center;font-size:14px}.toast.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0)}dialog{border:0;padding:0;background:transparent;max-width:none}dialog::backdrop{background:rgba(21,35,47,.55);backdrop-filter:blur(2px)}.check-dialog,.result-dialog{width:min(450px,calc(100% - 28px))}.dialog-box{position:relative;background:#fff;border-radius:18px;padding:26px;box-shadow:0 20px 70px rgba(0,0,0,.25);text-align:center}.dialog-box h2{font-size:21px;margin:12px 0 7px}.dialog-box>p{color:#718096;font-size:14px;margin:0 0 18px}.check-icon{width:58px;height:58px;border:5px solid #d8edf8;border-top-color:#1aa2e9;border-radius:50%;margin:0 auto;animation:spin .9s linear infinite}.check-dialog.is-complete .check-icon{animation:none;border-color:#3dbd72;position:relative}.check-dialog.is-complete .check-icon:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#36a966;font-size:30px;font-weight:800}.check-dialog.is-fail .check-icon{animation:none;border-color:#ef6b61;position:relative}.check-dialog.is-fail .check-icon:after{content:"×";position:absolute;inset:0;display:grid;place-items:center;color:#e64b40;font-size:34px;font-weight:800}.check-list{list-style:none;margin:18px 0;padding:0;border-top:1px solid #edf1f5}.check-list li{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:10px;padding:12px 2px;border-bottom:1px solid #edf1f5;text-align:left}.check-list li>span{width:13px;height:13px;border-radius:50%;background:#dce5eb}.check-list strong{font-size:14px}.check-list em{font-size:13px;color:#8796a7;font-style:normal}.check-list li.is-checking>span{border:3px solid #cce9f8;border-top-color:#179be4;background:transparent;animation:spin .7s linear infinite}.check-list li.is-pass>span{background:#38b76b}.check-list li.is-pass em{color:#279d58}.check-list li.is-fail>span{background:#ea5c52}.check-list li.is-fail em{color:#dc463d}.dialog-action[hidden]{display:none}.dialog-close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:30px;color:#8997a4;cursor:pointer}.result-box img{border-radius:16px}.result-box .dialog-action{margin-top:18px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideFade{from{opacity:.35}to{opacity:1}}
@media(max-width:640px){body{background:#fff}.promo-shell{padding:18px 0 20px;box-shadow:none}.page-title{margin:0 10px 18px;font-size:18px}.intro-card,.step-card,.upload-card{margin-left:10px;margin-right:10px;padding:15px}.intro-card{padding-bottom:0}.intro-card h2{font-size:16px}.intro-card>p{font-size:13px;margin-bottom:17px}.keyword-button{font-size:13px;padding:7px 11px}.reward-carousel .reward-track{min-height:420px}.upload-heading{align-items:flex-start}.upload-rules{gap:8px}.dialog-box{padding:22px 18px}}
@media(max-width:390px){.preview-grid{gap:7px}.keyword-grid{gap:8px 7px}.reward-carousel .reward-track{min-height:390px}.carousel-arrow{width:34px;height:34px;font-size:27px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}