/* ========================================
   SVIP模板 - 透明背景版
   用户自定义背景色生效
   ======================================== */

/* ----- 全局 ----- */
body {
    margin: 0;
    background: #0a0a0f;
}

.main {
    margin: auto;
    width: 772px;
    overflow: hidden;
    font-size: 12px;
    font-family: tahoma, 'PingFang SC', 'Microsoft YaHei', Arial, sans-serif;
}

/* ----- 底部 ----- */
.main .bottom {
    color: #f0f0f0;
    float: left;
    width: 770px;
    margin-top: 3px;
    background: transparent !important;
    border: 1px solid rgba(255, 215, 0, 0.08);
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
}
.main .bottom a {
    color: #c8c8c8;
    text-decoration: none;
    font-weight: bold;
    margin-left: 10px;
}
.main .bottom a:hover {
    color: #ffd700;
}

/* ----- 顶部导航 ----- */
.main .top {
    background: url(b_g.gif);
    position: relative;
    width: 980px;
    height: 31px;
    left: -104px;
    border: 1px solid #cccccc;
    line-height: 30px;
    text-indent: 20px;
    color: #777;
}
.main .top a {
    text-decoration: none;
    color: #222;
}
.main .top a:hover {
    text-decoration: underline;
}

/* ----- 横幅 ----- */
.banner {
    width: 730px;
    height: 190px;
    float: left;
    margin-top: 3px;
    padding-left: 40px;
    padding-top: 60px;
    border-radius: 12px;
    border: 1px solid rgba(255, 215, 0, 0.06);
    background: transparent !important;
}
.banner span {
    color: #bbbbbb;
    font-size: 22px;
    font-weight: bold;
    font-family: Candara;
}

/* ----- 所有板块透明 + 边框 ----- */
.banner,
.menu a,
.head,
.setgood,
.iapply,
.views,
.musicbox,
.note,
.albumlist,
.firendlist,
.liwulist,
.wordlist,
.notes,
.firends,
.bottom {
    background: transparent !important;
    border: 1px solid rgba(255, 215, 0, 0.06);
    float: left;
    border-radius: 10px;
}

/* ----- 左侧卡片 ----- */
.head,
.setgood,
.iapply,
.views {
    width: 227px;
    height: auto;
    margin-top: 3px;
    color: #bfbfbf;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid rgba(255, 215, 0, 0.06);
}

.setgood span,
.iapply span,
.views span {
    float: left;
    margin: 1px;
    height: auto;
    width: 225px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
    color: #ffffff;
    text-indent: 15px;
    background: linear-gradient(90deg, rgba(255, 215, 0, 0.05), transparent);
}

/* ----- 右侧主内容 ----- */
.musicbox,
.note,
.albumlist,
.firendlist,
.liwulist,
.wordlist,
.notes,
.firends {
    width: 537px;
    margin-top: 3px;
    overflow: hidden;
    padding-bottom: 10px;
    border-radius: 10px;
    border: 1px solid rgba(255, 215, 0, 0.06);
}

.note span,
.albumlist span,
.firendlist span,
.liwulist span,
.wordlist span {
    float: left;
    margin: 1px;
    height: auto;
    width: 535px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
    color: #ffffff;
    text-indent: 15px;
    background: linear-gradient(90deg, rgba(255, 215, 0, 0.05), transparent);
}

