:root{--tab-border-color:#e9ecef;--tab-text-color:#666;--tab-hover-bg:#f8f9fa;--tab-hover-text:#333;--tab-active-color:#007bff;--tab-active-bg:#fff;--content-bg:#fff;--content-text:#333;--panel-bg:#fff;--panel-border:#e9ecef;--muted-text:#999;--alert-info-bg:#d1ecf1;--alert-info-border:#bee5eb;--alert-info-text:#0c5460;--shadow-color:rgba(0,0,0,0.2);--hover-shadow:rgba(0,0,0,0.2)}[data-night="night"],.dark-mode,body.dark,body.night,.night,.night-mode,html.night,.theme-dark{--tab-border-color:#444;--tab-text-color:#ccc;--tab-hover-bg:#333;--tab-hover-text:#fff;--tab-active-color:#007bff;--tab-active-bg:#2d2d2d;--content-bg:#2d2d2d;--content-text:#ccc;--panel-bg:#333;--panel-border:#444;--muted-text:#999;--alert-info-bg:#1e3a5f;--alert-info-border:#2e5984;--alert-info-text:#b3d4fc;--shadow-color:rgba(0,0,0,0.5);--hover-shadow:rgba(0,0,0,0.5)}.comment-ranking-container{margin-bottom:30px}.ranking-selector{margin-bottom:20px}.ranking-selector .nav-tabs{border-bottom:2px solid var(--tab-border-color);margin-bottom:0}.ranking-selector .nav-tabs>li{margin-bottom:-2px}.ranking-selector .nav-tabs>li>a{border:1px solid transparent;border-radius:4px 4px 0 0;color:var(--tab-text-color);font-weight:500;padding:12px 20px;transition:all 0.3s ease;background-color:transparent}.ranking-selector .nav-tabs>li>a:hover{border-color:var(--tab-border-color);background-color:var(--tab-hover-bg);color:var(--tab-hover-text);transform:translateY(-2px)}.ranking-selector .nav-tabs>li.active>a,.ranking-selector .nav-tabs>li.active>a:hover,.ranking-selector .nav-tabs>li.active>a:focus{color:var(--tab-active-color);background-color:var(--tab-active-bg);border:1px solid var(--tab-border-color);border-bottom-color:transparent;cursor:default}.comment-ranking-container .tab-content{background:var(--content-bg);border:1px solid var(--tab-border-color);border-top:none;border-radius:0 0 4px 4px;padding:20px;min-height:200px;color:var(--content-text)}.comment-ranking-container .tab-pane{display:none;opacity:0;transition:opacity 0.3s ease-in-out}.comment-ranking-container .tab-pane.active{display:block;opacity:1}.comment-ranking-container .panel{transition:transform 0.3s ease,box-shadow 0.3s ease;cursor:pointer;background-color:var(--panel-bg);border-color:var(--panel-border);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.comment-ranking-container .panel:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 20px 40px var(--hover-shadow)}.single-post.panel{transition:transform 0.3s ease,box-shadow 0.3s ease;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.1)}.single-post.panel:hover{transform:translateY(-3px);box-shadow:0 12px 30px var(--hover-shadow)}.panel:not(.comment-ranking-container .panel):not(.single-post):not(.panel-default.m-t-md.pos-rlt.m-b-md.no-borders.border-radius-6){transition:transform 0.3s ease,box-shadow 0.3s ease;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,0.08)}.panel:not(.comment-ranking-container .panel):not(.single-post):not(.panel-default.m-t-md.pos-rlt.m-b-md.no-borders.border-radius-6):hover{transform:translateY(-2px);box-shadow:0 8px 20px var(--hover-shadow)}.comment-ranking-container .panel img,.comment-ranking-container .panel .avatar{transition:transform 0.3s ease;border-radius:50%}.comment-ranking-container .panel:hover img,.comment-ranking-container .panel:hover .avatar{transform:scale(1.15)}.comment-ranking-container .panel .panel-body{transition:transform 0.2s ease}.comment-ranking-container .panel:hover .panel-body{transform:translateY(-2px)}.comment-ranking-container .panel .badge{transition:transform 0.3s ease,box-shadow 0.3s ease}.comment-ranking-container .panel:hover .badge{transform:scale(1.1) rotate(5deg);box-shadow:0 4px 12px rgba(0,0,0,0.2)}.comment-ranking-container .panel a{transition:color 0.3s ease}.comment-ranking-container .panel:hover a{text-decoration:none}.comment-ranking-container .panel:hover .text-ellipsis>span{transition:transform 0.2s ease;transform:translateX(2px)}.avatar.thumb-xs img{transition:transform 0.3s ease;border-radius:50%}.avatar.thumb-xs:hover img{transform:scale(1.15);position:relative;z-index:10}[data-night="night"] .avatar.thumb-xs:hover img,.dark-mode .avatar.thumb-xs:hover img,body.dark .avatar.thumb-xs:hover img,body.night .avatar.thumb-xs:hover img,.night .avatar.thumb-xs:hover img,.night-mode .avatar.thumb-xs:hover img,html.night .avatar.thumb-xs:hover img,.theme-dark .avatar.thumb-xs:hover img{box-shadow:0 4px 12px rgba(255,255,255,0.1)}.comment-ranking-container .panel-body{background-color:var(--panel-bg)}.comment-ranking-container .text-muted{color:var(--muted-text)!important}.comment-ranking-container .alert-info{background-color:var(--alert-info-bg);border-color:var(--alert-info-border);color:var(--alert-info-text)}.comment-ranking-container .col-sm-6{margin-bottom:15px}#time_content .panel-default.m-t-md.pos-rlt.m-b-md.no-borders.border-radius-6,#time_content .nav-pills.nav-sm#time_toolbar,#time_content .nav-pills.nav-sm#time_toolbar li,#time_content .nav-pills.nav-sm#time_toolbar a,#time_content .modal,#time_content .modal-dialog,#time_content .modal-content,#time_content .modal-header,#time_content .modal-body,#time_content .modal-footer,#time_content .comment-form,#time_content .comment-form textarea,#time_content .comment-form input,#time_content .comment-form button,#time_content .OwO,#time_content .OwO-textarea{transition:none!important;transform:none!important;box-shadow:none!important}#time_content .panel-default.m-t-md.pos-rlt.m-b-md.no-borders.border-radius-6:hover,#time_content .nav-pills.nav-sm#time_toolbar:hover,#time_content .nav-pills.nav-sm#time_toolbar li:hover,#time_content .nav-pills.nav-sm#time_toolbar a:hover,#time_content .modal:hover,#time_content .modal-dialog:hover,#time_content .modal-content:hover,#time_content .modal-header:hover,#time_content .modal-body:hover,#time_content .modal-footer:hover,#time_content .comment-form:hover,#time_content .comment-form textarea:hover,#time_content .comment-form input:hover,#time_content .comment-form button:hover,#time_content .OwO:hover,#time_content .OwO-textarea:hover{transform:none!important;box-shadow:none!important}.visitor-info-section{padding:20px;background:var(--content-bg);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.08);transition:box-shadow 0.3s ease}.visitor-info-section:hover{box-shadow:0 4px 15px var(--hover-shadow)}