:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f7fb;--surface:#fff;--surface-soft:#f0f3f8;--text:#1f2937;--muted:#6b7280;--border:#d9e0ea;--primary:#2563eb;--primary-dark:#1d4ed8;--danger:#dc2626;--shadow:0 20px 45px #0f172a14}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.center-screen,.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.loading-card,.login-card,.detail-card,.panel-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px}.loading-card{padding:24px 32px}.login-card{width:min(420px,100%);padding:32px}.login-card h1,.detail-card h1,.view-header h1,.top-bar h1{overflow-wrap:anywhere;word-break:break-word;margin:0}.login-card label{color:var(--muted);gap:8px;margin-top:18px;display:grid}.login-card input{border:1px solid var(--border);width:100%;color:var(--text);background:var(--surface);border-radius:12px;padding:12px 14px}.primary-button,.primary-inline-button,.ghost-button,.danger-button,.pagination button,.side-tab,.logout-button{border:0;border-radius:12px;padding:10px 14px}.primary-button{color:#fff;background:var(--primary);width:100%;margin-top:20px}.primary-inline-button{color:#fff;background:var(--primary)}.danger-button{color:#fff;background:var(--danger)}.primary-button:hover:not(:disabled),.primary-inline-button:hover:not(:disabled){background:var(--primary-dark)}.ghost-button,.pagination button{color:var(--text);background:var(--surface);border:1px solid var(--border)}.muted,.date-text,.meta-row,.summary-text{color:var(--muted)}.error-text{color:var(--danger)}.success-text{color:#16a34a}.page-shell{width:min(1100px,100% - 32px);margin:0 auto;padding:32px 0}.top-bar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.article-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;display:grid}.article-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;transition:transform .16s,box-shadow .16s;display:flex;overflow:hidden}.article-card:hover{transform:translateY(-2px)}.cover-box{color:var(--muted);background:var(--surface-soft);place-items:center;display:grid}.cover-box img{width:100%;height:auto;display:block}.article-card-body{z-index:1;background:var(--surface);flex:1;padding:16px;position:relative}.article-card-body h2{overflow-wrap:anywhere;word-break:break-word;min-height:3em;margin:0 0 8px;font-size:18px;line-height:1.45}.pagination{justify-content:center;align-items:center;gap:16px;margin-top:28px;display:flex}.detail-shell{max-width:900px}.detail-card{padding:28px}.detail-cover{object-fit:cover;border-radius:14px;width:100%;max-height:360px;margin-bottom:22px}.meta-row,.tag-row{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}.tag-row span{background:var(--surface-soft);color:var(--muted);border-radius:999px;padding:4px 10px}.article-content{margin-top:24px;line-height:1.75}.article-content img{max-width:100%;height:auto}.viewpoints-box{border:1px solid var(--border);background:#6b728014;border-radius:14px;margin-top:28px;padding:18px 20px}.viewpoints-box h2{margin:0 0 12px}.viewpoints-box h2 span{color:#fff;background:var(--danger);border-radius:8px;padding:4px 10px;font-size:16px;display:inline-block}.viewpoints-box p{white-space:pre-line;margin:0;line-height:1.75}.admin-layout{min-height:100vh;display:flex}.admin-sidebar{color:#fff;background:#111827;flex-direction:column;width:240px;padding:24px;display:flex}.brand-block{gap:4px;margin-bottom:28px;display:grid}.brand-block span{color:#9ca3af}.admin-sidebar nav{gap:8px;display:grid}.side-tab,.logout-button{text-align:left;color:#d1d5db;background:0 0;width:100%}.side-tab.active,.side-tab:hover,.logout-button:hover{color:#fff;background:#ffffff1f}.logout-button{margin-top:auto}.admin-main{flex:1;padding:32px}.view-header{margin-bottom:24px}.panel-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;display:grid}.panel-card{padding:22px}.admin-stack{gap:18px;display:grid}.admin-form{gap:14px;display:grid}.admin-form label{color:var(--muted);gap:8px;display:grid}.admin-form input,.admin-form textarea{border:1px solid var(--border);width:100%;color:var(--text);background:var(--surface);border-radius:12px;padding:10px 12px}.button-row,.table-header,.action-cell{align-items:center;gap:10px;display:flex}.table-header{justify-content:space-between;margin-bottom:14px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:10px 12px}th{color:var(--muted);background:var(--surface-soft);font-weight:600}.filter-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.log-url{word-break:break-all;max-width:520px}.detail-grid{gap:14px;display:grid}.json-block,.log-body{border:1px solid var(--border);background:var(--surface-soft);white-space:pre-wrap;word-break:break-word;border-radius:12px;max-height:360px;padding:12px;overflow:auto}.response-detail-card h3{margin-bottom:8px}@media (width<=720px){.top-bar,.admin-layout{flex-direction:column;align-items:stretch}.page-shell{width:min(100% - 20px,1100px);padding:20px 0}.button-row,.table-header,.action-cell{flex-wrap:wrap}.detail-card,.panel-card,.login-card{padding:20px}.detail-card h1,.top-bar h1{font-size:26px;line-height:1.25}.article-card-body h2{min-height:auto}.admin-sidebar{width:100%}.admin-main{min-width:0;padding:20px}}