/* Bundle video-detail-page: wp-content/themes/bigboom/css/pages/content-detail.css */

/* Imported from wp-content/themes/bigboom/css/rfj-red-swatches.css */
/* Shared theme tokens and reusable cross-page visual primitives. */
:root {
    --rfj-red-351516: #351516;
    --rfj-red-3c3431-80710f: rgba(60, 52, 49, 0.16);
    --rfj-red-422b33: #422b33;
    --rfj-red-443d3a-c8faef: rgba(68, 61, 58, 0.13);
    --rfj-red-453935-c66d4c: rgba(69, 57, 53, 0.11);
    --rfj-red-4a3d36-495255: rgba(74, 61, 54, 0.07);
    --rfj-red-4d3e37-78ea66: rgba(77, 62, 55, 0.06);
    --rfj-red-521e18: #521e18;
    --rfj-red-710c0f-7440ae: rgba(113, 12, 15, .35);
    --rfj-red-74302f: #74302f;
    --rfj-red-78350f: #78350f;
    --rfj-red-792010: #792010;
    --rfj-red-7a271a: #7a271a;
    --rfj-red-7a2e0e: #7a2e0e;
    --rfj-red-7a6e6e: #7a6e6e;
    --rfj-red-800f10: #800f10;
    --rfj-red-843534: #843534;
    --rfj-red-862412: #862412;
    --rfj-red-8c2f2f: #8c2f2f;
    --rfj-red-8f0e12: #8f0e12;
    --rfj-red-8f1718: #8f1718;
    --rfj-red-92400e: #92400e;
    --rfj-red-93370d: #93370d;
    --rfj-red-942714: #942714;
    --rfj-red-991b1b: #991b1b;
    --rfj-red-9a3412: #9a3412;
    --rfj-red-9d2a15: #9d2a15;
    --rfj-red-9f1117: #9f1117;
    --rfj-red-9f3034: #9f3034;
    --rfj-red-a14343: #a14343;
    --rfj-red-a20e13: #a20e13;
    --rfj-red-a31515: #a31515;
    --rfj-red-a62c16: #a62c16;
    --rfj-red-a80017: #a80017;
    --rfj-red-a80f10: #a80f10;
    --rfj-red-a81415: #a81415;
    --rfj-red-a81d23: #a81d23;
    --rfj-red-a82632: #a82632;
    --rfj-red-a91415: #a91415;
    --rfj-red-a94442: #a94442;
    --rfj-red-aa1519: #aa1519;
    --rfj-red-action: #d7001d;
    --rfj-red-ad1112: #ad1112;
    --rfj-red-ae1115: #ae1115;
    --rfj-red-ae1c1c: #ae1c1c;
    --rfj-red-b01618: #b01618;
    --rfj-red-b01818: #b01818;
    --rfj-red-b1191a: #b1191a;
    --rfj-red-b3452e: #b3452e;
    --rfj-red-b3a9a9: #b3a9a9;
    --rfj-red-b4141a: #b4141a;
    --rfj-red-b42318: #b42318;
    --rfj-red-b42324: #b42324;
    --rfj-red-b43d29: #b43d29;
    --rfj-red-b51217: #b51217;
    --rfj-red-b51617: #b51617;
    --rfj-red-b54708: #b54708;
    --rfj-red-b61d1d: #b61d1d;
    --rfj-red-b71516: #b71516;
    --rfj-red-b71c1c: #b71c1c;
    --rfj-red-b71c1c-acbc18: rgba(183, 28, 28, 0.9);
    --rfj-red-b71f25: #b71f25;
    --rfj-red-b81218: #b81218;
    --rfj-red-b81617: #b81617;
    --rfj-red-b81c1c: #b81c1c;
    --rfj-red-b91516: #b91516;
    --rfj-red-b91617: #b91617;
    --rfj-red-b91c1c: #b91c1c;
    --rfj-red-ba202c: #ba202c;
    --rfj-red-ba4e4b: #ba4e4b;
    --rfj-red-bc2026: #bc2026;
    --rfj-red-bc3219: #bc3219;
    --rfj-red-bd141b: #bd141b;
    --rfj-red-bd1516: #bd1516;
    --rfj-red-bd1b22: #bd1b22;
    --rfj-red-be123c: #be123c;
    --rfj-red-be242a: #be242a;
    --rfj-red-be3150: #be3150;
    --rfj-red-blush: #ffebf1;
    --rfj-red-bright: #ff0f23;
    --rfj-red-bright-e372a0: rgba(255, 15, 35, .16);
    --rfj-red-c0001a: #c0001a;
    --rfj-red-c15c32: #c15c32;
    --rfj-red-c20618: #c20618;
    --rfj-red-c2410c: #c2410c;
    --rfj-red-c51624: #c51624;
    --rfj-red-c53030: #c53030;
    --rfj-red-c62828: #c62828;
    --rfj-red-c71920: #c71920;
    --rfj-red-c71920-2edc50: rgba(199, 25, 32, .12);
    --rfj-red-c71920-41be9e: rgba(199, 25, 32, .55);
    --rfj-red-c71920-626247: rgba(199, 25, 32, .025);
    --rfj-red-c71920-6d9cee: rgba(199, 25, 32, .08);
    --rfj-red-c71920-77c123: rgba(199, 25, 32, .24);
    --rfj-red-c71920-915e9d: rgba(199, 25, 32, .35);
    --rfj-red-c71920-96a9e2: rgba(199, 25, 32, .2);
    --rfj-red-c71920-d1d3eb: rgba(199, 25, 32, .28);
    --rfj-red-c71920-dbc3a5: rgba(199, 25, 32, .32);
    --rfj-red-c71920-fa617c: rgba(199, 25, 32, .1);
    --rfj-red-c72532: #c72532;
    --rfj-red-c7254e: #c7254e;
    --rfj-red-c73550: #c73550;
    --rfj-red-c80000-a4e058: rgba(200, 0, 0, 0.6);
    --rfj-red-c81623: #c81623;
    --rfj-red-c91c23: #c91c23;
    --rfj-red-c91c23-834702: rgba(201, 28, 35, .18);
    --rfj-red-c91c23-9e9d5d: rgba(201, 28, 35, .13);
    --rfj-red-ca4440: #ca4440;
    --rfj-red-cb4e4e: #cb4e4e;
    --rfj-red-cc0000: #cc0000;
    --rfj-red-cc4b67-0eecb6: rgb(204, 75, 103);
    --rfj-red-cc5965: #cc5965;
    --rfj-red-cf151c: #cf151c;
    --rfj-red-cf292f: #cf292f;
    --rfj-red-cf4933: #cf4933;
    --rfj-red-coral: #ff6b6b;
    --rfj-red-d1242f: #d1242f;
    --rfj-red-d22f27: #d22f27;
    --rfj-red-d3381c: #d3381c;
    --rfj-red-d3381c-80e71b: rgba(211, 56, 28, .6);
    --rfj-red-d35400: #d35400;
    --rfj-red-d5141b: #d5141b;
    --rfj-red-d5141b-92307c: rgba(213, 20, 27, .26);
    --rfj-red-d5141b-e310ed: rgba(213, 20, 27, .2);
    --rfj-red-d63638: #d63638;
    --rfj-red-d65050-5f3bea: rgba(214, 80, 80, 0.16);
    --rfj-red-d65050-6da634: rgba(214, 80, 80, 0.12);
    --rfj-red-d65d66: #d65d66;
    --rfj-red-d70015: #d70015;
    --rfj-red-d71920: #d71920;
    --rfj-red-d71920-13c850: rgba(215, 25, 32, .28);
    --rfj-red-d71920-3c32e0: rgba(215, 25, 32, .08);
    --rfj-red-d71920-82f919: rgba(215, 25, 32, .07);
    --rfj-red-d71920-a217fb: rgba(215, 25, 32, .25);
    --rfj-red-d71920-a44044: rgba(215, 25, 32, .22);
    --rfj-red-d71920-c5d387: rgba(215, 25, 32, .58);
    --rfj-red-d72d34: #d72d34;
    --rfj-red-d81b60: #d81b60;
    --rfj-red-d82930: #d82930;
    --rfj-red-d84b4b: #d84b4b;
    --rfj-red-d84b4b-226497: rgba(216, 75, 75, 0.1);
    --rfj-red-d84b4b-f9ba86: rgba(216, 75, 75, 0.08);
    --rfj-red-d92d20: #d92d20;
    --rfj-red-d92d2d: #d92d2d;
    --rfj-red-d92d32: #d92d32;
    --rfj-red-d92d32-ae1e3c: rgba(217, 45, 50, 0.42);
    --rfj-red-d92d32-c0ae32: rgba(217, 45, 50, 0.76);
    --rfj-red-d92d32-c30a79: rgba(217, 45, 50, 0.12);
    --rfj-red-d92d32-c92b04: rgba(217, 45, 50, 0.055);
    --rfj-red-d92d32-f60bc8: rgba(217, 45, 50, 0.09);
    --rfj-red-d92d32-fd5ff1: rgba(217, 45, 50, 0.13);
    --rfj-red-d92d32-fddc8b: rgba(217, 45, 50, 0.08);
    --rfj-red-d93457: #d93457;
    --rfj-red-d9534f: #d9534f;
    --rfj-red-da4141: #da4141;
    --rfj-red-da4b52: #da4b52;
    --rfj-red-danger: #dc2626;
    --rfj-red-danger-953eaf: rgba(220, 38, 38, 0.15);
    --rfj-red-danger-bootstrap: #dc3545;
    --rfj-red-danger-bootstrap-3d7669: rgba(220, 53, 69, 0.4);
    --rfj-red-danger-bootstrap-939448: rgba(220, 53, 69, .5);
    --rfj-red-db1c2b: #db1c2b;
    --rfj-red-db1c2b-90545c: rgba(219, 28, 43, .17);
    --rfj-red-db1c2b-bcc284: rgba(219, 28, 43, .18);
    --rfj-red-db1c2b-d29be7: rgba(219, 28, 43, .12);
    --rfj-red-db1c2b-dbcd0e: rgba(219, 28, 43, .28);
    --rfj-red-db777b: #db777b;
    --rfj-red-dba789: #dba789;
    --rfj-red-dc2027: #dc2027;
    --rfj-red-dc343b: #dc343b;
    --rfj-red-dca1a6: #dca1a6;
    --rfj-red-dd8686: #dd8686;
    --rfj-red-ddd7d7-31b041: rgba(221, 215, 215, 0.73);
    --rfj-red-df1d24: #df1d24;
    --rfj-red-df1d24-1a5acc: rgba(223, 29, 36, .19);
    --rfj-red-df1d24-368568: rgba(223, 29, 36, .07);
    --rfj-red-df1d24-beb571: rgba(223, 29, 36, .09);
    --rfj-red-df6659: #df6659;
    --rfj-red-df7186: #df7186;
    --rfj-red-e0245e: #e0245e;
    --rfj-red-e02a2b: #e02a2b;
    --rfj-red-e11d48: #e11d48;
    --rfj-red-e15757: #e15757;
    --rfj-red-e1b9b8: #e1b9b8;
    --rfj-red-e29b9c: #e29b9c;
    --rfj-red-e34b51: #e34b51;
    --rfj-red-e34b51-eb7708: rgba(227, 75, 81, .1);
    --rfj-red-e35b5b-e72526: #e35b5b;
    --rfj-red-e3c5c5: #e3c5c5;
    --rfj-red-e4393c: #e4393c;
    --rfj-red-e47779: #e47779;
    --rfj-red-e4b9b9: #e4b9b9;
    --rfj-red-e51c23: #e51c23;
    --rfj-red-e53935: #e53935;
    --rfj-red-e53e3e: #e53e3e;
    --rfj-red-e54866: #e54866;
    --rfj-red-e54866-ffaabf: rgba(229, 72, 102, .24);
    --rfj-red-e56b82: #e56b82;
    --rfj-red-e58b4c-0c5779: #e58b4c;
    --rfj-red-e5a3a6: #e5a3a6;
    --rfj-red-e5bdc1: #e5bdc1;
    --rfj-red-e63a40: #e63a40;
    --rfj-red-e65100: #e65100;
    --rfj-red-e72537: #e72537;
    --rfj-red-e74c3c: #e74c3c;
    --rfj-red-e74c3c-eea56d: rgba(231, 76, 60, 0.1);
    --rfj-red-e8a5a5: #e8a5a5;
    --rfj-red-e9343b: #e9343b;
    --rfj-red-e95d54: #e95d54;
    --rfj-red-ea394c: #ea394c;
    --rfj-red-ea580c: #ea580c;
    --rfj-red-eb7350: #eb7350;
    --rfj-red-eb9d9f: #eb9d9f;
    --rfj-red-ebcccc: #ebcccc;
    --rfj-red-ebccd1: #ebccd1;
    --rfj-red-ebe3e5: #ebe3e5;
    --rfj-red-ec4758: #ec4758;
    --rfj-red-ec7173-9b9e53: rgb(236, 113, 115);
    --rfj-red-ed5565: #ed5565;
    --rfj-red-ee5a52: #ee5a52;
    --rfj-red-ee5a52-9a5ace: rgba(238, 90, 82, 0.4);
    --rfj-red-ee5a52-dc32cb: rgba(238, 90, 82, 0.6);
    --rfj-red-ee6f69-ff2921: rgba(238, 111, 105, 0.1);
    --rfj-red-ef3036: #ef3036;
    --rfj-red-ef3f52: #ef3f52;
    --rfj-red-ef5350: #ef5350;
    --rfj-red-ef5352: #ef5352;
    --rfj-red-ef6567: #ef6567;
    --rfj-red-ef6663: #ef6663;
    --rfj-red-ef6776: #ef6776;
    --rfj-red-efb8ba: #efb8ba;
    --rfj-red-error: #ef4444;
    --rfj-red-error-56eb54: rgba(239, 68, 68, 0.4);
    --rfj-red-error-5cb384: rgba(239, 68, 68, 0);
    --rfj-red-error-83efee: rgba(239, 68, 68, 0.9);
    --rfj-red-error-96887c: rgba(239, 68, 68, 0.2);
    --rfj-red-f08a47: #f08a47;
    --rfj-red-f0a4a7: #f0a4a7;
    --rfj-red-f0b7b8: #f0b7b8;
    --rfj-red-f0b8b8: #f0b8b8;
    --rfj-red-f0b8bb: #f0b8bb;
    --rfj-red-f0babb: #f0babb;
    --rfj-red-f0c0c2: #f0c0c2;
    --rfj-red-f0d7d8: #f0d7d8;
    --rfj-red-f0dddd: #f0dddd;
    --rfj-red-f0e4e4: #f0e4e4;
    --rfj-red-f1d7d8: #f1d7d8;
    --rfj-red-f23030: #f23030;
    --rfj-red-f27474: #f27474;
    --rfj-red-f2b8b8: #f2b8b8;
    --rfj-red-f2dede: #f2dede;
    --rfj-red-f2e9eb: #f2e9eb;
    --rfj-red-f36140: #f36140;
    --rfj-red-f3a5a7: #f3a5a7;
    --rfj-red-f3b4b4: #f3b4b4;
    --rfj-red-f43f5e: #f43f5e;
    --rfj-red-f44336: #f44336;
    --rfj-red-f45858: #f45858;
    --rfj-red-f45859: #f45859;
    --rfj-red-f4b2c0: #f4b2c0;
    --rfj-red-f4c4c5: #f4c4c5;
    --rfj-red-f4dddd: #f4dddd;
    --rfj-red-f53f3f: #f53f3f;
    --rfj-red-f53f3f-07216a: rgba(245, 63, 63, .12);
    --rfj-red-f53f3f-47a8f9: rgba(245, 63, 63, .18);
    --rfj-red-f5576c: #f5576c;
    --rfj-red-f5b7b8: #f5b7b8;
    --rfj-red-f5b8c4: #f5b8c4;
    --rfj-red-f5c2c2: #f5c2c2;
    --rfj-red-f6adbf: #f6adbf;
    --rfj-red-f6becb: #f6becb;
    --rfj-red-f6cccc: #f6cccc;
    --rfj-red-f75253: #f75253;
    --rfj-red-f87171: #f87171;
    --rfj-red-f8d7da: #f8d7da;
    --rfj-red-f97316: #f97316;
    --rfj-red-f9eeee: #f9eeee;
    --rfj-red-f9f2f4: #f9f2f4;
    --rfj-red-fa709a: #fa709a;
    --rfj-red-fa709a-3c4900: rgba(250, 112, 154, 0.3);
    --rfj-red-fa709a-c7580a: rgba(250, 112, 154, 0.1);
    --rfj-red-fa709a-cc23e0: rgba(250, 112, 154, 0.4);
    --rfj-red-faccc6: #faccc6;
    --rfj-red-fc8181: #fc8181;
    --rfj-red-fce4ec: #fce4ec;
    --rfj-red-fce8e6: #fce8e6;
    --rfj-red-fce8ec: #fce8ec;
    --rfj-red-fceaea: #fceaea;
    --rfj-red-fceced: #fceced;
    --rfj-red-fcecee: #fcecee;
    --rfj-red-fcf0f1: #fcf0f1;
    --rfj-red-fde0e0: #fde0e0;
    --rfj-red-fdeaea: #fdeaea;
    --rfj-red-fe2b54: #fe2b54;
    --rfj-red-fe6100: #fe6100;
    --rfj-red-fe748e: #fe748e;
    --rfj-red-fecaca: #fecaca;
    --rfj-red-fee2e2: #fee2e2;
    --rfj-red-fef2f2: #fef2f2;
    --rfj-red-fef2f2-5a26bb: rgba(254, 242, 242, 0.96);
    --rfj-red-fef3f2: #fef3f2;
    --rfj-red-ff014b-192e5a: #ff014b35;
    --rfj-red-ff0b0e-450c84: #ff0b0e11;
    --rfj-red-ff242d-1ad507: #ff242d35;
    --rfj-red-ff2d55: #ff2d55;
    --rfj-red-ff3542-d06b08: #ff35424d;
    --rfj-red-ff3b30: #ff3b30;
    --rfj-red-ff3b30-66f0b5: rgba(255, 59, 48, .1);
    --rfj-red-ff3b30-98351b: rgba(255, 59, 48, .28);
    --rfj-red-ff453a: #ff453a;
    --rfj-red-ff4d61-a4aaa5: #ff4d6172;
    --rfj-red-ff5722: #ff5722;
    --rfj-red-ff5e62-94368c: rgba(255, 94, 98, .10);
    --rfj-red-ff6961: #ff6961;
    --rfj-red-ff6a00: #ff6a00;
    --rfj-red-ff6b70-60277e: rgba(255, 107, 112, .13);
    --rfj-red-ff6d72: #ff6d72;
    --rfj-red-ff6e80: #ff6e80;
    --rfj-red-ff746f-259e2c: rgba(255, 116, 111, 0.19);
    --rfj-red-ff756f: #ff756f;
    --rfj-red-ff756f-9cb4aa: rgba(255, 117, 111, 0.13);
    --rfj-red-ff777c: #ff777c;
    --rfj-red-ff817c-dfd8bb: rgba(255, 129, 124, 0.18);
    --rfj-red-ff8866: #ff8866;
    --rfj-red-ff8d89-888a6c: rgba(255, 141, 137, 0.32);
    --rfj-red-ff9591-8345d6: rgba(255, 149, 145, 0.14);
    --rfj-red-ff995e-22ee17: rgba(255, 153, 94, 0.45);
    --rfj-red-ff9a9d: #ff9a9d;
    --rfj-red-ffb4c6: #ffb4c6;
    --rfj-red-ffb68d-0571de: #ffb68d15;
    --rfj-red-ffb6b1-682bdf: rgba(255, 182, 177, 0.08);
    --rfj-red-ffb6b6-bea807: #ffb6b6b6;
    --rfj-red-ffc6c6: #ffc6c6;
    --rfj-red-ffcdd2: #ffcdd2;
    --rfj-red-ffcdd2-adcb91: rgba(255, 205, 210, .52);
    --rfj-red-ffd5d5-4ca3c7: #ffd5d5d5;
    --rfj-red-ffe1e8: #ffe1e8;
    --rfj-red-ffe5e5: #ffe5e5;
    --rfj-red-ffe5e6: #ffe5e6;
    --rfj-red-ffe6e7: #ffe6e7;
    --rfj-red-ffe8e9: #ffe8e9;
    --rfj-red-ffebeb: #ffebeb;
    --rfj-red-ffebee: #ffebee;
    --rfj-red-ffeee8: #ffeee8;
    --rfj-red-fff0ef: #fff0ef;
    --rfj-red-fff0f0: #fff0f0;
    --rfj-red-fff0f1: #fff0f1;
    --rfj-red-fff1f0: #fff1f0;
    --rfj-red-fff1f1: #fff1f1;
    --rfj-red-fff1f2: #fff1f2;
    --rfj-red-fff1f4: #fff1f4;
    --rfj-red-fff2e9-4fd689: #fff2e9;
    --rfj-red-fff2f1: #fff2f1;
    --rfj-red-fff2f2: #fff2f2;
    --rfj-red-fff3f3: #fff3f3;
    --rfj-red-fff4f2: #fff4f2;
    --rfj-red-fff4f4: #fff4f4;
    --rfj-red-fff4f5: #fff4f5;
    --rfj-red-fff5f4: #fff5f4;
    --rfj-red-fff5f5: #fff5f5;
    --rfj-red-fff6f5: #fff6f5;
    --rfj-red-fff6f6: #fff6f6;
    --rfj-red-fff7f7: #fff7f7;
    --rfj-red-fff8f7: #fff8f7;
    --rfj-red-fff8f8: #fff8f8;
    --rfj-red-fff9f9: #fff9f9;
    --rfj-red-fffaf8: #fffaf8;
    --rfj-red-fffafa: #fffafa;
    --rfj-red-legacy-brand: #d1191a;
    --rfj-red-legacy-brand-00d5a2: rgba(209, 25, 26, .12);
    --rfj-red-legacy-brand-01a446: rgba(209, 25, 26, 0.5);
    --rfj-red-legacy-brand-0ccb72: rgba(209, 25, 26, 0.75);
    --rfj-red-legacy-brand-0dae0e: rgba(209, 25, 26, .35);
    --rfj-red-legacy-brand-0dd632: rgba(209, 25, 26, .09);
    --rfj-red-legacy-brand-12b8d4: rgba(209, 25, 26, .055);
    --rfj-red-legacy-brand-1311d6: #d1191add;
    --rfj-red-legacy-brand-228160: rgba(209, 25, 26, 0.06);
    --rfj-red-legacy-brand-24453f: rgba(209, 25, 26, 0.15);
    --rfj-red-legacy-brand-28d4a5: rgba(209, 25, 26, .18);
    --rfj-red-legacy-brand-40b236: rgba(209, 25, 26, .16);
    --rfj-red-legacy-brand-414199: rgba(209, 25, 26, 0.02);
    --rfj-red-legacy-brand-4c4973: rgba(209, 25, 26, 0.22);
    --rfj-red-legacy-brand-52880c: rgba(209, 25, 26, .3);
    --rfj-red-legacy-brand-61d7e9: rgba(209, 25, 26, 0.3);
    --rfj-red-legacy-brand-742954: rgba(209, 25, 26, 0.08);
    --rfj-red-legacy-brand-7db41f: rgba(209, 25, 26, .2);
    --rfj-red-legacy-brand-83fdee: rgba(209, 25, 26, 0.30);
    --rfj-red-legacy-brand-90e8b7: rgba(209, 25, 26, 0.25);
    --rfj-red-legacy-brand-94e58e: #d1191ad9;
    --rfj-red-legacy-brand-9a8fef: rgba(209, 25, 26, .1);
    --rfj-red-legacy-brand-a4f6b0: rgba(209, 25, 26, 0.1);
    --rfj-red-legacy-brand-b7ab35: #d1191a09;
    --rfj-red-legacy-brand-b7f0fc: rgba(209, 25, 26, .10);
    --rfj-red-legacy-brand-cbddcc: rgba(209, 25, 26, .25);
    --rfj-red-legacy-brand-d27145: rgba(209, 25, 26, 0.4);
    --rfj-red-legacy-brand-d79429: rgba(209, 25, 26, .08);
    --rfj-red-legacy-brand-da442c: rgba(209, 25, 26, 0.12);
    --rfj-red-legacy-brand-e2f504: rgba(209, 25, 26, 0.2);
    --rfj-red-legacy-brand-f3894d: rgba(209, 25, 26, .14);
    --rfj-red-legacy-brand-f8686b: rgba(209, 25, 26, 0.16);
    --rfj-red-pure-ebdedc: #ff000099;
    --rfj-red-warm-coral: #ff8e53;
}

