Create Soup Css
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@200..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=Noto+Serif+SC:wght@200..900&display=swap'); @import url("https://npm.elemecdn.com/lxgw-wenkai-screen-webfont/style.css"); @import url('https://fonts.googleapis.com/css2?family=Playwrite+GB+S:ital,wght@0,100..400;1,100..400&display=swap'); @import url('https://fontsapi.zeoseven.com/7/main/result.css"'); @import url('https://fonts.googleapis.com/css2?family=Merienda:wght@300..900&display=swap'); @import url("https://unpkg.com/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"); :root { /* 尺寸 */ --base-font-size: 1rem; --true-font-size: clamp(calc(var(--base-font-size) *.825), calc(var(--base-font-size) *.775 + .195vw), calc(var(--base-font-size) *1.025)); --base-border-width: .2rem; --thin-border-width: .1rem; --title-size: 1.5rem; --subtitle-size: .825rem; --base-header-height: calc((var(--title-size) + var(--subtitle-size)) *1.325 + .5rem); --header-border-width: .125rem; --base-font-size: 1rem; /* -------颜色--------- */ /*白色*/ --ltda-white-color: 255, 255, 255; /*亮白色*/ --ltda-light-white-color: 238, 238, 238; /*黑色*/ --ltda-black-color: 35, 38, 34; /*灰色*/ --ltda-gray-color: 77, 83, 75; /*绿色*/ --ltda-first-color: 97, 209, 48; --ltda-first-transparent-color: 97, 209, 48 0.5; /*浅绿色*/ --ltda-second-color: 141, 222, 70; /*黄绿色*/ --ltda-third-color: 180, 234, 88; --ltda-delete-color: 202, 20, 20; /* 小乌龟图标颜色 */ --ltda-icon-color: 164, 237, 79; /* 页面链接颜色，此项修改亦将影响 Tabs 等格式的样式 */ --link-color: 97, 209, 48; /* 页面背景颜色，默认为略浅的黑色 */ --primary-color: 16, 15, 20; /* 页面文字颜色，默认为白色 */ --secondary-color: 236, 246, 253; --base-color: 97, 209, 48; --ltda-box-shadow-color: 0, 0, 0, 0.16; --basalt-light-text-color: var(--ltda-white-color); /* 段落标题svg */ --charpter-title-decoration: url("data:image/svg+xml,%3C%3Fxml version='1.0' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 20010904//EN' 'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'%3E%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='3939.000000pt' height='990.000000pt' viewBox='0 0 3939.000000 990.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,990.000000) scale(0.100000,-0.100000)'%0Afill='%23000000' stroke='none'%3E%3Cpath d='M0 7013 l0 -2888 295 -280 c163 -154 330 -312 373 -352 l77 -72 30%0A28 c17 16 338 313 715 661 377 348 744 687 815 754 72 67 243 225 380 352 301%0A278 1448 1340 2068 1913 246 228 447 421 447 430 0 9 -84 539 -187 1179 l-188%0A1162 -2412 0 -2413 0 0 -2887z'/%3E%3Cpath d='M5216 9883 c2 -10 76 -466 164 -1012 88 -547 163 -997 165 -1000 3%0A-3 24 13 48 36 40 39 1244 1152 1802 1667 149 137 288 266 310 287 l40 39%0A-1267 0 c-1201 0 -1266 -1 -1262 -17z'/%3E%3Cpath d='M7939 9553 c-206 -192 -550 -510 -764 -708 -214 -198 -455 -421 -535%0A-495 -80 -74 -321 -297 -535 -495 -215 -198 -412 -381 -439 -406 l-49 -45 41%0A-255 c23 -140 152 -936 287 -1769 558 -3443 818 -5054 844 -5210 l26 -165 419%0A0 418 0 188 675 c103 371 362 1303 575 2070 212 767 550 1985 750 2705 384%0A1381 696 2509 1026 3700 110 396 201 726 204 733 3 9 -208 12 -1038 12 l-1043%0A0 -375 -347z'/%3E%3Cpath d='M10791 9868 c-5 -18 -62 -220 -125 -448 -130 -472 -495 -1788 -901%0A-3250 -152 -547 -335 -1206 -407 -1465 -71 -258 -235 -850 -365 -1315 -129%0A-465 -335 -1209 -458 -1655 -124 -445 -282 -1017 -353 -1270 l-128 -460 9574%0A-3 9575 -2 376 264 c207 145 543 380 746 523 675 473 1643 1152 2185 1531 294%0A206 543 382 552 391 15 14 16 26 8 96 -6 44 -30 271 -55 505 -25 234 -63 589%0A-85 790 -22 201 -60 556 -85 790 -25 234 -56 526 -70 650 -14 124 -45 416 -70%0A650 -47 440 -92 855 -169 1575 -159 1474 -226 2098 -226 2116 0 19 -97 19%0A-9754 19 l-9754 0 -11 -32z'/%3E%3Cpath d='M30704 9823 c4 -43 27 -262 51 -488 25 -225 65 -601 90 -835 25 -234%0A59 -546 75 -695 28 -257 62 -574 165 -1535 25 -234 59 -546 75 -695 16 -148%0A50 -461 75 -695 91 -850 115 -1073 160 -1483 25 -229 45 -420 45 -423 0 -4 15%0A5 33 18 30 23 292 207 1542 1083 292 204 699 490 905 635 206 144 597 418 868%0A608 l492 345 -106 206 c-59 113 -139 269 -179 346 -40 77 -195 379 -345 670%0A-150 292 -305 593 -345 670 -40 77 -155 300 -255 495 -100 195 -217 423 -260%0A505 -141 273 -256 496 -435 845 -98 190 -195 380 -217 423 l-40 77 -1200 0%0A-1201 0 7 -77z'/%3E%3Cpath d='M33599 9768 c38 -73 149 -288 246 -478 98 -190 215 -417 260 -505 45%0A-88 129 -250 185 -360 57 -110 165 -319 240 -465 75 -146 188 -364 250 -485%0A128 -250 394 -767 510 -990 42 -82 128 -249 190 -370 62 -121 114 -222 116%0A-224 4 -4 169 111 1874 1308 455 319 1315 922 1648 1155 l272 191 0 677 0 678%0A-2930 0 -2930 0 69 -132z'/%3E%3Cpath d='M39295 8007 c-210 -147 -891 -625 -1150 -807 -368 -258 -1129 -792%0A-1795 -1258 -294 -206 -543 -382 -553 -391 -17 -17 -12 -29 121 -287 77 -148%0A305 -591 507 -984 203 -393 418 -812 479 -930 61 -119 217 -421 346 -673 129%0A-251 237 -457 240 -457 3 0 24 26 46 58 23 31 449 615 948 1296 l906 1239 0%0A1629 c0 895 -1 1628 -2 1628 -2 0 -43 -29 -93 -63z'/%3E%3Cpath d='M5215 7032 c-33 -31 -114 -107 -180 -168 -145 -134 -382 -353 -1540%0A-1424 -490 -453 -978 -905 -1085 -1004 -107 -100 -290 -269 -405 -376 -116%0A-107 -383 -354 -593 -549 -211 -195 -381 -357 -380 -360 2 -3 55 -55 118 -116%0A209 -198 304 -289 400 -380 52 -49 138 -130 190 -180 52 -50 230 -219 395%0A-375 281 -265 383 -363 595 -565 47 -45 252 -239 455 -432 204 -192 548 -519%0A765 -726 l395 -376 1043 0 1042 -1 -5 23 c-3 12 -23 135 -45 272 -23 138 -167%0A1028 -321 1980 -154 952 -390 2412 -524 3245 -135 833 -248 1527 -252 1542%0Al-8 27 -60 -57z'/%3E%3Cpath d='M35350 5241 c-92 -65 -692 -486 -1600 -1123 -419 -293 -649 -455%0A-1700 -1192 -267 -187 -502 -351 -523 -365 l-38 -26 6 -65 c6 -64 56 -529 135%0A-1260 21 -201 57 -536 80 -745 22 -209 43 -399 46 -423 l5 -42 2056 2 2056 3%0A230 315 c127 173 433 592 680 930 l450 615 -81 160 c-84 166 -220 430 -519%0A1010 -97 187 -214 414 -261 505 -46 91 -117 228 -157 305 -40 77 -130 253%0A-200 390 -70 138 -144 282 -165 320 -21 39 -95 183 -165 320 -168 329 -225%0A435 -233 434 -4 0 -50 -31 -102 -68z'/%3E%3Cpath d='M38968 3583 c-228 -313 -607 -831 -842 -1152 -235 -321 -430 -589%0A-432 -595 -4 -10 76 -169 564 -1116 75 -146 189 -366 253 -490 l115 -225 382%0A-3 382 -2 0 2075 c0 1141 -2 2075 -4 2075 -2 0 -190 -255 -418 -567z'/%3E%3Cpath d='M0 3165 c0 -235 4 -425 8 -423 5 2 109 95 231 208 l222 205 -133 128%0Ac-73 71 -177 169 -230 219 l-98 90 0 -427z'/%3E%3Cpath d='M663 2819 c-43 -41 -210 -195 -371 -344 l-292 -270 0 -1102 0 -1103%0A1890 0 c1040 0 1890 2 1890 4 0 4 -953 910 -2415 2295 -264 250 -512 486 -552%0A524 l-71 70 -79 -74z'/%3E%3Cpath d='M31059 2232 c-30 -21 -272 -191 -539 -378 -267 -187 -748 -525 -1070%0A-751 -322 -225 -709 -497 -860 -603 -151 -106 -372 -261 -491 -344 l-216 -151%0A1740 -3 c957 -1 1742 0 1744 2 2 2 -16 192 -41 422 -49 453 -183 1693 -193%0A1787 -3 31 -9 57 -13 57 -4 0 -31 -17 -61 -38z'/%3E%3Cpath d='M37363 1389 c-38 -52 -153 -209 -255 -349 -103 -140 -315 -430 -472%0A-645 l-285 -390 916 -3 c504 -1 918 0 921 2 2 3 -75 157 -171 343 -96 186%0A-225 437 -288 558 -62 121 -154 300 -205 399 l-92 179 -69 -94z'/%3E%3C/g%3E%3C/svg%3E%0A"); --section-title-decoration: url("data:image/svg+xml,%3Csvg id='svg' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='400' height='144.6718717028909' viewBox='0, 0, 400,144.6718717028909'%3E%3Cg id='svgg'%3E%3Cpath id='path0' d='M0.000 72.332 L 0.000 144.667 40.625 144.656 L 81.250 144.645 87.083 138.299 C 90.292 134.809,94.379 130.368,96.167 128.431 C 97.954 126.493,99.748 124.535,100.153 124.079 C 100.558 123.623,101.458 122.647,102.153 121.909 C 102.848 121.171,105.854 117.915,108.833 114.674 C 111.813 111.432,116.682 106.148,119.655 102.931 C 122.627 99.715,125.777 96.300,126.655 95.342 C 127.532 94.384,129.120 92.659,130.184 91.509 C 131.247 90.358,133.602 87.804,135.416 85.833 C 137.231 83.862,139.063 81.875,139.487 81.417 C 139.911 80.958,141.501 79.233,143.020 77.583 C 144.538 75.933,146.818 73.458,148.086 72.083 C 149.353 70.708,151.071 68.837,151.903 67.925 C 152.736 67.013,153.982 65.663,154.674 64.925 C 155.365 64.187,156.372 63.096,156.911 62.500 C 157.449 61.904,159.627 59.542,161.749 57.250 C 163.871 54.958,166.090 52.548,166.679 51.894 C 167.268 51.240,169.850 48.434,172.417 45.657 C 174.983 42.881,177.977 39.628,179.070 38.429 C 180.163 37.231,181.894 35.350,182.917 34.250 C 185.689 31.270,190.968 25.547,191.917 24.491 C 192.658 23.668,194.697 21.457,200.901 14.751 C 201.918 13.651,203.091 12.376,203.508 11.917 C 203.925 11.459,205.275 9.995,206.508 8.665 C 207.741 7.336,209.537 5.386,210.500 4.334 C 211.463 3.282,212.768 1.877,213.401 1.212 L 214.553 0.004 107.276 0.001 L 0.000 -0.002 0.000 72.332 M251.079 4.372 C 248.790 6.776,245.904 9.794,244.667 11.079 C 243.429 12.363,241.742 14.124,240.917 14.993 C 240.092 15.861,238.474 17.549,237.321 18.744 C 235.433 20.703,227.749 28.747,222.596 34.162 C 221.503 35.310,219.775 37.112,218.757 38.167 C 217.739 39.221,216.086 40.946,215.085 42.000 C 214.083 43.054,212.397 44.817,211.338 45.917 C 210.279 47.017,208.704 48.667,207.838 49.583 C 206.971 50.500,205.247 52.305,204.006 53.595 C 202.765 54.885,200.931 56.798,199.930 57.845 C 198.928 58.893,197.353 60.538,196.430 61.502 C 195.506 62.465,193.173 64.903,191.245 66.918 C 189.317 68.934,186.055 72.344,183.995 74.497 C 181.935 76.649,179.392 79.312,178.343 80.414 C 177.294 81.515,175.610 83.279,174.601 84.333 C 173.592 85.388,172.049 87.000,171.172 87.917 C 169.173 90.005,166.039 93.289,164.172 95.250 C 163.386 96.075,161.805 97.725,160.658 98.917 C 159.512 100.108,155.425 104.383,151.578 108.415 C 141.077 119.423,137.141 123.541,135.011 125.750 C 133.951 126.850,132.296 128.577,131.333 129.587 C 125.556 135.651,122.550 138.793,121.002 140.384 C 120.038 141.374,118.747 142.724,118.132 143.384 L 117.014 144.583 131.965 144.627 L 146.917 144.671 148.587 142.960 C 150.334 141.171,151.906 139.537,158.251 132.918 C 163.104 127.855,165.202 125.670,167.925 122.842 C 169.121 121.600,170.921 119.724,171.925 118.674 C 172.929 117.624,174.803 115.674,176.090 114.341 C 177.378 113.007,179.178 111.131,180.090 110.172 C 181.003 109.212,181.938 108.234,182.167 107.998 C 182.396 107.763,183.443 106.673,184.495 105.577 C 185.546 104.480,187.453 102.496,188.733 101.167 C 190.013 99.837,191.705 98.075,192.494 97.250 C 193.282 96.425,195.874 93.725,198.253 91.250 C 200.632 88.775,203.218 86.076,203.998 85.252 C 204.778 84.428,206.470 82.666,207.757 81.336 C 209.045 80.005,210.917 78.054,211.918 77.000 C 212.919 75.946,214.678 74.110,215.827 72.920 C 218.997 69.637,222.043 66.470,224.163 64.250 C 225.214 63.150,227.013 61.274,228.162 60.082 C 229.310 58.889,231.076 57.052,232.086 55.998 C 233.095 54.945,235.794 52.133,238.083 49.750 C 240.372 47.367,242.963 44.667,243.841 43.750 C 244.719 42.833,246.518 40.974,247.839 39.617 C 249.159 38.261,250.283 37.082,250.335 36.997 C 250.388 36.912,251.403 35.844,252.590 34.623 C 253.778 33.402,255.500 31.619,256.416 30.660 C 257.333 29.701,259.096 27.867,260.333 26.583 C 261.571 25.300,264.158 22.601,266.083 20.586 C 268.008 18.571,270.671 15.797,272.000 14.421 C 273.329 13.045,275.167 11.134,276.083 10.174 C 278.358 7.791,281.875 4.140,284.074 1.877 L 285.898 0.000 270.569 0.000 L 255.240 0.000 251.079 4.372 M323.976 5.456 C 317.520 12.195,312.796 17.135,306.001 24.252 C 303.114 27.276,299.852 30.686,298.751 31.831 C 294.185 36.579,293.354 37.445,292.815 38.016 C 291.702 39.195,286.045 45.123,284.082 47.167 C 282.982 48.313,280.657 50.750,278.916 52.582 C 277.175 54.415,274.734 56.965,273.491 58.249 C 272.249 59.533,270.524 61.333,269.658 62.250 C 268.793 63.167,268.047 63.954,268.000 64.000 C 267.954 64.046,266.945 65.096,265.758 66.333 C 264.571 67.571,262.915 69.296,262.078 70.167 C 261.241 71.037,256.369 76.137,251.250 81.500 C 246.131 86.862,240.397 92.862,238.508 94.833 C 236.619 96.804,234.213 99.319,233.161 100.422 C 230.383 103.337,217.200 117.129,215.324 119.083 C 214.444 120.000,212.048 122.513,209.999 124.667 C 207.950 126.821,205.404 129.483,204.341 130.583 C 203.277 131.683,200.872 134.196,198.996 136.167 C 197.119 138.137,194.518 140.837,193.216 142.167 L 190.849 144.583 205.883 144.629 L 220.917 144.674 222.333 143.207 C 223.112 142.400,224.575 140.875,225.583 139.819 C 228.082 137.203,234.455 130.561,237.003 127.917 C 238.152 126.725,239.990 124.815,241.087 123.673 C 242.185 122.530,243.921 120.730,244.945 119.673 C 245.970 118.615,246.955 117.579,247.136 117.370 C 247.317 117.161,249.107 115.286,251.115 113.203 C 253.123 111.121,256.410 107.692,258.420 105.583 C 260.430 103.475,262.114 101.712,262.162 101.667 C 262.322 101.515,267.043 96.614,268.663 94.917 C 269.538 94.000,271.266 92.200,272.503 90.917 C 274.983 88.343,280.136 82.977,286.747 76.083 C 289.121 73.608,291.780 70.843,292.657 69.939 C 293.533 69.034,294.325 68.208,294.417 68.102 C 294.508 67.996,295.447 67.011,296.502 65.913 C 297.558 64.815,300.148 62.117,302.259 59.917 C 304.369 57.717,307.973 53.967,310.267 51.583 C 312.562 49.200,315.218 46.425,316.170 45.417 C 317.123 44.408,318.957 42.496,320.247 41.167 C 321.537 39.837,324.278 36.988,326.338 34.834 C 328.398 32.680,331.061 29.905,332.256 28.667 C 334.831 26.000,338.182 22.501,338.417 22.233 C 338.508 22.128,339.555 21.039,340.742 19.813 C 343.046 17.434,345.570 14.807,348.657 11.578 C 349.705 10.481,351.505 8.608,352.657 7.415 C 355.608 4.359,357.960 1.896,358.904 0.875 L 359.712 -0.000 344.457 -0.000 L 329.202 0.000 323.976 5.456 ' stroke='none' fill='%23000000' fill-rule='evenodd'%3E%3C/path%3E%3Cpath id='path1' d='' stroke='none' fill='%23000000' fill-rule='evenodd'%3E%3C/path%3E%3Cpath id='path2' d='' stroke='none' fill='%23000000' fill-rule='evenodd'%3E%3C/path%3E%3Cpath id='path3' d='' stroke='none' fill='%23000000' fill-rule='evenodd'%3E%3C/path%3E%3Cpath id='path4' d='' stroke='none' fill='%23000000' fill-rule='evenodd'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") } span { overflow-wrap: normal; } bold{ font-weight:900; } .my-5{ margin-top: 0rem !important; } .mb-3 { margin-bottom: 1rem !important; } /*添加标签按钮*/ .add-tags,.add-tags:hover,.add-tags:focus{ background-color:#e95252 !important; padding:5px 15px !important; border-radius:5px !important; color:#fff !important; font-weight:bold !important; } /* ——————————————————字体———————————————————— */ .default-font { font-family: InterVariable, RedactRect, Inter, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; } .siyuan-font { font-family: "Noto Serif SC", serif; font-weight: 700; } .siyuan-font h6, .siyuan-font h1 { font-family: "Noto Serif SC", serif; font-weight: 900; } .mashanzheng-font { /* font-family: "Playwrite GB S","Ma Shan Zheng", cursive; */ font-family: "Merienda","Ma Shan Zheng", cursive; font-weight: 500; } .mashanzheng-font h6, .mashanzheng-font h1 { /* font-family: "Playwrite GB S","Ma Shan Zheng", cursive; */ font-family: "Merienda","Ma Shan Zheng", cursive; font-weight: 900; } .wenkai-font{ font-family: "LXGW WenKai Screen", sans-serif; font-weight: 500; } .wenkai-font h6, .wenkai-font h1{ font-family: "LXGW WenKai Screen"; font-weight: 900; } .fangsong-font{ font-family:"Zhuque Fangsong (technical preview)", Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, Arial, sans-serif; font-weight: 500; } .fangsong-font h6, .fangsong-font h1{ font-family:"Zhuque Fangsong (technical preview)", Franklin Gothic Medium, Franklin Gothic, ITC Franklin Gothic, Arial, sans-serif; font-weight: 900; } /* ————————————————————字号——————————————— */ @media (max-width:479px) { .size-normal { font-size: 14px; } .size-bigger { font-size: 16px; } .size-biggest { font-size: 18px; } .size-biggest h6 { font-size: 18px; } .ltda-div-green-1::before, .ltda-div-green-2::before, .ltda-div-none-2 .card-header { font-size: 18px; } .ltda-div-none-1 .card-header>h6, .ltda-div-none-2 .card-header>h6 { font-size: 20px !important; } } @media (min-width:480px) { .size-normal { font-size: 16px; } .size-bigger { font-size: 18px; } .size-biggest { font-size: 20px; } .size-biggest h6 { font-size: 20px; } .ltda-div-green-1::before, .ltda-div-green-2::before, .ltda-div-none-2 .card-header { font-size: 20px; } .ltda-div-none-1 .card-header>h6, .ltda-div-none-2 .card-header>h6 { font-size: 20px !important; } } /* —————————————————————————【组件】简介—————————————————————— */ .intro-none{ display: none; } .intro-border{ border-left: 5px solid #61D130; padding: 5px 10px; line-height: 138%; margin-bottom:0px; margin-left: 15px; } .intro-border p { margin-bottom: 0px; } .intro-quote{ padding: 0 10px; position: relative; z-index: 0; line-height: 138%; padding-left:21px; margin-bottom:40px; } .intro-quote::before { content: "\F6B0"; position: absolute; top: -1.7rem; left: 0; font-size:5rem; line-height:1; font-family:bootstrap-icons; color: rgba(97,209, 48,0.6); z-index: -1; } /* —————————————————————————【组件】分割线—————————————————————— */ .ltda-divider { position: relative; height: 47px; /* 控制整个分割线的高度 */ margin: 15px 0; /* 上下边距 */ } /* 左右渐变线条（用伪元素实现） */ .ltda-divider::before { content: ""; position: absolute; top: 50%; width: calc(48%); /* 计算宽度，留出中间图片的空间 */ height: 5px; /* 线条粗细 */ /* background:rgb(var(--ltda-first-color)); */ background-color: rgb(164,237, 79); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .ltda-divider::after{ content: ""; position: absolute; top: 50%; width: calc(48%); /* 计算宽度，留出中间图片的空间 */ height: 5px; /* 线条粗细 */ /* background:rgb(var(--ltda-first-color)); */ background-color: rgb(164,237, 79); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .ltda-divider::before { left: 0; } .ltda-divider::after { right: 0; } /* 中间的透明背景图片 */ .ltda-divider { background: url('https://ltda.wdfiles.com/local--files/main/%E9%BE%9F%E9%BE%9F.png') center/contain no-repeat; } @media(max-width:520px) { .ltda-divider::before,.ltda-divider::after{ width: calc(47%); } } /* ————————————————汤面/汤底版式———————————————— */ [class^="ltda-div-"] { margin: 15px 0; padding: 0; box-shadow: none; transform: translateY(-1px); max-width: 100%; background-color: #ffffff00; } .card-body p { margin: 0 !important; } /* 圆角版 */ div.ltda-div-round { position: relative; display: flex; flex-direction: column; min-width: 0; height: fit-content; color: #212529; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.175); border-radius: 0.375rem; } div.ltda-div-round>.card-header:first-child { border-radius: calc(0.375rem - (1px)) calc(0.375rem - (1px)) 0 0; } div.ltda-div-round>.card-header { padding: 0.5rem 1rem; margin-bottom: 0; /* color: var(--bs-card-cap-color); */ background-color: rgba(33, 37, 41, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.175); } div.ltda-div-round>div.card-body { flex: 1 1 auto; padding: 1rem; /* color: var(--bs-card-color); */ } /* 方角版 */ div.ltda-div-square { position: relative; display: flex; flex-direction: column; min-width: 0; height: fit-content; color: #212529; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.175); border-radius: 0; } div.ltda-div-square>.card-header:first-child { border-radius: calc(0 - (1px)) calc(0 - (1px)) 0 0; } div.ltda-div-square>div.card-header { padding: 0.5rem 1rem; margin-bottom: 0; /* color: var(--bs-card-cap-color); */ background-color: rgba(33, 37, 41, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.175); } div.ltda-div-square>div.card-body { flex: 1 1 auto; padding: 1rem; /* color: var(--bs-card-color); */ } /* 绿框1版*/ div.ltda-div-green-1 { margin: 20px 0; padding: 23px 15px 15px 15px; border-top: 4px solid rgb(var(--ltda-first-color)); border-bottom: 4px solid rgb(var(--ltda-first-color)); border-left: none; border-right: none; position: relative; margin-bottom: 45px !important; box-shadow: 0 1px 14px rgba(var(--ltda-box-shadow-color)); transform: translateY(-1px); max-width: 100%; background-color: #fff; } div.ltda-div-green-1::before { content: attr(data-title); position: absolute; color: rgb(var(--basalt-light-text-color)); background-color: rgb(var(--ltda-first-color)); text-transform: uppercase; letter-spacing: .01em; padding: 0 0.6rem; inset-inline-start: 0; inset-block-end: 100%; transform: translateY(calc(50% - var(--base-border-width) * 0.5)); } div.ltda-div-green-1 .card-body p { margin-bottom: 0 !important; } /* 绿框2版 */ div.ltda-div-green-2 { margin: 50px 0 15px 0; padding: 15px 15px; border-top: 4px solid rgb(var(--ltda-first-color)); border-bottom: none; border-left: none; border-right: none; position: relative; margin-bottom: 65px !important; box-shadow: 0 1px 14px rgba(var(--ltda-box-shadow-color)); transform: translateY(-1px); max-width: 100%; background-color: #fff; } div.ltda-div-green-2::before { content: attr(data-title); position: absolute; color: rgb(var(--basalt-light-text-color)); background-color: rgb(var(--ltda-first-color)); text-transform: uppercase; letter-spacing: .01em; padding: 0px 1.3rem 0 0.6rem; inset-inline-start: 0; /* 切掉右下角的三角形 */ clip-path: polygon(0% 0%, /* 左上角 */ 100% 0%, /* 右上角 */ calc(100% - 16px) 100%, /* 右下角切掉 10px */ 0% 100% /* 左下角 */ ); } @media (max-width:479px){ div.ltda-div-green-2::before { inset-block-start:-27px; } } @media (min-width:480px){ div.ltda-div-green-2::before { inset-block-start:-30px; } } div.ltda-div-green-2 .card-body p { margin-bottom: 0 !important; } /* 无框1版 */ .collapsible-block-unfolded { background-color: #ffffff00; ; } .collapsible-block-unfolded-link { margin-bottom: 10px !important; } .ltda-div-none-1 .card-header { position: relative; padding-left: 12px; padding-right: 40px; font-weight: bold; font-size: 20px; line-height: 1.5; font-size: 20px; margin-bottom: 10px; } .ltda-div-none-1 .card-header>p, .ltda-div-none-1 .card-header>h6 { width: fit-content; margin: 0 !important; } .ltda-div-none-1 .tangmianpic-header>h6, .ltda-div-none-1 .tangdipic-header>h6 { margin: 0px !important; } .ltda-div-none-1 .card-header>h6>span { line-height: 138%; } .ltda-div-none-1 .card-header>p::before, .ltda-div-none-1 .card-header>h6::before { content: ""; position: absolute; left: 0; top: 0; width: 6px; height: 1.9rem; background-color: rgb(var(--ltda-first-color)); } .ltda-div-none-1 .card-header>p::after, .ltda-div-none-1 .card-header>h6::after { content: ""; position: absolute; top: 0; margin-left: 10px; /* transform: translateY(-50%); */ width: 100px; height: 30px; background-repeat: no-repeat; background-size: contain; background-image: var(--section-title-decoration); filter: brightness(0) saturate(100%) invert(64%) sepia(69%) saturate(474%) hue-rotate(53deg) brightness(93%) contrast(92%); } /* 无框2版 */ .ltda-div-none-2 .card-header { background-image: url(https://ltda.wikidot.com/local--files/main/龟龟.png); background-repeat: no-repeat; background-position: left top; background-size: 1em; color: rgb(35, 38, 34); margin-bottom: 10px; }