:root{--red:#e14c3b;--blue:#253c75;--cream:#fff9ed;--yellow:#f4d867;--ink:#242424}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",sans-serif;background-image:linear-gradient(rgba(37,60,117,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(37,60,117,.055) 1px,transparent 1px);background-size:28px 28px}.page{max-width:1180px;margin:auto;padding:0 36px}header{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--blue)}.logo{font-family:Georgia,"Songti SC",serif;font-size:26px;font-weight:bold;color:var(--blue);text-decoration:none}.logo span{color:var(--red)}.today{font-size:12px;color:var(--blue);letter-spacing:.08em}.editor{padding:68px 0 72px;display:grid;grid-template-columns:5fr 7fr;column-gap:70px;position:relative}.editor-copy{padding-top:14px}.kicker{font-size:11px;font-weight:800;letter-spacing:.25em;color:var(--red);margin:0 0 14px}.editor h1{font-family:Georgia,"Songti SC",serif;font-size:clamp(42px,5.2vw,70px);line-height:1.12;color:var(--blue);margin:0;letter-spacing:-.045em}.editor-copy>p:last-child{line-height:1.8;color:#706d65;max-width:380px;margin-top:26px}form{background:#fffdf7;border:2px solid var(--blue);padding:30px 34px;box-shadow:9px 9px 0 var(--yellow);transform:rotate(.3deg)}label{display:block;font-size:12px;font-weight:bold;color:var(--blue)}input,textarea{font:inherit;color:var(--ink)}.date-label{display:flex;align-items:center;justify-content:space-between;border-bottom:1px dashed #a6a391;padding-bottom:18px}.date-label input{border:0;background:transparent;color:var(--red);font-weight:bold}.sentence-label{position:relative;margin-top:25px}.sentence-label span{display:block;margin-bottom:10px}textarea{display:block;width:100%;border:0;resize:none;background:transparent;font-family:Georgia,"Songti SC",serif;font-size:28px;line-height:1.5;outline:none}.sentence-label small{position:absolute;right:0;bottom:3px;color:#999;font-weight:normal}.form-row{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end;border-top:1px dashed #a6a391;padding-top:18px}.form-row input{display:block;width:100%;border:0;border-bottom:1px solid var(--blue);background:transparent;padding:8px 0;outline:none}.form-row button{border:0;background:var(--red);color:white;padding:14px 20px;font-weight:bold;cursor:pointer;box-shadow:3px 3px 0 var(--blue)}.duplicate{grid-column:2;background:var(--yellow);border:2px solid var(--blue);padding:18px 22px;margin-top:18px}.duplicate p{margin:6px 0 14px}.duplicate div{display:flex;flex-wrap:wrap;gap:8px}.duplicate button{border:1px solid var(--blue);background:var(--cream);padding:8px 12px;cursor:pointer}.duplicate button:last-child{background:var(--blue);color:white}.notice{grid-column:2;min-height:22px;color:var(--red);font-size:13px}.archive{border-top:3px double var(--blue);padding:48px 0 60px}.archive-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.archive h2{font-family:Georgia,"Songti SC",serif;color:var(--blue);font-size:35px;margin:0}.month-controls{display:flex;gap:8px;align-items:center}.month-controls button,.month-controls input{border:1px solid var(--blue);background:transparent;height:38px;padding:0 11px;color:var(--blue);cursor:pointer}.month-controls .export{background:var(--blue);color:white}.entries{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.entry{background:#fffdf7;border:1px solid #b9b29e;padding:20px 22px;display:grid;grid-template-columns:72px 1fr;gap:18px;min-height:125px}.entry time{font-family:Georgia,serif;color:var(--red);font-size:28px;border-right:1px solid #d7d0bf}.entry time small{display:block;font:11px sans-serif;color:#777;letter-spacing:.08em;margin-top:4px}.lines p{font-family:Georgia,"Songti SC",serif;font-size:18px;line-height:1.55;margin:0 0 7px;overflow-wrap:anywhere}.tag{display:inline-block;background:var(--yellow);font-size:10px;padding:3px 7px;color:var(--blue);font-weight:bold}.empty{grid-column:1/-1;border:1px dashed #9e998c;text-align:center;padding:60px 20px;color:#817c70}.empty b{display:block;font-family:Georgia,"Songti SC",serif;font-size:23px;color:var(--blue);margin-bottom:8px}footer{border-top:1px solid var(--blue);padding:22px 0 34px;text-align:center;color:#777;font-size:11px}@media(max-width:760px){.page{padding:0 17px}.editor{grid-template-columns:1fr;padding:44px 0}.editor h1{font-size:43px}.editor-copy>p:last-child{margin-bottom:28px}.duplicate,.notice{grid-column:1}form{padding:22px 18px;box-shadow:5px 5px 0 var(--yellow)}textarea{font-size:23px}.form-row{grid-template-columns:1fr}.archive-head{display:block}.month-controls{margin-top:20px;flex-wrap:wrap}.entries{grid-template-columns:1fr}.entry{grid-template-columns:58px 1fr;padding:17px 15px}.entry time{font-size:23px}.month-controls input{flex:1}.export{width:100%}}