/* Background Blobs Decoration */
.rise-theme-background-blobs {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -1;
    overflow: hidden;
}

/* 右上角同心圓擴散 - 從小到大，超大間距 */

/* Blob 1 - 最小（核心） */
.rise-theme-blob-1 {
    position: absolute;
    top: 300px;
    right: 300px;
    width: 300px;
    height: 300px;
    opacity: 0.3;
}

/* Blob 2 */
.rise-theme-blob-2 {
    position: absolute;
    top: 125px;
    right: 125px;
    width: 650px;
    height: 650px;
    opacity: 0.3;
}

/* Blob 3 */
.rise-theme-blob-3 {
    position: absolute;
    top: -50px;
    right: -50px;
    width: 1000px;
    height: 1000px;
    opacity: 0.3;
}

/* Blob 4 */
.rise-theme-blob-4 {
    position: absolute;
    top: -225px;
    right: -225px;
    width: 1350px;
    height: 1350px;
    opacity: 0.3;
}

/* Blob 5 */
.rise-theme-blob-5 {
    position: absolute;
    top: -400px;
    right: -400px;
    width: 1700px;
    height: 1700px;
    opacity: 0.3;
}

/* Blob 6 - 最大 */
.rise-theme-blob-6 {
    position: absolute;
    top: -575px;
    right: -575px;
    width: 2050px;
    height: 2050px;
    opacity: 0.3;
}

/* SVG通用樣式 */
.rise-theme-background-blobs svg {
    width: 100%;
    height: 100%;
}

.rise-theme-background-blobs path {
    fill: none;
    stroke: #E8E8E8;
    stroke-width: 2px;
}

/* SVG Path 變形動畫 - 每個blob不同的動畫 */
.rise-theme-blob-1 path {
    animation: blobMorph1 12s ease-in-out infinite;
}

.rise-theme-blob-2 path {
    animation: blobMorph2 15s ease-in-out infinite;
}

.rise-theme-blob-3 path {
    animation: blobMorph3 18s ease-in-out infinite;
}

.rise-theme-blob-4 path {
    animation: blobMorph4 20s ease-in-out infinite;
}

.rise-theme-blob-5 path {
    animation: blobMorph5 22s ease-in-out infinite;
}

.rise-theme-blob-6 path {
    animation: blobMorph6 25s ease-in-out infinite;
}

/* Blob 1 變形動畫 - 12秒循環 */
@keyframes blobMorph1 {
    0%, 100% {
        d: path("M432.5,307.5Q405,365,355,407.5Q305,450,245.5,422Q186,394,136,372Q86,350,64,300Q42,250,77,208.5Q112,167,136.5,121Q161,75,218.5,68Q276,61,318,92.5Q360,124,400.5,162Q441,200,446.5,225Q452,250,432.5,307.5Z");
    }
    33% {
        d: path("M418.5,295Q380,340,347,378Q314,416,257,423.5Q200,431,154,401.5Q108,372,79.5,318Q51,264,58,207Q65,150,108,115Q151,80,205.5,70.5Q260,61,304,88Q348,115,391.5,157.5Q435,200,432.5,225Q430,250,418.5,295Z");
    }
    66% {
        d: path("M409.5,290Q370,330,341,371Q312,412,256,423Q200,434,155,402.5Q110,371,84.5,318Q59,265,61.5,207.5Q64,150,107,114.5Q150,79,204.5,68Q259,57,303.5,85Q348,113,389.5,156.5Q431,200,430,225Q429,250,409.5,290Z");
    }
}

/* Blob 2 變形動畫 - 15秒循環 */
@keyframes blobMorph2 {
    0%, 100% {
        d: path("M426.5,303Q396,356,353,399.5Q310,443,252,434Q194,425,144.5,397Q95,369,74.5,309.5Q54,250,81,196.5Q108,143,144,106.5Q180,70,230.5,66Q281,62,326,86.5Q371,111,406.5,152Q442,193,444.5,221.5Q447,250,426.5,303Z");
    }
    33% {
        d: path("M420,298.5Q387,347,350,388Q313,429,256.5,421.5Q200,414,153,386Q106,358,76,304Q46,250,73.5,194.5Q101,139,141,99.5Q181,60,230.5,59.5Q280,59,320.5,85.5Q361,112,399,154Q437,196,438.5,223Q440,250,420,298.5Z");
    }
    66% {
        d: path("M415.5,296.5Q383,343,345.5,379.5Q308,416,254,408.5Q200,401,156,373.5Q112,346,81,298Q50,250,67.5,194Q85,138,128,101Q171,64,223,56.5Q275,49,322,74Q369,99,398,134.5Q427,170,429.5,210Q432,250,415.5,296.5Z");
    }
}

