@font-face{font-family:'Long Cang';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/longcang-80.woff2') format('woff2');unicode-range:U+53e7-53e9, U+53f1, U+53f4-53f5, U+53fa-5400, U+5402, U+5405-5407, U+540b, U+540f, U+5412, U+5414, U+5416, U+5418-541a, U+541d, U+5420-5423, U+5425, U+5429-542a, U+542d-542e, U+5431-5433, U+5436, U+543d, U+543f, U+5442-5443, U+5449, U+544b-544c, U+544e, U+5451-5454, U+5456, U+5459, U+545b-545c, U+5461, U+5463-5464, U+546a-5472, U+5474, U+5476-5478, U+547a, U+547e-5484, U+5486, U+548a, U+548d-548e, U+5490-5491, U+5494, U+5497-5499, U+549b, U+549d, U+54a1-54a7, U+54a9, U+54ab, U+54ad, U+54b4-54b5, U+54b9, U+54bb, U+54be-54bf, U+54c2-54c3, U+54c9-54cc, U+54cf-54d0, U+54d3, U+54d5-54d6, U+54d9-54da, U+54dc-54de, U+54e2, U+54e7, U+54f3-54f4, U+54f8-54f9, U+54fd-54ff, U+5501, U+5504-5506, U+550c-550e;}
@font-face{font-family:'Long Cang';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/longcang-104.woff2') format('woff2');unicode-range:U+2003, U+2193, U+2462, U+4e19, U+4e2b, U+4e36, U+4ea8, U+4ed1, U+4ed7, U+4f51, U+4f63, U+4f83, U+50e7, U+5112, U+5167, U+51a4, U+51b6, U+5239, U+5265, U+532a, U+5351, U+537f, U+5401, U+548f, U+5492, U+54af, U+54b3, U+54bd, U+54d1, U+54df, U+554f, U+5564, U+5598, U+5632, U+56a3, U+56e7, U+574e, U+575d-575e, U+57d4, U+584c, U+58e4, U+5937, U+5955, U+5a05, U+5a1f, U+5a49, U+5ac2, U+5c39, U+5c61, U+5d0e, U+5de9, U+5e9a, U+5eb8, U+5f0a, U+5f13, U+5f6c, U+5f8c, U+603c, U+608d, U+611b, U+6127, U+62a0, U+62d0, U+634f, U+635e, U+63fd, U+6577, U+658b, U+65bc, U+660a, U+6643, U+6656, U+6703, U+6760, U+67af, U+67c4, U+67e0, U+6817, U+68cd, U+690e, U+6960, U+69b4, U+6a71, U+6aac, U+6b67, U+6bb4, U+6c55, U+6c70, U+6c82, U+6ca6, U+6cb8, U+6cbe, U+6ede, U+6ee5, U+6f4d, U+6f84, U+6f9c, U+7115, U+7121, U+722a, U+7261, U+7272, U+7280, U+72f8, U+7504, U+754f, U+75d8, U+767c, U+76ef, U+778e, U+77bb, U+77f6, U+786b, U+78b1, U+7948, U+7985, U+79be, U+7a83, U+7a8d, U+7eac, U+7eef, U+7ef8, U+7efd, U+7f00, U+803d, U+8086, U+810a, U+8165, U+819d, U+81a8, U+8214, U+829c, U+831c, U+832b, U+8367, U+83e0, U+83f1, U+8403, U+846b, U+8475, U+84b2, U+8513, U+8574, U+85af, U+86d9, U+86db, U+8acb, U+8bbd, U+8be0-8be1, U+8c0e, U+8d29, U+8d50, U+8d63, U+8f7f, U+9032, U+9042, U+90b1, U+90b5, U+9165, U+9175, U+94a6, U+94c5, U+950c, U+9610, U+9631, U+9699, U+973e, U+978d, U+97ec, U+97f6, U+984c, U+987d, U+9882, U+9965, U+996a, U+9972, U+9a8f, U+9ad3, U+9ae6, U+9cb8, U+9edb, U+e600, U+e60f, U+e611, U+ff05, U+ff0b;}
@font-face{font-family:'Long Cang';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/longcang-108.woff2') format('woff2');unicode-range:U+24, U+4e08, U+4e43, U+4e4f, U+4ef0, U+4f2a, U+507f, U+50ac, U+50bb, U+5151, U+51bb, U+51f6, U+51fd, U+5272, U+52fe, U+5362, U+53c9, U+53d4, U+53e0, U+543b, U+54f2, U+5507, U+5524, U+558a, U+55b5, U+561b, U+56ca, U+5782, U+57c3, U+5893, U+5915, U+5949, U+5962, U+59ae, U+59dc, U+59fb, U+5bd3, U+5c38, U+5cb3, U+5d07, U+5d29, U+5de1, U+5dfe, U+5e15, U+5eca, U+5f2f, U+5f7c, U+5fcc, U+6021, U+609f, U+60f9, U+6108, U+6148, U+6155, U+6170, U+61d2, U+6251, U+629b, U+62ab, U+62e8, U+62f3, U+6321, U+6350, U+6566, U+659c, U+65e8, U+6635, U+6655, U+6670, U+66f9, U+6734, U+679d, U+6851, U+6905, U+6b49, U+6b96, U+6c1b, U+6c41, U+6c6a, U+6c83, U+6cf3, U+6d9b, U+6dcb, U+6e1d, U+6e20-6e21, U+6eaa, U+6ee4, U+6ee9, U+6f58, U+70e4, U+722c, U+7262, U+7267, U+72b9, U+72e0, U+72ee, U+72f1, U+7334, U+73ab, U+7433, U+7470, U+758f, U+75d5, U+764c, U+7686, U+76c6, U+76fe, U+7720, U+77e2, U+7802, U+7816, U+788d, U+7891, U+7a00, U+7a9d, U+7b52, U+7bad, U+7c98, U+7cca, U+7eba, U+7eea, U+7ef5, U+7f1d, U+7f69, U+806a, U+809a, U+80bf, U+80c3, U+81c0, U+820c, U+82ac, U+82af, U+82cd, U+82d7, U+838e, U+839e, U+8404, U+84b8, U+852c, U+8587, U+8650, U+8679, U+86c7, U+8702, U+87ba, U+886b-886c, U+8870, U+8c10, U+8c23, U+8c6b, U+8d3e, U+8d4b-8d4c, U+8d64, U+8d6b, U+8d74, U+8e29, U+8f69, U+8f74, U+8fb0, U+8fdf, U+901b, U+9038, U+9093, U+9171, U+9489, U+94ae, U+94c3, U+9508, U+9510, U+9601, U+9614, U+964c, U+9675, U+971c, U+97f5, U+9888, U+98d8, U+9971, U+9aa4, U+9e3f, U+9e45, U+9e4f, U+9e70, U+9f7f, U+e715;}
@font-face{font-family:'Long Cang';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/longcang-111.woff2') format('woff2');unicode-range:U+4e4c, U+4e88, U+4ea1, U+4ea6, U+4ed3-4ed4, U+4eff, U+4f30, U+4fa7, U+4fc4, U+4fd7, U+500d, U+504f, U+5076-5077, U+517d, U+5192, U+51c9, U+51ef, U+5238, U+5251, U+526a, U+52c7, U+52df, U+52ff, U+53a6, U+53a8, U+53ec, U+5410, U+559d, U+55b7, U+5634, U+573e, U+5783, U+585e, U+586b, U+58a8, U+5999, U+59d3, U+5a1c, U+5a46, U+5b54-5b55, U+5b85, U+5b8b, U+5b8f, U+5bbf, U+5bd2, U+5c16, U+5c24, U+5e05, U+5e45, U+5e7c, U+5e84, U+5f03, U+5f1f, U+5f31, U+5f84, U+5f90, U+5fbd, U+5fc6, U+5fd9, U+5fe7, U+6052, U+6062, U+6089, U+60a3, U+60d1, U+6167, U+622a, U+6234, U+624e, U+6269, U+626c, U+62b5, U+62d2, U+6325, U+63e1, U+643a, U+6446, U+6562, U+656c, U+65e2, U+65fa, U+660c, U+6628, U+6652, U+6668, U+6676, U+66fc, U+66ff, U+6717, U+676d, U+67aa, U+67d4, U+6843, U+6881, U+68d2, U+695a, U+69fd, U+6a2a, U+6b8a, U+6c60, U+6c64, U+6c9f, U+6caa, U+6cc9, U+6ce1, U+6cfd, U+6d1b, U+6d1e, U+6d6e, U+6de1, U+6e10, U+6e7f, U+6f5c, U+704c, U+7070, U+7089, U+70b8, U+718a, U+71c3, U+723d, U+732a, U+73cd, U+7518, U+756a, U+75af, U+75be, U+75c7, U+76d2, U+76d7, U+7763, U+78e8, U+795d, U+79df, U+7c4d, U+7d2f, U+7ee9, U+7f13, U+7f8a, U+8000, U+8010, U+80af, U+80f6, U+80f8, U+8212, U+8273, U+82f9, U+83ab, U+83b1, U+83f2, U+8584, U+871c, U+8861, U+888b, U+88c1, U+88e4, U+8bd1, U+8bf1, U+8c31, U+8d5a, U+8d75-8d76, U+8de8, U+8f85, U+8fa3, U+8fc5, U+9006, U+903c, U+904d, U+9075, U+9178, U+9274, U+950b, U+9526, U+95ea, U+9636, U+9686, U+978b, U+987f, U+9a7e, U+9b42, U+9e1f, U+9ea6, U+9f13, U+9f84, U+ff5e;}
@font-face{font-family:'Long Cang';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/longcang-113.woff2') format('woff2');unicode-range:U+26, U+3c, U+d7, U+4e4e, U+4e61, U+4e71, U+4ebf, U+4f26, U+5012, U+51ac, U+51b0, U+51b2, U+51b7, U+5218, U+521a, U+5220, U+5237, U+523b, U+526f, U+5385, U+53bf, U+53e5, U+53eb, U+53f3, U+53f6, U+5409, U+5438, U+54c8, U+54e5, U+552f, U+5584, U+5706, U+5723, U+5750, U+575a, U+5987-5988, U+59b9, U+59d0, U+59d4, U+5b88, U+5b9c, U+5bdf, U+5bfb, U+5c01, U+5c04, U+5c3e, U+5c4b, U+5c4f, U+5c9b, U+5cf0, U+5ddd, U+5de6, U+5de8, U+5e01, U+5e78, U+5e7b, U+5e9c, U+5ead, U+5ef6, U+5f39, U+5fd8, U+6000, U+6025, U+604b, U+6076, U+613f, U+6258, U+6263, U+6267, U+6298, U+62a2, U+62e5, U+62ec, U+6311, U+6377, U+6388-6389, U+63a2, U+63d2, U+641e, U+642d, U+654f, U+6551, U+6597, U+65cf, U+65d7, U+65e7, U+6682, U+66f2, U+671d, U+672b, U+6740, U+6751, U+6768, U+6811, U+6863, U+6982, U+6bd2, U+6cf0, U+6d0b, U+6d17, U+6d59, U+6dd8, U+6dfb, U+6e7e, U+6f6e, U+6fb3, U+706f, U+719f, U+72af, U+72d0, U+72d7, U+732b, U+732e, U+7389, U+73e0, U+7530, U+7687, U+76d6, U+76db, U+7840, U+786c, U+79cb, U+79d2, U+7a0e, U+7a33, U+7a3f, U+7a97, U+7ade-7adf, U+7b26, U+7e41, U+7ec3, U+7f3a, U+8089, U+80dc, U+811a, U+8131, U+8138, U+821e, U+8349, U+83dc, U+8457, U+867d, U+86cb, U+8a89, U+8ba8, U+8bad, U+8bef, U+8bfe, U+8c6a, U+8d1d, U+8d4f, U+8d62, U+8dd1, U+8df3, U+8f6e, U+8ff9, U+900f, U+9014, U+9057, U+9192, U+91ce, U+9488, U+94a2, U+9547, U+955c, U+95f2, U+9644, U+964d, U+96c4-96c5, U+96e8, U+96f6-96f7, U+9732, U+9759, U+9760, U+987a, U+989c, U+9910, U+996d-996e, U+9b54, U+9e21, U+9ebb, U+9f50;}
@font-face{font-family:'Long Cang';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/longcang-115.woff2') format('woff2');unicode-range:U+25, U+4e14, U+4e1d, U+4e3d, U+4e49, U+4e60, U+4e9a, U+4eb2, U+4ec5, U+4efd, U+4f3c, U+4f4f, U+4f8b, U+4fbf, U+5019, U+5145, U+514b, U+516b, U+516d, U+5174, U+5178, U+517b, U+5199, U+519b, U+51b3, U+51b5, U+5207, U+5212, U+5219, U+521d, U+52bf, U+533b, U+5343, U+5347, U+534a, U+536b, U+5370, U+53e4, U+53f2, U+5403, U+542c, U+547d, U+54a8, U+54cd, U+54ea, U+552e, U+56f4, U+5747, U+575b, U+5883, U+589e, U+5931, U+5947, U+5956-5957, U+5a92, U+5b83, U+5ba4, U+5bb3, U+5bcc, U+5c14, U+5c1a, U+5c3d, U+5c40, U+5c45, U+5c5e, U+5df4, U+5e72, U+5e95, U+5f80, U+5f85, U+5fb7, U+5fd7, U+601d, U+626b, U+627f, U+62c9, U+62cd, U+6309, U+63a7, U+6545, U+65ad, U+65af, U+65c5, U+666e, U+667a, U+670b, U+671b, U+674e, U+677f, U+6781, U+6790, U+6797, U+6821, U+6838-6839, U+697c, U+6b27, U+6b62, U+6bb5, U+6c7d, U+6c99, U+6d4b, U+6d4e, U+6d6a, U+6e29, U+6e2f, U+6ee1, U+6f14, U+6f2b, U+72b6, U+72ec, U+7387, U+7533, U+753b, U+76ca, U+76d8, U+7701, U+773c, U+77ed, U+77f3, U+7814, U+793c, U+79bb, U+79c1, U+79d8, U+79ef, U+79fb, U+7a76, U+7b11, U+7b54, U+7b56, U+7b97, U+7bc7, U+7c73, U+7d20, U+7eaa, U+7ec8, U+7edd, U+7eed, U+7efc, U+7fa4, U+804c, U+8058, U+80cc, U+8111, U+817e, U+826f, U+8303, U+843d, U+89c9, U+89d2, U+8ba2, U+8bbf, U+8bc9, U+8bcd, U+8be6, U+8c22, U+8c61, U+8d22, U+8d26-8d27, U+8d8a, U+8f6f, U+8f7b, U+8f83, U+8f91, U+8fb9, U+8fd4, U+8fdc, U+9002, U+94b1, U+9519, U+95ed, U+961f, U+9632-9633, U+963f, U+968f-9690, U+96be, U+9876, U+9884, U+98de, U+9988, U+9999, U+9ec4, U+ff1b;}
@font-face{font-family:'Long Cang';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/longcang-116.woff2') format('woff2');unicode-range:U+2b, U+40, U+3000, U+300a-300b, U+4e16, U+4e66, U+4e70, U+4e91-4e92, U+4e94, U+4e9b, U+4ec0, U+4eca, U+4f01, U+4f17-4f18, U+4f46, U+4f4e, U+4f9b, U+4fee, U+503c, U+5065, U+50cf, U+513f, U+5148, U+518d, U+51c6, U+51e0, U+5217, U+529e-529f, U+5341, U+534f, U+5361, U+5386, U+53c2, U+53c8, U+53cc, U+53d7-53d8, U+53ea, U+5404, U+5411, U+5417, U+5427, U+5468, U+559c, U+5668, U+56e0, U+56e2, U+56ed, U+5740, U+57fa, U+58eb, U+5904, U+592a, U+59cb, U+5a31, U+5b58, U+5b9d, U+5bc6, U+5c71, U+5dde, U+5df1, U+5e08, U+5e26, U+5e2e, U+5e93, U+5e97, U+5eb7, U+5f15, U+5f20, U+5f3a, U+5f62, U+5f69, U+5f88, U+5f8b, U+5fc5, U+600e, U+620f, U+6218, U+623f, U+627e, U+628a, U+62a4, U+62db, U+62e9, U+6307, U+6362, U+636e, U+64ad, U+6539, U+653f, U+6548, U+6574, U+6613, U+6625, U+663e, U+666f, U+672a, U+6750, U+6784, U+6a21, U+6b3e, U+6b65, U+6bcf, U+6c11, U+6c5f, U+6df1, U+706b, U+7167, U+724c, U+738b, U+73a9, U+73af, U+7403, U+7537, U+754c, U+7559, U+767d, U+7740, U+786e, U+795e, U+798f, U+79f0, U+7aef, U+7b7e, U+7bb1, U+7ea2, U+7ea6, U+7ec4, U+7ec6, U+7ecd, U+7edc, U+7ef4, U+8003, U+80b2, U+81f3-81f4, U+822a, U+827a, U+82f1, U+83b7, U+8425, U+89c2, U+89c8, U+8ba9, U+8bb8, U+8bc6, U+8bd5, U+8be2, U+8be5, U+8bed, U+8c03, U+8d23, U+8d2d, U+8d34, U+8d70, U+8db3, U+8fbe, U+8fce, U+8fd1, U+8fde, U+9001, U+901f-9020, U+90a3, U+914d, U+91c7, U+94fe, U+9500, U+952e, U+9605, U+9645, U+9662, U+9664, U+9700, U+9752, U+975e, U+97f3, U+9879, U+9886, U+98df, U+9a6c, U+9a8c, U+9ed1, U+9f99;}
@font-face{font-family:'Long Cang';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/longcang-117.woff2') format('woff2');unicode-range:U+4e, U+201c-201d, U+3010-3011, U+4e07, U+4e1c, U+4e24, U+4e3e, U+4e48, U+4e50, U+4e5f, U+4e8b-4e8c, U+4ea4, U+4eab-4eac, U+4ecb, U+4ece, U+4ed6, U+4ee3, U+4ef6-4ef7, U+4efb, U+4f20, U+4f55, U+4f7f, U+4fdd, U+505a, U+5143, U+5149, U+514d, U+5171, U+5177, U+518c, U+51fb, U+521b, U+5229, U+522b, U+52a9, U+5305, U+5317, U+534e, U+5355, U+5357, U+535a, U+5373, U+539f, U+53bb, U+53ca, U+53cd, U+53d6, U+53e3, U+53f0, U+5458, U+5546, U+56db, U+573a, U+578b, U+57ce, U+58f0, U+590d, U+5934, U+5973, U+5b57, U+5b8c, U+5b98, U+5bb9, U+5bfc, U+5c06, U+5c11, U+5c31, U+5c55, U+5df2, U+5e03, U+5e38, U+5e76, U+5e94, U+5efa, U+5f71, U+5f97, U+5feb, U+6001, U+603b, U+60f3, U+611f, U+6216, U+624d, U+6253, U+6295, U+6301, U+6392, U+641c, U+652f, U+653e, U+6559, U+6599, U+661f, U+671f, U+672f, U+6761, U+67e5, U+6807, U+6837, U+683c, U+6848, U+6b22, U+6b64, U+6bd4, U+6c14, U+6c34, U+6c42, U+6ca1, U+6d41, U+6d77, U+6d88, U+6e05, U+6e38, U+6e90, U+7136, U+7231, U+7531, U+767e, U+76ee, U+76f4, U+771f, U+7801, U+793a, U+79cd, U+7a0b, U+7a7a, U+7acb, U+7ae0, U+7b2c, U+7b80, U+7ba1, U+7cbe, U+7d22, U+7ea7, U+7ed3, U+7ed9, U+7edf, U+7f16, U+7f6e, U+8001, U+800c, U+8272, U+8282, U+82b1, U+8350, U+88ab, U+88c5, U+897f, U+89c1, U+89c4, U+89e3, U+8a00, U+8ba1, U+8ba4, U+8bae-8bb0, U+8bbe, U+8bc1, U+8bc4, U+8bfb, U+8d28, U+8d39, U+8d77, U+8d85, U+8def, U+8eab, U+8f66, U+8f6c, U+8f7d, U+8fd0, U+9009, U+90ae, U+90fd, U+91cc-91cd, U+91cf, U+95fb, U+9650, U+96c6, U+9891, U+98ce, U+ff1f;}
@font-face{font-family:'Long Cang';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/longcang-118.woff2') format('woff2');unicode-range:U+d, U+3e, U+5f, U+7c, U+a0, U+a9, U+4e09-4e0b, U+4e0d-4e0e, U+4e13, U+4e1a, U+4e2a, U+4e3a-4e3b, U+4e4b, U+4e86, U+4e8e, U+4ea7, U+4eba, U+4ee4-4ee5, U+4eec, U+4f1a, U+4f4d, U+4f53, U+4f5c, U+4f60, U+4fe1, U+5165, U+5168, U+516c, U+5173, U+5176, U+5185, U+51fa, U+5206, U+5230, U+5236, U+524d, U+529b, U+52a0-52a1, U+52a8, U+5316, U+533a, U+53cb, U+53d1, U+53ef, U+53f7-53f8, U+5408, U+540c-540e, U+544a, U+548c, U+54c1, U+56de, U+56fd-56fe, U+5728, U+5730, U+5907, U+5916, U+591a, U+5927, U+5929, U+597d, U+5982, U+5b50, U+5b66, U+5b89, U+5b9a, U+5b9e, U+5ba2, U+5bb6, U+5bf9, U+5c0f, U+5de5, U+5e02, U+5e73-5e74, U+5e7f, U+5ea6, U+5f00, U+5f0f, U+5f53, U+5f55, U+5fae, U+5fc3, U+6027, U+606f, U+60a8, U+60c5, U+610f, U+6210-6211, U+6237, U+6240, U+624b, U+6280, U+62a5, U+63a5, U+63a8, U+63d0, U+6536, U+6570, U+6587, U+65b9, U+65e0, U+65f6, U+660e, U+662d, U+662f, U+66f4, U+6700, U+670d, U+672c, U+673a, U+6743, U+6765, U+679c, U+682a, U+6b21, U+6b63, U+6cbb, U+6cd5, U+6ce8, U+6d3b, U+70ed, U+7247-7248, U+7269, U+7279, U+73b0, U+7406, U+751f, U+7528, U+7535, U+767b, U+76f8, U+770b, U+77e5, U+793e, U+79d1, U+7ad9, U+7b49, U+7c7b, U+7cfb, U+7ebf, U+7ecf, U+7f8e, U+8005, U+8054, U+80fd, U+81ea, U+85cf, U+884c, U+8868, U+8981, U+89c6, U+8bba, U+8bdd, U+8bf4, U+8bf7, U+8d44, U+8fc7, U+8fd8-8fd9, U+8fdb, U+901a, U+9053, U+90e8, U+91d1, U+957f, U+95e8, U+95ee, U+95f4, U+9762, U+9875, U+9898, U+9996, U+9ad8, U+ff01, U+ff08-ff09;}
@font-face{font-family:'Long Cang';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/longcang-119.woff2') format('woff2');unicode-range:U+20-22, U+27-2a, U+2c-3b, U+3f, U+41-4d, U+4f-5d, U+61-7b, U+7d, U+ab, U+ae, U+b2, U+b7, U+bb, U+df-e5, U+e7-ea, U+ec-ed, U+f1-f4, U+f6, U+f9-fa, U+fc, U+101, U+103, U+113, U+12b, U+148, U+14d, U+16b, U+1ce, U+1d0, U+300-301, U+1ebf, U+1ec7, U+2013-2014, U+2022, U+2027, U+2039-203a, U+2122, U+3001-3002, U+3042, U+3044, U+3046, U+3048, U+304a-3055, U+3057, U+3059-305b, U+305d, U+305f-3061, U+3063-306b, U+306d-3073, U+3075-3076, U+3078-3079, U+307b, U+307e-307f, U+3081-308d, U+308f, U+3092-3093, U+30a1-30a4, U+30a6-30bb, U+30bd, U+30bf-30c1, U+30c3-30c4, U+30c6-30cb, U+30cd-30d7, U+30d9-30e1, U+30e3-30e7, U+30e9-30ed, U+30ef, U+30f3, U+30fb-30fc, U+3127, U+4e00, U+4e2d, U+65b0, U+65e5, U+6708-6709, U+70b9, U+7684, U+7f51, U+ff0c, U+ff0e, U+ff1a;}

/* ============ TOKENS（苹果系） ============ */
:root{
  --bg:#ffffff;
  --bg-soft:#edf1f9;          /* 浅银灰区块 */
  --ink:#1b2c4e;              /* 深灰近黑（高贵灰） */
  --ink-2:#45577d;
  --ink-3:#7a89a8;
  --line:#c2cddf;
  --blue:#2f6fe0;             /* 银蓝主色（稳重） */
  --blue-press:#1f54c0;
  --dark:#0c1a30;             /* 深灰贵气段（偏蓝灰） */
  --g1:#58c5e8;               /* 多彩流光：青蓝 */
  --g2:#9b7ef2;               /* 紫罗兰 */
  --g3:#f0a860;               /* 暖金橙 */
  --blue-deep:#1f3a8a;        /* 银蓝渐变：深 */
  --blue-sky:#8fb3f0;         /* 银蓝渐变：浅 */
  --grad-blue:linear-gradient(92deg,#1f3a8a,#2f6fe0 55%,#8fb3f0);
  --grad-vivid:linear-gradient(92deg,var(--g1),var(--g2) 55%,var(--g3));
  --nav-h:52px;
  --pad-page:24px;
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","PingFang SC","Noto Sans SC","Helvetica Neue",Arial,sans-serif;
  background:var(--bg);color:var(--ink);
  font-size:17px;line-height:1.6;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
::selection{background:rgba(47,111,224,.22)}
img,svg{display:block}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1080px;margin:0 auto;padding:0 var(--pad-page)}
.section{padding:110px 0}
@media(max-width:760px){.section{padding:72px 0}}

/* ============ 导航（半透明磨砂） ============ */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  height:var(--nav-h);
  background:rgba(251,251,253,.78);
  -webkit-backdrop-filter:saturate(180%) blur(20px);
  backdrop-filter:saturate(180%) blur(20px);
  border-bottom:1px solid rgba(0,0,0,.08);
}
.nav-in{max-width:1080px;margin:0 auto;padding:0 var(--pad-page);height:100%;display:flex;align-items:center;gap:8px}
.brand{display:flex;align-items:center;gap:9px;color:var(--ink)}
.brand:hover{text-decoration:none}
.brand-mark{height:26px;width:auto;flex:none;filter:drop-shadow(0 2px 5px rgba(29,29,31,.22))}
.brand-word{font-size:15px;font-weight:700;letter-spacing:.14em}
.nav-links{display:flex;align-items:center;gap:clamp(14px,2.6vw,34px);margin-left:auto}
.nav-links a{font-size:13px;color:var(--ink-2);transition:color .2s}
.nav-links a:hover{color:var(--ink);text-decoration:none}
.nav-links a.nav-on{color:var(--ink);font-weight:600;position:relative}
.nav-links a.nav-on::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:-6px;width:16px;height:2.5px;border-radius:2px;background:var(--grad-blue)}
.nav-cta{margin-left:8px}
/* 搜索 */
.nav-search{position:relative;margin-left:10px}
.nav-search-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:0;background:transparent;color:var(--ink-2);cursor:pointer;transition:background .2s,color .2s}
.nav-search-btn:hover{background:rgba(47,111,224,.12);color:var(--ink)}
.nav-search-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:50%}
.nav-search-box input:focus{outline:none}
.nav-search-btn svg{width:17px;height:17px}
.nav-search-box{
  position:absolute;top:calc(100% + 12px);right:-14px;width:min(300px,72vw);
  background:rgba(252,253,254,.97);
  -webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);
  border:1px solid rgba(27,44,78,.10);border-radius:14px;
  box-shadow:0 18px 40px -12px rgba(27,44,78,.22);
  padding:9px;opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s;
}
.nav-search.open .nav-search-box{opacity:1;visibility:visible;transform:none}
.nav-search-box input{
  width:100%;box-sizing:border-box;border:0;outline:0;background:transparent;
  font:500 13.5px/1.4 inherit;color:var(--ink);padding:8px 10px 8px 34px;border-radius:9px;
}
.nav-search-box input:focus{background:rgba(47,111,224,.08)}
.nav-search-box .search-ico{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--ink-3);pointer-events:none}
.nav-search-results{max-height:216px;overflow:auto}
.nav-search-results a{display:block;padding:8px 10px;border-radius:8px;font-size:12.5px;color:var(--ink-2)}
.nav-search-results a:hover{background:rgba(47,111,224,.10);text-decoration:none;color:var(--ink)}
.nav-search-results a b{color:var(--ink);font-weight:600}
.nav-search-empty{padding:10px;font-size:12px;color:var(--ink-3)}
.pill{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  border-radius:980px;font-weight:500;white-space:nowrap;
  transition:background .2s,color .2s,transform .2s var(--ease);
}
.pill-primary{background:var(--blue);color:#fff;padding:9px 22px;font-size:14px}
.pill-primary:hover{background:var(--blue-press);text-decoration:none;transform:scale(1.03)}
.pill-ghost{border:1px solid var(--line);color:var(--ink);padding:9px 22px;font-size:14px}
.pill-ghost:hover{background:var(--bg-soft);text-decoration:none;transform:scale(1.03)}
.nav-cta .pill-primary{padding:7px 16px;font-size:12.5px}
.burger{display:none;margin-left:auto;background:none;border:0;cursor:pointer;color:var(--ink);padding:6px}
.burger svg{width:22px;height:22px}
.nav-panel{
  display:none;position:fixed;top:var(--nav-h);left:0;right:0;z-index:999;
  background:rgba(251,251,253,.96);
  -webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(0,0,0,.08);
  padding:12px var(--pad-page) 22px;
}
.nav-panel.open{display:block}
.nav-panel a{display:block;padding:12px 4px;font-size:17px;color:var(--ink);border-bottom:1px solid rgba(0,0,0,.05)}
.nav-panel a:hover{text-decoration:none;color:var(--blue)}
@media(max-width:860px){.nav-links,.nav-cta{display:none}.burger{display:inline-flex}}

/* ============ 图标体系 ============ */
.icon{width:1.2em;height:1.2em;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;fill:none}
.icon-solid{width:1.2em;height:1.2em;fill:currentColor}
.use-h{display:none}

/* ============ 排版 ============ */
.h-xl{font-size:clamp(46px,7.2vw,86px);font-weight:700;letter-spacing:-.025em;line-height:1.08;text-wrap:balance}
.h-lg{font-size:clamp(32px,4.6vw,56px);font-weight:700;letter-spacing:-.02em;line-height:1.12;text-wrap:balance}
.h-md{font-size:clamp(21px,2.4vw,26px);font-weight:700;letter-spacing:-.01em;line-height:1.25}
.p-sub{font-size:clamp(18px,2.1vw,22px);color:var(--ink-2);line-height:1.55;max-width:620px;text-wrap:pretty}
.p-body{font-size:17px;color:var(--ink-2);line-height:1.6}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.18em;color:var(--ink-3);text-transform:uppercase}
.eyebrow-grad{
  background:var(--grad-vivid);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.grad-text{
  background:linear-gradient(94deg,#58c5e8 0%,#9b7ef2 34%,#c77ef2 62%,#f0a860 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.sec-head{max-width:760px;margin:0 auto 56px;text-align:center}
.sec-head .h-lg{
  margin:14px 0 18px;
  background:var(--grad-vivid);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.tile-dark .h-md{
  background:linear-gradient(92deg,#58c5e8,#9b7ef2 55%,#f0a860);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.tile-light .h-md{
  background:var(--grad-vivid);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.grad-head{background:var(--grad-vivid);-webkit-background-clip:text;background-clip:text;color:transparent}
.grad-head-dark{background:linear-gradient(92deg,#58c5e8,#9b7ef2 55%,#f0a860);-webkit-background-clip:text;background-clip:text;color:transparent}
.stack-sec .sec-head .h-lg{background:linear-gradient(92deg,#58c5e8,#9b7ef2 55%,#f0a860);-webkit-background-clip:text;background-clip:text;color:transparent}
.sec-head .p-sub{margin:0 auto}
.link-arrow{display:inline-flex;align-items:center;gap:5px;font-size:16px;font-weight:500}
.link-arrow .icon{width:.95em;height:.95em;transition:transform .25s var(--ease)}
.link-arrow:hover .icon{transform:translateX(4px)}
.link-arrow:hover{text-decoration:none}

/* ============ HERO ============ */
/* banner：银色+淡蓝底（附件三《闪亮06》基调） */
.hero{
  padding:calc(var(--nav-h) + 88px) 0 0;text-align:center;position:relative;overflow:hidden;
  background:
    radial-gradient(120% 90% at 50% 8%,#f6f8fb 0%,#e9eef5 34%,#d8e0ea 66%,#c9d4e1 100%);
}
.hero::after{ /* 银色质感细光带 */
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    linear-gradient(108deg,transparent 30%,rgba(255,255,255,.55) 46%,transparent 60%),
    linear-gradient(180deg,transparent 78%,rgba(255,255,255,.30) 92%,transparent 100%);
}
.hero-glow{
  position:absolute;top:-180px;left:50%;transform:translateX(-50%);
  width:min(1100px,120%);height:520px;pointer-events:none;z-index:0;
  background:
    radial-gradient(40% 48% at 34% 42%,rgba(255,255,255,.55),transparent 70%),
    radial-gradient(34% 44% at 66% 40%,rgba(196,214,232,.42),transparent 70%),
    radial-gradient(24% 34% at 52% 60%,rgba(170,190,214,.28),transparent 70%);
  filter:blur(14px);
}
.hero-in{position:relative;z-index:1}
.hero-chip{
  display:inline-flex;align-items:center;gap:8px;
  border:1px solid rgba(47,111,224,.32);background:rgba(47,111,224,.07);
  color:var(--ink-2);border-radius:980px;padding:7px 16px;font-size:13.5px;font-weight:500;
}
.hero-chip .dot{width:7px;height:7px;border-radius:50%;background:var(--grad-blue)}
.hero .h-xl{margin:26px 0 20px}
.hero .h-xl .grad-text{letter-spacing:-.02em}
.hero-sub{margin:0 auto 34px;text-align:center}
.hero-ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.hero-ctas .pill-primary{padding:13px 30px;font-size:16.5px}
.hero-ctas .pill-ghost{padding:13px 30px;font-size:16.5px}
/* 首屏形象图（苹果式产品主视觉） */
.hero-mascot{position:relative;margin:44px auto 0;display:inline-block;isolation:isolate}
.hero-mascot .mascot-svg{
  display:block;width:min(238px,52vw);height:auto;
  filter:drop-shadow(0 0 14px rgba(255,255,255,.9)) drop-shadow(0 0 32px rgba(158,205,250,.60)) drop-shadow(0 0 60px rgba(88,168,244,.32)) drop-shadow(0 30px 44px rgba(29,29,31,.16));
  animation:catfloat 7s ease-in-out infinite;
}
/* 发光原理（Apple产品式）：猫本体原图直出（黑白），亮银白光从背后大面扩散——本体白亮光晕drop-shadow三层 + 背景亮光环 */
.mascot-glow{
  position:absolute;top:-28%;left:50%;transform:translateX(-50%);
  width:240%;height:200%;z-index:-1;pointer-events:none;
  background:
    radial-gradient(38% 46% at 48% 50%,rgba(255,255,255,.98),rgba(224,240,255,.60) 40%,transparent 74%),
    radial-gradient(52% 62% at 50% 54%,rgba(178,216,255,.55),transparent 72%),
    radial-gradient(62% 72% at 50% 56%,rgba(122,178,242,.32),transparent 78%);
  filter:blur(9px);
}
@keyframes catfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}
/* 喵呜自我介绍气泡 */
.mascot-bubble{
  position:absolute; top:30px; right:-176px;
  font-family:'Long Cang','Noto Sans SC',cursive; font-size:27px; color:var(--ink);
  background:rgba(255,255,255,.9);
  backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
  border:1px solid rgba(29,29,31,.07);
  border-radius:18px; padding:10px 22px 12px;
  box-shadow:0 10px 28px rgba(29,29,31,.12);
  animation:catfloat 7s .9s ease-in-out infinite;
  white-space:nowrap;
}
.mascot-bubble::after{
  content:""; position:absolute; left:-7.5px; top:50%;
  width:15px; height:15px; background:rgba(255,255,255,.9);
  border-left:1px solid rgba(29,29,31,.07); border-bottom:1px solid rgba(29,29,31,.07);
  transform:translateY(-50%) rotate(45deg);
}
@media(max-width:760px){
  .mascot-bubble{top:-14px; right:-46px; font-size:19px; padding:6px 14px 8px; border-radius:13px}
}
/* HERO 入场编排 */
.hero-in>*{opacity:0;transform:translateY(26px);animation:rise .9s var(--ease) forwards}
.hero-in>*:nth-child(2){animation-delay:.08s}
.hero-in>*:nth-child(3){animation-delay:.16s}
.hero-in>*:nth-child(4){animation-delay:.24s}
.hero-in>*:nth-child(5){animation-delay:.3s}
@keyframes rise{to{opacity:1;transform:none}}
/* 货找人主视觉 */
.hero-art{
  margin:72px auto 0;max-width:1080px;padding:0 var(--pad-page);
  opacity:0;transform:translateY(34px);animation:rise 1s .32s var(--ease) forwards;
}
.flow-panel{
  background:linear-gradient(180deg,#fdfeff 0%,#eff3f8 100%);
  border:1px solid rgba(31,58,138,.08);
  border-radius:32px;overflow:hidden;
  box-shadow:0 40px 90px -30px rgba(21,42,88,.24);
}
.flow-art{width:100%;height:auto}
.flow-cap{
  display:flex;justify-content:center;align-items:center;gap:44px;flex-wrap:wrap;
  padding:14px 26px;border-top:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.6);
}
.flow-cap span{font-size:13px;color:var(--ink-2);letter-spacing:.06em}
.flow-cap b{font-weight:600;color:var(--ink-2)}
@media(max-width:760px){.flow-cap{padding:12px 16px}.flow-cap span{font-size:11px}}

/* ============ 系列：两块大卡（苹果主站式全宽横幅，一行一个） ============ */
.tile-grid{display:grid;grid-template-columns:1fr;gap:22px;padding:0 var(--pad-page);max-width:1080px;margin:0 auto}
.tile{
  border-radius:30px;overflow:hidden;position:relative;
  padding:60px 48px 0;min-height:560px;
  display:flex;flex-direction:column;text-align:center;align-items:center;
}
@media(max-width:760px){.tile{padding:44px 26px 0;min-height:470px}}
.tile-light{background:var(--bg-soft)}
.tile-dark{background:var(--dark);color:#f5f5f7}
.tile-dark .p-body{color:rgba(245,245,247,.72)}
.tile .eyebrow{color:var(--ink-3)}
.tile-dark .eyebrow{color:rgba(245,245,247,.55)}
.tile .h-md{margin:14px 0 12px;font-size:clamp(24px,2.8vw,32px)}
.tile .p-body{max-width:560px}
.tile-links{display:flex;gap:26px;margin-top:18px;flex-wrap:wrap;justify-content:center}
.tile-visual{flex:1;margin-top:36px;display:flex;align-items:flex-end;justify-content:center;position:relative;min-height:210px;width:100%}
/* 深色卡中央炫彩多色光晕（苹果暗色横幅风） */
.tile-dark::before{
  content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-46%);
  width:135%;height:155%;pointer-events:none;
  background:
    radial-gradient(30% 34% at 36% 44%,rgba(47,111,224,.42),transparent 70%),
    radial-gradient(28% 32% at 64% 42%,rgba(122,92,255,.5),transparent 70%),
    radial-gradient(24% 28% at 50% 66%,rgba(214,136,242,.42),transparent 70%),
    radial-gradient(19% 23% at 26% 63%,rgba(64,224,208,.44),transparent 70%),
    radial-gradient(19% 23% at 74% 63%,rgba(255,164,66,.38),transparent 70%),
    radial-gradient(14% 16% at 50% 36%,rgba(154,168,191,.3),transparent 70%);
  filter:blur(20px);
}
.tile-chips{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap;justify-content:center;position:relative;z-index:1}
.tile-chip{
  border:1px solid rgba(245,245,247,.22);background:rgba(255,255,255,.06);
  color:#e8e8ed;border-radius:980px;padding:7px 16px;font-size:13.5px;font-weight:500;
}
.orbit-art{position:relative;z-index:1;width:min(320px,72%);margin-bottom:-8px}

/* ============ AGENT 五卡 ============ */
.agent-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
@media(max-width:1020px){.agent-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.agent-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:460px){.agent-grid{grid-template-columns:1fr}}
.agent-card{
  background:linear-gradient(180deg,#fafbfd,#eff2f6);border-radius:22px;padding:32px 24px 30px;text-align:center;
  border:1px solid rgba(190,214,240,.45);
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s var(--ease),border-color .3s var(--ease);
}
.agent-grid .agent-card:hover{ /* 提权(0,3,0)防 .reveal-child.in{transform:none} 覆盖 */
  transform:translateY(-6px);
  background:linear-gradient(180deg,#e4e8ef,#d6dce6);
  border-color:rgba(143,179,240,.55);
  box-shadow:0 24px 48px -18px rgba(21,42,88,.30);
}
/* 五卡徽章轻微跳跃：波浪错开延迟，静时也保持微动活力 */
@keyframes badgejump{0%,100%{transform:translateY(0)}42%{transform:translateY(-7px)}}
.agent-card .agent-badge{animation:badgejump 3.4s ease-in-out infinite}
.agent-card:nth-child(2) .agent-badge{animation-delay:.17s}
.agent-card:nth-child(3) .agent-badge{animation-delay:.34s}
.agent-card:nth-child(4) .agent-badge{animation-delay:.51s}
.agent-card:nth-child(5) .agent-badge{animation-delay:.68s}
@media (prefers-reduced-motion:reduce){.agent-card .agent-badge{animation:none}}
.agent-badge{
  position:relative;width:76px;height:76px;border-radius:23px;margin:0 auto 20px;
  display:flex;align-items:center;justify-content:center;overflow:hidden;
  background:linear-gradient(135deg,rgba(214,228,247,.60),rgba(176,199,240,.38) 46%,rgba(143,179,240,.46));
  backdrop-filter:blur(14px) saturate(1.3); -webkit-backdrop-filter:blur(14px) saturate(1.3);
  border:1.5px solid rgba(255,255,255,.72);
  box-shadow:
    inset 0 1.5px 1px rgba(255,255,255,.95),
    inset 0 -3px 6px rgba(20,70,150,.10),
    0 16px 32px -12px rgba(21,42,88,.36);
}
/* 玻璃高光：左上斜向反光斑（参考图磨砂玻璃特征） */
.agent-badge::before{
  content:"";position:absolute;top:5%;left:7%;width:58%;height:46%;
  background:linear-gradient(120deg,rgba(255,255,255,.88),rgba(255,255,255,.10));
  border-radius:18px 10px 34px 12px;opacity:.52;
  transform:rotate(-14deg);pointer-events:none;
}
.agent-badge::after{
  content:"";position:absolute;inset:0;border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.38);pointer-events:none;
}
.agent-badge .icon{width:42px;height:42px}
.agent-badge .icon-img{width:42px;height:42px;display:block;filter:drop-shadow(0 3px 7px rgba(21,42,88,.28))}
.stack-badge .icon-img{width:38px;height:38px;display:block;filter:drop-shadow(0 3px 7px rgba(0,0,0,.30))}
.agent-name{font-size:17px;font-weight:700;letter-spacing:-.01em}
.agent-name small{display:block;font-size:11px;font-weight:600;letter-spacing:.16em;color:var(--ink-3);margin-top:3px}
.agent-desc{font-size:13.5px;color:var(--ink-2);line-height:1.55;margin-top:10px}

/* ============ 产品图（CSS示意图） ============ */
.product-row{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;align-items:stretch;padding:0 var(--pad-page);max-width:1080px;margin:0 auto}
@media(max-width:860px){.product-row{grid-template-columns:1fr}}
.product-panel{background:var(--bg-soft);border-radius:30px;padding:44px 40px 40px;display:flex;flex-direction:column;text-align:center;align-items:center}
@media(max-width:760px){.product-panel{padding:32px 24px 28px}}
.product-panel .eyebrow{margin-bottom:8px}
.product-panel .h-md{margin-bottom:8px}
.product-panel .p-body{font-size:15.5px;max-width:460px}
.mock-zone{flex:1;display:flex;align-items:flex-end;justify-content:center;margin-top:34px;min-height:250px}
/* 浏览器框 */
.browser{
  width:min(430px,100%);background:#fff;border-radius:16px;overflow:hidden;
  box-shadow:0 30px 60px -22px rgba(29,29,31,.3);border:1px solid rgba(0,0,0,.06);
}
.browser-bar{height:34px;background:#f5f5f7;border-bottom:1px solid rgba(0,0,0,.07);display:flex;align-items:center;gap:7px;padding:0 14px}
.browser-bar i{width:10px;height:10px;border-radius:50%;background:#d2d2d7}
.browser-bar i:nth-child(1){background:#ff5f57}.browser-bar i:nth-child(2){background:#febc2e}.browser-bar i:nth-child(3){background:#28c840}
.browser-bar em{font-style:normal;margin-left:10px;font-size:11px;color:var(--ink-3);background:#fff;border:1px solid var(--line);border-radius:6px;padding:2px 14px}
.browser-body{padding:18px;display:grid;grid-template-columns:64px 1fr;gap:12px;min-height:238px}
.mock-side{background:#f5f5f7;border-radius:10px;padding:10px 8px;display:flex;flex-direction:column;gap:9px;align-items:center}
.mock-side b{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#1f3a8a,#2f6fe0 60%,#8fb3f0);opacity:.9}
.mock-side i{width:34px;height:5px;border-radius:3px;background:#d2d2d7}
.mock-side i.on{background:linear-gradient(90deg,#2f6fe0,#8fb3f0)}
.mock-main{display:flex;flex-direction:column;gap:12px}
.mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mock-stat{background:#f5f5f7;border-radius:10px;padding:10px}
.mock-stat b{display:block;height:7px;width:56%;border-radius:4px;background:linear-gradient(90deg,#2f6fe0,#8fb3f0);margin-bottom:7px}
.mock-stat i{display:block;height:5px;width:80%;border-radius:3px;background:#d2d2d7}
.mock-chart{background:#f5f5f7;border-radius:10px;padding:12px 12px 8px;flex:1;display:flex;align-items:flex-end;gap:8px}
.mock-chart span{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,rgba(47,111,224,.9),rgba(154,168,191,.35))}
.mock-chart span:nth-child(1){height:34%}.mock-chart span:nth-child(2){height:52%}
.mock-chart span:nth-child(3){height:42%}.mock-chart span:nth-child(4){height:66%}
.mock-chart span:nth-child(5){height:58%}.mock-chart span:nth-child(6){height:86%;background:linear-gradient(180deg,#1f3a8a,rgba(154,168,191,.4))}
/* 手机框 */
.phone{
  width:236px;background:#fff;border:8px solid #1d1d1f;border-radius:38px;
  box-shadow:0 34px 64px -24px rgba(29,29,31,.4);overflow:hidden;position:relative;
}
.phone-notch{width:84px;height:20px;background:#1d1d1f;border-radius:0 0 14px 14px;margin:0 auto}
.phone-body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:10px;min-height:270px}
.phone-head{display:flex;justify-content:space-between;align-items:center}
.phone-head b{font-size:13px;color:var(--ink)}
.phone-head span{width:22px;height:22px;border-radius:7px;background:linear-gradient(135deg,#1f3a8a,#2f6fe0 60%,#8fb3f0)}
.phone-row{background:#f5f5f7;border-radius:12px;padding:10px 12px;display:flex;gap:10px;align-items:center}
.phone-row u{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#1f3a8a,#2f6fe0 60%,#8fb3f0);text-decoration:none;flex:none;opacity:.92}
.phone-row b{display:block;height:6px;width:64%;border-radius:3px;background:#c7c7cc}
.phone-row i{display:block;height:5px;width:42%;border-radius:3px;background:#d2d2d7;margin-top:5px}
.phone-row .go{margin-left:auto;color:#fff;background:linear-gradient(135deg,#1f3a8a,#2f6fe0 60%,#8fb3f0);border-radius:980px;padding:5px 12px;font-size:11px;font-style:normal;font-weight:600}
.phone-tab{margin-top:auto;display:flex;justify-content:space-around;border-top:1px solid #e5e5ea;padding-top:10px}
.phone-tab i{width:20px;height:4px;border-radius:2px;background:#d2d2d7}
.phone-tab i.on{background:var(--blue);width:26px}
.mock-note{margin-top:22px;font-size:12.5px;color:var(--ink-3);text-align:center}

/* ============ 技术底座（深色贵气段·中央炫彩） ============ */
.stack-sec{background:var(--dark);color:#f5f5f7;position:relative;overflow:hidden}
.stack-sec::before{
  content:"";position:absolute;top:34%;left:50%;transform:translate(-50%,-50%);
  width:1100px;height:640px;pointer-events:none;
  background:
    radial-gradient(30% 34% at 44% 46%,rgba(47,111,224,.24),transparent 70%),
    radial-gradient(26% 30% at 58% 44%,rgba(122,92,255,.24),transparent 70%),
    radial-gradient(20% 24% at 50% 60%,rgba(214,136,242,.18),transparent 70%),
    radial-gradient(14% 18% at 34% 58%,rgba(64,224,208,.14),transparent 70%),
    radial-gradient(14% 18% at 66% 58%,rgba(255,177,66,.1),transparent 70%);
  filter:blur(14px);
}
.stack-sec .p-sub{color:rgba(245,245,247,.68)}
.stack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative;z-index:1}
@media(max-width:900px){.stack-grid{grid-template-columns:1fr}}
.stack-card{
  border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);
  border-radius:24px;padding:36px 30px;text-align:center;
  transition:border-color .3s,background .3s,transform .3s var(--ease);
}
.stack-grid .stack-card:hover{border-color:rgba(122,92,255,.55);background:rgba(122,92,255,.08);transform:translateY(-5px)} /* 提权防 .reveal-child.in 覆盖 */
.stack-badge{
  width:72px;height:72px;border-radius:20px;margin:0 auto 20px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,rgba(226,232,240,.14),rgba(143,179,240,.22));
  border:1px solid rgba(226,232,240,.22);
  box-shadow:inset 0 1.5px 1px rgba(255,255,255,.16), 0 10px 26px rgba(0,0,0,.28);
}
.stack-badge .icon{width:38px;height:38px}
.stack-card .h-md{color:#fff;font-size:19px}
.stack-card .h-md small{display:block;font-size:11px;font-weight:600;letter-spacing:.16em;color:rgba(245,245,247,.45);margin-top:4px}
.stack-card p{font-size:14px;color:rgba(245,245,247,.66);line-height:1.65;margin-top:10px}
.stack-flow{
  display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;
  margin-top:44px;position:relative;z-index:1;
}
.stack-flow span{
  font-size:14px;color:rgba(245,245,247,.8);border:1px solid rgba(255,255,255,.18);
  border-radius:980px;padding:8px 20px;background:rgba(255,255,255,.04);
}
.stack-flow .arr{color:rgba(245,245,247,.4);font-size:18px}
.stack-flow .hl{border-color:transparent;background:linear-gradient(92deg,var(--g1),var(--g2));color:#fff;font-weight:600}

/* ============ CTA ============ */
.cta-sec{text-align:center;position:relative;overflow:hidden}
.cta-sec::before{
  content:"";position:absolute;bottom:-220px;left:50%;transform:translateX(-50%);
  width:820px;height:420px;pointer-events:none;
  background:radial-gradient(40% 46% at 42% 55%,rgba(47,111,224,.20),transparent 70%),
             radial-gradient(30% 40% at 60% 55%,rgba(154,168,191,.17),transparent 70%),
             radial-gradient(26% 32% at 62% 48%,rgba(122,92,255,.16),transparent 70%),
             radial-gradient(20% 26% at 34% 46%,rgba(214,136,242,.14),transparent 70%);
}
.cta-sec .h-lg{margin-bottom:18px}
.cta-sec .p-sub{margin:0 auto 36px;text-align:center;position:relative;z-index:1}
.cta-sec .hero-ctas{position:relative;z-index:1}

/* ============ 页尾 ============ */
.footer{background:var(--bg-soft);border-top:1px solid rgba(0,0,0,.06);padding:56px 0 40px}
.footer-note{font-size:12.5px;color:var(--ink-3);line-height:1.7;padding-bottom:22px;border-bottom:1px solid var(--line)}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;padding:32px 0}
@media(max-width:860px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.footer-grid{grid-template-columns:1fr}}
.footer-col h4{font-size:12.5px;font-weight:700;color:var(--ink);margin-bottom:14px;letter-spacing:.04em}
.footer-col a{display:block;font-size:13px;color:var(--ink-2);padding:5px 0}
.footer-col a:hover{color:var(--ink)}
.footer-brand{display:flex;align-items:center;gap:9px;color:var(--ink);margin-bottom:14px}
.footer-brand .brand-mark{height:24px;width:auto}
.footer-brand span{font-size:14px;font-weight:700;letter-spacing:.14em}
.footer-col p{font-size:13px;color:var(--ink-3);line-height:1.7}
.footer-sub{font-size:12px;color:var(--ink-3);line-height:1.6;margin-top:14px;opacity:.85}
.footer-bottom{
  border-top:1px solid var(--line);padding-top:22px;
  display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;
  font-size:12.5px;color:var(--ink-3);line-height:1.8;
}
.footer-filing{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap}
.footer-filing a{color:var(--ink-3);text-decoration:none;transition:color .2s}
.footer-filing a:hover{color:var(--blue);text-decoration:none}
.beian-police{display:inline-flex;align-items:center;gap:4px}
.beian-police img{width:14px;height:14px;flex:none}

/* ============ 动效：滚动渐显 ============ */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.in{opacity:1;transform:none}
.reveal-child{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal-child.in{opacity:1;transform:none}
.reveal.in .reveal-child:nth-child(1){transition-delay:.05s}
.reveal.in .reveal-child:nth-child(2){transition-delay:.12s}
.reveal.in .reveal-child:nth-child(3){transition-delay:.19s}
.reveal.in .reveal-child:nth-child(4){transition-delay:.26s}
.reveal.in .reveal-child:nth-child(5){transition-delay:.33s}
/* 连线流动 */
.dashline{stroke-dasharray:7 9;animation:dashflow 1.3s linear infinite}
/* 星芒闪亮 */
.spk{transform-box:fill-box;transform-origin:center;animation:twinkle 2.6s ease-in-out infinite;filter:drop-shadow(0 0 3px rgba(255,255,255,.9))}
.spk.d2{animation-delay:.4s;animation-duration:3.1s}
.spk.d3{animation-delay:.9s;animation-duration:2.8s}
.spk.d4{animation-delay:1.3s;animation-duration:3.4s}
.spk.d5{animation-delay:.6s;animation-duration:2.4s}
.spk.d6{animation-delay:1.8s;animation-duration:3.2s}
.spk.d7{animation-delay:2.1s;animation-duration:2.9s}
.spk.d8{animation-delay:1.1s;animation-duration:3.6s}
.dot-t{animation:dotpulse 2.2s ease-in-out infinite}
.dot-t.d2{animation-delay:.7s}.dot-t.d3{animation-delay:1.4s}
.dot-t.d5{animation-delay:1.9s}.dot-t.d6{animation-delay:.3s}
.cat-hl{animation:catglint 3.4s ease-in-out infinite}
@keyframes twinkle{0%,100%{opacity:.28;transform:scale(.72)}50%{opacity:1;transform:scale(1.12)}}
@keyframes dotpulse{0%,100%{opacity:.2;r:2}50%{opacity:.95;r:2.8}}
@keyframes catglint{0%,100%{opacity:0;r:5}18%{opacity:.95;r:10}30%{opacity:0;r:5}}
@media (prefers-reduced-motion:reduce){
  .spk,.dot-t,.cat-hl{animation:none}
  .spk{opacity:.85}.dot-t{opacity:.6}.cat-hl{opacity:.85;r:8}
}
@keyframes dashflow{to{stroke-dashoffset:-32}}
/* 引擎轨道缓旋 */
.orbit-spin{transform-origin:170px 170px;animation:spin 46s linear infinite}
.orbit-spin-2{transform-origin:170px 170px;animation:spin 70s linear infinite reverse}
@keyframes spin{to{transform:rotate(360deg)}}

/* ============ 共享：图标 stroke (.ib) ============ */
.ib{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}


/* ============ WCM 名片 ============ */
.wcm-mask{position:fixed;inset:0;z-index:9999;background:rgba(10,22,44,.58);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;transition:opacity .28s ease}
.wcm-mask.show{opacity:1}
.wcm-mask[hidden]{display:none}
.wcm-card{position:relative;width:360px;max-width:94vw;background:#fff;border:3px solid #0084ff;border-radius:22px;box-shadow:0 34px 90px -22px rgba(0,60,140,.50),0 0 0 7px rgba(0,132,255,.10);transform:translateY(18px) scale(.95);transition:transform .34s cubic-bezier(.22,.8,.32,1.1);text-align:center}
.wcm-mask.show .wcm-card{transform:none}
.wcm-close{position:absolute;top:10px;right:11px;z-index:2;width:32px;height:32px;border-radius:50%;border:1px solid rgba(0,60,140,.18);background:rgba(255,255,255,.9);color:#5b6b82;font-size:18px;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s}
.wcm-close:hover{color:#0f172a;border-color:#0084ff;transform:rotate(90deg)}
.wcm-head{padding:26px 26px 18px;background:linear-gradient(180deg,#e9f4ff 0%,#fff 100%);border-radius:18px 18px 0 0;border-bottom:1px dashed rgba(0,100,200,.16);text-align:center}
.wcm-head-row{display:flex;align-items:center;gap:16px}
.wcm-avatar{width:88px;height:88px;border-radius:50%;object-fit:cover;border:4px solid #0084ff;box-shadow:0 12px 26px -8px rgba(0,110,255,.5),0 0 0 5px rgba(0,132,255,.10);flex:none;background:#fff}
.wcm-head-text{flex:1;min-width:0;text-align:left}
.wcm-head-text b{display:block;font-size:19px;font-weight:800;color:#0f172a;letter-spacing:.02em;line-height:1.2}
.wcm-head-text small{display:block;font-size:12px;color:#64748b;margin-top:4px;letter-spacing:.05em;white-space:nowrap}
.wcm-badge{display:inline-flex;align-items:center;gap:5px;margin-top:14px;background:#e8f3ff;color:#0084ff;border:1px solid rgba(0,132,255,.38);font-size:12px;font-weight:700;padding:4px 13px;border-radius:999px}
.wcm-badge svg{width:14px;height:14px;flex:none}
.wcm-qr{margin:14px auto 0;width:110px;height:110px;background:#fff;border:2px solid rgba(0,132,255,.32);border-radius:14px;padding:7px;box-shadow:0 8px 20px -6px rgba(0,110,255,.32)}
.wcm-qr img{width:100%;height:100%;object-fit:contain;border-radius:8px;background:#fff}
.wcm-body{padding:17px 24px 23px}
.wcm-line{font-size:13.5px;color:#475569;line-height:1.75;margin:0}
.wcm-tel{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;background:linear-gradient(92deg,#0084ff,#3fa2ff);color:#fff;font-weight:800;font-size:15px;letter-spacing:.06em;padding:11px 18px;border-radius:12px;text-decoration:none;box-shadow:0 14px 26px -10px rgba(0,110,255,.55);transition:transform .2s,filter .2s}
.wcm-tel:hover{transform:translateY(-2px);filter:brightness(1.07)}
.wcm-tel svg{width:16px;height:16px;flex:none}
.wcm-note{margin-top:12px;font-size:11.5px;color:#93a3b8;line-height:1.6}
/* 移动端自适应 */
@media(max-width:380px){
  .wcm-card{width:300px}
  .wcm-head{padding:22px 18px 16px}
  .wcm-head-row{gap:12px}
  .wcm-avatar{width:78px;height:78px}
  .wcm-head-text b{font-size:17px}
  .wcm-head-text small{font-size:11px}
  .wcm-qr{width:96px;height:96px}
}
/* 气泡可点击提示 */
.mascot-bubble{cursor:pointer;transition:transform .3s var(--ease)}
.mascot-bubble:hover{transform:translateY(-2px) scale(1.04)}

/* ============ 深色主题（跟随浏览器/系统 prefers-color-scheme） ============ */
/* 策略：翻转配色 token，让所有 var() 驱动的文字/边框/柔和底色自动转深；
   再针对硬编码的浅色“面”（导航/英雄区/卡片/边框）逐个覆盖；
   产品示意图（浏览器·手机·货找人流程图·猫气泡·名片）保留白底“插图画岛”，
   只把其中用了 token 的文字钉回深色，避免深字变浅后在白底岛上不可读。 */
@media (prefers-color-scheme: dark){
  :root{
    color-scheme:dark;
    --bg:#0e1524;
    --bg-soft:#161f33;
    --ink:#eef2f9;
    --ink-2:#b6c2d8;
    --ink-3:#8391ad;
    --line:#28374f;
    --blue:#5b9bff;
    --blue-press:#7aafff;
    --dark:#070d18;
    --grad-blue:linear-gradient(92deg,#4f8ef7,#6aa8ff 55%,#a9c9f5);
  }

  /* 导航（半透明磨砂：浅→深） */
  .nav{background:rgba(14,21,36,.78);border-bottom-color:rgba(255,255,255,.08)}
  .nav-search-box{background:rgba(20,29,48,.97);border-color:rgba(255,255,255,.10);box-shadow:0 18px 40px -12px rgba(0,0,0,.6)}
  .nav-search-box input:focus{background:rgba(91,155,255,.14)}
  .nav-search-results a:hover{background:rgba(91,155,255,.14)}
  .nav-panel{background:rgba(14,21,36,.97);border-bottom-color:rgba(255,255,255,.08)}
  .nav-panel a{border-bottom-color:rgba(255,255,255,.06)}
  .nav-search-btn:hover{background:rgba(91,155,255,.16)}
  .pill-ghost:hover{background:rgba(255,255,255,.06)}

  /* 页脚 */
  .footer{border-top-color:rgba(255,255,255,.07)}

  /* 智能体卡片：浅色渐变→深色渐变 */
  .agent-card{background:linear-gradient(180deg,#152036,#0f1828);border-color:rgba(255,255,255,.08)}
  .agent-grid .agent-card:hover{background:linear-gradient(180deg,#1d2c49,#16233b);border-color:rgba(107,155,255,.42);box-shadow:0 24px 48px -18px rgba(0,0,0,.6)}
  .agent-badge{border-color:rgba(255,255,255,.16)}

  /* HERO：银蓝浅底→深蓝银底 */
  .hero{background:radial-gradient(120% 90% at 50% 8%,#17273f 0%,#111d31 38%,#0b1322 72%,#0e1524 100%)}
  .hero::after{background:
    linear-gradient(108deg,transparent 30%,rgba(255,255,255,.06) 46%,transparent 60%),
    linear-gradient(180deg,transparent 78%,rgba(140,180,255,.07) 92%,transparent 100%)}
  .hero-glow{background:
    radial-gradient(40% 48% at 34% 42%,rgba(120,170,255,.16),transparent 70%),
    radial-gradient(34% 44% at 66% 40%,rgba(90,140,220,.12),transparent 70%),
    radial-gradient(24% 34% at 52% 60%,rgba(70,120,200,.10),transparent 70%)}
  .hero-chip{border-color:rgba(91,155,255,.35);background:rgba(91,155,255,.12)}
  .hero-mascot .mascot-svg{filter:drop-shadow(0 0 14px rgba(150,190,255,.45)) drop-shadow(0 0 32px rgba(90,150,240,.32)) drop-shadow(0 0 60px rgba(60,120,220,.20)) drop-shadow(0 30px 44px rgba(0,0,0,.5))}
  .mascot-glow{background:
    radial-gradient(38% 46% at 48% 50%,rgba(180,210,255,.5),rgba(120,170,255,.22) 40%,transparent 74%),
    radial-gradient(52% 62% at 50% 54%,rgba(90,150,240,.24),transparent 72%),
    radial-gradient(62% 72% at 50% 56%,rgba(60,120,220,.14),transparent 78%)}

  /* 插图画岛内的 token 文字：钉回深色（岛屿本身保持白底不变） */
  .mascot-bubble{color:#1b2c4e}
  .flow-cap span,.flow-cap b{color:#45577d}
  .browser-bar em{color:#7a89a8}
  .phone-head b{color:#1b2c4e}
  .mock-note{color:#7a89a8}
}

/* ============ 深色主题：预约演示「项目经理名片」弹窗 ============ */
/* 上轮把名片当白底插画岛留白；名片是可交互 UI 非示意图，深色下应随之转深。
   二维码 .wcm-qr 仍保持白底（黑码白底才可扫）。 */
@media (prefers-color-scheme: dark){
  .wcm-card{background:#12203a;border-color:#2f74e0;box-shadow:0 34px 90px -22px rgba(0,0,0,.7),0 0 0 7px rgba(47,116,224,.14)}
  .wcm-close{background:rgba(28,42,68,.92);color:#aebbd4;border-color:rgba(255,255,255,.16)}
  .wcm-close:hover{color:#eef2f9;border-color:#2f74e0}
  .wcm-head{background:linear-gradient(180deg,#16294a 0%,#12203a 100%);border-bottom-color:rgba(120,170,255,.18)}
  .wcm-avatar{border-color:#2f74e0}
  .wcm-head-text b{color:#eef2f9}
  .wcm-head-text small{color:#9db0d0}
  .wcm-badge{background:rgba(47,116,224,.16);color:#8abaff;border-color:rgba(47,116,224,.5)}
  .wcm-body{color:#c2cee4}
  .wcm-line{color:#c2cee4}
  .wcm-note{color:#7f8fae}
  /* 电话按钮本就蓝色渐变白字，深色下加深底衬即可 */
  .wcm-tel{box-shadow:0 14px 26px -10px rgba(0,60,140,.6)}
}

