@charset "utf-8";

/*
Theme Name:文派翻译
Theme URI: https://www.weixiaoduo.com/themes
Description: 基于 Twenty Twelve 主题开发的 WordPress 翻译项目管理前端界面主题，此为我们自用的项目管理中心主题，干净整洁且最大程度的优化了前端用户体验。
Author: 薇晓朵
Author URI: https://www.weixiaoduo.com
Template: twentytwelve
Version: 1.3.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* ========================================
   CSS 变量系统
   ======================================== */
:root {
  /* 颜色系统 - 主题色 */
  --color-primary: #d93d2e;
  --color-primary-dark: #c40000;
  --color-primary-alpha: rgba(216, 0, 0, 0.7);

  /* 颜色系统 - 背景色 */
  --color-bg-white: #ffffff;
  --color-bg-light-1: #f8fcfe;
  --color-bg-light-2: #f1f1f1;
  --color-bg-light-3: #ebebeb;
  --color-bg-dark: #23292d;
  --color-bg-code: #4a4a4a;

  /* 颜色系统 - 文本色 */
  --color-text-primary: #333;
  --color-text-secondary: #555;
  --color-text-muted: #757575;
  --color-text-light-1: #707070;
  --color-text-light-2: #bababa;
  --color-text-light-3: #c6c6c6;
  --color-text-white: #ffffff;
  --color-text-code: #f8f8d4;

  /* 颜色系统 - 边框色 */
  --color-border-light-1: #eee;
  --color-border-light-2: #ededed;
  --color-border-light-3: #ddd;
  --color-border-medium: #ccc;

  /* 颜色系统 - 交互色 */
  --color-link-primary: #428bca;
  --color-hover-dark: #23292d;

  /* 颜色系统 - 阴影色 */
  --color-shadow-light: rgba(0, 0, 0, 0.1);
  --color-shadow-medium: rgb(100 100 100 / 30%);

  /* 间距系统 */
  --spacing-xs: 0.428571rem;
  --spacing-sm: 10px;
  --spacing-md: 14px;
  --spacing-base: 15px;
  --spacing-lg: 20px;
  --spacing-xl: 1.714286rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 4.5rem;
  --spacing-section: 1.714285714rem;
  --spacing-block: 1rem;

  /* 字体系统 */
  --font-size-xs: 13px;
  --font-size-sm: 14px;
  --font-size-base: 15px;
  --font-size-lg: 25px;

  /* 边框与圆角 */
  --border-width-thin: 1px;
  --border-width-medium: 4px;
  --border-width-thick: 5px;
  --radius-sm: 3px;
  --radius-md: 15px;
  --radius-lg: 25px;

  /* 阴影系统 */
  --shadow-sm: 0 1px 1px var(--color-shadow-light);
  --shadow-md: 0 3px 8px var(--color-shadow-medium);

  /* 布局系统 */
  --container-max-width: 1366px;
  --thumbnail-width: 200px;
  --thumbnail-height: 150px;
  --back-to-top-size: 44px;
  --logo-height: 73px;
  --logo-width: 250px;
  --header-top-offset: 46px;

  /* 过渡与动画 */
  --transition-fast: 0.3s;
  --transition-base: 0.5s;
  --transition-slow: 1.2s;
  --transition-timing: linear;

  /* 响应式断点 */
  --breakpoint-tablet: 768px;
  --breakpoint-admin-bar: 782px;
}


html {
    margin-top: var(--header-top-offset) !important;
    -webkit-font-smoothing: antialiased;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    font-family:
        -apple-system, "Noto Sans", "Helvetica Neue", Helvetica,
        "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC",
        "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC",
        "Source Han Sans CN", "Microsoft YaHei", "Wenquanyi Micro Hei",
        "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp",
        sans-serif;
}
body {
    background-image: url("images/bg.jpg");
    background-repeat: repeat;
    background-position: top left;
    background-attachment: fixed;
}
.site-content article {
    margin-bottom: 1.714285714rem;
}
.entry-content {
    word-break: break-all;
    word-wrap: break-word;
}
.entry-header .comments-link {
    margin-top: 0;
}
.entry-content blockquote,
.comment-content blockquote {
    font-style: normal;
    margin: var(--spacing-md) auto;
    padding: var(--spacing-sm);
    clear: both;
    border-left: var(--border-width-thick) solid var(--color-border-light-1);
    background-color: var(--color-bg-light-1);
    font-size: var(--font-size-xs);
}
.entry-content pre,
.comment-content pre {
    margin: var(--spacing-lg) 0;
    background: var(--color-bg-code);
    padding: var(--spacing-sm) var(--spacing-lg);
    color: var(--color-text-code);
}

