input:focus{outline-offset:0}body{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";margin:0;padding:0;color:#212121;font-size:14px;font-weight:400}.nav ul li a:before{font-family:iconfont !important;font-size:1pc;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}article,aside,body,div,footer,h1,h2,h3,header,img,li,main,nav,p,span,ul{margin:0 auto;padding:0}img{border:none;width:100%}table{font-size:15px;width:100%;border-collapse:collapse}th,td{border:1px solid #ddd;padding:8px;text-align:left}th{background-color:#f2f2f2;font-weight:bold}tr:nth-child(even){background-color:#f9f9f9}tr:hover{background-color:#f1f1f1}a{text-decoration:none}ol,li{font-size:18px}a,ul li{list-style:none}.cl{clear:both}header{background:#fff;display:flex;height:64px;width:100%;z-index:999;box-shadow:0 0 2px 2px rgba(0,0,0,0.07);position:relative}.header{position:relative;height:64px;width:1550px;padding:0 16px;box-sizing:border-box}.logo{float:left;height:64px;max-width:200px;display:flex;align-items:center}.logo img{margin-top:10px;width:200px;height:60px;object-fit:contain}.logo a{display:inline;font-size:40px;font-weight:400;font-style:italic;font-stretch:normal;line-height:1.2;letter-spacing:2px;color:#111;position:relative}.nav{font-size:18px;width:calc(100% + -290px)}.nav,.nav ul{float:right;height:64px}.nav ul li{float:left;height:100%}.nav ul li a{color:#333;text-transform:uppercase;display:block;padding:0 .5rem;font-size:1rem;font-weight:400;line-height:64px}.nav a:active,.nav a:hover{color:#dc1a0b}.nav-icon,input[type=checkbox]{position:absolute;width:25px;height:25px}.nav-icon{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20'><path d='M0 2h20v3H0zM0 9h20v3H0zM0 16h20v3H0z' fill='%23333'/></svg>") no-repeat;display:none;height:20px;width:20px;position:absolute;cursor:pointer}input[type=checkbox]{z-index:9999;opacity:0;cursor:pointer}.mainbox{width:1100px;padding:0 16px;box-sizing:border-box;margin:0 auto}h2{text-align:center;margin:20px 0}.banner{max-height:640px;object-fit:cover;object-position:center;display:block}.banner-title{margin:20px auto 30px;width:70%;text-align:center}.banner-title h1 a{font-size:40px;font-weight:400;font-stretch:normal;line-height:48px;letter-spacing:0;color:#111}.content-h2{margin:0 0 30px;position:relative;text-align:center}.content-h2 span{font-size:40px;font-weight:400;font-style:italic;font-stretch:normal;line-height:1.2;letter-spacing:2px;color:#111;position:relative;background:#fff}.content-h2 span:before{content:'';width:100px;height:1px;background-color:#111;display:inline-block;position:absolute;left:-120px;top:50%}.content-h2 span:after{content:'';width:100px;height:1px;background-color:#111;display:inline-block;position:absolute;right:-120px;top:50%}.mainbox-index-list li:not(:last-child){margin-bottom:40px}.mainbox-index-list li>a:nth-child(1){width:43%;display:inline-block;overflow:hidden;padding-top:28%;position:relative;background-color:#f8f8f8}.mainbox-index-list img{position:absolute;top:0;left:0;object-fit:cover;width:100%}.category-item{width:54%;display:inline-block;padding-left:2%;vertical-align:top;text-align:left;box-sizing:border-box}.category-item .category{font-size:16px;font-weight:400;font-stretch:normal;line-height:50px;letter-spacing:2px;color:#dc1a0b}.category-item h3{font-size:32px;font-weight:400;font-stretch:normal;line-height:36px;letter-spacing:0;color:#111}.category-item .mainbox-content{font-size:16px;font-weight:400;font-stretch:normal;line-height:22px;letter-spacing:0;color:#999}.mainbox-index{margin-bottom:30px}.article-box{overflow:hidden;margin-right:-15px}.article-box li{display:inline-block;width:32.333333%;padding-right:15px;margin-bottom:15px;overflow:hidden;box-sizing:border-box}.article-box li img{display:block;position:absolute;top:0;left:0;height:100%;object-fit:cover}.article-box .article-box-img{width:100%;margin-bottom:3px;position:relative}.article-box .article-box-img a{display:block;overflow:hidden;padding-top:75%;background-color:#fbfbfb;position:relative}.article-box span{transition:all .4s ease 0s;width:100%;display:block;height:50px;overflow:hidden;margin-bottom:10px;margin-top:10px;text-align:center}.article-box span a{font-size:20px;font-weight:400;font-stretch:normal;line-height:26px;letter-spacing:0;color:#111;text-align:center}.article-box li a:hover,.article-box li:hover span a{color:#e41f3a}.tmp-h2 span{display:inline-block;line-height:65px;margin-top:30px}.tmp-h2 span:before{width:120px;background-color:#aaa;top:auto;bottom:0;left:50%;transform:translateX(-50%)}.tmp-h2 span:after{display:none}.tmp-post{font-size:20px;font-weight:400;font-stretch:normal;line-height:26px;letter-spacing:0;color:#666;text-align:center;margin-bottom:30px}.mainbox-list{text-align:center;font-size:0;margin-top:10px}.left,.right{vertical-align:top;display:inline-block;text-align:left}.left{width:728px;position:relative}.left h5{font-size:16px}.left .slideshow{width:100%;float:left}.right{width:300px;margin-left:20px}.right{margin-left:40px}.right .featured-list li{margin-top:15px;width:100%}h1{font-size:32px;line-height:1.2;font-weight:700;margin-bottom:.25rem;margin-top:.25rem;color:#111}.article p{letter-spacing:.2px;line-height:22px;font-size:14px;margin-bottom:14px}.page-box{margin:10px 0 0;text-align:center;margin-bottom:20px;font-size:0;display:flex}.page-box a{display:inline-block;color:#fff;vertical-align:middle;width:100%}.page-box a span{width:100%;text-transform:uppercase;display:inline-block;border-radius:5px;font-weight:700;font-family:opensans-bold,sans-serif;text-align:center;line-height:80px;color:#fff;text-decoration:none !important;padding:0;font-size:38px;margin:0 auto;height:80px;overflow:hidden;background:#EE9153}.page-box a span i{font-style:normal;transform:translateY(1px);display:inline-block}.page-box a span:hover{background-color:#EE9153}.ads{margin-bottom:15px;text-align:center;margin-top:15px;font-size:14px}footer{clear:both;background-color:#222;box-sizing:border-box;text-align:center;margin-top:48px}.footer-bar{display:flex}.footer-bar>li{padding:0 20px;margin:40px 0;width:33.333%;border-left:1px solid rgba(255,255,255,0.1)}.footer-bar>li:first-child{border-left:none}.footer-logo-div{text-align:left}.copyright{font-size:16px;font-weight:400;font-stretch:normal;line-height:20px;letter-spacing:0;color:#666}.footer-logo{width:210px;margin:0;margin-bottom:10px}.menus{display:flex}.menus li a{font-size:16px;font-weight:400;font-stretch:normal;line-height:36px;letter-spacing:0;color:#999}.archives{min-height:100vh}.archives p{margin-top:8px;font-size:1pc}.essay{width:728px;margin:0 auto;letter-spacing:normal}.essay h2{font-size:25.5px;text-align:start}.essay h3{font-size:25px;margin-bottom:5px;margin-top:14px}.essay p{line-height:26px;font-size:19px;margin-bottom:10px;margin-top:5px;color:#242424;font-weight:400;-webkit-font-smoothing:antialiased}.essay img{margin-top:10px;display:block}.article-content h1{margin-top:11px;margin-bottom:30px}.article-content .ads{margin:21px 0 19px}.article-content .essay p{margin-bottom:19px}.article-content .essay h3{font-size:24px}.article-content .essay h4{font-size:16px}.article-content .essay h3{line-height:36px;margin-bottom:17px}.article-content .essay img{margin-bottom:17px}.tmp-list h2{text-transform:uppercase;margin:0 0 15px;font-size:24px;color:#222;text-align:left;margin-top:25px}.tmp-list ul{margin-right:-14px}.tmp-list li{display:inline-block;width:33.3333333%;margin-bottom:17px;padding-right:14px;box-sizing:border-box}.tmp-img{display:block;width:100%;padding-top:75%;position:relative;background-color:#f8f8f8;overflow:hidden}.tmp-img img{max-width:100%;position:absolute;top:0;left:0;height:100%;object-fit:cover}.tmp-txt{width:100%;display:inline-block;vertical-align:top;box-sizing:border-box;position:relative}.tmp-txt p{text-align:center}.tmp-txt p a{font-size:18px;line-height:26px;color:#000;text-align:center;margin-top:10px;padding:0 5px;display:block}.mainbox-content>img{display:none}.page-box-categories{height:auto;margin:0;width:auto;display:inline-block}.page-box-categories+.page-box-categories{margin:0 0 0 10px}.page-box-categories .prev_p_categories,.page-box-categories .next_p_categories{display:inline-block;width:auto;height:80px;margin:0 auto;padding:0 15px;color:#fff;font-size:38px;font-weight:700;font-family:opensans-bold, sans-serif;line-height:80px;text-transform:uppercase;text-align:center;text-decoration:none !important;border-radius:5px;background:#ee9153;overflow:hidden}header #search-form{display:flex;align-items:center;border:1px solid #dfe1e5;border-radius:5px;overflow:hidden;max-width:200px;float:right;margin:16px 0}header #search-input{height:26px;border:0;width:calc(100% - 40px);outline:0;padding:2px 5px;font-size:16px}header .search-btn{height:30px;width:50px;text-align:center;font-size:16px;line-height:25px;color:#333}.bg_gray_block{background-color:#edf4fb;padding:10px;margin-bottom:19px}.text-block{border:1px solid #eee;box-shadow:6px 6px 0 0 #cbe1fd;border-radius:9px;border-bottom-left-radius:0;margin:20px 0;padding:10px}@media screen and (max-width: 1110px){footer{clear:both;width:100%}.mainbox-div,.header{clear:both;width:100%}.mainbox-list{width:100%;text-align:center;clear:both}.article-box span{line-height:26px;height:74px;margin-bottom:6px;font-size:15px}.right{margin-left:0;width:728px;margin-bottom:48px}.left{width:728px}.archives{min-height:40vh}.right .featured-list li{display:inline-block;width:33.3333333%;margin-bottom:17px;padding-right:14px;box-sizing:border-box}}@media screen and (max-width: 1023px){.essay{width:100%}.slide-box h1{width:100%}.category-item h3{font-size:28px;line-height:32px}header #search-form{display:none}}@media screen and (max-width: 768px){.header{width:100%}input[type=checkbox]{left:5px;top:15px}.nav-icon{display:block;top:22px}input:checked~nav{height:166px;margin-right:0;margin-top:64px}.header nav{clear:both;width:calc(100% + 32px);transform:translateX(16px);background:#fff;height:0;overflow:hidden;transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out}.nav ul{float:none;height:50px}.nav ul li{width:50%}.nav ul li a{border-bottom:1px solid #ddd;display:block;margin:0;height:35px;line-height:38px;float:left;width:99%;color:#333;padding:4px 0 0}.nav ul li:nth-child(1){border-top:0}.nav a.lia,.nav a:active,.nav ul li a:hover{background:#fff}.nav ul li a:before{content:"\e789";display:inline-block}.nav li a:before{font-size:24px;line-height:30px;padding-left:9px;margin-right:-1px;display:none;width:30px;height:30px;text-indent:0;float:left;color:#ffffff}.logo{height:60px;display:flex;align-items:center;text-align:center;justify-content:center;margin-left:auto !important;border:none !important;position:absolute;left:0;right:0}.logo img{margin-top:12px}.essay{width:100%}.left{margin-top:64px}.left-no-mt{margin-top:0}.left h1{font-size:25px}.essay p{font-size:20px;font-weight:400;line-height:26px;margin-bottom:10px}.page-box{margin:0 -20px}header{top:0px;position:fixed}.holder{width:100%;height:64px}header #search-form{float:none;width:98%;max-width:none;margin:10px auto;display:flex}}@media screen and (max-width: 767px){.mainbox-list,.mainbox-div,.footer .container{display:block;width:100%;padding:0 16px;box-sizing:border-box}.left,.right{width:100%}.nav-icon{left:16px}.article-box li img{width:100%}.header.header-div,.mainbox-list{display:block}h2{font-size:180%}.banner-title{margin:15px auto}.banner-title h1 a{font-size:32px;line-height:40px}.mainbox-index-list li:not(:last-child){margin-bottom:25px}.category-item h3{font-size:20px;line-height:25px;margin:6px 0}.category-item .category{line-height:18px}.right.tmp-list{display:block}.page-box-categories .prev_p_categories,.page-box-categories .next_p_categories{height:60px;font-size:20px;line-height:60px}}@media screen and (max-width: 748px){.footer-bar{flex-direction:column-reverse;margin-left:0;margin-right:0}.footer-bar>li{width:100%;padding:40px 0;margin:0;border-left:none;border-bottom:1px solid rgba(255,255,255,0.1);text-align:center}.footer-logo{margin:0 auto 10px}}@media screen and (max-width: 728px){h2{margin:8px 0 10px}.post{margin-top:10px}.tmp-list li:nth-child(n){width:50%}}@media screen and (max-width: 650px){.category-item .mainbox-content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}@media screen and (max-width: 600px){.header{margin-bottom:0}.banner-title{margin:8px auto 24px}.banner-title h1 a{font-size:24px;line-height:24px}.archives{min-height:auto}.article-box li{width:50%;height:auto;margin-bottom:12px}.article-box span{font-size:15px;line-height:24px;margin-bottom:8px}.ads{margin-bottom:15px;margin-top:15px}.nav-icon{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20'><path d='M0 2h20v3H0zM0 9h20v3H0zM0 16h20v3H0z' fill='%23333'/></svg>") no-repeat;height:20px;width:20px;position:absolute;cursor:pointer}.page-box a span{font-size:24px}}@media screen and (max-width: 490px){.mainbox-index-list li>a:nth-child(1){width:100%;padding-top:66%}.category-item{width:100%;padding-left:0;margin-top:6px}.category-item h3{font-size:22px}.content-h2 span{padding:0 25px}.content-h2:before{content:'';width:100%;height:1px;background-color:#111;display:inline-block;position:absolute;left:0;top:50%}.content-h2 span:before{content:none}.content-h2 span:after{content:none}}@media screen and (max-width: 414px){.article{padding:0}h2{font-size:130%;line-height:150%;margin:4px 0 5px}.article-box li{width:100%}.article-box span{height:auto}.tmp-list li:nth-child(n){width:100%}}@media screen and (max-width: 360px){.page-box a span{font-size:20px}}.post-footer{font-size:16px}ins[data-ad-status=unfilled]{display:none !important}.mainbox-list>.google-auto-placed{float:left !important}


/* ==========================================================
   Quiz 页面样式（对齐 logcabinlifes.com quiz 题页）
   - 题目页组件样式见 page1.css（原站逐字移植，仅题目页加载）
   - 此处：分享行 / 订阅框（原站题页内联样式逐字移植）+ 结果页样式
   ========================================================== */

/* ---- 分享行（原站 sharethis-inline-share-buttons-1 同款） ---- */
.sharethis-inline-share-buttons-1 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 15px;
}
.share-text {
    font-size: 20px;
    margin-left: 0;
    margin-right: 10px;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    padding: 5px 10px 8px;
    position: relative;
}
.share-text::before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(204, 204, 204, 0);
    border-left-color: #ccc;
    border-width: 11px;
    margin-top: -11px;
}
.share-text::after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #fff;
    border-width: 10px;
    margin-top: -10px;
}
.st-custom-button{
    margin: 0 10px 0 4px;
    display: inline-block;
}
.st-custom-button>svg{
    width: 35px;
    height: 35px;
    cursor: pointer;
}
.st-custom-button.facebook svg {
    fill: #1877f2;
}
.st-custom-button.facebook svg:hover {
    fill: #0b5fcc;
}
.st-custom-button.pinterest svg {
    fill: #e60019;
}
.st-custom-button.pinterest svg:hover {
    fill: #b30013;
}
.st-custom-button.twitter {
    background-color: #000;
    border-radius: 50%;
}
.st-custom-button.twitter:hover {
    background-color: #333;
}
.st-custom-button.twitter svg {
    margin: 8px;
    width: 19px;
    height: 19px;
    fill: #fff;
}
.st-custom-button.email {
    background-color: #666;
    border-radius: 50%;
}
.st-custom-button.email:hover {
    background-color: #4d4d4d;
}
.st-custom-button.email svg {
    margin: 10px;
    width: 15px;
    height: 15px;
    fill: #fff;
}

