@@ -154,6 +154,21 @@ body.light .navbar {
154154 font-variation-settings : "opsz" 60 , "SOFT" 80 , "WONK" 1 ;
155155}
156156.brand__name em { font-style : italic; color : var (--ink ); font-weight : 400 ; }
157+ .brand__ver {
158+ display : inline-block;
159+ margin-left : 6px ;
160+ padding : 1px 6px ;
161+ font-family : var (--f-mono );
162+ font-size : 10px ;
163+ font-weight : 500 ;
164+ letter-spacing : 0.04em ;
165+ color : var (--ink-dim );
166+ border : 1px solid var (--hairline-2 );
167+ border-radius : 3px ;
168+ vertical-align : middle;
169+ background : rgba (255 , 255 , 255 , 0.03 );
170+ }
171+ body .light .brand__ver { background : rgba (0 , 0 , 0 , 0.04 ); }
157172
158173.nav-tabs { list-style : none; display : flex; gap : 0 ; justify-content : center; }
159174.nav-tab {
@@ -982,6 +997,112 @@ body.light .tooltip { box-shadow: 0 4px 18px rgba(0,0,0,0.12), 0 0 12px var(--li
982997}
983998.about-block ul li strong { color : var (--ink ); }
984999
1000+ /* version chip in 模型版本 block title */
1001+ .ver-chip {
1002+ display : inline-block;
1003+ padding : 2px 8px ;
1004+ font-family : var (--f-mono );
1005+ font-size : 12px ;
1006+ letter-spacing : 0.04em ;
1007+ color : var (--lime );
1008+ border : 1px solid var (--lime );
1009+ border-radius : 4px ;
1010+ background : rgba (200 , 249 , 61 , 0.08 );
1011+ }
1012+ body .light .ver-chip { background : rgba (140 , 180 , 0 , 0.08 ); }
1013+
1014+ /* roadmap list */
1015+ .ver-roadmap {
1016+ list-style : none; padding : 0 ; margin : 12px 0 10px ;
1017+ display : flex; flex-direction : column; gap : 6px ;
1018+ }
1019+ .ver-roadmap li {
1020+ display : flex; align-items : baseline; gap : 12px ;
1021+ padding : 6px 10px ;
1022+ font-size : 12.5px ; line-height : 1.5 ; color : var (--ink-dim );
1023+ border-radius : 4px ;
1024+ background : var (--bg-2 );
1025+ }
1026+ .ver-tag {
1027+ flex : 0 0 auto;
1028+ font-family : var (--f-mono ); font-size : 10.5px ;
1029+ padding : 2px 8px ; border-radius : 3px ;
1030+ letter-spacing : 0.03em ; font-weight : 500 ;
1031+ }
1032+ .ver-tag--cur {
1033+ color : var (--bg );
1034+ background : var (--lime );
1035+ }
1036+ body .light .ver-tag--cur { color : var (--ink ); }
1037+ .ver-tag--next {
1038+ color : var (--ink-mute );
1039+ border : 1px solid var (--hairline );
1040+ background : transparent;
1041+ }
1042+
1043+ /* 35 features grid */
1044+ .feat-grid {
1045+ display : grid;
1046+ grid-template-columns : repeat (2 , minmax (0 , 1fr ));
1047+ gap : 8px ;
1048+ margin-top : 12px ;
1049+ }
1050+ .feat-group {
1051+ padding : 10px 12px ;
1052+ border : 1px solid var (--hairline );
1053+ border-radius : 4px ;
1054+ background : var (--bg-2 );
1055+ }
1056+ .feat-group--warn {
1057+ grid-column : 1 / -1 ;
1058+ border-color : var (--amber );
1059+ background : rgba (212 , 160 , 23 , 0.06 );
1060+ }
1061+ body .light .feat-group--warn { background : rgba (180 , 130 , 0 , 0.05 ); }
1062+ .feat-h {
1063+ margin : 0 0 6px ;
1064+ font-family : var (--f-sans );
1065+ font-size : 12px ;
1066+ letter-spacing : 0.03em ;
1067+ color : var (--ink );
1068+ font-weight : 600 ;
1069+ display : flex; align-items : center; gap : 8px ;
1070+ }
1071+ .feat-cnt {
1072+ font-family : var (--f-mono ); font-size : 10px ;
1073+ padding : 1px 6px ; border-radius : 2px ;
1074+ color : var (--ink-mute );
1075+ background : rgba (255 , 255 , 255 , 0.04 );
1076+ border : 1px solid var (--hairline );
1077+ font-weight : 400 ;
1078+ }
1079+ body .light .feat-cnt { background : rgba (0 , 0 , 0 , 0.03 ); }
1080+ .feat-cnt--warn {
1081+ color : var (--amber );
1082+ border-color : var (--amber );
1083+ background : rgba (212 , 160 , 23 , 0.08 );
1084+ }
1085+ .feat-warn { color : var (--amber ); font-weight : 700 ; }
1086+ .feat-list {
1087+ display : block;
1088+ font-family : var (--f-mono );
1089+ font-size : 11px ;
1090+ line-height : 1.7 ;
1091+ color : var (--ink-dim );
1092+ word-break : break-word;
1093+ }
1094+ .feat-list .dim { color : var (--ink-mute ); font-size : 10.5px ; }
1095+ .feat-note {
1096+ margin : 8px 0 0 ;
1097+ font-size : 11.5px ;
1098+ color : var (--ink-mute );
1099+ line-height : 1.55 ;
1100+ }
1101+
1102+ @media (max-width : 720px ) {
1103+ .feat-grid { grid-template-columns : 1fr ; }
1104+ }
1105+
9851106.footer--about {
9861107 margin-top : 32px ;
9871108 padding : 18px 0 ;
0 commit comments