gpttemp

code/public/static/css/modules/seowords/layout/layout_A.css

@@ -0,0 +1,47 @@
+/* ================= SeoWords Layout A ================= */
+
+.__PFX__-sw-a{
+    margin:12px 0;
+    font-size:13px;
+    line-height:1.8;
+    color:var(--text-muted-color);
+}
+
+.__PFX__-sw-a a{
+    color:var(--text-muted-color);
+    text-decoration:none;
+}
+
+.__PFX__-sw-a strong,
+.__PFX__-sw-a em,
+.__PFX__-sw-a mark{
+    font-style:normal;
+    font-weight:500;
+    background:none;
+    color:var(--text-color);
+}
+
+.__PFX__-sw-inline{
+    display:flex;
+    flex-wrap:wrap;
+    gap:6px;
+    list-style:none;
+    padding:0;
+    margin:0;
+}
+
+.__PFX__-sw-inline li::after{
+    content:"、";
+}
+
+.__PFX__-sw-inline li:last-child::after{
+    content:"";
+}
+
+.__PFX__-sw-a.compact{
+    font-size:12px;
+}
+
+.__PFX__-sw-a.seo{
+    font-weight:500;
+}

code/public/static/css/modules/seowords/layout/layout_B.css

@@ -0,0 +1,65 @@
+/* ================= SeoWords Layout B ================= */
+
+.__PFX__-sw-b{
+    margin:16px 0;
+    padding:12px;
+    background:var(--bg-soft-color);
+    border-radius:8px;
+    font-size:13px;
+    line-height:1.7;
+}
+
+.__PFX__-sw-b a{
+    color:var(--text-color);
+    text-decoration:none;
+}
+
+/* card */
+.__PFX__-sw-card{
+    list-style:none;
+    display:flex;
+    flex-wrap:wrap;
+    gap:8px;
+    padding:0;
+    margin:0;
+}
+.__PFX__-sw-card li{
+    padding:6px 10px;
+    background:var(--bg-color);
+    border-radius:6px;
+}
+
+/* cloud */
+.__PFX__-sw-cloud .tag{
+    display:inline-block;
+    padding:4px 10px;
+    margin:4px;
+    background:var(--bg-color);
+    border-radius:999px;
+    font-size:12px;
+}
+
+/* grid */
+.__PFX__-sw-grid{
+    display:grid;
+    grid-template-columns:repeat(auto-fill,minmax(120px,1fr));
+    gap:10px;
+}
+
+/* badge */
+.__PFX__-sw-badge .badge{
+    display:inline-block;
+    padding:4px 8px;
+    margin:3px;
+    background:var(--bg-color);
+    border-radius:4px;
+}
+
+/* compact / seo */
+.__PFX__-sw-b.compact{
+    padding:10px;
+    font-size:12px;
+}
+.__PFX__-sw-b.seo{
+    font-weight:500;
+}

code/public/static/css/modules/seowords/layout/layout_C.css

@@ -0,0 +1,46 @@
+/* ================= SeoWords Layout C ================= */
+
+.__PFX__-sw-c{
+    margin:14px 0;
+    font-size:14px;
+    line-height:1.9;
+    color:var(--text-color);
+}
+
+.__PFX__-sw-c p{
+    margin:6px 0;
+}
+
+.__PFX__-sw-c a{
+    color:var(--text-color);
+    text-decoration:none;
+}
+
+.__PFX__-sw-c strong,
+.__PFX__-sw-c em,
+.__PFX__-sw-c mark{
+    font-style:normal;
+    font-weight:500;
+    background:none;
+    color:var(--primary-color);
+}
+
+.__PFX__-sw-c small{
+    font-size:12px;
+    color:var(--text-muted-color);
+}
+
+.__PFX__-sw-c blockquote{
+    margin:8px 0;
+    padding-left:12px;
+    border-left:3px solid var(--border-color);
+    color:var(--text-muted-color);
+}
+
+.__PFX__-sw-c.compact{
+    font-size:13px;
+}
+
+.__PFX__-sw-c.seo{
+    font-weight:400;
+}

code/public/static/css/modules/seowords/layout/layout_D.css

@@ -0,0 +1,51 @@
+/* ================= SeoWords Layout D ================= */
+
+.__PFX__-sw-d{
+    margin:16px 0;
+    padding:12px;
+    border:1px solid var(--border-color);
+    background:var(--bg-soft-color);
+}
+
+.__PFX__-sw-d a{
+    margin-right:8px;
+    color:var(--text-color);
+    text-decoration:none;
+    white-space:nowrap;
+}
+
+.__PFX__-sw-box h4,
+.__PFX__-sw-box h5{
+    margin:0 0 8px;
+    font-size:14px;
+}
+
+.__PFX__-sw-cloud a{
+    display:inline-block;
+    margin:4px 6px;
+    font-size:13px;
+}
+
+.__PFX__-sw-grid{
+    display:grid;
+    grid-template-columns:repeat(2,1fr);
+    gap:6px;
+}
+
+.__PFX__-sw-ul,
+.__PFX__-sw-ol{
+    padding-left:18px;
+}
+
+.__PFX__-sw-footer{
+    font-size:12px;
+    color:var(--text-muted-color);
+}
+
+.__PFX__-sw-box.shadow{
+    box-shadow:0 2px 6px var(--shadow-color);
+}
+
+.__PFX__-sw-d.compact{
+    padding:8px;
+}

code/public/static/css/modules/seowords/seowords.css

@@ -0,0 +1,38 @@
+.__PFX__-seowords {
+    margin: 16px 0;
+    font-size: 14px;
+    line-height: 1.8;
+    color: var(--text-muted-color);
+}
+
+.__PFX__-seowords a {
+    color: var(--text-color);
+    text-decoration: none;
+    margin-right: 6px;
+}
+
+.__PFX__-seowords a:hover {
+    color: var(--primary-color);
+    text-decoration: underline;
+}
+
+/* Family B */
+.__PFX__-seowords.B .__PFX__-seowords-list {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 6px 12px;
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+/* Family C */
+.__PFX__-seowords.C .__PFX__-seowords-label {
+    margin-right: 6px;
+    color: var(--text-muted-color);
+}
+
+/* Family D */
+.__PFX__-seowords.D .__PFX__-seowords-paragraph {
+    margin: 0;
+}