@charset "utf-8";
.dw-orbit-board { position:relative; width:100%; min-height:auto; padding:clamp(120px,8vw,150px) clamp(16px,4vw,60px); display:flex; align-items:center; overflow:visible; isolation:isolate; background:#f2f2f2; box-sizing:border-box; }
.dw-orbit-board::before, .dw-orbit-board::after, .dw-left::before, .dw-board-panel::before, .dw-post::before { display:none; }
.dw-orbit-inner { width:100%; max-width:none; margin:0 auto; display:grid; grid-template-columns:minmax(300px,32%) minmax(0,68%); gap:clamp(28px,4vw,72px); align-items:stretch; box-sizing:border-box; }
.dw-left { position:relative; min-height:auto; display:flex; flex-direction:column; justify-content:space-between; gap:40px; padding:clamp(10px,2vw,24px); border:none; border-radius:0; background:transparent; box-shadow:none; backdrop-filter:none; overflow:visible; box-sizing:border-box; }
.dw-kicker { position:relative; z-index:1; display:inline-flex; align-items:center; gap:11px; margin:0 0 30px; color:#4f8cff; font-size:13px; font-weight:900; letter-spacing:.2em; text-transform:uppercase; }
.dw-kicker::before { content:""; width:10px; height:10px; border-radius:50%; background:#4defff; box-shadow:0 0 24px rgba(77,239,255,.55); }
.dw-title { position:relative; z-index:1; margin:0; color:#111; font-size:clamp(52px,7.4vw,124px); line-height:.83; letter-spacing:-.09em; font-weight:900; }
.dw-title span { display:block; }
.dw-title .outline { color:transparent; -webkit-text-stroke:1.3px rgba(79,140,255,.72); }
.dw-desc { position:relative; z-index:1; max-width:520px; margin:30px 0 0; color:#555; font-size:clamp(15px,1.2vw,18px); line-height:1.82; word-break:keep-all; }
.dw-left-bottom { position:relative; z-index:1; display:grid; gap:18px; margin-top:40px; }
.dw-progress { display:grid; gap:12px; }
.dw-progress-head { display:flex; justify-content:space-between; color:#333; font-size:13px; font-weight:800; }
.dw-progress-bar { height:10px; border-radius:999px; background:#e9e9e9; overflow:hidden; }
.dw-progress-bar span { display:block; width:82%; height:100%; border-radius:inherit; background:linear-gradient(90deg,#4f8cff,#4defff,#ff4fd8); }
.dw-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.dw-stat { padding:17px 0; border:none; border-radius:0; background:transparent; }
.dw-stat strong { display:block; color:#111; font-size:clamp(22px,2.2vw,34px); line-height:.95; letter-spacing:-.06em; font-weight:900; }
.dw-stat span { display:block; margin-top:8px; color:#666; font-size:12px; line-height:1.4; font-weight:700; }
.dw-right { display:grid; grid-template-rows:auto 1fr; gap:24px; min-width:0; box-sizing:border-box; }
.dw-dashboard-head { display:grid; grid-template-columns:1fr auto; gap:18px; align-items:center; padding:0 0 24px; border:none; border-radius:0; background:transparent; backdrop-filter:none; box-shadow:none; border-bottom:1px solid #ddd; }
.dw-dashboard-title { margin:0; color:#111; font-size:clamp(25px,2.7vw,44px); line-height:1; letter-spacing:-.07em; font-weight:900; }
.dw-dashboard-desc { margin:10px 0 0; color:#666; font-size:14px; line-height:1.6; word-break:keep-all; }
.dw-filter { display:flex; align-items:center; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.dw-filter span { min-height:36px; display:inline-flex; align-items:center; padding:0 14px; border:1px solid #ddd; border-radius:999px; color:#555; background:transparent; font-size:12px; font-weight:800; white-space:nowrap; }
.dw-filter span:first-child { color:#061018; border-color:transparent; background:#4defff; }
.dw-board-panel { position:relative; border:none; border-radius:0; background:transparent; backdrop-filter:none; overflow:visible; box-shadow:none; }
.dw-post-list { position:relative; display:grid; padding:0; max-height:none; height:auto; overflow:visible; scrollbar-width:auto; }
.dw-post { position:relative; display:grid; grid-template-columns:76px minmax(0,1fr) 118px 84px; gap:14px; align-items:center; min-height:82px; padding:18px 0; border:none; border-bottom:1px solid #ddd; border-radius:0; color:#111; text-decoration:none; transition:opacity .25s ease, transform .25s ease; }
.dw-post + .dw-post { margin-top:0; }
.dw-post:hover { transform:none; border-color:#ddd; background:transparent; opacity:.82; }
.dw-no { width:58px; height:58px; display:grid; place-items:center; border-radius:50%; color:#061018; background:linear-gradient(135deg,#4f8cff,#fff); font-size:18px; font-weight:900; letter-spacing:-.06em; font-variant-numeric:tabular-nums; box-shadow:none; }
.dw-post.accent-cyan .dw-no { background:linear-gradient(135deg,#4defff,#fff); }
.dw-post.accent-pink .dw-no { background:linear-gradient(135deg,#ff4fd8,#fff); }
.dw-post.accent-orange .dw-no { background:linear-gradient(135deg,#ffad4f,#fff); }
.dw-post.accent-lime .dw-no { background:linear-gradient(135deg,#b7ff55,#fff); }
.dw-post.accent-blue .dw-no { background:linear-gradient(135deg,#4f8cff,#fff); }
.dw-post-main { min-width:0; }
.dw-post-title { display:flex; align-items:center; gap:8px; min-width:0; max-width:100%; margin:0; color:#111; font-size:clamp(15px,1.1vw,22px); line-height:1.42; letter-spacing:-.045em; font-weight:800; white-space:nowrap; overflow:hidden; word-break:keep-all; }
.dw-title-text { display:block; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dw-link-icon { flex:0 0 auto; width:22px; height:22px; display:inline-grid; place-items:center; border-radius:50%; color:#061018; background:#b7ff55; font-size:11px; font-weight:900; }
.dw-lock { flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; font-size:13px; }
.dw-new { flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:50%; color:#061018; background:#4defff; font-size:11px; font-weight:900; }
.dw-comment { flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; min-width:20px; height:20px; padding:0 6px; border-radius:999px; color:#061018; background:#fff151; font-size:11px; font-weight:900; }
.dw-mobile-meta { display:none; flex-wrap:wrap; gap:8px; margin-top:10px; }
.dw-mobile-meta span, .dw-type { display:inline-flex; align-items:center; min-height:30px; padding:0 10px; border:1px solid #ddd; border-radius:999px; color:#666; background:transparent; font-size:12px; font-weight:800; white-space:nowrap; }
.dw-type { justify-content:center; color:#061018; border-color:transparent; background:rgba(77,239,255,.32); }
.dw-date { color:#777; font-size:13px; font-weight:800; white-space:nowrap; text-align:center; font-variant-numeric:tabular-nums; }
.dw-writer, .dw-hit { display:none !important; }
.dw-arrow { flex:0 0 34px; width:34px; height:34px; display:inline-grid; place-items:center; border:1px solid #ddd; border-radius:50%; color:#111; background:transparent; font-size:13px; line-height:1; transition:transform .25s ease, background .25s ease, color .25s ease; }
.dw-post:hover .dw-arrow { color:#061018; background:#4defff; transform:rotate(-45deg); }
.dw-empty { padding:80px 0; color:#777; font-size:16px; font-weight:700; text-align:center; border-bottom:1px solid #ddd; }
@media (max-width:1220px) { .dw-orbit-inner { grid-template-columns:1fr; } .dw-left { min-height:auto; } .dw-post-list { max-height:none; overflow:visible; } }
@media (max-width:980px) { .dw-post { grid-template-columns:58px minmax(0,1fr) 82px; min-height:auto; padding:18px 0; } .dw-post-title { white-space:normal; overflow:visible; text-overflow:initial; align-items:flex-start; } .dw-title-text { white-space:normal; overflow:visible; text-overflow:initial; } .dw-type, .dw-date { display:none; } .dw-mobile-meta { display:flex; } .dw-arrow { flex:0 0 32px; width:32px; height:32px; margin-top:-4px; } }
@media (max-width:860px) { .dw-orbit-board { padding:70px 18px; align-items:flex-start; } .dw-left, .dw-dashboard-head, .dw-board-panel { border-radius:0; } .dw-dashboard-head { grid-template-columns:1fr; } .dw-filter { justify-content:flex-start; } .dw-stats { grid-template-columns:repeat(3,1fr); } }
@media (max-width:520px) { .dw-orbit-board { padding:60px 16px; } .dw-left, .dw-dashboard-head { padding-left:0; padding-right:0; } .dw-title { font-size:clamp(52px,18vw,78px); } .dw-stats { grid-template-columns:1fr; } .dw-post { grid-template-columns:1fr; } .dw-no { width:max-content; height:34px; padding:0 12px; border-radius:999px; font-size:14px; } .dw-arrow { width:30px; height:30px; flex:0 0 30px; margin-top:0; } }
@media (prefers-reduced-motion:reduce) { *, *::before, *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }