:root {
--b1:#F2F0E8;
--b2:#EAE8DE;
--ac:#7A7246;
--a2:#968E5A;
--tx:#2A2820;
--mt:#727064;
--bd:rgba(0,0,0,0.05);
--navbg:rgba(242,240,232,0.94);
--cardbg:rgba(0,0,0,0.01);
--ac-r:122;
--ac-g:114;
--ac-b:70;
--r:8px;
--fn:Georgia,'Noto Serif SC',serif
}
* {
margin:0;
padding:0;
box-sizing:border-box
}
body {
font-family:var(--fn);
background:var(--b1);
color:var(--tx);
line-height:1.6
}
a {
text-decoration:none;
color:inherit
}
img {
max-width:100%;
height:auto
}
.x667_h {
background:var(--navbg);
backdrop-filter:blur(20px);
padding:10px 0;
border-bottom:1px solid var(--bd);
position:sticky;
top:0;
z-index:100
}
.x667_hi {
max-width:900px;
margin:0 auto;
padding:0 20px;
display:flex;
align-items:center;
justify-content:space-between
}
.x667_lgo {
font-size:1rem;
font-weight:700;
background:linear-gradient(135deg,#fff,var(--ac));
-webkit-background-clip:text;
-webkit-text-fill-color:transparent
}
.x667_nv a {
padding:5px 12px;
font-size:.85rem;
color:var(--mt);
border-radius:4px
}
.x667_nv a:hover,.x667_nv a.act {
color:inherit;
background:rgba(128,128,128,0.12)
}
.x667_hd {
padding:50px 20px 20px;
max-width:900px;
margin:0 auto
}
.x667_hd h1 {
font-size:1.4rem;
font-weight:700
}
ul {
max-width:900px;
margin:0 auto;
padding:0 20px 24px;
list-style:none
}
li a {
transition:all .2s
}
li a:hover {
background:var(--cardbg)
}
.x667_pg {
display:flex;
justify-content:center;
gap:6px;
padding:16px
}
.x667_ft {
border-top:1px solid var(--bd);
padding:14px 20px;
max-width:900px;
margin:0 auto;
font-size:.85rem;
color:var(--mt);
text-align:center
}
.x667_h {
background:var(--navbg);
backdrop-filter:blur(20px);
padding:10px 0;
border-bottom:1px solid var(--bd);
position:sticky;
top:0;
z-index:100
}
.x667_hi {
max-width:800px;
margin:0 auto;
padding:0 20px;
display:flex;
align-items:center;
justify-content:space-between
}
.x667_lgo {
font-size:1rem;
font-weight:700;
background:linear-gradient(135deg,#fff,var(--ac));
-webkit-background-clip:text;
-webkit-text-fill-color:transparent
}
.x667_nv a {
padding:5px 12px;
font-size:.85rem;
color:var(--mt);
border-radius:4px
}
.x667_nv a:hover,.x667_nv a.act {
color:inherit;
background:rgba(128,128,128,0.12)
}
.x667_aw {
max-width:800px;
margin:0 auto;
padding:30px 20px 40px
}
.x667_ab {
margin-bottom:20px;
display:inline-flex;
align-items:center;
gap:6px;
color:var(--mt);
font-size:.82rem
}
.x667_ab:hover {
color:var(--ac)
}
.x667_ac {
background:var(--cardbg);
border:1px solid var(--bd);
border-radius:var(--r);
padding:24px
}
.x667_ac h1 {
font-size:1.3rem;
font-weight:700;
margin-bottom:16px;
line-height:1.3
}
.x667_abd {
font-size:.88rem;
line-height:1.8;
color:var(--mt)
}
.x667_abd p {
margin-bottom:14px
}
.x667_ft {
border-top:1px solid var(--bd);
padding:14px 20px;
max-width:800px;
margin:0 auto;
font-size:.7rem;
color:var(--mt);
text-align:center
}
.x667_se {
padding:40px 0
}
.x667_st {
text-align:center;
margin-bottom:24px
}
.x667_st h2 {
font-size:clamp(1.2rem,2.5vw,1.4rem);
font-weight:700;
margin-bottom:6px
}
.x667_st p {
color:var(--mt);
font-size:.82rem
}
.x667_g3 {
display:grid;
grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
gap:14px
}
.x667_gc {
display:block;
background:var(--cardbg);
border:1px solid var(--bd);
border-radius:var(--r);
padding:18px 16px;
transition:all .3s;
color:var(--tx)
}
.x667_gc:hover {
border-color:var(--ac);
transform:translateY(-2px)
}
.x667_gt {
font-size:.65rem;
text-transform:uppercase;
letter-spacing:1px;
color:var(--ac);
font-weight:600;
margin-bottom:4px
}
.x667_gc h3 {
font-size:.85rem;
font-weight:600;
margin-bottom:4px
}
.x667_gc p {
font-size:.75rem;
color:var(--mt);
line-height:1.4
}
.x667_gm {
font-size:.72rem;
font-weight:600;
color:var(--ac);
margin-top:6px;
display:inline-block
}
.x667_bp,.x667_bs {
display:inline-flex;
padding:10px 24px;
border-radius:50px;
font-weight:600;
font-size:.8rem;
border:none
}
.x667_bp {
background:linear-gradient(135deg,var(--ac),var(--a2));
color:#fff;
animation:pulse-btn 2.5s ease-in-out infinite
}
.x667_bs {
background:rgba(128,128,128,0.08)
}
.x667_hr {
background:linear-gradient(135deg,var(--b2),var(--b1),var(--b2))
}
.x667_ft {
background:var(--b2);
border-top:1px solid var(--bd)
}
.reveal {
opacity:0;
transform:translateY(24px);
transition:opacity .6s ease,transform .6s ease
}
.reveal.visible {
opacity:1;
transform:translateY(0)
}
@media(max-width:768px) {
.x667_g3 {
grid-template-columns:1fr 1fr
}
}
@media(max-width:500px) {
.x667_g3 {
grid-template-columns:1fr
}
}
@keyframes pulse-btn {
0%,100% {
box-shadow:0 0 0 0 rgba(var(--ac-r),var(--ac-g),var(--ac-b),0.3)
}
50% {
box-shadow:0 0 0 10px rgba(var(--ac-r),var(--ac-g),var(--ac-b),0)
}
}
@keyframes gloss-sweep {
0% {
left:-100%
}
100% {
left:200%
}
}
@keyframes float-a {
0%,100% {
transform:translateY(0) rotate(0deg)
}
50% {
transform:translateY(-18px) rotate(3deg)
}
}
@keyframes float-b {
0%,100% {
transform:translateY(0) rotate(0deg)
}
50% {
transform:translateY(-10px) rotate(-2deg)
}
}
@keyframes float-c {
0%,100% {
transform:translateY(0) scale(1)
}
50% {
transform:translateY(-14px) scale(1.04)
}
}
@keyframes drift-x {
0%,100% {
transform:translateX(0)
}
50% {
transform:translateX(12px)
}
}
@keyframes underline-in {
0% {
width:0
}
100% {
width:100%
}
}
@keyframes ticker-blink {
0%,100% {
opacity:1
}
50% {
opacity:0.4
}
}
@keyframes count-up {
from {
opacity:0;
transform:translateY(10px)
}
to {
opacity:1;
transform:translateY(0)
}
}
@keyframes border-glow {
0%,100% {
border-color:var(--bd)
}
50% {
border-color:var(--ac)
}
}
@keyframes gradient-shift {
0% {
background-position:0% 50%
}
50% {
background-position:100% 50%
}
100% {
background-position:0% 50%
}
}
@keyframes shimmer {
0% {
background-position:-200% 0
}
100% {
background-position:200% 0
}
}
@keyframes spin-slow {
from {
transform:rotate(0deg)
}
to {
transform:rotate(360deg)
}
}
.x667_gloss {
position:relative;
overflow:hidden
}
.x667_gloss::after {
content:'';
position:absolute;
top:0;
left:-100%;
width:60%;
height:100%;
background:linear-gradient(90deg,transparent,rgba(255,255,255,0.06),transparent);
transform:skewX(-25deg);
animation:gloss-sweep 3s ease-in-out infinite
}
.x667_float-decor {
animation:float-a 6s ease-in-out infinite
}
.x667_float-decor-b {
animation:float-b 5s ease-in-out infinite
}
.x667_float-decor-c {
animation:float-c 7s ease-in-out infinite
}
.x667_underline-anim {
position:relative;
display:inline-block
}
.x667_underline-anim::after {
content:'';
position:absolute;
bottom:-4px;
left:0;
width:0;
height:2px;
background:var(--ac);
animation:underline-in .8s ease forwards;
animation-delay:.3s
}
.x667_ticker-val {
display:inline-block;
transition:color .3s
}
.x667_ticker-val.x667_tu {
color:#00aa41
}
.x667_ticker-val.x667_td {
color:#e53e3e
}
.x667_count-num {
display:inline-block;
animation:count-up .5s ease forwards
}
.x667_shimmer-bg {
background:linear-gradient(90deg,var(--cardbg) 25%,rgba(255,255,255,0.03) 50%,var(--cardbg) 75%);
background-size:200% 100%;
animation:shimmer 2s ease-in-out infinite
}
@media(max-width:768px) {
body {
font-size:15px
}
nav,.x667_nv {
overflow-x:auto;
white-space:nowrap;
-webkit-overflow-scrolling:touch
}
.x667_hi,.x667_aw,.x667_hd,ul,table,.x667_ls,.x667_ac,.x667_se {
padding-left:16px!important;
padding-right:16px!important
}
.x667_hi {
flex-wrap:wrap;
gap:8px
}
.x667_ft {
padding:12px 16px!important;
font-size:.65rem
}
.x667_hd h1 {
font-size:1.2rem!important
}
.x667_g3 {
gap:10px!important
}
.x667_gc {
padding:14px 12px!important
}
.x667_gc h3 {
font-size:.8rem
}
.x667_aw {
padding:20px 16px 30px!important
}
.x667_ac {
padding:20px!important
}
.x667_ac h1 {
font-size:1.2rem!important
}
}
@media(max-width:480px) {
body {
font-size:14px
}
.x667_g3 {
grid-template-columns:1fr!important
}
.x667_hd {
padding:30px 16px 14px!important
}
.x667_ft {
font-size:.6rem
}
.x667_se {
padding:24px 0
}
.x667_gc {
padding:12px 10px!important
}
.x667_gc h3 {
font-size:.78rem
}
.x667_ac h1 {
font-size:1.1rem!important
}
table {
font-size:.72rem
}
nav a,.x667_nv a {
padding:4px 8px!important;
font-size:.78rem!important
}
# === 中国传统色 ===
"t0":  {
"bg1":"#1A1D24","bg2":"#12141C","ac":"#E84020","ac2":"#EC664C","tx":"#E4E6EA","mt":"#8B9098","bd":"rgba(232,64,32,0.15)","nav":"rgba(26,29,36,0.96)","card":"rgba(232,64,32,0.04)"
}
,  # 丹色
"t1":  {
"bg1":"#1A1D24","bg2":"#12141C","ac":"#DC8A78","ac2":"#E3A193","tx":"#E4E6EA","mt":"#8B9098","bd":"rgba(220,138,120,0.15)","nav":"rgba(26,29,36,0.96)","card":"rgba(220,138,120,0.04)"
}
,  # 十样锦
"t2":  {
"bg1":"#1C1E22","bg2":"#14161A","ac":"#464B50","ac2":"#6B6F73","tx":"#EAE8E4","mt":"#928E88","bd":"rgba(70,75,80,0.1)","nav":"rgba(28,30,34,0.96)","card":"rgba(70,75,80,0.03)"
}
,  # 墨灰
"t3":  {
"bg1":"#1A1D24","bg2":"#12141C","ac":"#7EC8D8","ac2":"#97D3DF","tx":"#E4E6EA","mt":"#8B9098","bd":"rgba(126,200,216,0.15)","nav":"rgba(26,29,36,0.96)","card":"rgba(126,200,216,0.04)"
}
,  # 天青
"t4":  {
"bg1":"#1A1D24","bg2":"#12141C","ac":"#F09090","ac2":"#F3A6A6","tx":"#E4E6EA","mt":"#8B9098","bd":"rgba(240,144,144,0.15)","nav":"rgba(26,29,36,0.96)","card":"rgba(240,144,144,0.04)"
}
,  # 妃色
"t5":  {
"bg1":"#0E1016","bg2":"#080A10","ac":"#FFD700","ac2":"#FFDF33","tx":"#F0F0F2","mt":"#989AA0","bd":"rgba(255,215,0,0.18)","nav":"rgba(14,16,22,0.97)","card":"rgba(255,215,0,0.05)"
}
,  # 明黄
"t6":  {
"bg1":"#0E1016","bg2":"#080A10","ac":"#DCE2ED","ac2":"#E3E7F0","tx":"#F0F0F2","mt":"#989AA0","bd":"rgba(220,226,237,0.18)","nav":"rgba(14,16,22,0.97)","card":"rgba(220,226,237,0.05)"
}
,  # 月白
"t7":  {
"bg1":"#1A1D24","bg2":"#12141C","ac":"#E83028","ac2":"#EC5953","tx":"#E4E6EA","mt":"#8B9098","bd":"rgba(232,48,40,0.15)","nav":"rgba(26,29,36,0.96)","card":"rgba(232,48,40,0.04)"
}
,  # 朱砂红
"t8":  {
"bg1":"#0E1016","bg2":"#080A10","ac":"#F0B84E","ac2":"#F3C671","tx":"#F0F0F2","mt":"#989AA0","bd":"rgba(240,184,78,0.18)","nav":"rgba(14,16,22,0.97)","card":"rgba(240,184,78,0.05)"
}
,  # 杏黄
"t9":  {
"bg1":"#0E1016","bg2":"#080A10","ac":"#C8BE5A","ac2":"#D3CB7B","tx":"#F0F0F2","mt":"#989AA0","bd":"rgba(200,190,90,0.18)","nav":"rgba(14,16,22,0.97)","card":"rgba(200,190,90,0.05)"
}
,  # 柳黄
"t10":  {
"bg1":"#1A1D24","bg2":"#12141C","ac":"#F091A0","ac2":"#F3A7B3","tx":"#E4E6EA","mt":"#8B9098","bd":"rgba(240,145,160,0.15)","nav":"rgba(26,29,36,0.96)","card":"rgba(240,145,160,0.04)"
}
,  # 桃红
"t11":  {
"bg1":"#0E1016","bg2":"#080A10","ac":"#8ED1C4","ac2":"#A4DACF","tx":"#F0F0F2","mt":"#989AA0","bd":"rgba(142,209,196,0.18)","nav":"rgba(14,16,22,0.97)","card":"rgba(142,209,196,0.05)"
}
,  # 水绿
"t12":  {
"bg1":"#1A1D24","bg2":"#12141C","ac":"#DC6070","ac2":"#E37F8C","tx":"#E4E6EA","mt":"#8B9098","bd":"rgba(220,96,112,0.15)","nav":"rgba(26,29,36,0.96)","card":"rgba(220,96,112,0.04)"
}
,  # 海棠红
"t13":  {
"bg1":"#F6F4F0","bg2":"#EEEBE5","ac":"#1C1C1E","ac2":"#49494B","tx":"#1E1C1A","mt":"#786E64","bd":"rgba(28,28,30,0.12)","nav":"rgba(246,244,240,0.96)","card":"rgba(0,0,0,0.015)"
}
,  # 玄色
"t14":  {
"bg1":"#0E1016","bg2":"#080A10","ac":"#B4CFB0","ac2":"#C3D8BF","tx":"#F0F0F2","mt":"#989AA0","bd":"rgba(180,207,176,0.18)","nav":"rgba(14,16,22,0.97)","card":"rgba(180,207,176,0.05)"
}
,  # 玉色
"t15":  {
"bg1":"#1A1D24","bg2":"#12141C","ac":"#C8722E","ac2":"#D38E57","tx":"#E4E6EA","mt":"#8B9098","bd":"rgba(200,114,46,0.15)","nav":"rgba(26,29,36,0.96)","card":"rgba(200,114,46,0.04)"
}
,  # 琥珀
"t16":  {
"bg1":"#1A1D24","bg2":"#12141C","ac":"#8A8A8E","ac2":"#A1A1A4","tx":"#E4E6EA","mt":"#8B9098","bd":"rgba(138,138,142,0.15)","nav":"rgba(26,29,36,0.96)","card":"rgba(138,138,142,0.04)"
}
,  # 相思灰
"t17":  {
"bg1":"#1A1D24","bg2":"#12141C","ac":"#DC3040","ac2":"#E35966","tx":"#E4E6EA","mt":"#8B9098","bd":"rgba(220,48,64,0.15)","nav":"rgba(26,29,36,0.96)","card":"rgba(220,48,64,0.04)"
}
,  # 石榴红
"t18":  {
"bg1":"#1A1D24","bg2":"#12141C","ac":"#4A8C7C","ac2":"#6EA396","tx":"#E4E6EA","mt":"#8B9098","bd":"rgba(74,140,124,0.15)","nav":"rgba(26,29,36,0.96)","card":"rgba(74,140,124,0.04)"
}
,  # 碧玉石
"t19":  {
"bg1":"#1A1D24","bg2":"#12141C","ac":"#C8A878","ac2":"#D3B993","tx":"#E4E6EA","mt":"#8B9098","bd":"rgba(200,168,120,0.15)","nav":"rgba(26,29,36,0.96)","card":"rgba(200,168,120,0.04)"
}
,  # 秋香
"t20":  {
"bg1":"#1A1D24","bg2":"#12141C","ac":"#9FB8A8","ac2":"#B2C6B9","tx":"#E4E6EA","mt":"#8B9098","bd":"rgba(159,184,168,0.15)","nav":"rgba(26,29,36,0.96)","card":"rgba(159,184,168,0.04)"
}
,  # 秘色
"t21":  {
"bg1":"#1A1D24","bg2":"#12141C","ac":"#90A4AE","ac2":"#A6B6BE","tx":"#E4E6EA","mt":"#8B9098","bd":"rgba(144,164,174,0.15)","nav":"rgba(26,29,36,0.96)","card":"rgba(144,164,174,0.04)"
}
,  # 竹月
"t22":  {
"bg1":"#1A1D24","bg2":"#12141C","ac":"#5B8C5A","ac2":"#7BA37B","tx":"#E4E6EA","mt":"#8B9098","bd":"rgba(91,140,90,0.15)","nav":"rgba(26,29,36,0.96)","card":"rgba(91,140,90,0.04)"
}
,  # 竹青
"t23":  {
"bg1":"#0E1016","bg2":"#080A10","ac":"#F2EBD9","ac2":"#F4EFE0","tx":"#F0F0F2","mt":"#989AA0","bd":"rgba(242,235,217,0.18)","nav":"rgba(14,16,22,0.97)","card":"rgba(242,235,217,0.05)"
}
,  # 米色
"t24":  {
"bg1":"#0E1016","bg2":"#080A10","ac":"#FFFFFF","ac2":"#FFFFFF","tx":"#F0F0F2","mt":"#989AA0","bd":"rgba(255,255,255,0.18)","nav":"rgba(14,16,22,0.97)","card":"rgba(255,255,255,0.05)"
}
,  # 纯白
"t25":  {
"bg1":"#1C1E22","bg2":"#14161A","ac":"#7B3252","ac2":"#955B74","tx":"#EAE8E4","mt":"#928E88","bd":"rgba(123,50,82,0.1)","nav":"rgba(28,30,34,0.96)","card":"rgba(123,50,82,0.03)"
}
,  # 绛紫
"t26":  {
"bg1":"#0E1016","bg2":"#080A10","ac":"#A8D8D0","ac2":"#B9DFD9","tx":"#F0F0F2","mt":"#989AA0","bd":"rgba(168,216,208,0.18)","nav":"rgba(14,16,22,0.97)","card":"rgba(168,216,208,0.05)"
}
,  # 缥色
"t27":  {
"bg1":"#1A1D24","bg2":"#12141C","ac":"#D03858","ac2":"#D95F79","tx":"#E4E6EA","mt":"#8B9098","bd":"rgba(208,56,88,0.15)","nav":"rgba(26,29,36,0.96)","card":"rgba(208,56,88,0.04)"
}
,  # 胭脂
"t28":  {
"bg1":"#1A1D24","bg2":"#12141C","ac":"#F5982A","ac2":"#F7AC54","tx":"#E4E6EA","mt":"#8B9098","bd":"rgba(245,152,42,0.15)","nav":"rgba(26,29,36,0.96)","card":"rgba(245,152,42,0.04)"
}
,  # 萱草黄
"t29":  {
"bg1":"#1A1D24","bg2":"#12141C","ac":"#8CB45A","ac2":"#A3C37B","tx":"#E4E6EA","mt":"#8B9098","bd":"rgba(140,180,90,0.15)","nav":"rgba(26,29,36,0.96)","card":"rgba(140,180,90,0.04)"
}
,  # 葱绿
"t30":  {
"bg1":"#0E1016","bg2":"#080A10","ac":"#D8CCC4","ac2":"#DFD6CF","tx":"#F0F0F2","mt":"#989AA0","bd":"rgba(216,204,196,0.18)","nav":"rgba(14,16,22,0.97)","card":"rgba(216,204,196,0.05)"
}
,  # 藕色
"t31":  {
"bg1":"#1A1D24","bg2":"#12141C","ac":"#C4A8B8","ac2":"#CFB9C6","tx":"#E4E6EA","mt":"#8B9098","bd":"rgba(196,168,184,0.15)","nav":"rgba(26,29,36,0.96)","card":"rgba(196,168,184,0.04)"
}
,  # 藕荷色
"t32":  {
"bg1":"#1A1D24","bg2":"#12141C","ac":"#6F8B7C","ac2":"#8BA296","tx":"#E4E6EA","mt":"#8B9098","bd":"rgba(111,139,124,0.15)","nav":"rgba(26,29,36,0.96)","card":"rgba(111,139,124,0.04)"
}
,  # 蟹壳青
"t33":  {
"bg1":"#1A1D24","bg2":"#12141C","ac":"#E8A090","ac2":"#ECB3A6","tx":"#E4E6EA","mt":"#8B9098","bd":"rgba(232,160,144,0.15)","nav":"rgba(26,29,36,0.96)","card":"rgba(232,160,144,0.04)"
}
,  # 酡颜
"t34":  {
"bg1":"#0E1016","bg2":"#080A10","ac":"#F8F8FC","ac2":"#F9F9FC","tx":"#F0F0F2","mt":"#989AA0","bd":"rgba(248,248,252,0.18)","nav":"rgba(14,16,22,0.97)","card":"rgba(248,248,252,0.05)"
}
,  # 雪色
"t35":  {
"bg1":"#1A1D24","bg2":"#12141C","ac":"#B898C8","ac2":"#C6ACD3","tx":"#E4E6EA","mt":"#8B9098","bd":"rgba(184,152,200,0.15)","nav":"rgba(26,29,36,0.96)","card":"rgba(184,152,200,0.04)"
}
,  # 雪青
"t36":  {
"bg1":"#0E1016","bg2":"#080A10","ac":"#A8D8EA","ac2":"#B9DFEE","tx":"#F0F0F2","mt":"#989AA0","bd":"rgba(168,216,234,0.18)","nav":"rgba(14,16,22,0.97)","card":"rgba(168,216,234,0.05)"
}
,  # 霁色
"t37":  {
"bg1":"#0E1016","bg2":"#080A10","ac":"#EDF0F4","ac2":"#F0F3F6","tx":"#F0F0F2","mt":"#989AA0","bd":"rgba(237,240,244,0.18)","nav":"rgba(14,16,22,0.97)","card":"rgba(237,240,244,0.05)"
}
,  # 霜色
"t38":  {
"bg1":"#1A1D24","bg2":"#12141C","ac":"#2E8B8B","ac2":"#57A2A2","tx":"#E4E6EA","mt":"#8B9098","bd":"rgba(46,139,139,0.15)","nav":"rgba(26,29,36,0.96)","card":"rgba(46,139,139,0.04)"
}
,  # 青色
"t39":  {
"bg1":"#1A1D24","bg2":"#12141C","ac":"#745EA8","ac2":"#8F7EB9","tx":"#E4E6EA","mt":"#8B9098","bd":"rgba(116,94,168,0.15)","nav":"rgba(26,29,36,0.96)","card":"rgba(116,94,168,0.04)"
}
,  # 青莲
"t40":  {
"bg1":"#1C1E22","bg2":"#14161A","ac":"#2C3E6B","ac2":"#566488","tx":"#EAE8E4","mt":"#928E88","bd":"rgba(44,62,107,0.1)","nav":"rgba(28,30,34,0.96)","card":"rgba(44,62,107,0.03)"
}
,  # 靛蓝
"t41":  {
"bg1":"#1C1E22","bg2":"#14161A","ac":"#3C424B","ac2":"#63676F","tx":"#EAE8E4","mt":"#928E88","bd":"rgba(60,66,75,0.1)","nav":"rgba(28,30,34,0.96)","card":"rgba(60,66,75,0.03)"
}
,  # 鸦青
"t42":  {
"bg1":"#0E1016","bg2":"#080A10","ac":"#FFF0A0","ac2":"#FFF3B3","tx":"#F0F0F2","mt":"#989AA0","bd":"rgba(255,240,160,0.18)","nav":"rgba(14,16,22,0.97)","card":"rgba(255,240,160,0.05)"
}
,  # 鹅黄
"t43":  {
"bg1":"#1A1D24","bg2":"#12141C","ac":"#C8924A","ac2":"#D3A76E","tx":"#E4E6EA","mt":"#8B9098","bd":"rgba(200,146,74,0.15)","nav":"rgba(26,29,36,0.96)","card":"rgba(200,146,74,0.04)"
}
,  # 黄栌
"t44":  {
"bg1":"#1C1E22","bg2":"#14161A","ac":"#5C3E2E","ac2":"#7C6457","tx":"#EAE8E4","mt":"#928E88","bd":"rgba(92,62,46,0.1)","nav":"rgba(28,30,34,0.96)","card":"rgba(92,62,46,0.03)"
}
,  # 黎色
"t45":  {
"bg1":"#1C1E22","bg2":"#14161A","ac":"#3B4E6B","ac2":"#627188","tx":"#EAE8E4","mt":"#928E88","bd":"rgba(59,78,107,0.1)","nav":"rgba(28,30,34,0.96)","card":"rgba(59,78,107,0.03)"
}
,  # 黛蓝
}

/* === HOMEPAGE ADDITIONS === */

/* Nav */
.x667_nv{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.x667_nv_spacer{flex:1;min-width:16px}
.x667_nv .x667_bp,.x667_nv .x667_bs{padding:7px 20px;font-size:.78rem;cursor:pointer}
.x667_bp{background:linear-gradient(135deg,var(--ac),var(--a2));color:#fff;border-radius:50px;font-weight:600;display:inline-flex;align-items:center;border:none;transition:opacity .2s}
.x667_bp:hover{opacity:.88}
.x667_bs{background:transparent;color:var(--mt);border:1px solid var(--bd);border-radius:50px;font-weight:600;display:inline-flex;align-items:center;transition:all .2s}
.x667_bs:hover{border-color:var(--ac);color:var(--ac)}
.x667_btn_lg{padding:12px 32px;font-size:.88rem}

/* Hero */
.x667_hero{padding:48px 24px 40px;max-width:1100px;margin:0 auto}
.x667_hero_inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,56px);align-items:center}
.x667_hero_txt h1{font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:700;line-height:1.18;letter-spacing:-.025em;margin-bottom:16px;color:var(--tx)}
.x667_hero_txt p{font-size:.92rem;color:var(--mt);line-height:1.7;margin-bottom:24px;max-width:42ch}
.x667_hero_btns{display:flex;gap:10px;flex-wrap:wrap}
.x667_hero_vis{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.x667_hero_card{background:var(--cardbg);border:1px solid var(--bd);border-radius:12px;padding:24px 28px;width:fit-content;min-width:160px;box-shadow:0 2px 8px rgba(0,0,0,.03)}
.x667_hero_card_num{font-size:1.8rem;font-weight:700;color:var(--ac);line-height:1.1;letter-spacing:-.02em}
.x667_hero_card_lbl{font-size:.75rem;color:var(--mt);margin-top:4px}

/* Features - 2x2 grid */
.x667_feat{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:1000px;margin:0 auto}
.x667_feat_card{background:var(--cardbg);border:1px solid var(--bd);border-radius:12px;padding:28px 24px;transition:all .3s}
.x667_feat_card:hover{border-color:var(--ac);box-shadow:0 8px 24px rgba(0,0,0,.06);transform:translateY(-2px)}
.x667_feat_icon{margin-bottom:14px;opacity:.85}
.x667_feat_card h3{font-size:.92rem;font-weight:700;margin-bottom:6px;color:var(--tx)}
.x667_feat_card p{font-size:.8rem;color:var(--mt);line-height:1.6}
.x667_feat_lg{grid-column:span 1}

/* Metrics strip */
.x667_met{display:flex;justify-content:center;gap:clamp(18px,4vw,56px);flex-wrap:wrap;padding:28px 0}
.x667_met_item{text-align:center}
.x667_met_val{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;color:var(--ac);line-height:1.1;letter-spacing:-.02em}
.x667_met_val span{font-size:.7em;font-weight:400;color:var(--mt)}
.x667_met_lbl{font-size:.78rem;color:var(--mt);margin-top:4px}

/* Reports */
.x667_rpt{max-width:600px;margin:0 auto;background:var(--cardbg);border:1px solid var(--bd);border-radius:10px;overflow:hidden}
.x667_rpt_item{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--bd);transition:background .2s}
.x667_rpt_item:last-child{border-bottom:none}
.x667_rpt_item:hover{background:var(--b2)}
.x667_rpt_title{font-size:.85rem;color:var(--tx)}
.x667_rpt_badge{font-size:.7rem;padding:3px 10px;background:var(--b2);border:1px solid var(--bd);border-radius:4px;color:var(--mt);font-weight:600}

/* CTA banner */
.x667_cta{padding:48px 24px;text-align:center}
.x667_cta_inner{max-width:600px;margin:0 auto;padding:44px 32px;background:linear-gradient(135deg,var(--ac),var(--a2));border-radius:18px;color:#fff}
.x667_cta_inner h2{font-size:1.4rem;font-weight:700;margin-bottom:8px}
.x667_cta_inner p{font-size:.88rem;opacity:.88}

/* Footer */
.x667_ft{max-width:1100px;margin:0 auto;padding:20px 24px;border-top:1px solid var(--bd);font-size:.75rem;color:var(--mt)}


.x667_g2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:1000px;margin:0 auto}
@media(max-width:640px){.x667_g2{grid-template-columns:1fr}}

/* Horizontal article cards */
.x667_g2 .x667_gc{display:flex;gap:16px;align-items:stretch;padding:0;background:var(--cardbg);border:1px solid var(--bd);border-radius:12px;overflow:hidden;transition:all .3s}
.x667_g2 .x667_gc:hover{border-color:var(--ac);box-shadow:0 8px 24px rgba(0,0,0,.06);transform:translateY(-2px)}
.x667_gimg{width:180px;min-height:100%;object-fit:cover;flex-shrink:0;background:var(--b2);border-radius:0 10px 10px 0;filter:sepia(0.08) brightness(0.94) contrast(0.96);-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 10%);mask-image:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 10%)}
.x667_gbody{flex:1;min-width:0;display:flex;flex-direction:column;padding:20px 16px 16px 20px}
.x667_gbody .x667_gt{margin-bottom:4px}
.x667_gbody h3{margin-bottom:4px}
.x667_gbody p{margin-bottom:6px}
.x667_gbody .x667_gm{margin-top:auto}
@media(max-width:640px){
.x667_g2 .x667_gc{flex-direction:column}
.x667_gimg{width:100%;height:180px}
}

/* Responsive */
@media(max-width:768px){
.x667_hero_inner{grid-template-columns:1fr}
.x667_hero_vis{flex-direction:row;flex-wrap:wrap}
.x667_hero_card{min-width:140px;padding:18px 20px}
.x667_hero_card_num{font-size:1.4rem}
.x667_feat{grid-template-columns:1fr}
.x667_met{gap:20px}
.x667_met_val{font-size:1.4rem}
}
@media(max-width:480px){
.x667_hero_vis{flex-direction:column}
.x667_hero_card{width:100%}
}

/* v=finesse */