.global-nav{padding:20px;text-align:left;max-width:1000px;margin:0 auto}.global-nav a{text-decoration:none;color:#ff4d4f;font-weight:700}.home-container[data-v-7fa89a13]{max-width:1000px;margin:40px auto;text-align:center}.desc[data-v-7fa89a13]{color:#666;margin-bottom:40px}.tool-grid[data-v-7fa89a13]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:0 20px}.tool-card[data-v-7fa89a13]{border:1px solid #eee;border-radius:12px;padding:30px 20px;text-decoration:none;color:inherit;transition:all .3s}.tool-card[data-v-7fa89a13]:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a;border-color:#ff4d4f}.icon[data-v-7fa89a13]{font-size:48px;margin-bottom:15px}h3[data-v-7fa89a13]{margin-bottom:10px;color:#333}p[data-v-7fa89a13]{color:#888;font-size:14px}.container[data-v-20956e0a]{max-width:900px;margin:40px auto;text-align:center;font-family:PingFang SC,sans-serif;color:#333;padding:0 20px}.subtitle[data-v-20956e0a]{color:#666;margin-bottom:30px}.upload-box[data-v-20956e0a]{border:2px dashed #ff7a45;border-radius:16px;width:100%;max-width:400px;height:250px;margin:0 auto;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:#fff9f6;transition:all .3s ease;overflow:hidden}.upload-box[data-v-20956e0a]:hover{background-color:#ffe8cc;border-color:#fa541c}.icon[data-v-20956e0a]{font-size:40px}.preview-img[data-v-20956e0a]{max-width:100%;max-height:100%;object-fit:contain}.action-area[data-v-20956e0a]{margin-top:20px;gap:15px;display:flex;justify-content:center;flex-wrap:wrap}.btn[data-v-20956e0a]{padding:10px 24px;font-size:16px;border-radius:8px;cursor:pointer;border:none;transition:.2s}.btn[data-v-20956e0a]:disabled{opacity:.6;cursor:not-allowed}.btn.primary[data-v-20956e0a]{background-color:#ff4d4f;color:#fff;font-weight:700;box-shadow:0 4px 10px #ff4d4f4d}.btn.primary[data-v-20956e0a]:not(:disabled):hover{background-color:#f5222d;transform:translateY(-2px)}.btn.outline[data-v-20956e0a]{background-color:transparent;border:1px solid #d9d9d9;color:#666}.btn.outline[data-v-20956e0a]:not(:disabled):hover{color:#ff4d4f;border-color:#ff4d4f}.result-area[data-v-20956e0a]{margin-top:50px;padding-top:30px;border-top:1px dashed #e8e8e8}.result-title[data-v-20956e0a]{color:#52c41a;margin-bottom:20px}.frames-grid[data-v-20956e0a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px}.frame-item[data-v-20956e0a]{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;background:#f5f5f5;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.frame-item img[data-v-20956e0a]{max-width:100%;max-height:100%;object-fit:contain}.frame-badge[data-v-20956e0a]{position:absolute;top:5px;left:5px;background:#0009;color:#fff;font-size:12px;padding:2px 6px;border-radius:10px}