/* Blob 3 變形動畫 - 18秒循環 */
@keyframes blobMorph3 {
    0%, 100% {
        d: path("M415.5,296.5Q383,343,345.5,379.5Q308,416,254,408.5Q200,401,156,373.5Q112,346,81,298Q50,250,67.5,194Q85,138,128,101Q171,64,223,56.5Q275,49,322,74Q369,99,398,134.5Q427,170,429.5,210Q432,250,415.5,296.5Z");
    }
    50% {
        d: path("M432.5,307.5Q405,365,355,407.5Q305,450,245.5,422Q186,394,136,372Q86,350,64,300Q42,250,77,208.5Q112,167,136.5,121Q161,75,218.5,68Q276,61,318,92.5Q360,124,400.5,162Q441,200,446.5,225Q452,250,432.5,307.5Z");
    }
}

/* Blob 4 變形動畫 - 20秒循環 */
@keyframes blobMorph4 {
    0%, 100% {
        d: path("M409.5,290Q370,330,341,371Q312,412,256,423Q200,434,155,402.5Q110,371,84.5,318Q59,265,61.5,207.5Q64,150,107,114.5Q150,79,204.5,68Q259,57,303.5,85Q348,113,389.5,156.5Q431,200,430,225Q429,250,409.5,290Z");
    }
    50% {
        d: path("M426.5,303Q396,356,353,399.5Q310,443,252,434Q194,425,144.5,397Q95,369,74.5,309.5Q54,250,81,196.5Q108,143,144,106.5Q180,70,230.5,66Q281,62,326,86.5Q371,111,406.5,152Q442,193,444.5,221.5Q447,250,426.5,303Z");
    }
}

/* Blob 5 變形動畫 - 22秒循環 */
@keyframes blobMorph5 {
    0%, 100% {
        d: path("M420,298.5Q387,347,350,388Q313,429,256.5,421.5Q200,414,153,386Q106,358,76,304Q46,250,73.5,194.5Q101,139,141,99.5Q181,60,230.5,59.5Q280,59,320.5,85.5Q361,112,399,154Q437,196,438.5,223Q440,250,420,298.5Z");
    }
    50% {
        d: path("M418.5,295Q380,340,347,378Q314,416,257,423.5Q200,431,154,401.5Q108,372,79.5,318Q51,264,58,207Q65,150,108,115Q151,80,205.5,70.5Q260,61,304,88Q348,115,391.5,157.5Q435,200,432.5,225Q430,250,418.5,295Z");
    }
}

/* Blob 6 變形動畫 - 25秒循環 */
@keyframes blobMorph6 {
    0%, 100% {
        d: path("M418.5,295Q380,340,347,378Q314,416,257,423.5Q200,431,154,401.5Q108,372,79.5,318Q51,264,58,207Q65,150,108,115Q151,80,205.5,70.5Q260,61,304,88Q348,115,391.5,157.5Q435,200,432.5,225Q430,250,418.5,295Z");
    }
    50% {
        d: path("M409.5,290Q370,330,341,371Q312,412,256,423Q200,434,155,402.5Q110,371,84.5,318Q59,265,61.5,207.5Q64,150,107,114.5Q150,79,204.5,68Q259,57,303.5,85Q348,113,389.5,156.5Q431,200,430,225Q429,250,409.5,290Z");
    }
}

/* 響應式設計 - 手機版 */
@media (max-width: 768px) {
    /* 隱藏最大的幾個blob */
    .rise-theme-blob-5,
    .rise-theme-blob-6 {
        display: none;
    }
    
    .rise-theme-blob-1 {
        width: 200px;
        height: 200px;
        top: 150px;
        right: 20px;
    }
    
    .rise-theme-blob-2 {
        width: 450px;
        height: 450px;
        top: 25px;
        right: -105px;
    }
    
    .rise-theme-blob-3 {
        width: 700px;
        height: 700px;
        top: -100px;
        right: -230px;
    }
    
    .rise-theme-blob-4 {
        width: 950px;
        height: 950px;
        top: -225px;
        right: -355px;
    }
}