![\"\"](\"http:\/\/loc-wp-cdnimg.jiyun.net\/blogtest\/2025\/09\/20250910072801679.png\")
<\/p>\n<\/p>\n
\u9f20\u6807\u653e\u4e0a\u9762<\/p>\n
![\"\"](\"http:\/\/loc-wp-cdnimg.jiyun.net\/blogtest\/2025\/09\/20250910073100661.png\")
<\/p>\n
<div class=”movie-grid”>
\n<!– \u7535\u5f711 –>
\n<div class=”movie-card”>
\n<a href=”https:\/\/example.com\/movie1″ target=”_blank”>
\n<img src=”https:\/\/via.placeholder.com\/200×280″ alt=”\u9738\u738b\u522b\u59ec”>
\n<div class=”overlay”>
\n<h4>\u9738\u738b\u522b\u59ec<\/h4>
\n<p>\u8bc4\u5206\uff1a9.6<\/p>
\n<p>\u7ecf\u5178\u4e2d\u7684\u7ecf\u5178\uff0c\u827a\u672f\u4e0e\u4eba\u751f\u4ea4\u7ec7\u3002<\/p>
\n<\/div>
\n<\/a>
\n<\/div><\/p>\n
<!– \u7535\u5f712 –>
\n<div class=”movie-card”>
\n<a href=”https:\/\/example.com\/movie2″ target=”_blank”>
\n<img src=”https:\/\/via.placeholder.com\/200×280″ alt=”\u963f\u7518\u6b63\u4f20”>
\n<div class=”overlay”>
\n<h4>\u963f\u7518\u6b63\u4f20<\/h4>
\n<p>\u8bc4\u5206\uff1a9.5<\/p>
\n<p>\u4eba\u751f\u5c31\u50cf\u4e00\u76d2\u5de7\u514b\u529b\u3002<\/p>
\n<\/div>
\n<\/a>
\n<\/div><\/p>\n
<!– \u7535\u5f713 –>
\n<div class=”movie-card”>
\n<a href=”https:\/\/example.com\/movie3″ target=”_blank”>
\n<img src=”https:\/\/via.placeholder.com\/200×280″ alt=”\u8096\u7533\u514b\u7684\u6551\u8d4e”>
\n<div class=”overlay”>
\n<h4>\u8096\u7533\u514b\u7684\u6551\u8d4e<\/h4>
\n<p>\u8bc4\u5206\uff1a9.7<\/p>
\n<p>\u5e0c\u671b\u8ba9\u4eba\u81ea\u7531\u3002<\/p>
\n<\/div>
\n<\/a>
\n<\/div>
\n<\/div><\/p>\n
<style>
\n.movie-grid {
\ndisplay: flex;
\nflex-wrap: wrap;
\njustify-content: space-between;
\ngap: 15px;
\n}<\/p>\n
.movie-card {
\nwidth: calc(33.333% – 10px);
\nposition: relative;
\noverflow: hidden;
\nborder-radius: 8px;
\nbox-shadow: 0 4px 8px rgba(0,0,0,0.1);
\ntransition: transform 0.3s;
\n}<\/p>\n
.movie-card:hover {
\ntransform: translateY(-5px);
\n}<\/p>\n
.movie-card img {
\nwidth: 100%;
\nheight: auto;
\ndisplay: block;
\n}<\/p>\n
.movie-card .overlay {
\nposition: absolute;
\ninset: 0;
\nbackground: rgba(0,0,0,0.75);
\ncolor: #fff;
\nopacity: 0;
\ntransition: opacity 0.3s;
\npadding: 10px;
\nfont-size: 13px;
\nbox-sizing: border-box;
\ndisplay: flex;
\nflex-direction: column;
\njustify-content: flex-end;
\n}<\/p>\n
.movie-card:hover .overlay {
\nopacity: 1;
\n}<\/p>\n
.movie-card .overlay h4 {
\nmargin: 0 0 5px;
\nfont-size: 15px;
\ncolor: #ffd700;
\n}<\/p>\n
.movie-card .overlay p {
\nmargin: 2px 0;
\nline-height: 1.3;
\n}
\n<\/style><\/p>\n","protected":false},"excerpt":{"rendered":"
\u9f20\u6807\u653e\u4e0a\u9762 <div class=”movie-grid”> <!– \u7535\u5f711 –> <div class=”movie-card”>…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[136,129],"tags":[404],"topic":[342],"class_list":["post-653326","post","type-post","status-publish","format-standard","hentry","category-136","category-129","tag-wordpress","topic-wordpress"],"_links":{"self":[{"href":"http:\/\/puo.cn\/index.php?rest_route=\/wp\/v2\/posts\/653326","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/puo.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/puo.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/puo.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/puo.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=653326"}],"version-history":[{"count":2,"href":"http:\/\/puo.cn\/index.php?rest_route=\/wp\/v2\/posts\/653326\/revisions"}],"predecessor-version":[{"id":653331,"href":"http:\/\/puo.cn\/index.php?rest_route=\/wp\/v2\/posts\/653326\/revisions\/653331"}],"wp:attachment":[{"href":"http:\/\/puo.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=653326"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/puo.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=653326"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/puo.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=653326"},{"taxonomy":"topic","embeddable":true,"href":"http:\/\/puo.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftopic&post=653326"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}