/* ---- 右侧订阅框（原站 subscription-block 同款） ---- */
.subscription-block {
    background-color: #fbfcfa;
    box-shadow: 0 4px 15px rgba(0, 0, 0, .15), 0 2px 4px rgba(0, 0, 0, .1);
    padding: 16px 24px;
    margin: 10px 0;
}
.subscription-block-title {
    font-size: 20px;
    font-weight: 700;
}
.subscription-block-text {
    font-size: 18px;
}
.subscription-block-email-block {
    margin: 10px 0;
}
.subscription-block-email-input {
    background: #fff;
    border: 2px solid #d9dbd7;
    border-radius: 6px;
    font-size: 18px;
    margin-top: 6px;
    padding: 12px 16px;
    width: 100%;
    box-sizing: border-box;
}
.subscription-block-email-submit-result {
    font-size: 12px;
    margin-bottom: 10px;
}
.subscription-block-email-submit-result.error {
    color: #ef5a57;
}
.subscription-block-email-submit-result.success {
    color: green;
}
.subscription-block-email-submit {
    padding: 8px 16px;
    font-size: 18px;
    background-color: #ef5a57;
    color: #fbfcfa;
    width: 100%;
    margin-top: 10px;
    display: block;
    box-sizing: border-box;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
}
.subscription-block-email-submit.loading {
    position: relative;
}
.subscription-block-email-submit.loading:after {
    content: ' ';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.6);
}

