Autosave: 20260325-203533

This commit is contained in:
Flatlogic Bot 2026-03-25 20:35:35 +00:00
parent 40ba8948ff
commit ca7330be5c
9 changed files with 1845 additions and 99 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 105 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 105 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 145 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 165 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 145 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 172 KiB

View File

@ -1154,41 +1154,41 @@ body { background: #1C3434; }
<style> <style>
.kmc-seventh-section{ .kmc-seventh-section{
background:#1C3434; background:#1C3434;
padding:70px 0 78px; padding:88px 0 98px;
} }
.kmc-seventh-wrap{ .kmc-seventh-wrap{
width:min(1320px, calc(100% - 52px)); width:min(1260px, calc(100% - 64px));
margin:0 auto; margin:0 auto;
} }
.kmc-seventh-head{ .kmc-seventh-head{
text-align:center; text-align:center;
max-width:980px; max-width:1180px;
margin:0 auto 34px; margin:0 auto 52px;
} }
.kmc-seventh-head h2{ .kmc-seventh-head h2{
margin:0; margin:0;
font:700 clamp(42px,5.2vw,58px)/1.06 "Cardo",serif; font:700 clamp(56px,5.1vw,74px)/1.03 "Cardo",serif;
color:#fff; color:#fff;
letter-spacing:-.01em; letter-spacing:-.01em;
} }
.kmc-seventh-head p{ .kmc-seventh-head p{
margin:14px auto 0; margin:18px auto 0;
max-width:940px; max-width:1100px;
font:700 clamp(14px,1.8vw,30px)/1.35 "Cardo",serif; font:700 clamp(24px,2.45vw,44px)/1.24 "Cardo",serif;
color:rgba(255,255,255,.8); color:rgba(255,255,255,.8);
} }
.kmc-seventh-grid{ .kmc-seventh-grid{
display:grid; display:grid;
grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-columns:repeat(3,minmax(0,1fr));
gap:18px; gap:30px;
align-items:stretch; align-items:stretch;
} }
.kmc-seventh-card{ .kmc-seventh-card{
position:relative; position:relative;
border:1px solid rgba(144,241,174,.8); border:1px solid rgba(144,241,174,.88);
border-radius:32px; border-radius:32px;
padding:26px 26px 24px; padding:44px 46px 40px;
min-height:220px; min-height:392px;
color:#fff; color:#fff;
display:flex; display:flex;
flex-direction:column; flex-direction:column;
@ -1196,56 +1196,59 @@ body { background: #1C3434; }
} }
.kmc-seventh-badge{ .kmc-seventh-badge{
position:absolute; position:absolute;
top:-10px; top:-18px;
left:50%; left:50%;
transform:translateX(-50%); transform:translateX(-50%);
background:#90F1AE; background:#90F1AE;
color:#1C3434; color:#1C3434;
border-radius:999px; border-radius:999px;
padding:4px 10px; padding:8px 18px;
font:700 11px/1 "Inter",sans-serif; font:700 clamp(14px,.95vw,22px)/1 "Inter",sans-serif;
white-space:nowrap; white-space:nowrap;
} }
.kmc-seventh-title{ .kmc-seventh-title{
margin:0; margin:0;
font:700 clamp(22px,2.2vw,40px)/1.12 "Cardo",serif; font:700 clamp(40px,2.95vw,58px)/1.1 "Cardo",serif;
color:#fff; color:#fff;
letter-spacing:-.01em;
} }
.kmc-seventh-price{ .kmc-seventh-price{
margin:18px 0 4px; margin:28px 0 8px;
display:flex; display:flex;
align-items:flex-end; align-items:flex-end;
gap:6px; gap:10px;
line-height:1; line-height:1;
} }
.kmc-seventh-price .main{ .kmc-seventh-price .main{
font:700 clamp(38px,3.2vw,64px)/.95 "Cardo",serif; font:700 clamp(58px,4.45vw,80px)/.95 "Cardo",serif;
color:#90F1AE; color:#90F1AE;
letter-spacing:-.012em; letter-spacing:-.014em;
} }
.kmc-seventh-price .sub{ .kmc-seventh-price .sub{
margin-bottom:4px; margin-bottom:10px;
font:400 clamp(12px,1.2vw,21px)/1.1 "Inter",sans-serif; font:400 clamp(20px,1.38vw,32px)/1.05 "Inter",sans-serif;
color:#fff; color:#fff;
opacity:.85; opacity:.85;
} }
.kmc-seventh-detail{ .kmc-seventh-detail{
margin:6px 0 0; margin:12px 0 0;
color:#fff; color:#fff;
font:400 clamp(14px,1.05vw,24px)/1.35 "Inter",sans-serif; font:400 clamp(22px,1.33vw,30px)/1.3 "Inter",sans-serif;
opacity:.95; opacity:.92;
} }
.kmc-seventh-btn{ .kmc-seventh-btn{
margin-top:auto; margin-top:auto;
align-self:center;
width:min(352px,100%);
display:flex; display:flex;
align-items:center; align-items:center;
justify-content:center; justify-content:center;
min-height:40px; min-height:56px;
border-radius:999px; border-radius:999px;
background:#fff; background:#fff;
color:#1C3434; color:#1C3434;
text-decoration:none; text-decoration:none;
font:700 clamp(12px,1vw,18px)/1 "Inter",sans-serif; font:700 clamp(22px,1.18vw,30px)/1 "Inter",sans-serif;
transition:transform .2s ease, box-shadow .2s ease; transition:transform .2s ease, box-shadow .2s ease;
} }
.kmc-seventh-btn:hover, .kmc-seventh-btn:hover,
@ -1255,21 +1258,20 @@ body { background: #1C3434; }
outline:none; outline:none;
} }
@media (max-width:1000px){ @media (max-width:1180px){
.kmc-seventh-wrap{width:min(1320px, calc(100% - 28px));} .kmc-seventh-wrap{width:min(1260px, calc(100% - 40px));}
.kmc-seventh-card{padding:22px 18px 18px; min-height:206px;} .kmc-seventh-grid{gap:20px;}
.kmc-seventh-card{padding:30px 24px 28px; min-height:300px;}
.kmc-seventh-badge{top:-14px;}
} }
@media (max-width:680px){ @media (max-width:860px){
.kmc-seventh-section{padding:58px 0 66px;} .kmc-seventh-section{padding:64px 0 72px;}
.kmc-seventh-wrap{width:min(1320px, calc(100% - 20px));} .kmc-seventh-grid{grid-template-columns:1fr; gap:16px;}
.kmc-seventh-head{margin-bottom:20px;} .kmc-seventh-card{border-radius:24px; min-height:0;}
.kmc-seventh-grid{grid-template-columns:1fr; gap:14px;} .kmc-seventh-head{margin-bottom:28px;}
.kmc-seventh-card{min-height:0; border-radius:24px;} .kmc-seventh-head p{font-size:clamp(20px,5vw,30px);}
.kmc-seventh-title{font-size:28px;} .kmc-seventh-btn{width:min(320px,100%); min-height:50px; font-size:22px;}
.kmc-seventh-price .main{font-size:48px;}
.kmc-seventh-detail{font-size:16px;}
.kmc-seventh-btn{min-height:44px; font-size:14px;}
} }
</style> </style>
@ -1321,125 +1323,138 @@ body { background: #1C3434; }
<style> <style>
.kmc-eighth-section{ .kmc-eighth-section{
background:#ECECEC; background:#ECEBE8;
padding:76px 0 82px; padding:68px 0 78px;
} }
.kmc-eighth-section .kmc-eighth-wrap{ .kmc-eighth-section .kmc-eighth-wrap{
width:min(1680px, calc(100% - 108px)) !important; width:min(1280px, calc(100% - 120px)) !important;
margin:0 auto; margin:0 auto;
display:grid; display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,860px); grid-template-columns:minmax(0,1fr) minmax(0,560px);
align-items:center; align-items:center;
gap:64px !important; gap:64px !important;
} }
.kmc-eighth-section .kmc-eighth-copy{max-width:660px;} .kmc-eighth-section .kmc-eighth-copy{max-width:620px;}
.kmc-eighth-section .kmc-eighth-title{ .kmc-eighth-section .kmc-eighth-title{
margin:0; margin:0;
color:#1C3434; color:#1C3434;
max-width:430px; max-width:440px;
font-family:"Cardo",serif; font-family:"Cardo",serif;
font-size:clamp(64px,5.2vw,86px) !important; font-size:clamp(52px,4.8vw,68px) !important;
line-height:1.02 !important; line-height:1.04 !important;
font-weight:700; font-weight:700;
letter-spacing:-0.012em; letter-spacing:-0.01em;
} }
.kmc-eighth-section .kmc-eighth-body{ .kmc-eighth-section .kmc-eighth-body{
margin:22px 0 0; margin:28px 0 0;
max-width:560px; max-width:610px;
color:#1C3434; color:#1C3434;
opacity:.95;
font-family:"Cardo",serif; font-family:"Cardo",serif;
font-size:clamp(30px,2.45vw,52px) !important; font-size:clamp(24px,2.05vw,40px) !important;
line-height:1.3 !important; line-height:1.25 !important;
font-weight:700; font-weight:400;
letter-spacing:-0.003em;
} }
.kmc-eighth-section .kmc-eighth-actions{ .kmc-eighth-section .kmc-eighth-actions{
margin-top:34px; margin-top:38px;
display:flex; display:flex;
align-items:center; align-items:center;
gap:38px; gap:34px;
flex-wrap:wrap; flex-wrap:wrap;
} }
.kmc-eighth-section .kmc-eighth-btn{ .kmc-eighth-section .kmc-eighth-btn{
display:inline-flex; display:inline-flex;
align-items:center; align-items:center;
gap:12px; gap:14px;
padding:10px 10px 10px 24px !important; padding:9px 9px 9px 24px !important;
min-height:58px !important; min-height:54px !important;
border-radius:999px; border-radius:999px;
text-decoration:none; text-decoration:none;
background:#1C3434; background:#1C3434;
color:#fff; color:#fff;
font:700 clamp(18px,1.22vw,34px)/1 "Inter",sans-serif !important; font:700 clamp(17px,1.06vw,22px)/1 "Inter",sans-serif !important;
letter-spacing:-0.01em;
} }
.kmc-eighth-section .kmc-assessment-arrow{ .kmc-eighth-section .kmc-assessment-arrow{
width:38px; width:44px;
height:38px; height:44px;
font-size:20px; border-radius:999px;
flex:0 0 38px; background:#90F1AE;
margin-left:2px; color:#1C3434;
display:inline-flex;
align-items:center;
justify-content:center;
font-size:28px;
line-height:1;
flex:0 0 44px;
} }
.kmc-eighth-section .kmc-eighth-link{ .kmc-eighth-section .kmc-eighth-link{
display:inline-flex; display:inline-flex;
align-items:center; align-items:center;
gap:9px; gap:10px;
text-decoration:none; text-decoration:none;
color:#1C3434; color:#1C3434;
font:700 clamp(17px,1.16vw,30px)/1.2 "Inter",sans-serif !important; font:700 clamp(18px,1.08vw,24px)/1.2 "Inter",sans-serif !important;
} }
.kmc-eighth-section .kmc-eighth-link .arr{font-size:1.1em;line-height:1;} .kmc-eighth-section .kmc-eighth-link .arr{font-size:1.45em;line-height:1;}
.kmc-eighth-section .kmc-eighth-visual{ .kmc-eighth-section .kmc-eighth-visual{
position:relative; position:relative;
min-height:340px; min-height:352px;
display:flex; display:flex;
justify-content:flex-end; justify-content:flex-end;
align-items:center; align-items:flex-start;
overflow:visible;
} }
.kmc-eighth-section .kmc-eighth-bg{ .kmc-eighth-section .kmc-eighth-bg{
width:100%; width:100%;
max-width:860px; max-width:560px;
aspect-ratio:860 / 404; aspect-ratio:560 / 320;
border-radius:34px; border-radius:30px;
background-image:url('/wp-content/uploads/2026/03/kmc-eighth-source.jpg'); overflow:hidden;
background-image:url('/wp-content/uploads/2026/03/pasted-20260324-203847-f313931c.jpg');
background-repeat:no-repeat; background-repeat:no-repeat;
background-size:1700px auto; background-size:cover;
background-position:right 46% center; background-position:center center;
margin-left:auto; margin-left:auto;
} }
.kmc-eighth-section .kmc-eighth-portrait{ .kmc-eighth-section .kmc-eighth-portrait{
position:absolute; position:absolute;
left:-26px; left:24px;
bottom:-34px; bottom:-36px;
width:164px; width:176px;
aspect-ratio:1/1; aspect-ratio:4 / 5;
border-radius:28px; border-radius:28px;
border:7px solid #fff; overflow:hidden;
background-image:url('/wp-content/uploads/2026/03/kmc-eighth-source.jpg'); border:6px solid #fff;
background-image:url('/wp-content/uploads/2026/03/pasted-20260324-204916-868024dd.jpg');
background-repeat:no-repeat; background-repeat:no-repeat;
background-size:1700px auto; background-size:cover;
background-position:5.5% 61%; background-position:center;
box-shadow:0 14px 26px rgba(13,40,40,.22); box-shadow:0 10px 20px rgba(13,40,40,.18);
} }
@media (max-width:1080px){ @media (max-width:1080px){
.kmc-eighth-section .kmc-eighth-wrap{width:calc(100% - 56px) !important;grid-template-columns:1fr;gap:34px !important;} .kmc-eighth-section{padding:58px 0 72px;}
.kmc-eighth-section .kmc-eighth-wrap{width:calc(100% - 56px) !important;grid-template-columns:1fr;gap:36px !important;}
.kmc-eighth-section .kmc-eighth-copy{max-width:760px;} .kmc-eighth-section .kmc-eighth-copy{max-width:760px;}
.kmc-eighth-section .kmc-eighth-title{max-width:100%;font-size:clamp(48px,7.8vw,72px) !important;} .kmc-eighth-section .kmc-eighth-title{max-width:520px;font-size:clamp(44px,8.4vw,62px) !important;}
.kmc-eighth-section .kmc-eighth-body{font-size:clamp(24px,4.3vw,44px) !important;} .kmc-eighth-section .kmc-eighth-body{font-size:clamp(22px,3.9vw,34px) !important;max-width:100%;}
.kmc-eighth-section .kmc-eighth-visual{max-width:860px;min-height:300px;} .kmc-eighth-section .kmc-eighth-visual{max-width:720px;min-height:332px;}
.kmc-eighth-section .kmc-eighth-portrait{left:10px;bottom:-24px;width:136px;} .kmc-eighth-section .kmc-eighth-bg{max-width:100%;}
.kmc-eighth-section .kmc-eighth-portrait{left:16px;bottom:-24px;width:142px;aspect-ratio:4/5;border-radius:24px;}
} }
@media (max-width:680px){ @media (max-width:680px){
.kmc-eighth-section{padding:54px 0 66px;} .kmc-eighth-section{padding:48px 0 62px;}
.kmc-eighth-section .kmc-eighth-wrap{width:calc(100% - 28px) !important;} .kmc-eighth-section .kmc-eighth-wrap{width:calc(100% - 28px) !important;gap:30px !important;}
.kmc-eighth-section .kmc-eighth-body{line-height:1.28 !important;} .kmc-eighth-section .kmc-eighth-body{line-height:1.28 !important;margin-top:18px;}
.kmc-eighth-section .kmc-eighth-actions{gap:14px;} .kmc-eighth-section .kmc-eighth-actions{margin-top:28px;gap:14px;}
.kmc-eighth-section .kmc-eighth-btn{min-height:52px !important;padding:8px 8px 8px 18px !important;} .kmc-eighth-section .kmc-eighth-btn{min-height:52px !important;padding:8px 8px 8px 18px !important;font-size:16px !important;}
.kmc-eighth-section .kmc-assessment-arrow{width:34px;height:34px;font-size:18px;flex-basis:34px;} .kmc-eighth-section .kmc-assessment-arrow{width:36px;height:36px;font-size:22px;flex-basis:36px;}
.kmc-eighth-section .kmc-eighth-bg{border-radius:26px;} .kmc-eighth-section .kmc-eighth-link{font-size:17px !important;}
.kmc-eighth-section .kmc-eighth-portrait{width:112px;border-width:6px;border-radius:20px;bottom:-16px;} .kmc-eighth-section .kmc-eighth-bg{border-radius:24px;}
.kmc-eighth-section .kmc-eighth-portrait{width:106px;aspect-ratio:4/5;border-width:5px;border-radius:18px;bottom:-14px;left:10px;}
} }
</style> </style>

File diff suppressed because it is too large Load Diff

Binary file not shown.

After

Width:  |  Height:  |  Size: 145 KiB