@import"https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;600;700&display=swap";:root{--bg-color: #f9f9fa;--bg-white: #ffffff;--text-main: #333333;--text-muted: #666666;--primary-color: #ff4d4f;--primary-hover: #e60000;--border-color: #e5e7eb}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-main);font-family:Noto Sans,sans-serif;-webkit-font-smoothing:antialiased}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding-bottom:3rem}.studio-container{max-width:1200px;margin:0 auto;padding:2rem;width:100%}.studio-navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;background:var(--bg-white);border-bottom:2px solid var(--border-color);position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px #0000000d}.nav-brand{font-size:1.5rem;font-weight:700;color:var(--text-main);text-decoration:none;letter-spacing:-.5px}.nav-brand span{color:var(--primary-color)}.nav-links{display:flex;gap:2rem;align-items:center}.nav-item{color:#555;text-decoration:none;font-weight:600;font-size:.95rem;transition:color .2s}.nav-item:hover{color:var(--primary-color)}.login-btn{border:1px solid var(--primary-color);color:var(--primary-color);padding:.4rem 1.2rem;border-radius:20px;text-decoration:none;background:transparent;cursor:pointer;font-weight:600;transition:.3s}.login-btn:hover{background:var(--primary-color);color:#fff}.home-grid{display:grid;grid-template-columns:2fr 1fr;gap:3rem;margin-top:3rem}.section-title{color:var(--primary-color);font-size:1.8rem;border-bottom:2px solid var(--border-color);padding-bottom:.5rem;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px}.news-list{display:flex;flex-direction:column;gap:1rem}.grid-system{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2rem;margin-top:2rem}.card-shadow{background:var(--bg-white);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;display:block;text-decoration:none;transition:transform .3s,box-shadow .3s}.card-shadow:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.card-img{width:100%;height:320px;object-fit:cover;border-bottom:1px solid var(--border-color)}.card-info{padding:1rem}.card-title{color:var(--text-main);font-size:1.1rem;margin-bottom:.5rem;font-weight:700}.tag-elegant{font-size:.75rem;background:#f0f0f0;color:#555;padding:3px 8px;border-radius:4px;margin-right:5px}.empty-state{text-align:center;padding:80px 20px;border:2px dashed #ccc;border-radius:8px;background:var(--bg-white);color:#888;margin-top:2rem}.chat-full-layout{max-width:1200px;margin:0 auto;width:100%;height:calc(100vh - 80px);display:flex;flex-direction:column;padding:20px}.chat-window{flex:1;background:var(--bg-white);border-radius:12px 12px 0 0;border:1px solid #ddd;border-bottom:none;overflow-y:auto;padding:25px;box-shadow:0 4px 20px #0000000d;scroll-behavior:smooth}.chat-input-area{background:var(--bg-white);padding:20px;border-radius:0 0 12px 12px;border:1px solid #ddd;display:flex;gap:15px;align-items:center}.msg-box{display:flex;gap:15px;margin-bottom:20px;padding:15px;border-radius:12px;max-width:85%;position:relative}.msg-avatar{width:45px;height:45px;border-radius:50%;object-fit:cover;box-shadow:0 2px 5px #0000001a}.msg-header{display:flex;align-items:center;gap:10px;margin-bottom:5px;flex-wrap:wrap}.msg-name{font-weight:700;font-size:1rem}.msg-time{font-size:.75rem;color:#888}.msg-badge{font-size:.7rem;padding:3px 8px;border-radius:6px;font-weight:700;text-transform:uppercase;letter-spacing:1px}@keyframes devilAura{0%{box-shadow:0 0 5px #8a2be2,inset 0 0 10px #8a2be2;border-color:#8a2be2}50%{box-shadow:0 0 20px #9400d3,inset 0 0 20px #9400d3;border-color:#f0f}to{box-shadow:0 0 5px #8a2be2,inset 0 0 10px #8a2be2;border-color:#8a2be2}}.role-owner{background:linear-gradient(135deg,#130024,#2a004d);color:#e0d4f5;border:2px solid #8a2be2;animation:devilAura 2.5s infinite alternate}.role-owner .msg-name{color:#d4a5ff;text-shadow:0 0 5px rgba(212,165,255,.5)}.role-owner .msg-text{color:#f0e6ff;font-weight:500}.role-owner .msg-badge{background:linear-gradient(90deg,#f05,#9400d3);color:#fff;box-shadow:0 0 10px #9400d3}.role-manager{background:#fffcf0;border-left:5px solid #faad14;border:1px solid #f0e0c0;border-left-width:5px}.role-manager .msg-name{color:#d48806}.role-manager .msg-badge{background:#faad14;color:#fff}.role-editor{background:#f0f8ff;border-left:5px solid #1890ff;border:1px solid #d0e8ff;border-left-width:5px}.role-editor .msg-name{color:#096dd9}.role-editor .msg-badge{background:#1890ff;color:#fff}.role-reader{background:var(--bg-white);border:1px solid var(--border-color)}.role-reader .msg-name{color:var(--text-main)}.role-reader .msg-badge{display:none}.swiper-button-next,.swiper-button-prev{color:var(--primary-color)!important;background:#fffc;padding:30px 20px;border-radius:8px}.swiper-pagination-fraction{color:#fff!important;font-weight:700;background:#00000080;padding:5px 15px;border-radius:20px;width:auto!important;left:50%!important;transform:translate(-50%);bottom:10px!important}.studio-footer{background:#1a1a1a;color:#e5e5e5;padding:3rem 5% 1.5rem;margin-top:auto}@media(max-width:900px){.home-grid{grid-template-columns:1fr;gap:2rem}.grid-system{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media(max-width:600px){.studio-navbar{flex-direction:column;gap:15px;padding:15px}.nav-links{flex-wrap:wrap;justify-content:center;gap:15px}.studio-container{padding:1rem}.section-title{font-size:1.5rem}.chat-full-layout{padding:10px;height:calc(100vh - 120px)}.chat-window{padding:15px}.msg-box{max-width:100%;flex-direction:column;gap:10px;padding:12px}.msg-avatar{width:35px;height:35px}.chat-input-area{padding:10px;flex-wrap:wrap}.chat-input-area input{padding:10px 15px}.chat-input-area button{padding:10px 20px;width:100%}.slide-banner-title{font-size:2rem!important}.slide-banner-sub{font-size:.9rem!important}.swiper-button-next,.swiper-button-prev{padding:15px 10px;transform:scale(.7)}}