.ann-page{background:#fbfaf7;min-height:70vh;padding-top:76px;padding-bottom:clamp(40px,6vw,80px);position:relative}@media (width>=992px){.ann-page{padding-top:84px}}.ann-hero{isolation:isolate;background:radial-gradient(900px 420px at 88% -10%,#fbbf246b 0%,#0000 55%),radial-gradient(800px 420px at 8% 115%,#ec489952 0%,#0000 55%),radial-gradient(700px 380px at 50% 60%,#ffffffa6 0%,#0000 65%),linear-gradient(135deg,#fff7ed 0%,bisque 30%,#fde2e4 65%,#ede9fe 100%);padding:clamp(40px,7vw,80px) 0 clamp(72px,9vw,120px);position:relative;overflow:hidden}.ann-hero:before{content:"";opacity:.7;pointer-events:none;z-index:0;background-image:linear-gradient(#7c2d120d 1px,#0000 1px),linear-gradient(90deg,#7c2d120d 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 75%);mask-image:radial-gradient(#000 30%,#0000 75%)}.ann-hero:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 0%,#fbfaf7 100%);height:56px;position:absolute;bottom:-1px;left:0;right:0}.ann-hero-blob{filter:blur(60px);opacity:.55;z-index:0;pointer-events:none;border-radius:50%;animation:14s ease-in-out infinite annFloat;position:absolute}.ann-hero-blob.b1{background:radial-gradient(circle,#fb923c 0%,#0000 70%);width:340px;height:340px;top:-90px;right:-70px}.ann-hero-blob.b2{background:radial-gradient(circle,#f9a8d4 0%,#0000 70%);width:300px;height:300px;animation-delay:-4s;bottom:-110px;left:-50px}.ann-hero-blob.b3{opacity:.4;background:radial-gradient(circle,#fde047 0%,#0000 70%);width:220px;height:220px;animation-delay:-8s;top:30%;left:38%}@keyframes annFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(20px,-14px)scale(1.04)}66%{transform:translate(-14px,18px)scale(.98)}}.ann-hero-inner{z-index:1;text-align:center;max-width:680px;margin:0 auto;position:relative}.ann-hero-eyebrow{-webkit-backdrop-filter:blur(10px);color:#b45309;background:#ffffffb3;border:1px solid #f6931e47;border-radius:999px;align-items:center;gap:8px;margin-bottom:18px;padding:7px 16px;font-size:12.5px;font-weight:700;display:inline-flex;box-shadow:0 6px 18px #f6931e2e}.ann-hero-eyebrow-dot{background:#16a34a;border-radius:50%;width:8px;height:8px;animation:1.8s ease-out infinite annDot;box-shadow:0 0 #22c55eb3}@keyframes annDot{0%{box-shadow:0 0 #22c55eb3}to{box-shadow:0 0 0 10px #22c55e00}}.ann-hero-desc{color:#475569;max-width:580px;margin:0 auto 28px;font-size:clamp(13.5px,1.6vw,15.5px);line-height:2}.ann-hero-stats{-webkit-backdrop-filter:blur(14px)saturate(140%);background:#ffffffc7;border:1px solid #ffffffd9;border-radius:20px;grid-template-columns:repeat(3,1fr);gap:12px;max-width:540px;margin:0 auto;padding:16px;display:grid;box-shadow:0 18px 40px -16px #7c2d1238,inset 0 0 0 1px #fff9}.ann-stat{flex-direction:column;align-items:center;gap:2px;padding:6px 4px;display:flex;position:relative}.ann-stat:not(:last-child):after{content:"";inset-inline-end:0;background:#7c2d121f;width:1px;position:absolute;top:20%;bottom:20%}.ann-stat-num{background:linear-gradient(135deg,#f97316 0%,#db2777 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(20px,3.8vw,26px);font-weight:800;line-height:1.2}.ann-stat-lbl{color:#64748b;margin-top:2px;font-size:11.5px;font-weight:600}.ann-toolbar{z-index:10;-webkit-backdrop-filter:blur(18px)saturate(140%);background:#ffffffeb;border:1px solid #ffffffb3;border-radius:18px;flex-wrap:wrap;align-items:center;gap:10px;max-width:860px;margin:calc(-1*clamp(48px,7vw,88px)) auto 24px;padding:12px 14px;display:flex;position:sticky;top:64px;box-shadow:0 24px 50px -20px #3b1a7859,0 8px 20px #0f172a0f,inset 0 0 0 1px #fff9}.ann-search{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex:220px;align-items:center;gap:8px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.ann-search:focus-within{border-color:#f6931e;box-shadow:0 0 0 3px #f6931e26}.ann-search svg{color:#94a3b8;flex-shrink:0}.ann-search input{min-width:0;font:inherit;color:#0f172a;background:0 0;border:0;outline:0;flex:1;padding:10px 0;font-size:14px}.ann-search input::-webkit-search-cancel-button{display:none}.ann-search-clear{color:#fff;cursor:pointer;background:#cbd5e1;border:0;border-radius:50%;width:22px;height:22px;padding:0;font-size:16px;line-height:1}.ann-filters{background:#f1f5f9;border-radius:12px;gap:6px;padding:3px;display:flex}.ann-filter{color:#475569;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:700;transition:background .18s,color .18s,box-shadow .18s;display:inline-flex}.ann-filter:hover{color:#0f172a}.ann-filter.active{color:#f6931e;background:#fff;box-shadow:0 2px 8px #0f172a14}.ann-filter-count{text-align:center;background:#0f172a0f;border-radius:999px;min-width:20px;padding:1px 6px;font-size:11px;font-weight:700;display:inline-block}.ann-filter.active .ann-filter-count{color:#f6931e;background:#f6931e26}.ann-feed-wrap{max-width:860px;margin:0 auto;padding:0 4px}.ann-group{margin-bottom:32px}.ann-group-head{align-items:center;gap:10px;margin:0 2px 14px;display:flex}.ann-group-bar{background:linear-gradient(#f6931e,#ff6b6b);border-radius:4px;width:4px;height:22px}.ann-group-head h2{color:#0f172a;margin:0;font-size:15px;font-weight:800}.ann-group-count{color:#b45309;background:#f6931e1f;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700}.ann-feed{flex-direction:column;gap:18px;display:flex}.ann-item{opacity:0;background:#fff;border:1px solid #eef2f7;border-radius:20px;transition:opacity .45s,transform .45s cubic-bezier(.22,1,.36,1),box-shadow .25s;position:relative;overflow:hidden;transform:translateY(18px);box-shadow:0 2px 14px #0f172a0a}.ann-item.in{opacity:1;transform:translateY(0)}.ann-item:hover{box-shadow:0 16px 36px #0f172a14}.ann-item.pinned{background:linear-gradient(#fffbeb 0%,#fff 60%);border-color:#fde68a;box-shadow:0 4px 20px #f59e0b1f}.ann-item.pinned:before{content:"";z-index:2;background:linear-gradient(90deg,#f59e0b,#ef4444);height:3px;position:absolute;top:0;left:0;right:0}.ann-item.is-new:after{content:"";top:14px;background:#22c55e;border-radius:0 3px 3px 0;width:3px;height:28px;position:absolute;inset-inline-start:0;box-shadow:0 0 12px #22c55e99}.ann-item-pin{top:14px;color:#fff;z-index:3;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:999px;align-items:center;gap:5px;padding:4px 10px 4px 8px;font-size:11px;font-weight:800;display:inline-flex;position:absolute;inset-inline-end:14px;box-shadow:0 6px 16px #f59e0b59}.ann-item-new{top:14px;color:#fff;letter-spacing:.02em;z-index:3;background:#22c55e;border-radius:999px;padding:3px 10px;font-size:10.5px;font-weight:800;position:absolute;inset-inline-start:14px;box-shadow:0 6px 14px #22c55e66}.ann-item-cover{aspect-ratio:16/7;background:#f1f5f9;width:100%;display:block;position:relative;overflow:hidden;text-decoration:none!important}.ann-item-cover img{object-fit:cover;width:100%;height:100%;transition:transform .6s;display:block}.ann-item:hover .ann-item-cover img{transform:scale(1.03)}.ann-item-body{padding:18px 20px}.ann-item-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.ann-item-chip{color:#475569;background:#f1f5f9;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.ann-item-chip svg{color:#94a3b8}.ann-item-date{color:#94a3b8;font-size:11.5px}.ann-item-title{color:#0f172a;margin:0 0 10px;font-size:clamp(16px,2vw,19px);font-weight:800;line-height:1.55}.ann-item-title a{color:inherit;transition:color .18s;text-decoration:none!important}.ann-item-title a:hover{color:#f6931e}.ann-item-text{color:#334155;max-height:7.5em;font-size:14.5px;line-height:2;transition:max-height .4s;position:relative;overflow:hidden}.ann-item-text:not(.expanded):after{content:"";pointer-events:none;background:linear-gradient(#fff0,#fff);height:48px;position:absolute;bottom:0;left:0;right:0}.ann-item.pinned .ann-item-text:not(.expanded):after{background:linear-gradient(#fffbeb00,#fffbeb 60%,#fff)}.ann-item-text.expanded{max-height:2000px}.ann-item-text p{margin:0 0 10px}.ann-item-text img{border-radius:12px;max-width:100%}.ann-item-text a{color:#f6931e;font-weight:700}.ann-item-actions{border-top:1px dashed #e2e8f0;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding-top:14px;display:flex}.ann-item.pinned .ann-item-actions{border-top-color:#fde68a}.ann-item-toggle{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:4px;padding:8px 14px;font-size:13px;font-weight:700;transition:border-color .18s,color .18s,background .18s;display:inline-flex}.ann-item-toggle:hover{color:#f6931e;background:#fff7ed;border-color:#f6931e}.ann-item-toggle .rot{display:inline-block;transform:rotate(180deg)}.ann-item-cta{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:999px;align-items:center;gap:4px;padding:9px 18px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s,background .25s;display:inline-flex;box-shadow:0 4px 12px #0f172a33;color:#fff!important;text-decoration:none!important}.ann-item-cta:hover{background:linear-gradient(135deg,#f6931e 0%,#ff6b6b 100%);transform:translateY(-1px);box-shadow:0 8px 20px #f6931e66}.ann-item-cta-soft{border:1px solid #f6931e40;box-shadow:0 2px 8px #f6931e2e;color:#b45309!important;background:#fff7ed!important}.ann-item-cta-soft:hover{border-color:#0000;color:#fff!important;background:linear-gradient(135deg,#f6931e 0%,#ff6b6b 100%)!important}.ann-item-cta-lg{padding:12px 24px;font-size:14px}.ann-share-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:999px;justify-content:center;align-items:center;gap:6px;width:30px;height:30px;margin-inline-start:auto;padding:0;transition:all .18s;display:inline-flex;position:relative}.ann-share-btn:hover{color:#f6931e;background:#fff7ed;border-color:#f6931e;transform:translateY(-1px)}.ann-share-btn-lg{width:auto;height:auto;padding:9px 16px;font-size:13px;font-weight:700}.ann-share-btn-ghost{background:0 0;border-color:#0f172a1f}.ann-share-toast{top:-34px;color:#fff;white-space:nowrap;pointer-events:none;background:#0f172a;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:700;position:absolute;inset-inline-end:0;box-shadow:0 6px 14px #0f172a40}.ann-share-toast:after{content:"";bottom:-4px;background:#0f172a;width:8px;height:8px;position:absolute;inset-inline-end:10px;transform:rotate(45deg)}.ann-single-page{padding-top:76px}@media (width>=992px){.ann-single-page{padding-top:96px}}.ann-single-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:860px;margin:0 auto 16px;display:flex}.ann-single-back{background:#fff;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:700;transition:all .18s;display:inline-flex;color:#475569!important;text-decoration:none!important}.ann-single-back:hover{background:#fff7ed;border-color:#f6931e;color:#b45309!important}.ann-single-card{background:#fff;border:1px solid #eef2f7;border-radius:22px;max-width:680px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 24px 60px -28px #0f172a2e}.ann-single-card.pinned{border-color:#f6931e66;box-shadow:0 24px 60px -24px #f6931e59}.ann-single-loading{padding:24px}.ann-single-pin{top:16px;z-index:2;position:absolute;inset-inline-end:16px}.ann-single-cover{background:#f1f5f9;width:100%}.ann-single-cover img{width:100%;height:auto;display:block}.ann-single-body{padding:clamp(20px,3vw,32px)}.ann-single-title{color:#0f172a;margin:8px 0 14px;font-size:clamp(22px,3.4vw,30px);font-weight:900;line-height:1.4}.ann-single-text{color:#334155;margin-bottom:24px;font-size:15px;line-height:2.1}.ann-single-text img{border-radius:12px;max-width:100%;height:auto;margin:8px 0}.ann-single-actions{border-top:1px dashed #e5e7eb;flex-wrap:wrap;align-items:center;gap:10px;padding-top:16px;display:flex}.ann-state{text-align:center;color:#64748b;background:#fff;border:1px solid #eef2f7;border-radius:20px;padding:60px 24px}.ann-state-icon{color:#f6931e;background:linear-gradient(135deg,#fff7ed,#fef3c7);border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;font-size:28px;font-weight:800;display:inline-flex}.ann-state-icon.error{color:#dc2626;background:linear-gradient(135deg,#fee2e2,#fecaca)}.ann-state h4{color:#0f172a;margin:0 0 8px;font-size:17px;font-weight:800}.ann-state p{max-width:380px;margin:0 auto;font-size:14px;line-height:1.9}.ann-skeleton{background:linear-gradient(90deg,#eef2f7 0%,#f8fafc 50%,#eef2f7 100%) 0 0/200% 100%;border-radius:14px;height:120px;animation:1.4s linear infinite annShimmer}@keyframes annShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ann-skeleton-card{border-radius:20px;height:280px;margin-bottom:16px}.ann-fab{bottom:calc(20px + env(safe-area-inset-bottom,0px));color:#fff;cursor:pointer;opacity:0;visibility:hidden;z-index:900;background:linear-gradient(135deg,#f6931e 0%,#ff6b6b 100%);border:0;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:opacity .25s,transform .25s,visibility 0s linear .25s;display:flex;position:fixed;inset-inline-end:20px;transform:translateY(14px);box-shadow:0 10px 28px #f6931e66}.ann-fab.show{opacity:1;visibility:visible;transition:opacity .25s,transform .25s,visibility linear;transform:translateY(0)}.ann-fab:hover{transform:translateY(-2px)scale(1.05)}@media (width<=640px){.ann-hero-stats{border-radius:14px;gap:4px;padding:10px}.ann-toolbar{border-radius:14px;gap:8px;padding:10px}.ann-filters{justify-content:center;width:100%}.ann-filter{flex:1;justify-content:center;padding:8px 10px}.ann-item-body{padding:16px}.ann-item-cover{aspect-ratio:16/9}.ann-item-pin,.ann-item-new{top:12px}.ann-item-cta,.ann-item-toggle{flex:1;justify-content:center}}@media (width<=420px){.ann-hero-eyebrow{padding:6px 14px;font-size:11.5px}.ann-item-title{font-size:15px}.ann-item-text{font-size:14px}}@media (prefers-reduced-motion:reduce){.ann-hero-blob,.ann-hero-eyebrow-dot{animation:none}.ann-item{opacity:1;transition:none;transform:none}.ann-item:hover .ann-item-cover img{transform:none}}