/** 评论 **/
.comments-title {
    margin-bottom: 1rem;
}
.comments-area article header {
    margin: 0 0 1rem;
}
.reply {
    float: right;
}

/** 返回 **/
.back-to-top {
    position: fixed;
    background-color: var(--color-bg-light-3);
    height: var(--back-to-top-size);
    width: var(--back-to-top-size);
    bottom: 150px;
    right: 15%;
    text-align: center;
    line-height: 40px;
    border-radius: var(--radius-sm);
}

/** 侧栏 **/
.widget widget_categories ul li {
    width: 45%;
}

/** 作者信息 **/
.authorbio {
    background: var(--color-bg-light-2);
    margin: var(--spacing-sm) 0;
    padding: var(--spacing-lg);
}
.authorbio p {
    line-height: 0;
}
/** 缩略图 **/
.thumbnail {
    position: relative;
    float: left;
    width: var(--thumbnail-width);
    height: var(--thumbnail-height);
    margin: 0 var(--spacing-lg) 0 0;
    clear: both;
    overflow: hidden;
    transition-duration: var(--transition-base);
}
.thumbnail a img {
    width: var(--thumbnail-width);
    height: var(--thumbnail-height);
    -webkit-transition: -webkit-transform var(--transition-fast) var(--transition-timing);
    -moz-transition: -moz-transform var(--transition-fast) var(--transition-timing);
    -o-transition: -o-transform var(--transition-fast) var(--transition-timing);
    transition: transform var(--transition-fast) var(--transition-timing);
    font-size: var(--font-size-xs);
}
.thumbnail .cat {
    background: var(--color-primary-dark);
    position: absolute;
    top: 0;
    left: 0;
    filter: alpha(opacity=70);
    box-shadow: var(--shadow-sm);
    background: 0 0 var(--color-primary-alpha);
}
.thumbnail .cat a {
    color: var(--color-text-white);
    line-height: 28px;
    padding: 0 var(--spacing-sm);
}
.type-bulletin .thumbnail {
    display: none;
}
.thumbnail a img {
    animation: fade-in;
    animation-duration: 1.2s;
    -webkit-animation: fade-in 1.2s;
}
/** 页码 **/
.pagination {
    padding: var(--spacing-lg);
    background-color: var(--color-bg-white);
    text-align: center;
}
.pagination ul {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: 0;
    margin-bottom: 0;
}
.pagination ul > li {
    display: inline;
}
.pagination ul > li > a,
.pagination ul > li > span {
    margin: 0 1px;
    float: left;
    padding: 4px 12px 3px;
    line-height: var(--spacing-lg);
    text-decoration: none;
    background-color: var(--color-border-light-1);
    color: var(--color-text-secondary);
}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus {
    background-color: var(--color-border-medium);
    color: var(--color-text-primary);
}
.pagination ul > .active > a,
.pagination ul > .active > span {
    background-color: var(--color-link-primary);
    color: var(--color-text-white);
}
.pagination ul > .active > a,
.pagination ul > .active > span {
    cursor: default;
}
.pagination ul > li > span,
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
    color: var(--color-text-muted);
    background-color: transparent;
    cursor: default;
}
.page-links {
    text-align: center;
}
.page-links a {
    color: var(--color-link-primary) !important;
}

/**头部搜索 **/
.header-search {
    float: right;
    margin-top: -70px;
}

/** 响应式断点 **/
/* 平板及以下设备 (768px) */
@media (max-width: 768px) {
    .header-search {
        margin-top: 5px;
        text-align: center;
        float: none;
    }
    .header-search img {
        height: 40%;
    }
}

/* WordPress 管理栏断点 (782px) */
@media screen and (max-width: 782px) {
    html {
        margin-top: 0 !important;
    }
    .gp-content li {
        width: 86.5% !important;
    }
}

