/* Figma 566:82909; blank screen is reserved for the future HTML embed. */
.project-two-recommend {position:relative;width:883px;height:641px;margin-left:calc(var(--portfolio-content-left) + 15.172px);}
.recommend-board {position:absolute;left:4px;top:32px;width:628px;height:553px;outline:1px solid #d8d8d8;box-shadow:8px 8px 0 rgba(0,0,0,.08);}
.recommend-board-content {position:absolute;inset:0;background:white;border:8px solid white;overflow:hidden;}
.recommend-background {position:absolute;left:-8px;top:-8px;width:628px;height:553px;opacity:.75;display:block;overflow:hidden;}
.recommend-queries {position:absolute;left:290.054px;top:109px;width:435.891px;display:flex;flex-direction:column;gap:14.902px;align-items:flex-start;}
.recommend-queries p {position:relative;margin:0;height:45.8697px;padding:9.93485px 14.90227px;border-radius:8px;box-shadow:none;background:rgba(255,255,255,.4);backdrop-filter:blur(4.7px);-webkit-backdrop-filter:blur(4.7px);font:400 17.386px/26px "PingFang SC",sans-serif;color:rgba(25,22,24,.75);white-space:nowrap;overflow:visible;}
.recommend-queries p:nth-child(1) {width:186.8046px;}.recommend-queries p:nth-child(2) {width:298.8046px;letter-spacing:.5216px;}.recommend-queries p:nth-child(3) {width:134.8046px;}.recommend-queries p:nth-child(4) {width:266.8045px;letter-spacing:.5216px;}.recommend-queries p:nth-child(5) {width:172.8046px;letter-spacing:.5216px;}
.recommend-device {position:absolute;left:25px;top:23px;width:200px;height:411.176px;isolation:isolate;transform:scale(1.2);transform-origin:top left;}
.recommend-glass,.recommend-rim,.recommend-device::before {position:absolute;left:-1.86px;top:0;width:203.721px;height:411.163px;}
.recommend-glass {background:rgba(255,255,255,.2);clip-path:var(--recommend-shape);}.recommend-rim {background:#fff;mix-blend-mode:overlay;clip-path:var(--recommend-rim);}
.recommend-device::before {content:"";background:rgba(0,0,0,.12);clip-path:var(--recommend-shape);transform:translate(8px,8px);z-index:-1;}
.recommend-html-slot {position:absolute;left:9.49px;top:9.3px;width:181.395px;height:392.558px;background:white;clip-path:var(--recommend-screen);overflow:hidden;}.recommend-html-slot iframe {width:100%;height:100%;border:0;display:block;}
.recommend-tape {position:absolute;left:-20.8085px;top:1.7695px;width:64px;height:20px;background:rgba(202,236,255,.7);transform:rotate(140deg) scaleY(-1);box-shadow:0 1px 3px rgba(17,18,18,.15);}
.recommend-heading {position:absolute;left:675px;top:218px;width:208px;color:rgba(25,22,24,.9);}
.recommend-heading p,.recommend-heading h3 {margin:0;}.recommend-heading .recommend-number {font:700 16.186px/21px DouyinSans,sans-serif;}.recommend-heading h3 {margin-top:4px;font:700 24px/31px DouyinSans,sans-serif;}.recommend-heading .recommend-subtitle {margin-top:4px;font:500 14px/20px "PingFang SC",sans-serif;}.recommend-heading .recommend-description {margin-top:16px;font:400 11px/17px "PingFang SC",sans-serif;color:rgba(25,22,24,.65);}
@media(max-width:1279.98px) {.project-two-recommend {margin-left:280px;}}

.recommend-device {--recommend-shape:path(evenodd,"M1.86047 50.6046C1.86047 32.8914 1.86047 24.0347 5.3077 17.2691C8.33997 11.318 13.1784 6.47951 19.1296 3.44724C25.8952 0 34.7518 0 52.4651 0H151.256C168.969 0 177.826 0 184.591 3.44724C190.542 6.47951 195.381 11.318 198.413 17.2691C201.86 24.0347 201.86 32.8914 201.86 50.6047V122.791H202.791C203.304 122.791 203.721 123.207 203.721 123.721V169.302C203.721 169.816 203.304 170.233 202.791 170.233H201.86V360.558C201.86 378.271 201.86 387.128 198.413 393.894C195.381 399.845 190.542 404.683 184.591 407.716C177.826 411.163 168.969 411.163 151.256 411.163H52.4651C34.7518 411.163 25.8952 411.163 19.1296 407.716C13.1784 404.683 8.33997 399.845 5.3077 393.894C1.86047 387.128 1.86047 378.271 1.86047 360.558V181.395H0.930233C0.416479 181.395 0 180.979 0 180.465V152.558C0 152.044 0.416479 151.628 0.930233 151.628H1.86047V141.395H0.930233C0.416479 141.395 0 140.979 0 140.465V112.558C0 112.044 0.416479 111.628 0.930233 111.628H1.86047V97.2093H0.930233C0.416479 97.2093 0 96.7928 0 96.2791V83.7209C0 83.2072 0.416479 82.7907 0.930233 82.7907H1.86047V50.6046Z");--recommend-rim:path(evenodd,"M201.86 124.651C200.833 124.651 200 123.818 200 122.791V50.6047C200 41.7173 199.999 35.1637 199.575 29.983C199.154 24.824 198.323 21.1906 196.756 18.1138C193.902 12.5127 189.348 7.95883 183.747 5.10492C180.67 3.53721 177.036 2.7067 171.877 2.28519C166.697 1.86191 160.143 1.86047 151.256 1.86047H52.4651C43.5778 1.86047 37.0242 1.86191 31.8435 2.28519C26.6845 2.7067 23.051 3.53721 19.9742 5.10492C14.3731 7.95883 9.81929 12.5127 6.96539 18.1138C5.39768 21.1906 4.56716 24.824 4.14566 29.983C3.72238 35.1637 3.72093 41.7173 3.72093 50.6046V82.7907C3.72093 83.8182 2.88797 84.6512 1.86047 84.6512V95.3488C2.88797 95.3488 3.72093 96.1818 3.72093 97.2093V111.628C3.72093 112.655 2.88797 113.488 1.86047 113.488V139.535C2.88797 139.535 3.72093 140.368 3.72093 141.395V151.628C3.72093 152.655 2.88797 153.488 1.86047 153.488V179.535C2.88797 179.535 3.72093 180.368 3.72093 181.395V360.558C3.72093 369.445 3.72238 375.999 4.14566 381.18C4.56716 386.339 5.39768 389.972 6.96539 393.049C9.81929 398.65 14.3731 403.204 19.9742 406.058C23.051 407.626 26.6845 408.456 31.8435 408.878C37.0242 409.301 43.5778 409.302 52.4651 409.302H151.256C160.143 409.302 166.697 409.301 171.877 408.878C177.036 408.456 180.67 407.626 183.747 406.058C189.348 403.204 193.902 398.65 196.756 393.049C198.323 389.972 199.154 386.339 199.575 381.18C199.999 375.999 200 369.445 200 360.558V170.233C200 169.205 200.833 168.372 201.86 168.372V124.651ZM5.3077 17.2691C1.86047 24.0347 1.86047 32.8914 1.86047 50.6046V82.7907H0.930233C0.416479 82.7907 0 83.2072 0 83.7209V96.2791C0 96.7928 0.416479 97.2093 0.930233 97.2093H1.86047V111.628H0.930233C0.416479 111.628 0 112.044 0 112.558V140.465C0 140.979 0.416479 141.395 0.930233 141.395H1.86047V151.628H0.930233C0.416479 151.628 0 152.044 0 152.558V180.465C0 180.979 0.416479 181.395 0.930233 181.395H1.86047V360.558C1.86047 378.271 1.86047 387.128 5.3077 393.894C8.33997 399.845 13.1784 404.683 19.1296 407.716C25.8952 411.163 34.7518 411.163 52.4651 411.163H151.256C168.969 411.163 177.826 411.163 184.591 407.716C190.542 404.683 195.381 399.845 198.413 393.894C201.86 387.128 201.86 378.271 201.86 360.558V170.233H202.791C203.304 170.233 203.721 169.816 203.721 169.302V123.721C203.721 123.207 203.304 122.791 202.791 122.791H201.86V50.6047C201.86 32.8914 201.86 24.0347 198.413 17.2691C195.381 11.318 190.542 6.47951 184.591 3.44724C177.826 0 168.969 0 151.256 0H52.4651C34.7518 0 25.8952 0 19.1296 3.44724C13.1784 6.47951 8.33997 11.318 5.3077 17.2691Z");--recommend-screen:path(evenodd,"M147.163 0C159.145 1.3379e-10 165.136 0.000235216 169.713 2.33203C173.739 4.38322 177.012 7.65598 179.063 11.6816C181.395 16.2583 181.396 22.25 181.396 34.2324V358.325C181.396 370.308 181.395 376.299 179.063 380.876C177.012 384.902 173.739 388.175 169.713 390.227C165.136 392.558 159.145 392.559 147.163 392.559H34.2324C22.25 392.559 16.2583 392.559 11.6816 390.227C7.65593 388.175 4.38324 384.902 2.33203 380.876C0.000100282 376.299 0 370.308 0 358.325V34.2324C0 22.25 8.3578e-05 16.2583 2.33203 11.6816C4.38323 7.65614 7.65614 4.38323 11.6816 2.33203C16.2583 8.64388e-05 22.25 0 34.2324 0H147.163Z");}

.recommend-background img {position:absolute;left:-34.45%;top:-5.39%;width:165.07%;height:105.47%;max-width:none;}

/* Figma stroke: white 100% → 63%, with paint opacity 60%; inside 1.241856px. */
.recommend-queries p::before {
 content:"";position:absolute;inset:0;border-radius:inherit;padding:1.241856px;
 background:linear-gradient(to bottom,rgba(255,255,255,.6),rgba(255,255,255,.378));
 -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
 -webkit-mask-composite:xor;
 mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
 mask-composite:exclude;pointer-events:none;
}