/* 무림 / 공략 / 연무 드롭다운만 확대 */ .nav-dropdown-toggle { font-size: 26px !important; font-weight: 800 !important; } /* ===== 상단 무림 / 공략 / 연무 드롭다운 크기 ===== */ header nav .dropdown > button, header nav .dropdown-toggle, header nav details > summary { font-size: 24px !important; font-weight: 800 !important; line-height: 1.2 !important; } /* 화살표 크기 */ header nav .dropdown > button::after, header nav .dropdown-toggle::after, header nav details > summary::after { font-size: 13px !important; } :root{--bg:#0b0d10;--panel:#14181d;--line:#262d35;--text:#f4f6f8;--muted:#9aa6b2;--accent:#7dd3a7;--danger:#ff7b7b}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#0b0d10,#0f1318);color:var(--text);font-family:Inter,system-ui,-apple-system,"Noto Sans KR",sans-serif}.wrap{width:min(1120px,92%);margin:auto}header{position:sticky;top:0;background:#0b0d10e8;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:10}.nav{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:20px;font-weight:800;color:#fff;text-decoration:none}.nav nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.nav a,.linkbtn{color:#c9d2dc;text-decoration:none;background:none;border:0;font:inherit;cursor:pointer}.pill,.primary{background:var(--accent)!important;color:#07140d!important;border:0;border-radius:10px;padding:10px 14px;font-weight:800;text-decoration:none}.button{display:inline-block}.inline{display:inline}main{padding:48px 0 80px}.hero{display:grid;grid-template-columns:1.4fr .6fr;gap:30px;align-items:end;padding:52px 0}.hero h1{font-size:clamp(42px,7vw,76px);line-height:1.03;margin:8px 0 18px;letter-spacing:-.045em}.hero p{color:var(--muted);font-size:18px}.hero-card{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero-card div,.card{background:var(--panel);border:1px solid var(--line);border-radius:16px}.hero-card div{padding:24px}.hero-card b{display:block;font-size:38px}.hero-card span{color:var(--muted)}.eyebrow{color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.14em}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{padding:24px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.section-head h1,.section-head h2,h1,h2{margin:0 0 16px}.section-head a{color:var(--accent);text-decoration:none}.row{display:flex;gap:14px;padding:14px 0;border-top:1px solid var(--line)}.row:first-of-type{border-top:0}.row small,.notice small{display:block;color:var(--muted);margin-top:4px}.tier{display:inline-flex;min-width:48px;justify-content:center;align-items:center;height:28px;padding:0 9px;border:1px solid #405044;border-radius:999px;color:var(--accent);font-weight:800}.notice{display:block;padding:15px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--text)}.notice.large{padding:20px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.auth{max-width:480px;margin:40px auto}.auth form,form{display:grid;gap:14px}label{display:grid;gap:7px;color:#cad2db;font-size:14px}input,select,textarea{width:100%;background:#0e1216;color:#fff;border:1px solid #303945;border-radius:9px;padding:11px 12px;font:inherit}button{cursor:pointer;padding:10px 14px;border-radius:9px;border:1px solid #34404b;background:#1b2229;color:#fff}.danger{color:var(--danger)}.muted{color:var(--muted)}.flash{padding:12px 14px;border-radius:10px;margin-bottom:18px;background:#192128}.flash.error{border:1px solid #6e3131}.flash.ok{border:1px solid #2f6549}.table-card{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-size:12px}.tabs{display:flex;gap:8px}.tabs a{padding:8px 11px;border:1px solid var(--line);border-radius:8px}.tabs .on{background:#1b2821}.formgrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:20px}.member-card h3{margin-top:0}.member-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.simform{display:grid;grid-template-columns:1fr auto 1fr auto;align-items:end;gap:14px}.result pre{white-space:pre-wrap;background:#0a0d10;border-radius:12px;padding:16px;overflow:auto}.complaint{padding:16px 0;border-top:1px solid var(--line)}.complaint:first-of-type{border-top:0}.complaint>div{display:flex;justify-content:space-between;gap:10px}.status{font-size:12px;color:var(--accent)}footer{border-top:1px solid var(--line);padding:24px 0 50px}.primary{cursor:pointer}@media(max-width:800px){.hero,.grid2,.cards{grid-template-columns:1fr}.hero-card{grid-template-columns:1fr 1fr}.nav{align-items:flex-start;padding:16px 0}.nav nav{gap:10px;font-size:13px}.formgrid,.simform{grid-template-columns:1fr}.member-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}} .board-list{display:grid;gap:16px;margin-top:20px}.board-item h2{margin-bottom:6px}.board-body{white-space:pre-wrap;line-height:1.75;color:#d9e0e7}.danger-button{border-color:#6e3131;color:#ff9b9b}.legion-cards{grid-template-columns:repeat(4,1fr);margin-top:18px}.code{font-size:22px;letter-spacing:.12em;color:var(--accent)}.actions{display:flex;gap:8px;flex-wrap:wrap}.permission-form{min-width:220px}.check{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:6px}.check input{width:auto}@media(max-width:1000px){.legion-cards{grid-template-columns:1fr 1fr}}@media(max-width:600px){.legion-cards{grid-template-columns:1fr}} /* v1.4.0 Murim navigation */ header .brand{font-size:30px!important;font-weight:800!important;line-height:1.2;margin-right:28px;white-space:nowrap} header .nav nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap} header .nav nav>a,header .nav nav .linkbtn,.nav-dropdown-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border:1px solid transparent;border-radius:8px;color:#cbd3dc;text-decoration:none;font-size:.95rem;font-weight:600;transition:.15s ease} header .nav nav>a:hover,header .nav nav .linkbtn:hover,.nav-dropdown-toggle:hover,.nav-dropdown:focus-within .nav-dropdown-toggle{background:#171c22;border-color:#2a323b;color:#fff} .nav-dropdown{position:relative;display:inline-flex;align-items:center}.nav-dropdown-toggle{background:transparent;cursor:pointer}.nav-dropdown-toggle span{margin-left:4px;font-size:11px;opacity:.7}.nav-dropdown-menu{position:absolute;top:calc(100% + 7px);left:0;min-width:140px;padding:7px;background:#11161b;border:1px solid #29313a;border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.35);opacity:0;visibility:hidden;transform:translateY(-4px);transition:.15s ease;z-index:1000}.nav-dropdown-menu a{display:block;padding:10px 12px;border-radius:7px;color:#cbd3dc;text-decoration:none;white-space:nowrap}.nav-dropdown-menu a:hover{background:#1b2229;color:#fff}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)} /* hero */ .murim-red{color:#ef4444;font-family:"Song Myung",serif;font-weight:400}.cheonha-blue{color:#3b82f6;font-family:"Black Han Sans",sans-serif;font-weight:400}.hero h1 .title-small{font-size:.78em;font-weight:700} /* home dashboard */ .home-dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.home-panel{min-width:0}.community-feed-item{display:block;padding:14px 4px;border-top:1px solid #252c34;text-decoration:none;transition:.15s ease}.community-feed-item:first-child{border-top:0}.community-feed-item:hover{padding-left:10px;padding-right:10px;background:#171c22;border-radius:8px}.community-feed-title{color:#f0f3f6;font-size:.96rem;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.community-feed-meta{display:flex;gap:10px;margin-top:6px;color:#7f8b98;font-size:.78rem} .home-tier-item{border-top:1px solid var(--line)}.home-tier-item:first-of-type{border-top:0}.home-tier-item summary{display:flex;align-items:center;gap:14px;padding:14px 0;cursor:pointer;list-style:none;border-radius:8px;transition:.15s ease}.home-tier-item summary::-webkit-details-marker{display:none}.home-tier-item summary:hover{background:#171c22;padding-left:10px;padding-right:10px}.home-tier-item summary div{flex:1}.home-tier-item summary small{display:block;color:var(--muted);margin-top:4px}.home-tier-item summary:after{content:"＋";color:var(--muted);font-size:18px;margin-left:auto}.home-tier-item[open] summary:after{content:"－";color:var(--accent)}.home-tier-detail{margin:0 0 14px;padding:16px;background:#0f1419;border:1px solid #29323b;border-radius:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.home-tier-detail div{display:flex;flex-direction:column;gap:4px}.home-tier-detail span{color:var(--muted);font-size:12px}.home-tier-detail strong{color:var(--text);font-size:14px}.home-tier-detail .wide,.home-tier-more{grid-column:1/-1}.home-tier-more{color:var(--accent);text-decoration:none;font-weight:700;font-size:13px} /* ranking */ .ranking-card{margin-top:18px}.ranking-tabs{display:flex;gap:6px}.ranking-tab{border:1px solid #29323b;background:#11161b;color:#9ca8b4;border-radius:8px;padding:8px 12px;cursor:pointer}.ranking-tab.active{background:#1b242c;color:#fff;border-color:#465563}.ranking-list{display:none}.ranking-list.active{display:block}.ranking-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 4px;border-top:1px solid #252c34}.ranking-row:first-child{border-top:0}.rank-no{font-size:1.1rem;text-align:center}.ranking-row div{display:flex;flex-direction:column;gap:3px}.ranking-row small{color:#7f8b98}.rating-score,.streak-score{font-size:1.05rem;font-weight:800}.streak-score{color:#69e6aa} /* profile */ .account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.profile-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #252c34}.profile-row:last-child{border-bottom:0}.profile-row span{color:#85909c;font-size:.9rem}.profile-password-form{display:flex;flex-direction:column;gap:13px}.profile-password-form label{display:flex;flex-direction:column;gap:7px;color:#aeb8c2;font-size:.88rem}.profile-action-card{display:block;text-decoration:none;transition:.15s ease}.profile-action-card:hover{transform:translateY(-2px);border-color:#35414c;background:#161b21}.profile-action-card strong{display:inline-block;margin-top:14px;color:#69e6aa} /* tier cards */ .tier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tier-deck-card{padding:0}.tier-deck-card summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:20px;cursor:pointer;list-style:none}.tier-deck-card summary::-webkit-details-marker{display:none}.tier-deck-card summary h3{margin:0 0 4px}.tier-deck-card summary small{color:var(--muted)}.deck-trend{color:#8b96a3;font-size:.85rem}.deck-basic-info{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid #252c34;padding:15px 20px 20px}.deck-basic-info div{display:flex;flex-direction:column;gap:4px}.deck-basic-info small{color:#7f8b98;font-size:.78rem}.deck-basic-info .wide{grid-column:1/-1} /* opening */ .opening-tabs{display:flex;gap:10px}.opening-stage{margin-top:18px;line-height:1.7}.opening-stage p{white-space:pre-line}.opening-result{margin-top:18px;padding:16px;border-radius:10px;border:1px solid #29323b}.opening-result.ready{border-color:#315d47;background:#11241a}.opening-result.wait{border-color:#66522e;background:#241e11} /* arena */ .arena-rating{display:flex;flex-direction:column;align-items:flex-end}.arena-rating small,.arena-rating span{color:var(--muted)}.arena-rating b{font-size:2rem}.arena-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.arena-slots>div{padding:14px;border:1px solid #29323b;border-radius:10px;background:#0f1419;display:flex;flex-direction:column;gap:5px}.arena-slots span{color:var(--accent);font-weight:800}.arena-slots small{color:var(--muted)}.arena-slot-form{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.arena-slot-form label{display:flex;flex-direction:column;gap:7px}.arena-slot-form button{grid-column:1/-1}.arena-opponent{display:flex;align-items:center;justify-content:space-between;padding:18px;border:1px solid #29323b;border-radius:12px;background:#0f1419;margin:14px 0}.arena-opponent div{display:flex;flex-direction:column;gap:4px}.arena-opponent small{color:var(--muted)}.arena-opponent>b{font-size:1.6rem}.arena-battle-button{width:100%;min-height:46px}.arena-result-head{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.arena-result-head>div{display:flex;flex-direction:column;gap:5px}.arena-result-head small{color:var(--muted)}.arena-result-head .win{color:#69e6aa}.arena-result-head .loss{color:#ff7a7a} @media(max-width:900px){.home-dashboard,.tier-grid,.account-grid{grid-template-columns:1fr}.arena-slot-form,.arena-slots,.arena-result-head{grid-template-columns:1fr}header .nav{align-items:flex-start}.nav-dropdown-menu{left:auto;right:0}} .deck-rank-link{background:none;border:0;padding:0;color:var(--text);font:inherit;font-weight:800;text-align:left;cursor:pointer}.deck-rank-link:hover{color:var(--accent);text-decoration:underline}.deck-detail-dialog{width:min(680px,92vw);border:1px solid #303a44;border-radius:14px;background:#11161b;color:var(--text);padding:24px;box-shadow:0 24px 70px rgba(0,0,0,.55)}.deck-detail-dialog::backdrop{background:rgba(0,0,0,.7)}.dialog-close{float:right;border:0;background:transparent;color:var(--muted);font-size:1.6rem;cursor:pointer}.deck-detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.deck-detail-stats>div{padding:12px;border:1px solid #29323b;border-radius:9px;display:flex;flex-direction:column;gap:4px}.deck-detail-stats small{color:var(--muted)}.deck-detail-dialog pre{white-space:pre-wrap;overflow:auto;max-height:320px;font-size:.78rem}@media(max-width:600px){.ranking-tabs{overflow-x:auto}.ranking-tab{white-space:nowrap}.deck-detail-stats{grid-template-columns:1fr}} /* === v1.4.2 Wulin cinematic UI === */ body.murim-theme{background:#0a0908;color:#f4efe4;background-image:radial-gradient(circle at 50% -10%,rgba(113,78,38,.18),transparent 38%),linear-gradient(180deg,#090909 0,#0d0b09 45%,#080808 100%)} .murim-header{background:linear-gradient(180deg,rgba(15,13,11,.98),rgba(10,9,8,.96));border-bottom:1px solid #493821;box-shadow:0 6px 22px rgba(0,0,0,.35)} .murim-nav{min-height:76px} .brand-home{display:flex!important;align-items:center;gap:10px;font-family:"Song Myung",serif!important;font-size:30px!important;color:#e8d6aa!important;letter-spacing:-.04em;text-shadow:0 1px 0 #000} .brand-emblem{width:46px;height:46px;object-fit:cover;border-radius:50%;border:1px solid #705631;box-shadow:0 0 0 2px rgba(231,191,120,.08),0 4px 16px rgba(0,0,0,.45)} .murim-nav nav{gap:7px!important}.murim-nav nav>a,.murim-nav .nav-dropdown-toggle,.murim-nav .linkbtn{min-height:40px!important;padding:0 13px!important;color:#d8d0c2!important;border:1px solid transparent!important;border-radius:3px!important;font-family:"Song Myung",serif!important;font-size:16px!important;letter-spacing:-.02em} .murim-nav nav>a:hover,.murim-nav .nav-dropdown-toggle:hover,.murim-nav .nav-dropdown:focus-within .nav-dropdown-toggle,.murim-nav .linkbtn:hover{background:linear-gradient(180deg,#2a2117,#17120e)!important;border-color:#6c5231!important;color:#f4d899!important} .nav-dropdown-menu{background:#13100d!important;border-color:#5c452b!important;border-radius:4px!important;box-shadow:0 18px 38px rgba(0,0,0,.5)!important}.nav-dropdown-menu a{font-family:"Song Myung",serif!important;color:#d8d0c2!important}.nav-dropdown-menu a:hover{background:#2a2117!important;color:#f4d899!important} .murim-main{padding-top:26px!important}.murim-footer{border-top:1px solid #2f261a;padding:24px 0 40px} .wulin-hero{position:relative;overflow:hidden;min-height:410px;border:1px solid #5d472b;background:linear-gradient(100deg,rgba(7,7,7,.96) 0%,rgba(18,14,10,.9) 48%,rgba(37,24,12,.56) 100%);box-shadow:0 20px 60px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,220,150,.04);display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:end;padding:56px 58px;margin-bottom:0} .wulin-hero:before,.wulin-hero:after{content:"";position:absolute;pointer-events:none}.wulin-hero:before{inset:0;background:radial-gradient(circle at 78% 24%,rgba(227,142,51,.23),transparent 22%),linear-gradient(155deg,transparent 48%,rgba(120,61,22,.18) 49%,transparent 51%),repeating-linear-gradient(135deg,transparent 0 54px,rgba(255,255,255,.012) 55px,transparent 56px)}.wulin-hero:after{right:-90px;bottom:-170px;width:500px;height:500px;border:1px solid rgba(186,139,76,.16);border-radius:50%;box-shadow:0 0 0 38px rgba(186,139,76,.025),0 0 0 78px rgba(186,139,76,.018)} .hero-content{position:relative;z-index:1}.hero-kicker,.panel-eyebrow{display:block;color:#c59a5c;font-size:12px;font-weight:800;letter-spacing:.17em;margin-bottom:10px}.wulin-hero h1{font-size:clamp(45px,6.4vw,78px);line-height:1.03;margin:8px 0 18px;letter-spacing:-.055em;text-shadow:0 5px 22px rgba(0,0,0,.45)}.wulin-hero p{max-width:700px;color:#c7b9a6;font-size:17px}.wulin-hero .murim-red{color:#b8382e;font-family:"Song Myung",serif}.wulin-hero .cheonha-blue{color:#4f7da8;font-family:"Black Han Sans",sans-serif}.wulin-hero .title-small{font-size:.72em;color:#f1eadf;font-family:"Song Myung",serif;font-weight:400}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.hero-action{padding:11px 16px;border:1px solid #604b31;color:#e9dfcf;text-decoration:none;background:rgba(17,14,11,.72);font-family:"Song Myung",serif}.hero-action:hover,.hero-action.primary-action{border-color:#a4773d;background:linear-gradient(180deg,#3b2a18,#1e160f);color:#ffe0a0}.hero-summary{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:10px}.hero-summary>div{padding:18px;border:1px solid #54402a;background:rgba(10,10,10,.68);display:flex;justify-content:space-between;align-items:end}.hero-summary small{color:#a99881}.hero-summary b{font-size:32px;color:#ead4a6} .wulin-quickbar{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #4a3925;border-top:0;margin-bottom:22px;background:#0c0b0a}.wulin-quickbar a{min-height:94px;padding:17px 20px;border-right:1px solid #34291e;text-decoration:none;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;align-content:center;column-gap:10px;color:#efe7da}.wulin-quickbar a:last-child{border-right:0}.wulin-quickbar span{grid-row:1/3;font-size:25px;color:#bb8a49;align-self:center}.wulin-quickbar b{font-family:"Song Myung",serif;font-size:18px}.wulin-quickbar small{color:#8f8272}.wulin-quickbar a:hover{background:linear-gradient(180deg,#1d1711,#11100d)} .wulin-dashboard{gap:18px!important}.wulin-panel,.wulin-ranking{background:linear-gradient(180deg,#12100e,#0e0d0c)!important;border-color:#3e3225!important;border-radius:2px!important;box-shadow:0 12px 28px rgba(0,0,0,.22)}.wulin-panel .section-head,.wulin-ranking .section-head{border-bottom:1px solid #33291e;padding-bottom:12px}.wulin-panel h2,.wulin-ranking h2{font-family:"Song Myung",serif;color:#f2e6d3}.wulin-panel .section-head>a{color:#b88a50}.wulin-panel .tier{background:#4b2d20!important;color:#f2d4ad!important;border:1px solid #775038}.home-tier-item,.community-feed-item,.notice{border-color:#2d271f!important}.home-tier-item summary:hover,.community-feed-item:hover,.notice:hover{background:#1c1712!important}.ranking-tabs{border-bottom:1px solid #33291e}.ranking-tab{border-radius:0!important;background:transparent!important;border-bottom:2px solid transparent!important;color:#a99b89!important}.ranking-tab.active{color:#efcf92!important;border-bottom-color:#9c6e36!important}.ranking-row{border-color:#2c261f!important}.rank-no{color:#c89c5b!important}.rating-score,.streak-score{color:#e0c28d!important}.deck-rank-link:hover{color:#d7a85f!important} @media(max-width:900px){.wulin-hero{grid-template-columns:1fr;padding:38px 28px;min-height:360px}.hero-summary{grid-template-columns:1fr 1fr;margin-top:26px}.wulin-quickbar{grid-template-columns:1fr 1fr}.wulin-quickbar a:nth-child(2){border-right:0}.wulin-quickbar a:nth-child(-n+2){border-bottom:1px solid #34291e}.brand-home span{display:none}.brand-emblem{width:42px;height:42px}} @media(max-width:560px){.wulin-hero{padding:30px 20px}.wulin-hero h1{font-size:42px}.hero-summary{grid-template-columns:1fr}.wulin-quickbar{grid-template-columns:1fr}.wulin-quickbar a{border-right:0!important;border-bottom:1px solid #34291e}.wulin-quickbar a:last-child{border-bottom:0}.murim-nav{align-items:center!important}.murim-nav nav{justify-content:flex-end}.murim-nav nav>a,.murim-nav .nav-dropdown-toggle,.murim-nav .linkbtn{font-size:14px!important;padding:0 9px!important}} /* v1.4.3 community boards */ .board-hero{margin:8px 0 18px}.board-hero h1{margin:.25rem 0 .4rem}.board-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.board-tabs a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid #3b3227;border-radius:8px;background:#15130f;color:#cfc5b4;text-decoration:none;font-weight:700}.board-tabs a:hover,.board-tabs a.active{border-color:#9b7541;background:#251d13;color:#f5e2bc}.board-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.45fr);gap:18px;align-items:start}.board-write-form{display:grid;gap:13px}.board-write-form label{display:grid;gap:7px;color:#b8ad9d;font-size:.9rem}.board-write-form input,.board-write-form textarea{width:100%;box-sizing:border-box;border:1px solid #3a342c;border-radius:8px;background:#0e1011;color:#f0eee9;padding:11px 12px;font:inherit}.board-write-form textarea{resize:vertical;line-height:1.65}.board-post{border-top:1px solid #2d2a25}.board-post:first-child{border-top:0}.board-post details>summary{display:flex;align-items:center;gap:12px;padding:15px 2px;cursor:pointer;list-style:none}.board-post details>summary::-webkit-details-marker{display:none}.board-post-main{min-width:0;flex:1}.board-post-main>strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f0eee9;font-size:1rem}.board-post-meta{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:6px;color:#817a6f;font-size:.78rem}.author-tag{color:#c9a86f;font-weight:700}.board-open-mark{color:#b99a67;font-size:1.15rem}.board-post details[open] .board-open-mark{transform:rotate(45deg)}.board-post-body{padding:4px 2px 16px;color:#d8d2c8;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.board-post-actions{display:flex;justify-content:flex-end;padding:0 2px 14px}.danger-link{border:0;background:transparent;color:#d88579;cursor:pointer;font:inherit;font-size:.83rem}.board-empty{padding:18px 0}@media(max-width:820px){.board-layout{grid-template-columns:1fr}.board-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.board-tabs a{white-space:nowrap}} /* Open community */ .community-page-head{margin:8px 0 24px}.community-page-head h1{margin:.2rem 0 .45rem} .open-community-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .open-community-card{display:flex;gap:18px;min-width:0;padding:20px;border:1px solid #2b333c;border-radius:14px;background:linear-gradient(145deg,#151a20,#101419);text-decoration:none;color:inherit;transition:transform .16s ease,border-color .16s ease,background .16s ease} .open-community-card:hover{transform:translateY(-2px);border-color:#46515d;background:linear-gradient(145deg,#191f26,#12171c)} .open-community-card.required{border-color:#6f6425}.community-service-icon{flex:0 0 52px}.community-service-icon img{display:block;width:52px;height:52px;border-radius:12px} .community-card-body{min-width:0;flex:1}.community-card-top{display:flex;align-items:center;gap:8px;min-height:22px}.service-name{color:#8d98a5;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em} .required-badge{padding:3px 7px;border-radius:999px;background:#fee500;color:#181818;font-size:.7rem;font-weight:900}.community-card-body h2{margin:6px 0 7px;font-size:1.25rem}.community-card-body p{margin:0 0 16px;color:#929daa;font-size:.9rem;line-height:1.55} .community-password{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;margin-bottom:13px;border:1px solid #29313a;border-radius:9px;background:#0c1116}.community-password span{color:#7f8b98;font-size:.78rem}.community-password strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1rem;letter-spacing:.08em}.community-password.no-password strong{letter-spacing:0;font-family:inherit;color:#8d98a5} .community-enter{color:#69e6aa;font-size:.86rem;font-weight:800}.discord .community-enter{color:#8992ff}.community-security-note{margin-top:15px;color:#707c88;font-size:.8rem} .guest-auth-separator{width:1px;height:20px;background:#2a3138;margin:0 3px}.guest-auth-link{opacity:.92} @media(max-width:760px){.open-community-grid{grid-template-columns:1fr}.open-community-card{padding:17px;gap:14px}.community-service-icon{flex-basis:46px}.community-service-icon img{width:46px;height:46px}.guest-auth-separator{display:none}} /* v1.4.6 hero image patch */ .wulin-hero{background:#0d0b09;isolation:isolate} .wulin-hero .hero-atmosphere{ position:absolute; inset:0; z-index:0; background-image: linear-gradient(90deg,rgba(6,6,6,.96) 0%,rgba(8,7,6,.82) 34%,rgba(8,7,6,.38) 62%,rgba(8,7,6,.20) 100%), linear-gradient(180deg,rgba(6,6,6,.12) 0%,rgba(6,6,6,.18) 70%,rgba(6,6,6,.56) 100%), url('/static/wulin-hero-bg.jpg'); background-size:cover; background-position:center right; background-repeat:no-repeat; transform:scale(1.01); } .wulin-hero:before{z-index:0;opacity:.45} .wulin-hero:after{z-index:0} .wulin-hero .hero-content,.wulin-hero .hero-summary{z-index:2} @media(max-width:900px){ .wulin-hero .hero-atmosphere{ background-image: linear-gradient(90deg,rgba(6,6,6,.90) 0%,rgba(7,7,7,.68) 58%,rgba(7,7,7,.42) 100%), linear-gradient(180deg,rgba(6,6,6,.16),rgba(6,6,6,.55)), url('/static/wulin-hero-bg.jpg'); background-position:62% center; } } /* Tier deck detail */ .tier-build{ border-top:1px solid #252c34; padding:18px 20px 20px; } .tier-build-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; } .tier-build-head small{ color:var(--muted); } .tier-build-table{ border:1px solid #2b333c; border-radius:10px; overflow:hidden; } .tier-build-row{ display:grid; grid-template-columns:.8fr 1.15fr 1.35fr 1.55fr 1.2fr; gap:10px; align-items:start; padding:12px; border-top:1px solid #252c34; font-size:.88rem; } .tier-build-row:first-child{ border-top:0; } .tier-build-row span{ overflow-wrap:anywhere; } .tier-build-row span small{ display:block; color:var(--muted); margin-top:5px; } .tier-build-title{ background:#101419; color:var(--muted); font-size:.75rem; font-weight:700; } .tier-build-empty{ border-top:1px solid #252c34; padding:16px 20px; color:var(--muted); font-size:.88rem; } @media(max-width:800px){ .tier-build-row{ grid-template-columns:1fr; gap:5px; } .tier-build-title{ display:none; } .tier-build-row strong{ font-size:1rem; color:var(--accent); margin-bottom:3px; } .tier-build-row span:nth-of-type(1)::before{ content:'전법 1 · '; color:var(--muted); } .tier-build-row span:nth-of-type(2)::before{ content:'전법 2 · '; color:var(--muted); } .tier-build-row span:nth-of-type(3)::before{ content:'병법 · '; color:var(--muted); } .tier-build-row span:nth-of-type(4)::before{ content:'장비 · '; color:var(--muted); } } /* ========================================================= META Tier Deck UI ========================================================= */ .tier-search{ display:flex; gap:10px; align-items:center; margin:0 0 28px; } .tier-search input[type="search"]{ flex:1; min-width:0; height:46px; padding:0 15px; border-radius:10px; border:1px solid #303842; background:#11161c; color:#f5f5f5; } .tier-search input[type="search"]:focus{ outline:none; border-color:#caa76a; } .tier-search-reset{ color:var(--muted); text-decoration:none; padding:10px; } .tier-search-result{ margin:-12px 0 25px; color:var(--muted); } .tier-section{ margin:0 0 38px; } .tier-section-head{ display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:14px; padding-bottom:10px; border-bottom:1px solid #292f36; } .tier-section-title{ display:flex; align-items:center; gap:10px; } .tier-section-title h2{ margin:0; font-size:1.08rem; } .tier-section-badge{ min-width:52px; text-align:center; } .tier-deck-link-card{ display:flex; flex-direction:column; min-height:175px; padding:18px; } .tier-card-top{ display:flex; align-items:center; justify-content:space-between; } .tier-card-main{ flex:1; padding:18px 0 20px; } .tier-card-main h3{ font-size:1.15rem; margin:0 0 8px; } .tier-general-list{ color:var(--muted); font-size:.92rem; line-height:1.6; } .tier-card-footer{ display:flex; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid #292f36; padding-top:13px; } .tier-detail-button{ color:#e0bb77; font-size:.88rem; font-weight:700; text-decoration:none; } .tier-detail-button:hover{ text-decoration:underline; } .tier-empty{ text-align:center; padding:35px; } /* ========================================================= Tier Deck Detail ========================================================= */ .tier-detail-nav{ margin-bottom:22px; } .tier-detail-nav a{ color:var(--muted); text-decoration:none; } .tier-detail-nav a:hover{ color:#fff; } .tier-detail-heading{ align-items:flex-start; } .tier-detail-heading h1{ margin-bottom:5px; } .tier-detail-generals{ color:var(--muted); margin:0; } .tier-detail-tier{ font-size:1rem; padding:8px 14px; } .tier-detail-summary{ display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; overflow:hidden; padding:0; } .tier-detail-summary > div{ padding:18px; background:rgba(255,255,255,.015); } .tier-detail-summary small{ display:block; color:var(--muted); margin-bottom:7px; } .tier-detail-summary strong{ font-size:1rem; } .tier-detail-intro{ margin-top:16px; color:#d7d7d7; } .tier-general-detail-grid{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; margin-top:18px; } .tier-general-detail{ padding:20px; } .tier-general-name{ display:flex; align-items:center; gap:10px; margin-bottom:18px; padding-bottom:14px; border-bottom:1px solid #2a3037; } .tier-general-name span{ display:grid; place-items:center; width:27px; height:27px; border-radius:50%; background:#20262d; color:#d8b36e; font-size:.78rem; font-weight:700; } .tier-general-name h2{ margin:0; font-size:1.1rem; } .tier-detail-item{ margin-top:14px; } .tier-detail-item small{ display:block; color:var(--muted); margin-bottom:5px; font-size:.76rem; } .tier-detail-item strong{ font-size:.9rem; line-height:1.55; overflow-wrap:anywhere; } /* ========================================================= Responsive ========================================================= */ @media(max-width:900px){ .tier-general-detail-grid{ grid-template-columns:1fr; } } @media(max-width:700px){ .tier-search{ flex-wrap:wrap; } .tier-search input[type="search"]{ width:100%; flex-basis:100%; } .tier-detail-summary{ grid-template-columns:1fr; } .tier-card-footer{ align-items:flex-end; } } /* ===== META / Tier Deck ===== */ .tier-search{ display:flex; gap:10px; align-items:center; margin:0 0 28px; } .tier-search input[type="search"]{ flex:1; min-width:0; height:46px; padding:0 15px; border-radius:10px; border:1px solid #303842; background:#11161c; color:#f5f5f5; } .tier-search input[type="search"]:focus{ outline:none; border-color:#caa76a; } .tier-search-reset{ color:var(--muted); text-decoration:none; padding:10px; } .tier-search-result{ margin:-12px 0 25px; color:var(--muted); } .tier-section{ margin:0 0 38px; } .tier-section-head{ display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:14px; padding-bottom:10px; border-bottom:1px solid #292f36; } .tier-section-title{ display:flex; align-items:center; gap:10px; } .tier-section-title h2{ margin:0; font-size:1.08rem; } .tier-section-badge{ min-width:52px; text-align:center; } .tier-deck-link-card{ display:flex; flex-direction:column; min-height:175px; padding:18px; } .tier-card-top{ display:flex; align-items:center; justify-content:space-between; } .tier-card-main{ flex:1; padding:18px 0 20px; } .tier-card-main h3{ font-size:1.15rem; margin:0 0 8px; } .tier-general-list{ color:var(--muted); font-size:.92rem; line-height:1.6; } .tier-card-footer{ display:flex; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid #292f36; padding-top:13px; } .tier-detail-button{ color:#e0bb77; font-size:.88rem; font-weight:700; text-decoration:none; } .tier-detail-button:hover{ text-decoration:underline; } .tier-empty{ text-align:center; padding:35px; } /* ===== Tier Deck Detail ===== */ .tier-detail-nav{ margin-bottom:22px; } .tier-detail-nav a{ color:var(--muted); text-decoration:none; } .tier-detail-nav a:hover{ color:#fff; } .tier-detail-heading{ align-items:flex-start; } .tier-detail-generals{ color:var(--muted); margin:0; } .tier-detail-tier{ font-size:1rem; padding:8px 14px; } .tier-detail-summary{ display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; overflow:hidden; padding:0; } .tier-detail-summary > div{ padding:18px; background:rgba(255,255,255,.015); } .tier-detail-summary small{ display:block; color:var(--muted); margin-bottom:7px; } .tier-general-detail-grid{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; margin-top:18px; } .tier-general-detail{ padding:20px; } .tier-general-name{ display:flex; align-items:center; gap:10px; margin-bottom:18px; padding-bottom:14px; border-bottom:1px solid #2a3037; } .tier-general-name span{ display:grid; place-items:center; width:27px; height:27px; border-radius:50%; background:#20262d; color:#d8b36e; font-size:.78rem; font-weight:700; } .tier-general-name h2{ margin:0; font-size:1.1rem; } .tier-detail-item{ margin-top:14px; } .tier-detail-item small{ display:block; color:var(--muted); margin-bottom:5px; font-size:.76rem; } .tier-detail-item strong{ font-size:.9rem; line-height:1.55; overflow-wrap:anywhere; } @media(max-width:900px){ .tier-general-detail-grid{ grid-template-columns:1fr; } } @media(max-width:700px){ .tier-search{ flex-wrap:wrap; } .tier-search input[type="search"]{ width:100%; flex-basis:100%; } .tier-detail-summary{ grid-template-columns:1fr; } .tier-card-footer{ align-items:flex-end; } } /* ===== META / Tier Deck ===== */ .tier-search{ display:flex; gap:10px; align-items:center; margin:0 0 28px; } .tier-search input[type="search"]{ flex:1; min-width:0; height:46px; padding:0 15px; border-radius:10px; border:1px solid #303842; background:#11161c; color:#f5f5f5; } .tier-search input[type="search"]:focus{ outline:none; border-color:#caa76a; } .tier-search-reset{ color:var(--muted); text-decoration:none; padding:10px; } .tier-search-result{ margin:-12px 0 25px; color:var(--muted); } .tier-section{ margin:0 0 38px; } .tier-section-head{ display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:14px; padding-bottom:10px; border-bottom:1px solid #292f36; } .tier-section-title{ display:flex; align-items:center; gap:10px; } .tier-section-title h2{ margin:0; font-size:1.08rem; } .tier-section-badge{ min-width:52px; text-align:center; } .tier-deck-link-card{ display:flex; flex-direction:column; min-height:175px; padding:18px; } .tier-card-top{ display:flex; align-items:center; justify-content:space-between; } .tier-card-main{ flex:1; padding:18px 0 20px; } .tier-card-main h3{ font-size:1.15rem; margin:0 0 8px; } .tier-general-list{ color:var(--muted); font-size:.92rem; line-height:1.6; } .tier-card-footer{ display:flex; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid #292f36; padding-top:13px; } .tier-detail-button{ color:#e0bb77; font-size:.88rem; font-weight:700; text-decoration:none; } .tier-detail-button:hover{ text-decoration:underline; } .tier-empty{ text-align:center; padding:35px; } /* ===== Tier Deck Detail ===== */ .tier-detail-nav{ margin-bottom:22px; } .tier-detail-nav a{ color:var(--muted); text-decoration:none; } .tier-detail-nav a:hover{ color:#fff; } .tier-detail-heading{ align-items:flex-start; } .tier-detail-generals{ color:var(--muted); margin:0; } .tier-detail-tier{ font-size:1rem; padding:8px 14px; } .tier-detail-summary{ display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; overflow:hidden; padding:0; } .tier-detail-summary > div{ padding:18px; background:rgba(255,255,255,.015); } .tier-detail-summary small{ display:block; color:var(--muted); margin-bottom:7px; } .tier-general-detail-grid{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; margin-top:18px; } .tier-general-detail{ padding:20px; } .tier-general-name{ display:flex; align-items:center; gap:10px; margin-bottom:18px; padding-bottom:14px; border-bottom:1px solid #2a3037; } .tier-general-name span{ display:grid; place-items:center; width:27px; height:27px; border-radius:50%; background:#20262d; color:#d8b36e; font-size:.78rem; font-weight:700; } .tier-general-name h2{ margin:0; font-size:1.1rem; } .tier-detail-item{ margin-top:14px; } .tier-detail-item small{ display:block; color:var(--muted); margin-bottom:5px; font-size:.76rem; } .tier-detail-item strong{ font-size:.9rem; line-height:1.55; overflow-wrap:anywhere; } @media(max-width:900px){ .tier-general-detail-grid{ grid-template-columns:1fr; } } @media(max-width:700px){ .tier-search{ flex-wrap:wrap; } .tier-search input[type="search"]{ width:100%; flex-basis:100%; } .tier-detail-summary{ grid-template-columns:1fr; } .tier-card-footer{ align-items:flex-end; } } /* ===== Tier Deck Option Tabs ===== */ .tier-option-tabs{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 18px; } .tier-option-tab{ appearance:none; border:1px solid #343b44; background:#151a20; color:var(--muted); border-radius:9px; padding:9px 15px; font-size:.86rem; font-weight:700; cursor:pointer; transition:.15s ease; } .tier-option-tab:hover{ border-color:#8c744c; color:#fff; } .tier-option-tab.active{ background:#c8a766; border-color:#c8a766; color:#111; } .tier-option-panel{ display:none; } .tier-option-panel.active{ display:block; } @media(max-width:700px){ .tier-option-tabs{ overflow-x:auto; flex-wrap:nowrap; padding-bottom:5px; } .tier-option-tab{ flex:0 0 auto; white-space:nowrap; } } /* Opening season selector */ .opening-season-tabs{ margin-bottom:18px; } .opening-season-tab{ border:0; background:transparent; color:var(--muted); cursor:pointer; font-weight:700; } .opening-season-tab.on{ color:#e3ba70; } /* ===== WULIN READABILITY START ===== */ html, body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", Arial, sans-serif; font-size: 16px; line-height: 1.65; letter-spacing: -0.015em; word-break: keep-all; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } button, input, select, textarea { font: inherit; letter-spacing: inherit; } h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 700; line-height: 1.35; letter-spacing: -0.025em; word-break: keep-all; } h1 { font-weight: 750; } p, li, td, th, label, small, span { line-height: 1.6; } .muted { line-height: 1.6; } .eyebrow { font-weight: 700; letter-spacing: 0.05em; } nav, .tabs, button, .primary, select { font-weight: 600; } .card { line-height: 1.6; } .tier-card-main h3, .tier-general-name h2 { font-weight: 700; } .tier-general-list, .tier-detail-item strong { line-height: 1.65; } @media (max-width: 700px) { html, body { font-size: 15px; line-height: 1.65; } h1 { line-height: 1.3; } } /* ===== WULIN READABILITY END ===== */ /* ===== 글쓰기 페이지 레이아웃 개선 ===== */ .write-form { display: block !important; } .write-form label { display: block; margin-bottom: 20px; font-weight: 600; } .write-form input[type="text"], .write-form input:not([type]), .write-form textarea { display: block; width: 100%; box-sizing: border-box; margin-top: 8px; } .write-form input[type="text"], .write-form input:not([type]) { height: 46px; min-height: 46px; padding: 0 14px; } .write-form textarea { min-height: 260px; padding: 14px; resize: vertical; line-height: 1.65; } .write-form .write-actions { display: flex; justify-content: flex-end; margin-top: 22px; } .write-form .write-submit { width: auto !important; min-width: 100px; height: 42px; padding: 0 24px; border-radius: 8px; } @media (max-width: 700px) { .write-form textarea { min-height: 220px; } .write-form .write-submit { width: 100% !important; } } .write-form > .write-submit, .write-form .write-submit { display: block; width: auto !important; min-width: 96px; height: 40px; margin-left: auto; padding: 0 22px; border-radius: 8px; } /* ===== 게시글 링크 색상 통일 ===== */ /* 읽음/안읽음 기본 색상 제거 */ .board-list-row, .board-list-row:link, .board-list-row:visited, .board-list-row strong, .board-list-row:link strong, .board-list-row:visited strong, .board-list-row a, .board-list-row a:link, .board-list-row a:visited, .board-item a, .board-item a:link, .board-item a:visited, .community-feed-item, .community-feed-item:link, .community-feed-item:visited { color: #e8edf2 !important; text-decoration: none; } /* 작성자·날짜 등 보조 정보 */ .board-post-meta, .board-post-meta span { color: #8f9aa5 !important; } /* 마우스를 올렸을 때만 강조 */ .board-list-row:hover, .board-list-row:hover strong, .board-list-row:hover a, .community-feed-item:hover, .community-feed-item:hover strong { color: #7dd3b0 !important; } /* 키보드 포커스 */ .board-list-row:focus-visible, .community-feed-item:focus-visible { outline: 1px solid #7dd3b0; outline-offset: 3px; } /* ===== 게시판 댓글 ===== */ .post-actions{ display:flex; align-items:center; gap:8px; } .post-actions form{ margin:0; } .board-comments{ margin-top:18px; } .comment-list{ display:flex; flex-direction:column; } .comment-item{ padding:14px 4px; border-bottom:1px solid rgba(255,255,255,.08); } .comment-item:last-child{ border-bottom:0; } .comment-line{ display:flex; align-items:baseline; flex-wrap:wrap; gap:5px; line-height:1.7; } .corps-tag{ font-weight:800; } .corps-1군단{ color:#ef5350; } .corps-2군단{ color:#5c9ded; } .corps-3군단{ color:#66bb6a; } .corps-4군단{ color:#f0c94d; } .corps-미지정{ color:#9aa4ad; } .comment-author{ color:#e8edf2; } .comment-divider{ color:#7f8993; } .comment-body{ color:#d9dee4; } .comment-meta{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:6px; color:#7f8993; font-size:.78rem; } .comment-actions{ display:flex; align-items:center; gap:8px; } .comment-actions form{ margin:0; } .comment-edit-toggle, .comment-delete{ padding:0; border:0; background:none; font:inherit; cursor:pointer; } .comment-edit-toggle{ color:#8db7d8; } .comment-delete{ color:#d97b7b; } .comment-edit-form{ display:none; margin-top:10px; gap:8px; align-items:flex-end; } .comment-edit-form.show{ display:flex; } .comment-edit-form textarea{ flex:1; min-height:70px; } .comment-save{ width:auto !important; min-width:72px; height:38px; padding:0 16px; } .comment-write-form{ display:flex; gap:10px; align-items:flex-end; margin-top:18px; padding-top:18px; border-top:1px solid rgba(255,255,255,.08); } .comment-write-form textarea{ flex:1; min-height:76px; resize:vertical; } .comment-submit{ width:auto !important; min-width:72px; height:40px; padding:0 18px; } @media(max-width:700px){ .comment-write-form{ flex-direction:column; align-items:stretch; } .comment-submit{ align-self:flex-end; } .comment-edit-form{ flex-direction:column; align-items:stretch; } .comment-save{ align-self:flex-end; } } /* ===== 상세페이지 수정 / 삭제 버튼 통일 ===== */ .post-actions { display: flex; align-items: center; gap: 10px; } .post-actions form { margin: 0; padding: 0; } .post-actions .secondary-button, .post-actions .danger-button { display: inline-flex !important; align-items: center; justify-content: center; width: 78px !important; height: 42px !important; min-width: 78px !important; padding: 0 !important; margin: 0 !important; box-sizing: border-box; border-radius: 8px; font-size: 14px; font-weight: 700; line-height: 1; text-decoration: none !important; background: transparent !important; cursor: pointer; } /* 수정 */ .post-actions .secondary-button { color: #4da6ff !important; border: 1px solid #4da6ff !important; } .post-actions .secondary-button:hover { background: rgba(77,166,255,.10) !important; } /* 삭제 */ .post-actions .danger-button { color: #ff6464 !important; border: 1px solid #ff6464 !important; } .post-actions .danger-button:hover { background: rgba(255,100,100,.10) !important; } /* 상세페이지에 불필요한 화살표 pseudo-element가 있다면 제거 */ .post-actions::after, .board-body::after, .write-form::after, .write-actions::after { content: none !important; display: none !important; } /* 최고관리자 댓글 칭호 */ .corps-최고관리자 { color: #d6b56d !important; font-weight: 800; } /* ===== Simulation result ===== */ .sim-result { margin-top: 28px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.08); } .sim-result h2 { margin-bottom: 20px; } .sim-result h2 span { margin: 0 8px; color: var(--muted); font-size: .8em; } .battle-bar { display: flex; width: 100%; height: 24px; overflow: hidden; border-radius: 8px; background: #252b32; } .battle-win { background: #4d8fe8; } .battle-draw { background: #737b84; } .battle-loss { background: #db5b5b; } .battle-rates { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 14px; } .battle-rate { display: flex; align-items: baseline; gap: 7px; } .battle-rate small { font-weight: 700; } .battle-rate strong { font-size: 1.15rem; } .battle-rate.win { color: #69a7f5; } .battle-rate.draw { color: #a2a8ae; justify-content: center; } .battle-rate.loss { color: #ee7777; justify-content: flex-end; } .battle-confidence { margin-top: 18px; color: var(--muted); font-size: .9rem; } .battle-confidence strong { margin-left: 6px; color: #d5b56f; } @media(max-width:700px) { .battle-bar { height: 20px; } .battle-rates { gap: 5px; } .battle-rate strong { font-size: 1rem; } } /* 시뮬 전투 버튼 */ .simform .primary { background: #b93d3d !important; border-color: #d65353 !important; color: #fff !important; font-weight: 800; } .simform .primary:hover { background: #d34a4a !important; } /* 시뮬레이션 상세 */ .sim-details { margin-top: 28px; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; overflow: hidden; } .sim-detail-head, .sim-detail-row { display: grid; grid-template-columns: 1fr 180px 1fr; align-items: center; min-height: 52px; padding: 0 18px; border-bottom: 1px solid rgba(255,255,255,.06); } .sim-detail-head { background: rgba(255,255,255,.025); } .sim-detail-head strong:first-child, .sim-detail-row strong:first-child { text-align: left; } .sim-detail-head strong:last-child, .sim-detail-row strong:last-child { text-align: right; } .sim-detail-head span, .sim-detail-row span { text-align: center; color: var(--muted); font-size: .88rem; } .sim-detail-row strong { font-size: 1rem; } .sim-detail-row.single { grid-template-columns: 1fr 1fr; } .sim-detail-row.single span { text-align: left; } .sim-detail-row.single strong { text-align: right; } @media (max-width:700px) { .sim-detail-head, .sim-detail-row { grid-template-columns: 1fr 120px 1fr; padding: 0 10px; font-size: .9rem; } } /* ===== 댓글 작성자 / 본문 완전 분리 ===== */ .comment-item { display: grid !important; grid-template-columns: 230px minmax(0, 1fr); position: relative; padding: 0 !important; border-bottom: 1px solid rgba(255,255,255,.08); } /* 왼쪽: 작성자 전용 영역 */ .comment-author-cell { grid-column: 1; grid-row: 1 / span 2; display: flex; align-items: flex-start; flex-wrap: wrap; gap: 7px; padding: 20px 18px; border-right: 1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.018); } .comment-author { color: #f2f5f7; font-weight: 800; } /* 오른쪽: 댓글 내용 */ .comment-content-cell { grid-column: 2; padding: 20px 18px 10px; min-width: 0; } .comment-body { display: block; margin: 0; color: #edf1f4; line-height: 1.7; white-space: pre-wrap; word-break: break-word; } /* 날짜 + 수정/삭제도 오른쪽 영역 */ .comment-meta { grid-column: 2 !important; display: flex; align-items: center; justify-content: space-between; padding: 0 18px 16px; margin: 0 !important; color: var(--muted); font-size: .82rem; } .comment-actions { display: flex; align-items: center; gap: 10px; } /* 예전 │ 구분자는 더 이상 사용하지 않음 */ .comment-divider { display: none !important; } /* 댓글 수정폼도 오른쪽 영역 */ .comment-item > form { grid-column: 2; margin: 0 18px 18px; } /* 모바일 */ @media (max-width: 700px) { .comment-item { grid-template-columns: 1fr; } .comment-author-cell { grid-column: 1; grid-row: auto; padding: 12px 14px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.07); } .comment-content-cell { grid-column: 1; padding: 14px; } .comment-meta { grid-column: 1 !important; padding: 0 14px 14px; } .comment-item > form { grid-column: 1; margin: 0 14px 14px; } } /* ===== 민원 처리 및 답변 UI 정리 ===== */ .complaint-admin-form, .admin-response-form { display: grid !important; grid-template-columns: 220px minmax(0, 1fr) 130px; gap: 14px; align-items: end; } /* 상태 선택 */ .complaint-admin-form label:first-child, .admin-response-form label:first-child { min-width: 0; } .complaint-admin-form select, .admin-response-form select { width: 100%; height: 44px; padding: 0 12px; box-sizing: border-box; } /* 관리자 답변 */ .complaint-admin-form textarea, .admin-response-form textarea { width: 100%; min-height: 110px !important; height: 110px; padding: 12px 14px; box-sizing: border-box; resize: vertical; } /* 저장 버튼 */ .complaint-admin-form button, .admin-response-form button { width: 130px !important; height: 44px !important; min-height: 44px !important; padding: 0 14px !important; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; font-size: 14px; font-weight: 800; align-self: end; } /* 모바일 */ @media (max-width: 760px) { .complaint-admin-form, .admin-response-form { grid-template-columns: 1fr; } .complaint-admin-form button, .admin-response-form button { width: 110px !important; justify-self: end; } } /* ===== 민원 처리 및 답변 폼 ===== */ .complaint-admin-form { display: grid !important; grid-template-columns: 180px minmax(0, 1fr) 130px !important; gap: 14px !important; align-items: end !important; } /* 처리 상태 */ .complaint-admin-form label:first-child { display: flex; flex-direction: column; gap: 8px; } .complaint-admin-form select { width: 100% !important; height: 44px !important; min-height: 44px !important; padding: 0 12px !important; box-sizing: border-box; } /* 관리자 답변 */ .complaint-admin-form label:nth-child(2) { display: flex; flex-direction: column; gap: 8px; } .complaint-admin-form textarea { width: 100% !important; height: 110px !important; min-height: 110px !important; padding: 12px 14px !important; box-sizing: border-box; resize: vertical; } /* 저장 버튼 */ .complaint-admin-form button { width: 130px !important; height: 44px !important; min-height: 44px !important; padding: 0 14px !important; align-self: end !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 8px !important; font-size: 14px !important; font-weight: 800 !important; } /* 모바일 */ @media (max-width: 760px) { .complaint-admin-form { grid-template-columns: 1fr !important; } .complaint-admin-form button { width: 110px !important; justify-self: end !important; } } /* ===== 민원 사진 첨부 ===== */ .complaint-photo-field { display: flex; flex-direction: column; gap: 8px; margin-top: 14px; } .complaint-photo-field input[type="file"] { width: 100%; padding: 12px; border: 1px solid rgba(255,255,255,.12); border-radius: 8px; background: rgba(0,0,0,.15); } .complaint-photo-grid { display: grid; grid-template-columns: repeat( auto-fill, minmax(180px, 1fr) ); gap: 14px; margin-top: 18px; } .complaint-photo-item { overflow: hidden; border: 1px solid rgba(255,255,255,.09); border-radius: 10px; background: rgba(255,255,255,.02); } .complaint-photo-item a { display: block; } .complaint-photo-item img { display: block; width: 100%; height: 180px; object-fit: cover; } .complaint-photo-delete { width: 100%; min-height: 36px; border: 0; border-top: 1px solid rgba(255,255,255,.08); background: transparent; color: #ef6b6b; cursor: pointer; } .complaint-photo-delete:hover { background: rgba(239,107,107,.08); } .complaint-photo-retention { margin-top: 12px; font-size: .8rem; } /* ===== 댓글 레이아웃 재정리 ===== */ .comment-item { display: grid !important; grid-template-columns: 230px minmax(0, 1fr) !important; min-height: 86px !important; padding: 0 !important; border-bottom: 1px solid rgba(255,255,255,.08); } /* 왼쪽 작성자 */ .comment-author-cell { grid-column: 1 !important; grid-row: 1 / span 2 !important; display: flex !important; align-items: center !important; align-content: center !important; flex-wrap: wrap !important; gap: 7px !important; padding: 18px !important; border-right: 1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.018); } /* 오른쪽 댓글 */ .comment-content-cell { grid-column: 2 !important; grid-row: 1 !important; display: flex !important; align-items: center !important; min-height: 46px !important; padding: 16px 18px 4px !important; } .comment-body { margin: 0 !important; padding: 0 !important; color: #edf1f4 !important; line-height: 1.55 !important; white-space: pre-wrap; word-break: break-word; } /* 날짜 + 수정/삭제 */ .comment-meta { grid-column: 2 !important; grid-row: 2 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; min-height: 30px !important; margin: 0 !important; padding: 0 18px 12px !important; color: var(--muted); font-size: .8rem; } .comment-actions { display: flex !important; align-items: center !important; gap: 10px !important; } /* 수정 / 삭제 작게 */ .comment-edit-toggle, .comment-actions button, .comment-actions a { padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; font-size: 12px !important; line-height: 1 !important; } .comment-edit-toggle { color: #62aaf2 !important; } .comment-actions button[type="submit"] { color: #ef6666 !important; } /* 모바일 */ @media (max-width: 700px) { .comment-item { grid-template-columns: 1fr !important; } .comment-author-cell { grid-column: 1 !important; grid-row: auto !important; padding: 12px 14px !important; border-right: 0 !important; border-bottom: 1px solid rgba(255,255,255,.06); } .comment-content-cell { grid-column: 1 !important; grid-row: auto !important; padding: 14px 14px 6px !important; } .comment-meta { grid-column: 1 !important; grid-row: auto !important; padding: 0 14px 12px !important; } } /* 댓글 작성자 칸 폭 축소 */ .comment-item { grid-template-columns: 150px minmax(0, 1fr) !important; } .comment-author-cell { padding: 14px 12px !important; gap: 5px !important; } .comment-author-cell .corps-tag, .comment-author { font-size: 13px !important; } /* 관리자 칭호가 길어도 줄바꿈 최소화 */ .comment-author-cell { white-space: nowrap; overflow: hidden; } .comment-author-cell .corps-tag, .comment-author { flex-shrink: 0; } /* 모바일은 기존처럼 위/아래 */ @media (max-width: 700px) { .comment-item { grid-template-columns: 1fr !important; } .comment-author-cell { white-space: normal; overflow: visible; } } /* 티어덱 자유 세팅 시뮬레이션 */ .tier-custom-form{ display:grid; grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr); gap:18px; align-items:start; } .tier-side{ min-width:0; } .tier-side > label{ display:block; margin-bottom:12px; } .tier-side select{ width:100%; } .tier-vs{ align-self:center; text-align:center; } .tier-slots{ display:grid; gap:12px; } .tier-slot{ padding:14px; border:1px solid var(--border, #333); border-radius:10px; } .tier-general-name{ display:block; margin-bottom:10px; } .tier-setting-field{ display:grid; grid-template-columns:52px minmax(0,1fr); gap:8px; align-items:center; margin-top:7px; } .tier-setting-field span{ font-size:13px; } .tier-battle-button{ grid-column:1 / -1; justify-self:center; min-width:130px; } @media (max-width:900px){ .tier-custom-form{ grid-template-columns:1fr; } .tier-vs{ padding:4px 0; } } /* 전체 사이트 글자 크기 약 +2pt */ html { font-size: 17px; } body, button, input, select, textarea { font-size: 1rem; } small, .small, .muted { font-size: 0.9rem; } /* 상단 메뉴 글자 크기 확대 */ header nav, .nav, .navbar, .topbar, .site-nav, .main-nav { font-size: 1.1rem; } header nav a, .nav a, .navbar a, .topbar a, .site-nav a, .main-nav a { font-size: 1.1rem; } /* 상단 배너 메뉴 글씨 확대 */ header nav a, header nav button, header nav summary, header nav select, header .nav-link, header .dropdown-toggle { font-size: 1.18rem !important; } /* 상단 배너 메뉴 글씨 강제 확대 */ header a, header button, header summary, header .nav-link, header .dropdown-toggle, header .menu-item, header nav a, header nav button { font-size: 21px !important; line-height: 1.4 !important; } /* 홈 배너 안 연무 순위표 */ .hero-ranking-host { position: relative !important; min-height: 650px; } .home-ranking-overlay { position: absolute !important; right: 28px; bottom: 28px; width: min(720px, 55%); max-height: 430px; overflow: auto; margin: 0 !important; background: rgba(8, 10, 13, 0.72) !important; border: 1px solid rgba(205, 158, 73, 0.30) !important; backdrop-filter: blur(9px); -webkit-backdrop-filter: blur(9px); box-shadow: 0 12px 35px rgba(0,0,0,0.40); z-index: 5; } /* 배너 안에서는 순위표 여백 조금 축소 */ .home-ranking-overlay .section-head { margin-bottom: 14px; } .home-ranking-overlay .ranking-tabs { margin-top: 12px; } /* 모바일 */ @media (max-width: 900px) { .hero-ranking-host { min-height: auto; } .home-ranking-overlay { position: relative !important; right: auto; bottom: auto; width: 100%; max-height: none; margin-top: 28px !important; } } /* HOME RANK LAYOUT FINAL */ .wulin-hero.wulin-hero-with-ranking{ display:grid!important; grid-template-columns:minmax(480px,0.95fr) minmax(0,1fr)!important; align-items:center!important; gap:56px!important; min-height:520px!important; padding:48px 58px!important; } .wulin-hero.wulin-hero-with-ranking .home-ranking-inline{ order:1!important; position:relative!important; top:auto!important; right:auto!important; bottom:auto!important; left:auto!important; width:100%!important; max-width:560px!important; margin:0!important; justify-self:start!important; align-self:center!important; padding:24px!important; background:rgba(7,9,12,.72)!important; border:1px solid rgba(201,154,72,.28)!important; backdrop-filter:blur(8px)!important; -webkit-backdrop-filter:blur(8px)!important; box-shadow:0 12px 30px rgba(0,0,0,.28)!important; overflow:visible!important; z-index:3!important; } .wulin-hero.wulin-hero-with-ranking .hero-content{ order:2!important; justify-self:end!important; align-self:center!important; text-align:right!important; max-width:560px!important; position:relative!important; z-index:2!important; opacity:.9!important; /* 30% 투명 */ } .wulin-hero.wulin-hero-with-ranking .hero-content h1{ opacity:.9!important; } .wulin-hero.wulin-hero-with-ranking .hero-content p, .wulin-hero.wulin-hero-with-ranking .hero-content .hero-kicker{ opacity:.9!important; } .wulin-hero.wulin-hero-with-ranking .hero-summary{ display:none!important; } .wulin-hero.wulin-hero-with-ranking .hero-actions{ display:none!important; } .wulin-hero.wulin-hero-with-ranking .home-ranking-inline .section-head{ margin-bottom:12px!important; } .wulin-hero.wulin-hero-with-ranking .home-ranking-inline .ranking-tabs{ margin:10px 0 4px!important; } .wulin-hero.wulin-hero-with-ranking .home-ranking-inline .ranking-row{ padding:12px 4px!important; } @media (max-width: 1050px){ .wulin-hero.wulin-hero-with-ranking{ grid-template-columns:1fr!important; gap:28px!important; padding:40px 30px!important; } .wulin-hero.wulin-hero-with-ranking .home-ranking-inline{ order:2!important; justify-self:stretch!important; max-width:none!important; } .wulin-hero.wulin-hero-with-ranking .hero-content{ order:1!important; justify-self:stretch!important; text-align:left!important; max-width:none!important; } } /* HOME RANK LEFT BOTTOM */ .wulin-hero.wulin-hero-with-ranking{position:relative!important;display:block!important;min-height:520px!important;padding:0!important}.wulin-hero.wulin-hero-with-ranking .home-ranking-inline{position:absolute!important;left:0!important;bottom:0!important;top:auto!important;right:auto!important;width:430px!important;max-width:430px!important;margin:0!important;padding:22px!important;background:rgba(7,9,12,.72)!important;border-left:0!important;border-bottom:0!important;border-top:1px solid rgba(201,154,72,.28)!important;border-right:1px solid rgba(201,154,72,.28)!important;box-shadow:none!important;z-index:5!important}.wulin-hero.wulin-hero-with-ranking .hero-content{position:absolute!important;right:48px!important;top:50%!important;transform:translateY(-50%)!important;max-width:560px!important;text-align:right!important;opacity:.9!important;z-index:2!important}@media(max-width:950px){.wulin-hero.wulin-hero-with-ranking{display:block!important;min-height:auto!important;padding:32px 20px!important}.wulin-hero.wulin-hero-with-ranking .home-ranking-inline{position:relative!important;left:auto!important;bottom:auto!important;width:100%!important;max-width:none!important;margin-top:280px!important}.wulin-hero.wulin-hero-with-ranking .hero-content{position:relative!important;right:auto!important;top:auto!important;transform:none!important;text-align:left!important;max-width:none!important}} /* HOME RANK FIXED LEFT PANEL */ .wulin-hero.wulin-hero-with-ranking{position:relative!important;min-height:520px!important}.wulin-hero.wulin-hero-with-ranking .home-ranking-inline{position:absolute!important;left:12px!important;top:12px!important;bottom:12px!important;right:auto!important;width:390px!important;max-width:390px!important;height:auto!important;max-height:none!important;margin:0!important;padding:28px 20px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;background:rgba(6,8,11,.76)!important;border:1px solid rgba(201,154,72,.30)!important;box-sizing:border-box!important;overflow:hidden!important;z-index:5!important}.wulin-hero.wulin-hero-with-ranking .home-ranking-inline .section-head{margin-bottom:16px!important}.wulin-hero.wulin-hero-with-ranking .home-ranking-inline .ranking-tabs{margin:8px 0 8px!important}.wulin-hero.wulin-hero-with-ranking .home-ranking-inline .ranking-row{padding:12px 4px!important}@media(max-width:950px){.wulin-hero.wulin-hero-with-ranking .home-ranking-inline{position:relative!important;left:auto!important;top:auto!important;bottom:auto!important;width:100%!important;max-width:none!important;height:auto!important}} /* HOME DASHBOARD TIER + RANK */ .home-dashboard.wulin-dashboard{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:18px!important}.home-dashboard.wulin-dashboard>.wulin-panel{width:100%!important;margin:0!important}.home-dashboard .wulin-ranking{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;background:rgba(7,9,12,.78)!important}@media(max-width:900px){.home-dashboard.wulin-dashboard{grid-template-columns:1fr!important}} /* HOME TIER + RANK FINAL */ .home-dashboard.wulin-dashboard{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:18px!important;align-items:start!important}.home-dashboard.wulin-dashboard>.wulin-panel{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;max-width:none!important;height:auto!important;min-height:100%!important;margin:0!important;box-sizing:border-box!important}@media(max-width:900px){.home-dashboard.wulin-dashboard{grid-template-columns:1fr!important}} /* HERO TEXT LEFT ALIGN FINAL */ .wulin-hero.wulin-hero-with-ranking .hero-content{position:absolute!important;left:48px!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;max-width:560px!important;text-align:left!important;justify-self:start!important;opacity:.9!important;z-index:2!important}.wulin-hero.wulin-hero-with-ranking .hero-content h1,.wulin-hero.wulin-hero-with-ranking .hero-content p,.wulin-hero.wulin-hero-with-ranking .hero-content .hero-kicker{text-align:left!important} /* FIX QUICKBAR BLEED THROUGH HERO */ .wulin-hero{overflow:hidden!important;position:relative!important;z-index:2!important}.wulin-quickbar{position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;margin-top:0!important;transform:none!important;z-index:3!important} /* 개척 - 조건 확인 버튼만 작게 */ .opening-check-btn{ width:auto !important; min-width:160px !important; max-width:180px !important; padding:12px 20px !important; font-size:1rem !important; line-height:1.2 !important; border-radius:12px !important; justify-self:start !important; align-self:end !important; display:inline-flex !important; justify-content:center !important; align-items:center !important; } /* 시뮬레이션 전법/병법 효과 미리보기 */ .sim-effect-preview{ display:none; margin-top:6px; padding:7px 10px; border-left:2px solid rgba(121,211,168,.65); background:rgba(121,211,168,.06); color:#aeb9c6; font-size:.82rem; line-height:1.45; border-radius:3px; } /* SIM SELECT EFFECT */ .sim-effect-preview{display:none;margin-top:6px;padding:7px 9px;background:rgba(95,190,145,.06);border-left:2px solid rgba(95,190,145,.55);border-radius:4px;color:#9eabb8;font-size:.78rem;line-height:1.4;font-weight:400} /* SIM TIER DETAIL SLOTS */ #tier-left-slots,#tier-right-slots,.tier-slots{display:grid!important;gap:12px!important;margin-top:16px!important;visibility:visible!important;opacity:1!important}.tier-slot{display:block!important;visibility:visible!important;opacity:1!important} .sim-effect-preview{display:block;margin-top:7px;padding:7px 10px;background:rgba(95,190,145,.07);border-left:2px solid rgba(95,190,145,.55);border-radius:4px;color:#9eabb8;font-size:.8rem;line-height:1.4;font-weight:400} /* ===== 상단 메뉴 글씨 크기 최종 조정 ===== */ header .brand, header .brand-home { font-size: 36px !important; } header nav a, header nav .linkbtn, .nav nav a, .nav nav .linkbtn { font-size: 20px !important; font-weight: 700 !important; } header nav .pill, .nav nav .pill { font-size: 20px !important; font-weight: 800 !important; } /* ===== HEADER SIZE OVERRIDE ===== */ header .brand, header .brand-home, header .brand-home span { font-size: 38px !important; } header nav, .nav nav, .site-nav, .main-nav { font-size: 22px !important; } header nav a, header nav button, header nav .linkbtn, header nav .pill, .nav nav a, .nav nav button, .nav nav .linkbtn, .nav nav .pill, .site-nav a, .site-nav button, .main-nav a, .main-nav button { font-size: 22px !important; font-weight: 800 !important; } /* ===== 관리자 페이지 회원 관리 UI ===== */ .admin-users-card { margin-top: 24px; } .admin-member-list { display: grid; gap: 14px; } .admin-member-row { display: grid; grid-template-columns: 1fr auto; gap: 14px; align-items: center; padding: 18px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,0.02); } .admin-member-form { display: grid; grid-template-columns: minmax(220px, 1.4fr) minmax(150px, .7fr) minmax(220px, 1fr) auto; gap: 18px; align-items: end; } .admin-member-field { min-width: 0; } .admin-member-field label { font-size: 13px; color: var(--muted); } .admin-member-field input, .admin-member-field select { margin-top: 6px; } .admin-member-field small { display: block; margin-top: 7px; color: var(--muted); font-size: 12px; } .admin-member-permissions { display: flex; flex-wrap: wrap; gap: 10px 16px; align-items: center; padding-bottom: 6px; } .admin-field-title { width: 100%; color: var(--muted); font-size: 13px; } .admin-member-permissions .check { display: flex; grid-template-columns: none; align-items: center; gap: 6px; font-size: 14px; color: var(--text); } .admin-member-permissions .check input { width: auto; margin: 0; } .admin-member-save button { min-width: 82px; font-weight: 800; } .admin-member-delete { display: flex; align-items: end; } .admin-member-delete .danger-button { white-space: nowrap; border-color: #743b3b; color: #ff9a9a; } .admin-member-delete .danger-button:hover { background: rgba(255, 90, 90, 0.12); } .admin-users-card > .section-head { margin-bottom: 18px; } .admin-users-card > .section-head strong { font-size: 18px; color: var(--accent); } /* 관리자 페이지 모바일 대응 */ @media (max-width: 900px) { .admin-member-row { grid-template-columns: 1fr; } .admin-member-form { grid-template-columns: 1fr; gap: 12px; } .admin-member-delete { justify-content: flex-end; } .admin-member-delete .danger-button { width: 100%; } } /* 무림 / 공략 / 연무 상단 메뉴 크기 최종 수정 */ .murim-nav .nav-dropdown-toggle { font-size: 24px !important; font-weight: 700 !important; } /* ================================================== 관리자 회원관리 UI 정리 ================================================== */ .admin-member-toolbar { display: grid; grid-template-columns: minmax(280px, 1fr) 160px 170px auto; gap: 10px; align-items: center; margin-bottom: 18px; } .admin-member-toolbar input, .admin-member-toolbar select { height: 44px !important; margin: 0 !important; } .admin-member-search input { width: 100%; } .admin-member-count { height: 44px; min-width: 90px; padding: 0 14px; display: flex; align-items: center; justify-content: center; gap: 5px; border: 1px solid var(--line); border-radius: 9px; color: var(--muted); white-space: nowrap; } .admin-member-count b { color: var(--accent); } /* 회원 한 줄 */ .admin-member-row { grid-template-columns: minmax(0, 1fr) 94px !important; gap: 14px !important; align-items: stretch !important; padding: 16px !important; } /* 회원 정보 영역 */ .admin-member-form { grid-template-columns: minmax(220px, 1.5fr) minmax(140px, .7fr) minmax(210px, 1fr) 90px !important; gap: 14px !important; align-items: end !important; } /* 입력칸 높이 통일 */ .admin-member-field input, .admin-member-field select { height: 44px !important; margin-top: 6px !important; } /* 저장 버튼 */ .admin-member-save { display: flex; align-items: end; } .admin-member-save button { width: 90px !important; height: 44px !important; padding: 0 12px !important; display: flex; align-items: center; justify-content: center; } /* 권한 영역 */ .admin-member-permissions { min-height: 44px; padding: 0 0 2px !important; display: flex !important; align-content: flex-end; align-items: center !important; gap: 8px 14px !important; } .admin-member-permissions .admin-field-title { width: 100%; margin-bottom: 1px; } .admin-member-permissions .check { margin: 0 !important; white-space: nowrap; } /* 회원탈퇴 */ .admin-member-delete { display: flex !important; align-items: flex-end !important; } .admin-member-delete .danger-button { width: 94px !important; height: 44px !important; padding: 0 10px !important; display: flex; align-items: center; justify-content: center; font-weight: 800; } /* 회원 카드 */ .admin-member-list { gap: 10px !important; } /* 작은 화면 */ @media (max-width: 1000px) { .admin-member-toolbar { grid-template-columns: 1fr 1fr; } .admin-member-search { grid-column: 1 / -1; } .admin-member-form { grid-template-columns: 1fr 1fr !important; } .admin-member-row { grid-template-columns: 1fr !important; } .admin-member-delete .danger-button { width: 100% !important; } } @media (max-width: 600px) { .admin-member-toolbar { grid-template-columns: 1fr; } .admin-member-search { grid-column: auto; } .admin-member-form { grid-template-columns: 1fr !important; } } /* ================================================== 관리자 회원관리 - 높이/정렬 최종 보정 ================================================== */ /* 회원 행 전체 */ .admin-member-row { align-items: start !important; } /* 회원 정보 4개 영역을 위쪽 기준으로 정렬 */ .admin-member-form { align-items: start !important; } /* 닉네임 / 군단 */ .admin-member-field { align-self: start !important; } .admin-member-field > label { display: grid !important; grid-template-rows: 18px 44px !important; gap: 6px !important; margin: 0 !important; } /* 입력칸 / 셀렉트 높이 완전 통일 */ .admin-member-field input, .admin-member-field select { width: 100% !important; height: 44px !important; min-height: 44px !important; margin: 0 !important; padding: 0 12px !important; } /* Discord 문구 */ .admin-member-field small { height: 16px !important; line-height: 16px !important; margin-top: 5px !important; } /* 권한 영역 */ .admin-member-permissions { display: flex !important; flex-wrap: wrap !important; align-content: flex-start !important; align-items: center !important; gap: 0 12px !important; min-height: 68px !important; padding: 0 !important; margin: 0 !important; } .admin-member-permissions .admin-field-title { width: 100% !important; height: 18px !important; line-height: 18px !important; margin: 0 0 6px 0 !important; } /* 최고관리자 글자와 체크박스 영역 높이 */ .admin-member-permissions > strong, .admin-member-permissions .check { height: 44px !important; display: flex !important; align-items: center !important; margin: 0 !important; } /* 저장 버튼: 위의 '닉네임/군단/권한' 제목 높이만큼 내려서 입력칸과 같은 줄에 배치 */ .admin-member-save { display: flex !important; align-items: flex-start !important; padding-top: 24px !important; margin: 0 !important; } .admin-member-save button { width: 90px !important; height: 44px !important; min-height: 44px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* 회원탈퇴 버튼도 저장 버튼과 같은 높이 */ .admin-member-delete { display: flex !important; align-items: flex-start !important; padding-top: 24px !important; margin: 0 !important; } .admin-member-delete .danger-button { width: 94px !important; height: 44px !important; min-height: 44px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } /* 회원 카드 내부 여백 통일 */ .admin-member-row { padding: 16px 18px !important; min-height: 108px !important; } /* profile account polish 20260823 */ .profile-action-card h2{color:#e7edf3!important}.account-delete-card h2{color:#e7edf3!important}.account-delete-form{display:flex;flex-direction:column;gap:12px;margin-top:14px}.account-delete-form label{display:flex;flex-direction:column;gap:7px;color:#aeb8c2;font-size:.88rem}.account-delete-button{align-self:flex-start;background:#2a1719;color:#ff9b9b;border:1px solid #633337;border-radius:8px;padding:10px 16px;font-weight:700;cursor:pointer}.account-delete-button:hover{background:#3a1d20;border-color:#8d454b} /* ========================================================= CONTENT LIST UI V2 공지 / 회의록 / 게시판 / 민원 공통 가독성 개선 ========================================================= */ /* 리스트가 서로 붙어 보이지 않도록 */ .community-feed-item { position: relative; display: block; margin: 14px 0 !important; padding: 20px 22px 19px 25px !important; background: linear-gradient( 135deg, rgba(24, 30, 37, 0.98), rgba(17, 22, 28, 0.98) ) !important; border: 1px solid #303943 !important; border-radius: 13px !important; color: var(--text); text-decoration: none !important; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.015); transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease; } /* 좌측 포인트 라인 */ .community-feed-item::before { content: ""; position: absolute; left: 0; top: 11px; bottom: 11px; width: 4px; border-radius: 0 5px 5px 0; background: linear-gradient( 180deg, #79dfa9, #3c9f74 ); opacity: .85; } /* 우측 이동 표시 */ .community-feed-item::after { content: "›"; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); color: #75818d; font-size: 25px; font-weight: 400; transition: color .16s ease, transform .16s ease; } /* 마우스 오버 */ .community-feed-item:hover { transform: translateY(-2px); border-color: #46535f !important; background: linear-gradient( 135deg, rgba(28, 35, 43, 1), rgba(19, 25, 31, 1) ) !important; box-shadow: 0 9px 24px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.025); } .community-feed-item:hover::before { background: linear-gradient( 180deg, #8ceab9, #58c68e ); } .community-feed-item:hover::after { color: #8ceab9; transform: translate(3px, -50%); } /* --------------------------------------------------------- 제목 --------------------------------------------------------- */ .community-feed-title { margin: 0 42px 9px 0 !important; color: #f4f7fa !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.45 !important; letter-spacing: -0.015em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* --------------------------------------------------------- 작성자 / 날짜 / 상태 정보 --------------------------------------------------------- */ .community-feed-meta { display: flex !important; align-items: center; flex-wrap: wrap; gap: 7px 14px !important; color: #8997a5 !important; font-size: 12px !important; line-height: 1.5; } .community-feed-meta span { position: relative; display: inline-flex; align-items: center; } /* 메타 정보 사이 구분점 */ .community-feed-meta span + span::before { content: ""; width: 3px; height: 3px; margin-right: 10px; border-radius: 50%; background: #53606c; } /* --------------------------------------------------------- 목록을 담고 있는 기존 card 안쪽 간격 개선 공지 / 회의록 등 --------------------------------------------------------- */ .card > .community-feed-item:first-of-type { margin-top: 12px !important; } .card > .community-feed-item:last-of-type { margin-bottom: 0 !important; } /* ========================================================= 게시판 / 민원 전용 리스트도 동일한 카드 형태 적용 다양한 기존 마크업 대응 ========================================================= */ /* 게시판/민원에서 article 또는 a 태그가 리스트로 사용될 경우 */ .board-list > a, .board-list > article, .complaint-list > a, .complaint-list > article, .content-list > a, .content-list > article, .post-list > a, .post-list > article, .ticket-list > a, .ticket-list > article { position: relative; display: block; margin: 14px 0 !important; padding: 20px 22px !important; background: linear-gradient( 135deg, #181e25, #11161c ) !important; border: 1px solid #303943 !important; border-radius: 13px !important; box-shadow: 0 4px 14px rgba(0,0,0,.18); transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease; } .board-list > a:hover, .board-list > article:hover, .complaint-list > a:hover, .complaint-list > article:hover, .content-list > a:hover, .content-list > article:hover, .post-list > a:hover, .post-list > article:hover, .ticket-list > a:hover, .ticket-list > article:hover { transform: translateY(-2px); border-color: #46535f !important; box-shadow: 0 9px 24px rgba(0,0,0,.27); } /* ========================================================= 상태 배지 공통 ========================================================= */ .status, .status-badge, .badge, .ticket-status { display: inline-flex; align-items: center; min-height: 26px; padding: 4px 10px; border-radius: 999px; font-size: 11px; font-weight: 800; line-height: 1; border: 1px solid #394651; background: #161d24; color: #b8c4ce; } /* 완료 */ .status.done, .status.completed, .status-badge.done, .status-badge.completed, .ticket-status.done, .ticket-status.completed { border-color: rgba(105, 230, 170, .28); background: rgba(40, 111, 75, .18); color: #72e3a8; } /* 접수 / 대기 */ .status.open, .status.received, .status-badge.open, .status-badge.received, .ticket-status.open, .ticket-status.received { border-color: rgba(100, 143, 255, .28); background: rgba(52, 84, 161, .18); color: #86a7ff; } /* ========================================================= 섹션 내부 여백 ========================================================= */ .section-head { margin-bottom: 24px !important; } .section-head + .card, .section-head + .cards { margin-top: 8px; } /* ========================================================= 모바일 ========================================================= */ @media (max-width: 700px) { .community-feed-item { margin: 11px 0 !important; padding: 17px 38px 16px 18px !important; border-radius: 11px !important; } .community-feed-item::before { top: 9px; bottom: 9px; width: 3px; } .community-feed-item::after { right: 13px; font-size: 21px; } .community-feed-title { margin-right: 0 !important; margin-bottom: 8px !important; font-size: 15px !important; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .community-feed-meta { gap: 4px 10px !important; font-size: 11px !important; } .community-feed-meta span + span::before { margin-right: 7px; } } /* ===== CONTENT ENTRY CARDS V3 START ===== */ /* 게시판 / 민원 / 공지 / 회의록 핵심: 한 개의 큰 박스 안에 여러 글을 넣지 않고 글 하나마다 독립적인 카드로 보여준다. */ .content-entry-card { position: relative; display: block; width: 100%; box-sizing: border-box; margin: 0 0 14px 0 !important; padding: 19px 22px 18px 24px !important; background: linear-gradient( 135deg, rgba(24, 30, 37, .98), rgba(18, 23, 29, .98) ) !important; border: 1px solid #303945 !important; border-radius: 13px !important; box-shadow: 0 4px 13px rgba(0, 0, 0, .22) !important; overflow: hidden; transition: transform .15s ease, border-color .15s ease, background .15s ease, box-shadow .15s ease; } /* 각 게시글 왼쪽 포인트 */ .content-entry-card::before { content: ""; position: absolute; top: 12px; bottom: 12px; left: 0; width: 4px; border-radius: 0 4px 4px 0; background: linear-gradient( 180deg, #78e1ae, #429f78 ); opacity: .82; } /* 마지막 글은 아래 여백 제거 */ .content-entry-card:last-child { margin-bottom: 0 !important; } /* 카드 Hover */ .content-entry-card:hover { transform: translateY(-1px); border-color: #485663 !important; background: linear-gradient( 135deg, rgba(29, 36, 44, 1), rgba(20, 26, 32, 1) ) !important; box-shadow: 0 8px 20px rgba(0, 0, 0, .28) !important; } /* --------------------------------------------------------- 중요 기존의 큰 외곽 .card 박스 제거 글 카드가 직접 들어있는 section/div만 투명하게 만든다. --------------------------------------------------------- */ section.card:has(> .content-entry-card), div.card:has(> .content-entry-card) { padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* 만약 한 단계 wrapper를 더 사용하는 템플릿도 대응 */ section.card:has(> div > .content-entry-card), div.card:has(> div > .content-entry-card) { background: transparent !important; border: 0 !important; box-shadow: none !important; } /* --------------------------------------------------------- 기존 community-feed-item이 안에 존재할 경우 "카드 안에 또 카드"가 생기지 않도록 제거 --------------------------------------------------------- */ .content-entry-card .community-feed-item { display: block !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; } .content-entry-card .community-feed-item:hover { background: transparent !important; border: 0 !important; box-shadow: none !important; transform: none !important; } .content-entry-card .community-feed-item::before, .content-entry-card .community-feed-item::after { display: none !important; } /* --------------------------------------------------------- 링크 --------------------------------------------------------- */ .content-entry-card > a, .content-entry-card a.community-feed-item { color: inherit !important; text-decoration: none !important; } /* --------------------------------------------------------- 제목 --------------------------------------------------------- */ .content-entry-card .community-feed-title { margin: 0 0 8px 0 !important; color: #f4f7fa !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.45 !important; } /* 게시판처럼 별도의 community-feed-title 클래스를 사용하지 않는 템플릿도 대응 */ .content-entry-card h2, .content-entry-card h3 { margin-top: 0 !important; color: #f4f7fa; } .content-entry-card h3 { margin-bottom: 7px !important; font-size: 16px; } /* --------------------------------------------------------- 작성자 / 날짜 / 상태 --------------------------------------------------------- */ .content-entry-card .community-feed-meta { display: flex !important; align-items: center; flex-wrap: wrap; gap: 6px 13px !important; color: #8b9baa !important; font-size: 12px !important; } /* 카드 내부 small */ .content-entry-card small { color: #8b9baa; } /* --------------------------------------------------------- 카드 안의 삭제/수정 등 관리 버튼 --------------------------------------------------------- */ .content-entry-card form { margin-top: 11px; } /* ========================================================= 모바일 ========================================================= */ @media (max-width: 700px) { .content-entry-card { margin-bottom: 11px !important; padding: 16px 17px 15px 20px !important; border-radius: 11px !important; } .content-entry-card::before { top: 9px; bottom: 9px; width: 3px; } .content-entry-card .community-feed-title { font-size: 15px !important; } .content-entry-card .community-feed-meta { font-size: 11px !important; } } /* ===== CONTENT ENTRY CARDS V3 END ===== */ /* ===== COMPLAINT DETAIL SEPARATION V1 START ===== */ /* 민원 상세의 각 주요 섹션 사이 간격 */ .complaint-detail-page .card, main .card { margin-bottom: 22px; } /* 처리 및 답변 영역을 민원 내용과 확실히 분리 */ .complaint-admin-form { margin-top: 18px; padding-top: 20px; border-top: 1px solid #303945; } /* 답변 textarea를 안쪽 박스로 정리 */ .complaint-admin-form textarea { min-height: 180px; resize: vertical; background: #10151a; border: 1px solid #303945; border-radius: 10px; } /* 답변 버튼 */ .complaint-admin-form button.primary { justify-self: end; min-width: 90px; } /* 저장된 관리자 답변: 독립 게시글 카드처럼 표시 */ .complaint-answer-card { position: relative; margin-top: 28px !important; padding: 24px 26px !important; background: linear-gradient( 135deg, rgba(19, 29, 25, 0.98), rgba(16, 23, 21, 0.98) ) !important; border: 1px solid rgba(125, 211, 167, 0.32) !important; border-radius: 14px !important; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.24) !important; } /* 관리자 답변 좌측 강조선 */ .complaint-answer-card::before { content: ""; position: absolute; left: 0; top: 14px; bottom: 14px; width: 4px; border-radius: 0 4px 4px 0; background: #7dd3a7; } /* 관리자 답변 제목 */ .complaint-answer-card h2 { margin: 0 0 16px 0 !important; padding-bottom: 13px; border-bottom: 1px solid #303945; color: #f4f7fa; font-size: 18px; } /* 실제 답변 본문 */ .complaint-answer-card .board-body { margin: 0; padding: 4px 2px 2px 2px; color: #d9e1e8; font-size: 15px; line-height: 1.8; white-space: pre-wrap; word-break: break-word; } /* 민원 본문과 다음 처리영역 사이 시각적 구분 강화 */ .complaint-photo-retention { margin-bottom: 0 !important; } /* 모바일 */ @media (max-width: 700px) { .complaint-answer-card { margin-top: 20px !important; padding: 19px 20px !important; } .complaint-answer-card h2 { font-size: 16px; } .complaint-answer-card .board-body { font-size: 14px; line-height: 1.7; } } /* ===== COMPLAINT DETAIL SEPARATION V1 END ===== */ /* ===== COMPLAINT ANSWER ORDER / DELETE V2 START ===== */ /* 저장된 관리자 답변 헤더 */ .complaint-answer-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; padding-bottom: 14px; border-bottom: 1px solid #303945; } .complaint-answer-head h2 { margin: 0 !important; padding: 0 !important; border: 0 !important; } /* 답변 삭제 form */ .complaint-answer-delete-form { display: block !important; margin: 0 !important; padding: 0 !important; } /* 답변 삭제 버튼 */ .complaint-answer-delete { min-width: 86px; padding: 8px 13px; border: 1px solid rgba(255, 105, 105, .55); border-radius: 8px; background: rgba(120, 35, 35, .14); color: #ff8989; font-size: 12px; font-weight: 800; transition: background .15s ease, border-color .15s ease; } .complaint-answer-delete:hover { background: rgba(150, 40, 40, .24); border-color: #ff7b7b; } /* 실제 등록된 답변 본문 */ .complaint-answer-body { padding: 8px 14px 12px 14px !important; white-space: pre-wrap; word-break: break-word; line-height: 1.8; } /* 관리자 답변과 새 답변 작성 영역 사이를 확실하게 떨어뜨립니다. */ .complaint-answer-card { margin-bottom: 32px !important; } /* 처리 및 답변 영역 */ .complaint-admin-form { margin-top: 18px; } /* 모바일 */ @media (max-width: 700px) { .complaint-answer-head { align-items: flex-start; } .complaint-answer-delete { min-width: 74px; padding: 7px 10px; } .complaint-answer-body { padding-left: 5px !important; padding-right: 5px !important; } } /* ===== COMPLAINT ANSWER ORDER / DELETE V2 END ===== */ /* ===== COMMENT CLEAN CARD V16 START ===== */ /* ========================================================= 댓글 영역 최종 디자인 작성자 / 댓글 / 날짜를 하나의 카드 안에서 정리 ========================================================= */ .comment-list { display: flex !important; flex-direction: column !important; gap: 10px !important; margin: 16px 0 14px !important; padding: 0 !important; } /* --------------------------------------------------------- 댓글 하나 기존 좌/우 분할 구조를 시각적으로 제거 --------------------------------------------------------- */ .comment-item { position: relative !important; display: grid !important; /* 작성자 / 본문 / 메타 모두 한 열 */ grid-template-columns: 1fr !important; grid-template-rows: auto auto auto !important; width: 100% !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 15px 17px 13px !important; background: #11171d !important; border: 1px solid #2b343e !important; border-radius: 11px !important; box-shadow: 0 2px 8px rgba(0,0,0,.14) !important; overflow: hidden !important; } /* 왼쪽 은은한 포인트 */ .comment-item::before { content: ""; position: absolute; left: 0; top: 10px; bottom: 10px; width: 3px; border-radius: 0 3px 3px 0; background: #7dd3a7; opacity: .65; } /* --------------------------------------------------------- 작성자 --------------------------------------------------------- */ .comment-author-cell { grid-column: 1 !important; grid-row: 1 !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; width: auto !important; height: auto !important; min-height: 0 !important; gap: 5px !important; margin: 0 0 9px 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; white-space: normal !important; overflow: visible !important; } .comment-author-cell .corps-tag { margin: 0 !important; padding: 0 !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.2 !important; } .comment-author { margin: 0 !important; padding: 0 !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.2 !important; } /* --------------------------------------------------------- 댓글 본문 --------------------------------------------------------- */ .comment-content-cell { grid-column: 1 !important; grid-row: 2 !important; display: block !important; width: 100% !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 0 12px 0 !important; } .comment-body { margin: 0 !important; padding: 0 !important; color: #edf1f4 !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.55 !important; white-space: pre-wrap !important; word-break: break-word !important; } /* --------------------------------------------------------- 날짜 + 수정/삭제 --------------------------------------------------------- */ .comment-meta { grid-column: 1 !important; grid-row: 3 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 9px 0 0 !important; border-top: 1px solid rgba(255,255,255,.065) !important; color: #82909d !important; font-size: 11px !important; line-height: 1.2 !important; } .comment-actions { display: flex !important; align-items: center !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; } .comment-actions form { display: inline !important; margin: 0 !important; padding: 0 !important; } .comment-edit-toggle, .comment-actions button, .comment-actions a { display: inline !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1.2 !important; } /* --------------------------------------------------------- 댓글 입력 영역 --------------------------------------------------------- */ .comment-write-form { display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; align-items: end !important; gap: 10px !important; margin: 14px 0 0 !important; padding: 14px 0 0 !important; border-top: 1px solid #2b343e !important; } .comment-write-form textarea { width: 100% !important; min-height: 76px !important; height: 76px !important; margin: 0 !important; padding: 11px 12px !important; background: #0e1318 !important; border: 1px solid #303945 !important; border-radius: 9px !important; resize: vertical !important; } /* 등록 버튼 */ .comment-write-form .comment-submit { height: 40px !important; margin: 0 !important; padding: 0 18px !important; align-self: end !important; } /* --------------------------------------------------------- 댓글 수정 폼 --------------------------------------------------------- */ .comment-edit-form { grid-column: 1 !important; display: none !important; width: 100% !important; margin: 12px 0 0 !important; padding: 12px 0 0 !important; border-top: 1px solid #2b343e !important; } .comment-edit-form.show { display: grid !important; } /* --------------------------------------------------------- 모바일 --------------------------------------------------------- */ @media (max-width:700px) { .comment-item { padding: 13px 14px 12px !important; } .comment-author-cell { margin-bottom: 8px !important; } .comment-meta { gap: 10px !important; } .comment-write-form { grid-template-columns: 1fr !important; } .comment-write-form .comment-submit { justify-self: end !important; } } /* ===== COMMENT CLEAN CARD V16 END ===== */ /* ===== COMMENT TRUE COMPACT V22 START ===== */ /* 가로 크기 변경 없음 작성자/시간 글씨 크기 변경 없음 댓글 카드의 세로 빈 공간만 축소 */ .comment-item { min-height: 0 !important; /* 좌우 값은 기존 V16 유지 */ padding-left: 17px !important; padding-right: 17px !important; /* 위아래만 최소화 */ padding-top: 5px !important; padding-bottom: 5px !important; } /* 작성자 행과 댓글 내용 사이 */ .comment-author-cell { margin-bottom: 2px !important; } /* 댓글 내용 행 자체의 여백 제거 */ .comment-content-cell { min-height: 0 !important; height: auto !important; padding-top: 0 !important; padding-bottom: 2px !important; } /* 내용 글씨 크기는 그대로 */ .comment-body { margin: 0 !important; padding: 0 !important; } /* 시간 행은 글씨/크기 유지하고 위쪽 빈 공간만 축소 */ .comment-meta { min-height: 0 !important; padding-top: 3px !important; padding-bottom: 0 !important; } /* ===== COMMENT TRUE COMPACT V22 END ===== */ /* ===== COMMENT FINAL CLEAN V23 START ===== */ /* 댓글 카드 전체 */ .comment-item { display: grid !important; grid-template-columns: 1fr auto !important; grid-template-rows: auto auto auto !important; width: 100% !important; min-height: 0 !important; height: auto !important; margin: 0 0 10px 0 !important; padding: 12px 16px !important; background: #11171d !important; border: 1px solid #2b343e !important; border-radius: 10px !important; box-shadow: none !important; } /* 작성자 영역 */ .comment-author-cell { grid-column: 1 !important; grid-row: 1 !important; display: flex !important; flex-direction: row !important; align-items: center !important; gap: 5px !important; width: auto !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; white-space: normal !important; overflow: visible !important; } /* 작성자 태그 */ .comment-author-cell .corps-tag { margin: 0 !important; padding: 0 !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.2 !important; } /* 닉네임 */ .comment-author { margin: 0 !important; padding: 0 !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.2 !important; } /* 댓글 내용 */ .comment-content-cell { grid-column: 1 / -1 !important; grid-row: 2 !important; display: block !important; width: 100% !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 8px 0 10px !important; } /* 댓글 본문 */ .comment-body { margin: 0 !important; padding: 0 !important; color: #edf1f4 !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.45 !important; white-space: pre-wrap !important; word-break: break-word !important; } /* 날짜 + 수정/삭제 */ .comment-meta { grid-column: 1 / -1 !important; grid-row: 3 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 8px 0 0 !important; border-top: 1px solid rgba(255,255,255,.06) !important; color: #84929f !important; font-size: 11px !important; line-height: 1.2 !important; } /* 수정 / 삭제 */ .comment-actions { display: flex !important; align-items: center !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; } .comment-actions form { display: inline !important; margin: 0 !important; padding: 0 !important; } .comment-edit-toggle, .comment-actions button, .comment-actions a { display: inline !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1.2 !important; } /* 수정폼 */ .comment-edit-form { grid-column: 1 / -1 !important; display: none !important; width: 100% !important; margin: 10px 0 0 !important; padding: 10px 0 0 !important; border-top: 1px solid #2b343e !important; } .comment-edit-form.show { display: grid !important; } /* 댓글 입력창은 카드와 자연스럽게 붙임 */ .comment-write-form { margin-top: 12px !important; padding-top: 12px !important; } /* 모바일 */ @media (max-width: 700px) { .comment-item { padding: 10px 12px !important; } .comment-content-cell { padding: 7px 0 8px !important; } .comment-meta { padding-top: 7px !important; } } /* ===== COMMENT FINAL CLEAN V23 END ===== */ /* ===== COMMENT NATURAL HEIGHT V24 START ===== */ /* 댓글 카드: Grid 제거 → 내용 높이만큼만 */ .comment-item { display: block !important; min-height: 0 !important; height: auto !important; margin: 0 0 8px !important; padding: 9px 14px !important; border: 1px solid #2b343e !important; border-radius: 10px !important; background: #11171d !important; } /* 작성자 */ .comment-author-cell { display: flex !important; flex-direction: row !important; align-items: center !important; width: auto !important; height: auto !important; min-height: 0 !important; margin: 0 0 5px !important; padding: 0 !important; gap: 5px !important; border: 0 !important; background: transparent !important; } /* 댓글 내용 */ .comment-content-cell { display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 2px 0 6px !important; } .comment-body { margin: 0 !important; padding: 0 !important; line-height: 1.4 !important; } /* 시간 + 수정/삭제 */ .comment-meta { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 5px 0 0 !important; border-top: 1px solid rgba(255,255,255,.06) !important; } /* 수정폼 */ .comment-edit-form { display: none !important; width: 100% !important; margin: 8px 0 0 !important; padding: 8px 0 0 !important; } .comment-edit-form.show { display: grid !important; } /* ===== COMMENT NATURAL HEIGHT V24 END ===== */ /* ===== COMMENT HEIGHT ONLY V26 ===== */ /* 댓글 카드 전체 높이만 축소 */ .comment-item { min-height: 0 !important; height: auto !important; padding-top: 4px !important; padding-bottom: 4px !important; } /* 작성자 영역 세로 여백 축소 */ .comment-author-cell { margin-top: 0 !important; margin-bottom: 2px !important; padding-top: 0 !important; padding-bottom: 0 !important; min-height: 0 !important; height: auto !important; } /* 댓글 내용 영역 세로 여백 축소 */ .comment-content-cell { padding-top: 1px !important; padding-bottom: 2px !important; min-height: 0 !important; height: auto !important; } /* 시간/수정/삭제 영역 세로 여백 축소 */ .comment-meta { margin-top: 0 !important; padding-top: 2px !important; padding-bottom: 0 !important; min-height: 0 !important; height: auto !important; } /* 댓글 내용 줄간격만 살짝 축소 */ .comment-body { line-height: 1.25 !important; } /* ===== COMMENT HEIGHT ONLY V26 END ===== */ /* ===== COMMENT HEIGHT ONLY V27 ===== */ .comment-item { min-height: 0 !important; height: auto !important; padding-top: 1px !important; padding-bottom: 1px !important; } .comment-author-cell { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; min-height: 0 !important; height: auto !important; } .comment-content-cell { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; min-height: 0 !important; height: auto !important; } .comment-meta { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 1px !important; padding-bottom: 0 !important; min-height: 0 !important; height: auto !important; } .comment-body { margin: 0 !important; padding: 0 !important; line-height: 1.1 !important; } /* ===== COMMENT HEIGHT ONLY V27 END ===== */ /* ========================================================= BOARD REACTION / VIEW STATS ========================================================= */ .board-post-stats { display: flex; align-items: center; gap: 14px; margin-top: 8px; font-size: 13px; line-height: 1; color: rgba(255, 255, 255, 0.58); } .board-stat { display: inline-flex; align-items: center; white-space: nowrap; } .board-stat-like { color: rgba(255, 255, 255, 0.76); } .board-stat-dislike { color: rgba(255, 255, 255, 0.52); } .board-stat-view { color: rgba(255, 255, 255, 0.52); } /* 상세페이지 좋아요 / 싫어요 */ .board-reaction-area { display: flex; justify-content: center; padding: 18px 0 24px; } .board-reaction-form { display: flex; align-items: center; justify-content: center; gap: 10px; } .board-reaction-button { min-width: 118px; height: 44px; padding: 0 18px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 10px; background: rgba(255, 255, 255, 0.035); color: rgba(255, 255, 255, 0.78); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 8px; transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease; } .board-reaction-button strong { font-size: 14px; font-weight: 700; } .board-reaction-button:hover { background: rgba(255, 255, 255, 0.075); border-color: rgba(255, 255, 255, 0.24); transform: translateY(-1px); } /* 좋아요 선택 상태 */ .board-like-button.active { background: rgba(70, 130, 255, 0.15); border-color: rgba(90, 145, 255, 0.58); color: #dce7ff; } /* 싫어요 선택 상태 */ .board-dislike-button.active { background: rgba(255, 95, 95, 0.13); border-color: rgba(255, 105, 105, 0.5); color: #ffdcdc; } /* 모바일 */ @media (max-width: 640px) { .board-post-stats { gap: 10px; flex-wrap: wrap; font-size: 12px; } .board-reaction-form { width: 100%; } .board-reaction-button { flex: 1; min-width: 0; } } /* ===== 무림/패업 affiliation patch ===== */ /* 무림 / 패업 소속 구분 */ .affiliation-card { position: relative; border-left: 4px solid transparent; } .affiliation-card.affiliation-murim { border-left-color: #4f7cff; background: rgba(79, 124, 255, 0.055); } .affiliation-card.affiliation-paeop { border-left-color: #d59a3a; background: rgba(213, 154, 58, 0.065); } .affiliation-badge { display: inline-flex; align-items: center; min-height: 24px; padding: 2px 9px; margin-right: 7px; border-radius: 999px; font-size: 12px; font-weight: 700; line-height: 1; white-space: nowrap; } .affiliation-badge.murim { color: #dce6ff; border: 1px solid rgba(79,124,255,.55); background: rgba(79,124,255,.16); } .affiliation-badge.paeop { color: #ffe7ba; border: 1px solid rgba(213,154,58,.58); background: rgba(213,154,58,.17); } .affiliation-picker { display: flex; gap: 10px; flex-wrap: wrap; margin: 8px 0 16px; } .affiliation-choice input { position: absolute; opacity: 0; pointer-events: none; } .affiliation-choice span { display: inline-flex; align-items: center; justify-content: center; min-width: 88px; min-height: 38px; padding: 0 16px; border: 1px solid var(--line, rgba(255,255,255,.14)); border-radius: 10px; cursor: pointer; font-weight: 700; transition: .15s ease; } .affiliation-choice input:checked + span { border-color: currentColor; box-shadow: 0 0 0 2px rgba(255,255,255,.06); } .affiliation-choice.murim { color: #7fa0ff; } .affiliation-choice.paeop { color: #e4ad55; } /* ========================================================= SIM / DECK UI CORRECTIONS 2026-08-30 ========================================================= */ /* 드롭다운 선택 문자열 길이와 무관하게 크기 고정 */ #deckForm select, #tier-sim-form select, .arena-edit-deck select, .simform select, .tier-side select { width: 100% !important; min-width: 0 !important; height: 44px !important; min-height: 44px !important; max-height: 44px !important; padding: 0 36px 0 12px !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* 1/2/3번 장수 카드 시각 구분 */ .member-slot-card { position: relative; overflow: hidden; border-top: 2px solid rgba(185,154,94,.34) !important; } .member-slot-card::before { content: attr(data-member-no); position: absolute; top: 12px; right: 14px; width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid rgba(205,183,133,.25); border-radius: 7px; background: rgba(184,154,92,.08); color: #cfb26f; font-size: 13px; font-weight: 800; } .member-slot-card > h3 { padding-right: 46px; margin-bottom: 18px !important; } /* 잔여 스탯은 자동 계산 필드 */ .stats .intelligence[readonly] { background: rgba(184,154,92,.06) !important; border-color: rgba(205,183,133,.22) !important; color: #d6bc7c !important; cursor: default; } /* 티어덱 VS 티어덱: 편성 입력 왼쪽 + 진형 배치 오른쪽 */ .tier-formation-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(250px,.72fr); gap: 14px; align-items: start; margin-top: 4px; } .tier-inline-formation { margin-top: 0 !important; min-width: 0; } .tier-inline-formation-name, .arena-first-formation-name { margin: -5px 0 12px; color: #cfb26f; font-size: 12px; font-weight: 700; } /* 연무: 1번덱 정보/진형을 우측에 표시 */ .arena-deck-overview { display: grid; grid-template-columns: minmax(0,1fr) minmax(280px,.75fr); gap: 18px; align-items: start; } .arena-first-formation { margin-top: 0 !important; } .arena-slots .is-first { border-color: rgba(205,183,133,.28) !important; background: rgba(184,154,92,.055) !important; } /* 공통 첫 카드가 다른 카드보다 불필요하게 커지는 규칙 무효화 */ main > .card:first-of-type, .murim-main > .card:first-of-type, main > section.card:first-of-type, .murim-main > section.card:first-of-type { height: auto !important; min-height: 0 !important; max-height: none !important; align-self: auto !important; } main > .card, .murim-main > .card, main > section.card, .murim-main > section.card { box-sizing: border-box !important; } @media (max-width: 980px) { .tier-formation-layout, .arena-deck-overview { grid-template-columns: 1fr; } } /* ========================================================= END SIM / DECK UI CORRECTIONS 2026-08-30 ========================================================= */ /* ARENA_CLICKABLE_DECK_PREVIEW_V1 */ .arena-selectable-slots .arena-deck-select { appearance: none; -webkit-appearance: none; width: 100%; min-width: 0; min-height: 158px; padding: 22px 20px; border: 1px solid rgba(205,183,133,.13); border-radius: 12px; background: #101519; color: inherit; text-align: left; font: inherit; cursor: pointer; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 10px; transition: border-color .18s ease, background .18s ease, transform .18s ease; } .arena-selectable-slots .arena-deck-select:hover { transform: translateY(-2px); border-color: rgba(205,183,133,.30); } .arena-selectable-slots .arena-deck-select.is-selected { border-color: rgba(184,154,92,.48); background: linear-gradient(135deg, rgba(184,154,92,.10), rgba(17,21,18,.98)); } .arena-selectable-slots .arena-deck-select > span { color: #79d3aa; font-size: 1.1rem; font-weight: 800; } .arena-selectable-slots .arena-deck-select > b { color: #eeeae0; font-size: 1.15rem; } .arena-selectable-slots .arena-deck-select > small { color: #79776f; font-size: .95rem; } .arena-deck-preview-host { min-width: 0; } .arena-deck-formation.is-hidden { display: none !important; } .arena-deck-formation { animation: arenaDeckPreviewIn .16s ease-out; } @keyframes arenaDeckPreviewIn { from { opacity: .55; transform: translateY(3px); } to { opacity: 1; transform: translateY(0); } } @media (max-width: 900px) { .arena-selectable-slots .arena-deck-select { min-height: 110px; } } /* ARENA_RESULT_V2 */ .arena-result-head { margin-bottom: 28px; } .arena-result-head h1 { margin-top: 12px; } .arena-result-summary { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 28px; margin-bottom: 28px; } .arena-result-summary > div { display:flex; flex-direction:column; gap:9px; } .arena-result-summary span { color:#79776f; } .arena-result-summary strong { font-size:1.15rem; color:#eeeae0; } .arena-outcome.win, .arena-result-side .win { color:#78d3aa; } .arena-outcome.loss, .arena-result-side .loss { color:#e16d6d; } .arena-outcome.draw, .arena-result-side .draw { color:#d1b574; } .arena-result-matches { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; align-items:start; } .arena-result-match { padding:0 !important; overflow:hidden; } .arena-result-match-toggle { appearance:none; width:100%; border:0; background:transparent; color:inherit; text-align:left; padding:26px 28px; cursor:pointer; font:inherit; } .arena-result-match-toggle:hover { background:rgba(184,154,92,.035); } .arena-result-match-toggle h2 { margin:10px 0 18px; font-size:1.35rem; } .arena-result-match-toggle h2 small { color:#79776f; font-size:.8em; } .arena-match-result-line { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:14px; } .arena-result-side { border:1px solid rgba(205,183,133,.13); background:#11161b; border-radius:12px; min-height:112px; padding:18px; display:flex; flex-direction:column; justify-content:center; gap:7px; } .arena-result-side strong { font-size:1.75rem; } .arena-result-side span { color:#92969e; } .arena-result-vs { color:#79776f; font-weight:800; } .arena-result-open-label { display:block; margin-top:18px; color:#b89a5c; font-size:.9rem; font-weight:700; } .arena-result-match-detail { border-top:1px solid rgba(205,183,133,.13); padding:24px 28px 28px; } .arena-result-matches:has(.arena-result-match-detail:not([hidden])) { grid-template-columns:1fr; } .arena-result-match:has(.arena-result-match-detail:not([hidden])) { grid-column:1 / -1; } .arena-result-decks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; } .arena-result-deck-panel { padding:20px; border:1px solid rgba(205,183,133,.13); border-radius:12px; background:#0f1418; } .arena-result-deck-title { display:flex; flex-direction:column; gap:5px; margin-bottom:14px; } .arena-result-deck-title > span { color:#b89a5c; font-size:.8rem; font-weight:800; } .arena-result-deck-title > strong { color:#eeeae0; font-size:1.15rem; } .arena-result-deck-title > small { color:#d1b574; } .arena-battle-log { margin-top:22px; padding-top:20px; border-top:1px solid rgba(205,183,133,.13); } .arena-battle-log-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; } .arena-battle-log-head h3 { margin:0; } .arena-battle-log-head span { color:#79776f; } .arena-battle-log-list { max-height:520px; overflow:auto; border:1px solid rgba(205,183,133,.10); border-radius:10px; background:#0b0f12; } .arena-battle-log-row { display:grid; grid-template-columns:64px minmax(0,1fr); gap:14px; padding:10px 14px; border-bottom:1px solid rgba(205,183,133,.07); } .arena-battle-log-row:last-child { border-bottom:0; } .arena-log-turn { color:#b89a5c; font-weight:700; font-size:.86rem; } .arena-battle-log-row p { margin:0; color:#c9c5bb; line-height:1.55; } .arena-log-empty { margin:0; } .arena-result-back { margin-top:28px; } @media (max-width: 980px) { .arena-result-summary, .arena-result-matches, .arena-result-decks { grid-template-columns:1fr; } }