:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}button,input,select,textarea{font:inherit}table{border:1px solid #666;border-collapse:collapse;max-width:100%}td,th{border:1px solid #666;padding:2px 4px}body{background-color:#f7f7f7;padding:0;margin:0}.page{display:flex;flex-direction:column;height:100vh}.page .page_body{flex:1;overflow:auto;display:flex}.page .page_body main{flex:1;display:flex;flex-direction:column}.page .page_bar{box-shadow:1px 1px 5px 1px #ccc;background-color:#34a853;position:relative}.page .page_bar,.page .page_bar>div{display:flex;align-items:center;justify-content:center}.page .page_bar>div{height:48px;flex:1}.page .page_bar a{text-decoration:none;color:#fff}.page .page_bar .page_bar_menu{display:flex;align-items:center;justify-content:center}.page ol,.page ul{margin-left:0;padding-left:20px}.card{background-color:#fff;margin:10px;padding:10px;font-size:12px;flex:1;box-sizing:border-box;color:#333;display:flex;flex-direction:column}.card,.card h1{position:relative}.card h1{font-weight:600;color:#000;margin-bottom:10px}.card h1:before{content:"";display:block;height:35px;width:2px;background-color:#34a853;position:absolute;left:-10px;top:2px}.card .date{font-size:11px;color:#999;margin:5px 0}.card .content{font-size:11px;color:#666;flex:1}.article .card{margin:0;padding:0}.article h1{height:100px;display:flex;align-items:flex-end;padding:10px;background-color:#34a853;color:#fff;margin-bottom:0}.article h1:before{display:none}.article .icon_card_opt>div{background-color:#fff}.article .content,.article .date{padding:0 10px}.icon_card_opt{width:20px;height:20px;position:absolute;right:10px;top:10px;display:flex;align-items:center;justify-content:center}.icon_card_opt>div{border-radius:10px;width:2px;height:2px;background-color:#666;margin-right:3px}.edit-box{display:flex;flex-direction:column;flex:1;padding:10px}.edit-box .title{font-size:14px}.edit-box input,.edit-box textarea{border:1px solid #999;margin:5px 0;padding:5px 10px;font-size:12px}.edit-box textarea{flex:1}.edit-box .btn-box{display:flex;margin-top:10px}.edit-box .btn-box>button{flex:1;height:36px}.edit-box button.submit{background-color:#00b578;color:#fff;border:1px solid #00b578;margin-right:5px}.edit-box button.reset{background-color:#fff;color:#333;border:1px solid #999}.btnbox,.btnbox>div{display:flex;align-items:center;justify-content:center}.btnbox>div{flex:1;padding:10px;margin:0 10px 10px;background-color:#fff;font-size:12px}