/* ----- 菜单 ----- */
.menu {
    width: 550px;
    height: 25px;
    line-height: 25px;
    float: left;
    margin-top: -40px;
    margin-left: 5px;
}
.menu a {
    color: #e1e1e1;
    text-decoration: none;
    width: 45px;
    margin-left: 5px;
    height: 25px;
    text-align: center;
    background: transparent !important;
    border-radius: 6px;
    border: 1px solid transparent;
}
.menu a:hover,
.menu .curr {
    font-weight: bold;
    color: #FFFFFF;
    background: linear-gradient(135deg, #ffd700, #f5a623);
    border-color: #ffd700;
}

/* ----- 左右布局 ----- */
.main .left {
    width: 230px;
    float: left;
    height: auto;
    overflow: hidden;
}
.main .right {
    width: 539px;
    float: left;
    height: auto;
    overflow: hidden;
    margin-left: 3px;
}

/* ----- 用户头像网格 ----- */
.user {
    float: left;
    width: 86px;
    text-decoration: none;
    height: 17px;
    background-repeat: no-repeat;
    background-position: 3px 3px;
    text-align: center;
    padding-top: 98px;
    overflow: hidden;
    white-space: nowrap;
    color: #E9E9E9;
    border-radius: 10px;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}
.user:hover {
    color: #ffd700;
    transform: scale(1.05);
    border-color: rgba(255, 215, 0, 0.2);
}

/* ----- 左侧头部 ----- */
.main .left .head {
    padding-bottom: 7px;
}
.main .left .head img {
    margin: 1px;
}
.main .left .head span {
    float: left;
    line-height: 25px;
    margin-bottom: 3px;
    margin-left: 11px;
    border-bottom: 1px;
    width: 200px;
    border-bottom-style: dotted;
    border-bottom-color: rgba(255, 255, 255, 0.05);
}

/* ===== SVIP专用按钮 ===== */
.svip_addfirend,
.svip_apply {
    display: inline-block !important;
    width: 69px !important;
    height: 23px !important;
    line-height: 23px !important;
    text-align: center !important;
    font-size: 12px !important;
    font-weight: bold !important;
    color: #ffd700 !important;
    background: transparent !important;
    border: 1px solid #ffd700 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    padding: 0 !important;
    margin-left: 28px !important;
    margin-top: 5px !important;
    transition: all 0.3s ease !important;
    float: left;
}
.svip_addfirend:hover,
.svip_apply:hover {
    background: rgba(255, 215, 0, 0.15) !important;
    transform: scale(1.08) !important;
    box-shadow: 0 0 25px rgba(255, 215, 0, 0.2) !important;
}

.main .left .setgood {
    padding-bottom: 7px;
}
.main .left .setgood a {
    margin-left: 17px;
    margin-top: 5px;
    margin-bottom: 7px;
}
.main .left .iapply {
    padding-bottom: 7px;
}
.main .left .iapply a {
    margin-left: 17px;
    margin-top: 5px;
    margin-bottom: 7px;
}
.main .left .views {
    padding-bottom: 7px;
}
.main .left .views a {
    margin-left: 17px;
    margin-top: 5px;
    margin-bottom: 7px;
}

/* ----- 播放器 ----- */
.main .right .musicbox {
    height: 400px;
}

/* ----- 日志内容 ----- */
.main .right .note {
    height: auto;
}
.main .right .note tt {
    height: 10px;
    color: #ffd700;
    font-family: Candara;
    text-align: center;
    padding-top: 5px;
    width: 537px;
    float: left;
    font-size: 14px;
}
.main .right .note .content {
    width: 527px;
    margin-left: 5px;
    margin-bottom: 5px;
    height: auto;
    float: left;
    color: #bbbbbb;
    margin-top: 5px;
}
.main .right .note .content p {
    margin: 0px;
}
.main .right .note .time {
    width: 527px;
    margin-left: 5px;
    margin-bottom: 5px;
    height: 15px;
    float: left;
    text-align: right;
    display: inline;
    color: #666666;
}

/* ----- 相册 ----- */
.main .right .albumlist {
    height: auto;
}
.main .right .albumlist a {
    margin-left: 17px;
    margin-top: 10px;
}

.album {
    float: left;
    width: 111px;
    text-decoration: none;
    height: 0px;
    background-repeat: no-repeat;
    background-position: 3px 3px;
    text-align: center;
    padding-top: 90px;
    overflow: hidden;
    white-space: nowrap;
    border: 1px solid rgba(255, 215, 0, 0.1);
    color: #606060;
    background-color: rgba(0, 0, 0, 0.3);
    text-indent: 3px;
    white-space: pre-line;
    line-height: 20px;
    border-radius: 8px;
    transition: all 0.3s ease;
}
.album:hover {
    border: 1px solid #ffd700;
    color: #ffd700;
    background-color: rgba(255, 215, 0, 0.05);
    transform: scale(1.05);
}

/* ----- 好友列表 ----- */
.main .right .firendlist {
    height: auto;
}
.main .right .firendlist a {
    margin-left: 16px;
    margin-top: 10px;
}

/* ----- 礼物 ----- */
.main .right .liwulist {
    height: auto;
    padding-bottom: 10px;
}
.main .right .liwulist .liwu {
    margin-left: 3px;
    display: inline;
    margin-top: 3px;
    width: 528px;
    float: left;
    height: 30px;
    line-height: 30px;
    background: url(liwu.gif);
    background-repeat: no-repeat;
    border: 1px solid rgba(255, 215, 0, 0.06);
    background-position: 3px 3px;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 6px;
}
.main .right .liwulist .liwu a {
    color: #cccccc;
    text-decoration: none;
}
.main .right .liwulist .liwu a:hover {
    color: #ffd700;
}
.main .right .liwulist .liwu .name {
    float: left;
    width: 332px;
    margin-left: 30px;
    text-indent: 10px;
}
.main .right .liwulist .liwu .open {
    float: left;
    width: 50px;
    text-align: center;
}
.main .right .liwulist .liwu .sender {
    float: left;
    width: 100px;
    text-align: center;
}
.main .right .liwulist .liwu:hover {
    border-color: #ffd700;
}

/* ----- 留言板 ----- */
.main .right .wordlist {
    height: auto;
    font-family: Candara;
}
.main .right .wordlist .iword {
    width: 529px;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.05);
    margin-left: 2px;
    float: left;
    margin-top: 5px;
    padding-bottom: 5px;
}
.main .right .wordlist .iword .sleft {
    width: 96px;
    float: left;
}
.main .right .wordlist .iword .sleft span {
    width: 90px;
    float: left;
    margin-left: 1px;
    margin-top: 2px;
    color: #FFFFFF;
    text-align: left;
    height: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-indent: 4px;
    border: 0px;
    height: auto;
}
.main .right .wordlist .iword .sleft a {
    margin-top: 3px;
    margin-left: 2px;
}
.main .right .wordlist .iword .sright {
    float: left;
    width: 429px;
    padding-bottom: 7px;
}
.main .right .wordlist .iword .sright .content {
    margin-top: 5px;
    margin-left: 5px;
    float: left;
    width: 395px;
    white-space: pre-wrap;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.2);
    word-break: break-all;
    color: #cccccc;
    border: 1px solid rgba(255, 215, 0, 0.06);
    padding: 10px;
    text-align: justify;
    height: inherit;
    border-radius: 6px;
}
.main .right .wordlist .iword .sright .title {
    text-indent: 10px;
    float: left;
    width: 400px;
    color: #E9E9E9;
}
.main .right .wordlist .sendword {
    width: 380px;
    float: left;
    margin-left: 40px;
    padding-top: 15px;
    color: #E9E9E9;
}
.main .right .wordlist .sendword .content {
    width: 380px;
    height: 140px;
    overflow: hidden;
}
.main .right .wordlist .sendword .content textarea {
    width: 370px;
    height: 130px;
    background: rgba(0, 0, 0, 0.3);
    color: #ccc;
    border: 1px solid rgba(255, 215, 0, 0.06);
    border-radius: 6px;
    padding: 8px;
}

