/* 文言：诸器列左，所治居中，官网别其门。汉语：服务导航固定在左侧，项目内容独立滚动，官网与控制台分开呈现。 */
:root{--bg:var(--豫纸);--paper:#fffefa;--ink:var(--豫墨);--muted:var(--豫次);--line:var(--豫线);--soft:var(--豫浅);--red:var(--豫朱);--green:var(--豫朱);font-family:var(--豫字体)}
.云顶栏{height:60px;flex:none;background:var(--豫纸);color:#fffefa;display:flex;align-items:center;gap:24px;padding:0 24px;border-bottom:1px solid var(--豫线)}.云顶栏 a{text-decoration:none;font-size:13px}.云顶栏 .云品牌{font-size:23px;font-weight:700;letter-spacing:2px}.云品牌 span{font-size:17px;margin-left:8px;font-weight:400}.控制台标记{border-left:1px solid var(--豫线);padding-left:24px;color:var(--豫次);font-size:12px}.云顶栏 button{color:var(--豫墨);background:transparent;border:1px solid var(--豫线);padding:7px 12px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.云顶栏 button:hover{background:var(--豫浅)}
#控制台{display:flex;flex:1;min-height:0}.服务侧栏{width:224px;flex:none;background:#fffefa;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:24px 12px 12px;overflow:auto}.服务侧栏>label{font-size:12px;font-weight:600;padding:0 12px 12px}.服务侧栏 input{width:100%;margin:0 0 20px;background:var(--豫浅);border:1px solid var(--line);border-radius:3px;padding:9px 12px;font-size:12px}.服务侧栏 nav{display:flex;flex-direction:column;gap:3px}.服务侧栏 nav button{text-align:left;border:0;background:none;padding:10px 14px;font-size:13px;border-radius:3px;color:var(--豫墨)}.服务侧栏 nav button:hover{background:var(--豫浅)}.服务侧栏 nav button.selected{background:var(--豫浅);color:var(--豫朱);font-weight:650;box-shadow:inset 3px 0 var(--豫朱)}.导航分组{font-size:10px;color:var(--豫次);margin:18px 14px 7px;letter-spacing:.08em}.侧栏说明{margin-top:auto;padding:28px 14px 4px;color:var(--豫次);font-size:11px}.侧栏说明 span{float:right}.控制台内容{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}.面包屑{flex:none;min-height:44px;padding:14px 32px;background:#fffefa;border-bottom:1px solid var(--line);font-size:11px;color:var(--豫次);display:flex;gap:14px}.面包屑 strong{color:var(--豫墨);font-weight:500}#正文{min-width:0}#工作区{background:var(--豫纸)}
#服务页面{overflow:auto;padding:40px 40px 64px;flex:1;min-height:0}#服务页面 h1{font-size:30px;letter-spacing:-.04em;margin:10px 0 12px;font-weight:650}.服务导语{font-size:15px;color:var(--豫次);margin:0 0 28px;line-height:1.8}.服务介绍{display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line);padding:0 0 26px;margin-bottom:28px}.服务介绍 p{line-height:1.9;max-width:740px;color:var(--豫次);margin:0;flex:1}.服务介绍 a{color:var(--豫朱);text-decoration:none;font-size:12px;white-space:nowrap}.服务卡片{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:30px 0}.服务卡片 button{text-align:left;padding:24px;background:#fffefa;border:1px solid var(--line);border-radius:3px;transition:border-color .15s,box-shadow .15s}.服务卡片 button:hover{background:#fffefa;border-color:var(--豫朱);box-shadow:none}.服务卡片 small{font-size:10px;color:var(--豫次);letter-spacing:.08em}.服务卡片 h2{font-size:17px;margin:12px 0}.服务卡片 p{font-size:12px;line-height:1.9;margin:0;color:var(--豫次)}.资源面板{border:1px solid var(--line);background:#fffefa;border-radius:3px;padding:24px;margin-top:24px;overflow:auto}.资源面板 h2{font-size:16px;margin:0 0 20px}.资源面板 p{line-height:1.9;font-size:13px}.资源面板 button{margin:8px 8px 0 0;font-size:12px}.资源面板 table{width:100%;border-collapse:collapse;font-size:12px;margin:12px 0 20px;text-align:left}.资源面板 th{background:var(--豫浅);font-weight:500;color:var(--豫次);padding:12px}.资源面板 td{padding:14px 12px;border-bottom:1px solid var(--豫线);overflow-wrap:anywhere}.资源面板 td:first-child{min-width:140px}.资源面板 a{color:var(--豫朱)}.命令示例{display:block;background:var(--豫浅);padding:14px;color:var(--豫墨);margin:12px 0}.primary:hover{background:#813125}
#控制台:not([data-service=code]) #项目选择,#控制台:not([data-service=code]) #项目区{display:none!important}#项目选择{padding:40px;max-width:none;width:100%}.项目选择标题 h1{font-size:28px}.project{background:#fffefa!important;border:1px solid var(--line)!important;border-radius:3px!important;padding:20px!important;color:var(--豫墨)!important}.项目账户{font-size:11px}.工作区视图{gap:24px}.project-header{height:56px}.project-header h2{max-width:26vw}.build{background:var(--豫浅)}.tabs{background:#fffefa}#控制台[data-service=code] .面包屑{min-height:40px}#登录区{max-width:100%;padding:50px}.welcome h1{font-size:38px}.welcome em{color:var(--豫朱)}.login{border-color:var(--line)}
@media(min-width:1550px){#服务页面{padding-left:56px;padding-right:56px}.服务卡片{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1050px){.服务侧栏{width:188px}.服务卡片{grid-template-columns:repeat(2,minmax(0,1fr))}#服务页面{padding:28px}.云顶栏{gap:16px}.服务介绍{display:block}.服务介绍 a{display:inline-block;margin-top:12px}.project-header{height:auto;min-height:56px;flex-wrap:wrap;padding:10px 14px;gap:8px}.project-header>.spacer{display:none}.project-header>div:first-of-type{flex:1}.project-header .save{margin-left:auto}}
@media(max-width:700px){.云顶栏{height:52px;padding:0 14px;gap:12px}.控制台标记{display:none}.云顶栏 #控制台官网{display:none}.云顶栏 #选择项目{max-width:135px;font-size:11px}.云顶栏 .云品牌{font-size:19px}.服务侧栏{width:114px;padding:14px 6px}.服务侧栏>label{padding:0 5px 10px}.服务侧栏 input{font-size:10px;padding:7px 5px;margin-bottom:10px}.服务侧栏 nav button{font-size:11px;padding:10px 8px}.导航分组{margin:14px 8px 4px;font-size:9px}.侧栏说明{padding:20px 7px}.侧栏说明 span{display:none}.面包屑{padding:12px 16px;font-size:10px}#服务页面,#项目选择{padding:24px 16px}#服务页面 h1{font-size:24px}.服务导语{font-size:12px}.服务卡片{grid-template-columns:1fr;gap:10px}.服务卡片 button{padding:18px}.资源面板{padding:16px}.服务介绍 p{font-size:12px}.project-header{height:auto;min-height:52px;flex-wrap:wrap}.project-header h2{max-width:38vw}.project-header #打开代码{display:none}#项目目录{max-width:150px}.工作区视图{padding:0 10px;gap:14px}.工作区视图 button{font-size:11px}.tabs{padding:0 10px}.project-header #返回项目{font-size:10px}#登录区{padding:22px}.welcome h1{font-size:26px}.welcome{display:none}.login{padding:0}}

/* 文言：云台与官网同其章。汉语：直接复用官网主题变量，标题用宋体，操作区保持清晰易读。 */
body{font-family:var(--豫字体)}.云顶栏{color:var(--豫墨)}.云顶栏 .云品牌{font-family:var(--豫题);letter-spacing:3px}.云品牌 b{color:var(--豫朱)}.云品牌 span{font-family:var(--豫字体);color:var(--豫次)}#服务页面 h1,.项目选择标题 h1,.welcome h1{font-family:var(--豫题);font-weight:500;letter-spacing:0}.云顶栏 a:hover{color:var(--豫朱)}.primary{background:var(--豫朱);border-color:var(--豫朱);color:#fff}.project-header,.工作区视图,.tabs,.面包屑{background:var(--豫纸)}