|
@@ -9,9 +9,9 @@
|
|
|
*{margin:0;padding:0;box-sizing:border-box}
|
|
*{margin:0;padding:0;box-sizing:border-box}
|
|
|
html{width:100%;height:100%;overflow:hidden}
|
|
html{width:100%;height:100%;overflow:hidden}
|
|
|
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);width:100%;height:var(--app-height);min-height:100%;display:flex;flex-direction:column;overflow:hidden}
|
|
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);width:100%;height:var(--app-height);min-height:100%;display:flex;flex-direction:column;overflow:hidden}
|
|
|
- .header{background:linear-gradient(135deg,var(--bk),#1a3fbf);color:#fff;padding:8px 14px;text-align:left;flex-shrink:0;position:relative;z-index:10}
|
|
|
|
|
- .header h1{font-size:14px;font-weight:800;position:relative;z-index:1;margin:0;display:inline}
|
|
|
|
|
- .header .header-title{font-weight:700}.header .sub{font-size:10px;opacity:.9;margin-left:8px;position:relative;z-index:1;line-height:1.5;display:inline}
|
|
|
|
|
|
|
+ .header{background:linear-gradient(135deg,var(--bk),#1a3fbf);color:#fff;padding:8px 14px;display:flex;align-items:center;gap:12px;flex-shrink:0;position:relative;z-index:10}
|
|
|
|
|
+
|
|
|
|
|
+ .header .header-title{font-size:16px;font-weight:800;white-space:nowrap;flex-shrink:0}.header .header-desc{font-size:10px;opacity:.85;line-height:1.5;text-align:left}
|
|
|
.nav{display:flex;background:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0;z-index:10}
|
|
.nav{display:flex;background:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0;z-index:10}
|
|
|
.nav-btn{flex:1;padding:12px;text-align:center;font-size:13px;color:var(--sub);cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;transition:all .2s;min-height:44px}
|
|
.nav-btn{flex:1;padding:12px;text-align:center;font-size:13px;color:var(--sub);cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;transition:all .2s;min-height:44px}
|
|
|
.nav-btn.active{color:var(--bk);border-bottom-color:var(--bk);font-weight:600}
|
|
.nav-btn.active{color:var(--bk);border-bottom-color:var(--bk);font-weight:600}
|
|
@@ -110,9 +110,8 @@
|
|
|
</head>
|
|
</head>
|
|
|
<body>
|
|
<body>
|
|
|
<div class="header">
|
|
<div class="header">
|
|
|
- <div class="sub">
|
|
|
|
|
- <span><span class="header-title">AI药典助手温馨提示：</span></span>
|
|
|
|
|
- 内容基于最新版《中华药典》& 通义千问生成，仅供学习参考，不构成处方和用药建议</div>
|
|
|
|
|
|
|
+ <div class="header-title">AI药典温馨提示</div>
|
|
|
|
|
+ <div class="header-desc">内容基于最新版《中华药典》& 通义千问生成<br>仅供学习参考，不构成处方和用药建议</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="nav">
|
|
<div class="nav">
|
|
|
<button class="nav-btn active" data-tab="chat" onclick="switchTab('chat')">AI 对话</button>
|
|
<button class="nav-btn active" data-tab="chat" onclick="switchTab('chat')">AI 对话</button>
|
liuchengsen