/* ----- 分页 ----- */
.main .right .wordlist .pagebar {
    width: 510px;
    display: inline;
    float: left;
    margin: 5px;
}
.main .right .wordlist .pagebar a {
    border: 1px solid rgba(255, 215, 0, 0.1);
    margin-left: 5px;
    padding: 4px 10px;
    text-decoration: none;
    text-align: center;
    background: rgba(0, 0, 0, 0.2);
    color: #aaa;
    margin-top: 2px;
    border-radius: 4px;
}
.main .right .wordlist .pagebar a:hover {
    background: linear-gradient(135deg, #ffd700, #f5a623);
    color: #000;
}
.main .right .wordlist .pagebar .curr {
    float: left;
    width: 25px;
    height: 18px;
    padding-left: 0px;
    text-indent: 0px;
    color: #000000;
    text-align: center;
    padding-top: 6px;
    font-weight: bold;
    font-size: 12px;
    margin-left: 5px;
    border: 1px solid #ffd700;
    background: #ffd700;
    margin-top: 2px;
    border-radius: 4px;
}
.main .right .wordlist .pagebar .num {
    float: left;
    width: 25px;
    height: 18px;
    margin-top: 2px;
}
.main .right .wordlist .pagebar .nxt {
    float: left;
    width: 60px;
    height: 18px;
    margin-top: 2px;
}

/* ----- 图片查看 ----- */
.main .picview {
    float: left;
    margin-top: 3px;
    width: auto;
    height: auto;
    text-align: center;
    width: 722px;
    margin-left: 25px;
    display: inline;
}
.main .picview img {
    border: 2px solid #333;
    cursor: hand;
    border-radius: 8px;
}
.main .pics {
    width: 770px;
    border: 1px solid #333;
    margin-top: 3px;
    height: 350px;
    overflow: auto;
    border-radius: 8px;
}
.main .pics a {
    margin-top: 6px;
    margin-left: 10px;
    margin-bottom: 3px;
}

/* ----- 右侧分页 ----- */
.main .right .fpagebar {
    width: 510px;
    display: inline;
    float: left;
    margin: 5px;
}
.main .right .fpagebar a {
    border: 1px solid rgba(255, 215, 0, 0.1);
    margin-left: 5px;
    padding: 4px 10px;
    text-decoration: none;
    text-align: center;
    background: rgba(0, 0, 0, 0.2);
    color: #aaa;
    margin-top: 2px;
    border-radius: 4px;
}
.main .right .fpagebar a:hover {
    background: linear-gradient(135deg, #ffd700, #f5a623);
    color: #000;
}
.main .right .fpagebar .curr {
    float: left;
    width: 25px;
    height: 19px;
    text-align: center;
    padding-top: 6px;
    font-weight: bold;
    font-size: 12px;
    margin-left: 5px;
    border: 1px solid #ffd700;
    background: #ffd700;
    color: #000;
    margin-top: 2px;
    border-radius: 4px;
}
.main .right .fpagebar .num {
    float: left;
    width: 25px;
    height: 18px;
    margin-top: 2px;
}
.main .right .fpagebar .nxt {
    float: left;
    width: 60px;
    height: 18px;
    margin-top: 2px;
}

/* ----- 粉丝列表 ----- */
.main .right .firends {
    height: auto;
}
.main .right .firends a {
    margin-left: 16px;
    margin-top: 10px;
}

/* ----- 隐藏元素 ----- */
#imoney,
#icity,
#iname,
#icurrtime,
#itel,
#iqq {
    display: none;
}

/* ----- 日志列表行 ----- */
.main .right .notes {
    height: auto;
}
.main .right .notes .row {
    width: 517px;
    border: 1px solid rgba(255, 215, 0, 0.06);
    margin-left: 9px;
    float: left;
    display: inline;
    margin-top: 9px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 8px;
}
.main .right .notes .row:hover {
    border-color: #ffd700;
}
.main .right .notes .row a {
    height: 17px;
    color: #e9e9e9;
    float: left;
    overflow: hidden;
    font-size: 12px;
    font-weight: bold;
    width: 360px;
    padding-top: 3px;
    white-space: nowrap;
    margin-left: 10px;
    text-decoration: none;
}
.main .right .notes .row a:hover {
    color: #ffd700;
}
.main .right .notes .row .time {
    height: 17px;
    padding-top: 3px;
    float: right;
    margin-right: 10px;
    text-align: right;
    color: #ff6b35;
    width: 130px;
    overflow: hidden;
    font-family: Candara;
}

/* ----- 滚动条 ----- */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.2);
}
::-webkit-scrollbar-thumb {
    background: #ffd700;
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: #f5a623;
}