body{margin:0;font-family:var(--font-sans);background:var(--page-bg-fallback);background-image:var(--page-bg);min-height:100vh;color:var(--text)}.container{max-width:950px;margin:0 auto;padding:32px 16px 0 16px}.card{background:#fff;border-radius:16px;box-shadow:0 4px 24px 0 rgba(120,120,200,.2);margin-bottom:32px;padding:0}.upload-btn-section{display:flex;flex-direction:column;align-items:center;padding:10px;border:2px dashed #bdbdfc;background:#fff}.upload-btn-title{font-size:1.3rem;font-weight:600;margin-bottom:6px}.upload-btn-desc{color:#888;font-size:1rem;margin-bottom:18px}.upload-btn-main{display:inline-block;background:linear-gradient(90deg,var(--color-primary) 0,#7ed6df 100%);color:#fff;border-radius:8px;padding:10px 36px;font-size:1.1rem;font-weight:500;cursor:pointer;box-shadow:0 2px 8px 0 rgba(120,120,200,.08);transition:background .2s;border:none}.upload-btn-main:hover{background:linear-gradient(90deg,#7ed6df 0,var(--color-primary) 100%)}.upload-btn-main input[type=file]{display:none}.uploaded-list-section{padding:0 0 18px 0}.uploaded-list-header{display:flex;align-items:center;padding:18px 24px 0 24px}.uploaded-list-title{font-size:1.1rem;font-weight:600;color:#333}.preview-tip{color:#888;font-size:.98rem;margin:12px 24px 0 24px}.preview-list{display:flex;flex-wrap:wrap;gap:16px;margin:18px 24px 0 24px;justify-content:flex-start}.preview-item{position:relative;width:96px;height:96px;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px 0 rgba(120,120,200,.1);background:#f6f6ff;border:1.5px solid #e0e7ff;transition:box-shadow .2s}.preview-item img{width:100%;height:100%;object-fit:cover;display:block}.preview-remove{position:absolute;top:4px;right:4px;background:#ff4d4f;color:#fff;border:none;border-radius:50%;width:22px;height:22px;font-size:16px;cursor:pointer;line-height:20px;text-align:center;z-index:2;padding:0;box-shadow:0 2px 6px 0 rgba(255,77,79,.1);transition:background .2s}.preview-remove:hover{background:#d9363e}.stitch-settings-section{padding:0 0 18px 0}.stitch-settings-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px 0 24px}.stitch-settings-title{font-size:1.1rem;font-weight:600;color:#333}.stitch-btn{background:linear-gradient(90deg,var(--color-primary) 0,#7ed6df 100%);color:#fff;border-radius:8px;padding:8px 32px;font-size:1rem;font-weight:500;cursor:pointer;border:none;transition:background .2s}.stitch-btn:hover{background:linear-gradient(90deg,#7ed6df 0,var(--color-primary) 100%)}.stitch-settings-form{display:flex;flex-wrap:wrap;gap:18px 32px;padding:18px 24px 0 24px;align-items:center}.stitch-settings-form label{font-size:1rem;color:#444;display:flex;flex-direction:column;gap:4px}.stitch-settings-form input[type=number],.stitch-settings-form select{padding:6px 12px;border-radius:6px;border:1px solid #ccc;font-size:1rem;margin-top:2px}.stitch-settings-form input[type=color]{width:40px;height:40px;border-radius:6px;border:1px solid #ccc;font-size:1rem;margin-top:2px}#templateLabel{transition:all .3s ease}#templateSelect{background:linear-gradient(135deg,#f8f9ff 0,#e8f2ff 100%);border:2px solid #e0e7ff;transition:all .2s}#templateSelect:hover{border-color:var(--color-primary);box-shadow:0 2px 8px rgba(125,125,255,.1)}#templateSelect:focus{outline:0;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(125,125,255,.1)}.stitch-settings-tip{color:#888;font-size:.98rem;margin:12px 24px 0 24px}.stitch-result-section{padding:0 0 32px 0;text-align:center}.stitch-result-title{font-size:1.1rem;font-weight:600;color:#333;text-align:left;padding:18px 24px 0 24px}.stitch-result-img-wrap{margin:24px auto 18px auto;display:flex;justify-content:flex-start;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:0 16px}.stitch-result-img-wrap canvas{max-width:100%;height:auto;border-radius:16px;box-shadow:0 2px 12px #eee;touch-action:none}.stitch-adv-controls{padding-left:30px}.download-btn-box{text-align:center}.download-btn{display:inline-block;background:#43c97f;color:#fff;border-radius:8px;padding:12px 48px;font-size:1.1rem;font-weight:500;cursor:pointer;border:none;margin-top:12px;text-decoration:none;transition:background .2s;margin:12px auto}.download-btn:hover{background:#36b06c}.faq-section{max-width:1200px;margin:24px auto;padding:0 0 18px 0}.faq-title{font-size:1.1rem;font-weight:600;color:#333;padding:18px 24px 0 24px}.faq-list{padding-left:36px;margin:12px 0 0 0;color:#444;font-size:1rem}.faq-list li{margin-bottom:8px}.faq-item-1{color:red}.top-title-section{display:flex;justify-content:center;align-items:flex-start;position:relative;margin-bottom:24px;min-height:120px}.top-title-main{flex:1;text-align:center;margin-top:18px}.main-title{font-size:2.6rem;font-weight:500;color:#fff;letter-spacing:2px;margin-bottom:10px}.main-subtitle{font-size:1.2rem;color:#f3f3f3;margin-bottom:8px}.main-desc{font-size:1.05rem;color:#e0e0e0}.lang-select-wrap{position:absolute;right:0;top:18px}#langSwitcher{padding:6px 18px;border-radius:8px;border:1px solid #ccc;background:#fff;font-size:1rem;color:#333;box-shadow:0 2px 8px 0 rgba(120,120,200,.08)}canvas:active,canvas:focus{outline:0!important}.usage-guide-section{margin:24px auto;padding:24px;border-radius:16px;background:#fff;box-shadow:0 2px 12px #eee}.usage-guide-list{list-style:none;padding-left:0}.inner-pages-section{margin-top:48px}.inner-pages-section h2{font-size:1.3rem;text-align:center;padding-top:24px}.inner-pages-list{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.inner-page-card{flex:1 1 320px;max-width:420px;background:#f8f9fa;border-radius:14px;padding:32px 24px;box-shadow:0 2px 12px rgba(0,0,0,.07);display:flex;flex-direction:column;align-items:center}.inner-page-card h3{color:var(--color-primary);font-size:1.18rem;margin-bottom:14px;font-weight:700;text-align:center}.inner-page-card p{font-size:1rem;color:#444;margin-bottom:28px;text-align:center}.inner-page-card a{display:inline-block;background:var(--color-primary);color:#fff;padding:12px 32px;border-radius:24px;text-decoration:none;font-weight:600;font-size:1.05rem;text-align:center;min-width:220px}.footer{width:100vw;position:relative;left:50%;transform:translateX(-50%);margin-top:40px;background:#fff;border-top:1px solid #e0e0e0;padding:32px 0 18px 0;color:#666;font-size:.98rem}.footer-title{font-weight:600;color:var(--color-primary);font-size:1.08rem;margin-bottom:8px}.footer-desc{max-width:600px;margin:0 auto 10px auto;line-height:1.7}.footer-copyright{margin-top:8px;color:#aaa;font-size:.95rem}@media (max-width:700px){.card{border-radius:10px;margin-bottom:18px}.upload-btn-section{padding:28px 0 20px 0}.faq-title,.stitch-result-title,.stitch-settings-header,.uploaded-list-header{padding-left:24px;padding-right:8px}.stitch-settings-form{gap:8px 8px;padding-left:8px;padding-right:8px}.preview-list{gap:8px;margin-left:4px;margin-right:4px}.preview-item{width:64px;height:64px}.stitch-result-img-wrap{padding:0 8px}.main-title{font-size:1.5rem}.main-subtitle{font-size:1rem}.main-desc{font-size:.95rem}.top-title-section{flex-direction:column;align-items:stretch;min-height:unset;margin-bottom:18px;width:100%}.top-title-main{margin-top:8px;text-align:center;width:100%}.main-desc,.main-subtitle,.main-title{word-break:break-all;white-space:normal;width:100%;text-align:center}.lang-select-wrap{position:static;width:100%;display:flex;justify-content:flex-end;margin-top:8px;margin-bottom:-8px;z-index:2}#langSwitcher{width:140px;font-size:.98rem}}@media (max-width:480px){.upload-btn-section{padding:16px 0 10px 0}.faq-title,.stitch-result-title,.stitch-settings-header,.uploaded-list-header{padding-left:24px;padding-right:2px}.stitch-settings-form{padding-left:2px;padding-right:2px}.preview-list{gap:4px;margin-left:2px;margin-right:2px}.preview-item{width:44px;height:44px}.lang-select-wrap{margin-top:4px;margin-bottom:-4px}#langSwitcher{width:120px;font-size:.95rem}}