/*
Theme Name: LED Auth Shell
Description: LED 报价系统授权站极简外壳主题：品牌落地页 + API 文档页。不依赖外部 CDN，不承载业务逻辑。
Author: 阿客实验室研发部
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.0
License: Proprietary
Text Domain: led-auth-shell
*/

/* ---------------------------------------------------------------
   LED Auth Shell 极简样式（无外部依赖，全部本主题内）
   --------------------------------------------------------------- */
:root {
	--ink: #18202b;
	--ink-soft: #4a5568;
	--accent: #0e6f5c;
	--accent-dark: #0a5547;
	--line: #e2e8f0;
	--bg-soft: #f6f8fa;
	--radius: 10px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
	margin: 0;
	font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", system-ui, sans-serif;
	color: var(--ink);
	background: #fff;
	line-height: 1.7;
	font-size: 16px;
}
.wrap { max-width: 960px; margin: 0 auto; padding: 0 24px; }
a { color: var(--accent); }
code {
	background: var(--bg-soft);
	padding: 1px 6px;
	border-radius: 4px;
	font-size: 0.9em;
}

/* Header */
.site-header { border-bottom: 1px solid var(--line); background: #fff; }
.header-inner { display: flex; align-items: center; justify-content: space-between; height: 60px; }
.brand { text-decoration: none; color: var(--ink); font-weight: 700; display: flex; align-items: center; gap: 8px; }
.brand-mark {
	background: var(--accent);
	color: #fff;
	border-radius: 6px;
	padding: 2px 8px;
	font-size: 14px;
	letter-spacing: 1px;
}
.brand-name { font-size: 16px; }
.site-nav a { margin-left: 20px; text-decoration: none; color: var(--ink-soft); font-size: 15px; }
.site-nav a:hover { color: var(--accent); }

/* Hero */
.hero { background: linear-gradient(180deg, #f2faf7 0%, #ffffff 100%); padding: 72px 0 56px; text-align: center; }
.hero-title { font-size: 40px; margin: 0 0 12px; letter-spacing: 2px; }
.hero-sub { color: var(--ink-soft); font-size: 18px; margin: 0 0 28px; }
.hero-actions { display: flex; gap: 14px; justify-content: center; }
.btn {
	display: inline-block;
	padding: 10px 26px;
	border-radius: var(--radius);
	text-decoration: none;
	font-size: 15px;
}
.btn-primary { background: var(--accent); color: #fff; }
.btn-primary:hover { background: var(--accent-dark); color: #fff; }
.btn-ghost { border: 1px solid var(--line); color: var(--ink); background: #fff; }
.btn-ghost:hover { border-color: var(--accent); color: var(--accent); }

/* Sections */
.section-title { font-size: 26px; margin: 0 0 24px; }
.features, .activation, .contact, .api-docs { padding: 48px 0; }
.features { background: var(--bg-soft); }
.feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 18px; }
.feature-card {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	padding: 20px;
}
.feature-card h3 { margin: 0 0 8px; font-size: 17px; }
.feature-card p { margin: 0; color: var(--ink-soft); font-size: 14.5px; }

/* Activation steps */
.activation-steps { padding-left: 20px; max-width: 720px; }
.activation-steps li { margin-bottom: 12px; }
.notice {
	background: #fff8e6;
	border: 1px solid #f0dfa8;
	border-radius: var(--radius);
	padding: 12px 18px;
	max-width: 720px;
	font-size: 14.5px;
	color: #6b5b1e;
}
.notice p { margin: 0; }

/* Contact */
.contact-list { list-style: none; padding: 0; max-width: 720px; }
.contact-list li { padding: 6px 0; border-bottom: 1px dashed var(--line); color: var(--ink-soft); }

/* API docs */
.api-table { width: 100%; border-collapse: collapse; margin: 12px 0 28px; font-size: 14.5px; }
.api-table th, .api-table td { border: 1px solid var(--line); padding: 8px 12px; text-align: left; vertical-align: top; }
.api-table th { background: var(--bg-soft); }
.api-table code { white-space: nowrap; }
.code-block {
	background: #1f2933;
	color: #e6edf3;
	border-radius: var(--radius);
	padding: 16px 18px;
	overflow-x: auto;
	font-size: 13.5px;
	line-height: 1.6;
}
.doc-note { color: var(--ink-soft); font-size: 14px; }
.doc-list { padding-left: 20px; color: var(--ink-soft); font-size: 14.5px; }

/* Page content */
.page-content { padding: 40px 0 60px; }
.page-content h1 { font-size: 30px; }

/* Footer */
.site-footer { border-top: 1px solid var(--line); padding: 24px 0; margin-top: 40px; }
.footer-inner { display: flex; justify-content: space-between; align-items: center; color: var(--ink-soft); font-size: 14px; }
.footer-inner p { margin: 0; }
.footer-nav a { margin-left: 16px; text-decoration: none; color: var(--ink-soft); }
.footer-nav a:hover { color: var(--accent); }

@media (max-width: 640px) {
	.hero-title { font-size: 30px; }
	.site-nav a { margin-left: 12px; font-size: 14px; }
	.footer-inner { flex-direction: column; gap: 10px; }
}