/*
薇晓朵优化样式
*/

.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type="submit"],
.bypostauthor cite span {
    padding: var(--spacing-xs) var(--spacing-xl) !important;
    font-size: var(--font-size-sm) !important;
}

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
    color: var(--color-text-light-2);
}
.main-navigation li ul li a:hover,
.main-navigation li ul li a:focus {
    background: var(--color-bg-dark) !important;
    color: var(--color-text-light-3) !important;
}
.entry-content li,
.comment-content li,
.mu_register li {
    margin: var(--spacing-base) 0 0 0 !important;
}
.archive-title,
.page-title,
.widget-title,
.entry-content th,
.comment-content th {
    font-size: var(--font-size-sm);
    text-transform: initial;
}
#submit {
    font-size: var(--font-size-sm) !important;
    margin: 1em 0.1em 0 0 !important;
}

.site {
    margin: 0 auto;
    max-width: var(--container-max-width);
    overflow: hidden;
    border-top: var(--border-width-medium) solid var(--color-primary);
    background-color: var(--color-bg-white);
    border-radius: var(--radius-md);
}
.site .fl-row-content-wrap {
    border-radius: var(--radius-md);
}
.site-header {
    padding: var(--spacing-3xl) 0;
}
.site-header h1 a:hover,
.site-header h2 a:hover {
    color: var(--color-primary);
}
.main-navigation li a:hover,
.main-navigation li a:focus {
    color: var(--color-primary);
}
.site-info {
    text-align: center;
    padding: 0 0 var(--spacing-xl) 0;
    color: var(--color-text-light-1);
}
.site-content article {
    border-bottom: var(--border-width-medium) double var(--color-bg-white);
}
h1.site-title,
.site-header h1,
.site-header h2,
.site-title {
    text-align: center;
}
img.custom-logo {
    height: var(--logo-height);
    width: var(--logo-width);
    display: initial;
}

.ee-card__meta a,
.ee-card__meta span {
    text-transform: inherit !important;
}

.home-icon:before {
    font-family: "dashicons";
    content: "\f102";
    font-size: var(--font-size-lg);
    color: var(--color-text-light-3);
    position: inherit;
    margin-bottom: 5px;
    line-height: var(--spacing-sm);
    top: 5px;
    padding-right: 5px;
}

.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
    border-bottom: var(--border-width-thin) solid var(--color-border-light-3);
    border-top: var(--border-width-thin) solid var(--color-border-light-2);
    width: inherit;
    background: var(--color-bg-dark) !important;
    border-bottom-style: solid;
    border-radius: var(--radius-lg);
    padding: 0 2em;
    box-shadow: var(--shadow-md);
}

.main-navigation {
    margin-top: var(--spacing-2xl);
}

.main-navigation li {
    margin-left: var(--spacing-base);
    margin-right: var(--spacing-base);
}

.main-navigation li a {
    color: var(--color-text-white);
    text-transform: inherit !important;
    text-decoration: none !important;
}

.main-navigation li ul li a {
    background: var(--color-bg-dark);
    border-bottom: var(--border-width-thin) solid var(--color-bg-dark);
    padding-left: var(--spacing-lg);
}
ul.sub-menu {
    margin: 0px 0px 0px -30px !important;
}

footer[role="contentinfo"] {
    border-top: var(--border-width-thin) solid var(--color-bg-white);
}
input#user_pass {
    margin: 0 1em 0 0;
}
input#user_login {
    margin: 0 1em 0 0;
}
input#wp-submit {
    font-size: var(--font-size-base);
}
select#project_cat {
    width: 45%;
    font-size: var(--font-size-sm);
}
select {
    height: 2.6em !important;
}

/* 隐藏元素 */
.entry-header,
footer.entry-meta,
span.cat-links,
li#wp-admin-bar-wpseo-menu,
li#wp-admin-bar-delete-cache,
li#wp-admin-bar-new-user,
ul#wp-admin-bar-wp-logo-default,
li#wp-admin-bar-duplicate-post {
    display: none;
}

/* 需要 !important 的隐藏规则 */
li#wp-admin-bar-comments,
li#wp-admin-bar-updates {
    display: none !important;
}