@charset "utf-8";
/* ============================================================
   在线网页版PS www.ab123.cn 全站样式
   设计原则：绿色主题 / 专业简洁 / 兼容 IE9+ / 移动端自适应
   ============================================================ */

* { margin:0; padding:0; box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body {
	font-family:"Microsoft YaHei","微软雅黑","PingFang SC","Helvetica Neue",Arial,sans-serif;
	font-size:14px; line-height:1.7; color:#222; background:#f4f6f5; min-width:320px;
}
img { border:0; max-width:100%; }
a { color:#0a8a49; text-decoration:none; }
a:hover { color:#066d38; text-decoration:underline; }
ul,ol { list-style:none; }
h1,h2,h3,h4 { line-height:1.4; }
.container { width:1180px; max-width:94%; margin:0 auto; }
.skip-link { position:absolute; left:-9999px; top:0; background:#119955; color:#fff; padding:6px 12px; z-index:999; }
.skip-link:focus { left:8px; top:8px; }

/* ---------- 顶部条 ---------- */
.top-strip { background:#eef7f1; border-bottom:1px solid #d8ead9; font-size:12px; color:#555; }
.top-strip .container { padding-top:5px; padding-bottom:5px; display:block; }
.ts-item { margin-right:18px; }
.ts-domain em { color:#d62323; font-style:normal; font-weight:bold; }

/* ---------- 头部 ---------- */
.site-header { background:#fff; border-bottom:1px solid #e2e7e3; }
.header-inner { padding:14px 0; display:block; font-size:0; }
.logo { display:inline-block; vertical-align:middle; }
.logo img { vertical-align:middle; width:36px; height:36px; }
.logo-txt { display:inline-block; vertical-align:middle; margin-left:8px; }
.logo-txt strong { display:block; font-size:20px; color:#0f8a4c; line-height:1.2; }
.logo-txt small { display:block; font-size:12px; color:#888; font-weight:normal; }
.header-search { float:right; margin-top:8px; }
.header-search input[type="text"] {
	width:210px; height:36px; border:1px solid #cfd8d1; border-right:0; padding:0 10px;
	font-size:13px; vertical-align:middle; border-radius:2px 0 0 2px; outline:none;
}
.header-search input[type="text"]:focus { border-color:#119955; }
.header-search button {
	height:36px; padding:0 18px; border:0; background:#119955; color:#fff; font-size:14px;
	vertical-align:middle; cursor:pointer; border-radius:0 2px 2px 0;
}
.header-search button:hover { background:#0e8047; }

/* ---------- 导航 ---------- */
.site-nav { background:#119955; }
.nav-inner { }
.nav-inner ul { font-size:0; white-space:nowrap; overflow-x:auto; }
.nav-inner li { display:inline-block; }
.nav-inner a {
	display:block; padding:0 20px; height:44px; line-height:44px; color:#eafff2;
	font-size:15px; white-space:nowrap;
}
.nav-inner a:hover { background:#0e8047; color:#fff; text-decoration:none; }
.nav-inner a.on { background:#0b6f3c; color:#fff; font-weight:bold; }

/* ---------- 面包屑 ---------- */
.breadcrumb { background:#fff; border-bottom:1px solid #eee; font-size:12px; color:#888; }
.breadcrumb ol { white-space:nowrap; overflow-x:hidden; padding:8px 0; }
.breadcrumb li { display:inline-block; }
.breadcrumb li.sep { margin:0 7px; color:#bbb; }
.breadcrumb a { color:#666; }
.breadcrumb span { color:#333; }

/* ---------- 页面标题区 ---------- */
.page-head { background:#fff; padding:22px 0 18px; border-bottom:1px solid #eee; margin-bottom:18px; }
.page-head h1 { font-size:24px; color:#14432a; margin-bottom:8px; }
.page-head p { color:#666; font-size:14px; }
.badges { margin-top:10px; font-size:12px; }
.badges span { display:inline-block; background:#eaf7ef; color:#0b7a40; border:1px solid #c9e7d4; border-radius:2px; padding:2px 10px; margin:0 8px 6px 0; }

/* ---------- 通用卡片 / 按钮 ---------- */
.card { background:#fff; border:1px solid #e4e9e5; border-radius:4px; padding:18px; margin-bottom:18px; }
.btn {
	display:inline-block; border:1px solid #119955; background:#119955; color:#fff; padding:8px 20px;
	font-size:14px; border-radius:3px; cursor:pointer; text-align:center; line-height:1.4;
}
.btn:hover { background:#0e8047; border-color:#0e8047; color:#fff; text-decoration:none; }
.btn:active { background:#0b6f3c; }
.btn[disabled] { background:#9cc9b1 !important; border-color:#9cc9b1 !important; cursor:not-allowed; }
.btn-plain { background:#fff; color:#119955; }
.btn-plain:hover { background:#eaf7ef; color:#0b6f3c; }
.btn-danger { background:#d4493b; border-color:#d4493b; }
.btn-danger:hover { background:#b93a2e; border-color:#b93a2e; }
.btn-sm { padding:4px 12px; font-size:12px; }

/* ---------- 工具页通用 ---------- */
.tool-app { background:#fff; border:1px solid #e4e9e5; border-radius:4px; padding:18px; margin-bottom:18px; }
.dropzone {
	border:2px dashed #9ed3b5; background:#f6fbf8; border-radius:6px; text-align:center;
	padding:40px 16px; cursor:pointer;
}
.dropzone:hover, .dropzone.over { border-color:#119955; background:#eaf7ef; }
.dropzone .dz-icon { font-size:40px; color:#119955; line-height:1.2; }
.dropzone .dz-tip { font-size:16px; color:#14432a; margin:8px 0 4px; font-weight:bold; }
.dropzone .dz-sub { font-size:12px; color:#888; }
.dropzone input[type="file"] { position:absolute; left:-9999px; width:1px; height:1px; }

.opts { margin-top:16px; }
.opt-row { margin-bottom:12px; font-size:0; }
.opt-row > label { display:inline-block; width:96px; font-size:13px; color:#444; vertical-align:middle; text-align:right; padding-right:12px; }
.opt-row .opt-ctl { display:inline-block; font-size:13px; vertical-align:middle; width:70%; }
.opt-row input[type="number"], .opt-row input[type="text"], .opt-row select, .opt-row textarea {
	border:1px solid #cfd8d1; padding:6px 8px; border-radius:2px; font-size:13px; outline:none; max-width:100%;
	font-family:inherit;
}
.opt-row input[type="number"]:focus, .opt-row input[type="text"]:focus, .opt-row select:focus, .opt-row textarea:focus { border-color:#119955; }
.opt-row input[type="range"] { width:62%; vertical-align:middle; max-width:340px; }
.opt-row .range-val { display:inline-block; width:56px; font-size:12px; color:#0b7a40; padding-left:8px; }
.opt-row textarea { width:100%; height:64px; resize:vertical; }
.opt-hint { font-size:12px; color:#999; margin-left:8px; }
.opt-inline label { margin-right:16px; font-size:13px; white-space:nowrap; }
.opt-actions { padding:10px 0 0 96px; }
.opt-actions .btn { margin-right:10px; margin-bottom:8px; }

.preview-wrap { margin-top:16px; text-align:center; background:#f0f2f0
	url("data:image/gif;base64,R0lGODlhEAAQAIAAAP///2ZmZv///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAAA8ACwAAAAAEAAQAAADRdAk1gQAOw==") repeat;
	border:1px solid #e0e5e1; border-radius:4px; padding:14px; max-height:520px; overflow:auto; display:none; }
.preview-wrap canvas { max-width:100%; height:auto; box-shadow:0 1px 6px rgba(0,0,0,.15); -ms-touch-action:none; touch-action:none; }
.result-msg { margin-top:10px; font-size:13px; color:#555; display:none; }
.result-msg b { color:#0b7a40; }
.server-note { display:none; background:#fff8e6; border:1px solid #f0d99a; color:#8a6d1f; padding:8px 12px; border-radius:3px; font-size:12px; margin-top:12px; }

/* ---------- PS 编辑器（专业版） ---------- */
.edi { border:1px solid #d4dbd5; border-radius:5px; overflow:hidden; margin-bottom:18px; background:#fff; position:relative; }

/* 顶部菜单栏（禁止 overflow 裁剪，否则下拉菜单会被剪掉） */
.edi-menu { background:#2c3339; background-image:linear-gradient(#3a434c,#2a3138); position:relative; z-index:60; font-size:0; white-space:nowrap; }
.edi-menu .mn { display:inline-block; position:relative; font-size:13px; vertical-align:top; }
.edi-menu .mn-h {
	display:block; background:transparent; border:0; color:#cfd8d2; padding:8px 15px;
	font-size:13px; cursor:pointer; font-family:inherit; line-height:1.5;
}
.edi-menu .mn:hover .mn-h, .edi-menu .mn.open .mn-h { background:#119955; color:#fff; }
.edi-menu .mn-pop {
	display:none; position:absolute; left:0; top:100%; min-width:216px; background:#fff;
	border:1px solid #c3cbc5; border-radius:0 0 4px 4px; box-shadow:0 6px 20px rgba(0,0,0,.25);
	z-index:80; padding:4px 0;
}
.edi-menu .mn.open .mn-pop { display:block; }
.edi-menu .mn-pop button {
	display:block; width:100%; text-align:left; background:#fff; border:0; padding:8px 18px;
	font-size:13px; color:#333; cursor:pointer; font-family:inherit; white-space:nowrap;
}
.edi-menu .mn-pop button:hover { background:#eaf7ef; color:#0b6f3c; }
.edi-menu .mn-pop button:active { background:#d9ece2; }
.edi-menu .mn-pop button i { float:right; color:#a6b0a9; font-style:normal; font-size:11px; padding-left:22px; }
.edi-menu .mn-pop button.bd { border-top:1px solid #eef1ef; margin-top:3px; }

/* 快捷工具条 */
.edi-bar { background:#f3f6f4; border-bottom:1px solid #dde3df; padding:8px 12px; font-size:0; }
.ebtn {
	display:inline-block; border:1px solid #cfd8d1; background:#f8faf9; color:#37403a; padding:6px 14px;
	font-size:13px; border-radius:3px; cursor:pointer; text-align:center; line-height:1.4;
	margin:0 6px 0 0; font-family:inherit; vertical-align:middle;
}
.ebtn:hover { border-color:#119955; color:#0b6f3c; background:#eaf7ef; }
.ebtn[disabled] { color:#aab4ad; background:#f3f6f4; border-color:#e2e7e3; cursor:default; }
.eb-primary { background:#119955; border-color:#119955; color:#fff; }
.eb-primary:hover { background:#0e8047; border-color:#0e8047; color:#fff; }
.eb-r { float:right; margin:0 0 0 6px; }
.eb-sep { display:inline-block; width:1px; height:20px; background:#d6ded8; vertical-align:middle; margin:0 8px; }
.fg-chip { display:inline-block; width:22px; height:22px; border:1px solid #cfd8d1; border-radius:3px; vertical-align:middle; box-shadow:inset 0 0 0 1px #fff; }

.edi-body { display:flex; min-height:600px; }
.edi-tools { width:54px; background:#2c3339; padding:8px 0; text-align:center; flex:0 0 54px; }
.edi-tools .tbtn {
	display:block; width:48px; margin:0 auto 5px; padding:6px 2px 5px; border:1px solid transparent;
	background:transparent; color:#c7d0c9; font-size:11px; border-radius:4px; cursor:pointer; line-height:1.3;
	font-family:inherit;
}
.edi-tools .tbtn svg {
	width:20px; height:20px; display:block; margin:0 auto 2px;
	stroke:currentColor; stroke-width:1.7; fill:none; stroke-linecap:round; stroke-linejoin:round;
}
.edi-tools .tbtn svg .sg-rect { fill:url(#edGrad1); stroke:currentColor; }
.edi-tools .tbtn:hover { background:#3a434a; color:#fff; }
.edi-tools .tbtn:active { background:#119955; color:#fff; }
.edi-tools .tbtn.on { background:#119955; color:#fff; border-color:#0e8047; }

.edi-stage-wrap {
	flex:1; display:flex; align-items:center; justify-content:center;
	background:#23282c url("data:image/gif;base64,R0lGODlhEAAQAIAAAP7+/v7+/v///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAAA8ACwAAAAAEAAQAAADRdAk1gQAOw==");
	overflow:auto; position:relative; min-width:0; padding:20px;
}
.stage { position:relative; font-size:0; box-shadow:0 2px 14px rgba(0,0,0,.45); display:none; }
#cvMain, #cvOverlay { display:block; }
#cvOverlay { position:absolute; left:0; top:0; }
.edi-stage-wrap.over { outline:3px dashed #39c47e; outline-offset:-14px; }
.stage-empty { color:#8a938d; text-align:center; font-size:13px; }
.stage-empty .se-icon { font-size:54px; display:block; margin-bottom:12px; }
.stage-empty .se-btn { margin-top:16px; }
.stage-empty .se-sub { margin-top:10px; font-size:12px; color:#6b756e; }

.edi-status {
	position:absolute; left:0; bottom:0; height:30px; line-height:30px; background:rgba(20,24,27,.82);
	color:#cdd6cf; font-size:12px; width:100%; padding:0 12px; white-space:nowrap;
}
.edi-status #posText { color:#8a938d; margin-left:16px; }
.edi-status .zs-r { float:right; }
.edi-status button {
	background:#3a434a; color:#fff; border:0; width:24px; height:20px; margin:0 2px; cursor:pointer;
	border-radius:2px; vertical-align:middle; font-size:13px;
}
.edi-status button:hover { background:#119955; }
.edi-status #zoomText { display:inline-block; width:52px; text-align:center; }

/* 右侧 Tab 面板 */
.edi-panel {
	flex:0 0 300px; width:300px; border-left:1px solid #dde3df; background:#fafbfa;
	display:flex; flex-direction:column; max-height:680px;
}
.ptabs { display:flex; flex:0 0 auto; background:#eef2f0; border-bottom:1px solid #dde3df; }
.ptabs button {
	flex:1; border:0; background:transparent; padding:11px 0 9px; font-size:13px; color:#5c675f;
	cursor:pointer; border-bottom:2px solid transparent; font-family:inherit;
}
.ptabs button:hover { color:#0b6f3c; }
.ptabs button.on { color:#0b6f3c; font-weight:bold; border-bottom-color:#119955; background:#fafbfa; }
.ptab-body { flex:1; overflow-y:auto; }
.ptab-pane { padding:14px 14px 18px; }
.psec-inner { margin-bottom:18px; }
.psec-inner:last-child { margin-bottom:0; }
.psub-title { font-size:13px; color:#14432a; margin:0 0 10px; padding-bottom:6px; border-bottom:1px solid #e6ebe7; }
.ptab-pane label { font-size:12px; color:#555; display:block; margin-bottom:4px; }
.ptab-pane input[type="number"], .ptab-pane input[type="text"], .ptab-pane select, .ptab-pane textarea {
	width:100%; border:1px solid #cfd8d1; padding:5px 7px; font-size:13px; border-radius:2px; font-family:inherit; background:#fff;
}
.ptab-pane input[type="color"] { width:44px; height:28px; vertical-align:middle; border:1px solid #cfd8d1; background:#fff; padding:0; }
.ptab-pane textarea { height:62px; resize:vertical; }
.ptab-pane .inline-row { font-size:0; }
.ptab-pane .inline-row .col { display:inline-block; width:48%; font-size:12px; }
.ptab-pane .inline-row .col.r { float:right; }
.slider-row { margin-bottom:9px; }
.slider-row .sl-head { font-size:12px; color:#555; }
.slider-row .sl-head b { float:right; color:#0b7a40; font-weight:normal; }
.ptab-pane input[type="range"] { width:100%; }
.ptab-pane .mini-tip { font-size:11px; color:#999; margin-top:5px; line-height:1.6; }
.ptab-pane .btn { width:100%; margin:4px 0 6px; }
.ptab-pane .psec-inner > .btn:first-of-type { margin-top:4px; }

/* 一键滤镜网格 */
.fx-grid { font-size:0; margin:0 -3px; }
.fx-btn {
	display:inline-block; width:25%; padding:7px 0; margin:0 0 8px; border:1px solid #cfd8d1; background:#fff;
	color:#37403a; font-size:12px; border-radius:3px; cursor:pointer; font-family:inherit;
}
.fx-btn:hover { border-color:#119955; color:#0b6f3c; background:#eaf7ef; }

/* 图层面板 */
.ly-ops { font-size:0; margin:8px 0 4px; }
.ly-op {
	display:inline-block; width:38px; height:30px; border:1px solid #cfd8d1; background:#fff; border-radius:3px;
	cursor:pointer; font-size:13px; color:#4a544c; margin:0 6px 6px 0; font-family:inherit;
}
.ly-op:hover { border-color:#119955; color:#0b6f3c; }
.ly-op.ly-danger:hover { border-color:#d4493b; color:#d4493b; background:#fdf0ef; }
.layer-list { border:1px solid #dde3df; border-radius:3px; background:#fff; max-height:264px; overflow-y:auto; }
.layer-list li { padding:6px 8px; border-bottom:1px solid #eef1ef; cursor:pointer; font-size:0; white-space:nowrap; }
.layer-list li:last-child { border-bottom:0; }
.layer-list li.on { background:#e3f4ea; box-shadow:inset 3px 0 0 #119955; }
.ly-eye { display:inline-block; width:20px; font-size:12px; color:#5c675f; vertical-align:middle; }
.ly-eye.off { color:#b9c2bc; }
.ly-th {
	display:inline-block; width:34px; height:26px; border:1px solid #cfd8d1; vertical-align:middle;
	margin-right:7px; background:#f0f2f0 url("data:image/gif;base64,R0lGODlhEAAQAIAAAP///2ZmZv///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAAA8ACwAAAAAEAAQAAADRdAk1gQAOw==");
}
.ly-th canvas { display:block; width:34px; height:26px; }
.ly-name { display:inline-block; font-size:12px; color:#37403a; vertical-align:middle; max-width:150px; overflow:hidden; text-overflow:ellipsis; }

/* 历史面板 */
.hist-list { border:1px solid #dde3df; border-radius:3px; background:#fff; margin-bottom:10px; }
.hist-list li { padding:8px 10px; border-bottom:1px solid #eef1ef; font-size:12px; color:#5c675f; cursor:pointer; white-space:nowrap; overflow:hidden; }
.hist-list li:last-child { border-bottom:0; }
.hist-list li:hover { background:#f3f9f5; }
.hist-list li.on { background:#e3f4ea; color:#0b6f3c; font-weight:bold; }
.hi-idx { display:inline-block; width:22px; color:#9aa69e; }
.hist-list li.on .hi-idx { color:#0b6f3c; }

/* 对话框 */
.dlg-root {
	position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(20,28,24,.45);
	z-index:1000; -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#73141C18,endColorstr=#73141C18)";
}
.dlg-box {
	position:absolute; left:50%; top:50%; width:380px; max-width:92%; max-height:84%; overflow:auto;
	background:#fff; border-radius:6px; box-shadow:0 10px 40px rgba(0,0,0,.3);
	-webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);
}
.dlg-box.dlg-sm { width:320px; }
.dlg-head { padding:12px 16px; border-bottom:1px solid #eee; font-size:14px; color:#14432a; }
.dlg-x { float:right; cursor:pointer; color:#99a49d; font-size:19px; line-height:1.2; padding:0 2px; }
.dlg-x:hover { color:#d4493b; }
.dlg-body { padding:16px; font-size:13px; color:#444; }
.dlg-body label { font-size:13px; color:#444; }
.dlg-foot { padding:10px 16px 14px; text-align:right; border-top:1px solid #f0f2f0; font-size:0; }
.dlg-foot .btn { display:inline-block; width:auto; min-width:76px; margin-left:10px; margin-bottom:0; }
.dlg-radio { font-size:13px; color:#444 !important; display:block !important; margin-bottom:4px; }
.dlg-radio input { vertical-align:middle; margin-right:5px; }
.keys-table { width:100%; border-collapse:collapse; }
.keys-table td { padding:6px 4px; border-bottom:1px solid #f0f2f0; font-size:12px; color:#555; }
.keys-table tr:last-child td { border-bottom:0; }
.keys-table b { color:#0b6f3c; font-family:Consolas,"Courier New",monospace; background:#eef7f1; padding:1px 5px; border-radius:2px; font-weight:normal; margin-right:3px; }

/* Toast 轻提示 */
.edi-toast {
	position:absolute; left:50%; top:66px; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%);
	transform:translateX(-50%); background:rgba(20,28,24,.88); color:#fff; font-size:13px;
	padding:9px 20px; border-radius:4px; z-index:950; opacity:0; visibility:hidden;
	-webkit-transition:opacity .2s; transition:opacity .2s; pointer-events:none; max-width:80%; text-align:center;
}
.edi-toast.show { opacity:1; visibility:visible; }

.old-tip { display:none; background:#fdf2e2; border:1px solid #ecc985; color:#8a6414; padding:12px 16px; border-radius:4px; margin-bottom:14px; font-size:13px; }

/* ---------- SEO 内容区 ---------- */
.seo-box { background:#fff; border:1px solid #e4e9e5; border-radius:4px; padding:24px 26px; margin-bottom:18px; }
.seo-box h2 { font-size:20px; color:#14432a; margin:22px 0 10px; padding-left:10px; border-left:4px solid #119955; }
.seo-box h2:first-child { margin-top:0; }
.seo-box h3 { font-size:16px; color:#1d5a39; margin:16px 0 6px; }
.seo-box p { margin-bottom:10px; color:#3f4741; }
.seo-box ul { margin:0 0 10px 22px; list-style:disc; }
.seo-box ul li { margin-bottom:5px; color:#3f4741; }
.steps { counter-reset:step; margin-left:0 !important; list-style:none !important; }
.steps li {
	position:relative; padding-left:42px; margin-bottom:14px; min-height:30px;
}
.steps li:before {
	counter-increment:step; content:counter(step);
	position:absolute; left:0; top:1px; width:26px; height:26px; line-height:26px; text-align:center;
	background:#119955; color:#fff; border-radius:50%; font-size:13px;
}
.faq-item { border-bottom:1px dashed #e0e5e1; padding:10px 0; }
.faq-item h3 { cursor:pointer; margin:0; font-size:15px; color:#1d5a39; }
.faq-item h3:before { content:"Q："; color:#119955; }
.faq-item p { margin:6px 0 0; padding-left:26px; }
.faq-item p:before { content:"A："; color:#119955; font-weight:bold; }

/* 工具大全卡片 */
.tool-grid { font-size:0; margin:0 -8px; }
.tool-card {
	display:inline-block; width:25%; vertical-align:top; padding:0 8px; margin-bottom:16px; font-size:13px;
}
.tool-card .tc-inner {
	display:block; border:1px solid #e4e9e5; border-radius:5px; background:#fff; padding:18px 16px; height:100%;
	color:#333;
}
.tool-card .tc-inner:hover { border-color:#119955; background:#f6fbf8; text-decoration:none; }
.tool-card .tc-icon { font-size:26px; color:#119955; }
.tool-card h3 { font-size:15px; color:#14432a; margin:6px 0; }
.tool-card p { color:#777; font-size:12px; margin:0; line-height:1.6; }

/* ---------- 页脚 ---------- */
.site-footer { background:#1f3a2b; color:#b9c8be; margin-top:26px; padding:30px 0 0; font-size:13px; }
.footer-cols { font-size:0; padding-bottom:18px; border-bottom:1px solid #315340; }
.fcol { display:inline-block; width:25%; vertical-align:top; font-size:13px; padding:0 12px; }
.fcol-about { width:34%; }
.fcol h3 { color:#eaf7ef; font-size:14px; margin-bottom:10px; }
.fcol ul li { margin-bottom:6px; }
.fcol a { color:#a9bfaf; }
.fcol a:hover { color:#fff; }
.fcol-about p { color:#93a89a; line-height:1.8; }
.friend-links { padding:14px 0; border-bottom:1px solid #315340; font-size:13px; }
.fl-title { color:#cfe0d5; }
.fl-list { display:inline; }
.fl-list a { color:#a9bfaf; margin:0 14px 0 0; white-space:nowrap; }
.fl-list a:hover { color:#fff; }
.copyright { text-align:center; padding:14px 0 20px; font-size:12px; color:#7f9687; }
.copyright p { margin-bottom:4px; }
.cpr-links a { color:#7f9687; margin:0 8px; }
.cpr-links span { color:#466351; }

/* 返回顶部 */
.back-top {
	display:none; position:fixed; right:18px; bottom:60px; width:42px; height:42px; border-radius:50%;
	background:#119955; color:#fff; border:0; font-size:20px; cursor:pointer; z-index:900;
	box-shadow:0 2px 8px rgba(0,0,0,.25);
}
.back-top:hover { background:#0e8047; }
.back-top.show { display:block; }

/* ---------- 响应式 ---------- */
@media (max-width:1000px) {
	.tool-card { width:33.33%; }
}
@media (max-width:920px) {
	.edi-body { flex-direction:column; min-height:0; }
	.edi-menu { white-space:normal; }
	.edi-menu .mn-h { padding:8px 12px; }
	.edi-tools { width:auto; flex:none; padding:6px 8px; white-space:nowrap; overflow-x:auto; overflow-y:hidden; text-align:left; }
	.edi-tools .tbtn { display:inline-block; width:auto; margin:0 5px 0 0; padding:5px 9px; }
	.edi-tools .tbtn svg { display:inline-block; width:16px; height:16px; vertical-align:middle; margin:0 3px 0 0; }
	.edi-tools .tbtn span { vertical-align:middle; }
	.edi-stage-wrap { min-height:420px; height:54vh; padding:12px; }
	.edi-panel { width:auto; flex:none; max-height:none; border-left:0; border-top:1px solid #dde3df; }
	.ptab-body { max-height:420px; }
	.edi-status { position:static; white-space:normal; line-height:22px; padding:4px 10px; }
	.edi-status .zs-r { float:none; display:inline-block; }
	.fcol, .fcol-about { width:50%; margin-bottom:16px; }
	.header-search { display:none; }
	.dlg-box { width:92%; }
}
@media (max-width:640px) {
	body { font-size:13px; }
	.nav-inner a { padding:0 14px; height:40px; line-height:40px; font-size:14px; }
	.page-head h1 { font-size:19px; }
	.logo-txt strong { font-size:17px; }
	.tool-card { width:50%; }
	.opt-row > label { display:block; width:auto; text-align:left; padding:0 0 4px; }
	.opt-row .opt-ctl { width:100%; }
	.opt-actions { padding-left:0; }
	.opt-row input[type="range"] { width:70%; }
	.seo-box { padding:18px 16px; }
	.seo-box h2 { font-size:17px; }
	.ts-item { display:block; }
	.fcol, .fcol-about { width:100%; }
	.preview-wrap { max-height:400px; }
	.back-top { right:12px; bottom:40px; width:38px; height:38px; }
}