.cn-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;padding:0;border:1px solid #c9d3bb;border-radius:50%;background:#f2f3e7;color:#31563f;cursor:pointer;vertical-align:middle;line-height:1;font-family:"PingFang SC","Microsoft YaHei",sans-serif}.cn-bell:hover{background:#e4ead8}.cn-bell:focus-visible,.cn-dialog button:focus-visible,.cn-dialog a:focus-visible{outline:2px solid #b9764f;outline-offset:3px}.cn-badge{position:absolute;min-width:18px;height:18px;top:-3px;right:-5px;border:2px solid #f5f3e9;border-radius:12px;padding:0 4px;background:#a96743;color:#fffbed;font:600 10px/14px "PingFang SC",sans-serif;text-align:center}.cn-offline{border-style:dashed}.cn-bell[hidden],.cn-dialog [hidden]{display:none!important}.cn-dialog{box-sizing:border-box;position:fixed;inset:0 0 0 auto;margin:0;width:min(440px,100vw);max-width:100vw;height:100vh;height:100dvh;max-height:100dvh;padding:0;border:0;border-left:1px solid #bdcbb0;border-radius:0;background:#f8f6ed;color:#244b39;box-shadow:-15px 0 70px #102b2225;font:13px/1.7 "PingFang SC","Microsoft YaHei",sans-serif;overflow:hidden}.cn-dialog[open]{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}.cn-dialog::backdrop{background:#112b2466;backdrop-filter:blur(2px)}.cn-dialog *{box-sizing:border-box}.cn-dialog h2,.cn-dialog h3,.cn-dialog p{margin:0}.cn-dialog button,.cn-dialog a{font:inherit;-webkit-tap-highlight-color:transparent}.cn-dialog button{cursor:pointer}.cn-dialog button:disabled{opacity:.45;cursor:default}.cn-header{padding:30px 28px 24px;display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.cn-eyebrow{font-size:8px;letter-spacing:2px;color:#839170}.cn-header h2{font:600 27px/1.6 "Songti SC","STSong",Georgia,serif;margin:6px 0}.cn-subtitle{font-size:11px;color:#7b876d}.cn-close{border:0;background:#ecefe0;border-radius:50%;color:#536a4c;flex-shrink:0;width:34px;height:34px;padding:0;font:25px/32px Georgia!important}.cn-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-block:1px solid #d8decb;margin:0 28px;padding:12px 0}.cn-filters{display:flex;gap:3px;background:#e9eddf;border-radius:22px;padding:3px}.cn-filters button{border:0;background:transparent;border-radius:19px;padding:5px 12px;color:#7a876d;font-size:11px}.cn-filters button[aria-pressed=true]{background:#fdfbf2;color:#31533b;box-shadow:0 1px 3px #18392312}.cn-unread-count{font-size:10px;margin-left:3px}.cn-read-all{border:0;background:transparent;color:#8e6d42;font-size:11px!important;padding:7px 0;white-space:nowrap}.cn-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 28px 22px;scrollbar-width:thin;scrollbar-color:#c6d0b8 transparent}.cn-item{display:flex;gap:12px;padding:23px 0;border-bottom:1px solid #dfe3d3}.cn-item-symbol{width:29px;height:29px;flex-shrink:0;border:1px solid #d6ddca;border-radius:50%;text-align:center;color:#829176;background:#f0f2e7;font:20px/27px Georgia;margin-top:1px}.cn-unread .cn-item-symbol{background:#e4ebd6;border-color:#bdcba8;color:#4c6a3e}.cn-item-content{min-width:0;flex:1}.cn-item-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.cn-item h3{font-size:13px;font-weight:500;line-height:1.8;overflow-wrap:anywhere}.cn-unread h3{font-weight:600}.cn-read-state{font-size:9px;color:#929d83;white-space:nowrap;flex-shrink:0}.cn-unread .cn-read-state{color:#a97a43}.cn-item-content>p{font-size:12px;line-height:1.8;color:#7a876e;margin-top:7px;white-space:pre-wrap;overflow-wrap:anywhere}.cn-item time{display:block;color:#a1a78f;font-size:9px;margin-top:9px}.cn-item-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:10px}.cn-item-actions a{color:#476443;text-decoration:none;font-size:11px}.cn-item-actions a>span{margin-left:4px;color:#9c805a}.cn-item-actions button{border:0;background:transparent;color:#9a865f;font-size:10px;padding:6px 0}.cn-note{padding:17px 28px 20px;border-top:1px solid #d8decb;font-size:10px;color:#939c82;line-height:1.8;background:#f1f1e5}.cn-empty{text-align:center;padding:55px 12px 35px;color:#829173}.cn-empty>span{display:block;font:37px/1 Georgia;color:#a2b28f;margin-bottom:18px}.cn-empty b{font-size:14px;font-weight:400;display:block}.cn-empty p{font-size:11px;line-height:1.9;margin-top:12px}.cn-loading{padding:40px 10px;text-align:center;color:#8c987a;font-size:12px}.cn-more{width:100%;border:1px solid #c9d2bc;background:transparent;border-radius:5px;padding:10px;color:#657b55;font-size:11px;margin-top:20px}.cn-new{width:100%;margin:16px 0 0;padding:8px 12px;border:1px solid #c9d5b9;border-radius:5px;background:#e9efdd;color:#517044;font-size:11px}.cn-error{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:16px;padding:12px 14px;border-radius:5px;background:#f0e3d6;color:#986344;font-size:11px;line-height:1.8}.cn-error span{min-width:0;overflow-wrap:anywhere}.cn-retry{background:transparent;border:0;color:#805a35;text-decoration:underline;padding:4px 0;flex-shrink:0;font-size:11px!important}
@media(max-width:480px){.cn-dialog{inset:auto 0 0;width:100vw;height:calc(100vh - 12px);height:calc(100dvh - 12px);border-radius:18px 18px 0 0;border-left:0;border-top:1px solid #c6d0b7}.cn-header{padding:26px 22px 20px}.cn-header h2{font-size:25px}.cn-toolbar{margin-inline:22px}.cn-scroll{padding-inline:22px}.cn-note{padding-inline:22px}.cn-bell{width:34px;height:34px}.cn-bell svg{width:19px;height:19px}.cn-item{gap:10px}.cn-item-symbol{width:25px;height:25px;font-size:18px;line-height:23px}}
@media(prefers-reduced-motion:no-preference){.cn-dialog[open]{animation:cn-enter .18s ease-out}.cn-bell{transition:background .15s}@keyframes cn-enter{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}}