:root{--primary-color:#007aff;--primary-hover:#0062cc;--success-color:#00c77b;--success-hover:#00a666;--danger-color:#ff4d4f;--bg-color:#f0f2f5;--text-color:#333;--border-color:#ddd;--card-bg:#fff}body{font-family:"PingFang SC","Microsoft YaHei",sans-serif;max-width:1200px;margin:0 auto;padding:20px;background-color:var(--bg-color);color:var(--text-color)}h1{text-align:center;margin-bottom:30px}h2,h3{margin-top:0}.hidden{display:none!important}.container{display:flex;gap:30px;align-items:flex-start}.sidebar{flex:1;min-width:340px;background:var(--card-bg);padding:25px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.05)}.main-content{flex:2;min-width:400px}.form-group{margin-bottom:20px}label{display:block;margin-bottom:8px;font-weight:700}input[type=text],select{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box}textarea{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:6px;resize:none;overflow-y:hidden;min-height:80px;max-height:300px;transition:height .1s;box-sizing:border-box;font-family:inherit;line-height:1.5}.btn-share{padding:12px;background:#00c77b;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;border:1px solid #0c6945;font-size:14px;transition:.2s}.btn-blue{background:var(--primary-color);color:#fff;border:none;padding:8px 20px;border-radius:4px;cursor:pointer}.btn-green{background:#52c41a;color:#fff;border:none;padding:8px 20px;border-radius:4px;cursor:pointer}.btn-gray{background:#eee;border:none;padding:8px 20px;border-radius:4px;cursor:pointer}.block-btn{width:100%;padding:12px;font-size:15px;margin-top:10px}.mini-btn{padding:8px 15px;background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer}.gen-btn{width:100%;background-color:var(--success-color);color:#fff;border:none;padding:15px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;margin-top:10px}.gen-btn:hover{background-color:var(--success-hover)}.gen-btn:disabled{background-color:#ccc;cursor:not-allowed}.btn-support{width:100%;margin-top:15px;padding:12px;background:#ffec3d;color:#d46b08;border:none;border-radius:8px;font-weight:700;cursor:pointer;border:1px solid #ffda6e;font-size:14px;transition:.2s}.btn-support:hover{background:#fff1b8;transform:translateY(-1px)}.prompt-tags{display:flex;flex-wrap:wrap;gap:8px;margin:5px 0 5px 0}.prompt-tag{padding:6px 12px;background:#e6f4ff;color:var(--primary-color);border-radius:20px;font-size:12px;cursor:pointer;transition:.2s}.prompt-tag:hover{background:var(--primary-color);color:#fff}.prompt-tag.active{background:var(--success-color);color:#fff}.upload-wrapper{position:relative;min-height:200px}.upload-box{border:2px dashed var(--border-color);padding:20px;text-align:center;border-radius:8px;cursor:pointer;transition:all .3s;background:#fafafa;height:100%;box-sizing:border-box;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center}.upload-box:hover{border-color:var(--primary-color);background:#eef6ff}.upload-box .icon{font-size:40px;margin-bottom:10px}.upload-actions{margin-top:15px;display:flex;gap:10px}.preview-container{display:none;position:relative;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:#f5f5f5}.preview-container img{width:100%;max-height:300px;object-fit:contain;display:block;margin:0 auto}.remove-btn{position:absolute;top:10px;right:10px;background:rgba(255,77,79,.9);color:#fff;border:none;width:30px;height:30px;border-radius:50%;cursor:pointer}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px}.result-card{background:#fff;padding:10px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.result-card img{width:100%;border-radius:4px;display:block;cursor:zoom-in}.download-link{display:block;text-align:center;margin-top:10px;color:var(--primary-color);text-decoration:none;font-size:14px}.empty-tip{color:#999;text-align:center;padding:40px;background:#fff;border-radius:8px;grid-column:1/-1}#loading{text-align:center;margin-top:50px}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--success-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.submit-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:3000;display:flex;align-items:center;justify-content:center}.submit-box{background:#fff;width:90%;max-width:400px;padding:25px;border-radius:12px}.support-box{max-width:450px}.tab-header{display:flex;border-bottom:1px solid #eee;margin-bottom:20px}.tab-item{flex:1;text-align:center;padding:10px;cursor:pointer;color:#666;border-bottom:3px solid transparent;font-size:14px}.tab-item.active{color:var(--primary-color);border-bottom-color:var(--primary-color);font-weight:700}.tab-content{animation:fadeIn .3s ease-out}.donate-tip{text-align:center;color:#666;margin-top:10px}.qr-container{display:flex;justify-content:space-around;margin-top:10px}.qr-item{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12px;color:#666}.qr-item img{width:140px;height:160px;border-radius:8px;border:1px solid #eee;padding:5px}.donate-row{display:flex;gap:10px}#donateName{width:30%}#donateMsg{flex:1}.camera-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center}.camera-view{width:100%;max-width:600px;background:#000;border-radius:8px}.camera-controls{margin-top:30px;display:flex;gap:40px}.btn-snap{width:70px;height:70px;border-radius:50%;border:4px solid #fff;background:0 0;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.btn-snap-inner{width:54px;height:54px;background:var(--danger-color);border-radius:50%}.btn-cancel{background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.4);padding:10px 25px;border-radius:30px;cursor:pointer}.text-center{text-align:center}.text-right{text-align:right}.text-gray{color:#666}.mt-0{margin-top:0}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.text-error{color:#ff4d4f}.divider{border:0;border-top:1px dashed #eee;margin:15px 0}.sub-text{font-size:12px;color:#999}.modal-title{margin-top:0;color:var(--primary-color)}.row-between{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.row-end{display:flex;justify-content:flex-end;gap:10px;margin-top:15px}.mobile-nav-header,.mobile-only-title{display:none}.prompt-compact{display:none}.pc-only{display:block}@media (max-width:768px){body{padding:0;background:#fff}h1.pc-only{display:none}.container{display:block;padding:0;margin:0}.main-content,.sidebar{width:100%;min-width:100%;height:100vh;height:100dvh;padding:15px;box-sizing:border-box;border-radius:0;box-shadow:none;display:none;overflow:hidden}.sidebar{padding-bottom:70px}.active-view{display:block!important;animation:slideUp .3s ease-out}.main-content.active-view{display:flex!important;flex-direction:column}.gen-btn{position:fixed;bottom:0;left:0;width:100%;border-radius:0;z-index:50;margin:0;padding:16px;box-shadow:0 -2px 10px rgba(0,0,0,.1)}.mobile-only-title{display:block;text-align:center;margin:20px 0;font-size:24px}.mobile-nav-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee;position:sticky;top:0;background:#fff;z-index:10;padding-top:10px}.btn-back{background:var(--bg-color);border:none;padding:8px 15px;border-radius:20px;color:#333;font-size:14px;cursor:pointer}.nav-title{font-weight:700;color:#333}.nav-placeholder{width:80px}.gallery{flex:1;min-height:0;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px;align-content:start;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.gallery::-webkit-scrollbar{display:none}.result-card{position:relative;padding:0;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.08)}.result-card img{aspect-ratio:1;object-fit:cover;border-radius:0}.result-actions{position:absolute;bottom:0;left:0;right:0;padding:16px 8px 6px;background:linear-gradient(transparent,rgba(0,0,0,.45));text-align:center}.download-link{color:rgba(255,255,255,.95);font-size:12px;margin-top:0}#loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0}.mobile-nav-header{flex-shrink:0}.pickup-notice{flex-shrink:0}.pickup-card{padding:8px 14px;border-radius:8px}.pickup-code{font-size:20px;padding:2px 0;letter-spacing:2px}.pickup-label{font-size:11px;margin-bottom:2px}.pickup-tip{display:none}.pickup-copy-btn{padding:3px 12px;font-size:11px}input[type=text],select,textarea{font-size:16px!important}textarea{min-height:48px;height:auto}.submit-box{width:95%;padding:20px}.upload-wrapper{min-height:120px}.upload-box{min-height:120px;padding:12px}.upload-box .icon{font-size:28px;margin-bottom:4px}.upload-box p{margin:4px 0;font-size:13px}.preview-container{min-height:auto;background:#f5f5f5;border:1px solid #eee}.preview-container img{max-height:160px}.prompt-compact{display:flex;align-items:center;justify-content:space-between;background:#f8f9fa;border:1px solid #eee;border-radius:8px;padding:8px 12px;margin-top:6px}.prompt-compact-title{font-size:13px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.prompt-compact-btn{flex-shrink:0;margin-left:8px;padding:4px 12px;font-size:12px;color:var(--primary-color);background:#fff;border:1px solid var(--primary-color);border-radius:14px;cursor:pointer}#promptInput{display:none}.prompt-tags{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.prompt-tag{flex-shrink:0}.qr-item img{width:120px;height:140px}.donate-row{flex-direction:column;gap:15px}#donateMsg,#donateName{width:100%!important}}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.pickup-query-btn{width:100%;padding:10px;margin-top:8px;background:0 0;color:var(--primary-color);border:1.5px dashed var(--primary-color);border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.pickup-query-btn:hover{background:rgba(0,122,255,.08);border-style:solid}.pickup-notice{margin-bottom:12px;animation:fadeInDown .4s ease}.pickup-card{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:12px;padding:16px 20px;text-align:center;box-shadow:0 4px 15px rgba(102,126,234,.4)}.pickup-label{color:rgba(255,255,255,.9);font-size:13px;margin-bottom:8px}.pickup-code{font-family:'Courier New',monospace;font-size:28px;font-weight:700;color:#fff;letter-spacing:4px;padding:8px 0;text-shadow:0 2px 4px rgba(0,0,0,.2);user-select:all}.pickup-copy-btn{background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.4);padding:6px 18px;border-radius:20px;font-size:13px;cursor:pointer;transition:all .2s}.pickup-copy-btn:hover{background:rgba(255,255,255,.35)}.pickup-tip{color:rgba(255,255,255,.75);font-size:11px;margin-top:8px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.modal-card{background:#fff;border-radius:16px;padding:28px 24px;width:90%;max-width:420px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.2)}.pickup-modal-card h3{margin:0 0 4px;font-size:20px;text-align:center}.pickup-modal-desc{text-align:center;color:#888;font-size:13px;margin-bottom:16px}.pickup-input-row{display:flex;gap:8px;margin-bottom:20px}.pickup-input-row input{flex:1;padding:10px 14px;border:1.5px solid #ddd;border-radius:8px;font-size:16px;font-family:'Courier New',monospace;letter-spacing:2px;text-align:center}.pickup-input-row input:focus{border-color:var(--primary-color);outline:0}.pickup-input-row button{padding:10px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .2s}.pickup-input-row button:hover{background:var(--primary-hover)}.modal-close-btn{width:100%;padding:10px;background:#f5f5f5;color:#666;border:none;border-radius:8px;font-size:14px;cursor:pointer;margin-top:8px;transition:background .2s}.modal-close-btn:hover{background:#eee}.pickup-history{border-top:1px solid #eee;padding-top:12px;margin-bottom:8px}.pickup-history-title{font-size:13px;color:#888;margin-bottom:8px}.pickup-history-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .15s}.pickup-history-item:hover{background:#f5f7ff}.pickup-history-code{font-family:'Courier New',monospace;font-weight:700;font-size:14px;color:#333;letter-spacing:1px}.pickup-history-time{flex:1;font-size:12px;color:#aaa;text-align:right}.pickup-history-status{font-size:14px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.prompt-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:4000;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .15s ease}.prompt-modal-box{background:#fff;width:100%;border-radius:16px 16px 0 0;padding:0;animation:slideUpModal .25s ease-out}.prompt-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #eee}.prompt-modal-title{font-size:16px;font-weight:700;color:#333}.prompt-modal-done{padding:6px 18px;font-size:14px;font-weight:700;color:#fff;background:var(--primary-color);border:none;border-radius:18px;cursor:pointer}#promptModalTextarea{width:100%;min-height:48px;max-height:none;padding:16px 18px;border:none;outline:0;font-size:15px;font-family:inherit;line-height:1.6;resize:none;box-sizing:border-box;overflow-y:auto;display:block}@keyframes slideUpModal{from{transform:translateY(100%)}to{transform:translateY(0)}}