/* templates/modern.css */
/* Modern Template - Sleek Tech */
body.template-modern {
    background: linear-gradient(to right, #74ebd5 0%, #acb6e5 100%);
}
.template-modern #main {
    margin: 50px auto;
    max-width: 1000px;
    padding: 0 15px;
}
.template-modern .field {
    background: rgba(255,255,255,0.95);
    padding: 30px 8px 30px 8px;
    margin: 25px 0;
    border-radius: 0;
    border-left: 5px solid #a7b4e0;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    transition: border-left-width 0.3s ease;
}
.template-modern .field:hover {
    border-left-width: 10px;
}
.template-modern .brand {
    font-size: 40px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-shadow: 0 2px 6px rgba(0,0,0,0.3);
    padding: 15px 0;
    border-bottom: 2px solid rgba(255,255,255,0.5);
}
.template-modern .enter-maomi {
    background: linear-gradient(45deg, #74ebd5, #acb6e5);
    border: none;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}
a, a:active, a:focus, a:hover, a:visited {
    text-decoration: none;
    color: #607d8b;
}
.brand span.flag {

    background: linear-gradient(to right, #8dacd4 0%, #4bc6b6 100%);

}
.enter-ping {
    background-color: #7ca0b1;
}
.enter-icon {
    background-color: #7ca0b1;
}
.c_blue {
    color: #607d8b;
}
.field.desc ul > li a {
    color: #607d8b;
    cursor: pointer;
    text-decoration: none;
}