.sakura-comment-page{width:100%;overflow-x:clip}.sakura-comment-page .sakura-page-content{width:100%;max-width:900px;margin-inline:auto;overflow:visible;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;padding:0 0 48px}.sakura-comment-page .sakura-page-content>*{width:100%;max-width:800px;margin-inline:auto;box-sizing:border-box}@media(max-width:767px){.sakura-comment-page .sakura-page-content>*{width:auto;max-width:100%}.sakura-comment-page .sakura-page-content{padding-inline:max(24px,env(safe-area-inset-left,0px),env(safe-area-inset-right,0px))}.sakura-comment-page .envelope-maincontent{width:100%;max-width:none;margin-inline:0}.sakura-comment-page .envelope-comment-wrap{width:100%;max-width:none;margin-inline:0;padding-inline:0}.sakura-comment-page .sakura-comment{padding-inline:12px}}.envelope-maincontent{width:530px;max-width:100%;margin-inline:auto;margin-top:20px;position:relative;z-index:1;box-sizing:border-box;overflow-x:clip}.envelope-maincontent>.form-wrap,.envelope-maincontent>.envelope-mobile{position:relative;z-index:2}.envelope-danmaku{position:fixed;left:0;right:0;width:auto;margin:0;z-index:5;overflow:hidden;pointer-events:none;box-sizing:border-box}.envelope-danmaku__screen{position:relative;width:100%;height:100%}.form-wrap{overflow:hidden;width:530px;max-width:100%;height:var(--wrap-height,447px);position:relative;top:0;transition:all 1s ease-in-out .3s;z-index:0;cursor:pointer;user-select:none;box-sizing:border-box;margin-inline:auto}.form-wrap.opened{height:var(--open-height,1050px);top:var(--open-offset,-200px)}.beforeimg{position:absolute;bottom:126px;left:0;right:0;width:100%;height:317px;z-index:0;pointer-events:none;display:block;object-fit:fill}.afterimg{position:absolute;bottom:-2px;left:0;right:0;width:100%;height:259px;z-index:100;pointer-events:none;display:block;object-fit:fill}.envelope{position:relative;overflow:visible;width:500px;max-width:calc(100% - 30px);margin-inline:auto;padding-top:200px;transition:all 1s ease-in-out .3s;z-index:10;box-sizing:border-box}.headerimg{width:100%;display:block;overflow:hidden;pointer-events:none;object-fit:cover}.formmain{background:#fff;width:95%;max-width:800px;margin:0 auto;border-radius:5px;border:1px solid rgba(0,0,0,8%);overflow:hidden;box-shadow:0 0 20px rgba(0,0,0,.18);pointer-events:none}.comments-main{padding:5px 20px 16px}.title3{margin:12px 0 8px;text-decoration:none;color:var(--sakura-color-primary);text-align:center;font-size:1.15rem;font-weight:700}.comments{text-align:center;border:1px solid #ddd;padding:20px;margin:15px 0;background-color:#eee;line-height:2}.comments p{margin:0;font-size:15px;color:#333}.envelope-danmaku__item{position:absolute;left:0;display:inline-flex;align-items:center;gap:6px;max-width:88%;padding:2px 10px;border-radius:999px;background:rgba(255,255,255,.78);font-size:12px;line-height:22px;height:22px;color:#333;white-space:nowrap;box-shadow:0 1px 4px rgba(0,0,0,8%);will-change:transform}.envelope-danmaku__item img{width:18px;height:18px;border-radius:50%;flex-shrink:0;object-fit:cover}.envelope-danmaku__body{overflow:hidden;text-overflow:ellipsis}@media(prefers-reduced-motion:reduce){.envelope-danmaku{display:none}}.bottomcontent{text-align:center;margin-top:24px}.bottomimg{width:100%;margin:5px auto;display:block;pointer-events:none}.bottomhr{margin:8px 0 0;font-size:12px;text-align:center;color:#999}.envelope-mobile{display:none}.envelope-comment-wrap{position:relative;z-index:20;width:100%;max-width:800px;margin-inline:auto;margin-top:24px;margin-bottom:40px;padding-inline:10px;box-sizing:border-box}.envelope-comment-wrap .sakura-comment{margin-top:0}html.dark .formmain{background:#323232;border-color:rgba(255,255,255,.12);box-shadow:0 0 24px rgba(0,0,0,.45)}html.dark .title3{color:#f6d6af}html.dark .comments{background:rgba(90,90,90,.8);border-color:rgba(255,255,255,.85);color:#fff}html.dark .comments p{color:#fff}html.dark .envelope-danmaku__item{background:rgba(40,40,40,.82);color:#f5f5f5;box-shadow:0 1px 6px rgba(0,0,0,.28)}html.dark .bottomhr{color:#aaa}@media(max-width:600px){.sakura-comment-page .formmain{width:100%;margin-inline:0}.sakura-comment-page .comments-main{padding:5px 12px 12px}.envelope-danmaku{display:none!important}.envelope-desktop{display:none!important}.envelope-mobile{display:block}.envelope-maincontent{max-width:100%;margin-top:12px}.comments p{font-size:14px}}