/* ==========================================================================
   子页面高级感统一皮肤（copyright / blockchain / soft / protectright /
   contentopen / contact 共用）。在各自页面 CSS 之后加载，同特异性下覆盖。
   设计令牌与首页一致：主蓝 #008de7 / 深蓝 #01173c / 浅底 #f7f9fc / 标题 #1a2233
   ========================================================================== */

/* 1 底色统一：替换各页发闷的 #f5f5f5 / #F7F7F7 / #f4f4f4 / #F6F9FE */
#step,
#advantage,
#pain-solution,
.bgF5,
#nav,
#blockchain-node {
    background-color: #f7f9fc;
}

/* 2 标题/正文主色更柔和高级 */
.cr-title-common,
.bc-title-common,
.contentopen-title,
#protect_right > .container > h2,
#contact h2,
#contact h3 {
    color: #1a2233;
    letter-spacing: 1px;
}

/* 3 首屏 hero：深蓝兜底 + 标题字重/字距/投影，向首页气质看齐 */
#banner {
    background-color: #01173c;
}
#banner .slogan > h1,
#banner > .container > h1 {
    font-weight: 700;
    letter-spacing: 2px;
    color: #fff;
    text-shadow: 0 2px 24px rgba(0, 0, 0, .4);
}
#banner .slogan,
#banner .slogon,
#banner > .container > span {
    color: rgba(255, 255, 255, .85);
    text-shadow: 0 1px 10px rgba(0, 0, 0, .3);
}

/* 4 卡片/列表块：统一圆角 + 低透明蓝灰阴影 + hover 上浮 */
#step ul.step-opts > li,
#advantage ul.advantage-opts > li,
ul.sample-list > li.reg-certificate,
.creator-details-works-list > li,
ul.position-opts > li,
ol.solution-items > li,
ul.object-item > li,
.process_list ul > li,
.Materials_list,
.problem_box,
#doc ul.doc-overview > li,
ul.doc-lists > li,
#contact .method .item {
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(1, 23, 60, .08);
    transition: transform .35s cubic-bezier(.22,.61,.36,1), box-shadow .35s cubic-bezier(.22,.61,.36,1);
}
#step ul.step-opts > li:hover,
#advantage ul.advantage-opts > li:hover,
ul.sample-list > li.reg-certificate:hover,
.creator-details-works-list > li:hover,
ul.position-opts > li:hover,
ol.solution-items > li:hover,
ul.object-item > li:hover,
.process_list ul > li:hover,
.Materials_list:hover,
.problem_box:hover,
#doc ul.doc-overview > li:hover,
ul.doc-lists > li:hover,
#contact .method .item:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 44px rgba(1, 23, 60, .16);
}

/* 5 主行动按钮统一品牌蓝 + 圆角 + hover 加深微浮
   （各页按钮选择器特异性不一，皮肤层用 !important 保证跨页覆盖） */
a.btn-register,
.copyright-reg,
.btn-blockchain,
.btn-query,
#banner .entry a,
.btn-blockchains,
.query-btn,
.dis-free-btn > a.distribute,
.Receive_honor {
    background-color: #008de7 !important;
    border-color: #008de7 !important;
    color: #fff !important;
    border-radius: 8px !important;
    transition: background-color .3s, transform .3s, box-shadow .3s;
}
a.btn-register:hover,
.copyright-reg:hover,
.btn-blockchain:hover,
.btn-query:hover,
#banner .entry a:hover,
.btn-blockchains:hover,
.query-btn:hover,
.dis-free-btn > a.distribute:hover,
.Receive_honor:hover {
    background-color: #0077c4 !important;
    border-color: #0077c4 !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(0, 141, 231, .35);
}

/* 6 强调色统一品牌蓝（仅作用域内，不做全局 a:hover 以免污染页脚/导航） */
.tab-nav > dd > a.active {
    background-color: #008de7;
}
.choose-works {
    color: #008de7;
}