/* 个人中心一级页面共用的移动端顶部工具栏。 */
@media (min-width: 700px) {
    .rfj-mobile-account-header .rfj-mobile-account-header__action--search {
        display: none;
    }
}

@media (max-width: 699px) {
    .rfj-mobile-account-header {
        padding: max(8px, env(safe-area-inset-top)) 16px 0;
    }

    .rfj-mobile-account-header .rfj-message-hero__top,
    .rfj-mobile-account-header.rfj-uc-appbar {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        min-height: 44px;
    }

    .rfj-mobile-account-header.rfj-uc-appbar {
        min-height: 44px;
        padding: max(8px, env(safe-area-inset-top)) 16px 0;
    }

    .rfj-mobile-account-header .rfj-mobile-account-header__title,
    .rfj-mobile-account-header .rfj-message-hero__balance,
    .rfj-mobile-account-header .rfj-uc-appbar__balance {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    .rfj-mobile-account-header .rfj-mobile-account-header__actions,
    .rfj-mobile-account-header .rfj-uc-appbar__actions {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        width: auto;
        height: auto;
        border: 0;
        border-radius: 0;
        background: transparent;
        transform: none;
    }

    .rfj-mobile-account-header .rfj-mobile-account-header__action {
        display: grid;
        place-items: center;
        width: 36px;
        height: 36px;
        flex: 0 0 36px;
        padding: 0;
        border: 1px solid #d8dadd;
        border-radius: 50%;
        background: rgba(255, 255, 255, .6);
        color: inherit;
    }

    .rfj-mobile-account-header .rfj-mobile-account-header__action .rfj-icon,
    .rfj-mobile-account-header .rfj-mobile-account-header__action .rfj-uc-icon {
        display: block;
        width: 20px;
        height: 20px;
    }

    .rfj-mobile-account-header .rfj-mobile-account-header__action--search {
        display: grid;
    }

    .rfj-message-toolbar .rfj-message-search-toggle {
        display: none;
    }

    .rfj-mobile-account-header + .rfj-uc-content {
        padding-top: 16px;
    }

    .rfj-mobile-account-header .rfj-mobile-account-header__action:focus-visible {
        outline: 2px solid #3478cc;
        outline-offset: 2px;
    }

    .rfj-mobile-account-header .rfj-mobile-account-header__action:active {
        opacity: .78;
    }
}

@media (max-width: 359px) {
    .rfj-mobile-account-header,
    .rfj-mobile-account-header.rfj-uc-appbar {
        padding-inline: 12px;
    }
}

@media (max-width: 699px) and (prefers-color-scheme: dark) {
    .rfj-mobile-account-header .rfj-mobile-account-header__action {
        border-color: #48484f;
        background: #303035;
    }
}



.post-page {
    background: var(--bg-primary);
    color: var(--text-primary);
}

body.rfj-single-post-page-body {
    background: #f5f7fb;
    color: var(--rfj-text-primary);
}

body.rfj-single-post-page-body.admin-bar .header-simple {
    top: 32px;
}

.rfj-single-post-page {
    padding: 28px 0 48px;
}

.rfj-single-post-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 24px;
    align-items: start;
}

.rfj-single-post-layout--full {
    grid-template-columns: minmax(0, 1fr);
}

.rfj-single-post-main {
    min-width: 0;
}

.rfj-single-post-main .site-main {
    min-width: 0;
    padding: 32px;
    border: 1px solid var(--rfj-color-border, #e6eaf0);
    border-radius: 12px;
    background: #fff;
    box-shadow: var(--rfj-shadow-sm, 0 2px 8px rgba(20, 32, 51, 0.06));
}

.rfj-single-post-main .entry-title {
    margin: 0;
    color: var(--rfj-text-primary);
    font-size: 30px;
    line-height: 1.4;
}

.rfj-single-post-main .badge {
    display: inline-block;
    padding: 0.25em 0.55em;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    line-height: 1.2;
    vertical-align: middle;
}

.rfj-single-post-main .badge-info {
    background: #1677ff;
}

.rfj-single-post-main .badge-primary {
    background: var(--rfj-red-legacy-brand);
}

.rfj-single-post-header {
    padding-bottom: 25px;
    margin-bottom: 30px;
    border-bottom: 1px solid #eef1f5;
}

.rfj-single-post-title {
    text-align: center;
}

.rfj-single-post-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    color: var(--rfj-text-tertiary);
    line-height: 1.8;
}

.rfj-single-post-meta a,
.rfj-single-post-header-taxonomies a,
.rfj-single-post-taxonomy-links a {
    color: #1366ec;
    text-decoration: none;
}

.rfj-single-post-meta a:hover,
.rfj-single-post-meta a:focus,
.rfj-single-post-header-taxonomies a:hover,
.rfj-single-post-header-taxonomies a:focus,
.rfj-single-post-taxonomy-links a:hover,
.rfj-single-post-taxonomy-links a:focus {
    color: var(--rfj-red-legacy-brand);
}

.rfj-single-post-header-taxonomies,
.rfj-single-post-taxonomy-links {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 10px;
    align-items: center;
    color: #1366ec;
    font-size: 13px;
    line-height: 1.6;
}

.rfj-single-post-header-taxonomies {
    justify-content: center;
    margin-top: 8px;
}

