/*
Theme Name: Yankeyi Launch
Theme URI: https://yankeyi.com/
Author: KeyEnglish 言可易
Description: Production launch theme for KeyEnglish 言可易.
Version: 1.0.0
Text Domain: yankeyi-launch
*/
:root{--p:#3B7DD8;--s:#F5A623;--a:#7ED321;--d:#2C3E50;--soft:#F0F6FF;--warm:#FFF8EC;--b:#E8EDF3;--m:#667085;--sh:0 16px 48px rgba(59,125,216,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--d);background:#fff;font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit}.yk-container{width:min(1180px,calc(100% - 40px));margin:0 auto}.yk-site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(232,237,243,.92);background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}.admin-bar .yk-site-header{top:32px}.yk-header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.yk-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.yk-brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#fff;font-weight:900;background:linear-gradient(135deg,var(--p),var(--a));box-shadow:0 8px 24px rgba(59,125,216,.20)}.yk-brand-text{display:grid;line-height:1.15}.yk-brand-text strong{font-size:18px}.yk-brand-text span{margin-top:3px;color:#8A94A6;font-size:12px}.yk-nav{display:flex;align-items:center;gap:28px}.yk-nav a{position:relative;text-decoration:none;color:#5F6B7A;font-size:14px;font-weight:650}.yk-nav a:not(.yk-nav-cta)::after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:2px;background:var(--p);transition:right .2s}.yk-nav a:not(.yk-nav-cta):hover::after{right:0}.yk-nav-cta{padding:10px 18px;color:#fff!important;border-radius:999px;background:var(--p)}.yk-mobile-toggle{display:none;width:42px;height:42px;border:1px solid var(--b);border-radius:10px;background:#fff;font-size:20px;cursor:pointer}.yk-hero{position:relative;overflow:hidden;padding:88px 0 82px;background:radial-gradient(circle at 88% 22%,rgba(59,125,216,.12),transparent 25%),radial-gradient(circle at 12% 78%,rgba(126,211,33,.11),transparent 26%),linear-gradient(135deg,var(--soft),#fff 52%,var(--warm))}.yk-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:66px}.yk-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;padding:8px 13px;border:1px solid rgba(59,125,216,.08);border-radius:999px;background:#fff;box-shadow:0 8px 28px rgba(59,125,216,.08);color:#667085;font-size:13px;font-weight:600}.yk-badge-dot{width:8px;height:8px;border-radius:50%;background:var(--a)}.yk-hero h1{margin:0;font-size:clamp(42px,6vw,66px);line-height:1.08;letter-spacing:-.045em}.yk-gradient-text{color:transparent;background:linear-gradient(90deg,var(--p),var(--a));background-clip:text;-webkit-background-clip:text}.yk-hero-copy{max-width:690px;margin:24px 0 0;color:#5F6B7A;font-size:18px}.yk-hero-copy strong{color:var(--p)}.yk-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.yk-btn{display:inline-flex;min-height:50px;align-items:center;justify-content:center;padding:12px 22px;border:1px solid transparent;border-radius:999px;text-decoration:none;font-size:15px;font-weight:800;transition:transform .2s,box-shadow .2s}.yk-btn:hover{transform:translateY(-2px)}.yk-btn-primary{color:#fff;background:linear-gradient(90deg,var(--p),#4F8BE3);box-shadow:0 12px 30px rgba(59,125,216,.24)}.yk-btn-secondary{color:#475467;border-color:#D9E0EA;background:#fff}.yk-trust-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px;color:#7A8494;font-size:13px}.yk-trust-row span::before{content:"✓";margin-right:6px;color:var(--a);font-weight:900}.yk-scene-card{padding:25px;border:1px solid rgba(232,237,243,.86);border-radius:28px;background:linear-gradient(145deg,#fff,#F5F8FC);box-shadow:var(--sh)}.yk-scene-meta{display:flex;justify-content:space-between;gap:14px;margin-bottom:14px;color:#7B8798;font-size:12px}.yk-scene-tag{padding:5px 10px;border-radius:999px;color:var(--p);background:rgba(59,125,216,.10)}.yk-word-card{padding:21px;border-radius:18px;background:#fff}.yk-word-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}.yk-word{font-size:36px;font-weight:900;letter-spacing:-.03em}.yk-ipa{color:#98A2B3}.yk-meaning{color:var(--s);font-size:13px;font-weight:700}.yk-context{margin-top:14px;padding:16px;border-radius:13px;background:var(--warm);color:#596579;font-size:13px}.yk-context strong{color:#344054}.yk-context em{display:block;margin-top:8px;color:#667085}.yk-scene-features{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:13px}.yk-scene-features span{padding:10px 8px;border-radius:11px;text-align:center;font-size:12px;font-weight:750}.yk-scene-features span:nth-child(1){color:#579C1E;background:rgba(126,211,33,.10)}.yk-scene-features span:nth-child(2){color:var(--p);background:rgba(59,125,216,.10)}.yk-scene-features span:nth-child(3){color:#C77A00;background:rgba(245,166,35,.11)}.yk-section{padding:86px 0}.yk-section-soft{background:linear-gradient(180deg,#fff,var(--soft))}.yk-section-warm{background:linear-gradient(135deg,var(--warm),#FFF3DF)}.yk-kicker{margin-bottom:8px;color:var(--p);font-size:13px;font-weight:850;letter-spacing:.04em}.yk-warm-kicker{color:#C77A00}.yk-section-head{max-width:740px;margin:0 auto 46px;text-align:center}.yk-section-head h2{margin:0;font-size:clamp(30px,4vw,44px);line-height:1.18;letter-spacing:-.035em}.yk-section-head p{margin:14px auto 0;color:var(--m);font-size:16px}.yk-pain-grid,.yk-feature-grid,.yk-step-grid{display:grid;gap:20px}.yk-pain-grid,.yk-feature-grid{grid-template-columns:repeat(3,1fr)}.yk-step-grid{grid-template-columns:repeat(4,1fr)}.yk-pain-card,.yk-feature-card,.yk-step-card{padding:26px;border:1px solid var(--b);border-radius:20px;background:#fff}.yk-pain-card:nth-child(1){background:var(--warm)}.yk-pain-card:nth-child(2){background:var(--soft)}.yk-pain-card:nth-child(3){background:#F2FBEA}.yk-icon{width:54px;height:54px;display:grid;place-items:center;margin-bottom:18px;border-radius:16px;background:rgba(59,125,216,.10);font-size:25px}.yk-icon-center{margin-left:auto;margin-right:auto}.yk-card-title{margin:0 0 9px;font-size:19px}.yk-card-copy{margin:0;color:var(--m);font-size:14px}.yk-step-num{width:42px;height:42px;display:grid;place-items:center;margin:0 auto 16px;border-radius:50%;color:#fff;background:var(--p);font-weight:900}.yk-step-card{text-align:center;box-shadow:0 10px 34px rgba(59,125,216,.06)}.yk-step-card h3{margin:8px 0 5px;font-size:17px}.yk-step-card p{margin:0;color:var(--m);font-size:13px}.yk-compare{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:36px}.yk-compare-card{padding:28px;border:1px solid var(--b);border-radius:20px;background:#fff}.yk-compare-card.is-scene{border-color:rgba(59,125,216,.22);background:linear-gradient(135deg,rgba(59,125,216,.05),rgba(126,211,33,.05))}.yk-compare-label{margin-bottom:14px;font-weight:800}.yk-compare-example{padding:16px;border-radius:12px;background:#F8FAFC;font-size:14px}.yk-primary-text{color:var(--p)}.yk-mt-14{margin-top:14px}.yk-feature-card{transition:transform .18s,box-shadow .18s,border-color .18s}.yk-feature-card:hover{transform:translateY(-3px);border-color:rgba(59,125,216,.26);box-shadow:var(--sh)}.yk-feature-link{display:inline-block;margin-top:14px;color:var(--p);text-decoration:none;font-size:13px;font-weight:800}.yk-about-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:46px;align-items:center}.yk-about-copy h2{margin:0 0 18px;font-size:clamp(30px,4vw,44px);line-height:1.18}.yk-about-copy p{color:var(--m)}.yk-about-panel{padding:32px;border-radius:26px;background:#fff;box-shadow:var(--sh)}.yk-about-panel ul{margin:0;padding:0;list-style:none}.yk-about-panel li{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--b)}.yk-about-panel li:last-child{border-bottom:0}.yk-about-panel li::before{content:"✓";color:var(--a);font-weight:900}.yk-cta{padding:88px 0;color:#fff;background:linear-gradient(135deg,var(--p),#4469CE 55%,#7449C8)}.yk-cta-inner{max-width:780px;margin:0 auto;text-align:center}.yk-cta h2{margin:0;font-size:clamp(32px,5vw,50px);line-height:1.15}.yk-cta p{margin:17px auto 0;color:rgba(255,255,255,.82);font-size:17px}.yk-cta .yk-actions{justify-content:center}.yk-cta .yk-btn-primary{color:var(--p);background:#fff}.yk-cta .yk-btn-secondary{color:#fff;border-color:rgba(255,255,255,.30);background:rgba(255,255,255,.08)}.yk-site-footer{padding:46px 0 28px;color:rgba(255,255,255,.65);background:var(--d)}.yk-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:36px}.yk-footer-title{color:#fff;font-weight:800}.yk-footer-copy{max-width:500px;font-size:13px}.yk-footer-links{display:grid;gap:8px;margin-top:12px;font-size:13px}.yk-footer-links a{text-decoration:none}.yk-footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:34px;padding-top:22px;border-top:1px solid rgba(255,255,255,.10);font-size:12px}.yk-app-main{min-height:70vh;padding:46px 0 72px;background:#F8FAFC}.yk-app-frame{width:min(1180px,calc(100% - 28px));margin:0 auto}.yk-page-title{margin:0 0 24px;font-size:clamp(30px,4vw,44px)}.yk-content-card{padding:26px;border:1px solid var(--b);border-radius:20px;background:#fff}.yk-content-card>*:first-child{margin-top:0}.yk-content-card>*:last-child{margin-bottom:0}@media(max-width:920px){.yk-hero-grid,.yk-about-grid{grid-template-columns:1fr}.yk-feature-grid,.yk-pain-grid,.yk-step-grid{grid-template-columns:1fr 1fr}.yk-nav{display:none;position:absolute;top:72px;left:0;right:0;padding:16px 20px 22px;border-bottom:1px solid var(--b);background:#fff;box-shadow:0 18px 32px rgba(31,41,55,.08)}.yk-nav.is-open{display:grid;gap:16px}.yk-mobile-toggle{display:block}.yk-footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.admin-bar .yk-site-header{top:46px}.yk-container{width:min(100% - 24px,1180px)}.yk-header-inner{min-height:64px}.yk-nav{top:64px}.yk-hero{padding:58px 0 62px}.yk-hero-grid{gap:34px}.yk-hero h1{font-size:42px}.yk-hero-copy{font-size:16px}.yk-actions{display:grid}.yk-btn{width:100%}.yk-pain-grid,.yk-feature-grid,.yk-step-grid,.yk-compare,.yk-footer-grid{grid-template-columns:1fr}.yk-section{padding:64px 0}.yk-scene-card{padding:18px;border-radius:22px}.yk-scene-meta{display:grid}.yk-word{font-size:31px}.yk-scene-features{grid-template-columns:1fr}.yk-footer-bottom{flex-direction:column}.yk-app-main{padding-top:24px}}


/* Yankeyi roadmap v1.0.1 */
.yk-roadmap-section {
    background:
        radial-gradient(circle at 15% 20%, rgba(59, 125, 216, .08), transparent 26%),
        linear-gradient(180deg, #ffffff, #F8FBFF);
}

.yk-roadmap-note {
    max-width: 820px;
    margin: -18px auto 28px;
    padding: 14px 18px;
    border: 1px solid #DCE9FA;
    border-radius: 14px;
    background: #F8FBFF;
    color: #667085;
    font-size: 13px;
    text-align: center;
}

.yk-roadmap-note strong {
    color: #3B7DD8;
}

.yk-roadmap-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.yk-roadmap-card {
    position: relative;
    padding: 24px;
    border: 1px dashed #C8D7EA;
    border-radius: 20px;
    background: rgba(255, 255, 255, .82);
}

.yk-roadmap-status {
    position: absolute;
    top: 18px;
    right: 18px;
    padding: 5px 9px;
    border-radius: 999px;
    color: #8A5B00;
    background: #FFF3D6;
    font-size: 11px;
    font-weight: 800;
}

@media (max-width: 920px) {
    .yk-roadmap-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 620px) {
    .yk-roadmap-grid {
        grid-template-columns: 1fr;
    }
}