* {margin:0;padding:0;box-sizing: border-box;}
body {font-size:16px;background-color:#fff;}
html, body {width:100%; height:100%;}
html, body {overflow:hidden;}
html {font-size:100px;}
body {font-size:0.14rem;}

main, main textarea, .wenzi {height:100%; background:transparent;}
main, .over {display:block; position:fixed;left:0; top:0;}
main {z-index:1; display: flex; justify-content: center; align-items: center;}
.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:calc(100% - 300px); transition: all 0.15s;}
.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], .baipiao {text-align: center; padding-top:1.5rem;}
textarea[data-wenzi] {margin-right:0.08rem;}
main textarea, main .wenzi { display:block; width:calc(100% - 200px); }
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.15rem; z-index:999; background:#333;color:#eee;}
.caozuo > *, select[name="textAlign"] {margin-bottom:0.05rem;}
.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 textarea {max-width:1.5rem;  resize: vertical; min-height:0.64rem; max-height: 1.5rem; padding:0.05rem;}
.caozuo ol, .caozuo ul  {margin-left:0.17rem;}
li {line-height:1.5;}
input {width: 100%; min-width:0; max-width: 100%; flex:1;}
input[data-wenzi="textAlign"] {margin:0 0.05rem;}
input[type='file'] {max-width:0.9rem;}
input[type="text"], select, button {padding:0 0.06rem;}
.baocun {font-size:0.18rem;background:rgb(0, 181, 181);color:#fff;padding:0.05rem 0.15rem;border:none;}
select, input[type="text"] {border:solid 1px #ccc;}
hr {border:none;border-bottom:dashed 1px #ccc;}
.baipiao {font-size:1rem; color:#c03;}
* + button {margin-left: 10px;}