* {box-sizing: border-box;}
html, body, h1, h2, h3, h4, p, ul, li, ol,  button, input, select, textarea, hr {margin:0;padding:0;}
h1, h2, h3, h4, p {line-height:1;}
html, body, .over, main textarea {width:100%; height:100%;}
html, body {overflow:hidden;}
html {font-size:100px;}
body, main textarea,  svg text {
  font-family: 
  /* 优先使用带底座数字、防混淆的 UI 字体 */
  Tahoma, Verdana, 
  /* 现代系统字体（作为后备，苹果设备上表现极佳） */
  system-ui, -apple-system, 
  /* 基础英文兜底 */
  Helvetica, Arial, 
  /* 中文字体栈 */
  "PingFang SC", 
  "Microsoft YaHei", 
  "微软雅黑", 
  /* Emoji 与符号 */
  "Apple Color Emoji", 
  "Segoe UI Emoji", 
  "Noto Color Emoji", 
  /* 终极兜底 */
  sans-serif;
}
body {display:grid; grid-template: 1fr / 1fr 3rem; font-size:0.14rem;background-color:#fff; }

a {text-decoration:none;color:#0d6;}
a:hover {cursor: pointer;}
a:hover {text-decoration: underline;}
main, main > * {background-color:transparent;}
main {display:block; position: relative;  overflow: hidden; z-index:1;} 
main > * {width:100%;}
.over, main textarea {display: block; position:absolute; left:0; top:0;}
.over {z-index:9;}
main textarea {padding-top:1.5rem; font-size:2.4rem; border:none; outline:none; line-height:1.2; resize: none; overflow:hidden; font-weight: normal; 
transform-style: preserve-3d; overflow: hidden; z-index:3;}
main textarea, .caozuo textarea {text-align: center;}

.caozuo {overflow-y: auto; padding:0.1rem 0.1rem; background:#fff; color:#222;}
.caozuo > *, select[name="textAlign"], .caozuo section textarea + div > *, .caozuo ol, .caozuo ol li {margin-bottom:0.06rem;}
.caozuo label,  .caozuo section {display:flex; align-items: center;}
.caozuo label, .caozuo section {gap:0.06rem;}
.caozuo label span {width:0.35rem; font-size:0.12rem; text-align: center; background-color: rgb(0 0 0 / 0.08); border-radius: 0.24rem;}
.caozuo section {justify-content: space-between;}
.caozuo section textarea + div {min-height:0.5rem;}
.caozuo P {line-height: 1.3;}
[type="color"] {height:0.24rem;}

.caozuo textarea {flex:1;min-width:50%; max-width:100%;  resize: vertical; min-height:0.6rem; max-height: 1.5rem; padding:0.05rem; font-size:0.14rem;}
.caozuo ol, .caozuo ul  {list-style-position: inside;}
ol {list-style-type: decimal-leading-zero;}
li {line-height:1.5;}
input, select {min-width:0; max-width: 100%; flex:1;}
input[data-wenzi="textAlign"] {min-width:0; width:100%;}
input[type='file'] {width:0.9rem;}
input[type="text"], button {padding:0 0.05rem;}
select {padding-left: 0.05rem;}

select, input[type="text"] {border:solid 1px #ccc;}
hr {border:none;height:0; border-top:dashed 1px #ccc;}

table, th, td {border:dashed 0.01rem rgb(0 0 0 / 0.4);}
table {width:100%; border-collapse: collapse; text-align: center;}
th, td {height:0.24rem;}

/*搜索*/
.sousuo {display:grid; grid-template-columns:2fr 1fr; align-items: center;}
.sousuo input, .sousuo button {height:0.3rem;outline: none;}
.sousuo input {min-width:0;border:0.01rem solid #ff6800; padding:0 0.1rem;}
.sousuo button {background:#ff6800; color:#fff;line-height: 0.3rem; border:none;}
dialog {max-width:80%; max-height:60%; overflow-y:auto;}

.save {display:flex; justify-content: space-between; align-items: center;}
.save * {height:0.21rem; line-height:0.21rem;}
.save a {background:#ff6800;color:#fff;padding:0 0.06rem;}
.save button {border:none;background:#0d6;color:#fff;}