/* Стиль для женского форума - Web 2.0 дизайн */
/* Элегантный фон с цветами и узорами */

/* Общие стили для кода и цитат */
.code_td {
    FONT-SIZE: 13px; 
    COLOR: #6b4c79; 
    FONT-FAMILY: 'Segoe UI', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
}
.php_td {
    FONT-SIZE: 13px; 
    COLOR: #6b4c79; 
    FONT-FAMILY: 'Segoe UI', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
}
.q_td {
    FONT-SIZE: 13px; 
    COLOR: #6b4c79; 
    FONT-FAMILY: 'Segoe UI', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
}
.quote_td {
    FONT-SIZE: 13px; 
    COLOR: #6b4c79; 
    FONT-FAMILY: 'Segoe UI', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
}
.code_table {
    BORDER-RIGHT: #d4a5c2 1px solid; 
    BORDER-TOP: #d4a5c2 1px solid; 
    FONT-SIZE: 13px; 
    BORDER-LEFT: #d4a5c2 1px solid; 
    WIDTH: 95%; 
    BORDER-BOTTOM: #d4a5c2 1px solid; 
    FONT-FAMILY: 'Segoe UI', 'Lucida Grande', Verdana, Arial, Helvetica;
    background: linear-gradient(to bottom, #fff5f9, #fff);
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(214, 165, 194, 0.15);
}
.php_table {
    BORDER-RIGHT: #d4a5c2 1px solid; 
    BORDER-TOP: #d4a5c2 1px solid; 
    FONT-SIZE: 13px; 
    BORDER-LEFT: #d4a5c2 1px solid; 
    WIDTH: 95%; 
    BORDER-BOTTOM: #d4a5c2 1px solid; 
    FONT-FAMILY: 'Segoe UI', 'Lucida Grande', Verdana, Arial, Helvetica;
    background: linear-gradient(to bottom, #fff5f9, #fff);
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(214, 165, 194, 0.15);
}
.q_table {
    BORDER-RIGHT: #d4a5c2 1px solid; 
    BORDER-TOP: #d4a5c2 1px solid; 
    FONT-SIZE: 13px; 
    BORDER-LEFT: #d4a5c2 1px solid; 
    WIDTH: 95%; 
    BORDER-BOTTOM: #d4a5c2 1px solid; 
    FONT-FAMILY: 'Segoe UI', 'Lucida Grande', Verdana, Arial, Helvetica;
    background: linear-gradient(to bottom, #fff5f9, #fff);
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(214, 165, 194, 0.15);
}
.quote_table {
    BORDER-RIGHT: #d4a5c2 1px solid; 
    BORDER-TOP: #d4a5c2 1px solid; 
    FONT-SIZE: 13px; 
    BORDER-LEFT: #d4a5c2 1px solid; 
    WIDTH: 95%; 
    BORDER-BOTTOM: #d4a5c2 1px solid; 
    FONT-FAMILY: 'Segoe UI', 'Lucida Grande', Verdana, Arial, Helvetica;
    background: linear-gradient(to bottom, #fff5f9, #fff);
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(214, 165, 194, 0.15);
}

/* Основной стиль */
BODY {
    FONT-SIZE: 14px; 
    PADDING-RIGHT: 0px; 
    PADDING-LEFT: 0px; 
    SCROLLBAR-FACE-COLOR: #f8e8f1; 
    BACKGROUND: linear-gradient(135deg, #fff5f9 0%, #fff0f6 100%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 400 400'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23fff5f9' stop-opacity='0.8'/%3E%3Cstop offset='100%25' stop-color='%23fff0f6' stop-opacity='0.8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='400' height='400' fill='url(%23a)'/%3E%3Cg opacity='0.1'%3E%3Cpath d='M100,100 Q150,50 200,100 T300,100' stroke='%23e8a2c9' stroke-width='1' fill='none'/%3E%3Cpath d='M50,200 Q100,150 150,200 T250,200' stroke='%23e8a2c9' stroke-width='1' fill='none'/%3E%3Cpath d='M150,300 Q200,250 250,300 T350,300' stroke='%23e8a2c9' stroke-width='1' fill='none'/%3E%3Ccircle cx='80' cy='120' r='15' fill='%23ffb6c1' opacity='0.3'/%3E%3Ccircle cx='250' cy='180' r='20' fill='%23ffb6c1' opacity='0.2'/%3E%3Ccircle cx='320' cy='80' r='12' fill='%23ffb6c1' opacity='0.4'/%3E%3Ccircle cx='180' cy='280' r='18' fill='%23ffb6c1' opacity='0.3'/%3E%3Cpath d='M120,50 Q140,30 160,50' stroke='%23d4a5c2' stroke-width='1' fill='none'/%3E%3Cpath d='M280,150 Q300,130 320,150' stroke='%23d4a5c2' stroke-width='1' fill='none'/%3E%3Cpath d='M60,250 Q80,230 100,250' stroke='%23d4a5c2' stroke-width='1' fill='none'/%3E%3C/svg%3E");
    PADDING-BOTTOM: 0px; 
    MARGIN: 0; 
    FONT: 14px 'Segoe UI', 'Lucida Grande', Arial, Helvetica, sans-serif; 
    SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
    SCROLLBAR-SHADOW-COLOR: #f0d6e3; 
    COLOR: #6b4c79; 
    SCROLLBAR-3DLIGHT-COLOR: #e8c6d8; 
    SCROLLBAR-ARROW-COLOR: #d4a5c2; 
    PADDING-TOP: 0px; 
    SCROLLBAR-TRACK-COLOR: #fcf2f7; 
    SCROLLBAR-DARKSHADOW-COLOR: #e8c6d8;
    background-attachment: fixed;
}

FONT {
    FONT: 14px 'Segoe UI', 'Lucida Grande', Arial, Helvetica, sans-serif;
    color: #6b4c79;
}
TH {
    FONT: 15px 'Segoe UI', 'Lucida Grande', Arial, Helvetica, sans-serif;
    color: #8a5a7c;
    font-weight: 600;
}
TD {
    FONT: 14px 'Segoe UI', 'Lucida Grande', Arial, Helvetica, sans-serif;
    color: #6b4c79;
}
P {
    FONT: 14px 'Segoe UI', 'Lucida Grande', Arial, Helvetica, sans-serif;
    color: #6b4c79;
    line-height: 1.6;
}

.gensmall {
    FONT-SIZE: 13px;
    color: #9d7a8f;
}
TD.genmed {
    FONT-SIZE: 13px;
    color: #8a5a7c;
}
.genmed {
    FONT-SIZE: 13px;
    color: #8a5a7c;
}
.explaintitle {
    FONT-WEIGHT: 600; 
    FONT-SIZE: 14px; 
    COLOR: #d4a5c2;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Ссылки */
A:link {
    COLOR: #d4a5c2; 
    TEXT-DECORATION: none;
    font-weight: 500;
    transition: all 0.3s ease;
}
A:active {
    COLOR: #c895b3; 
    TEXT-DECORATION: none;
}
A:visited {
    COLOR: #b887a6; 
    TEXT-DECORATION: none;
}
A:hover {
    COLOR: #ff9ec5; 
    TEXT-DECORATION: none;
    text-shadow: 0 0 8px rgba(255, 158, 197, 0.3);
}

A.postlink {
    COLOR: #d4a5c2; 
    TEXT-DECORATION: none;
    padding: 4px 8px;
    border-radius: 20px;
    transition: all 0.3s ease;
}

A.postlink:hover {
    background-color: rgba(212, 165, 194, 0.1);
    color: #ff9ec5;
}

.topictitle {
    FONT-WEIGHT: 600; 
    FONT-SIZE: 15px;
    color: #8a5a7c;
}
A.topictitle:visited {
    COLOR: #9d7a8f;
}
A.topictitle:hover {
    COLOR: #ff9ec5;
}

.name {
    FONT-WEIGHT: 600; 
    FONT-SIZE: 14px;
    color: #8a5a7c;
}

HR {
    BORDER-RIGHT: #f8e8f1 0px solid; 
    BORDER-TOP: #f8e8f1 1px solid; 
    BORDER-LEFT: #f8e8f1 0px solid; 
    BORDER-BOTTOM: #f8e8f1 0px solid; 
    HEIGHT: 0px;
    border-top: 1px dashed #e8c6d8;
    margin: 20px 0;
}

/* Категории */
TD.cat {
    FONT-WEIGHT: 600; 
    BACKGROUND: linear-gradient(135deg, #f8e8f1, #f5e0ec); 
    TEXT-INDENT: 10px; 
    LETTER-SPACING: 1px; 
    HEIGHT: 40px;
    border-radius: 10px 10px 0 0;
    color: #8a5a7c;
    border: 1px solid #e8c6d8;
    border-bottom: none;
}
TD.catHead {
    FONT-WEIGHT: 600; 
    BACKGROUND: linear-gradient(135deg, #f8e8f1, #f5e0ec); 
    TEXT-INDENT: 10px; 
    LETTER-SPACING: 1px; 
    HEIGHT: 40px;
    border-radius: 10px 10px 0 0;
    color: #8a5a7c;
    border: 1px solid #e8c6d8;
    border-bottom: none;
}
TD.catSides {
    FONT-WEIGHT: 600; 
    BACKGROUND: linear-gradient(135deg, #f8e8f1, #f5e0ec); 
    TEXT-INDENT: 10px; 
    LETTER-SPACING: 1px; 
    HEIGHT: 40px;
    color: #8a5a7c;
    border: 1px solid #e8c6d8;
    border-bottom: none;
}
TD.catLeft {
    FONT-WEIGHT: 600; 
    BACKGROUND: linear-gradient(135deg, #f8e8f1, #f5e0ec); 
    TEXT-INDENT: 10px; 
    LETTER-SPACING: 1px; 
    HEIGHT: 40px;
    border-radius: 10px 0 0 0;
    color: #8a5a7c;
    border: 1px solid #e8c6d8;
    border-bottom: none;
}
TD.catRight {
    FONT-WEIGHT: 600; 
    BACKGROUND: linear-gradient(135deg, #f8e8f1, #f5e0ec); 
    TEXT-INDENT: 10px; 
    LETTER-SPACING: 1px; 
    HEIGHT: 40px;
    border-radius: 0 10px 0 0;
    color: #8a5a7c;
    border: 1px solid #e8c6d8;
    border-bottom: none;
}
TD.catBottom {
    FONT-WEIGHT: 600; 
    BACKGROUND: linear-gradient(135deg, #f8e8f1, #f5e0ec); 
    TEXT-INDENT: 10px; 
    LETTER-SPACING: 1px; 
    HEIGHT: 40px;
    border-radius: 0 0 10px 10px;
    color: #8a5a7c;
    border: 1px solid #e8c6d8;
    border-top: none;
}

/* Строки */
.row1 {
    BACKGROUND: #ffffff;
    border: 1px solid #f5e0ec;
    border-radius: 8px;
    margin: 5px 0;
    transition: all 0.3s ease;
}
.row1:hover {
    background-color: #fff9fc;
    box-shadow: 0 4px 15px rgba(232, 162, 201, 0.1);
}
.row2 {
    BACKGROUND: #fefafc;
    border: 1px solid #f5e0ec;
    border-radius: 8px;
    margin: 5px 0;
    transition: all 0.3s ease;
}
.row2:hover {
    background-color: #fff9fc;
    box-shadow: 0 4px 15px rgba(232, 162, 201, 0.1);
}
.row3 {
    BACKGROUND: #fff9fc;
    border: 1px solid #f5e0ec;
    border-radius: 8px;
    margin: 5px 0;
    transition: all 0.3s ease;
}
.row3:hover {
    background-color: #ffffff;
    box-shadow: 0 4px 15px rgba(232, 162, 201, 0.1);
}

.helpline {
    BACKGROUND: linear-gradient(135deg, #f8e8f1, #f5e0ec);
    border-radius: 8px;
    padding: 10px;
    color: #8a5a7c;
    border: 1px solid #e8c6d8;
}

TD.spacerow {
    BACKGROUND: linear-gradient(90deg, #d4a5c2, #e8c6d8, #d4a5c2);
    height: 2px;
    border-radius: 1px;
}
TD.rowpic {
    BACKGROUND: linear-gradient(to right, #f8e8f1, #ffffff);
    border-right: 1px solid #e8c6d8;
    border-radius: 8px 0 0 8px;
}
TH {
    PADDING-RIGHT: 15px; 
    PADDING-LEFT: 15px; 
    FONT-WEIGHT: 600; 
    FONT-SIZE: 14px; 
    BACKGROUND: linear-gradient(135deg, #e8a2c9, #d4a5c2); 
    COLOR: #ffffff; 
    WHITE-SPACE: nowrap; 
    HEIGHT: 40px; 
    TEXT-ALIGN: center;
    border-radius: 8px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    letter-spacing: 0.5px;
}

.bodyline {
    BORDER-RIGHT: #e8c6d8 1px solid; 
    BORDER-TOP: #e8c6d8 1px solid; 
    BACKGROUND: #ffffff; 
    BORDER-LEFT: #e8c6d8 1px solid; 
    BORDER-BOTTOM: #e8c6d8 1px solid;
    border-radius: 15px;
    box-shadow: 0 8px 30px rgba(232, 198, 216, 0.2);
    padding: 20px;
    margin: 20px auto;
    max-width: 1200px;
}
.forumline {
    BORDER-RIGHT: #e8c6d8 1px solid; 
    BORDER-TOP: #e8c6d8 1px solid; 
    BACKGROUND: #ffffff; 
    BORDER-LEFT: #e8c6d8 1px solid; 
    BORDER-BOTTOM: #e8c6d8 1px solid;
    border-radius: 15px;
    box-shadow: 0 8px 30px rgba(232, 198, 216, 0.15);
}
.maintitle {
    FONT: 600 28px/140% 'Playfair Display', 'Georgia', 'Times New Roman', serif; 
    COLOR: #8a5a7c; 
    TEXT-DECORATION: none;
    text-shadow: 2px 2px 4px rgba(232, 198, 216, 0.3);
    margin: 30px 0;
    padding-bottom: 15px;
    border-bottom: 3px solid #e8c6d8;
}

H1 {
    FONT: 600 28px/140% 'Playfair Display', 'Georgia', 'Times New Roman', serif; 
    COLOR: #8a5a7c; 
    TEXT-DECORATION: none;
    text-shadow: 2px 2px 4px rgba(232, 198, 216, 0.3);
}
H2 {
    FONT: 600 24px/150% 'Playfair Display', 'Georgia', 'Times New Roman', serif; 
    TEXT-DECORATION: none;
    color: #9d7a8f;
    margin: 25px 0;
}

.subtitle {
    FONT: 600 22px/150% 'Playfair Display', 'Georgia', 'Times New Roman', serif; 
    TEXT-DECORATION: none;
    color: #9d7a8f;
}

.nav {
    FONT-WEIGHT: 600; 
    FONT-SIZE: 14px;
    color: #d4a5c2;
}
.postbody {
    FONT-SIZE: 15px; 
    LINE-HEIGHT: 1.7;
    color: #6b4c79;
}
.postdetails {
    FONT-SIZE: 13px; 
    COLOR: #9d7a8f;
    font-style: italic;
}
.quote {
    BORDER-RIGHT: #e8c6d8 1px solid; 
    BORDER-TOP: #e8c6d8 1px solid; 
    FONT-SIZE: 14px; 
    BACKGROUND: linear-gradient(to bottom, #fefafc, #fcf5f9); 
    BORDER-LEFT: #e8c6d8 1px solid; 
    COLOR: #8a5a7c; 
    LINE-HEIGHT: 1.6; 
    BORDER-BOTTOM: #e8c6d8 1px solid;
    border-radius: 10px;
    padding: 15px;
    margin: 15px 0;
    border-left: 4px solid #d4a5c2;
}
.code {
    BORDER-RIGHT: #e8c6d8 1px solid; 
    PADDING-RIGHT: 15px; 
    BORDER-TOP: #e8c6d8 1px solid; 
    PADDING-LEFT: 15px; 
    BACKGROUND: linear-gradient(to bottom, #fcf5f9, #faf0f5); 
    PADDING-BOTTOM: 15px; 
    FONT: 13px 'Courier New', Courier, monospace; 
    BORDER-LEFT: #e8c6d8 1px solid; 
    COLOR: #9d7a8f; 
    PADDING-TOP: 15px; 
    BORDER-BOTTOM: #e8c6d8 1px solid;
    border-radius: 10px;
    margin: 15px 0;
}
.errorline {
    BORDER-RIGHT: #ff6b8b 1px solid; 
    BORDER-TOP: #ff6b8b 1px solid; 
    BACKGROUND: linear-gradient(to bottom, #ffe6ec, #ffd6e0); 
    BORDER-LEFT: #ff6b8b 1px solid; 
    BORDER-BOTTOM: #ff6b8b 1px solid;
    border-radius: 8px;
    padding: 10px;
    color: #cc4c6c;
}

FORM {
    DISPLAY: inline;
}
INPUT {
    FONT: 14px 'Segoe UI', 'Lucida Grande', Arial, Helvetica, sans-serif;
    color: #6b4c79;
}
SELECT {
    BACKGROUND: #ffffff; 
    FONT: 14px 'Segoe UI', 'Lucida Grande', Arial, Helvetica, sans-serif;
    color: #6b4c79;
    border: 1px solid #e8c6d8;
    border-radius: 8px;
    padding: 8px 12px;
}
INPUT.post {
    BORDER-RIGHT: #e8c6d8 1px solid; 
    BORDER-TOP: #e8c6d8 1px solid; 
    PADDING-LEFT: 12px; 
    BACKGROUND: #ffffff; 
    PADDING-BOTTOM: 10px; 
    FONT: 14px 'Segoe UI', 'Lucida Grande', Arial, Helvetica; 
    BORDER-LEFT: #e8c6d8 1px solid; 
    COLOR: #6b4c79; 
    PADDING-TOP: 10px; 
    BORDER-BOTTOM: #e8c6d8 1px solid;
    border-radius: 8px;
    transition: all 0.3s ease;
}
INPUT.post:focus {
    outline: none;
    border-color: #d4a5c2;
    box-shadow: 0 0 0 3px rgba(212, 165, 194, 0.2);
}
TEXTAREA.post {
    BORDER-RIGHT: #e8c6d8 1px solid; 
    BORDER-TOP: #e8c6d8 1px solid; 
    PADDING-LEFT: 12px; 
    BACKGROUND: #ffffff; 
    PADDING-BOTTOM: 10px; 
    FONT: 14px 'Segoe UI', 'Lucida Grande', Arial, Helvetica; 
    BORDER-LEFT: #e8c6d8 1px solid; 
    COLOR: #6b4c79; 
    PADDING-TOP: 10px; 
    BORDER-BOTTOM: #e8c6d8 1px solid;
    border-radius: 8px;
    transition: all 0.3s ease;
}
TEXTAREA.post:focus {
    outline: none;
    border-color: #d4a5c2;
    box-shadow: 0 0 0 3px rgba(212, 165, 194, 0.2);
}
INPUT.button {
    BORDER-RIGHT: #d4a5c2 1px solid; 
    BORDER-TOP: #d4a5c2 1px solid; 
    FONT-SIZE: 14px; 
    BACKGROUND: linear-gradient(135deg, #e8a2c9, #d4a5c2); 
    BORDER-LEFT: #d4a5c2 1px solid; 
    COLOR: #ffffff; 
    PADDING: 12px 24px; 
    BORDER-BOTTOM: #d4a5c2 1px solid;
    border-radius: 25px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
INPUT.button:hover {
    background: linear-gradient(135deg, #ff9ec5, #e8a2c9);
    box-shadow: 0 4px 15px rgba(232, 162, 201, 0.4);
    transform: translateY(-2px);
}
INPUT.liteoption {
    BORDER-RIGHT: #e8c6d8 1px solid; 
    BORDER-TOP: #e8c6d8 1px solid; 
    FONT-SIZE: 14px; 
    BACKGROUND: linear-gradient(135deg, #ffffff, #fcf2f7); 
    BORDER-LEFT: #e8c6d8 1px solid; 
    COLOR: #8a5a7c; 
    PADDING: 10px 20px; 
    BORDER-BOTTOM: #e8c6d8 1px solid;
    border-radius: 20px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
}
INPUT.liteoption:hover {
    background: linear-gradient(135deg, #fcf2f7, #f8e8f1);
    box-shadow: 0 4px 10px rgba(232, 198, 216, 0.3);
}

.fakebut {
    BORDER-RIGHT: #e8c6d8 1px solid; 
    BORDER-TOP: #e8c6d8 1px solid; 
    FONT-SIZE: 14px; 
    BACKGROUND: linear-gradient(135deg, #ffffff, #fcf2f7); 
    BORDER-LEFT: #e8c6d8 1px solid; 
    COLOR: #8a5a7c; 
    PADDING: 10px 20px; 
    BORDER-BOTTOM: #e8c6d8 1px solid;
    border-radius: 20px;
    font-weight: 500;
}
INPUT.catbutton {
    BORDER-RIGHT: #d4a5c2 1px solid; 
    BORDER-TOP: #d4a5c2 1px solid; 
    FONT-SIZE: 14px; 
    BACKGROUND: linear-gradient(135deg, #e8a2c9, #d4a5c2); 
    BORDER-LEFT: #d4a5c2 1px solid; 
    COLOR: #ffffff; 
    PADDING: 10px 20px; 
    BORDER-BOTTOM: #d4a5c2 1px solid;
    border-radius: 20px;
    font-weight: 600;
}
INPUT.mainoption {
    BORDER-RIGHT: #c895b3 1px solid; 
    BORDER-TOP: #c895b3 1px solid; 
    FONT-WEIGHT: 600; 
    FONT-SIZE: 14px; 
    BACKGROUND: linear-gradient(135deg, #d4a5c2, #c895b3); 
    BORDER-LEFT: #c895b3 1px solid; 
    COLOR: #ffffff; 
    PADDING: 12px 24px; 
    BORDER-BOTTOM: #c895b3 1px solid;
    border-radius: 25px;
}

A.but {
    COLOR: #ffffff; 
    TEXT-DECORATION: none;
    background: linear-gradient(135deg, #e8a2c9, #d4a5c2);
    padding: 10px 20px;
    border-radius: 20px;
    font-weight: 600;
    display: inline-block;
    transition: all 0.3s ease;
}
A.but:hover {
    COLOR: #ffffff; 
    TEXT-DECORATION: none;
    background: linear-gradient(135deg, #ff9ec5, #e8a2c9);
    box-shadow: 0 4px 15px rgba(232, 162, 201, 0.4);
    transform: translateY(-2px);
}
A.but:visited {
    COLOR: #ffffff; 
    TEXT-DECORATION: none;
}
.helpline {
    BORDER-RIGHT: 0px solid; 
    BORDER-TOP: 0px solid; 
    FONT-SIZE: 13px; 
    BORDER-LEFT: 0px solid; 
    BORDER-BOTTOM: 0px solid;
}
.topbkg {
    BACKGROUND: linear-gradient(135deg, #f8e8f1, #f5e0ec);
    border-radius: 15px 15px 0 0;
    padding: 20px;
}
.topnav {
    BORDER-RIGHT: #e8c6d8 0px solid; 
    BORDER-TOP: #e8c6d8 1px solid; 
    FONT-SIZE: 14px; 
    BACKGROUND: linear-gradient(135deg, #ffffff, #fcf2f7); 
    BORDER-LEFT: #e8c6d8 0px solid; 
    COLOR: #8a5a7c; 
    BORDER-BOTTOM: #e8c6d8 1px solid; 
    WHITE-SPACE: nowrap; 
    HEIGHT: 50px;
    border-radius: 10px;
    padding: 0 20px;
}
.admin {
    FONT-WEIGHT: 600; 
    FONT-SIZE: 14px;
}
.mod {
    FONT-WEIGHT: 600; 
    FONT-SIZE: 14px;
}
.admin {
    COLOR: #ff7ba3;
}
A.admin {
    COLOR: #ff7ba3;
}
A.admin:visited {
    COLOR: #ff6b8b;
}
.mod {
    COLOR: #a2d4a5;
}
A.mod {
    COLOR: #a2d4a5;
}
A.mod:visited {
    COLOR: #92c495;
}
A.admin:hover {
    COLOR: #ff4d7e;
}
A.mod:hover {
    COLOR: #82b485;
}
IMG {
    BORDER-RIGHT: 0px solid; 
    BORDER-TOP: 0px solid; 
    BORDER-LEFT: 0px solid; 
    BORDER-BOTTOM: 0px solid;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
.copyright {
    FONT-SIZE: 12px; 
    COLOR: #9d7a8f; 
    FONT-FAMILY: 'Segoe UI', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; 
    LETTER-SPACING: -0.5px;
}
A.copyright {
    COLOR: #d4a5c2; 
    TEXT-DECORATION: none;
}
A.copyright:hover {
    COLOR: #ff9ec5; 
    TEXT-DECORATION: underline;
}

/* СТИЛИ для скрипта форума WR-Forum Professional версии 2.2 с 2019 года */

/* 1) ИЗМЕНЕНИЕ ИМЕЮЩЕГОСЯ СТИЛЯ */
.pgbutt a {
    font-family: 'Segoe UI', 'Lucida Grande', Verdana; 
    padding-top: 10px;
    padding-bottom: 10px;
    text-decoration: none; 
    border: 1px solid #e8c6d8; 
    background: linear-gradient(135deg, #ffffff, #fcf2f7); 
    padding: 10px 20px; 
    margin: 5px 5px 0 0;
    color: #8a5a7c;
    -moz-border-radius: 25px;
    -khtml-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    font-weight: 500;
    transition: all 0.3s ease;
}
 
.pgbutt a:hover {
    background: linear-gradient(135deg, #fcf2f7, #f8e8f1);
    color: #d4a5c2;
    box-shadow: 0 4px 15px rgba(232, 198, 216, 0.3);
    transform: translateY(-2px);
}

input.button,input.liteoption,.fakebut {
    border: 1px solid #e8c6d8; 
    background: linear-gradient(135deg, #ffffff, #fcf2f7); 
    font-size: 14px; 
    font-weight: 500;
    color: #8a5a7c;
    border-radius: 8px;
    padding: 10px 20px;
    transition: all 0.3s ease;
}

input.button:hover {
    background: linear-gradient(135deg, #fcf2f7, #f8e8f1);
    box-shadow: 0 4px 15px rgba(232, 198, 216, 0.3);
}

/* 2) QR-CODE */
#qr img {
    width: 40px;
    height: 40px;
    position: fixed;
    right: 20px;
    top: 20px;
    border: 2px solid #e8c6d8;
    padding: 4px;
    background-color: white;
    border-radius: 50%;
    box-shadow: 0 4px 15px rgba(232, 198, 216, 0.3);
    transition: all 0.3s ease;
}

#qr img:hover {
    width: 200px;
    height: 200px;
    z-index: 100;
    padding: 8px;
    border-radius: 15px;
    box-shadow: 0 8px 30px rgba(232, 198, 216, 0.5);
    border-color: #d4a5c2;
}

/* 3) Если нет аватара добавляем ЧУДО КВАДРАТ с первой буквой логина */
.guestavatar {
    width: 120px;
    height: 120px;
    text-align: center;
    background: linear-gradient(135deg, #ffb6c1, #ff9ec5, #e8a2c9);
    color: #ffffff;
    font-size: 48px;
    font-weight: 600;
    display: table-cell;
    border-radius: 50%;
    position: relative;
    vertical-align: middle;
    border: 4px solid #ffffff;
    box-shadow: 0 8px 25px rgba(232, 162, 201, 0.4);
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

/* 4) навигационное МЕНЮ В АДМИНКЕ */
#nav8, #nav8 ul, #nav8 li {
    margin: 0;
    padding: 0;
    border: 0;
}

#nav8, #nav8 ul {
    background: linear-gradient(135deg, #ffffff, #fcf2f7);
    border: 1px solid #e8c6d8;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(232, 198, 216, 0.2);
}

#nav8 {
    border-spacing: 0 0;
    position: relative;
    z-index: 50;
    width: 100%;
}

#nav8 ul {
    position: absolute;
    display: none;
    border-radius: 10px;
    box-shadow: 0 8px 30px rgba(232, 198, 216, 0.3);
}

#nav8 td:hover ul {
    display: block;
}

#nav8 ul li {
    list-style: none;
}

#nav8 .right {
    direction: rtl;
}

#nav8 .right ul {
    right: 0;
}

#nav8 .right li {
    direction: ltr;
}

#nav8 a {
    display: block;
    padding: 12px 20px;
    text-align: center;
    text-decoration: none;
    color: #8a5a7c;
    font-weight: 500;
    transition: all 0.3s ease;
}

#nav8 ul a {
    padding: 10px 25px;
    text-align: left;
    background: linear-gradient(135deg, #ffffff, #fcf2f7);
}

#nav8 td:hover, #nav8 li:hover {
    background: linear-gradient(135deg, #f8e8f1, #f5e0ec);
}

#nav8 td {
    text-align: center;
    border-right: 1px solid #f5e0ec;
}

#nav8 td:last-child {
    border-right: none;
}

#nav8 a:hover {
    color: #d4a5c2;
    background: linear-gradient(135deg, #f8e8f1, #f5e0ec);
}

/* 5) Стиль для блока загрузки */
#cssbar-wrapper {
    width: 300px;
    height: 20px;
    position: absolute;
    left: 50%;
}

#cssbar-border {
    border: 3px solid #e8c6d8;
    height: 100%;
    width: 100%;
    position: relative;
    left: -50%;
    top: -50%;
    padding: 4px 3px;
    background: #ffffff;
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(232, 198, 216, 0.2);
}

#cssbar-whitespace {
    overflow: hidden;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    background: #fcf2f7;
}

#cssbar-line {
    background: linear-gradient(90deg, 
        #ffb6c1 0%, 
        #ff9ec5 25%, 
        #e8a2c9 50%, 
        #d4a5c2 75%, 
        #ffb6c1 100%);
    position: absolute;
    height: 100%;
    width: 100%;
    animation: cssbar-slide 2s linear infinite;
    -o-animation: cssbar-slide 2s linear infinite;
    -ms-animation: cssbar-slide 2s linear infinite;
    -webkit-animation: cssbar-slide 2s linear infinite;
    -moz-animation: cssbar-slide 2s linear infinite;
    border-radius: 10px;
}

@keyframes cssbar-slide {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}

@-o-keyframes cssbar-slide {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}

@-ms-keyframes cssbar-slide {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}

@-webkit-keyframes cssbar-slide {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}

@-moz-keyframes cssbar-slide {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}

/* Дополнительные стили для женского форума */

/* Цветочные иконки */
.flower-icon {
    color: #d4a5c2;
    margin-right: 8px;
    text-shadow: 0 0 8px rgba(212, 165, 194, 0.3);
}

/* Элегантные разделители */
.elegant-divider {
    height: 1px;
    background: linear-gradient(90deg, 
        transparent 0%, 
        #e8c6d8 50%, 
        transparent 100%);
    margin: 30px 0;
    position: relative;
}

.elegant-divider:before {
    content: "❀";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    color: #d4a5c2;
    padding: 0 15px;
    font-size: 18px;
}

/* Стиль для женских тем */
.feminine-theme {
    background: linear-gradient(135deg, #fff9fc, #fff5f9);
    border: 1px solid #f5e0ec;
    border-radius: 15px;
    padding: 20px;
    margin: 20px 0;
    box-shadow: 0 8px 25px rgba(232, 198, 216, 0.15);
}

/* Красивые карточки */
.pretty-card {
    background: linear-gradient(135deg, #ffffff, #fff9fc);
    border: 1px solid #f5e0ec;
    border-radius: 15px;
    padding: 25px;
    margin: 15px 0;
    box-shadow: 0 6px 20px rgba(232, 198, 216, 0.1);
    transition: all 0.3s ease;
}

.pretty-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(232, 198, 216, 0.2);
}

/* Элегантные кнопки */
.elegant-button {
    background: linear-gradient(135deg, #e8a2c9, #d4a5c2);
    color: white;
    border: none;
    border-radius: 25px;
    padding: 12px 28px;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 15px rgba(232, 162, 201, 0.3);
}

.elegant-button:hover {
    background: linear-gradient(135deg, #ff9ec5, #e8a2c9);
    box-shadow: 0 6px 20px rgba(232, 162, 201, 0.4);
    transform: translateY(-2px);
}

/* Нежные пастельные цвета для статусов */
.status-online {
    color: #a2d4a5;
    font-weight: 600;
}

.status-offline {
    color: #d4a5c2;
    font-style: italic;
}

.status-busy {
    color: #ffb6c1;
    font-weight: 600;
}

/* Анимация для красивых эффектов */
@keyframes float {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

.floating-element {
    animation: float 3s ease-in-out infinite;
}

/* Стиль для цитат девушек */
.girl-quote {
    background: linear-gradient(135deg, #fff9fc, #fff5f9);
    border-left: 4px solid #ffb6c1;
    border-radius: 0 10px 10px 0;
    padding: 20px;
    margin: 20px 0;
    font-style: italic;
    color: #8a5a7c;
    position: relative;
}

.girl-quote:before {
    content: '"';
    font-size: 60px;
    color: #ffb6c1;
    position: absolute;
    left: 10px;
    top: 10px;
    opacity: 0.3;
}

/* Стиль для красивых списков */
.pretty-list {
    list-style: none;
    padding-left: 0;
}

.pretty-list li {
    padding: 10px 0 10px 30px;
    position: relative;
    color: #6b4c79;
}

.pretty-list li:before {
    content: "✦";
    position: absolute;
    left: 0;
    color: #d4a5c2;
    font-size: 16px;
}

/* Эффект блеска для важных элементов */
.glow-effect {
    text-shadow: 0 0 10px rgba(255, 182, 193, 0.5);
}

/* Стиль для уведомлений */
.feminine-notification {
    background: linear-gradient(135deg, #fff9fc, #fff5f9);
    border: 1px solid #f5e0ec;
    border-radius: 10px;
    padding: 15px;
    margin: 10px 0;
    color: #8a5a7c;
    position: relative;
    box-shadow: 0 4px 15px rgba(232, 198, 216, 0.2);
}

.feminine-notification:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: linear-gradient(to bottom, #ffb6c1, #e8a2c9);
    border-radius: 2px 0 0 2px;
}

/* Градиентный текст */
.gradient-text {
    background: linear-gradient(135deg, #e8a2c9, #d4a5c2, #ffb6c1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 600;
}

/* Стиль для аватаров пользователей */
.user-avatar-frame {
    border: 3px solid #ffffff;
    border-radius: 50%;
    padding: 4px;
    background: linear-gradient(135deg, #ffb6c1, #ff9ec5, #e8a2c9);
    box-shadow: 0 4px 15px rgba(232, 162, 201, 0.3);
    display: inline-block;
}

/* Стиль для статистики */
.feminine-stats {
    background: linear-gradient(135deg, #fff9fc, #fff5f9);
    border-radius: 15px;
    padding: 20px;
    text-align: center;
    border: 1px solid #f5e0ec;
    margin: 10px;
}

.feminine-stats .number {
    font-size: 32px;
    font-weight: 600;
    color: #d4a5c2;
    display: block;
    margin-bottom: 5px;
}

.feminine-stats .label {
    font-size: 14px;
    color: #9d7a8f;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Адаптивность для Web 2.0 */
@media (max-width: 768px) {
    .bodyline {
        margin: 10px;
        padding: 15px;
    }
    
    .maintitle, h1 {
        font-size: 24px;
    }
    
    h2 {
        font-size: 20px;
    }
    
    .topnav {
        height: auto;
        padding: 10px;
    }
    
    #nav8 a {
        padding: 10px 15px;
    }
}

/* Плавные переходы для всех интерактивных элементов */
a, button, input, select, textarea {
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Эффект параллакса для фона */
@media (min-width: 768px) {
    body {
        background-attachment: fixed;
        background-size: cover;
    }
}