* {margin: 0;padding: 0;box-sizing: border-box;}
html,body {width: 100%; height: 100%;}
html {font-size: 100px;}
body {display:grid; grid-template: 1fr / 1fr 3rem; font-size:0.16rem;}
a {color:rgb(0, 255, 162);}
p {line-height: 1;}
hr {border:none;height:0.04rem; border-top:dashed 1px #ccc;border-bottom:dashed 1px #ccc;}
main {display: flex; justify-content: center;align-items: center; overflow: hidden;}
.toushi {display: flex; width: 8rem; height: 100%;  justify-content: center;align-items: center; overflow: hidden;}
.toushi textarea {min-height:2.4rem; text-align: center;font-size: 100px;font-weight: bold;
   line-height: 1.2;border: none;outline: none;resize: none;overflow: hidden;
   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;
} 
.caozuo {width:3rem; background: #333;padding: 15px;color: #eee;overflow-y: auto;}
.caozuo > * {margin-bottom: 0.08rem; max-width: 100%;}
.caozuo label {display: flex; justify-content: space-between; align-items: center;gap: 5px;}
label input {flex:1; min-width:0; cursor: pointer;}

button[name="more"] {flex:1;}
button {padding:0 0.05rem;}
.caozuo textarea {flex:1; height:0.5rem; text-align: center;padding:0.05rem;}
.jianbian {display: flex; gap: 8px; }
.jianbian input {flex: 1; height: 36px; cursor: pointer;}

.ok3d {position: fixed; left:0; top:0; width:calc(100% - 300px); height: 100%; display: flex; justify-content: center;align-items: center; z-index:999;}
.ok3d img {display:block;position:absolute;}