* {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 {width:100%; height:100%;overflow:hidden;}
html {font-size:100px;}
body {font-size:0.14rem;background-color:#fff;}

main, main textarea, .wenzi {height:100%; background:transparent;}
main, .over {display:block; position:fixed;left:0; top:0;}
main {display: flex; justify-content: center; align-items: center; z-index:1;}
.over {height:100%; z-index:2;}
.wenzi {font-size:2.4rem; border:none; outline:none;line-height:1.2;  resize: none; overflow:hidden;font-weight: normal;}

.bg, main, .over {width:100%; transition: all 0.15s; translate:-150px;}
.bg {height:100%; word-break: break-all; word-wrap: break-word; font-size:0.12rem; line-height:1; letter-spacing:2px; z-index:0;}
/*立体文字*/
.screen {background-color:#fff; mix-blend-mode: screen;}
.multiply {background-color:#000;mix-blend-mode: multiply;}

main textarea, .wenzi, textarea[data-wenzi] {text-align: center; padding-top:1.5rem;}
textarea[data-wenzi] {margin-right:0.1rem;}
main textarea, main .wenzi { display:block; width:100%; }
main textarea, .wenzi, .wenzi svg text {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

a {text-decoration:none;color:#0d6;}
a:hover {cursor: pointer;}
a:hover {text-decoration: underline;}

.caozuo {position:fixed; width:3rem; height:100%; overflow-y: auto; top:0; right:0; padding:0.1rem 0.15rem; z-index:999; background:#333; color:#eee;}
.caozuo > *, select[name="textAlign"] {margin-bottom:0.03rem;}
.caozuo label,  .caozuo section {display:flex; align-items: center;}
.caozuo label span {width:0.35rem; margin:0 0.05rem; font-size:0.12rem; text-align: center; background-color: rgb(255 255 255 / 0.2); border-radius: 0.24rem;}
.caozuo section {justify-content: space-between;}
.caozuo section textarea + div {min-height:0.6rem;}
.caozuo textarea {max-width:50%;  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 {min-width:0; max-width: 100%; flex:1;}
input[data-wenzi="textAlign"] {margin:0 0.05rem; width:100%;}
input[type='file'] {width:0.9rem;}
input[type="text"], select, button {padding:0 0.05rem;}

select, input[type="text"] {border:solid 1px #ccc;}
hr {border:none;border-bottom:dashed 1px #ccc;}
.more {width:100%; display:grid; grid-template-columns: 1fr 1fr 1fr 1fr;gap:0.03rem;}
.more a {height:0.2rem; line-height:0.16rem; flex:none;text-align: center;border:dashed 1px rgb(255 255 255 / 0.36);}
.more a:hover {background-color: #0d6; color:#fff;}
/*搜索*/
.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 #f96d00;}
.sousuo button {background:#f96d00; color:#fff;line-height: 0.3rem; border:none;}
dialog {max-height: 60%; overflow-y: auto;}