.blog-comments{color:var(--md-sys-color-on-surface);margin-block:clamp(48px,7vw,80px) 0;scroll-margin-top:40px}.blog-comments-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.blog-comments-mark{border-radius:var(--shape-lg) var(--shape-lg) var(--shape-lg) var(--shape-xs);background:var(--md-sys-color-primary-container);width:56px;height:56px;color:var(--md-sys-color-on-primary-container);flex:none;place-items:center;display:grid}.blog-comments-mark .material-symbol{font-size:32px}.blog-comments-header h2{margin:0 0 var(--space-1);font-size:var(--md-sys-typescale-headline-medium-size);font-weight:620;line-height:var(--md-sys-typescale-headline-medium-line-height)}.blog-comments-header p,.blog-comments-feedback,.blog-comments-noscript{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-large-line-height);margin:0}.blog-comments-feedback,.blog-comments-noscript{padding:var(--space-6);border-radius:var(--shape-xl);background:var(--md-sys-color-surface-container-low)}.blog-comments-feedback p{margin:0}.blog-comments-feedback[hidden],.blog-comments-retry[hidden]{display:none}.blog-comments-retry{margin-top:var(--space-4);cursor:pointer}#comments .twikoo{--twikoo-theme:var(--md-sys-color-primary);color:var(--md-sys-color-on-surface);font:inherit;overflow-wrap:anywhere}#comments .tk-submit{border-radius:var(--shape-xl);background:var(--md-sys-color-surface-container-low);margin:0;padding:clamp(20px,3vw,28px)}#comments .tk-submit>.tk-row>.tk-avatar{display:none}#comments .tk-col,#comments .tk-main{flex:1;min-width:0}#comments .tk-meta-input{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}#comments .tk-meta-input .el-input{width:100%;min-width:0;margin:0;display:block;position:relative}#comments .el-input__inner,#comments .el-textarea__inner{border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--shape-md);background-color:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);font-family:var(--font-sans);font-size:var(--md-sys-typescale-body-large-size);transition:border-color var(--motion-duration-short) var(--motion-standard), box-shadow var(--motion-duration-short) var(--motion-standard), background-color var(--motion-duration-short) var(--motion-standard)}#comments .el-input__inner::placeholder,#comments .el-textarea__inner::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:1}#comments .tk-meta-input .el-input-group__prepend{z-index:1;width:auto;color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);pointer-events:none;background:0 0;border:0;padding:0;position:absolute;inset-block-start:8px;inset-inline-start:16px}#comments .tk-meta-input .el-input__inner{border:0;border-bottom:1px solid var(--md-sys-color-outline);border-radius:var(--shape-md) var(--shape-md) 0 0;height:60px;line-height:var(--md-sys-typescale-body-large-line-height);padding:25px 16px 9px}#comments .tk-meta-input .el-input:focus-within .el-input-group__prepend{color:var(--md-sys-color-primary)}#comments .el-input__inner:hover,#comments .el-textarea__inner:hover{border-color:var(--md-sys-color-on-surface)}#comments .el-input__inner:focus,#comments .el-textarea__inner:focus{border-color:var(--md-sys-color-primary);box-shadow:inset 0 -2px 0 var(--md-sys-color-primary);outline:none}#comments .tk-meta-input input:invalid{border:0;border-bottom:1px solid var(--md-sys-color-error);box-shadow:inset 0 -1px 0 var(--md-sys-color-error)}#comments .tk-input .el-textarea__inner{border-color:#0000;border-bottom-color:var(--md-sys-color-outline);border-radius:var(--shape-md) var(--shape-md) 0 0;resize:vertical;padding:18px 20px 36px;line-height:1.7;min-height:156px!important}#comments .tk-input .el-textarea__inner:focus{border-bottom-color:var(--md-sys-color-primary)}#comments .el-input__count{border-radius:var(--shape-xs);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-label-medium-size);font-variant-numeric:tabular-nums;padding:0 4px;bottom:10px;right:16px}#comments .tk-row.actions{align-items:center;gap:var(--space-2);margin:var(--space-4) 0 0;flex-wrap:wrap}#comments .tk-row-actions-start{min-width:0}#comments .el-button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--shape-full);min-height:48px;font-family:var(--font-sans);font-size:var(--md-sys-typescale-label-large-size);font-weight:650;line-height:var(--md-sys-typescale-label-large-line-height);isolation:isolate;transition:border-radius var(--motion-duration-medium) var(--motion-expressive), box-shadow var(--motion-duration-short) var(--motion-standard);border:1px solid #0000;margin:0;padding:0 24px;display:inline-flex;position:relative;overflow:hidden}#comments .el-button:after{z-index:-1;border-radius:inherit;content:"";opacity:0;pointer-events:none;transition:opacity var(--motion-duration-short) var(--motion-standard);background:currentColor;position:absolute;inset:0}#comments .el-button:not(:disabled):hover:after{opacity:var(--state-hover-opacity)}#comments .el-button:not(:disabled):is(:focus-visible,:active):after{opacity:var(--state-pressed-opacity)}#comments .el-button:not(:disabled):active{border-radius:var(--shape-lg)}#comments .el-button--primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}#comments .el-button--default{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}#comments .el-button--text{color:var(--md-sys-color-primary);background:0 0}#comments .el-button:is(:disabled,.is-disabled){background:color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent);color:color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);cursor:not-allowed;border-color:#0000}#comments .tk-submit-action-icon,#comments .tk-comments-title .tk-icon{border-radius:var(--shape-full);width:40px;height:40px;color:var(--md-sys-color-on-surface-variant);cursor:pointer;transition:background-color var(--motion-duration-short) var(--motion-standard);justify-content:center;align-items:center;margin:0;display:inline-flex}#comments .tk-submit-action-icon svg,#comments .tk-comments-title .tk-icon svg{width:18px;height:18px}#comments .tk-submit-action-icon:hover,#comments .tk-comments-title .tk-icon:hover,#comments .tk-admin-close:hover{background:color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent)}#comments .tk-comments-container{min-height:0;margin-top:var(--space-6)}#comments .tk-comments-title{align-items:center;gap:var(--space-3);min-height:44px;margin:0 0 var(--space-4);font-size:var(--md-sys-typescale-title-medium-size);font-weight:600}#comments .tk-comments-title>span:last-child{gap:var(--space-1);display:inline-flex}#comments .tk-comments-count{border-radius:var(--shape-full);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-size:var(--md-sys-typescale-label-large-size);visibility:visible;padding:6px 14px;font-weight:600}#comments .tk-comments-no{gap:var(--space-3);min-height:168px;padding:var(--space-6);border-radius:var(--shape-xl);background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-medium-size);flex-direction:column}#comments .tk-comments-no:before{border-radius:var(--shape-full);background:var(--md-sys-color-secondary-container);width:48px;height:48px;color:var(--md-sys-color-on-secondary-container);content:"more_horiz" / "";font-feature-settings:"liga";place-items:center;font-family:Material Symbols Rounded;font-size:28px;font-weight:400;line-height:1;display:grid}#comments .tk-comments-container>.tk-comment{gap:var(--space-4);margin:0 0 var(--space-4);padding:var(--space-6);border:1px solid color-mix(in srgb, var(--md-sys-color-outline-variant) 45%, transparent);border-radius:var(--shape-xl);background:var(--md-sys-color-surface-container-low)}#comments .tk-avatar{border-radius:var(--shape-full);background:var(--md-sys-color-secondary-container);width:44px;height:44px;margin:0}#comments .tk-avatar .tk-avatar-img{width:100%;height:100%;color:var(--md-sys-color-on-secondary-container);object-fit:cover}#comments .tk-comment{word-break:normal}#comments .tk-comment .tk-row{gap:var(--space-2);flex-wrap:wrap;align-items:center}#comments .tk-nick{color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-title-medium-size);font-weight:650}#comments .tk-time,#comments .tk-extras{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-small-size)}#comments .tk-action-link{gap:var(--space-1);border-radius:var(--shape-full);min-height:40px;color:var(--md-sys-color-primary);margin:0;padding:8px 10px}#comments .tk-action-link:hover{background:var(--md-sys-color-secondary-container)}#comments .tk-action-icon,#comments .tk-action-icon-solid,#comments .tk-nick-link:hover{color:var(--md-sys-color-primary)}#comments .tk-content,#comments .tk-preview-container{color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-body-large-size);overflow-wrap:anywhere;line-height:1.7}#comments .tk-content p,#comments .tk-preview-container p{margin:0 0 var(--space-3)}#comments .tk-content>:last-child,#comments .tk-preview-container>:last-child{margin-bottom:0}#comments .tk-content a,#comments .tk-preview-container a{color:var(--md-sys-color-primary);text-underline-offset:3px;text-decoration:underline}#comments .tk-content pre,#comments .tk-preview-container pre{margin-block:var(--space-4);padding:var(--space-5);border-radius:var(--shape-lg);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);overflow-x:auto}#comments .tk-content code,#comments .tk-preview-container code{border-radius:var(--shape-xs);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);font-family:var(--font-mono);padding:2px 5px;font-size:.875em}#comments :is(.tk-content,.tk-preview-container) :is(pre,code,.token){text-shadow:none}#comments .tk-content pre code,#comments .tk-preview-container pre code{background:0 0;border-radius:0;padding:0;line-height:1.7}#comments :is(.tk-content,.tk-preview-container) .token{color:inherit;background:0 0}#comments :is(.tk-content,.tk-preview-container) .token:is(.comment,.prolog,.doctype,.cdata,.punctuation,.operator){color:var(--md-sys-color-on-surface-variant)}#comments :is(.tk-content,.tk-preview-container) .token:is(.keyword,.atrule,.attr-name,.selector,.important){color:var(--md-sys-color-primary)}#comments :is(.tk-content,.tk-preview-container) .token:is(.function,.class-name,.tag,.builtin){color:var(--md-sys-color-tertiary)}#comments :is(.tk-content,.tk-preview-container) .token:is(.string,.char,.attr-value,.regex,.url,.inserted){color:var(--md-sys-color-secondary)}#comments :is(.tk-content,.tk-preview-container) .token:is(.number,.boolean,.constant,.symbol,.property,.deleted){color:var(--md-sys-color-error)}#comments :is(.tk-content,.tk-preview-container) .code-toolbar{min-width:0;margin-block:var(--space-4);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--shape-lg);background:var(--md-sys-color-surface-container);flex-direction:column;display:flex;overflow:hidden}#comments :is(.tk-content,.tk-preview-container) .code-toolbar>pre{border-radius:0;margin:0}#comments :is(.tk-content,.tk-preview-container) .code-toolbar>.toolbar{z-index:auto;justify-content:flex-end;align-items:center;gap:var(--space-2);min-width:0;min-height:64px;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);opacity:1;flex-wrap:wrap;order:-1;transition:none;display:flex;position:static}#comments :is(.tk-content,.tk-preview-container) .toolbar>.toolbar-item{align-items:center;min-width:0;display:flex}#comments :is(.tk-content,.tk-preview-container) .toolbar>.toolbar-item:has(>span){margin-inline-end:auto}#comments :is(.tk-content,.tk-preview-container) .toolbar-item>span{padding:0 var(--space-2);color:var(--md-sys-color-on-surface-variant);box-shadow:none;font-family:var(--font-sans);font-size:var(--md-sys-typescale-label-medium-size);font-weight:600;line-height:var(--md-sys-typescale-label-medium-line-height);background:0 0;border-radius:0}#comments :is(.tk-content,.tk-preview-container) .toolbar-item>button{border-radius:var(--shape-full);background:var(--md-sys-color-secondary-container);min-height:48px;color:var(--md-sys-color-on-secondary-container);box-shadow:none;font-family:var(--font-sans);font-size:var(--md-sys-typescale-label-large-size);font-weight:650;line-height:var(--md-sys-typescale-label-large-line-height);cursor:pointer;isolation:isolate;transition:border-radius var(--motion-duration-medium) var(--motion-expressive);border:0;justify-content:center;align-items:center;padding:0 20px;display:inline-flex;position:relative;overflow:hidden}#comments :is(.tk-content,.tk-preview-container) .toolbar-item>button:before{z-index:-1;border-radius:inherit;content:"";opacity:0;pointer-events:none;transition:opacity var(--motion-duration-short) var(--motion-standard);background:currentColor;position:absolute;inset:0}#comments :is(.tk-content,.tk-preview-container) .toolbar-item>button:hover:before{opacity:var(--state-hover-opacity)}#comments :is(.tk-content,.tk-preview-container) .toolbar-item>button:is(:focus-visible,:active):before{opacity:var(--state-pressed-opacity)}#comments :is(.tk-content,.tk-preview-container) .toolbar-item>button:focus-visible{outline:3px solid var(--md-sys-color-primary);outline-offset:3px}#comments :is(.tk-content,.tk-preview-container) .toolbar-item>button:active{border-radius:var(--shape-lg)}#comments :is(.tk-content,.tk-preview-container) .toolbar-item>button[data-copy-state=copy-success]{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}#comments .tk-content img{border-radius:var(--shape-sm);max-width:100%}#comments .tk-replies{margin-top:var(--space-4);border-inline-start:2px solid var(--md-sys-color-outline-variant);padding-inline-start:var(--space-4)}#comments .tk-replies .tk-comment{gap:var(--space-3);margin-top:var(--space-4)}#comments .tk-replies .tk-comment:first-child{margin-top:0}#comments .tk-replies .tk-avatar{width:32px;height:32px}#comments .tk-comment .tk-submit{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--shape-lg);background:var(--md-sys-color-surface-container)}#comments .tk-comment:focus-within .tk-actions{display:inline}#comments .tk-tag{border-radius:var(--shape-full);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-large-line-height);border:0;padding:2px 8px}#comments .tk-tag-green,#comments .tk-tag-blue{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}#comments .tk-tag-red{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}#comments .tk-preview-container{margin:var(--space-4) 0 0;padding:var(--space-4) var(--space-5);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--shape-lg);background:var(--md-sys-color-surface-container-lowest)}#comments .tk-expand{border-radius:var(--shape-full);min-height:44px;color:var(--md-sys-color-primary);font-size:var(--md-sys-typescale-label-large-size);font-weight:600}#comments .tk-expand:hover{background:var(--md-sys-color-secondary-container)}#comments .tk-footer{margin-top:var(--space-4);color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-small-size)}#comments .tk-footer a{color:var(--md-sys-color-primary)}#comments .tk-error-message,#comments .tk-comments-error{color:var(--md-sys-color-error)}#comments .el-loading-mask{border-radius:var(--shape-xl);background:color-mix(in srgb, var(--md-sys-color-surface) 92%, transparent)}#comments .el-loading-spinner .path{stroke:var(--md-sys-color-primary)}#comments .tk-admin-container{z-index:2}#comments .tk-admin{padding:var(--space-6);border-radius:var(--shape-xl);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);box-shadow:var(--elevation-2);scrollbar-color:var(--md-sys-color-outline) transparent}#comments .tk-admin-close{box-sizing:border-box;border-radius:var(--shape-full);width:40px;height:40px;color:var(--md-sys-color-on-surface-variant);place-items:center;padding:12px;display:grid}#comments .tk-login-title{color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-title-large-size);font-weight:600}#comments .tk-login,#comments .tk-regist{padding:0}#comments .tk-login form,#comments .tk-regist form{width:min(100%,440px)}#comments .tk-password{align-items:center;gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;width:100%;display:grid;position:relative}#comments .tk-password .el-input-group__prepend{width:auto;font-size:var(--md-sys-typescale-label-medium-size);line-height:var(--md-sys-typescale-label-medium-line-height);background:0 0;border:0;padding:0;position:absolute;inset-block-start:8px;inset-inline-start:16px}#comments .tk-password .el-input__inner{border:0;border-bottom:1px solid var(--md-sys-color-outline);border-radius:var(--shape-md) var(--shape-md) 0 0;grid-area:1/1;min-width:0;height:60px;padding:25px 40px 9px 16px}#comments .tk-password .el-input__suffix{z-index:1;grid-area:1/1;justify-self:end;margin-inline-end:12px;position:static;transform:none!important}#comments .tk-admin .el-input-group__prepend,#comments .tk-admin .el-input-group__append{border-color:var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface-variant)}#comments .tk-password .el-input-group__prepend,#comments .tk-password .el-input-group__append{background:0 0;border:0}#comments .tk-password .el-input-group__append{grid-area:1/2;width:auto;padding:0;display:block}#comments .tk-login-msg,#comments .tk-login-msg a{color:var(--md-sys-color-on-surface-variant)}#comments .tk-admin-comment-filter-type,#comments .tk-admin-config-group-title{border-color:var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface)}@media (width<=599px){.blog-comments{scroll-margin-top:84px}.blog-comments-header{gap:var(--space-3);margin-bottom:var(--space-5)}.blog-comments-mark{width:48px;height:48px}.blog-comments-header h2{font-size:var(--md-sys-typescale-headline-small-size);line-height:var(--md-sys-typescale-headline-small-line-height)}#comments .tk-meta-input{gap:var(--space-3);grid-template-columns:minmax(0,1fr)}#comments .tk-submit,#comments .tk-comments-container>.tk-comment,#comments .tk-admin{padding:var(--space-4)}#comments .tk-comments-container>.tk-comment{gap:var(--space-3)}#comments .tk-avatar{width:36px;height:36px}#comments .tk-replies{padding-inline-start:var(--space-3)}#comments .tk-replies .tk-avatar{width:28px;height:28px}#comments .el-button{padding-inline:20px}}