body{font-family:Arial,sans-serif;margin:0;padding:0}.header-info{text-align:left;margin:0 0 20px!important;line-height:30px}.header-info h1{font-size:24px;margin:0;display:inline;font-family:宋体,SimSun,serif}.control-panel{width:320px;padding:20px;box-sizing:border-box;position:sticky;top:10px;background-color:#f4f4f4;border-left:1px solid #ddd;overflow-y:auto;max-height:calc(100vh - 40px)}.control-panel .control-group{display:flex;align-items:center;margin-bottom:10px}.control-panel .control-group label{margin-bottom:0;margin-right:10px;white-space:nowrap;font-weight:400;font-size:16px;color:#000}.control-panel .checkbox-container,.control-panel .control-group select{flex-grow:1}.control-panel select,.control-panel textarea{padding:8px;border:1px solid #ddd;box-sizing:border-box;border-radius:10px;width:auto}.control-panel .checkbox-container{display:flex;align-items:center;padding:8px;border:1px solid #ddd;margin-bottom:10px;background-color:#fff;border-radius:10px}.control-panel .checkbox-container input[type=checkbox]{margin-right:10px;width:16px;height:16px;accent-color:#007bff}.control-panel .checkbox-container label{font-weight:400;font-size:16px;color:#000;margin:0;cursor:pointer}.control-panel table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:2px}.control-panel table td{text-align:center;padding:10px;font-weight:700}.control-panel table td:first-child{background-color:#d8eaf1;color:#007bff;cursor:pointer;border-radius:10px}.control-panel table td:last-child{background-color:#007bff;color:#fff;cursor:pointer;border-radius:10px}.control-panel table td:hover{opacity:.8}#clockContainer,#pages-container,.clock-container{width:100%!important;max-width:100%!important;margin:0 auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;justify-content:stretch!important;justify-items:center!important;column-gap:24px!important;row-gap:24px!important}.clock-wrapper{display:flex;flex-direction:column;align-items:center;justify-self:center;width:100%;max-width:140px;break-inside:avoid;page-break-inside:avoid}.clock{width:117px;height:117px;position:relative;border-radius:50%;border:2px solid #000;margin:0}.clock-face{width:100%;height:100%;position:relative}.center-point,.hand{position:absolute;top:50%;left:50%;background:#000}.center-point{width:6px;height:6px;border-radius:50%;transform:translate(-50%,-50%)}.hand{width:40%;height:2px;transform-origin:0 50%;transform:rotate(0deg)}.hour{width:25%;height:4px}.minute{width:33%;height:2px}.mark{position:absolute;width:2px;height:1px;background-color:#000;top:0;left:50%;transform-origin:center center}.mark.big{width:5px;height:3px}.number{position:absolute;transform:translate(-50%,-50%);font-size:14px}.time-display{margin-top:10px;font-size:16px;font-weight:700;text-align:center}.time-display.placeholder{letter-spacing:1px}.label{text-align:center;font-size:10px;margin-top:10px}