/* ========================================================================== Nynov — macOS Sonoma style frosted glass Material rules: · hairline border at 6-9% white, never a thick white stroke · inner specular highlight + outer rim glow = glass thickness · wide, extremely soft diffuse shadow below the surface · low-saturation Apple blue as the only accent ========================================================================== */ /* FONT_SUBSET:start */ /* Self-hosted MiSans subset (1055 glyphs, 4 static weights), generated by tools/font-subset.cjs — do not edit by hand. */ @font-face { font-family: "MiSans"; font-style: normal; font-weight: 300 440; font-display: swap; src: url(/assets/fonts/misans-400.woff2) format("woff2"); unicode-range: U+20-7e, U+a3, U+a5, U+a7, U+b0-b1, U+b7, U+d7, U+f7, U+2013-2014, U+2018-2019, U+201c-201d, U+2026, U+20ac, U+2192, U+2248, U+2264-2265, U+2713, U+3001-3002, U+300a-300d, U+3010-3011, U+4e00, U+4e09-4e0b, U+4e0d-4e0e, U+4e13-4e14, U+4e1a, U+4e1c, U+4e22, U+4e24-4e25, U+4e2a, U+4e2d, U+4e32, U+4e34, U+4e3a-4e3b, U+4e3e, U+4e45, U+4e48-4e49, U+4e4b, U+4e4e, U+4e58, U+4e5f, U+4e70-4e71, U+4e86, U+4e88, U+4e8b-4e8c, U+4e8e, U+4e92, U+4e94, U+4e9b, U+4ea4, U+4ea7, U+4eab-4eac, U+4eae, U+4eba, U+4ec0, U+4ec5, U+4eca, U+4ecd-4ece, U+4ed6, U+4ed8, U+4ee3-4ee5, U+4eea, U+4eec, U+4ef6-4ef7, U+4efb, U+4efd, U+4f18, U+4f1a, U+4f20, U+4f46, U+4f4d-4f4f, U+4f53, U+4f55, U+4f59, U+4f5c, U+4f60, U+4f7f, U+4f8b, U+4f9b, U+4f9d, U+4fa7, U+4fbf, U+4fdd, U+4fe1, U+4fee, U+500d, U+5012, U+5019, U+503c, U+5047, U+505a, U+505c, U+50ac, U+50cf, U+513f, U+5141, U+5143, U+5145, U+5148-5149, U+514d, U+515c, U+5165, U+5168, U+516c, U+5171, U+5173, U+5176-5177, U+517c, U+5185, U+518c-518d, U+5199, U+51b2-51b3, U+51b5, U+51b7, U+51bb, U+51c6, U+51e0, U+51ed, U+51fa, U+51fd, U+5206-5207, U+5212, U+5217, U+5219-521b, U+521d, U+5220, U+5224, U+5229, U+522b, U+5230, U+5236-5237, U+523a-523b, U+524d, U+5269-526a, U+526f, U+529b, U+529e-52a1, U+52a8-52a9, U+52bf, U+52fe-52ff, U+5305, U+5316-5317, U+5339-533a, U+533f, U+5341, U+5347-5348, U+534a, U+5355-5357, U+5360-5361, U+5373-5374, U+5378, U+5386, U+538b, U+539a, U+539f, U+53bb, U+53c2, U+53c8-53ca, U+53cc-53cd, U+53d1, U+53d6-53d8, U+53e0, U+53e3, U+53e5-53e6, U+53ea, U+53ef-53f0, U+53f2-53f3, U+53f7, U+5403-5404, U+5408, U+540c-540e, U+5411, U+5417, U+541e, U+5426, U+542b, U+542f, U+5438, U+544a, U+5458, U+5468, U+547c-547d, U+548c, U+54a8, U+54c1, U+54cd, U+54e8, U+54ea, U+552e-552f, U+5546, U+5668, U+56db, U+56de, U+56e0, U+56e2, U+56f4, U+56fa, U+56fd-56fe, U+5706, U+5708, U+5728, U+5730, U+573a, U+5740, U+5747, U+574f, U+5751, U+5757, U+578b, U+57ce, U+57fa, U+5806, U+585e, U+586b, U+5883, U+5899, U+589e, U+5904, U+5907, U+590d, U+5916, U+591a, U+591f, U+5927, U+5929-592a, U+5931, U+5934, U+5951, U+5957, U+597d, U+5982, U+5999, U+59cb, U+59d3, U+5a01, U+5b50, U+5b57-5b58, U+5b64, U+5b66, U+5b83, U+5b89, U+5b8c, U+5b98, U+5b9a, U+5b9e, U+5ba1-5ba2, U+5bb9, U+5bbd, U+5bc6, U+5bf9, U+5bfb-5bfc, U+5c01, U+5c04, U+5c06, U+5c0f, U+5c11, U+5c1a, U+5c1d, U+5c31, U+5c3a, U+5c3d, U+5c40, U+5c42, U+5c45, U+5c4f, U+5c55, U+5c5e, U+5d4c, U+5de5-5de6, U+5dee, U+5df1-5df2, U+5e01, U+5e03, U+5e26-5e27, U+5e2e, U+5e38, U+5e55, U+5e72-5e74, U+5e76, U+5e7d, U+5e8f, U+5e93-5e95, U+5e9f, U+5ea6, U+5ef6, U+5efa, U+5f00, U+5f02-5f03, U+5f0a, U+5f0f, U+5f15, U+5f20, U+5f39-5f3a, U+5f52-5f53, U+5f55, U+5f62, U+5f69, U+5f71, U+5f80, U+5f84-5f85, U+5f88, U+5f8b, U+5f92, U+5f97, U+5fae, U+5fbd, U+5fc3, U+5fc5, U+5fd9, U+5feb, U+5ffd, U+6000-6001, U+600e, U+6025, U+6027, U+603b, U+6062, U+606f-6070, U+60a8, U+60ac, U+60c5, U+60e7, U+60f3, U+610f, U+611f, U+613f, U+6162, U+620f-6211, U+6216, U+622a, U+6237, U+6240, U+624b, U+624d, U+6253, U+6258, U+6263, U+6267, U+626b, U+6270, U+6279, U+627e-6280, U+6284, U+628a, U+6296-6298, U+629b, U+62a2, U+62a4-62a5, U+62c6, U+62c9, U+62cd, U+62d2, U+62d6, U+62e5-62e6, U+62e9, U+62fc, U+62ff, U+6301-6302, U+6307, U+6309, U+6311, U+6321, U+6324, U+6362, U+636e, U+6377, U+6388-6389, U+6392, U+63a2, U+63a5, U+63a7-63a8, U+63cf-63d0, U+63d2, U+641c, U+6446, U+6458, U+6478, U+6491, U+649e, U+64a4, U+64cd, U+6525, U+652f, U+6536, U+6539, U+653e, U+6545, U+6548, U+654f, U+6559, U+655b, U+6563, U+6570, U+6574, U+6587, U+6599, U+65a5, U+65ad, U+65b0, U+65b9, U+65c1, U+65e0, U+65e5, U+65e7, U+65e9, U+65f6, U+660e, U+6613, U+6620, U+6628, U+662f, U+663e, U+665a, U+666e-666f, U+6682, U+6697, U+66f2, U+66f4, U+66fe-6700, U+6708-6709, U+670d, U+671f, U+672a, U+672c, U+672f, U+673a, U+6740, U+6743, U+675f-6761, U+6765, U+677f, U+6781, U+6784, U+6790, U+679a, U+679c, U+67b6, U+67d0, U+67d3, U+67e5, U+67f1, U+6807, U+680f, U+6821, U+6837-6839, U+683c, U+6846, U+6848, U+6863, U+6876, U+68c0, U+695a, U+6982, U+69fd, U+6a21, U+6a2a, U+6b21, U+6b3e, U+6b62-6b65, U+6b6a, U+6b7b, U+6b8a, U+6bb5, U+6bcd, U+6bcf, U+6bd4, U+6bdb, U+6c14, U+6c34, U+6c38, U+6c42, U+6c60, U+6ca1, U+6cbf, U+6cd5, U+6ce1, U+6ce8, U+6d32, U+6d3b, U+6d3d, U+6d41, U+6d45, U+6d4b, U+6d4f, U+6d6e, U+6d88-6d89, U+6df1, U+6df7, U+6e05, U+6e10, U+6e20, U+6e32, U+6e38, U+6e90, U+6ed1, U+6eda, U+6ee1, U+6ee4-6ee5, U+6f02, U+6f0f, U+6f14, U+6fc0, U+706b, U+7070, U+7075, U+70b9, U+70e6-70e7, U+7126, U+7136, U+7167, U+7206, U+7247-7248, U+724c, U+7279, U+72b6, U+72ec, U+731c, U+7387, U+73af-73b0, U+73bb, U+7403, U+7406, U+7483, U+751f, U+7528, U+7531, U+7535, U+753b, U+754c, U+754f, U+7559, U+7565, U+7591, U+75d5, U+767b, U+767d-767e, U+7684, U+76d6, U+76d8, U+76ee, U+76f4, U+76f8, U+7701, U+770b, U+771f, U+773c, U+7740, U+77e5, U+77ed, U+7801, U+7814, U+7834, U+7840, U+786c, U+786e, U+793a, U+7968, U+7981, U+79bb, U+79c1, U+79cd, U+79d2, U+79f0, U+79fb, U+7a0b, U+7a0d, U+7a33, U+7a7a, U+7a7f, U+7a84, U+7a97, U+7acb, U+7ad6, U+7ad9, U+7ade, U+7ae0, U+7aef, U+7b26, U+7b2c, U+7b3c, U+7b49, U+7b54, U+7b56, U+7b5b, U+7b7e, U+7b97, U+7ba1, U+7bad, U+7bb1, U+7c07, U+7c7b, U+7cbe, U+7cca, U+7cfb, U+7d20, U+7d22, U+7d27, U+7d2f, U+7e41, U+7ea2, U+7ea6-7ea7, U+7eaf, U+7eb9, U+7ebf, U+7ec4, U+7ec6, U+7ec8, U+7ecf, U+7ed1, U+7ed3, U+7ed5, U+7ed8-7ed9, U+7edc-7edd, U+7edf, U+7ee7, U+7eea, U+7eed, U+7ef4, U+7f00, U+7f13, U+7f16, U+7f1d, U+7f29, U+7f3a, U+7f51, U+7f6e, U+7f72, U+7f8e, U+7ffb, U+8001, U+8005, U+800c, U+8017, U+804a, U+8054, U+805a, U+80cc, U+80fd, U+811a, U+8131, U+81ea, U+81f3-81f4, U+822a, U+8272, U+8282, U+82af, U+82b1, U+82f1, U+8303, U+83ab, U+83b7, U+83dc, U+8425, U+843d, U+84dd, U+85cf, U+884c, U+8865, U+8868, U+88ab, U+88b1, U+88c1, U+88c5, U+88f8, U+897f, U+8981, U+8986, U+89c1-89c2, U+89c4, U+89c6, U+89c8-89c9, U+89d2, U+89e3, U+89e6, U+8a00, U+8b66, U+8ba1-8ba2, U+8ba4, U+8ba9, U+8bae, U+8bb0, U+8bb8, U+8bbe-8bbf, U+8bc1, U+8bc6, U+8bc9, U+8bcd, U+8bd5, U+8bdd, U+8be2, U+8be5-8be6, U+8bed, U+8bef, U+8bf4, U+8bf7, U+8bfa-8bfb, U+8c01, U+8c03, U+8c08, U+8d1f, U+8d23, U+8d25-8d28, U+8d2d, U+8d34, U+8d39, U+8d44, U+8d56, U+8d70, U+8d77, U+8d85, U+8d8b, U+8db3, U+8dd1, U+8ddf, U+8def, U+8df3, U+8e22, U+8e29, U+8eab, U+8f66, U+8f68, U+8f6c, U+8f6e-8f6f, U+8f7d, U+8f83-8f85, U+8f91, U+8f93, U+8fa8, U+8fb9, U+8fbe, U+8fc7, U+8fd0-8fd1, U+8fd4, U+8fd8-8fd9, U+8fdb-8fdc, U+8fde-8fdf, U+8feb, U+8ff0, U+8ff9, U+9000-9002, U+9009, U+900f-9010, U+9014, U+901a, U+901f, U+903b, U+904d, U+9053, U+9057, U+907f, U+90a3, U+90ae, U+90e8, U+90fd, U+914d, U+9192, U+91c7, U+91ca, U+91cc-91cd, U+91cf, U+91d1, U+949f, U+94ae, U+94b1, U+94f6, U+94fe, U+9500-9501, U+9519, U+952e, U+957f, U+95e8, U+95ea, U+95ed-95ee, U+95f4, U+9605, U+9608, U+961f, U+9632, U+9636, U+9644-9645, U+9650, U+9664, U+968f-9690, U+9694, U+9699, U+969c, U+96be, U+96c6, U+96f6, U+9700, U+9732, U+9759, U+975e, U+9760, U+9762, U+97f3, U+9875-9876, U+9879-987b, U+9884, U+9886, U+9891, U+9898, U+989c-989d, U+98de, U+9988, U+9996, U+9a71, U+9a8c, U+9a97, U+9aa4, U+9ad8, U+9ed1, U+9ed8, U+9f50, U+ff01, U+ff08-ff09, U+ff0c, U+ff1a-ff1b, U+ff1f, U+ffe5; } @font-face { font-family: "MiSans"; font-style: normal; font-weight: 441 549; font-display: swap; src: url(/assets/fonts/misans-500.woff2) format("woff2"); unicode-range: U+20-7e, U+a3, U+a5, U+a7, U+b0-b1, U+b7, U+d7, U+f7, U+2013-2014, U+2018-2019, U+201c-201d, U+2026, U+20ac, U+2192, U+2248, U+2264-2265, U+2713, U+3001-3002, U+300a-300d, U+3010-3011, U+4e00, U+4e09-4e0b, U+4e0d-4e0e, U+4e13-4e14, U+4e1a, U+4e1c, U+4e22, U+4e24-4e25, U+4e2a, U+4e2d, U+4e32, U+4e34, U+4e3a-4e3b, U+4e3e, U+4e45, U+4e48-4e49, U+4e4b, U+4e4e, U+4e58, U+4e5f, U+4e70-4e71, U+4e86, U+4e88, U+4e8b-4e8c, U+4e8e, U+4e92, U+4e94, U+4e9b, U+4ea4, U+4ea7, U+4eab-4eac, U+4eae, U+4eba, U+4ec0, U+4ec5, U+4eca, U+4ecd-4ece, U+4ed6, U+4ed8, U+4ee3-4ee5, U+4eea, U+4eec, U+4ef6-4ef7, U+4efb, U+4efd, U+4f18, U+4f1a, U+4f20, U+4f46, U+4f4d-4f4f, U+4f53, U+4f55, U+4f59, U+4f5c, U+4f60, U+4f7f, U+4f8b, U+4f9b, U+4f9d, U+4fa7, U+4fbf, U+4fdd, U+4fe1, U+4fee, U+500d, U+5012, U+5019, U+503c, U+5047, U+505a, U+505c, U+50ac, U+50cf, U+513f, U+5141, U+5143, U+5145, U+5148-5149, U+514d, U+515c, U+5165, U+5168, U+516c, U+5171, U+5173, U+5176-5177, U+517c, U+5185, U+518c-518d, U+5199, U+51b2-51b3, U+51b5, U+51b7, U+51bb, U+51c6, U+51e0, U+51ed, U+51fa, U+51fd, U+5206-5207, U+5212, U+5217, U+5219-521b, U+521d, U+5220, U+5224, U+5229, U+522b, U+5230, U+5236-5237, U+523a-523b, U+524d, U+5269-526a, U+526f, U+529b, U+529e-52a1, U+52a8-52a9, U+52bf, U+52fe-52ff, U+5305, U+5316-5317, U+5339-533a, U+533f, U+5341, U+5347-5348, U+534a, U+5355-5357, U+5360-5361, U+5373-5374, U+5378, U+5386, U+538b, U+539a, U+539f, U+53bb, U+53c2, U+53c8-53ca, U+53cc-53cd, U+53d1, U+53d6-53d8, U+53e0, U+53e3, U+53e5-53e6, U+53ea, U+53ef-53f0, U+53f2-53f3, U+53f7, U+5403-5404, U+5408, U+540c-540e, U+5411, U+5417, U+541e, U+5426, U+542b, U+542f, U+5438, U+544a, U+5458, U+5468, U+547c-547d, U+548c, U+54a8, U+54c1, U+54cd, U+54e8, U+54ea, U+552e-552f, U+5546, U+5668, U+56db, U+56de, U+56e0, U+56e2, U+56f4, U+56fa, U+56fd-56fe, U+5706, U+5708, U+5728, U+5730, U+573a, U+5740, U+5747, U+574f, U+5751, U+5757, U+578b, U+57ce, U+57fa, U+5806, U+585e, U+586b, U+5883, U+5899, U+589e, U+5904, U+5907, U+590d, U+5916, U+591a, U+591f, U+5927, U+5929-592a, U+5931, U+5934, U+5951, U+5957, U+597d, U+5982, U+5999, U+59cb, U+59d3, U+5a01, U+5b50, U+5b57-5b58, U+5b64, U+5b66, U+5b83, U+5b89, U+5b8c, U+5b98, U+5b9a, U+5b9e, U+5ba1-5ba2, U+5bb9, U+5bbd, U+5bc6, U+5bf9, U+5bfb-5bfc, U+5c01, U+5c04, U+5c06, U+5c0f, U+5c11, U+5c1a, U+5c1d, U+5c31, U+5c3a, U+5c3d, U+5c40, U+5c42, U+5c45, U+5c4f, U+5c55, U+5c5e, U+5d4c, U+5de5-5de6, U+5dee, U+5df1-5df2, U+5e01, U+5e03, U+5e26-5e27, U+5e2e, U+5e38, U+5e55, U+5e72-5e74, U+5e76, U+5e7d, U+5e8f, U+5e93-5e95, U+5e9f, U+5ea6, U+5ef6, U+5efa, U+5f00, U+5f02-5f03, U+5f0a, U+5f0f, U+5f15, U+5f20, U+5f39-5f3a, U+5f52-5f53, U+5f55, U+5f62, U+5f69, U+5f71, U+5f80, U+5f84-5f85, U+5f88, U+5f8b, U+5f92, U+5f97, U+5fae, U+5fbd, U+5fc3, U+5fc5, U+5fd9, U+5feb, U+5ffd, U+6000-6001, U+600e, U+6025, U+6027, U+603b, U+6062, U+606f-6070, U+60a8, U+60ac, U+60c5, U+60e7, U+60f3, U+610f, U+611f, U+613f, U+6162, U+620f-6211, U+6216, U+622a, U+6237, U+6240, U+624b, U+624d, U+6253, U+6258, U+6263, U+6267, U+626b, U+6270, U+6279, U+627e-6280, U+6284, U+628a, U+6296-6298, U+629b, U+62a2, U+62a4-62a5, U+62c6, U+62c9, U+62cd, U+62d2, U+62d6, U+62e5-62e6, U+62e9, U+62fc, U+62ff, U+6301-6302, U+6307, U+6309, U+6311, U+6321, U+6324, U+6362, U+636e, U+6377, U+6388-6389, U+6392, U+63a2, U+63a5, U+63a7-63a8, U+63cf-63d0, U+63d2, U+641c, U+6446, U+6458, U+6478, U+6491, U+649e, U+64a4, U+64cd, U+6525, U+652f, U+6536, U+6539, U+653e, U+6545, U+6548, U+654f, U+6559, U+655b, U+6563, U+6570, U+6574, U+6587, U+6599, U+65a5, U+65ad, U+65b0, U+65b9, U+65c1, U+65e0, U+65e5, U+65e7, U+65e9, U+65f6, U+660e, U+6613, U+6620, U+6628, U+662f, U+663e, U+665a, U+666e-666f, U+6682, U+6697, U+66f2, U+66f4, U+66fe-6700, U+6708-6709, U+670d, U+671f, U+672a, U+672c, U+672f, U+673a, U+6740, U+6743, U+675f-6761, U+6765, U+677f, U+6781, U+6784, U+6790, U+679a, U+679c, U+67b6, U+67d0, U+67d3, U+67e5, U+67f1, U+6807, U+680f, U+6821, U+6837-6839, U+683c, U+6846, U+6848, U+6863, U+6876, U+68c0, U+695a, U+6982, U+69fd, U+6a21, U+6a2a, U+6b21, U+6b3e, U+6b62-6b65, U+6b6a, U+6b7b, U+6b8a, U+6bb5, U+6bcd, U+6bcf, U+6bd4, U+6bdb, U+6c14, U+6c34, U+6c38, U+6c42, U+6c60, U+6ca1, U+6cbf, U+6cd5, U+6ce1, U+6ce8, U+6d32, U+6d3b, U+6d3d, U+6d41, U+6d45, U+6d4b, U+6d4f, U+6d6e, U+6d88-6d89, U+6df1, U+6df7, U+6e05, U+6e10, U+6e20, U+6e32, U+6e38, U+6e90, U+6ed1, U+6eda, U+6ee1, U+6ee4-6ee5, U+6f02, U+6f0f, U+6f14, U+6fc0, U+706b, U+7070, U+7075, U+70b9, U+70e6-70e7, U+7126, U+7136, U+7167, U+7206, U+7247-7248, U+724c, U+7279, U+72b6, U+72ec, U+731c, U+7387, U+73af-73b0, U+73bb, U+7403, U+7406, U+7483, U+751f, U+7528, U+7531, U+7535, U+753b, U+754c, U+754f, U+7559, U+7565, U+7591, U+75d5, U+767b, U+767d-767e, U+7684, U+76d6, U+76d8, U+76ee, U+76f4, U+76f8, U+7701, U+770b, U+771f, U+773c, U+7740, U+77e5, U+77ed, U+7801, U+7814, U+7834, U+7840, U+786c, U+786e, U+793a, U+7968, U+7981, U+79bb, U+79c1, U+79cd, U+79d2, U+79f0, U+79fb, U+7a0b, U+7a0d, U+7a33, U+7a7a, U+7a7f, U+7a84, U+7a97, U+7acb, U+7ad6, U+7ad9, U+7ade, U+7ae0, U+7aef, U+7b26, U+7b2c, U+7b3c, U+7b49, U+7b54, U+7b56, U+7b5b, U+7b7e, U+7b97, U+7ba1, U+7bad, U+7bb1, U+7c07, U+7c7b, U+7cbe, U+7cca, U+7cfb, U+7d20, U+7d22, U+7d27, U+7d2f, U+7e41, U+7ea2, U+7ea6-7ea7, U+7eaf, U+7eb9, U+7ebf, U+7ec4, U+7ec6, U+7ec8, U+7ecf, U+7ed1, U+7ed3, U+7ed5, U+7ed8-7ed9, U+7edc-7edd, U+7edf, U+7ee7, U+7eea, U+7eed, U+7ef4, U+7f00, U+7f13, U+7f16, U+7f1d, U+7f29, U+7f3a, U+7f51, U+7f6e, U+7f72, U+7f8e, U+7ffb, U+8001, U+8005, U+800c, U+8017, U+804a, U+8054, U+805a, U+80cc, U+80fd, U+811a, U+8131, U+81ea, U+81f3-81f4, U+822a, U+8272, U+8282, U+82af, U+82b1, U+82f1, U+8303, U+83ab, U+83b7, U+83dc, U+8425, U+843d, U+84dd, U+85cf, U+884c, U+8865, U+8868, U+88ab, U+88b1, U+88c1, U+88c5, U+88f8, U+897f, U+8981, U+8986, U+89c1-89c2, U+89c4, U+89c6, U+89c8-89c9, U+89d2, U+89e3, U+89e6, U+8a00, U+8b66, U+8ba1-8ba2, U+8ba4, U+8ba9, U+8bae, U+8bb0, U+8bb8, U+8bbe-8bbf, U+8bc1, U+8bc6, U+8bc9, U+8bcd, U+8bd5, U+8bdd, U+8be2, U+8be5-8be6, U+8bed, U+8bef, U+8bf4, U+8bf7, U+8bfa-8bfb, U+8c01, U+8c03, U+8c08, U+8d1f, U+8d23, U+8d25-8d28, U+8d2d, U+8d34, U+8d39, U+8d44, U+8d56, U+8d70, U+8d77, U+8d85, U+8d8b, U+8db3, U+8dd1, U+8ddf, U+8def, U+8df3, U+8e22, U+8e29, U+8eab, U+8f66, U+8f68, U+8f6c, U+8f6e-8f6f, U+8f7d, U+8f83-8f85, U+8f91, U+8f93, U+8fa8, U+8fb9, U+8fbe, U+8fc7, U+8fd0-8fd1, U+8fd4, U+8fd8-8fd9, U+8fdb-8fdc, U+8fde-8fdf, U+8feb, U+8ff0, U+8ff9, U+9000-9002, U+9009, U+900f-9010, U+9014, U+901a, U+901f, U+903b, U+904d, U+9053, U+9057, U+907f, U+90a3, U+90ae, U+90e8, U+90fd, U+914d, U+9192, U+91c7, U+91ca, U+91cc-91cd, U+91cf, U+91d1, U+949f, U+94ae, U+94b1, U+94f6, U+94fe, U+9500-9501, U+9519, U+952e, U+957f, U+95e8, U+95ea, U+95ed-95ee, U+95f4, U+9605, U+9608, U+961f, U+9632, U+9636, U+9644-9645, U+9650, U+9664, U+968f-9690, U+9694, U+9699, U+969c, U+96be, U+96c6, U+96f6, U+9700, U+9732, U+9759, U+975e, U+9760, U+9762, U+97f3, U+9875-9876, U+9879-987b, U+9884, U+9886, U+9891, U+9898, U+989c-989d, U+98de, U+9988, U+9996, U+9a71, U+9a8c, U+9a97, U+9aa4, U+9ad8, U+9ed1, U+9ed8, U+9f50, U+ff01, U+ff08-ff09, U+ff0c, U+ff1a-ff1b, U+ff1f, U+ffe5; } @font-face { font-family: "MiSans"; font-style: normal; font-weight: 550 649; font-display: swap; src: url(/assets/fonts/misans-600.woff2) format("woff2"); unicode-range: U+20-7e, U+a3, U+a5, U+a7, U+b0-b1, U+b7, U+d7, U+f7, U+2013-2014, U+2018-2019, U+201c-201d, U+2026, U+20ac, U+2192, U+2248, U+2264-2265, U+2713, U+3001-3002, U+300a-300d, U+3010-3011, U+4e00, U+4e09-4e0b, U+4e0d-4e0e, U+4e13-4e14, U+4e1a, U+4e1c, U+4e22, U+4e24-4e25, U+4e2a, U+4e2d, U+4e32, U+4e34, U+4e3a-4e3b, U+4e3e, U+4e45, U+4e48-4e49, U+4e4b, U+4e4e, U+4e58, U+4e5f, U+4e70-4e71, U+4e86, U+4e88, U+4e8b-4e8c, U+4e8e, U+4e92, U+4e94, U+4e9b, U+4ea4, U+4ea7, U+4eab-4eac, U+4eae, U+4eba, U+4ec0, U+4ec5, U+4eca, U+4ecd-4ece, U+4ed6, U+4ed8, U+4ee3-4ee5, U+4eea, U+4eec, U+4ef6-4ef7, U+4efb, U+4efd, U+4f18, U+4f1a, U+4f20, U+4f46, U+4f4d-4f4f, U+4f53, U+4f55, U+4f59, U+4f5c, U+4f60, U+4f7f, U+4f8b, U+4f9b, U+4f9d, U+4fa7, U+4fbf, U+4fdd, U+4fe1, U+4fee, U+500d, U+5012, U+5019, U+503c, U+5047, U+505a, U+505c, U+50ac, U+50cf, U+513f, U+5141, U+5143, U+5145, U+5148-5149, U+514d, U+515c, U+5165, U+5168, U+516c, U+5171, U+5173, U+5176-5177, U+517c, U+5185, U+518c-518d, U+5199, U+51b2-51b3, U+51b5, U+51b7, U+51bb, U+51c6, U+51e0, U+51ed, U+51fa, U+51fd, U+5206-5207, U+5212, U+5217, U+5219-521b, U+521d, U+5220, U+5224, U+5229, U+522b, U+5230, U+5236-5237, U+523a-523b, U+524d, U+5269-526a, U+526f, U+529b, U+529e-52a1, U+52a8-52a9, U+52bf, U+52fe-52ff, U+5305, U+5316-5317, U+5339-533a, U+533f, U+5341, U+5347-5348, U+534a, U+5355-5357, U+5360-5361, U+5373-5374, U+5378, U+5386, U+538b, U+539a, U+539f, U+53bb, U+53c2, U+53c8-53ca, U+53cc-53cd, U+53d1, U+53d6-53d8, U+53e0, U+53e3, U+53e5-53e6, U+53ea, U+53ef-53f0, U+53f2-53f3, U+53f7, U+5403-5404, U+5408, U+540c-540e, U+5411, U+5417, U+541e, U+5426, U+542b, U+542f, U+5438, U+544a, U+5458, U+5468, U+547c-547d, U+548c, U+54a8, U+54c1, U+54cd, U+54e8, U+54ea, U+552e-552f, U+5546, U+5668, U+56db, U+56de, U+56e0, U+56e2, U+56f4, U+56fa, U+56fd-56fe, U+5706, U+5708, U+5728, U+5730, U+573a, U+5740, U+5747, U+574f, U+5751, U+5757, U+578b, U+57ce, U+57fa, U+5806, U+585e, U+586b, U+5883, U+5899, U+589e, U+5904, U+5907, U+590d, U+5916, U+591a, U+591f, U+5927, U+5929-592a, U+5931, U+5934, U+5951, U+5957, U+597d, U+5982, U+5999, U+59cb, U+59d3, U+5a01, U+5b50, U+5b57-5b58, U+5b64, U+5b66, U+5b83, U+5b89, U+5b8c, U+5b98, U+5b9a, U+5b9e, U+5ba1-5ba2, U+5bb9, U+5bbd, U+5bc6, U+5bf9, U+5bfb-5bfc, U+5c01, U+5c04, U+5c06, U+5c0f, U+5c11, U+5c1a, U+5c1d, U+5c31, U+5c3a, U+5c3d, U+5c40, U+5c42, U+5c45, U+5c4f, U+5c55, U+5c5e, U+5d4c, U+5de5-5de6, U+5dee, U+5df1-5df2, U+5e01, U+5e03, U+5e26-5e27, U+5e2e, U+5e38, U+5e55, U+5e72-5e74, U+5e76, U+5e7d, U+5e8f, U+5e93-5e95, U+5e9f, U+5ea6, U+5ef6, U+5efa, U+5f00, U+5f02-5f03, U+5f0a, U+5f0f, U+5f15, U+5f20, U+5f39-5f3a, U+5f52-5f53, U+5f55, U+5f62, U+5f69, U+5f71, U+5f80, U+5f84-5f85, U+5f88, U+5f8b, U+5f92, U+5f97, U+5fae, U+5fbd, U+5fc3, U+5fc5, U+5fd9, U+5feb, U+5ffd, U+6000-6001, U+600e, U+6025, U+6027, U+603b, U+6062, U+606f-6070, U+60a8, U+60ac, U+60c5, U+60e7, U+60f3, U+610f, U+611f, U+613f, U+6162, U+620f-6211, U+6216, U+622a, U+6237, U+6240, U+624b, U+624d, U+6253, U+6258, U+6263, U+6267, U+626b, U+6270, U+6279, U+627e-6280, U+6284, U+628a, U+6296-6298, U+629b, U+62a2, U+62a4-62a5, U+62c6, U+62c9, U+62cd, U+62d2, U+62d6, U+62e5-62e6, U+62e9, U+62fc, U+62ff, U+6301-6302, U+6307, U+6309, U+6311, U+6321, U+6324, U+6362, U+636e, U+6377, U+6388-6389, U+6392, U+63a2, U+63a5, U+63a7-63a8, U+63cf-63d0, U+63d2, U+641c, U+6446, U+6458, U+6478, U+6491, U+649e, U+64a4, U+64cd, U+6525, U+652f, U+6536, U+6539, U+653e, U+6545, U+6548, U+654f, U+6559, U+655b, U+6563, U+6570, U+6574, U+6587, U+6599, U+65a5, U+65ad, U+65b0, U+65b9, U+65c1, U+65e0, U+65e5, U+65e7, U+65e9, U+65f6, U+660e, U+6613, U+6620, U+6628, U+662f, U+663e, U+665a, U+666e-666f, U+6682, U+6697, U+66f2, U+66f4, U+66fe-6700, U+6708-6709, U+670d, U+671f, U+672a, U+672c, U+672f, U+673a, U+6740, U+6743, U+675f-6761, U+6765, U+677f, U+6781, U+6784, U+6790, U+679a, U+679c, U+67b6, U+67d0, U+67d3, U+67e5, U+67f1, U+6807, U+680f, U+6821, U+6837-6839, U+683c, U+6846, U+6848, U+6863, U+6876, U+68c0, U+695a, U+6982, U+69fd, U+6a21, U+6a2a, U+6b21, U+6b3e, U+6b62-6b65, U+6b6a, U+6b7b, U+6b8a, U+6bb5, U+6bcd, U+6bcf, U+6bd4, U+6bdb, U+6c14, U+6c34, U+6c38, U+6c42, U+6c60, U+6ca1, U+6cbf, U+6cd5, U+6ce1, U+6ce8, U+6d32, U+6d3b, U+6d3d, U+6d41, U+6d45, U+6d4b, U+6d4f, U+6d6e, U+6d88-6d89, U+6df1, U+6df7, U+6e05, U+6e10, U+6e20, U+6e32, U+6e38, U+6e90, U+6ed1, U+6eda, U+6ee1, U+6ee4-6ee5, U+6f02, U+6f0f, U+6f14, U+6fc0, U+706b, U+7070, U+7075, U+70b9, U+70e6-70e7, U+7126, U+7136, U+7167, U+7206, U+7247-7248, U+724c, U+7279, U+72b6, U+72ec, U+731c, U+7387, U+73af-73b0, U+73bb, U+7403, U+7406, U+7483, U+751f, U+7528, U+7531, U+7535, U+753b, U+754c, U+754f, U+7559, U+7565, U+7591, U+75d5, U+767b, U+767d-767e, U+7684, U+76d6, U+76d8, U+76ee, U+76f4, U+76f8, U+7701, U+770b, U+771f, U+773c, U+7740, U+77e5, U+77ed, U+7801, U+7814, U+7834, U+7840, U+786c, U+786e, U+793a, U+7968, U+7981, U+79bb, U+79c1, U+79cd, U+79d2, U+79f0, U+79fb, U+7a0b, U+7a0d, U+7a33, U+7a7a, U+7a7f, U+7a84, U+7a97, U+7acb, U+7ad6, U+7ad9, U+7ade, U+7ae0, U+7aef, U+7b26, U+7b2c, U+7b3c, U+7b49, U+7b54, U+7b56, U+7b5b, U+7b7e, U+7b97, U+7ba1, U+7bad, U+7bb1, U+7c07, U+7c7b, U+7cbe, U+7cca, U+7cfb, U+7d20, U+7d22, U+7d27, U+7d2f, U+7e41, U+7ea2, U+7ea6-7ea7, U+7eaf, U+7eb9, U+7ebf, U+7ec4, U+7ec6, U+7ec8, U+7ecf, U+7ed1, U+7ed3, U+7ed5, U+7ed8-7ed9, U+7edc-7edd, U+7edf, U+7ee7, U+7eea, U+7eed, U+7ef4, U+7f00, U+7f13, U+7f16, U+7f1d, U+7f29, U+7f3a, U+7f51, U+7f6e, U+7f72, U+7f8e, U+7ffb, U+8001, U+8005, U+800c, U+8017, U+804a, U+8054, U+805a, U+80cc, U+80fd, U+811a, U+8131, U+81ea, U+81f3-81f4, U+822a, U+8272, U+8282, U+82af, U+82b1, U+82f1, U+8303, U+83ab, U+83b7, U+83dc, U+8425, U+843d, U+84dd, U+85cf, U+884c, U+8865, U+8868, U+88ab, U+88b1, U+88c1, U+88c5, U+88f8, U+897f, U+8981, U+8986, U+89c1-89c2, U+89c4, U+89c6, U+89c8-89c9, U+89d2, U+89e3, U+89e6, U+8a00, U+8b66, U+8ba1-8ba2, U+8ba4, U+8ba9, U+8bae, U+8bb0, U+8bb8, U+8bbe-8bbf, U+8bc1, U+8bc6, U+8bc9, U+8bcd, U+8bd5, U+8bdd, U+8be2, U+8be5-8be6, U+8bed, U+8bef, U+8bf4, U+8bf7, U+8bfa-8bfb, U+8c01, U+8c03, U+8c08, U+8d1f, U+8d23, U+8d25-8d28, U+8d2d, U+8d34, U+8d39, U+8d44, U+8d56, U+8d70, U+8d77, U+8d85, U+8d8b, U+8db3, U+8dd1, U+8ddf, U+8def, U+8df3, U+8e22, U+8e29, U+8eab, U+8f66, U+8f68, U+8f6c, U+8f6e-8f6f, U+8f7d, U+8f83-8f85, U+8f91, U+8f93, U+8fa8, U+8fb9, U+8fbe, U+8fc7, U+8fd0-8fd1, U+8fd4, U+8fd8-8fd9, U+8fdb-8fdc, U+8fde-8fdf, U+8feb, U+8ff0, U+8ff9, U+9000-9002, U+9009, U+900f-9010, U+9014, U+901a, U+901f, U+903b, U+904d, U+9053, U+9057, U+907f, U+90a3, U+90ae, U+90e8, U+90fd, U+914d, U+9192, U+91c7, U+91ca, U+91cc-91cd, U+91cf, U+91d1, U+949f, U+94ae, U+94b1, U+94f6, U+94fe, U+9500-9501, U+9519, U+952e, U+957f, U+95e8, U+95ea, U+95ed-95ee, U+95f4, U+9605, U+9608, U+961f, U+9632, U+9636, U+9644-9645, U+9650, U+9664, U+968f-9690, U+9694, U+9699, U+969c, U+96be, U+96c6, U+96f6, U+9700, U+9732, U+9759, U+975e, U+9760, U+9762, U+97f3, U+9875-9876, U+9879-987b, U+9884, U+9886, U+9891, U+9898, U+989c-989d, U+98de, U+9988, U+9996, U+9a71, U+9a8c, U+9a97, U+9aa4, U+9ad8, U+9ed1, U+9ed8, U+9f50, U+ff01, U+ff08-ff09, U+ff0c, U+ff1a-ff1b, U+ff1f, U+ffe5; } @font-face { font-family: "MiSans"; font-style: normal; font-weight: 650 900; font-display: swap; src: url(/assets/fonts/misans-700.woff2) format("woff2"); unicode-range: U+20-7e, U+a3, U+a5, U+a7, U+b0-b1, U+b7, U+d7, U+f7, U+2013-2014, U+2018-2019, U+201c-201d, U+2026, U+20ac, U+2192, U+2248, U+2264-2265, U+2713, U+3001-3002, U+300a-300d, U+3010-3011, U+4e00, U+4e09-4e0b, U+4e0d-4e0e, U+4e13-4e14, U+4e1a, U+4e1c, U+4e22, U+4e24-4e25, U+4e2a, U+4e2d, U+4e32, U+4e34, U+4e3a-4e3b, U+4e3e, U+4e45, U+4e48-4e49, U+4e4b, U+4e4e, U+4e58, U+4e5f, U+4e70-4e71, U+4e86, U+4e88, U+4e8b-4e8c, U+4e8e, U+4e92, U+4e94, U+4e9b, U+4ea4, U+4ea7, U+4eab-4eac, U+4eae, U+4eba, U+4ec0, U+4ec5, U+4eca, U+4ecd-4ece, U+4ed6, U+4ed8, U+4ee3-4ee5, U+4eea, U+4eec, U+4ef6-4ef7, U+4efb, U+4efd, U+4f18, U+4f1a, U+4f20, U+4f46, U+4f4d-4f4f, U+4f53, U+4f55, U+4f59, U+4f5c, U+4f60, U+4f7f, U+4f8b, U+4f9b, U+4f9d, U+4fa7, U+4fbf, U+4fdd, U+4fe1, U+4fee, U+500d, U+5012, U+5019, U+503c, U+5047, U+505a, U+505c, U+50ac, U+50cf, U+513f, U+5141, U+5143, U+5145, U+5148-5149, U+514d, U+515c, U+5165, U+5168, U+516c, U+5171, U+5173, U+5176-5177, U+517c, U+5185, U+518c-518d, U+5199, U+51b2-51b3, U+51b5, U+51b7, U+51bb, U+51c6, U+51e0, U+51ed, U+51fa, U+51fd, U+5206-5207, U+5212, U+5217, U+5219-521b, U+521d, U+5220, U+5224, U+5229, U+522b, U+5230, U+5236-5237, U+523a-523b, U+524d, U+5269-526a, U+526f, U+529b, U+529e-52a1, U+52a8-52a9, U+52bf, U+52fe-52ff, U+5305, U+5316-5317, U+5339-533a, U+533f, U+5341, U+5347-5348, U+534a, U+5355-5357, U+5360-5361, U+5373-5374, U+5378, U+5386, U+538b, U+539a, U+539f, U+53bb, U+53c2, U+53c8-53ca, U+53cc-53cd, U+53d1, U+53d6-53d8, U+53e0, U+53e3, U+53e5-53e6, U+53ea, U+53ef-53f0, U+53f2-53f3, U+53f7, U+5403-5404, U+5408, U+540c-540e, U+5411, U+5417, U+541e, U+5426, U+542b, U+542f, U+5438, U+544a, U+5458, U+5468, U+547c-547d, U+548c, U+54a8, U+54c1, U+54cd, U+54e8, U+54ea, U+552e-552f, U+5546, U+5668, U+56db, U+56de, U+56e0, U+56e2, U+56f4, U+56fa, U+56fd-56fe, U+5706, U+5708, U+5728, U+5730, U+573a, U+5740, U+5747, U+574f, U+5751, U+5757, U+578b, U+57ce, U+57fa, U+5806, U+585e, U+586b, U+5883, U+5899, U+589e, U+5904, U+5907, U+590d, U+5916, U+591a, U+591f, U+5927, U+5929-592a, U+5931, U+5934, U+5951, U+5957, U+597d, U+5982, U+5999, U+59cb, U+59d3, U+5a01, U+5b50, U+5b57-5b58, U+5b64, U+5b66, U+5b83, U+5b89, U+5b8c, U+5b98, U+5b9a, U+5b9e, U+5ba1-5ba2, U+5bb9, U+5bbd, U+5bc6, U+5bf9, U+5bfb-5bfc, U+5c01, U+5c04, U+5c06, U+5c0f, U+5c11, U+5c1a, U+5c1d, U+5c31, U+5c3a, U+5c3d, U+5c40, U+5c42, U+5c45, U+5c4f, U+5c55, U+5c5e, U+5d4c, U+5de5-5de6, U+5dee, U+5df1-5df2, U+5e01, U+5e03, U+5e26-5e27, U+5e2e, U+5e38, U+5e55, U+5e72-5e74, U+5e76, U+5e7d, U+5e8f, U+5e93-5e95, U+5e9f, U+5ea6, U+5ef6, U+5efa, U+5f00, U+5f02-5f03, U+5f0a, U+5f0f, U+5f15, U+5f20, U+5f39-5f3a, U+5f52-5f53, U+5f55, U+5f62, U+5f69, U+5f71, U+5f80, U+5f84-5f85, U+5f88, U+5f8b, U+5f92, U+5f97, U+5fae, U+5fbd, U+5fc3, U+5fc5, U+5fd9, U+5feb, U+5ffd, U+6000-6001, U+600e, U+6025, U+6027, U+603b, U+6062, U+606f-6070, U+60a8, U+60ac, U+60c5, U+60e7, U+60f3, U+610f, U+611f, U+613f, U+6162, U+620f-6211, U+6216, U+622a, U+6237, U+6240, U+624b, U+624d, U+6253, U+6258, U+6263, U+6267, U+626b, U+6270, U+6279, U+627e-6280, U+6284, U+628a, U+6296-6298, U+629b, U+62a2, U+62a4-62a5, U+62c6, U+62c9, U+62cd, U+62d2, U+62d6, U+62e5-62e6, U+62e9, U+62fc, U+62ff, U+6301-6302, U+6307, U+6309, U+6311, U+6321, U+6324, U+6362, U+636e, U+6377, U+6388-6389, U+6392, U+63a2, U+63a5, U+63a7-63a8, U+63cf-63d0, U+63d2, U+641c, U+6446, U+6458, U+6478, U+6491, U+649e, U+64a4, U+64cd, U+6525, U+652f, U+6536, U+6539, U+653e, U+6545, U+6548, U+654f, U+6559, U+655b, U+6563, U+6570, U+6574, U+6587, U+6599, U+65a5, U+65ad, U+65b0, U+65b9, U+65c1, U+65e0, U+65e5, U+65e7, U+65e9, U+65f6, U+660e, U+6613, U+6620, U+6628, U+662f, U+663e, U+665a, U+666e-666f, U+6682, U+6697, U+66f2, U+66f4, U+66fe-6700, U+6708-6709, U+670d, U+671f, U+672a, U+672c, U+672f, U+673a, U+6740, U+6743, U+675f-6761, U+6765, U+677f, U+6781, U+6784, U+6790, U+679a, U+679c, U+67b6, U+67d0, U+67d3, U+67e5, U+67f1, U+6807, U+680f, U+6821, U+6837-6839, U+683c, U+6846, U+6848, U+6863, U+6876, U+68c0, U+695a, U+6982, U+69fd, U+6a21, U+6a2a, U+6b21, U+6b3e, U+6b62-6b65, U+6b6a, U+6b7b, U+6b8a, U+6bb5, U+6bcd, U+6bcf, U+6bd4, U+6bdb, U+6c14, U+6c34, U+6c38, U+6c42, U+6c60, U+6ca1, U+6cbf, U+6cd5, U+6ce1, U+6ce8, U+6d32, U+6d3b, U+6d3d, U+6d41, U+6d45, U+6d4b, U+6d4f, U+6d6e, U+6d88-6d89, U+6df1, U+6df7, U+6e05, U+6e10, U+6e20, U+6e32, U+6e38, U+6e90, U+6ed1, U+6eda, U+6ee1, U+6ee4-6ee5, U+6f02, U+6f0f, U+6f14, U+6fc0, U+706b, U+7070, U+7075, U+70b9, U+70e6-70e7, U+7126, U+7136, U+7167, U+7206, U+7247-7248, U+724c, U+7279, U+72b6, U+72ec, U+731c, U+7387, U+73af-73b0, U+73bb, U+7403, U+7406, U+7483, U+751f, U+7528, U+7531, U+7535, U+753b, U+754c, U+754f, U+7559, U+7565, U+7591, U+75d5, U+767b, U+767d-767e, U+7684, U+76d6, U+76d8, U+76ee, U+76f4, U+76f8, U+7701, U+770b, U+771f, U+773c, U+7740, U+77e5, U+77ed, U+7801, U+7814, U+7834, U+7840, U+786c, U+786e, U+793a, U+7968, U+7981, U+79bb, U+79c1, U+79cd, U+79d2, U+79f0, U+79fb, U+7a0b, U+7a0d, U+7a33, U+7a7a, U+7a7f, U+7a84, U+7a97, U+7acb, U+7ad6, U+7ad9, U+7ade, U+7ae0, U+7aef, U+7b26, U+7b2c, U+7b3c, U+7b49, U+7b54, U+7b56, U+7b5b, U+7b7e, U+7b97, U+7ba1, U+7bad, U+7bb1, U+7c07, U+7c7b, U+7cbe, U+7cca, U+7cfb, U+7d20, U+7d22, U+7d27, U+7d2f, U+7e41, U+7ea2, U+7ea6-7ea7, U+7eaf, U+7eb9, U+7ebf, U+7ec4, U+7ec6, U+7ec8, U+7ecf, U+7ed1, U+7ed3, U+7ed5, U+7ed8-7ed9, U+7edc-7edd, U+7edf, U+7ee7, U+7eea, U+7eed, U+7ef4, U+7f00, U+7f13, U+7f16, U+7f1d, U+7f29, U+7f3a, U+7f51, U+7f6e, U+7f72, U+7f8e, U+7ffb, U+8001, U+8005, U+800c, U+8017, U+804a, U+8054, U+805a, U+80cc, U+80fd, U+811a, U+8131, U+81ea, U+81f3-81f4, U+822a, U+8272, U+8282, U+82af, U+82b1, U+82f1, U+8303, U+83ab, U+83b7, U+83dc, U+8425, U+843d, U+84dd, U+85cf, U+884c, U+8865, U+8868, U+88ab, U+88b1, U+88c1, U+88c5, U+88f8, U+897f, U+8981, U+8986, U+89c1-89c2, U+89c4, U+89c6, U+89c8-89c9, U+89d2, U+89e3, U+89e6, U+8a00, U+8b66, U+8ba1-8ba2, U+8ba4, U+8ba9, U+8bae, U+8bb0, U+8bb8, U+8bbe-8bbf, U+8bc1, U+8bc6, U+8bc9, U+8bcd, U+8bd5, U+8bdd, U+8be2, U+8be5-8be6, U+8bed, U+8bef, U+8bf4, U+8bf7, U+8bfa-8bfb, U+8c01, U+8c03, U+8c08, U+8d1f, U+8d23, U+8d25-8d28, U+8d2d, U+8d34, U+8d39, U+8d44, U+8d56, U+8d70, U+8d77, U+8d85, U+8d8b, U+8db3, U+8dd1, U+8ddf, U+8def, U+8df3, U+8e22, U+8e29, U+8eab, U+8f66, U+8f68, U+8f6c, U+8f6e-8f6f, U+8f7d, U+8f83-8f85, U+8f91, U+8f93, U+8fa8, U+8fb9, U+8fbe, U+8fc7, U+8fd0-8fd1, U+8fd4, U+8fd8-8fd9, U+8fdb-8fdc, U+8fde-8fdf, U+8feb, U+8ff0, U+8ff9, U+9000-9002, U+9009, U+900f-9010, U+9014, U+901a, U+901f, U+903b, U+904d, U+9053, U+9057, U+907f, U+90a3, U+90ae, U+90e8, U+90fd, U+914d, U+9192, U+91c7, U+91ca, U+91cc-91cd, U+91cf, U+91d1, U+949f, U+94ae, U+94b1, U+94f6, U+94fe, U+9500-9501, U+9519, U+952e, U+957f, U+95e8, U+95ea, U+95ed-95ee, U+95f4, U+9605, U+9608, U+961f, U+9632, U+9636, U+9644-9645, U+9650, U+9664, U+968f-9690, U+9694, U+9699, U+969c, U+96be, U+96c6, U+96f6, U+9700, U+9732, U+9759, U+975e, U+9760, U+9762, U+97f3, U+9875-9876, U+9879-987b, U+9884, U+9886, U+9891, U+9898, U+989c-989d, U+98de, U+9988, U+9996, U+9a71, U+9a8c, U+9a97, U+9aa4, U+9ad8, U+9ed1, U+9ed8, U+9f50, U+ff01, U+ff08-ff09, U+ff0c, U+ff1a-ff1b, U+ff1f, U+ffe5; } /* FONT_SUBSET:end */ :root { /* Sonoma dark surfaces */ --bg: #1c1c1e; --bg-deep: #141416; --bg-raise: #242426; /* material: translucent fill, blur carries the rest */ --mat: rgba(58, 58, 62, .42); --mat-2: rgba(52, 52, 56, .52); --mat-3: rgba(255, 255, 255, .055); --mat-4: rgba(255, 255, 255, .085); --mat-hover: rgba(255, 255, 255, .07); /* hairlines — thin, faint, never white-blocky */ --edge: rgba(255, 255, 255, .075); --edge-soft: rgba(255, 255, 255, .045); --edge-lit: rgba(255, 255, 255, .12); /* type */ --text: #ffffff; --text-2: rgba(255, 255, 255, .68); --text-3: rgba(255, 255, 255, .54); --text-4: rgba(255, 255, 255, .36); /* Apple system blue, desaturated for dark material */ --accent: #6ba4ff; --accent-2: #4a86f0; --accent-deep: #3a6fd8; --accent-soft: rgba(107, 164, 255, .14); --accent-line: rgba(107, 164, 255, .30); /* 主按钮专用：比 --accent 深一档。--accent 是给深底上的文字用的（越亮越清楚）， * 但同一个亮蓝当按钮底色时白字只有 2.5:1，几乎糊在一起。按钮另开一对色标， * 保证白字 ≥ 4.5:1，又不用牺牲正文里的强调蓝。 */ --btn-a: #3170dd; --btn-b: #2559bd; --cyan: #5fd4c4; --danger: #ff6b6b; --warn: #ffc06b; --warn-soft: rgba(255, 183, 77, .10); --warn-line: rgba(255, 183, 77, .28); /* soft diffuse shadows — wide, pale, no hard drop */ --diffuse-1: 0 1px 1px rgba(0, 0, 0, .18), 0 12px 32px -14px rgba(0, 0, 0, .55); --diffuse-2: 0 1px 1px rgba(0, 0, 0, .20), 0 24px 64px -22px rgba(0, 0, 0, .62), 0 6px 18px -12px rgba(0, 0, 0, .35); --diffuse-3: 0 1px 1px rgba(0, 0, 0, .22), 0 40px 100px -34px rgba(0, 0, 0, .70), 0 12px 30px -18px rgba(0, 0, 0, .40); --radius: 14px; --radius-md: 10px; --radius-sm: 8px; --radius-xs: 6px; --blur: 30px; --blur-sm: 14px; --sat: 180%; --font: "MiSans", "Segoe UI Variable Text", "Segoe UI", -apple-system, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif; --mono: "SF Mono", "Cascadia Mono", "Cascadia Code", Consolas, "Liberation Mono", ui-monospace, monospace; --shell: 1160px; --gutter: clamp(1.1rem, .5rem + 2.6vw, 2.75rem); --header-h: 64px; --section: clamp(3.25rem, 2.2rem + 4.6vw, 6rem); --t: .3s cubic-bezier(.32, .72, 0, 1); --t-fast: .18s cubic-bezier(.32, .72, 0, 1); color-scheme: dark; } [data-theme="light"] { --bg: #f0f0f2; --bg-deep: #e6e6e9; --bg-raise: #fbfbfc; --mat: rgba(255, 255, 255, .58); --mat-2: rgba(255, 255, 255, .68); --mat-3: rgba(255, 255, 255, .5); --mat-4: rgba(255, 255, 255, .78); --mat-hover: rgba(255, 255, 255, .88); --edge: rgba(0, 0, 0, .07); --edge-soft: rgba(0, 0, 0, .045); --edge-lit: rgba(255, 255, 255, .95); --text: #1c1c1e; --text-2: rgba(28, 28, 30, .70); --text-3: rgba(28, 28, 30, .62); --text-4: rgba(28, 28, 30, .40); --accent: #2b66d3; --accent-2: #2459bb; --accent-deep: #1f51ad; --accent-soft: rgba(43, 102, 211, .10); --accent-line: rgba(43, 102, 211, .28); --btn-a: #2f6fe0; --btn-b: #2559c4; --cyan: #097a6d; --danger: #c9353d; --warn: #8a5a00; --warn-soft: rgba(196, 137, 20, .12); --warn-line: rgba(196, 137, 20, .34); --diffuse-1: 0 1px 1px rgba(20, 30, 50, .06), 0 12px 30px -16px rgba(20, 30, 50, .22); --diffuse-2: 0 1px 1px rgba(20, 30, 50, .07), 0 24px 60px -24px rgba(20, 30, 50, .26), 0 6px 18px -14px rgba(20, 30, 50, .14); --diffuse-3: 0 1px 1px rgba(20, 30, 50, .08), 0 40px 90px -32px rgba(20, 30, 50, .30); color-scheme: light; } *, *::before, *::after { box-sizing: border-box; } * { margin: 0; padding: 0; } html { scroll-behavior: smooth; scroll-padding-top: calc(var(--header-h) + 24px); -webkit-text-size-adjust: 100%; } body { font-family: var(--font); font-size: 16px; font-weight: 450; line-height: 1.68; letter-spacing: 0; color: var(--text); background: var(--bg); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-synthesis: none; font-kerning: normal; text-spacing-trim: space-first; overflow-wrap: break-word; min-height: 100dvh; overflow-x: hidden; position: relative; } /* CJK doesn't want the Latin negative tracking */ html[lang="zh-CN"] body { letter-spacing: .004em; } html[lang="zh-CN"] h1, html[lang="zh-CN"] h2, html[lang="zh-CN"] h3, html[lang="zh-CN"] h4, html[lang="zh-CN"] .h1, html[lang="zh-CN"] .h2, html[lang="zh-CN"] .h3, html[lang="zh-CN"] .h4, html[lang="zh-CN"] .card__title, html[lang="zh-CN"] .stat__value, html[lang="zh-CN"] .btn, html[lang="zh-CN"] .nav__link { letter-spacing: 0; } /* natural ambient light — very soft, mapped, no mirrored glare */ body::before { content: ""; position: fixed; inset: -12%; z-index: -2; pointer-events: none; background: radial-gradient(46% 38% at 16% 4%, rgba(107, 164, 255, .16), transparent 68%), radial-gradient(40% 34% at 86% 14%, rgba(96, 128, 200, .12), transparent 72%), radial-gradient(38% 30% at 70% 92%, rgba(140, 190, 235, .07), transparent 74%); filter: blur(22px); } /* very fine grain so the glass reads as frosted, not flat */ body::after { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; opacity: .32; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.055'/%3E%3C/svg%3E"); mix-blend-mode: overlay; } img, svg { display: block; max-width: 100%; } a { color: inherit; text-decoration: none; } ul, ol { list-style: none; } button, input, select, textarea { font: inherit; color: inherit; background: none; border: 0; } button { cursor: pointer; } table { border-collapse: collapse; width: 100%; } ::selection { background: rgba(107, 164, 255, .32); } :focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 8px; } /* theme swap is instant by design: a running transition on a custom-property driven colour keeps the old target in Chromium (white-on-white buttons) */ html.is-theming, html.is-theming *, html.is-theming *::before, html.is-theming *::after { transition: none !important; } /* ---------- layout ---------- */ .shell { width: min(100% - var(--gutter) * 2, var(--shell)); margin-inline: auto; } .section { padding-block: var(--section); position: relative; } .grid { display: grid; gap: clamp(.9rem, .6rem + 1vw, 1.25rem); } .g2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .g3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .g4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .split { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(1.4rem, 1rem + 2.8vw, 3.25rem); align-items: start; } @media (max-width: 1020px) { .g4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 880px) { .g3, .split { grid-template-columns: 1fr; } .g2 { grid-template-columns: 1fr; } } @media (max-width: 560px) { .g4 { grid-template-columns: 1fr; } } /* ---------- type ---------- */ h1, h2, h3, h4 { line-height: 1.2; letter-spacing: -.021em; font-weight: 620; color: var(--text); } .h1 { font-size: clamp(2rem, 1.4rem + 2.6vw, 3.15rem); line-height: 1.08; letter-spacing: -.032em; font-weight: 680; } .h2 { font-size: clamp(1.4rem, 1.12rem + 1.3vw, 1.95rem); letter-spacing: -.026em; font-weight: 640; } .h3 { font-size: clamp(1.05rem, .97rem + .45vw, 1.28rem); font-weight: 620; } .h4 { font-size: .95rem; font-weight: 620; letter-spacing: -.012em; } .lead { font-size: clamp(.94rem, .92rem + .22vw, 1.04rem); line-height: 1.72; color: var(--text-2); font-weight: 450; } .small { font-size: .84rem; } .xsmall { font-size: .75rem; } .muted { color: var(--text-2); } p, li { text-wrap: pretty; } .dim { color: var(--text-3); } .mono { font-family: var(--mono); font-size: .89em; letter-spacing: -.01em; } .accent { color: var(--accent); } .center { text-align: center; } .measure { max-width: 64ch; } .eyebrow { display: inline-flex; align-items: center; gap: .45rem; font-size: .76rem; font-weight: 590; letter-spacing: .02em; color: var(--accent); text-transform: none; } .eyebrow::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); } .sec-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 2rem; margin-bottom: clamp(1.6rem, 1.2rem + 1.8vw, 2.5rem); flex-wrap: wrap; } .sec-head p { max-width: 46ch; } /* ---------- the material ---------- */ .glass { position: relative; border-radius: var(--radius); background: var(--mat); border: 1px solid var(--edge); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .09), inset 0 -1px 0 rgba(0, 0, 0, .12), 0 0 0 .5px rgba(0, 0, 0, .16), var(--diffuse-2); -webkit-backdrop-filter: blur(var(--blur)) saturate(var(--sat)); backdrop-filter: blur(var(--blur)) saturate(var(--sat)); overflow: hidden; isolation: isolate; } /* faint top rim light — a gradient, not a white stroke */ .glass::before { content: ""; position: absolute; inset: 0 0 auto; height: 40%; border-radius: var(--radius) var(--radius) 0 0; background: linear-gradient(180deg, rgba(255, 255, 255, .05), transparent); pointer-events: none; z-index: 0; } .glass > * { position: relative; z-index: 1; } /* ---------- buttons ---------- */ .btn { display: inline-flex; align-items: center; justify-content: center; gap: .45rem; padding: .6rem 1.1rem; border-radius: var(--radius-sm); font-size: .86rem; font-weight: 560; letter-spacing: -.005em; white-space: nowrap; border: 1px solid transparent; transition: background var(--t-fast), border-color var(--t-fast), color var(--t-fast), box-shadow var(--t-fast), transform .12s var(--t-fast), filter var(--t-fast); } .btn:active { transform: scale(.985); } .btn--primary { color: #fff; background: linear-gradient(180deg, var(--btn-a), var(--btn-b)); border-color: rgba(255, 255, 255, .14); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 1px 2px rgba(0, 0, 0, .2), 0 8px 20px -12px rgba(74, 134, 240, .55); } .btn--primary:hover { filter: brightness(1.06); } .btn--glass, .btn--ghost { color: var(--text); background: var(--mat-3); border-color: var(--edge); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06); -webkit-backdrop-filter: blur(var(--blur-sm)) saturate(160%); backdrop-filter: blur(var(--blur-sm)) saturate(160%); } .btn--glass:hover, .btn--ghost:hover { background: var(--mat-hover); border-color: var(--edge-lit); } .btn--plain { color: var(--text-2); padding-inline: .3rem; } .btn--plain:hover { color: var(--accent); } .btn--sm { padding: .42rem .8rem; font-size: .79rem; border-radius: var(--radius-xs); } .btn--lg { padding: .78rem 1.45rem; font-size: .92rem; border-radius: var(--radius-md); } .btn--block { width: 100%; } .btn[disabled] { opacity: .42; pointer-events: none; } .icon { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; flex: none; } /* ---------- header: floating frosted bar ---------- */ .header { position: sticky; top: 0; z-index: 100; height: var(--header-h); display: flex; align-items: center; background: rgba(28, 28, 30, .55); -webkit-backdrop-filter: blur(24px) saturate(180%); backdrop-filter: blur(24px) saturate(180%); border-bottom: 1px solid transparent; transition: border-color var(--t), background var(--t); } /* 浅色主题下 accent 作 10px 徽标文字只有 4.1:1，深一档才够 */ [data-theme="light"] .pill--accent, [data-theme="light"] .tag--accent, [data-theme="light"] .pline__item[aria-current="page"] b { color: var(--accent-2); } [data-theme="light"] .pline__item[aria-current="page"] span { color: var(--text-2); } [data-theme="light"] .header { background: rgba(248, 248, 250, .62); } .header.is-stuck { border-bottom-color: var(--edge-soft); box-shadow: 0 1px 0 rgba(255, 255, 255, .03) inset; } .header__inner { display: flex; align-items: center; gap: 1.15rem; } .brand { display: inline-flex; align-items: center; gap: .5rem; font-weight: 600; letter-spacing: -.02em; font-size: .95rem; color: var(--text); } .brand__mark { width: 23px; height: 23px; border-radius: 7px; display: grid; place-items: center; background: linear-gradient(165deg, #f8fbff, #d3e0ec 48%, #a9bccd); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), inset 0 -1px 0 rgba(28, 42, 56, .22), 0 2px 8px -3px rgba(0, 0, 0, .55); } .brand__mark svg { width: 12px; height: 12px; stroke: #17212c; fill: none; stroke-width: 3.3; stroke-linecap: round; stroke-linejoin: round; } [data-theme="light"] .brand__mark { background: linear-gradient(165deg, #ffffff, #dbe6f1 46%, #b4c6d7); box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 rgba(28, 42, 56, .16), 0 0 0 1px rgba(20, 32, 44, .17), 0 2px 5px -2px rgba(20, 32, 44, .45); } /* 页脚字标：直接排文字，不用位图 */ .wordmark-link { display: inline-block; color: var(--text); transition: color var(--t-fast); } .wordmark-link:hover { color: var(--accent); } .wordmark { display: block; font-size: 1.65rem; font-weight: 800; letter-spacing: -.05em; line-height: 1.1; } .nav { display: flex; align-items: center; gap: 2px; margin-left: auto; } .nav__link { position: relative; padding: .4rem .7rem; border-radius: var(--radius-xs); font-size: .83rem; font-weight: 470; color: var(--text-2); transition: color var(--t-fast), background var(--t-fast); } .nav__link:hover { color: var(--text); background: var(--mat-3); } .nav__link[aria-current="page"] { color: var(--text); font-weight: 550; background: var(--mat-3); } .header__tools { display: flex; align-items: center; gap: .3rem; } .icon-btn { display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: var(--radius-xs); color: var(--text-2); border: 1px solid transparent; transition: all var(--t-fast); } .icon-btn:hover { color: var(--text); background: var(--mat-3); border-color: var(--edge); } .lang { display: inline-flex; gap: 1px; padding: 2px; border-radius: var(--radius-xs); border: 1px solid var(--edge); background: var(--mat-3); } .lang a { padding: .14rem .4rem; border-radius: 4px; font-size: .66rem; font-weight: 600; color: var(--text-3); letter-spacing: .02em; } .lang a:hover { color: var(--text); } .lang a[aria-current="true"] { background: var(--mat-4); color: var(--text); } .nav-toggle { display: none; } @media (max-width: 960px) { .nav { position: fixed; inset: var(--header-h) 0 auto; flex-direction: column; align-items: stretch; gap: 2px; padding: .5rem var(--gutter) .9rem; background: rgba(28, 28, 30, .82); -webkit-backdrop-filter: blur(28px) saturate(180%); backdrop-filter: blur(28px) saturate(180%); border-bottom: 1px solid var(--edge-soft); transform: translateY(-112%); transition: transform var(--t), visibility 0s linear var(--t); pointer-events: none; /* 收起时移出无障碍树与 Tab 顺序：仅靠 translateY 移出屏幕，键盘仍会聚焦到看不见的链接 */ visibility: hidden; } [data-theme="light"] .nav { background: rgba(248, 248, 250, .9); } .nav.is-open { transform: none; pointer-events: auto; visibility: visible; transition: transform var(--t), visibility 0s; } .nav__link { padding: .66rem .6rem; font-size: .92rem; } .nav-toggle { display: inline-grid; } .header__cta { display: none; } } /* ---------- hero ---------- */ .hero { position: relative; padding-block: clamp(2.75rem, 2rem + 5vw, 5.5rem) clamp(2.25rem, 1.8rem + 3.5vw, 4rem); } .hero__inner { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(1.6rem, 1rem + 3.6vw, 3.75rem); align-items: center; } @media (max-width: 960px) { .hero__inner { grid-template-columns: 1fr; } } .hero h1 { margin-top: 1rem; } .hero__sub { margin-top: 1.2rem; max-width: 54ch; } .hero__cta { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 1.75rem; } .hero__note { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: 1.4rem; } .pill { display: inline-flex; align-items: center; gap: .38rem; padding: .26rem .6rem; border-radius: 999px; border: 1px solid var(--edge); background: var(--mat-3); font-size: .73rem; font-weight: 480; color: var(--text-2); -webkit-backdrop-filter: blur(var(--blur-sm)); backdrop-filter: blur(var(--blur-sm)); } .pill--accent { border-color: var(--accent-line); color: var(--accent); background: var(--accent-soft); } .pill__dot { width: 5px; height: 5px; border-radius: 50%; background: currentColor; } /* ---------- data path (hero) ---------- */ .flow { display: flex; flex-direction: column; } .flow__bar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .58rem .85rem; border-bottom: 1px solid var(--edge-soft); } .flow__title { font-size: .73rem; font-weight: 520; color: var(--text-2); letter-spacing: .01em; } .flow__live { display: inline-flex; align-items: center; gap: .36rem; font-size: .66rem; font-weight: 520; color: var(--cyan); letter-spacing: .06em; } .flow__live i { position: relative; width: 5px; height: 5px; border-radius: 50%; background: currentColor; } .flow__live i::after { content: ""; position: absolute; inset: -2px; border-radius: 50%; border: 1px solid currentColor; opacity: 0; animation: livePulse 2.6s ease-out infinite; } @keyframes livePulse { 0% { opacity: .55; transform: scale(.65); } 70%, 100% { opacity: 0; transform: scale(2); } } .flow__body { display: flex; flex-direction: column; gap: .8rem; padding: clamp(.85rem, .72rem + .42vw, 1.1rem); } .flow__top { display: flex; align-items: center; justify-content: space-between; gap: .5rem; row-gap: .55rem; flex-wrap: wrap; } /* segmented control — macOS style, the selected cell is a raised capsule */ .seg { display: inline-flex; gap: 2px; padding: 2px; border-radius: 999px; background: var(--mat-3); border: 1px solid var(--edge-soft); } .seg button { -webkit-appearance: none; appearance: none; padding: .28rem .68rem; border: 0; border-radius: 999px; background: transparent; color: var(--text-2); font-family: inherit; font-size: .74rem; font-weight: 500; line-height: 1.5; white-space: nowrap; cursor: pointer; transition: color var(--t-fast), background-color var(--t-fast); } .seg button:hover { color: var(--text); } .seg button[aria-pressed="true"] { background: var(--mat-4); color: var(--text); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10), 0 1px 2px rgba(0, 0, 0, .18); } /* vertical chain: node / connector / node / connector … */ .chain { display: flex; flex-direction: column; } .node { position: relative; display: flex; flex-direction: column; gap: .08rem; padding: .52rem .72rem .52rem .8rem; border-radius: var(--radius-sm); background: var(--mat-3); border: 1px solid var(--edge); min-width: 0; } .node b { font-size: .83rem; font-weight: 560; color: var(--text); letter-spacing: -.012em; line-height: 1.4; } .node small { font-size: .69rem; font-weight: 470; color: var(--text-3); line-height: 1.4; } .node--main { background: linear-gradient(90deg, var(--accent-soft), var(--mat-3) 68%); border-color: var(--accent-line); } .node--main b { color: var(--accent); } .node--main::before { content: ""; position: absolute; left: 0; top: 9px; bottom: 9px; width: 2px; border-radius: 0 2px 2px 0; background: var(--accent); } .conn { position: relative; display: block; height: 24px; } /* 竖线越接近箭头越亮：读起来是「数据从上一个节点流下来」，而不是一条装饰线 */ .conn::before { content: ""; position: absolute; left: 50%; top: 0; bottom: 6px; width: 1px; margin-left: -.5px; background: linear-gradient(180deg, var(--edge-soft), var(--edge-lit) 45%, var(--text-4)); } /* 箭头：实心向下三角。 * 原写法是「旋转 45° 的方块只留右边和下边」拼出的 V 形，两个问题： * 1. 语义不对 —— V 形在界面里表示「展开 / 更多」，这里是数据流向； * 2. 1.4px 描边在深底上只剩一圈灰边，和 1px 的竖线粗细不匹配，看着像断开的。 * 换成实心三角后指向明确，尺寸跟着线宽走（9×6），颜色 --text-2，两套主题都够清楚。 */ .conn::after { content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 0; margin-left: -4.5px; border-left: 4.5px solid transparent; border-right: 4.5px solid transparent; border-top: 6px solid var(--text-2); } .path { display: flex; flex-direction: column; gap: .65rem; } .path[hidden] { display: none; } .path.is-in { animation: pathIn .4s cubic-bezier(.32, .72, 0, 1) both; } @keyframes pathIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } } .path__note { margin: 0; padding-left: .7rem; border-left: 1px solid var(--edge); font-size: .72rem; color: var(--text-3); line-height: 1.6; } .flow__foot { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--edge-soft); } .flow__foot > div { padding: .6rem .85rem; border-right: 1px solid var(--edge-soft); } .flow__foot > div:last-child { border-right: 0; } .flow__foot b { display: block; font-size: .95rem; font-weight: 620; color: var(--text); letter-spacing: -.02em; line-height: 1.2; font-variant-numeric: tabular-nums; } .flow__foot b small { font-size: .68rem; font-weight: 480; color: var(--text-3); letter-spacing: 0; } .flow__foot span { display: block; margin-top: .1rem; font-size: .7rem; color: var(--text-3); line-height: 1.45; } @media (prefers-reduced-motion: no-preference) { .conn::before { background: linear-gradient(180deg, var(--edge-soft) 0%, var(--accent-line) 42%, var(--edge-soft) 84%); background-size: 100% 200%; animation: flowLine 3.6s linear infinite; } .chain > .conn:nth-child(4)::before { animation-delay: .6s; } .chain > .conn:nth-child(6)::before { animation-delay: 1.2s; } } @keyframes flowLine { from { background-position: 0 0; } to { background-position: 0 44px; } } @media (max-width: 420px) { .flow__foot > div { padding: .55rem .6rem; } .flow__foot b { font-size: .86rem; } } /* ---------- stats ---------- */ .stats { display: grid; grid-template-columns: repeat(4, 1fr); border-radius: var(--radius); overflow: hidden; } .stats > .stat { padding: clamp(1rem, .85rem + 1vw, 1.6rem) 1.15rem; border-right: 1px solid var(--edge-soft); } .stats > .stat:last-child { border-right: 0; } .stat__value { font-size: clamp(1.3rem, 1.05rem + 1.1vw, 1.85rem); font-weight: 620; letter-spacing: -.03em; color: var(--text); line-height: 1.1; } .stat__unit { display: block; margin-top: .18rem; font-size: .73rem; font-weight: 480; color: var(--accent); } .stat__label { margin-top: .42rem; font-size: .79rem; color: var(--text-2); } @media (max-width: 880px) { .stats { grid-template-columns: repeat(2, 1fr); } .stats > .stat:nth-child(2) { border-right: 0; } .stats > .stat:nth-child(-n+2) { border-bottom: 1px solid var(--edge-soft); } } @media (max-width: 460px) { .stats { grid-template-columns: 1fr; } .stats > .stat { border-right: 0; border-bottom: 1px solid var(--edge-soft); } .stats > .stat:last-child { border-bottom: 0; } } /* ---------- cards ---------- */ .card { position: relative; display: flex; flex-direction: column; gap: .6rem; padding: clamp(1.05rem, .9rem + .9vw, 1.5rem); border-radius: var(--radius); background: var(--mat); border: 1px solid var(--edge); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 0 0 .5px rgba(0, 0, 0, .14), var(--diffuse-1); -webkit-backdrop-filter: blur(var(--blur)) saturate(var(--sat)); backdrop-filter: blur(var(--blur)) saturate(var(--sat)); transition: border-color var(--t), background var(--t), box-shadow var(--t), transform var(--t); overflow: hidden; isolation: isolate; } .card::before { content: ""; position: absolute; inset: 0 0 auto; height: 44%; border-radius: var(--radius) var(--radius) 0 0; background: linear-gradient(180deg, rgba(255, 255, 255, .045), transparent); pointer-events: none; z-index: 0; } .card > * { position: relative; z-index: 1; } .card:hover { border-color: var(--edge-lit); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 0 0 .5px rgba(0, 0, 0, .16), var(--diffuse-2); } .card--link:hover { border-color: var(--accent-line); transform: translateY(-1px); } .card__top { display: flex; align-items: center; justify-content: space-between; gap: 1rem; } .card__title { font-size: clamp(1rem, .96rem + .4vw, 1.24rem); font-weight: 620; letter-spacing: -.024em; color: var(--text); } .card__text { color: var(--text-2); font-size: .88rem; line-height: 1.68; } .card__foot { margin-top: auto; padding-top: .75rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; } .tag { font-size: .68rem; font-weight: 560; letter-spacing: .02em; padding: .15rem .45rem; border-radius: 999px; border: 1px solid var(--edge); color: var(--text-3); background: var(--mat-3); } .tag--accent { border-color: var(--accent-line); color: var(--accent); background: var(--accent-soft); } .tag--warn { border-color: var(--warn-line); color: var(--warn); background: var(--warn-soft); } .points { display: grid; gap: .34rem; margin-top: .15rem; } .points li { display: flex; gap: .48rem; font-size: .85rem; color: var(--text-2); line-height: 1.6; } .points li::before { content: ""; flex: none; width: 4px; height: 4px; margin-top: .58em; border-radius: 50%; background: var(--accent); opacity: .9; } /* ---------- features ---------- */ .feature { display: flex; gap: .85rem; padding-block: 1rem; border-top: 1px solid var(--edge-soft); } .feature:last-child { border-bottom: 1px solid var(--edge-soft); } .feature__idx { font-size: .72rem; font-weight: 600; color: var(--accent); flex: none; padding-top: .12rem; font-variant-numeric: tabular-nums; } .feature__body h4 { font-size: .93rem; font-weight: 580; color: var(--text); } .feature__body p { font-size: .85rem; color: var(--text-2); margin-top: .18rem; line-height: 1.64; } /* ---------- tables ---------- */ .table-wrap { border-radius: var(--radius); background: var(--mat); border: 1px solid var(--edge); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 0 0 .5px rgba(0, 0, 0, .14), var(--diffuse-1); -webkit-backdrop-filter: blur(var(--blur)) saturate(var(--sat)); backdrop-filter: blur(var(--blur)) saturate(var(--sat)); overflow: hidden; } .table-scroll { overflow-x: auto; } table.spec { font-size: .86rem; min-width: 520px; } table.spec thead th { text-align: left; font-size: .7rem; font-weight: 560; letter-spacing: .03em; text-transform: uppercase; color: var(--text-3); padding: .6rem 1rem; background: rgba(255, 255, 255, .028); border-bottom: 1px solid var(--edge-soft); white-space: nowrap; } table.spec tbody td { padding: .7rem 1rem; border-bottom: 1px solid var(--edge-soft); vertical-align: top; color: var(--text); } table.spec tbody tr:last-child td { border-bottom: 0; } table.spec tbody tr { transition: background var(--t-fast); } table.spec tbody tr:hover { background: rgba(107, 164, 255, .06); } table.spec td:first-child { color: var(--text-3); width: 34%; } table.spec td:last-child { font-variant-numeric: tabular-nums; } /* comparison matrix: keep both product columns identical */ table.spec--matrix { table-layout: fixed; } table.spec--matrix th:first-child, table.spec--matrix td:first-child { width: 30%; } table.spec--matrix td { word-break: break-word; } /* ---------- faq ---------- */ .faq { border-top: 1px solid var(--edge-soft); } .faq details { border-bottom: 1px solid var(--edge-soft); } .faq summary { list-style: none; cursor: pointer; display: flex; align-items: flex-start; justify-content: space-between; gap: 1.5rem; padding: 1rem 0; font-size: .93rem; font-weight: 520; color: var(--text); transition: color var(--t-fast); } .faq summary:hover { color: var(--accent); } .faq summary::-webkit-details-marker { display: none; } .faq summary::after { content: "+"; font-size: 1rem; line-height: 1.1; font-weight: 400; color: var(--text-3); transition: transform var(--t), color var(--t); flex: none; } .faq details[open] summary::after { transform: rotate(45deg); color: var(--accent); } .faq__body { padding-bottom: 1rem; color: var(--text-2); font-size: .88rem; line-height: 1.72; max-width: 72ch; } /* ---------- forms ---------- */ .form { display: grid; gap: .85rem; } .field { display: grid; gap: .25rem; } .field > label { font-size: .75rem; font-weight: 520; color: var(--text-2); } .field .req { color: var(--danger); } .input, .select, .textarea { width: 100%; padding: .6rem .78rem; font-size: .87rem; color: var(--text); background: var(--mat-3); border: 1px solid var(--edge); border-radius: var(--radius-sm); -webkit-backdrop-filter: blur(var(--blur-sm)) saturate(160%); backdrop-filter: blur(var(--blur-sm)) saturate(160%); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .10); transition: border-color var(--t-fast), background var(--t-fast), box-shadow var(--t-fast); } .input::placeholder, .textarea::placeholder { color: var(--text-4); } .input:hover, .select:hover, .textarea:hover { border-color: var(--edge-lit); } .input:focus, .select:focus, .textarea:focus { outline: none; border-color: var(--accent-line); background: rgba(107, 164, 255, .07); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .08), 0 0 0 3.5px rgba(107, 164, 255, .16); } .input[aria-invalid="true"], .textarea[aria-invalid="true"], .select[aria-invalid="true"] { border-color: rgba(255, 107, 107, .55); } .select { appearance: none; cursor: pointer; } .textarea { min-height: 112px; resize: vertical; } /* 原生