/* ---- 结果页（本站扩展页，沿用文章页双栏 + 原站设计语言） ---- */
.score-display {
    text-align: center;
    margin: 24px 0 6px;
}
.score-number {
    font-size: 96px;
    font-weight: 700;
    color: #EE9153;
    line-height: 1;
}
.score-total {
    font-size: 34px;
    color: #999;
    margin-left: 8px;
}
.result-verdict {
    text-align: center;
    font-size: 20px;
    color: #444;
    margin-bottom: 10px;
}
.share-row {
    text-align: center;
    margin: 22px 0;
    font-size: 15px;
    color: #666;
}
.share-btn {
    display: inline-block;
    padding: 10px 22px;
    border-radius: 5px;
    color: #fff !important;
    font-size: 15px;
    margin: 6px;
    transition: opacity .2s ease;
}
.share-btn:hover {
    opacity: .85;
}
.share-fb {
    background: #3b5998;
}
.share-x {
    background: #111;
}
.share-pin {
    background: #bd081c;
}
.related {
    margin: 36px 0 30px;
}



/* ---- 广告位：与 logcabinlifes.com 同构 ----
   .ads = 参考站原样样式（见上方移植区）；
   .article-content 内广告边距沿用参考站移植规则 (21px 0 19px) */
/* 本地占位框（未接入 AdSense 时显示，接入后由 ins 替换并自动隐藏未填充） */
.ad-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 90px;               /* 728x90 banner 自适应基准高度 */
  text-align: center;
  font-size: 13px;
  color: #bbb;
  border: 1px dashed #e0e0e0;
  border-radius: 6px;
  background: #fafafa;
  letter-spacing: 1px;
}

