/* background-lines.css */
.rise-theme-background-lines {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: -1;
    pointer-events: none;
}

.background-line {
    position: absolute;
    top: 0;
    width: 1px;
    height: 100vh;
    background-color: #F4F4F4;
}

/* 桌面版 - 6條線 */
@media (min-width: 1025px) {
    .background-line:nth-child(1) { left: 16.66%; }
    .background-line:nth-child(2) { left: 33.32%; }
    .background-line:nth-child(3) { left: 49.98%; }
    .background-line:nth-child(4) { left: 66.64%; }
    .background-line:nth-child(5) { left: 83.3%; }
    .background-line:nth-child(6) { left: 100%; }
}

/* 平板 - 4條線 */
@media (min-width: 768px) and (max-width: 1024px) {
    .background-line:nth-child(5),
    .background-line:nth-child(6) { display: none; }
    
    .background-line:nth-child(1) { left: 25%; }
    .background-line:nth-child(2) { left: 50%; }
    .background-line:nth-child(3) { left: 75%; }
    .background-line:nth-child(4) { left: 100%; }
}

/* 手機 - 3條線 */
@media (max-width: 767px) {
    .background-line:nth-child(4),
    .background-line:nth-child(5),
    .background-line:nth-child(6) { display: none; }
    
    .background-line:nth-child(1) { left: 33.33%; }
    .background-line:nth-child(2) { left: 66.66%; }
    .background-line:nth-child(3) { left: 100%; }
}