.rfj-single-post-taxonomy-links,
.rfj-single-post-attachment,
.rfj-single-post-main .page-links {
    clear: both;
}

.rfj-single-post-taxonomy-links {
    margin: 24px 0 30px;
}

.rfj-single-post-attachment {
    padding-bottom: 15px;
}

.rfj-single-post-desktop-actions {
    position: sticky;
    bottom: 0;
    z-index: 90;
    margin: 32px 0;
    background: #fff;
    box-shadow: 0 -8px 18px rgba(20, 32, 51, 0.06);
}

.rfj-single-post-main #modern-comments {
    max-width: none;
    padding: 8px 0 32px;
    margin: 0;
}

.rfj-single-post-main #comment-area {
    scroll-margin-top: var(--rfj-comment-scroll-offset, 96px);
}

.rfj-single-post-copyright {
    clear: both;
    margin-top: 28px;
    background: #fff;
}

.rfj-single-post-main .rfj-related-card-section {
    margin-top: 20px;
    padding: 20px 0;
    background: transparent;
}

.rfj-single-post-main .rfj-related-card-section .section-title {
    margin: 0 0 14px;
    color: var(--rfj-text-primary);
    font-size: 19px;
    font-weight: 800;
    line-height: 1.4;
}

.rfj-single-post-main .rfj-related-card-section > .section-title ~ * {
    margin-top: 12px;
}

.rfj-single-post-main .rfj-related-card-section--customer {
    background: transparent;
}

.rfj-single-post-main .rfj-related-card-section--news {
    margin-top: 0;
    padding: 20px 0 0;
}

