lang="zh-CN"> {TITLE name="keywords" content="日本大PPT模板免费下载,日本PPT模板,高清免费PPT素材,PPT模板在线预览,影视主题PPT,演示文稿下载"> :root{ --ink:#1e4a3c; --ink-2:#2f6b55; --ink-soft:#4d7d69; --warm:#fdfaf3; --warm-2:#f6f0e4; --line:#e2dccc; --txt:#2a2f2c; --muted:#7c8279; --gold:#b8860b; --radius:2px; } *{box-sizing:border-box;} html,body{margin:0;padding:0;} body{ background:var(--warm); color:var(--txt); font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Heiti SC",sans-serif; font-size:14px; line-height:1.65; -webkit-text-size-adjust:100%; } a{color:inherit;text-decoration:none;} a:hover{color:var(--ink-2);} img{display:block;width:100%;height:100%;object-fit:cover;} h1,h2,h3,h4{font-family:"Songti SC","SimSun","Source Han Serif SC",Georgia,serif;margin:0;font-weight:700;letter-spacing:.5px;} ul{margin:0;padding:0;list-style:none;} .pp-shell{max-width:1180px;margin:0 auto;padding:0 12px;} /* ── 顶部窄导航 ── */ .pp-head{ background:#fff; border-bottom:2px solid var(--ink); position:sticky;top:0;z-index:30; } .pp-head-in{ display:flex;align-items:center;gap:12px; min-height:52px;flex-wrap:wrap;padding:6px 0; } .pp-brand{ font-family:"Songti SC","SimSun",serif; font-size:16px;font-weight:700;color:var(--ink); white-space:nowrap;flex:0 0 auto; } .pp-brand b{color:var(--gold);font-weight:700;} .pp-pills{display:flex;gap:6px;flex-wrap:wrap;flex:1 1 auto;} .pp-pill{ display:inline-flex;align-items:center;gap:4px; padding:4px 13px;border:1px solid var(--line); border-radius:999px;background:var(--warm-2); font-size:13px;color:#4a544c;white-space:nowrap; } .pp-pill:hover{border-color:var(--ink);color:var(--ink);} .pp-pill.on{background:var(--ink);border-color:var(--ink);color:#fff;} .pp-search{ display:flex;align-items:center;gap:6px;flex:0 1 240px; border:1px solid var(--line);border-radius:999px; padding:3px 6px 3px 12px;background:#fff; } .pp-search svg{width:15px;height:15px;color:var(--muted);flex:0 0 auto;} .pp-search input{ border:0;outline:0;background:transparent;font-size:13px; width:100%;padding:5px 0;color:var(--txt);font-family:inherit; } .pp-search button{ border:0;background:var(--ink);color:#fff;font-size:12px; padding:5px 12px;border-radius:999px;cursor:pointer;font-family:inherit; } /* ── 斜切分区底色 ── */ .pp-slash{ background: linear-gradient(168deg, rgba(30,74,60,.055) 0 32%, rgba(30,74,60,0) 32%), linear-gradient(12deg, rgba(184,134,11,.07) 0 18%, rgba(184,134,11,0) 18%); } .pp-crumb{ font-size:12px;color:var(--muted);padding:10px 0 4px; } .pp-crumb span{color:var(--ink);} /* ── 主区两栏 ── */ .pp-body{display:grid;grid-template-columns:1fr;gap:20px;padding:6px 0 26px;} @media(min-width:900px){ .pp-body{grid-template-columns:1fr 292px;} } .pp-sec{margin-bottom:22px;} .pp-sec-hd{ display:flex;align-items:center;justify-content:space-between; border-bottom:2px solid var(--ink);padding-bottom:6px;margin-bottom:12px; } .pp-sec-hd h2{ font-size:17px;color:var(--ink); display:flex;align-items:center;gap:7px; } .pp-sec-hd h2::before{ content:"";width:5px;height:16px;background:var(--gold);display:inline-block; } .pp-more{ font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:3px; } .pp-more:hover{color:var(--ink);} .pp-more svg{width:12px;height:12px;} /* ── 海报网格 ── */ .pp-grid{ display:grid;grid-template-columns:repeat(2,1fr);gap:12px; } @media(min-width:520px){.pp-grid{grid-template-columns:repeat(3,1fr);}} @media(min-width:760px){.pp-grid{grid-template-columns:repeat(4,1fr);}} @media(min-width:1000px){.pp-grid{grid-template-columns:repeat(5,1fr);}} .pp-card{border:1px solid var(--line);background:#fff;border-radius:var(--radius);} .pp-thumb{ position:relative;width:100%;aspect-ratio:2/3;overflow:hidden; border-radius:var(--radius) var(--radius) 0 0;background:var(--warm-2); } .pp-thumb img{transition:transform .3s;} .pp-card:hover .pp-thumb img{transform:scale(1.04);} .pp-tag{ position:absolute;left:0;top:0;background:var(--ink);color:#fff; font-size:11px;line-height:1;padding:4px 7px; letter-spacing:.5px;border-radius:0 0 2px 0; } .pp-tag.blu{background:var(--gold);} .pp-score{ position:absolute;right:0;bottom:0;background:rgba(20,40,33,.86); color:#ffd873;font-size:12px;line-height:1;padding:4px 7px; display:flex;align-items:center;gap:3px;border-radius:2px 0 0 0; font-family:Georgia,serif; } .pp-score svg{width:11px;height:11px;} .pp-meta{padding:7px 8px 9px;} .pp-meta h3{ font-family:"Songti SC","SimSun",serif; font-size:13.5px;line-height:1.4;font-weight:700; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } .pp-meta h3 a:hover{color:var(--ink-2);} .pp-sub{ font-size:11.5px;color:var(--muted);margin-top:3px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } .pp-state{ display:inline-flex;align-items:center;gap:3px;color:var(--ink-2); font-size:11.5px;margin-top:4px; } .pp-state svg{width:11px;height:11px;} /* ── 分页 ── */ .pp-page{ display:flex;justify-content:center;align-items:center;gap:6px; margin-top:18px;flex-wrap:wrap; } .pp-page a,.pp-page span{ min-width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center; border:1px solid var(--line);background:#fff;font-size:13px; border-radius:var(--radius);color:#555; } .pp-page a:hover{border-color:var(--ink);color:var(--ink);} .pp-page .cur{background:var(--ink);border-color:var(--ink);color:#fff;} .pp-page .dots{border:0;background:transparent;} /* ── 横排片单 ── */ .pp-row{ display:grid;grid-template-columns:repeat(2,1fr);gap:10px; } @media(min-width:520px){.pp-row{grid-template-columns:repeat(3,1fr);}} @media(min-width:760px){.pp-row{grid-template-columns:repeat(4,1fr);}} @media(min-width:1000px){.pp-row{grid-template-columns:repeat(5,1fr);}} .pp-mini{display:flex;gap:8px;border:1px solid var(--line);background:#fff;padding:6px;border-radius:var(--radius);} .pp-mini .m-thumb{ position:relative;width:58px;flex:0 0 58px;aspect-ratio:2/3;overflow:hidden; border-radius:var(--radius);background:var(--warm-2); } .pp-mini .m-txt{min-width:0;display:flex;flex-direction:column;justify-content:center;} .pp-mini h4{ font-size:13px;font-family:"Songti SC","SimSun",serif; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } .pp-mini p{ margin:3px 0 0;font-size:11.5px;color:var(--muted); white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } .pp-mini .m-tag{ display:inline-block;margin-top:4px;font-size:11px;color:var(--gold); border:1px solid rgba(184,134,11,.5);padding:0 5px;border-radius:2px; } .pp-mini .m-hd{ position:absolute;left:0;top:0;background:rgba(30,74,60,.9);color:#fff; font-size:10px;line-height:1;padding:3px 4px;border-radius:0 0 2px 0; } /* ── 侧栏 ── */ .pp-side{display:flex;flex-direction:column;gap:18px;} .pp-panel{border:1px solid var(--line);background:#fff;border-radius:var(--radius);} .pp-panel-hd{ display:flex;align-items:center;gap:6px; background:var(--ink);color:#fff;padding:8px 10px; font-family:"Songti SC","SimSun",serif;font-size:14px; border-radius:var(--radius) var(--radius) 0 0; } .pp-panel-hd svg{width:15px;height:15px;color:#ffd873;} .pp-rank{padding:6px 10px 10px;} .pp-rank li{ display:flex;align-items:baseline;gap:8px; padding:7px 0;border-bottom:1px dashed var(--line); font-size:13px; } .pp-rank li:last-child{border-bottom:0;} .pp-no{ flex:0 0 18px;height:18px;line-height:18px;text-align:center; font-size:11px;color:#fff;background:var(--ink-soft);border-radius:var(--radius); font-family:Georgia,serif; } .pp-rank li:nth-child(1) .pp-no,.pp-rank li:nth-child(2) .pp-no,.pp-rank li:nth-child(3) .pp-no{background:var(--gold);} .pp-rank .r-name{ flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-family:"Songti SC","SimSun",serif; } .pp-rank .r-hot{flex:0 0 auto;font-size:11.5px;color:var(--muted);} .pp-tags{padding:10px;display:flex;flex-wrap:wrap;gap:6px;} .pp-tags a{ font-size:12px;color:#5a6a60;background:var(--warm-2); border:1px solid var(--line);border-radius:999px;padding:2px 10px; } .pp-tags a:hover{background:var(--ink);color:#fff;border-color:var(--ink);} /* ── 页脚 ── */ .pp-foot{ border-top:2px solid var(--ink);background:var(--warm-2); padding:16px 0 22px;font-size:12.5px;color:#5f6a62; } .pp-links{display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:10px;} .pp-links a{color:#5f6a62;} .pp-links a:hover{color:var(--ink);} .pp-foot p{margin:0 0 6px;line-height:1.7;} .pp-foot .copy{color:#8b9389;font-size:12px;} .pp-cta{ display:inline-flex;align-items:center;gap:5px; border:1px solid var(--ink);color:var(--ink); font-size:12px;padding:3px 11px;border-radius:999px;margin-right:8px; } .pp-cta svg{width:13px;height:13px;} .pp-cta:hover{background:var(--ink);color:#fff;} >