/* ---- 普通文章页（政策页 .archives，与原站同构） ---- */
.archives h1 {
  margin-top: 11px;
  margin-bottom: 30px;
}

/* ---- 404 ---- */
.not-found {
  min-height: 60vh;
  text-align: center;
  padding: 60px 16px;
}
.not-found .content-h2 {
  margin-top: 40px;
}

/* ---- 流内图片：宽度填充、高度自适应（覆盖移植区的固定比例裁切） ---- */
.mainbox-index-list li > a:nth-child(1) {
  padding-top: 0;
  overflow: visible;
}
.mainbox-index-list img {
  position: static;
  display: block;
  height: auto;
  object-fit: initial;
}
.article-box .article-box-img a {
  padding-top: 0;
  overflow: visible;
}
.article-box li img {
  position: static;
  display: block;
  height: auto;
  object-fit: initial;
}
.tmp-img {
  padding-top: 0;
  overflow: visible;
}
.tmp-img img {
  position: static;
  display: block;
  height: auto;
  max-width: 100%;
}

/* ---- 移动端适配 ---- */
@media screen and (max-width: 768px) {
  /* 覆盖移植区 .page-box{margin:0 -20px}：参考站有容器 padding 补偿，
     我们的 .left.article-content 无 padding，负 margin 会导致按钮超出屏幕 */
  .page-box {
    margin: 10px 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .score-number {
    font-size: 72px;
  }
}