.hwpc-wrap{align-items:center;gap:16px;max-width:520px;margin:28px auto 0;display:flex}@media (hover:hover){.hwpc-wrap{will-change:transform;transition:transform .15s ease-out}}.hwpc-browser{border:1px solid var(--c-accent-15);border-radius:var(--br-md);box-shadow:0 20px 60px #0006, 0 0 40px var(--c-accent-06);background:#050d19b3;flex:1;overflow:hidden}.hwpc-wp{opacity:0;animation:hwpcSlideIn .6s .3s var(--ease-out) forwards}.hwpc-next{opacity:0;animation:hwpcSlideIn .6s .6s var(--ease-out) forwards}@keyframes hwpcSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hwpc-bar{border-bottom:1px solid var(--c-accent-08);background:#0a1a2ee6;align-items:center;gap:6px;padding:8px 12px;display:flex}.hwpc-dots{gap:4px;display:flex}.hwpc-dot{border-radius:50%;width:6px;height:6px}.hwpc-dot-r{background:#ff5f57}.hwpc-dot-y{background:#ffbd2e}.hwpc-dot-g{background:#28ca41}.hwpc-url{color:var(--c-text-dim);background:var(--c-accent-05);border-radius:var(--br-pill);white-space:nowrap;text-overflow:ellipsis;flex:1;margin-left:8px;padding:2px 8px;font-size:9px;overflow:hidden}.hwpc-body{flex-direction:column;justify-content:space-between;min-height:130px;padding:14px;display:flex;position:relative}.hwpc-garbled{opacity:0;flex-direction:column;gap:5px;animation:.8s .8s forwards hwpcGarbledIn;display:flex}@keyframes hwpcGarbledIn{0%{opacity:0}to{opacity:1}}.hwpc-gb-line{background:var(--c-accent-06);border-radius:3px;height:7px;position:relative;overflow:hidden}.hwpc-gb-line:after{content:"";background:linear-gradient(90deg,#0000 0%,#ef535026 50%,#0000 100%);animation:3s ease-in-out infinite hwpcGlitch;position:absolute;inset:0}@keyframes hwpcGlitch{0%,to{opacity:.3;transform:translate(-20%)}50%{opacity:.8;transform:translate(20%)}}.hwpc-gb-w70{width:70%}.hwpc-gb-w40{width:40%;margin-left:12px}.hwpc-gb-w85{width:85%}.hwpc-gb-w55{width:55%;margin-left:6px}.hwpc-gb-block{background:var(--c-accent-04);border-radius:4px;height:26px;margin-top:3px;animation:2.5s ease-in-out infinite hwpcPulse}@keyframes hwpcPulse{0%,to{opacity:.3}50%{opacity:.6}}.hwpc-clean{opacity:0;animation:hwpcCleanIn .5s 1.2s var(--ease-out) forwards;flex-direction:column;gap:5px;display:flex}@keyframes hwpcCleanIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.hwpc-cl-line{background:var(--c-accent-15);border-radius:3px;height:7px}.hwpc-cl-w70{width:70%}.hwpc-cl-w40{width:40%}.hwpc-cl-w85{width:85%}.hwpc-cl-w55{width:55%}.hwpc-cl-block{background:var(--c-accent-10);border-radius:4px;height:26px;margin-top:3px}.hwpc-ai-badge{border-radius:var(--br-pill);letter-spacing:.03em;opacity:0;justify-content:center;align-items:center;gap:6px;margin-top:12px;padding:6px 12px;font-size:10px;font-weight:600;display:flex}.hwpc-ai-fail{color:#ef5350;background:#ef53501a;border:1px solid #ef535040;animation:.4s 2s forwards hwpcBadgeIn}.hwpc-ai-ok{color:#28ca41;background:#28ca411a;border:1px solid #28ca4140;animation:.4s 1.8s forwards hwpcBadgeIn}@keyframes hwpcBadgeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.hwpc-ai-ok svg{filter:drop-shadow(0 0 6px #28ca4180)}.hwpc-ai-fail svg{filter:drop-shadow(0 0 6px #ef535066)}.hwpc-arrow{color:var(--c-accent-40);opacity:0;animation:hwpcArrowIn .5s .9s var(--ease-out) forwards;flex-shrink:0}@keyframes hwpcArrowIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}@media (max-width:768px){.hwpc-wrap{gap:10px;max-width:360px}.hwpc-body{min-height:100px;padding:10px}.hwpc-url{font-size:8px}.hwpc-bar{padding:6px 10px}.hwpc-dot{width:5px;height:5px}.hwpc-ai-badge{padding:4px 8px;font-size:9px}.hwpc-gb-block,.hwpc-cl-block{height:20px}.hwpc-arrow svg{width:18px;height:18px}}
.wnwp-article{max-width:740px;padding:var(--sp-section-y) var(--sp-section-x) 0;margin:0 auto}.wnwp-article p{font-size:var(--fs-body);color:var(--c-text-body);margin:0 0 20px;line-height:1.75}.wnwp-article strong{color:var(--c-heading);font-weight:600}.wnwp-lead{font-size:var(--fs-sub);color:var(--c-text-sub)}.wnwp-quote{border-left:3px solid var(--c-accent);font-size:var(--fs-sub);color:var(--c-heading);background:var(--c-accent-03);border-radius:0 var(--br-sm) var(--br-sm) 0;box-shadow:inset 3px 0 12px var(--c-accent-06);margin:0 0 32px;padding:20px 24px;font-style:italic;line-height:1.6}.wnwp-article h2{font-size:var(--fs-section);color:var(--c-heading);letter-spacing:-.01em;margin:0 0 24px;padding-left:18px;font-weight:700;position:relative}.wnwp-article h2:before{content:"";background:var(--c-accent);width:3px;box-shadow:0 0 10px var(--c-accent-40);border-radius:2px;position:absolute;top:4px;bottom:4px;left:0}.wnwp-article h3{font-size:var(--fs-card-title);color:var(--c-heading);align-items:center;gap:10px;margin:36px 0 16px;font-weight:600;display:flex}.wnwp-article h3:before{content:"";background:var(--c-accent);width:6px;height:6px;box-shadow:0 0 8px var(--c-accent-50);border-radius:50%;flex-shrink:0}.wnwp-article ul{margin:0 0 24px;padding:0;list-style:none}.wnwp-article li{font-size:var(--fs-body);color:var(--c-text-body);margin-bottom:10px;padding-left:22px;line-height:1.65;position:relative}.wnwp-article li:before{content:"";background:var(--c-accent);width:6px;height:6px;box-shadow:0 0 8px var(--c-accent-40);border-radius:50%;position:absolute;top:10px;left:0}.wnwp-highlight{background:var(--c-accent-04);border:1px solid var(--c-accent-12);border-left:3px solid var(--c-accent);border-radius:var(--br-sm);font-size:var(--fs-body);color:var(--c-heading);box-shadow:inset 3px 0 20px var(--c-accent-04), 0 0 24px var(--c-accent-04);margin:24px 0 32px;padding:24px 28px;font-weight:600;line-height:1.65}.wnwp-divider{background:var(--grad-divider);border:none;height:1px;margin:48px 0}.wnwp-cards{gap:var(--sp-gap);grid-template-columns:1fr 1fr;margin:24px 0 32px;display:grid}.wnwp-card{background:var(--c-card-bg);border:1px solid var(--c-border);border-radius:var(--br-xl);padding:var(--sp-card);transition:transform var(--tr-smooth), border-color var(--tr-smooth), box-shadow var(--tr-smooth)}.wnwp-card:hover{transform:var(--lift-sm);border-color:var(--c-border-hover);box-shadow:var(--shadow-glow-md)}.wnwp-card-icon{width:var(--sp-icon);height:var(--sp-icon);border-radius:var(--br-sm);background:var(--c-accent-06);border:1px solid var(--c-accent-10);color:var(--c-accent);transition:background var(--tr-base), box-shadow var(--tr-base);justify-content:center;align-items:center;margin-bottom:16px;display:flex}.wnwp-card:hover .wnwp-card-icon{background:var(--c-accent-10);box-shadow:var(--shadow-glow-sm)}.wnwp-card h4{font-size:var(--fs-body);color:var(--c-heading);margin:0 0 8px;font-weight:600}.wnwp-card p{font-size:var(--fs-body-sm);margin:0}.wnwp-closing{text-align:center;padding:48px 0}.wnwp-closing-hl{font-size:var(--fs-section);color:var(--c-heading);background:linear-gradient(135deg, var(--c-heading) 0%, var(--c-accent-bright) 50%, var(--c-heading) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;margin:0 0 20px;font-weight:700;line-height:1.4}.wnwp-closing p{font-size:var(--fs-sub);color:var(--c-text-body);margin:0 0 12px;line-height:1.6}@media (max-width:768px){.wnwp-article{padding-top:40px}.wnwp-quote{font-size:var(--fs-body);padding:16px 18px}.wnwp-article h2{padding-left:14px}.wnwp-cards{grid-template-columns:1fr}.wnwp-highlight{padding:18px 20px}.wnwp-divider{margin:36px 0}.wnwp-closing-hl{font-size:var(--fs-card-title)}}