.rfj-single-post-content,
.rfj-single-post-main .post-content,
.rfj-single-post-main .single-entry-content {
    max-width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.rfj-single-post-main .post-content {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.rfj-single-post-content #post_content section,
.rfj-single-post-content #post_content div,
.rfj-single-post-content #post_content figure,
.rfj-single-post-content #post_content p,
.rfj-single-post-content #post_content blockquote {
    box-sizing: border-box;
    max-width: 100% !important;
    min-width: 0 !important;
}

.rfj-single-post-main .single-entry-content {
    display: flow-root;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 1.85;
    text-align: justify;
}

.rfj-single-post-main .single-entry-content h1,
.rfj-single-post-main .single-entry-content h2,
.rfj-single-post-main .single-entry-content h3,
.rfj-single-post-main .single-entry-content h4,
.rfj-single-post-main .single-entry-content h5,
.rfj-single-post-main .single-entry-content h6 {
    margin: 1.4em 0 0.65em;
    font-weight: 700;
    line-height: 1.45;
}

.rfj-single-post-main .single-entry-content h1 { font-size: 24px; }
.rfj-single-post-main .single-entry-content h2 { font-size: 22px; }
.rfj-single-post-main .single-entry-content h3 { font-size: 20px; }
.rfj-single-post-main .single-entry-content h4 { font-size: 18px; }
.rfj-single-post-main .single-entry-content h5 { font-size: 16px; }
.rfj-single-post-main .single-entry-content h6 { font-size: 14px; }

.rfj-single-post-main .single-entry-content p,
.rfj-single-post-main .single-entry-content ul,
.rfj-single-post-main .single-entry-content ol,
.rfj-single-post-main .single-entry-content blockquote {
    margin-top: 0;
    margin-bottom: 1.2em;
}

.rfj-single-post-main .single-entry-content a {
    color: #1366ec;
    text-decoration: none;
    transition: color 0.2s ease;
}

.rfj-single-post-main .single-entry-content a:hover,
.rfj-single-post-main .single-entry-content a:focus {
    color: var(--rfj-red-legacy-brand);
}

.rfj-single-post-main .post-content img,
.rfj-single-post-main .post-content video,
.rfj-single-post-main .post-content iframe,
.rfj-single-post-main .post-content embed,
.rfj-single-post-main .post-content object {
    max-width: 100% !important;
}

.rfj-single-post-main .post-content img,
.rfj-single-post-main .post-content video {
    height: auto !important;
}

.rfj-single-post-main .post-content iframe {
    border: 0;
}

.rfj-single-post-main .post-content table {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto;
    border-collapse: collapse;
    -webkit-overflow-scrolling: touch;
}

.rfj-single-post-main .post-content th,
.rfj-single-post-main .post-content td {
    padding: 8px;
    border: 1px solid #ddd;
    white-space: normal !important;
    word-break: break-word;
}

.rfj-single-post-main .post-content pre,
.rfj-single-post-main .post-content code {
    max-width: 100% !important;
    overflow-x: auto;
    white-space: pre-wrap;
    overflow-wrap: break-word;
}

.rfj-single-post-main .single-entry-content .alignnone {
    margin: 0;
}

.rfj-single-post-main .single-entry-content .aligncenter,
.rfj-single-post-main .single-entry-content div.aligncenter,
.rfj-single-post-main .single-entry-content .aligncenter img {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.rfj-single-post-main .single-entry-content .alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.rfj-single-post-main .single-entry-content .alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.rfj-single-post-main .single-entry-content .wp-caption {
    max-width: 100%;
    padding: 5px;
    border: 1px solid #e7e7e7;
    background: #fff;
    text-align: center;
}

.rfj-single-post-main .single-entry-content .wp-caption img {
    display: block;
    margin: 0;
}

.rfj-single-post-main .single-entry-content .wp-caption-text {
    margin: 0;
    padding: 5px 0 0;
    color: var(--rfj-text-tertiary);
    font-size: 12px;
}

.rfj-single-post-main .single-entry-content .gallery-caption {
    display: block;
}

.rfj-single-post-featured-image {
    margin-bottom: 24px;
    text-align: center;
}

.rfj-single-post-featured-image img {
    max-width: 100%;
    height: auto;
}

.rfj-single-post-mobile-controls {
    display: none;
}

.software-footer-navigation {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: flex;
    width: 100%;
    min-height: 60px;
    padding: 0 max(4px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(4px, env(safe-area-inset-left));
    margin: 0;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.06);
    text-align: center;
}

.software-footer-navigation .software-footer-btn-container {
    display: flex;
    min-width: 0;
    height: 100%;
    margin: 0 4px;
    flex: 1 1 0;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.software-footer-navigation .software-inquiry-btn {
    flex-grow: 1.6;
}

.software-footer-navigation .software-footer-btn {
    display: flex;
    width: 100%;
    min-height: 40px;
    padding: 5px;
    border-radius: 4px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--rfj-text-primary);
    font-size: 14px;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
    border: 0;
    background: transparent;
    -webkit-appearance: none;
    appearance: none;
    font-family: inherit;
}

.software-footer-navigation .software-action-btn .software-footer-btn {
    border: 1px solid var(--rfj-red-legacy-brand);
    background: #fff;
    color: var(--rfj-red-legacy-brand);
}

.software-footer-navigation .software-inquiry-btn .software-footer-btn {
    background: var(--rfj-red-legacy-brand);
    color: #fff;
}

.software-footer-navigation .icon-container {
    display: flex;
    margin-bottom: 2px;
    align-items: center;
    justify-content: center;
}

.software-footer-navigation .icon-container i {
    font-size: 1.45em;
}

.software-footer-navigation .button-label {
    font-size: 12px;
}

@media (max-width: 1199px) {
    .rfj-single-post-layout {
        display: block;
    }

    .rfj-post-sidebar-layout {
        display: none;
    }
}

@media (max-width: 768px) {
    body.rfj-single-post-page-body {
        padding-bottom: calc(64px + env(safe-area-inset-bottom));
    }

    .rfj-single-post-page {
        padding: 14px 0 24px;
    }

    .rfj-single-post-main .site-main {
        padding: 20px 14px;
        border-radius: 8px;
    }

    /* 文章正文在手机上铺满白色阅读面板，避免外层留白与卡片内边距叠加。 */
    body.single-post .rfj-single-post-page {
        padding-top: 0;
    }

    body.single-post .rfj-single-post-page > .rfj-shell {
        padding-inline: 0;
    }

    body.single-post .rfj-single-post-main .site-main {
        padding: 20px 16px;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .rfj-single-post-main .entry-title {
        font-size: 24px;
        text-align: left;
    }

    .rfj-single-post-header {
        padding-bottom: 18px;
        margin-bottom: 20px;
    }

    .rfj-single-post-header .rfzj-breadcrumb,
    .rfj-single-post-header .hidden-xs {
        display: none !important;
    }

    .rfj-single-post-meta {
        margin-top: 18px;
        text-align: left;
    }

    .rfj-single-post-main .single-entry-content {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 1.8;
    }

    .rfj-single-post-main .single-entry-content h1 { font-size: 22px; }
    .rfj-single-post-main .single-entry-content h2 { font-size: 20px; }
    .rfj-single-post-main .single-entry-content h3 { font-size: 18px; }
    .rfj-single-post-main .single-entry-content h4 { font-size: 16px; }

    .rfj-single-post-main .single-entry-content .alignleft,
    .rfj-single-post-main .single-entry-content .alignright {
        float: none;
        margin: 1em auto;
    }

    .rfj-single-post-desktop-actions,
    .rfj-single-post-desktop-controls {
        display: none;
    }

    .rfj-single-post-mobile-controls {
        display: block;
    }

    .rfj-single-post-meta,
    .rfj-single-post-header-taxonomies {
        justify-content: flex-start;
        text-align: left;
    }

    .rfj-single-post-taxonomy-links {
        margin-bottom: 24px;
    }
}

@media (max-width: 782px) {
    body.rfj-single-post-page-body.admin-bar .header-simple {
        top: 46px;
    }
}

.featured-posts-section {
    padding: 3rem 0;
}

.featured-posts-grid {
    display: grid;
    gap: 2rem;
}

.featured-posts-grid-2 {
    grid-template-columns: repeat(2, 1fr);
}

.featured-posts-grid-3 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto auto;
}

.featured-posts-grid-3 .featured-post-third {
    grid-column: 1 / -1;
    max-width: 50%;
    justify-self: center;
}

.featured-posts-grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 1200px) {
    .featured-posts-grid-4 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 992px) {
    .featured-posts-grid-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .featured-posts-grid-4 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

.featured-post-card {
    position: relative;
    border-radius: 1.5rem;
    overflow: hidden;
    aspect-ratio: 16/10;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.featured-post-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
}

.featured-post-link {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.featured-post-image {
    position: relative;
    width: 100%;
    height: 100%;
}

.featured-post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.featured-post-card:hover .featured-post-image img {
    transform: scale(1.1);
}

.featured-post-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, 
        transparent 0%, 
        rgba(0, 0, 0, 0.3) 40%,
        rgba(0, 0, 0, 0.85) 100%);
    display: flex;
    align-items: flex-end;
    padding: 2rem;
    transition: background 0.3s ease;
}

.featured-post-card:hover .featured-post-overlay {
    background: linear-gradient(180deg, 
        rgba(0, 0, 0, 0.1) 0%, 
        rgba(0, 0, 0, 0.4) 40%,
        rgba(0, 0, 0, 0.9) 100%);
}

.featured-post-content {
    width: 100%;
}

.featured-post-category {
    display: inline-block;
    padding: 0.375rem 1rem;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 2rem;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 600;
    margin-bottom: 1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}

.featured-post-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    margin: 0 0 0.75rem;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.featured-post-excerpt {
    font-size: 0.9375rem;
    color: rgba(255, 255, 255, 0.85);
    margin: 0;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.post-filter-section {
    margin-bottom: 2rem;
    padding: 1.25rem 0;
    border-bottom: 1px solid var(--border-color);
}

.post-category-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    overflow-x: auto;
    padding: 0.5rem 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.post-category-tabs::-webkit-scrollbar {
    display: none;
}

.post-tab-item {
    display: inline-flex;
    align-items: center;
    padding: 0.625rem 1.25rem;
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: 2rem;
    color: var(--text-secondary);
    font-size: 0.9375rem;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.post-tab-item:hover {
    border-color: var(--primary-color);
    color: var(--primary-color);
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.post-tab-item.active {
    background: var(--gradient-1);
    border-color: var(--primary-color);
    color: #fff;
    box-shadow: var(--shadow-lg);
}

.post-main {
    min-height: 400px;
}

.post-list-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.post-count {
    font-size: 0.9375rem;
    color: var(--text-secondary);
}

.post-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
    align-items: stretch;
}

.post-card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    border-radius: var(--radius-xl, 0.75rem);
    background: var(--bg-card, #1e293b);
    transition: transform 200ms ease, box-shadow 200ms ease;
}

.post-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg, 0 10px 25px -5px rgba(0,0,0,0.2));
}

.post-card-link {
    display: flex;
    flex-direction: column;
    flex: 1;
    text-decoration: none;
    color: inherit;
}

.post-card-link:hover {
    text-decoration: none;
    color: inherit;
}

.post-card-image {
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.post-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.post-card:hover .post-card-image img {
    transform: scale(1.05);
}

.post-card-badge {
    position: absolute;
    top: 1rem;
    left: 1rem;
    padding: 0.375rem 0.875rem;
    background: rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(6px);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: 2rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.post-card-content {
    padding: 1rem 1.1rem 1.25rem;
    display: flex;
    flex-direction: column;
    flex: 1;
    border-top: 1px solid var(--border-color);
}

.post-card-title {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--text-primary);
    height: calc(1.2rem * 1.45 * 2);
    margin: 0 0 0.75rem;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 200ms ease;
}

.post-card:hover .post-card-title {
    color: var(--primary-color);
}

.post-card-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-top: auto;
    font-size: 0.8rem;
    color: var(--text-muted, #94a3b8);
}

.post-card-meta svg {
    flex-shrink: 0;
    color: var(--text-muted, #94a3b8);
}

.post-card-author {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
    max-width: 60%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--text-muted, #94a3b8);
    font-weight: 500;
    font-size: 0.8rem;
}

.post-card-date {
    flex-shrink: 0;
    color: var(--text-muted, #64748b);
    font-size: 0.8rem;
}

.post-card-excerpt {
    font-size: 0.93rem;
    color: var(--text-secondary);
    line-height: 1.7;
    height: calc(0.93rem * 1.7 * 3);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-bottom: 0.8rem;
    margin-bottom: 0.75rem;
    border-bottom: 1px dashed var(--border-color, rgba(148, 163, 184, 0.25));
}

.post-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 3rem 0;
    color: var(--text-muted);
}

.loading-spinner {
    width: 32px;
    height: 32px;
    border: 3px solid var(--border-color);
    border-top-color: var(--primary-color);
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.post-load-more {
    text-align: center;
    padding: 3rem 0;
}

.post-no-more {
    text-align: center;
    padding: 3rem 0;
    color: var(--text-muted);
    font-size: 0.9375rem;
}


/* ===========================
   Case Cards
   =========================== */
.case-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
    align-items: stretch;
}

.case-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    border-radius: var(--radius-xl, 0.75rem);
    background: var(--bg-card, #1e293b);
    box-shadow: var(--shadow-md);
    transition: transform 200ms ease, box-shadow 200ms ease;
}

.case-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg, 0 10px 25px -5px rgba(0,0,0,0.2));
}

.case-card-link {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

.case-card-link:hover {
    text-decoration: none;
    color: inherit;
}

.case-card-image {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-bottom: 56.25%;
}

.case-card-thumb {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.case-card:hover .case-card-thumb {
    transform: scale(1.05);
}

.case-card-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 0.85rem 1rem 1rem;
    border-top: 1px solid var(--border-color);
}

.case-card-title {
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.45;
    height: calc(1.05rem * 1.45 * 2);
    margin: 0 0 0.6rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--text-primary);
    transition: color 200ms ease;
}

.case-card:hover .case-card-title {
    color: var(--primary-color);
}

.case-card-info {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    margin-bottom: 0.6rem;
}

.case-card-info-row {
    display: flex;
    align-items: baseline;
    gap: 0.35rem;
    min-height: 1.4rem;
}

.case-card-info-label {
    flex-shrink: 0;
    font-size: 0.7rem;
    font-weight: 500;
    color: var(--text-muted, #94a3b8);
}

.case-card-info-value {
    display: inline-block;
    /*padding: 0.1rem 0.45rem;*/
    /*border-radius: 999px;*/
    font-size: 0.75rem;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.case-card-info-value--function {
    color: #d1d5db;
    /*background-color: #f3f4f6;*/
    /*border: 1px solid #d1d5db;*/
}

.case-card-info-value--customer {
    /*background-color: #fef7cd;*/
    color: #fde68a;
    /*border: 1px solid #fde68a;*/
}

.case-card-info-value--vendor {
    /*background-color: #f0fdf4;*/
    color: #bbf7d0;
    /*border: 1px solid #bbf7d0;*/
}

.case-card-info-value--software {
    /*background-color: #dbeafe;*/
    color: #bfdbfe;
    /*border: 1px solid #bfdbfe;*/
}

.case-card-meta {
    display: flex;
    align-items: center;
    margin-top: auto;
    padding-top: 0.6rem;
    border-top: 1px dashed var(--border-color, rgba(148, 163, 184, 0.25));
    font-size: 0.8rem;
    color: var(--text-muted, #94a3b8);
}

.case-card-meta svg {
    flex-shrink: 0;
    color: var(--text-muted, #94a3b8);
}

.case-card-date {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--text-muted, #64748b);
    font-size: 0.8rem;
}


@media (max-width: 1200px) {
    .post-list {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 1.5rem;
    }
}

@media (max-width: 992px) {
    .post-hero {
        padding: 3rem 0 2rem;
    }
    
    .post-hero-title {
        font-size: 2.25rem;
    }
    
    .featured-posts-grid-2,
    .featured-posts-grid-3,
    .featured-posts-grid-4 {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    
    .featured-posts-grid-3 .featured-post-third {
        max-width: 100%;
    }
    
    .featured-post-card {
        aspect-ratio: 21/9;
    }
    
    .featured-post-title {
        font-size: 1.25rem;
    }
}

@media (max-width: 768px) {
    .post-hero {
        padding: 2.5rem 0 1.5rem;
    }
    
    .post-hero-title {
        font-size: 1.875rem;
    }
    
    .post-hero-subtitle {
        font-size: 1rem;
    }
    
    .featured-posts-section {
        padding: 2rem 0;
    }
    
    .featured-post-card {
        aspect-ratio: 16/9;
    }
    
    .featured-post-title {
        font-size: 1.125rem;
    }
    
    .featured-post-excerpt {
        display: none;
    }
    
    .post-list {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }
    
    .post-card-image {
        height: 180px;
    }

    .post-card-title {
        font-size: 1.125rem;
        height: calc(1.125rem * 1.45 * 2);
    }

    .post-card-excerpt {
        -webkit-line-clamp: 2;
        height: calc(0.93rem * 1.7 * 2);
    }

    .post-card-author {
        max-width: 55%;
    }
    
    .post-category-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 0.75rem;
    }
    
    .post-tab-item {
        padding: 0.5rem 1rem;
        font-size: 0.875rem;
    }
}

@media (max-width: 480px) {
    .post-hero {
        padding: 2rem 0 1.25rem;
    }
    
    .post-hero-title {
        font-size: 1.5rem;
    }
    
    .post-card-image {
        height: 160px;
    }
    
    .post-card-content {
        padding: 0.85rem 1rem;
    }

    .post-card-title {
        font-size: 1rem;
        height: calc(1rem * 1.45 * 2);
    }

    .post-card-meta {
        gap: 0.375rem;
        font-size: 0.75rem;
    }

    .post-card-author {
        max-width: 55%;
    }
    
    .post-card-badge {
        top: 0.75rem;
        left: 0.75rem;
        padding: 0.25rem 0.625rem;
        font-size: 0.6875rem;
    }
    
    .post-card-excerpt {
        font-size: 0.875rem;
        -webkit-line-clamp: 2;
        height: calc(0.875rem * 1.7 * 2);
    }
    
    .post-card-softwares {
        gap: 0.375rem;
    }
    
    .post-card-software {
        padding: 0.25rem 0.625rem;
        font-size: 0.75rem;
        max-width: 100px;
    }
    
    .load-more-btn {
        padding: 0.875rem 2rem;
        font-size: 0.9375rem;
    }
    
    .case-grid {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 1.25rem;
    }

    .case-card-title {
        font-size: 0.95rem;
        height: calc(0.95rem * 1.45 * 2);
    }

    .case-card-info-row {
        min-height: 1.3rem;
    }

    .case-card-info-label,
    .case-card-info-value {
        font-size: 0.65rem;
    }

    .case-card-info-value {
        padding: 0.05rem 0.35rem;
    }

    .case-card-meta {
        font-size: 0.75rem;
    }

    .case-card-date {
        font-size: 0.75rem;
    }
}

@media (max-width: 768px) {
    .case-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .case-card-title {
        font-size: 0.95rem;
        height: calc(0.95rem * 1.45 * 2);
    }
}


/* ===========================
   Post Meta Info Box
   =========================== */
.post-meta-info-box {
    background: var(--bg-card, #f8fafc);
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: 0.75rem;
    padding: 1.25rem 1.5rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.meta-info-item {
    display: flex;
    align-items: baseline;
    padding: 0.5rem 0;
    line-height: 1.6;
}

.meta-info-item:not(:last-child) {
    border-bottom: 1px dashed var(--border-color, rgba(148, 163, 184, 0.25));
}

.meta-info-label {
    flex-shrink: 0;
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--text-secondary, #64748b);
    margin-right: 0.5rem;
    min-width: 3.5rem;
}

.meta-info-value {
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 500;
    color: var(--text-primary, #1e293b);
    word-break: break-word;
}

@media (max-width: 768px) {
    .post-meta-info-box {
        padding: 1rem 1.25rem;
        margin-bottom: 1.25rem;
    }

    .meta-info-item {
        padding: 0.4rem 0;
    }

    .meta-info-label {
        font-size: 1.2rem;
        min-width: 3rem;
    }

    .meta-info-value {
        font-size: 1.2rem;
    }
}


/* Bundle video-detail-page: wp-content/themes/bigboom/css/post/single-sidebar.css */

/* Imported from wp-content/themes/bigboom/css/rfj-red-swatches.css */
/* Shared theme tokens and reusable cross-page visual primitives. */
:root {
    --rfj-red-351516: #351516;
    --rfj-red-3c3431-80710f: rgba(60, 52, 49, 0.16);
    --rfj-red-422b33: #422b33;
    --rfj-red-443d3a-c8faef: rgba(68, 61, 58, 0.13);
    --rfj-red-453935-c66d4c: rgba(69, 57, 53, 0.11);
    --rfj-red-4a3d36-495255: rgba(74, 61, 54, 0.07);
    --rfj-red-4d3e37-78ea66: rgba(77, 62, 55, 0.06);
    --rfj-red-521e18: #521e18;
    --rfj-red-710c0f-7440ae: rgba(113, 12, 15, .35);
    --rfj-red-74302f: #74302f;
    --rfj-red-78350f: #78350f;
    --rfj-red-792010: #792010;
    --rfj-red-7a271a: #7a271a;
    --rfj-red-7a2e0e: #7a2e0e;
    --rfj-red-7a6e6e: #7a6e6e;
    --rfj-red-800f10: #800f10;
    --rfj-red-843534: #843534;
    --rfj-red-862412: #862412;
    --rfj-red-8c2f2f: #8c2f2f;
    --rfj-red-8f0e12: #8f0e12;
    --rfj-red-8f1718: #8f1718;
    --rfj-red-92400e: #92400e;
    --rfj-red-93370d: #93370d;
    --rfj-red-942714: #942714;
    --rfj-red-991b1b: #991b1b;
    --rfj-red-9a3412: #9a3412;
    --rfj-red-9d2a15: #9d2a15;
    --rfj-red-9f1117: #9f1117;
    --rfj-red-9f3034: #9f3034;
    --rfj-red-a14343: #a14343;
    --rfj-red-a20e13: #a20e13;
    --rfj-red-a31515: #a31515;
    --rfj-red-a62c16: #a62c16;
    --rfj-red-a80017: #a80017;
    --rfj-red-a80f10: #a80f10;
    --rfj-red-a81415: #a81415;
    --rfj-red-a81d23: #a81d23;
    --rfj-red-a82632: #a82632;
    --rfj-red-a91415: #a91415;
    --rfj-red-a94442: #a94442;
    --rfj-red-aa1519: #aa1519;
    --rfj-red-action: #d7001d;
    --rfj-red-ad1112: #ad1112;
    --rfj-red-ae1115: #ae1115;
    --rfj-red-ae1c1c: #ae1c1c;
    --rfj-red-b01618: #b01618;
    --rfj-red-b01818: #b01818;
    --rfj-red-b1191a: #b1191a;
    --rfj-red-b3452e: #b3452e;
    --rfj-red-b3a9a9: #b3a9a9;
    --rfj-red-b4141a: #b4141a;
    --rfj-red-b42318: #b42318;
    --rfj-red-b42324: #b42324;
    --rfj-red-b43d29: #b43d29;
    --rfj-red-b51217: #b51217;
    --rfj-red-b51617: #b51617;
    --rfj-red-b54708: #b54708;
    --rfj-red-b61d1d: #b61d1d;
    --rfj-red-b71516: #b71516;
    --rfj-red-b71c1c: #b71c1c;
    --rfj-red-b71c1c-acbc18: rgba(183, 28, 28, 0.9);
    --rfj-red-b71f25: #b71f25;
    --rfj-red-b81218: #b81218;
    --rfj-red-b81617: #b81617;
    --rfj-red-b81c1c: #b81c1c;
    --rfj-red-b91516: #b91516;
    --rfj-red-b91617: #b91617;
    --rfj-red-b91c1c: #b91c1c;
    --rfj-red-ba202c: #ba202c;
    --rfj-red-ba4e4b: #ba4e4b;
    --rfj-red-bc2026: #bc2026;
    --rfj-red-bc3219: #bc3219;
    --rfj-red-bd141b: #bd141b;
    --rfj-red-bd1516: #bd1516;
    --rfj-red-bd1b22: #bd1b22;
    --rfj-red-be123c: #be123c;
    --rfj-red-be242a: #be242a;
    --rfj-red-be3150: #be3150;
    --rfj-red-blush: #ffebf1;
    --rfj-red-bright: #ff0f23;
    --rfj-red-bright-e372a0: rgba(255, 15, 35, .16);
    --rfj-red-c0001a: #c0001a;
    --rfj-red-c15c32: #c15c32;
    --rfj-red-c20618: #c20618;
    --rfj-red-c2410c: #c2410c;
    --rfj-red-c51624: #c51624;
    --rfj-red-c53030: #c53030;
    --rfj-red-c62828: #c62828;
    --rfj-red-c71920: #c71920;
    --rfj-red-c71920-2edc50: rgba(199, 25, 32, .12);
    --rfj-red-c71920-41be9e: rgba(199, 25, 32, .55);
    --rfj-red-c71920-626247: rgba(199, 25, 32, .025);
    --rfj-red-c71920-6d9cee: rgba(199, 25, 32, .08);
    --rfj-red-c71920-77c123: rgba(199, 25, 32, .24);
    --rfj-red-c71920-915e9d: rgba(199, 25, 32, .35);
    --rfj-red-c71920-96a9e2: rgba(199, 25, 32, .2);
    --rfj-red-c71920-d1d3eb: rgba(199, 25, 32, .28);
    --rfj-red-c71920-dbc3a5: rgba(199, 25, 32, .32);
    --rfj-red-c71920-fa617c: rgba(199, 25, 32, .1);
    --rfj-red-c72532: #c72532;
    --rfj-red-c7254e: #c7254e;
    --rfj-red-c73550: #c73550;
    --rfj-red-c80000-a4e058: rgba(200, 0, 0, 0.6);
    --rfj-red-c81623: #c81623;
    --rfj-red-c91c23: #c91c23;
    --rfj-red-c91c23-834702: rgba(201, 28, 35, .18);
    --rfj-red-c91c23-9e9d5d: rgba(201, 28, 35, .13);
    --rfj-red-ca4440: #ca4440;
    --rfj-red-cb4e4e: #cb4e4e;
    --rfj-red-cc0000: #cc0000;
    --rfj-red-cc4b67-0eecb6: rgb(204, 75, 103);
    --rfj-red-cc5965: #cc5965;
    --rfj-red-cf151c: #cf151c;
    --rfj-red-cf292f: #cf292f;
    --rfj-red-cf4933: #cf4933;
    --rfj-red-coral: #ff6b6b;
    --rfj-red-d1242f: #d1242f;
    --rfj-red-d22f27: #d22f27;
    --rfj-red-d3381c: #d3381c;
    --rfj-red-d3381c-80e71b: rgba(211, 56, 28, .6);
    --rfj-red-d35400: #d35400;
    --rfj-red-d5141b: #d5141b;
    --rfj-red-d5141b-92307c: rgba(213, 20, 27, .26);
    --rfj-red-d5141b-e310ed: rgba(213, 20, 27, .2);
    --rfj-red-d63638: #d63638;
    --rfj-red-d65050-5f3bea: rgba(214, 80, 80, 0.16);
    --rfj-red-d65050-6da634: rgba(214, 80, 80, 0.12);
    --rfj-red-d65d66: #d65d66;
    --rfj-red-d70015: #d70015;
    --rfj-red-d71920: #d71920;
    --rfj-red-d71920-13c850: rgba(215, 25, 32, .28);
    --rfj-red-d71920-3c32e0: rgba(215, 25, 32, .08);
    --rfj-red-d71920-82f919: rgba(215, 25, 32, .07);
    --rfj-red-d71920-a217fb: rgba(215, 25, 32, .25);
    --rfj-red-d71920-a44044: rgba(215, 25, 32, .22);
    --rfj-red-d71920-c5d387: rgba(215, 25, 32, .58);
    --rfj-red-d72d34: #d72d34;
    --rfj-red-d81b60: #d81b60;
    --rfj-red-d82930: #d82930;
    --rfj-red-d84b4b: #d84b4b;
    --rfj-red-d84b4b-226497: rgba(216, 75, 75, 0.1);
    --rfj-red-d84b4b-f9ba86: rgba(216, 75, 75, 0.08);
    --rfj-red-d92d20: #d92d20;
    --rfj-red-d92d2d: #d92d2d;
    --rfj-red-d92d32: #d92d32;
    --rfj-red-d92d32-ae1e3c: rgba(217, 45, 50, 0.42);
    --rfj-red-d92d32-c0ae32: rgba(217, 45, 50, 0.76);
    --rfj-red-d92d32-c30a79: rgba(217, 45, 50, 0.12);
    --rfj-red-d92d32-c92b04: rgba(217, 45, 50, 0.055);
    --rfj-red-d92d32-f60bc8: rgba(217, 45, 50, 0.09);
    --rfj-red-d92d32-fd5ff1: rgba(217, 45, 50, 0.13);
    --rfj-red-d92d32-fddc8b: rgba(217, 45, 50, 0.08);
    --rfj-red-d93457: #d93457;
    --rfj-red-d9534f: #d9534f;
    --rfj-red-da4141: #da4141;
    --rfj-red-da4b52: #da4b52;
    --rfj-red-danger: #dc2626;
    --rfj-red-danger-953eaf: rgba(220, 38, 38, 0.15);
    --rfj-red-danger-bootstrap: #dc3545;
    --rfj-red-danger-bootstrap-3d7669: rgba(220, 53, 69, 0.4);
    --rfj-red-danger-bootstrap-939448: rgba(220, 53, 69, .5);
    --rfj-red-db1c2b: #db1c2b;
    --rfj-red-db1c2b-90545c: rgba(219, 28, 43, .17);
    --rfj-red-db1c2b-bcc284: rgba(219, 28, 43, .18);
    --rfj-red-db1c2b-d29be7: rgba(219, 28, 43, .12);
    --rfj-red-db1c2b-dbcd0e: rgba(219, 28, 43, .28);
    --rfj-red-db777b: #db777b;
    --rfj-red-dba789: #dba789;
    --rfj-red-dc2027: #dc2027;
    --rfj-red-dc343b: #dc343b;
    --rfj-red-dca1a6: #dca1a6;
    --rfj-red-dd8686: #dd8686;
    --rfj-red-ddd7d7-31b041: rgba(221, 215, 215, 0.73);
    --rfj-red-df1d24: #df1d24;
    --rfj-red-df1d24-1a5acc: rgba(223, 29, 36, .19);
    --rfj-red-df1d24-368568: rgba(223, 29, 36, .07);
    --rfj-red-df1d24-beb571: rgba(223, 29, 36, .09);
    --rfj-red-df6659: #df6659;
    --rfj-red-df7186: #df7186;
    --rfj-red-e0245e: #e0245e;
    --rfj-red-e02a2b: #e02a2b;
    --rfj-red-e11d48: #e11d48;
    --rfj-red-e15757: #e15757;
    --rfj-red-e1b9b8: #e1b9b8;
    --rfj-red-e29b9c: #e29b9c;
    --rfj-red-e34b51: #e34b51;
    --rfj-red-e34b51-eb7708: rgba(227, 75, 81, .1);
    --rfj-red-e35b5b-e72526: #e35b5b;
    --rfj-red-e3c5c5: #e3c5c5;
    --rfj-red-e4393c: #e4393c;
    --rfj-red-e47779: #e47779;
    --rfj-red-e4b9b9: #e4b9b9;
    --rfj-red-e51c23: #e51c23;
    --rfj-red-e53935: #e53935;
    --rfj-red-e53e3e: #e53e3e;
    --rfj-red-e54866: #e54866;
    --rfj-red-e54866-ffaabf: rgba(229, 72, 102, .24);
    --rfj-red-e56b82: #e56b82;
    --rfj-red-e58b4c-0c5779: #e58b4c;
    --rfj-red-e5a3a6: #e5a3a6;
    --rfj-red-e5bdc1: #e5bdc1;
    --rfj-red-e63a40: #e63a40;
    --rfj-red-e65100: #e65100;
    --rfj-red-e72537: #e72537;
    --rfj-red-e74c3c: #e74c3c;
    --rfj-red-e74c3c-eea56d: rgba(231, 76, 60, 0.1);
    --rfj-red-e8a5a5: #e8a5a5;
    --rfj-red-e9343b: #e9343b;
    --rfj-red-e95d54: #e95d54;
    --rfj-red-ea394c: #ea394c;
    --rfj-red-ea580c: #ea580c;
    --rfj-red-eb7350: #eb7350;
    --rfj-red-eb9d9f: #eb9d9f;
    --rfj-red-ebcccc: #ebcccc;
    --rfj-red-ebccd1: #ebccd1;
    --rfj-red-ebe3e5: #ebe3e5;
    --rfj-red-ec4758: #ec4758;
    --rfj-red-ec7173-9b9e53: rgb(236, 113, 115);
    --rfj-red-ed5565: #ed5565;
    --rfj-red-ee5a52: #ee5a52;
    --rfj-red-ee5a52-9a5ace: rgba(238, 90, 82, 0.4);
    --rfj-red-ee5a52-dc32cb: rgba(238, 90, 82, 0.6);
    --rfj-red-ee6f69-ff2921: rgba(238, 111, 105, 0.1);
    --rfj-red-ef3036: #ef3036;
    --rfj-red-ef3f52: #ef3f52;
    --rfj-red-ef5350: #ef5350;
    --rfj-red-ef5352: #ef5352;
    --rfj-red-ef6567: #ef6567;
    --rfj-red-ef6663: #ef6663;
    --rfj-red-ef6776: #ef6776;
    --rfj-red-efb8ba: #efb8ba;
    --rfj-red-error: #ef4444;
    --rfj-red-error-56eb54: rgba(239, 68, 68, 0.4);
    --rfj-red-error-5cb384: rgba(239, 68, 68, 0);
    --rfj-red-error-83efee: rgba(239, 68, 68, 0.9);
    --rfj-red-error-96887c: rgba(239, 68, 68, 0.2);
    --rfj-red-f08a47: #f08a47;
    --rfj-red-f0a4a7: #f0a4a7;
    --rfj-red-f0b7b8: #f0b7b8;
    --rfj-red-f0b8b8: #f0b8b8;
    --rfj-red-f0b8bb: #f0b8bb;
    --rfj-red-f0babb: #f0babb;
    --rfj-red-f0c0c2: #f0c0c2;
    --rfj-red-f0d7d8: #f0d7d8;
    --rfj-red-f0dddd: #f0dddd;
    --rfj-red-f0e4e4: #f0e4e4;
    --rfj-red-f1d7d8: #f1d7d8;
    --rfj-red-f23030: #f23030;
    --rfj-red-f27474: #f27474;
    --rfj-red-f2b8b8: #f2b8b8;
    --rfj-red-f2dede: #f2dede;
    --rfj-red-f2e9eb: #f2e9eb;
    --rfj-red-f36140: #f36140;
    --rfj-red-f3a5a7: #f3a5a7;
    --rfj-red-f3b4b4: #f3b4b4;
    --rfj-red-f43f5e: #f43f5e;
    --rfj-red-f44336: #f44336;
    --rfj-red-f45858: #f45858;
    --rfj-red-f45859: #f45859;
    --rfj-red-f4b2c0: #f4b2c0;
    --rfj-red-f4c4c5: #f4c4c5;
    --rfj-red-f4dddd: #f4dddd;
    --rfj-red-f53f3f: #f53f3f;
    --rfj-red-f53f3f-07216a: rgba(245, 63, 63, .12);
    --rfj-red-f53f3f-47a8f9: rgba(245, 63, 63, .18);
    --rfj-red-f5576c: #f5576c;
    --rfj-red-f5b7b8: #f5b7b8;
    --rfj-red-f5b8c4: #f5b8c4;
    --rfj-red-f5c2c2: #f5c2c2;
    --rfj-red-f6adbf: #f6adbf;
    --rfj-red-f6becb: #f6becb;
    --rfj-red-f6cccc: #f6cccc;
    --rfj-red-f75253: #f75253;
    --rfj-red-f87171: #f87171;
    --rfj-red-f8d7da: #f8d7da;
    --rfj-red-f97316: #f97316;
    --rfj-red-f9eeee: #f9eeee;
    --rfj-red-f9f2f4: #f9f2f4;
    --rfj-red-fa709a: #fa709a;
    --rfj-red-fa709a-3c4900: rgba(250, 112, 154, 0.3);
    --rfj-red-fa709a-c7580a: rgba(250, 112, 154, 0.1);
    --rfj-red-fa709a-cc23e0: rgba(250, 112, 154, 0.4);
    --rfj-red-faccc6: #faccc6;
    --rfj-red-fc8181: #fc8181;
    --rfj-red-fce4ec: #fce4ec;
    --rfj-red-fce8e6: #fce8e6;
    --rfj-red-fce8ec: #fce8ec;
    --rfj-red-fceaea: #fceaea;
    --rfj-red-fceced: #fceced;
    --rfj-red-fcecee: #fcecee;
    --rfj-red-fcf0f1: #fcf0f1;
    --rfj-red-fde0e0: #fde0e0;
    --rfj-red-fdeaea: #fdeaea;
    --rfj-red-fe2b54: #fe2b54;
    --rfj-red-fe6100: #fe6100;
    --rfj-red-fe748e: #fe748e;
    --rfj-red-fecaca: #fecaca;
    --rfj-red-fee2e2: #fee2e2;
    --rfj-red-fef2f2: #fef2f2;
    --rfj-red-fef2f2-5a26bb: rgba(254, 242, 242, 0.96);
    --rfj-red-fef3f2: #fef3f2;
    --rfj-red-ff014b-192e5a: #ff014b35;
    --rfj-red-ff0b0e-450c84: #ff0b0e11;
    --rfj-red-ff242d-1ad507: #ff242d35;
    --rfj-red-ff2d55: #ff2d55;
    --rfj-red-ff3542-d06b08: #ff35424d;
    --rfj-red-ff3b30: #ff3b30;
    --rfj-red-ff3b30-66f0b5: rgba(255, 59, 48, .1);
    --rfj-red-ff3b30-98351b: rgba(255, 59, 48, .28);
    --rfj-red-ff453a: #ff453a;
    --rfj-red-ff4d61-a4aaa5: #ff4d6172;
    --rfj-red-ff5722: #ff5722;
    --rfj-red-ff5e62-94368c: rgba(255, 94, 98, .10);
    --rfj-red-ff6961: #ff6961;
    --rfj-red-ff6a00: #ff6a00;
    --rfj-red-ff6b70-60277e: rgba(255, 107, 112, .13);
    --rfj-red-ff6d72: #ff6d72;
    --rfj-red-ff6e80: #ff6e80;
    --rfj-red-ff746f-259e2c: rgba(255, 116, 111, 0.19);
    --rfj-red-ff756f: #ff756f;
    --rfj-red-ff756f-9cb4aa: rgba(255, 117, 111, 0.13);
    --rfj-red-ff777c: #ff777c;
    --rfj-red-ff817c-dfd8bb: rgba(255, 129, 124, 0.18);
    --rfj-red-ff8866: #ff8866;
    --rfj-red-ff8d89-888a6c: rgba(255, 141, 137, 0.32);
    --rfj-red-ff9591-8345d6: rgba(255, 149, 145, 0.14);
    --rfj-red-ff995e-22ee17: rgba(255, 153, 94, 0.45);
    --rfj-red-ff9a9d: #ff9a9d;
    --rfj-red-ffb4c6: #ffb4c6;
    --rfj-red-ffb68d-0571de: #ffb68d15;
    --rfj-red-ffb6b1-682bdf: rgba(255, 182, 177, 0.08);
    --rfj-red-ffb6b6-bea807: #ffb6b6b6;
    --rfj-red-ffc6c6: #ffc6c6;
    --rfj-red-ffcdd2: #ffcdd2;
    --rfj-red-ffcdd2-adcb91: rgba(255, 205, 210, .52);
    --rfj-red-ffd5d5-4ca3c7: #ffd5d5d5;
    --rfj-red-ffe1e8: #ffe1e8;
    --rfj-red-ffe5e5: #ffe5e5;
    --rfj-red-ffe5e6: #ffe5e6;
    --rfj-red-ffe6e7: #ffe6e7;
    --rfj-red-ffe8e9: #ffe8e9;
    --rfj-red-ffebeb: #ffebeb;
    --rfj-red-ffebee: #ffebee;
    --rfj-red-ffeee8: #ffeee8;
    --rfj-red-fff0ef: #fff0ef;
    --rfj-red-fff0f0: #fff0f0;
    --rfj-red-fff0f1: #fff0f1;
    --rfj-red-fff1f0: #fff1f0;
    --rfj-red-fff1f1: #fff1f1;
    --rfj-red-fff1f2: #fff1f2;
    --rfj-red-fff1f4: #fff1f4;
    --rfj-red-fff2e9-4fd689: #fff2e9;
    --rfj-red-fff2f1: #fff2f1;
    --rfj-red-fff2f2: #fff2f2;
    --rfj-red-fff3f3: #fff3f3;
    --rfj-red-fff4f2: #fff4f2;
    --rfj-red-fff4f4: #fff4f4;
    --rfj-red-fff4f5: #fff4f5;
    --rfj-red-fff5f4: #fff5f4;
    --rfj-red-fff5f5: #fff5f5;
    --rfj-red-fff6f5: #fff6f5;
    --rfj-red-fff6f6: #fff6f6;
    --rfj-red-fff7f7: #fff7f7;
    --rfj-red-fff8f7: #fff8f7;
    --rfj-red-fff8f8: #fff8f8;
    --rfj-red-fff9f9: #fff9f9;
    --rfj-red-fffaf8: #fffaf8;
    --rfj-red-fffafa: #fffafa;
    --rfj-red-legacy-brand: #d1191a;
    --rfj-red-legacy-brand-00d5a2: rgba(209, 25, 26, .12);
    --rfj-red-legacy-brand-01a446: rgba(209, 25, 26, 0.5);
    --rfj-red-legacy-brand-0ccb72: rgba(209, 25, 26, 0.75);
    --rfj-red-legacy-brand-0dae0e: rgba(209, 25, 26, .35);
    --rfj-red-legacy-brand-0dd632: rgba(209, 25, 26, .09);
    --rfj-red-legacy-brand-12b8d4: rgba(209, 25, 26, .055);
    --rfj-red-legacy-brand-1311d6: #d1191add;
    --rfj-red-legacy-brand-228160: rgba(209, 25, 26, 0.06);
    --rfj-red-legacy-brand-24453f: rgba(209, 25, 26, 0.15);
    --rfj-red-legacy-brand-28d4a5: rgba(209, 25, 26, .18);
    --rfj-red-legacy-brand-40b236: rgba(209, 25, 26, .16);
    --rfj-red-legacy-brand-414199: rgba(209, 25, 26, 0.02);
    --rfj-red-legacy-brand-4c4973: rgba(209, 25, 26, 0.22);
    --rfj-red-legacy-brand-52880c: rgba(209, 25, 26, .3);
    --rfj-red-legacy-brand-61d7e9: rgba(209, 25, 26, 0.3);
    --rfj-red-legacy-brand-742954: rgba(209, 25, 26, 0.08);
    --rfj-red-legacy-brand-7db41f: rgba(209, 25, 26, .2);
    --rfj-red-legacy-brand-83fdee: rgba(209, 25, 26, 0.30);
    --rfj-red-legacy-brand-90e8b7: rgba(209, 25, 26, 0.25);
    --rfj-red-legacy-brand-94e58e: #d1191ad9;
    --rfj-red-legacy-brand-9a8fef: rgba(209, 25, 26, .1);
    --rfj-red-legacy-brand-a4f6b0: rgba(209, 25, 26, 0.1);
    --rfj-red-legacy-brand-b7ab35: #d1191a09;
    --rfj-red-legacy-brand-b7f0fc: rgba(209, 25, 26, .10);
    --rfj-red-legacy-brand-cbddcc: rgba(209, 25, 26, .25);
    --rfj-red-legacy-brand-d27145: rgba(209, 25, 26, 0.4);
    --rfj-red-legacy-brand-d79429: rgba(209, 25, 26, .08);
    --rfj-red-legacy-brand-da442c: rgba(209, 25, 26, 0.12);
    --rfj-red-legacy-brand-e2f504: rgba(209, 25, 26, 0.2);
    --rfj-red-legacy-brand-f3894d: rgba(209, 25, 26, .14);
    --rfj-red-legacy-brand-f8686b: rgba(209, 25, 26, 0.16);
    --rfj-red-pure-ebdedc: #ff000099;
    --rfj-red-warm-coral: #ff8e53;
}

/* 个人中心一级页面共用的移动端顶部工具栏。 */
@media (min-width: 700px) {
    .rfj-mobile-account-header .rfj-mobile-account-header__action--search {
        display: none;
    }
}

@media (max-width: 699px) {
    .rfj-mobile-account-header {
        padding: max(8px, env(safe-area-inset-top)) 16px 0;
    }

    .rfj-mobile-account-header .rfj-message-hero__top,
    .rfj-mobile-account-header.rfj-uc-appbar {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        min-height: 44px;
    }

    .rfj-mobile-account-header.rfj-uc-appbar {
        min-height: 44px;
        padding: max(8px, env(safe-area-inset-top)) 16px 0;
    }

    .rfj-mobile-account-header .rfj-mobile-account-header__title,
    .rfj-mobile-account-header .rfj-message-hero__balance,
    .rfj-mobile-account-header .rfj-uc-appbar__balance {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    .rfj-mobile-account-header .rfj-mobile-account-header__actions,
    .rfj-mobile-account-header .rfj-uc-appbar__actions {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        width: auto;
        height: auto;
        border: 0;
        border-radius: 0;
        background: transparent;
        transform: none;
    }

    .rfj-mobile-account-header .rfj-mobile-account-header__action {
        display: grid;
        place-items: center;
        width: 36px;
        height: 36px;
        flex: 0 0 36px;
        padding: 0;
        border: 1px solid #d8dadd;
        border-radius: 50%;
        background: rgba(255, 255, 255, .6);
        color: inherit;
    }

    .rfj-mobile-account-header .rfj-mobile-account-header__action .rfj-icon,
    .rfj-mobile-account-header .rfj-mobile-account-header__action .rfj-uc-icon {
        display: block;
        width: 20px;
        height: 20px;
    }

    .rfj-mobile-account-header .rfj-mobile-account-header__action--search {
        display: grid;
    }

    .rfj-message-toolbar .rfj-message-search-toggle {
        display: none;
    }

    .rfj-mobile-account-header + .rfj-uc-content {
        padding-top: 16px;
    }

    .rfj-mobile-account-header .rfj-mobile-account-header__action:focus-visible {
        outline: 2px solid #3478cc;
        outline-offset: 2px;
    }

    .rfj-mobile-account-header .rfj-mobile-account-header__action:active {
        opacity: .78;
    }
}

@media (max-width: 359px) {
    .rfj-mobile-account-header,
    .rfj-mobile-account-header.rfj-uc-appbar {
        padding-inline: 12px;
    }
}

@media (max-width: 699px) and (prefers-color-scheme: dark) {
    .rfj-mobile-account-header .rfj-mobile-account-header__action {
        border-color: #48484f;
        background: #303035;
    }
}



.rfj-post-sidebar-layout {
	position: sticky;
	top: 78px;
	min-width: 0;
	z-index: 98;
}

.admin-bar .rfj-post-sidebar-layout {
	top: 110px;
}

.rfj-post-sidebar {
	display: grid;
	gap: 18px;
}

/* 广告通过统一排期动态加载，空位不占空间；图片按原始宽高比自适应。 */
.rfj-post-sidebar > .rfj-ad-dynamic-slot {
	display: none;
}

.rfj-post-sidebar > .rfj-ad-position {
	min-width: 0;
	overflow: hidden;
	border-radius: 0;
}

.rfj-post-sidebar > .rfj-ad-position a,
.rfj-post-sidebar > .rfj-ad-position img {
	display: block;
	width: 100%;
}

.rfj-post-sidebar > .rfj-ad-position img {
	height: auto;
	border-radius: 0 !important;
}

.rfj-post-sidebar__section {
	overflow: hidden;
	padding: 16px;
	border: 1px solid #e8e8ed;
	border-radius: 12px;
	background: #fff;
}

.rfj-post-sidebar__heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: -2px 0 12px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

.rfj-post-sidebar__heading h2 {
	margin: 0;
	color: var(--rfj-text-primary);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
}

/* 联系厂商模块在其他详情页沿用原有标题装饰。 */
.rfj-post-sidebar__section--company_contact .rfj-post-sidebar__heading h2 {
	display: flex;
	align-items: center;
	gap: 9px;
}

.rfj-post-sidebar__section--company_contact .rfj-post-sidebar__heading h2::before {
	display: block;
	width: 4px;
	height: 22px;
	background: var(--rfj-red-e51c23);
	content: "";
}

/* 文章、活动和视频详情页的联系厂商标题使用普通标题样式，不添加装饰竖线。 */
body.single-post .rfj-post-sidebar__section--company_contact .rfj-post-sidebar__heading h2,
body.rfj-single-event-page-body .rfj-post-sidebar__section--company_contact .rfj-post-sidebar__heading h2,
body.rfj-single-video-page-body .rfj-post-sidebar__section--company_contact .rfj-post-sidebar__heading h2 {
	display: block;
	gap: 0;
}

body.single-post .rfj-post-sidebar__section--company_contact .rfj-post-sidebar__heading h2::before,
body.rfj-single-event-page-body .rfj-post-sidebar__section--company_contact .rfj-post-sidebar__heading h2::before,
body.rfj-single-video-page-body .rfj-post-sidebar__section--company_contact .rfj-post-sidebar__heading h2::before {
	display: none;
	content: none;
}

/* 文章、活动和视频侧栏的厂商信息直接融入模块，不再套用列表卡片边框。 */
body.single-post .rfj-post-sidebar .rfzj_company_card_directory,
body.rfj-single-event-page-body .rfj-post-sidebar .rfzj_company_card_directory,
body.rfj-single-video-page-body .rfj-post-sidebar .rfzj_company_card_directory {
	margin-bottom: 0;
}

body.single-post .rfj-post-sidebar .rfzj_company_card_directory > .rfzj_company_card--list,
body.single-post .rfj-post-sidebar .rfzj_company_card_directory > .rfzj_company_card--mobile_list,
body.rfj-single-event-page-body .rfj-post-sidebar .rfzj_company_card_directory > .rfzj_company_card--list,
body.rfj-single-event-page-body .rfj-post-sidebar .rfzj_company_card_directory > .rfzj_company_card--mobile_list,
body.rfj-single-video-page-body .rfj-post-sidebar .rfzj_company_card_directory > .rfzj_company_card--list,
body.rfj-single-video-page-body .rfj-post-sidebar .rfzj_company_card_directory > .rfzj_company_card--mobile_list {
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

body.single-post .rfj-post-sidebar .rfzj_company_card_directory > .rfzj_company_card--list:hover,
body.single-post .rfj-post-sidebar .rfzj_company_card_directory > .rfzj_company_card--mobile_list:hover,
body.rfj-single-event-page-body .rfj-post-sidebar .rfzj_company_card_directory > .rfzj_company_card--list:hover,
body.rfj-single-event-page-body .rfj-post-sidebar .rfzj_company_card_directory > .rfzj_company_card--mobile_list:hover,
body.rfj-single-video-page-body .rfj-post-sidebar .rfzj_company_card_directory > .rfzj_company_card--list:hover,
body.rfj-single-video-page-body .rfj-post-sidebar .rfzj_company_card_directory > .rfzj_company_card--mobile_list:hover {
	border: 0;
	box-shadow: none;
	transform: none;
}

/* 活动报名主按钮复用全站统一的渐变红色，不再使用旧的纯色红按钮。 */
body.rfj-single-event-page-body .rfj-single-event-button--primary,
body.rfj-single-event-page-body .rfj-single-event-desktop-action-bar__primary .rfj-post-actions-container .rfj-single-event-button--primary {
	border-color: transparent;
	background: var(--rfj-action-gradient);
	background-size: var(--rfj-action-gradient-size);
	box-shadow: var(--rfj-action-gradient-shadow);
	color: #fff;
}

body.rfj-single-event-page-body .rfj-single-event-button--primary:hover,
body.rfj-single-event-page-body .rfj-single-event-button--primary:focus,
body.rfj-single-event-page-body .rfj-single-event-desktop-action-bar__primary .rfj-post-actions-container .rfj-single-event-button--primary:hover,
body.rfj-single-event-page-body .rfj-single-event-desktop-action-bar__primary .rfj-post-actions-container .rfj-single-event-button--primary:focus {
	border-color: transparent;
	background: var(--rfj-action-gradient-hover);
	background-size: var(--rfj-action-gradient-hover-size);
	box-shadow: var(--rfj-action-gradient-shadow-hover);
	color: #fff;
}

body.rfj-single-event-page-body .rfj-single-event-mobile-nav__action:not(.rfj-single-event-mobile-nav__action--secondary):not(.is-disabled) {
	background: var(--rfj-action-gradient);
	background-size: var(--rfj-action-gradient-size);
}

.rfj-post-sidebar__heading a {
	flex: 0 0 auto;
	color: var(--rfj-text-tertiary);
	font-size: 12px;
	text-decoration: none;
}

.rfj-post-sidebar__heading a:hover,
.rfj-post-sidebar__heading a:focus {
	color: var(--rfj-red-legacy-brand);
}

.rfj-post-sidebar__post-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.rfj-post-sidebar__post-list li {
	display: grid;
	grid-template-columns: 24px minmax(0, 1fr);
	gap: 8px;
	align-items: start;
	padding: 8px 0;
	border-bottom: 1px solid #f0f0f0;
}

.rfj-post-sidebar__post-list li:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.rfj-post-sidebar__post-list a {
	display: -webkit-box;
	overflow: hidden;
	color: var(--rfj-text-primary);
	font-size: 14px;
	line-height: 1.5;
	text-decoration: none;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.rfj-post-sidebar__post-list a:hover,
.rfj-post-sidebar__post-list a:focus {
	color: var(--rfj-red-legacy-brand);
}

.rfj-post-sidebar__rank {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 5px;
	background: #f2f2f2;
	color: #666;
	font-size: 12px;
	font-weight: 700;
}

.rfj-post-sidebar__software-list .rfzj_software_card:first-child {
	padding-top: 0;
}

.rfj-post-sidebar__software-list .rfzj_software_card:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.rfj-post-sidebar__section--related_software .rfzj_software_card--compact {
	grid-template-columns: 42px minmax(0, 1fr) auto;
}

.rfj-post-sidebar__section--related_software .rfzj_software_card--compact .rfzj_software_card__cta {
	display: inline-flex;
}

.rfj-post-sidebar__post-list li:nth-child(1) .rfj-post-sidebar__rank {
	background: var(--rfj-red-legacy-brand);
	color: #fff;
}

.rfj-post-sidebar__post-list li:nth-child(2) .rfj-post-sidebar__rank {
	background: var(--rfj-red-e95d54);
	color: #fff;
}

.rfj-post-sidebar__post-list li:nth-child(3) .rfj-post-sidebar__rank {
	background: #f9953e;
	color: #fff;
}

.rfj-post-sidebar .rfzj_company_card--sidebar {
	grid-template-columns: 58px minmax(0, 1fr);
	gap: 12px;
	min-height: 0;
	padding: 0;
	border: 0;
}

.rfj-post-sidebar .rfzj_company_card--sidebar .rfzj_company_card__icon {
	width: 58px;
	height: 58px;
	border-radius: 12px;
	box-shadow: none;
}

.rfj-post-sidebar .rfzj_company_card--sidebar .rfzj_company_card__title {
	font-size: 15px;
}

.rfj-post-sidebar .rfzj_company_card--sidebar .rfzj_company_card__cta {
	grid-column: 1 / -1;
	width: 100%;
	margin-top: 4px;
	text-align: center;
}

.rfj-post-sidebar .rfzj_advisor_card {
	grid-template-columns: 56px minmax(0, 1fr);
	gap: 10px;
	padding: 0;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.rfj-post-sidebar .rfzj_advisor_card__avatar {
	width: 56px;
	height: 56px;
	border-radius: 12px;
}

.rfj-post-sidebar .rfzj_advisor_card__name {
	font-size: 15px;
}

.rfj-post-sidebar .rfzj_advisor_card__badge {
	display: none;
}

.rfj-post-sidebar .rfzj_advisor_card__actions {
	gap: 6px;
}


/* Bundle video-detail-page: wp-content/themes/bigboom/css/video/single-video.css */

/* Imported from wp-content/themes/bigboom/css/rfj-red-swatches.css */
/* Shared theme tokens and reusable cross-page visual primitives. */
:root {
    --rfj-red-351516: #351516;
    --rfj-red-3c3431-80710f: rgba(60, 52, 49, 0.16);
    --rfj-red-422b33: #422b33;
    --rfj-red-443d3a-c8faef: rgba(68, 61, 58, 0.13);
    --rfj-red-453935-c66d4c: rgba(69, 57, 53, 0.11);
    --rfj-red-4a3d36-495255: rgba(74, 61, 54, 0.07);
    --rfj-red-4d3e37-78ea66: rgba(77, 62, 55, 0.06);
    --rfj-red-521e18: #521e18;
    --rfj-red-710c0f-7440ae: rgba(113, 12, 15, .35);
    --rfj-red-74302f: #74302f;
    --rfj-red-78350f: #78350f;
    --rfj-red-792010: #792010;
    --rfj-red-7a271a: #7a271a;
    --rfj-red-7a2e0e: #7a2e0e;
    --rfj-red-7a6e6e: #7a6e6e;
    --rfj-red-800f10: #800f10;
    --rfj-red-843534: #843534;
    --rfj-red-862412: #862412;
    --rfj-red-8c2f2f: #8c2f2f;
    --rfj-red-8f0e12: #8f0e12;
    --rfj-red-8f1718: #8f1718;
    --rfj-red-92400e: #92400e;
    --rfj-red-93370d: #93370d;
    --rfj-red-942714: #942714;
    --rfj-red-991b1b: #991b1b;
    --rfj-red-9a3412: #9a3412;
    --rfj-red-9d2a15: #9d2a15;
    --rfj-red-9f1117: #9f1117;
    --rfj-red-9f3034: #9f3034;
    --rfj-red-a14343: #a14343;
    --rfj-red-a20e13: #a20e13;
    --rfj-red-a31515: #a31515;
    --rfj-red-a62c16: #a62c16;
    --rfj-red-a80017: #a80017;
    --rfj-red-a80f10: #a80f10;
    --rfj-red-a81415: #a81415;
    --rfj-red-a81d23: #a81d23;
    --rfj-red-a82632: #a82632;
    --rfj-red-a91415: #a91415;
    --rfj-red-a94442: #a94442;
    --rfj-red-aa1519: #aa1519;
    --rfj-red-action: #d7001d;
    --rfj-red-ad1112: #ad1112;
    --rfj-red-ae1115: #ae1115;
    --rfj-red-ae1c1c: #ae1c1c;
    --rfj-red-b01618: #b01618;
    --rfj-red-b01818: #b01818;
    --rfj-red-b1191a: #b1191a;
    --rfj-red-b3452e: #b3452e;
    --rfj-red-b3a9a9: #b3a9a9;
    --rfj-red-b4141a: #b4141a;
    --rfj-red-b42318: #b42318;
    --rfj-red-b42324: #b42324;
    --rfj-red-b43d29: #b43d29;
    --rfj-red-b51217: #b51217;
    --rfj-red-b51617: #b51617;
    --rfj-red-b54708: #b54708;
    --rfj-red-b61d1d: #b61d1d;
    --rfj-red-b71516: #b71516;
    --rfj-red-b71c1c: #b71c1c;
    --rfj-red-b71c1c-acbc18: rgba(183, 28, 28, 0.9);
    --rfj-red-b71f25: #b71f25;
    --rfj-red-b81218: #b81218;
    --rfj-red-b81617: #b81617;
    --rfj-red-b81c1c: #b81c1c;
    --rfj-red-b91516: #b91516;
    --rfj-red-b91617: #b91617;
    --rfj-red-b91c1c: #b91c1c;
    --rfj-red-ba202c: #ba202c;
    --rfj-red-ba4e4b: #ba4e4b;
    --rfj-red-bc2026: #bc2026;
    --rfj-red-bc3219: #bc3219;
    --rfj-red-bd141b: #bd141b;
    --rfj-red-bd1516: #bd1516;
    --rfj-red-bd1b22: #bd1b22;
    --rfj-red-be123c: #be123c;
    --rfj-red-be242a: #be242a;
    --rfj-red-be3150: #be3150;
    --rfj-red-blush: #ffebf1;
    --rfj-red-bright: #ff0f23;
    --rfj-red-bright-e372a0: rgba(255, 15, 35, .16);
    --rfj-red-c0001a: #c0001a;
    --rfj-red-c15c32: #c15c32;
    --rfj-red-c20618: #c20618;
    --rfj-red-c2410c: #c2410c;
    --rfj-red-c51624: #c51624;
    --rfj-red-c53030: #c53030;
    --rfj-red-c62828: #c62828;
    --rfj-red-c71920: #c71920;
    --rfj-red-c71920-2edc50: rgba(199, 25, 32, .12);
    --rfj-red-c71920-41be9e: rgba(199, 25, 32, .55);
    --rfj-red-c71920-626247: rgba(199, 25, 32, .025);
    --rfj-red-c71920-6d9cee: rgba(199, 25, 32, .08);
    --rfj-red-c71920-77c123: rgba(199, 25, 32, .24);
    --rfj-red-c71920-915e9d: rgba(199, 25, 32, .35);
    --rfj-red-c71920-96a9e2: rgba(199, 25, 32, .2);
    --rfj-red-c71920-d1d3eb: rgba(199, 25, 32, .28);
    --rfj-red-c71920-dbc3a5: rgba(199, 25, 32, .32);
    --rfj-red-c71920-fa617c: rgba(199, 25, 32, .1);
    --rfj-red-c72532: #c72532;
    --rfj-red-c7254e: #c7254e;
    --rfj-red-c73550: #c73550;
    --rfj-red-c80000-a4e058: rgba(200, 0, 0, 0.6);
    --rfj-red-c81623: #c81623;
    --rfj-red-c91c23: #c91c23;
    --rfj-red-c91c23-834702: rgba(201, 28, 35, .18);
    --rfj-red-c91c23-9e9d5d: rgba(201, 28, 35, .13);
    --rfj-red-ca4440: #ca4440;
    --rfj-red-cb4e4e: #cb4e4e;
    --rfj-red-cc0000: #cc0000;
    --rfj-red-cc4b67-0eecb6: rgb(204, 75, 103);
    --rfj-red-cc5965: #cc5965;
    --rfj-red-cf151c: #cf151c;
    --rfj-red-cf292f: #cf292f;
    --rfj-red-cf4933: #cf4933;
    --rfj-red-coral: #ff6b6b;
    --rfj-red-d1242f: #d1242f;
    --rfj-red-d22f27: #d22f27;
    --rfj-red-d3381c: #d3381c;
    --rfj-red-d3381c-80e71b: rgba(211, 56, 28, .6);
    --rfj-red-d35400: #d35400;
    --rfj-red-d5141b: #d5141b;
    --rfj-red-d5141b-92307c: rgba(213, 20, 27, .26);
    --rfj-red-d5141b-e310ed: rgba(213, 20, 27, .2);
    --rfj-red-d63638: #d63638;
    --rfj-red-d65050-5f3bea: rgba(214, 80, 80, 0.16);
    --rfj-red-d65050-6da634: rgba(214, 80, 80, 0.12);
    --rfj-red-d65d66: #d65d66;
    --rfj-red-d70015: #d70015;
    --rfj-red-d71920: #d71920;
    --rfj-red-d71920-13c850: rgba(215, 25, 32, .28);
    --rfj-red-d71920-3c32e0: rgba(215, 25, 32, .08);
    --rfj-red-d71920-82f919: rgba(215, 25, 32, .07);
    --rfj-red-d71920-a217fb: rgba(215, 25, 32, .25);
    --rfj-red-d71920-a44044: rgba(215, 25, 32, .22);
    --rfj-red-d71920-c5d387: rgba(215, 25, 32, .58);
    --rfj-red-d72d34: #d72d34;
    --rfj-red-d81b60: #d81b60;
    --rfj-red-d82930: #d82930;
    --rfj-red-d84b4b: #d84b4b;
    --rfj-red-d84b4b-226497: rgba(216, 75, 75, 0.1);
    --rfj-red-d84b4b-f9ba86: rgba(216, 75, 75, 0.08);
    --rfj-red-d92d20: #d92d20;
    --rfj-red-d92d2d: #d92d2d;
    --rfj-red-d92d32: #d92d32;
    --rfj-red-d92d32-ae1e3c: rgba(217, 45, 50, 0.42);
    --rfj-red-d92d32-c0ae32: rgba(217, 45, 50, 0.76);
    --rfj-red-d92d32-c30a79: rgba(217, 45, 50, 0.12);
    --rfj-red-d92d32-c92b04: rgba(217, 45, 50, 0.055);
    --rfj-red-d92d32-f60bc8: rgba(217, 45, 50, 0.09);
    --rfj-red-d92d32-fd5ff1: rgba(217, 45, 50, 0.13);
    --rfj-red-d92d32-fddc8b: rgba(217, 45, 50, 0.08);
    --rfj-red-d93457: #d93457;
    --rfj-red-d9534f: #d9534f;
    --rfj-red-da4141: #da4141;
    --rfj-red-da4b52: #da4b52;
    --rfj-red-danger: #dc2626;
    --rfj-red-danger-953eaf: rgba(220, 38, 38, 0.15);
    --rfj-red-danger-bootstrap: #dc3545;
    --rfj-red-danger-bootstrap-3d7669: rgba(220, 53, 69, 0.4);
    --rfj-red-danger-bootstrap-939448: rgba(220, 53, 69, .5);
    --rfj-red-db1c2b: #db1c2b;
    --rfj-red-db1c2b-90545c: rgba(219, 28, 43, .17);
    --rfj-red-db1c2b-bcc284: rgba(219, 28, 43, .18);
    --rfj-red-db1c2b-d29be7: rgba(219, 28, 43, .12);
    --rfj-red-db1c2b-dbcd0e: rgba(219, 28, 43, .28);
    --rfj-red-db777b: #db777b;
    --rfj-red-dba789: #dba789;
    --rfj-red-dc2027: #dc2027;
    --rfj-red-dc343b: #dc343b;
    --rfj-red-dca1a6: #dca1a6;
    --rfj-red-dd8686: #dd8686;
    --rfj-red-ddd7d7-31b041: rgba(221, 215, 215, 0.73);
    --rfj-red-df1d24: #df1d24;
    --rfj-red-df1d24-1a5acc: rgba(223, 29, 36, .19);
    --rfj-red-df1d24-368568: rgba(223, 29, 36, .07);
    --rfj-red-df1d24-beb571: rgba(223, 29, 36, .09);
    --rfj-red-df6659: #df6659;
    --rfj-red-df7186: #df7186;
    --rfj-red-e0245e: #e0245e;
    --rfj-red-e02a2b: #e02a2b;
    --rfj-red-e11d48: #e11d48;
    --rfj-red-e15757: #e15757;
    --rfj-red-e1b9b8: #e1b9b8;
    --rfj-red-e29b9c: #e29b9c;
    --rfj-red-e34b51: #e34b51;
    --rfj-red-e34b51-eb7708: rgba(227, 75, 81, .1);
    --rfj-red-e35b5b-e72526: #e35b5b;
    --rfj-red-e3c5c5: #e3c5c5;
    --rfj-red-e4393c: #e4393c;
    --rfj-red-e47779: #e47779;
    --rfj-red-e4b9b9: #e4b9b9;
    --rfj-red-e51c23: #e51c23;
    --rfj-red-e53935: #e53935;
    --rfj-red-e53e3e: #e53e3e;
    --rfj-red-e54866: #e54866;
    --rfj-red-e54866-ffaabf: rgba(229, 72, 102, .24);
    --rfj-red-e56b82: #e56b82;
    --rfj-red-e58b4c-0c5779: #e58b4c;
    --rfj-red-e5a3a6: #e5a3a6;
    --rfj-red-e5bdc1: #e5bdc1;
    --rfj-red-e63a40: #e63a40;
    --rfj-red-e65100: #e65100;
    --rfj-red-e72537: #e72537;
    --rfj-red-e74c3c: #e74c3c;
    --rfj-red-e74c3c-eea56d: rgba(231, 76, 60, 0.1);
    --rfj-red-e8a5a5: #e8a5a5;
    --rfj-red-e9343b: #e9343b;
    --rfj-red-e95d54: #e95d54;
    --rfj-red-ea394c: #ea394c;
    --rfj-red-ea580c: #ea580c;
    --rfj-red-eb7350: #eb7350;
    --rfj-red-eb9d9f: #eb9d9f;
    --rfj-red-ebcccc: #ebcccc;
    --rfj-red-ebccd1: #ebccd1;
    --rfj-red-ebe3e5: #ebe3e5;
    --rfj-red-ec4758: #ec4758;
    --rfj-red-ec7173-9b9e53: rgb(236, 113, 115);
    --rfj-red-ed5565: #ed5565;
    --rfj-red-ee5a52: #ee5a52;
    --rfj-red-ee5a52-9a5ace: rgba(238, 90, 82, 0.4);
    --rfj-red-ee5a52-dc32cb: rgba(238, 90, 82, 0.6);
    --rfj-red-ee6f69-ff2921: rgba(238, 111, 105, 0.1);
    --rfj-red-ef3036: #ef3036;
    --rfj-red-ef3f52: #ef3f52;
    --rfj-red-ef5350: #ef5350;
    --rfj-red-ef5352: #ef5352;
    --rfj-red-ef6567: #ef6567;
    --rfj-red-ef6663: #ef6663;
    --rfj-red-ef6776: #ef6776;
    --rfj-red-efb8ba: #efb8ba;
    --rfj-red-error: #ef4444;
    --rfj-red-error-56eb54: rgba(239, 68, 68, 0.4);
    --rfj-red-error-5cb384: rgba(239, 68, 68, 0);
    --rfj-red-error-83efee: rgba(239, 68, 68, 0.9);
    --rfj-red-error-96887c: rgba(239, 68, 68, 0.2);
    --rfj-red-f08a47: #f08a47;
    --rfj-red-f0a4a7: #f0a4a7;
    --rfj-red-f0b7b8: #f0b7b8;
    --rfj-red-f0b8b8: #f0b8b8;
    --rfj-red-f0b8bb: #f0b8bb;
    --rfj-red-f0babb: #f0babb;
    --rfj-red-f0c0c2: #f0c0c2;
    --rfj-red-f0d7d8: #f0d7d8;
    --rfj-red-f0dddd: #f0dddd;
    --rfj-red-f0e4e4: #f0e4e4;
    --rfj-red-f1d7d8: #f1d7d8;
    --rfj-red-f23030: #f23030;
    --rfj-red-f27474: #f27474;
    --rfj-red-f2b8b8: #f2b8b8;
    --rfj-red-f2dede: #f2dede;
    --rfj-red-f2e9eb: #f2e9eb;
    --rfj-red-f36140: #f36140;
    --rfj-red-f3a5a7: #f3a5a7;
    --rfj-red-f3b4b4: #f3b4b4;
    --rfj-red-f43f5e: #f43f5e;
    --rfj-red-f44336: #f44336;
    --rfj-red-f45858: #f45858;
    --rfj-red-f45859: #f45859;
    --rfj-red-f4b2c0: #f4b2c0;
    --rfj-red-f4c4c5: #f4c4c5;
    --rfj-red-f4dddd: #f4dddd;
    --rfj-red-f53f3f: #f53f3f;
    --rfj-red-f53f3f-07216a: rgba(245, 63, 63, .12);
    --rfj-red-f53f3f-47a8f9: rgba(245, 63, 63, .18);
    --rfj-red-f5576c: #f5576c;
    --rfj-red-f5b7b8: #f5b7b8;
    --rfj-red-f5b8c4: #f5b8c4;
    --rfj-red-f5c2c2: #f5c2c2;
    --rfj-red-f6adbf: #f6adbf;
    --rfj-red-f6becb: #f6becb;
    --rfj-red-f6cccc: #f6cccc;
    --rfj-red-f75253: #f75253;
    --rfj-red-f87171: #f87171;
    --rfj-red-f8d7da: #f8d7da;
    --rfj-red-f97316: #f97316;
    --rfj-red-f9eeee: #f9eeee;
    --rfj-red-f9f2f4: #f9f2f4;
    --rfj-red-fa709a: #fa709a;
    --rfj-red-fa709a-3c4900: rgba(250, 112, 154, 0.3);
    --rfj-red-fa709a-c7580a: rgba(250, 112, 154, 0.1);
    --rfj-red-fa709a-cc23e0: rgba(250, 112, 154, 0.4);
    --rfj-red-faccc6: #faccc6;
    --rfj-red-fc8181: #fc8181;
    --rfj-red-fce4ec: #fce4ec;
    --rfj-red-fce8e6: #fce8e6;
    --rfj-red-fce8ec: #fce8ec;
    --rfj-red-fceaea: #fceaea;
    --rfj-red-fceced: #fceced;
    --rfj-red-fcecee: #fcecee;
    --rfj-red-fcf0f1: #fcf0f1;
    --rfj-red-fde0e0: #fde0e0;
    --rfj-red-fdeaea: #fdeaea;
    --rfj-red-fe2b54: #fe2b54;
    --rfj-red-fe6100: #fe6100;
    --rfj-red-fe748e: #fe748e;
    --rfj-red-fecaca: #fecaca;
    --rfj-red-fee2e2: #fee2e2;
    --rfj-red-fef2f2: #fef2f2;
    --rfj-red-fef2f2-5a26bb: rgba(254, 242, 242, 0.96);
    --rfj-red-fef3f2: #fef3f2;
    --rfj-red-ff014b-192e5a: #ff014b35;
    --rfj-red-ff0b0e-450c84: #ff0b0e11;
    --rfj-red-ff242d-1ad507: #ff242d35;
    --rfj-red-ff2d55: #ff2d55;
    --rfj-red-ff3542-d06b08: #ff35424d;
    --rfj-red-ff3b30: #ff3b30;
    --rfj-red-ff3b30-66f0b5: rgba(255, 59, 48, .1);
    --rfj-red-ff3b30-98351b: rgba(255, 59, 48, .28);
    --rfj-red-ff453a: #ff453a;
    --rfj-red-ff4d61-a4aaa5: #ff4d6172;
    --rfj-red-ff5722: #ff5722;
    --rfj-red-ff5e62-94368c: rgba(255, 94, 98, .10);
    --rfj-red-ff6961: #ff6961;
    --rfj-red-ff6a00: #ff6a00;
    --rfj-red-ff6b70-60277e: rgba(255, 107, 112, .13);
    --rfj-red-ff6d72: #ff6d72;
    --rfj-red-ff6e80: #ff6e80;
    --rfj-red-ff746f-259e2c: rgba(255, 116, 111, 0.19);
    --rfj-red-ff756f: #ff756f;
    --rfj-red-ff756f-9cb4aa: rgba(255, 117, 111, 0.13);
    --rfj-red-ff777c: #ff777c;
    --rfj-red-ff817c-dfd8bb: rgba(255, 129, 124, 0.18);
    --rfj-red-ff8866: #ff8866;
    --rfj-red-ff8d89-888a6c: rgba(255, 141, 137, 0.32);
    --rfj-red-ff9591-8345d6: rgba(255, 149, 145, 0.14);
    --rfj-red-ff995e-22ee17: rgba(255, 153, 94, 0.45);
    --rfj-red-ff9a9d: #ff9a9d;
    --rfj-red-ffb4c6: #ffb4c6;
    --rfj-red-ffb68d-0571de: #ffb68d15;
    --rfj-red-ffb6b1-682bdf: rgba(255, 182, 177, 0.08);
    --rfj-red-ffb6b6-bea807: #ffb6b6b6;
    --rfj-red-ffc6c6: #ffc6c6;
    --rfj-red-ffcdd2: #ffcdd2;
    --rfj-red-ffcdd2-adcb91: rgba(255, 205, 210, .52);
    --rfj-red-ffd5d5-4ca3c7: #ffd5d5d5;
    --rfj-red-ffe1e8: #ffe1e8;
    --rfj-red-ffe5e5: #ffe5e5;
    --rfj-red-ffe5e6: #ffe5e6;
    --rfj-red-ffe6e7: #ffe6e7;
    --rfj-red-ffe8e9: #ffe8e9;
    --rfj-red-ffebeb: #ffebeb;
    --rfj-red-ffebee: #ffebee;
    --rfj-red-ffeee8: #ffeee8;
    --rfj-red-fff0ef: #fff0ef;
    --rfj-red-fff0f0: #fff0f0;
    --rfj-red-fff0f1: #fff0f1;
    --rfj-red-fff1f0: #fff1f0;
    --rfj-red-fff1f1: #fff1f1;
    --rfj-red-fff1f2: #fff1f2;
    --rfj-red-fff1f4: #fff1f4;
    --rfj-red-fff2e9-4fd689: #fff2e9;
    --rfj-red-fff2f1: #fff2f1;
    --rfj-red-fff2f2: #fff2f2;
    --rfj-red-fff3f3: #fff3f3;
    --rfj-red-fff4f2: #fff4f2;
    --rfj-red-fff4f4: #fff4f4;
    --rfj-red-fff4f5: #fff4f5;
    --rfj-red-fff5f4: #fff5f4;
    --rfj-red-fff5f5: #fff5f5;
    --rfj-red-fff6f5: #fff6f5;
    --rfj-red-fff6f6: #fff6f6;
    --rfj-red-fff7f7: #fff7f7;
    --rfj-red-fff8f7: #fff8f7;
    --rfj-red-fff8f8: #fff8f8;
    --rfj-red-fff9f9: #fff9f9;
    --rfj-red-fffaf8: #fffaf8;
    --rfj-red-fffafa: #fffafa;
    --rfj-red-legacy-brand: #d1191a;
    --rfj-red-legacy-brand-00d5a2: rgba(209, 25, 26, .12);
    --rfj-red-legacy-brand-01a446: rgba(209, 25, 26, 0.5);
    --rfj-red-legacy-brand-0ccb72: rgba(209, 25, 26, 0.75);
    --rfj-red-legacy-brand-0dae0e: rgba(209, 25, 26, .35);
    --rfj-red-legacy-brand-0dd632: rgba(209, 25, 26, .09);
    --rfj-red-legacy-brand-12b8d4: rgba(209, 25, 26, .055);
    --rfj-red-legacy-brand-1311d6: #d1191add;
    --rfj-red-legacy-brand-228160: rgba(209, 25, 26, 0.06);
    --rfj-red-legacy-brand-24453f: rgba(209, 25, 26, 0.15);
    --rfj-red-legacy-brand-28d4a5: rgba(209, 25, 26, .18);
    --rfj-red-legacy-brand-40b236: rgba(209, 25, 26, .16);
    --rfj-red-legacy-brand-414199: rgba(209, 25, 26, 0.02);
    --rfj-red-legacy-brand-4c4973: rgba(209, 25, 26, 0.22);
    --rfj-red-legacy-brand-52880c: rgba(209, 25, 26, .3);
    --rfj-red-legacy-brand-61d7e9: rgba(209, 25, 26, 0.3);
    --rfj-red-legacy-brand-742954: rgba(209, 25, 26, 0.08);
    --rfj-red-legacy-brand-7db41f: rgba(209, 25, 26, .2);
    --rfj-red-legacy-brand-83fdee: rgba(209, 25, 26, 0.30);
    --rfj-red-legacy-brand-90e8b7: rgba(209, 25, 26, 0.25);
    --rfj-red-legacy-brand-94e58e: #d1191ad9;
    --rfj-red-legacy-brand-9a8fef: rgba(209, 25, 26, .1);
    --rfj-red-legacy-brand-a4f6b0: rgba(209, 25, 26, 0.1);
    --rfj-red-legacy-brand-b7ab35: #d1191a09;
    --rfj-red-legacy-brand-b7f0fc: rgba(209, 25, 26, .10);
    --rfj-red-legacy-brand-cbddcc: rgba(209, 25, 26, .25);
    --rfj-red-legacy-brand-d27145: rgba(209, 25, 26, 0.4);
    --rfj-red-legacy-brand-d79429: rgba(209, 25, 26, .08);
    --rfj-red-legacy-brand-da442c: rgba(209, 25, 26, 0.12);
    --rfj-red-legacy-brand-e2f504: rgba(209, 25, 26, 0.2);
    --rfj-red-legacy-brand-f3894d: rgba(209, 25, 26, .14);
    --rfj-red-legacy-brand-f8686b: rgba(209, 25, 26, 0.16);
    --rfj-red-pure-ebdedc: #ff000099;
    --rfj-red-warm-coral: #ff8e53;
}

/* 个人中心一级页面共用的移动端顶部工具栏。 */
@media (min-width: 700px) {
    .rfj-mobile-account-header .rfj-mobile-account-header__action--search {
        display: none;
    }
}

@media (max-width: 699px) {
    .rfj-mobile-account-header {
        padding: max(8px, env(safe-area-inset-top)) 16px 0;
    }

    .rfj-mobile-account-header .rfj-message-hero__top,
    .rfj-mobile-account-header.rfj-uc-appbar {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        min-height: 44px;
    }

    .rfj-mobile-account-header.rfj-uc-appbar {
        min-height: 44px;
        padding: max(8px, env(safe-area-inset-top)) 16px 0;
    }

    .rfj-mobile-account-header .rfj-mobile-account-header__title,
    .rfj-mobile-account-header .rfj-message-hero__balance,
    .rfj-mobile-account-header .rfj-uc-appbar__balance {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    .rfj-mobile-account-header .rfj-mobile-account-header__actions,
    .rfj-mobile-account-header .rfj-uc-appbar__actions {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        width: auto;
        height: auto;
        border: 0;
        border-radius: 0;
        background: transparent;
        transform: none;
    }

    .rfj-mobile-account-header .rfj-mobile-account-header__action {
        display: grid;
        place-items: center;
        width: 36px;
        height: 36px;
        flex: 0 0 36px;
        padding: 0;
        border: 1px solid #d8dadd;
        border-radius: 50%;
        background: rgba(255, 255, 255, .6);
        color: inherit;
    }

    .rfj-mobile-account-header .rfj-mobile-account-header__action .rfj-icon,
    .rfj-mobile-account-header .rfj-mobile-account-header__action .rfj-uc-icon {
        display: block;
        width: 20px;
        height: 20px;
    }

    .rfj-mobile-account-header .rfj-mobile-account-header__action--search {
        display: grid;
    }

    .rfj-message-toolbar .rfj-message-search-toggle {
        display: none;
    }

    .rfj-mobile-account-header + .rfj-uc-content {
        padding-top: 16px;
    }

    .rfj-mobile-account-header .rfj-mobile-account-header__action:focus-visible {
        outline: 2px solid #3478cc;
        outline-offset: 2px;
    }

    .rfj-mobile-account-header .rfj-mobile-account-header__action:active {
        opacity: .78;
    }
}

@media (max-width: 359px) {
    .rfj-mobile-account-header,
    .rfj-mobile-account-header.rfj-uc-appbar {
        padding-inline: 12px;
    }
}

@media (max-width: 699px) and (prefers-color-scheme: dark) {
    .rfj-mobile-account-header .rfj-mobile-account-header__action {
        border-color: #48484f;
        background: #303035;
    }
}



body.rfj-single-video-page-body {
	background: #f5f7fb;
}

.rfj-single-video-player {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-bottom: 30px;
	border-radius: 12px;
	background: #050505;
	box-shadow: 0 16px 36px rgba(16, 24, 40, .14);
	aspect-ratio: 16 / 9;
}

.rfj-single-video-player video,
.rfj-single-video-player iframe,
.rfj-single-video-player embed,
.rfj-single-video-player object,
.rfj-single-video-player__link,
.rfj-single-video-player__link img {
	display: block;
	width: 100%;
	height: 100%;
}

.rfj-single-video-player video,
.rfj-single-video-player__link img {
	object-fit: contain;
}

.rfj-single-video-player iframe {
	border: 0;
}

.rfj-single-video-player__link {
	position: relative;
	color: #fff;
}

.rfj-single-video-player__play {
	position: absolute;
	top: 50%;
	left: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 76px;
	height: 76px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .92);
	box-shadow: 0 14px 34px rgba(0, 0, 0, .28);
	transform: translate(-50%, -50%);
}

.rfj-single-video-player__play::before {
	width: 0;
	height: 0;
	margin-left: 6px;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 22px solid var(--rfj-red-legacy-brand);
	content: "";
}

.rfj-single-video-description {
	padding: 24px 0 8px;
}

.rfj-single-video-section-title {
	margin: 0 0 18px;
	color: #1d2939;
	font-size: 21px;
	font-weight: 800;
	line-height: 1.4;
}

.rfj-single-video-section-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 14px;
}

.rfj-single-post-main .rfj-single-video-section-heading .section-title {
	margin: 0;
}

.rfj-single-video-section-heading > a {
	flex: 0 0 auto;
	color: #667085;
	font-size: 13px;
	text-decoration: none;
}

.rfj-single-video-section-heading > a:hover,
.rfj-single-video-section-heading > a:focus {
	color: var(--rfj-red-legacy-brand);
}

.rfj-single-video-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.rfj-single-video-grid .rfzj_video_card {
	max-width: none;
}

.rfj-single-video-grid .rfzj_video_card__body {
	padding: 14px;
}

.rfj-single-video-grid .rfzj_video_card__title {
	min-height: 42px;
	font-size: 15px;
}

.rfj-single-video-post-grid,
.rfj-single-video-software-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.rfj-single-video-post-grid .rfzj_post_card,
.rfj-single-video-software-grid .rfzj_software_card {
	max-width: none;
	height: 100%;
}

.rfj-single-video-related-section {
	clear: both;
}

.rfj-video-sidebar-layout .rfj-post-sidebar__section--popular_videos .rfj-post-sidebar__heading h2::before,
.rfj-video-sidebar-layout .rfj-post-sidebar__section--popular_posts .rfj-post-sidebar__heading h2::before {
	display: none;
}

@media (max-width: 900px) {
	.rfj-single-video-grid,
	.rfj-single-video-post-grid,
	.rfj-single-video-software-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.rfj-single-video-player {
		margin-right: -14px;
		margin-left: -14px;
		width: calc(100% + 28px);
		border-radius: 0;
		box-shadow: none;
	}

	.rfj-single-video-player__play {
		width: 60px;
		height: 60px;
	}

	.rfj-single-video-player__play::before {
		margin-left: 5px;
		border-top-width: 12px;
		border-bottom-width: 12px;
		border-left-width: 18px;
	}

	.rfj-single-video-description {
		padding-top: 12px;
	}

	.rfj-single-video-section-title {
		font-size: 19px;
	}

	.rfj-single-video-grid,
	.rfj-single-video-post-grid,
	.rfj-single-video-software-grid {
		grid-template-columns: minmax(0, 1fr);
	}
}