/*! 由 ./zh/upload/map/upload.html 内联 <style> 原样提取，勿手改（保持视觉一致） */

        *{margin:0;padding:0;box-sizing:border-box}
        :root{
            --primary:#87CEEB;
            --primary-dark:#4682B4;
            --bg:#f0f4f8;
            --card:#FFFFFF;
            --text:#333;
            --gray:#666;
            --alert-bg:#003366;
            --gap-sm:8px;
            --gap-md:16px;
            --gap-lg:24px;
            --padding-sm:12px;
            --padding-md:20px;
            --padding-lg:30px;
            --card-shadow:0 8px 24px rgba(135,206,235,0.4);
            --radius:16px;
            --elastic-out: cubic-bezier(0.34, 1.56, 0.64, 1);
            --elastic-soft: cubic-bezier(0.22, 1, 0.36, 1);
        }
        body::before {
            content:'';position:fixed;top:0;left:0;
            width:100%;height:100%;
            background:
                radial-gradient(ellipse at 20% 50%, rgba(135,206,235,0.10), transparent 60%),
                radial-gradient(ellipse at 80% 20%, rgba(70,130,180,0.06), transparent 50%);
            z-index:0;
            animation:bgDrift 14s ease-in-out infinite alternate;
            pointer-events:none;
        }
        @keyframes bgDrift{0%{transform:scale(1);opacity:0.7}100%{transform:scale(1.04);opacity:1}}
        body{
            font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif;
            background:var(--bg);color:var(--text);min-height:100vh;
            display:flex;flex-direction:column;position:relative;
        }
        .navbar{
            background:var(--primary);padding:12px 0;
            box-shadow:0 2px 10px rgba(0,0,0,0.1);
            position:sticky;top:0;z-index:100;width:100%;
        }
        .nav-container{
            max-width:1200px;margin:0 auto;
            display:flex;justify-content:space-between;align-items:center;
            padding:0 var(--padding-sm);
        }
        .logo{
            font-size:clamp(1.1rem,4vw,1.4rem);
            font-weight:bold;color:var(--primary-dark);
            text-decoration:none;
        }
        .nav-links{display:flex;gap:clamp(10px,3vw,18px);}
        .nav-links a{
            color:var(--primary-dark);font-weight:500;
            text-decoration:none;
            font-size:clamp(0.85rem,3vw,0.95rem);
        }
        .nav-links a:hover{text-decoration:underline;}

        .page-wrapper{
            flex:1;display:flex;flex-direction:column;
            align-items:center;padding:var(--padding-lg) var(--padding-sm);
            position:relative;z-index:1;
        }
        .container{
            max-width:700px;width:100%;
            display:flex;flex-direction:column;gap:var(--gap-lg);
        }
        .card{
            background:var(--card);border-radius:var(--radius);
            box-shadow:var(--card-shadow);
            padding:clamp(var(--padding-md),4vw,var(--padding-lg));
        }
        footer{
            text-align:center;padding:var(--padding-md);
            background:var(--primary);color:var(--primary-dark);
            font-size:14px;width:100%;
        }

        /* ===== 表单卡片内部样式 ===== */
        .page-title{
            text-align:center;margin-bottom:24px;
            color:var(--primary-dark);
            font-size:clamp(1.2rem,4vw,1.5rem);
            font-weight:600;
        }
        .form-item{margin-bottom:20px}
        .form-item label{
            display:block;margin-bottom:8px;
            font-weight:500;color:var(--text);font-size:15px;
        }
        select,input[type="text"]{
            width:100%;padding:12px 16px;
            border:1px solid #d0e8f5;border-radius:10px;
            font-size:15px;color:var(--text);
            background-color:#f8fbff;
            transition:border-color 0.25s,box-shadow 0.25s;
            font-family:inherit;
        }
        select:focus,input[type="text"]:focus{
            outline:none;border-color:var(--primary-dark);
            box-shadow:0 0 0 3px rgba(70,130,180,0.15);
        }
        .file-upload-wrapper{
            position:relative;width:100%;height:100px;
            border:2px dashed #d0e8f5;border-radius:10px;
            display:flex;align-items:center;justify-content:center;
            background-color:#f8fbff;cursor:pointer;overflow:hidden;
            transition:border-color 0.25s,background 0.25s;
        }
        .file-upload-wrapper:hover{
            border-color:var(--primary-dark);
            background-color:#f0f7ff;
        }
        #fileInput{
            position:absolute;top:0;left:0;width:100%;height:100%;
            opacity:0;cursor:pointer;
        }
        .file-upload-tip{text-align:center;color:var(--gray);font-size:14px}
        .file-upload-tip i{font-size:24px;margin-bottom:8px;display:block;color:var(--primary-dark)}
        .selected-files{
            margin-top:12px;max-height:150px;overflow-y:auto;
            padding:10px;border:1px solid #d0e8f5;border-radius:10px;
            background:#f8fbff;display:none;
        }
        .selected-files.show{display:block}
        .file-item{
            padding:8px 12px;border-radius:6px;
            background:var(--card);margin-bottom:8px;
            display:flex;justify-content:space-between;align-items:center;
            box-shadow:0 1px 3px rgba(0,0,0,0.05);
        }
        .file-item-name{font-size:14px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80%}
        .file-item-size{font-size:12px;color:var(--gray)}

        button{
            width:100%;padding:14px 0;border:none;border-radius:10px;
            cursor:pointer;font-size:16px;font-weight:500;color:#fff;
            margin-bottom:12px;
            transition:transform 0.25s var(--elastic-out),box-shadow 0.25s,background 0.25s;
        }
        button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.12)}
        button:active{transform:scale(0.98)}
        button:disabled{
            background:#b0b0b0 !important;cursor:not-allowed;
            transform:none !important;box-shadow:none !important;
        }
        .local-btn{background:var(--primary-dark)}
        .local-btn:hover{background:#3a6f9c}
        .dav-btn{background:#5bc0de}
        .dav-btn:hover{background:#46b8da}
        .sync-btn{background:#5cb85c}
        .sync-btn:hover{background:#4cae4c}

        .progress-container,.sync-progress-container{
            margin-top:20px;display:none;
        }
        .total-progress-title,.single-progress-title,.sync-progress-title{
            font-size:15px;font-weight:500;color:var(--text);margin-bottom:8px;
        }
        .progress-bar{
            width:100%;height:20px;
            border:2px solid var(--primary-dark);border-radius:12px;
            overflow:hidden;background:#e8f4fd;
        }
        .progress-fill{
            height:100%;width:0%;
            background:linear-gradient(90deg,var(--primary),var(--primary-dark));
            border-radius:10px;transition:width 0.3s ease-in-out;
        }
        .progress-text{margin-top:6px;font-size:14px;color:var(--gray);line-height:1.5}
        .queue-info{margin-top:4px;font-size:12px;color:var(--primary-dark);line-height:1.4}
        .error-code-tip{margin-top:4px;font-size:12px;color:#d9534f;line-height:1.4}

        .result{
            margin-top:20px;padding:16px 20px;border-radius:12px;
            line-height:1.6;font-size:15px;display:none;
        }
        .result.show{display:block;animation:fadeInUp 0.4s var(--elastic-out) both}
        .success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}
        .error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}
        .result-detail{margin-top:12px;max-height:200px;overflow-y:auto;padding:10px;border:1px solid #d0e8f5;border-radius:8px;background:var(--card)}
        .detail-item{font-size:14px;margin-bottom:4px;padding-bottom:4px;border-bottom:1px dashed #eee}
        .detail-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
        .detail-success{color:#28a745}
        .detail-error{color:#dc3545}
        .detail-retry{color:#ffc107}

        @keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}100%{opacity:1;transform:translateY(0)}}

        @media(max-width:768px){
            .page-wrapper{padding:var(--padding-md) var(--padding-sm)}
            .card{padding:18px}
            .page-title{font-size:1.2rem}
            button{font-size:15px;padding:12px 0}
            .file-upload-wrapper{height:80px}
            .file-upload-tip i{font-size:20px}
            .file-upload-tip{font-size:13px}
            .nav-links{gap:14px;flex-wrap:wrap;justify-content:center}
            .nav-links a{font-size:0.9rem}
        }
        @media(max-width:400px){
            .nav-links a{font-size:0.82rem}
            .nav-links{gap:10px}
            .logo{font-size:17px}
        }
    
/* 内联 style="" 提取（保持原有高优先级） */
[data-css="sc1"]{text-align:center !important;margin-top:4px !important}
[data-css="sc2"]{color:var(--primary-dark) !important;font-size:14px !important}
[data-css="sc3"]{margin-top:16px !important}
[data-css="sc4"]{margin-top:4px !important;color:var(--primary-dark) !important}