/* Theme Name: MOONMOON AI WORLD Description: AI·업무 자동화 정보 공유 블로그용 블록 테마. Pretendard, 청록-파랑 강조, 점 격자 히어로, 첫 글 강조 카드. 워프 디자인 글(.ws-post)과 같은 톤. Version: 2.1.0 Requires at least: 6.6 Requires PHP: 7.4 Author: AX 업무자동화 담당 License: GPLv2 or later Text Domain: moonmoon-ai-world */ :root{--in-grad:linear-gradient(120deg,#1b7f6b 0%,#2563eb 100%)} body{background:#fff linear-gradient(180deg,#e9f2ff 0,#edf8f4 300px,#fff 720px) no-repeat;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility} a{text-underline-offset:3px} h1,h2,h3,h4,.wp-block-post-title,.wp-block-site-title,.wp-block-query-title{word-break:keep-all!important;overflow-wrap:normal!important;text-wrap:balance} p,li,.wp-block-post-excerpt__excerpt{text-wrap:pretty} mark{background:linear-gradient(transparent 56%,#ffe36e 56%);color:inherit;font-weight:700;padding:0 2px} ::selection{background:#d6efe8} /* 머리 */ .in-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.6);backdrop-filter:saturate(1.8) blur(12px);-webkit-backdrop-filter:saturate(1.8) blur(12px);border-bottom:1px solid rgba(226,232,240,.8)} .admin-bar .in-header{top:32px} @media (max-width:782px){.admin-bar .in-header{top:46px}} .in-brand{display:flex;align-items:center;gap:10px} .in-brand::before{content:"";width:30px;height:30px;border-radius:9px;background:url("assets/logo.svg") center/contain no-repeat;box-shadow:0 4px 12px rgba(37,99,235,.22);flex:none} .in-brand a,.in-header .wp-block-navigation a{text-decoration:none} .in-header .wp-block-navigation a:hover{color:#0f172a} .in-header .wp-block-search__button{background:transparent;color:#64748b;padding:6px;border:0} .in-header .wp-block-search__button:hover{color:#0f172a} /* 히어로 */ .in-hero{position:relative;isolation:isolate} .in-hero::before{content:"";position:absolute;inset:-40px -20px 0;z-index:-1;background-image:radial-gradient(#e2e8f0 1.2px,transparent 1.2px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 70% 80% at 30% 40%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 80% at 30% 40%,#000 30%,transparent 75%)} .in-eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #e2e8f0;background:#fff;border-radius:999px;padding:5px 12px 5px 10px;font-size:13px;font-weight:600;color:#334155} .in-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:#1b7f6b;box-shadow:0 0 0 4px rgba(27,127,107,.15)} .in-grad{background:var(--in-grad);-webkit-background-clip:text;background-clip:text;color:transparent} /* 카테고리 칩 */ .in-tabs{display:inline-flex!important;align-items:center;gap:2px!important;padding:5px;max-width:100%;overflow-x:auto;scrollbar-width:none;background:rgba(255,255,255,.78);border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 6px 18px rgba(15,23,42,.04);backdrop-filter:blur(6px)} .in-tabs::-webkit-scrollbar{display:none} .in-tabs>*{margin:0!important} .in-cats{list-style:none;display:flex;gap:2px;margin:0;padding:0} .in-cats li{margin:0} .in-tabs a{display:block;padding:8px 16px;border-radius:10px;font-size:14px;font-weight:600;color:#64748b;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s} .in-tabs a:hover{background:#f8fafc;color:#0f172a} .in-tab-all.is-active a,.in-cats .current-cat a{background:#0f172a;color:#fff;box-shadow:0 2px 6px rgba(15,23,42,.18)} /* 글 카드 */ .in-label{font-size:13px;font-weight:700;letter-spacing:.08em;color:#64748b} .in-grid .wp-block-post-template{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:56px 32px!important} @media (max-width:1000px){.in-grid .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media (max-width:640px){.in-grid .wp-block-post-template{grid-template-columns:1fr!important;gap:40px!important}} .in-grid .wp-block-post{display:flex;flex-direction:column} .in-card .wp-block-post-featured-image{margin:0;border-radius:14px;overflow:hidden;border:1px solid #e2e8f0;background:#f8fafc} .in-card .wp-block-post-featured-image img{aspect-ratio:16/9;object-fit:cover;transition:transform .35s ease} .in-card:hover .wp-block-post-featured-image img{transform:scale(1.03)} .in-card .wp-block-post-title a{text-decoration:none;color:#0f172a;background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;transition:background-size .25s} .in-card:hover .wp-block-post-title a{background-size:100% 1.5px} .in-card .wp-block-post-excerpt__excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0} .in-cat a{color:#1b7f6b;font-size:13px;font-weight:700;text-decoration:none} .in-cat .wp-block-post-terms__separator{color:#e2e8f0} .in-meta{color:#64748b;font-size:14px} /* 1페이지 첫 글은 크게 가로 배치 */ @media (min-width:800px){ body:not(.paged) .in-grid .wp-block-post:first-child{grid-column:1/-1;margin-bottom:24px} body:not(.paged) .in-grid .wp-block-post:first-child .in-card{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:center} body:not(.paged) .in-grid .wp-block-post:first-child .wp-block-post-title{font-size:30px!important;line-height:1.35!important} body:not(.paged) .in-grid .wp-block-post:first-child .wp-block-post-excerpt__excerpt{-webkit-line-clamp:3;font-size:16px} } /* 글 본문 */ .in-single-head .wp-block-post-title{letter-spacing:-.03em} .wp-block-post-content img{border-radius:12px} .wp-block-post-content figcaption{color:#64748b;font-size:15px;text-align:center} .wp-block-post-content :where(p,li){font-size:17px} .in-tags a{display:inline-block;padding:4px 12px;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;color:#334155;font-size:14px;text-decoration:none;margin:0 6px 6px 0} .in-tags .wp-block-post-terms__separator{display:none} .in-nav{display:grid!important;grid-template-columns:1fr 1fr;gap:12px} .in-nav>div{border:1px solid #e2e8f0;border-radius:14px;padding:16px 18px;transition:border-color .15s} .in-nav>div:hover{border-color:#1b7f6b} .in-nav>div:empty{border:0} .in-nav a{text-decoration:none;color:#0f172a;font-weight:700} .in-nav .post-navigation-link-next{text-align:right} @media (max-width:600px){.in-nav{grid-template-columns:1fr}} /* 기타 */ .wp-block-query-pagination a,.wp-block-query-pagination span{text-decoration:none;padding:6px 10px;border-radius:8px} .wp-block-query-pagination .current{background:#0f172a;color:#fff} .wp-block-search__input{border:1px solid #e2e8f0;border-radius:10px;padding:12px 16px;font:inherit} .wp-block-search__input:focus{outline:2px solid #1b7f6b;outline-offset:1px} .in-footer{background:radial-gradient(900px 360px at 88% 0%,rgba(37,99,235,.38),transparent 62%),radial-gradient(800px 340px at 0% 100%,rgba(27,127,107,.36),transparent 62%),linear-gradient(135deg,#0b1220 0%,#0f1d3a 55%,#0b2633 100%);color:#cbd5e1} .in-footer a{text-decoration:none;color:#cbd5e1} .in-footer a:hover{color:#fff} .in-footer .wp-block-site-title a{color:#fff} .in-footer .wp-block-site-tagline{color:#94a3b8} .in-footer .in-col-t{font-size:12px;font-weight:700;letter-spacing:.14em;color:#64748b;margin:0 0 14px} .in-footer-cats{list-style:none;padding:0!important;margin:0!important;display:grid;gap:8px} .in-footer-cats li{margin:0!important;line-height:1.5} .in-footer-cats a{font-size:14px;color:#cbd5e1;display:inline-flex;align-items:center;gap:8px} .in-footer-cats a::before{content:"";width:5px;height:5px;border-radius:50%;background:#5eead4;opacity:.7} .in-footer-cats a:hover{color:#fff} .in-footer .in-copy{color:#64748b;font-size:13px;margin:0} .in-footer .in-copy a{color:#94a3b8} .in-footer .in-copy a:hover{color:#fff} .in-footer .in-rule{border:0;border-top:1px solid rgba(255,255,255,.1);margin:32px 0 20px} /* 워프 디자인 글(.ws-post) 스타일 — 글 속