:root{
    --ab-bg:#fff9e9;
    --ab-card:#fffef8;
    --ab-line:rgba(183,129,13,.24);
    --ab-ink:#6f4700;
    --ab-soft:#8a6a2a;
    --ab-a:#ffd967;
    --ab-b:#ffb62f;
    --ab-c:#ff9328;
    --ab-shadow:0 16px 36px rgba(143,95,7,.14);
}
body.full.aboutv2-page{
    background:
        radial-gradient(1200px 520px at 12% -5%, rgba(255,223,128,.32), rgba(255,223,128,0)),
        radial-gradient(820px 420px at 93% 8%, rgba(255,206,92,.28), rgba(255,206,92,0)),
        linear-gradient(180deg,#fffdf5 0%,#fff6dd 100%);
    color:var(--ab-ink);
    overflow:hidden;
    perspective:1200px;
    position:relative;
    isolation:isolate;
    padding-left:156px;
}
body.full.aboutv2-page::before,
body.full.aboutv2-page::after{
    content:"";
    position:fixed;
    left:0;
    width:100vw;
    height:100vh;
    bottom:-2vh;
    z-index:2;
    pointer-events:none;
    transform-origin:50% 100%;
    background-repeat:no-repeat;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 86S8 61 8 33c0-11 9-20 20-20 9 0 17 5 22 13 5-8 13-13 22-13 11 0 20 9 20 20 0 28-42 53-42 53z' fill='%23ff2c62'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 86S8 61 8 33c0-11 9-20 20-20 9 0 17 5 22 13 5-8 13-13 22-13 11 0 20 9 20 20 0 28-42 53-42 53z' fill='%23ff2c62'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 86S8 61 8 33c0-11 9-20 20-20 9 0 17 5 22 13 5-8 13-13 22-13 11 0 20 9 20 20 0 28-42 53-42 53z' fill='%23ff2c62'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 86S8 61 8 33c0-11 9-20 20-20 9 0 17 5 22 13 5-8 13-13 22-13 11 0 20 9 20 20 0 28-42 53-42 53z' fill='%23ff2c62'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 86S8 61 8 33c0-11 9-20 20-20 9 0 17 5 22 13 5-8 13-13 22-13 11 0 20 9 20 20 0 28-42 53-42 53z' fill='%23ff2c62'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 86S8 61 8 33c0-11 9-20 20-20 9 0 17 5 22 13 5-8 13-13 22-13 11 0 20 9 20 20 0 28-42 53-42 53z' fill='%23ff2c62'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 86S8 61 8 33c0-11 9-20 20-20 9 0 17 5 22 13 5-8 13-13 22-13 11 0 20 9 20 20 0 28-42 53-42 53z' fill='%23ff2c62'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 86S8 61 8 33c0-11 9-20 20-20 9 0 17 5 22 13 5-8 13-13 22-13 11 0 20 9 20 20 0 28-42 53-42 53z' fill='%23ff2c62'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 86S8 61 8 33c0-11 9-20 20-20 9 0 17 5 22 13 5-8 13-13 22-13 11 0 20 9 20 20 0 28-42 53-42 53z' fill='%23ff2c62'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 86S8 61 8 33c0-11 9-20 20-20 9 0 17 5 22 13 5-8 13-13 22-13 11 0 20 9 20 20 0 28-42 53-42 53z' fill='%23ff2c62'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 86S8 61 8 33c0-11 9-20 20-20 9 0 17 5 22 13 5-8 13-13 22-13 11 0 20 9 20 20 0 28-42 53-42 53z' fill='%23ff2c62'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 86S8 61 8 33c0-11 9-20 20-20 9 0 17 5 22 13 5-8 13-13 22-13 11 0 20 9 20 20 0 28-42 53-42 53z' fill='%23ff2c62'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 86S8 61 8 33c0-11 9-20 20-20 9 0 17 5 22 13 5-8 13-13 22-13 11 0 20 9 20 20 0 28-42 53-42 53z' fill='%23ff2c62'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 86S8 61 8 33c0-11 9-20 20-20 9 0 17 5 22 13 5-8 13-13 22-13 11 0 20 9 20 20 0 28-42 53-42 53z' fill='%23ff2c62'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 86S8 61 8 33c0-11 9-20 20-20 9 0 17 5 22 13 5-8 13-13 22-13 11 0 20 9 20 20 0 28-42 53-42 53z' fill='%23ff2c62'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 86S8 61 8 33c0-11 9-20 20-20 9 0 17 5 22 13 5-8 13-13 22-13 11 0 20 9 20 20 0 28-42 53-42 53z' fill='%23ff2c62'/%3E%3C/svg%3E");
    background-size:10px 10px,12px 12px,9px 9px,11px 11px,12px 12px,9px 9px,10px 10px,12px 12px,9px 9px,11px 11px,12px 12px,9px 9px,10px 10px,12px 12px,9px 9px,11px 11px;
    background-position:2% 101%,8% 100%,14% 103%,20% 99%,26% 102%,33% 100%,40% 103%,47% 99%,54% 102%,61% 100%,68% 103%,75% 99%,82% 102%,88% 100%,94% 103%,99% 99%;
    opacity:.48;
    filter:drop-shadow(0 1px 2px rgba(255,20,66,.1));
    animation:abHeartScatterA 16s linear infinite;
}
body.full.aboutv2-page::after{
    background-size:9px 9px,11px 11px,8px 8px,10px 10px,11px 11px,8px 8px,9px 9px,11px 11px,8px 8px,10px 10px,11px 11px,8px 8px,9px 9px,11px 11px,8px 8px,10px 10px;
    background-position:1% 103%,6% 100%,12% 104%,18% 99%,24% 103%,31% 100%,38% 104%,45% 99%,52% 103%,59% 100%,66% 104%,73% 99%,80% 103%,86% 100%,92% 104%,98% 99%;
    opacity:.4;
    animation:abHeartScatterB 17s linear infinite -7s;
}
@keyframes abHeartScatterA{
    0%{
        opacity:0;
        transform:translate3d(0,5vh,0);
        background-position:2% 101%,8% 100%,14% 103%,20% 99%,26% 102%,33% 100%,40% 103%,47% 99%,54% 102%,61% 100%,68% 103%,75% 99%,82% 102%,88% 100%,94% 103%,99% 99%;
    }
    12%{opacity:.48}
    38%{
        background-position:8% 62%,2% 57%,21% 66%,11% 59%,35% 63%,24% 56%,46% 65%,39% 58%,59% 62%,51% 55%,73% 64%,64% 57%,86% 63%,79% 56%,97% 65%,92% 59%;
    }
    71%{
        background-position:1% 24%,16% 18%,6% 30%,28% 22%,15% 27%,42% 19%,31% 31%,56% 23%,45% 28%,69% 20%,60% 32%,83% 24%,74% 29%,95% 21%,87% 33%,100% 25%;
    }
    100%{
        opacity:0;
        transform:translate3d(0,-122vh,0);
        background-position:10% -12%,0% -5%,22% -17%,13% -8%,37% -14%,26% -6%,50% -15%,41% -7%,63% -13%,55% -5%,77% -16%,68% -8%,90% -14%,82% -6%,100% -15%,94% -7%;
    }
}
@keyframes abHeartScatterB{
    0%{
        opacity:0;
        transform:translate3d(0,7vh,0);
        background-position:1% 103%,6% 100%,12% 104%,18% 99%,24% 103%,31% 100%,38% 104%,45% 99%,52% 103%,59% 100%,66% 104%,73% 99%,80% 103%,86% 100%,92% 104%,98% 99%;
    }
    14%{opacity:.4}
    41%{
        background-position:5% 64%,0% 56%,17% 67%,9% 60%,30% 63%,21% 55%,42% 66%,35% 58%,56% 64%,47% 56%,69% 67%,61% 59%,82% 63%,74% 55%,95% 66%,89% 58%;
    }
    74%{
        background-position:0% 27%,13% 18%,4% 31%,24% 23%,12% 29%,37% 20%,27% 33%,50% 24%,40% 30%,63% 21%,54% 34%,76% 25%,67% 31%,90% 22%,82% 35%,99% 26%;
    }
    100%{
        opacity:0;
        transform:translate3d(0,-124vh,0);
        background-position:8% -11%,-1% -15%,20% -8%,11% -14%,33% -9%,24% -15%,47% -7%,38% -13%,60% -8%,52% -14%,74% -6%,65% -12%,88% -7%,80% -15%,99% -8%,92% -13%;
    }
}
.about-topbar{
    position:sticky;
    top:0;
    z-index:100;
    backdrop-filter:blur(10px);
    border-bottom:1px solid rgba(183,129,13,.22);
    background:rgba(255,248,226,.84);
    box-shadow:0 14px 30px rgba(150,102,6,.12);
    position:relative;
    z-index:5;
}
.about-topbar__inner,
.about-nav-wrap__inner,
.about-shell{
    width:1200px;
    margin:0 auto;
    box-sizing:border-box;
}
.about-topbar__inner{
    min-height:82px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:10px 18px;
}
.about-brand{
    display:flex;
    align-items:center;
    gap:12px;
}
.about-brand__logo{
    width:56px;
    height:56px;
    border-radius:16px;
    background:#fff;
    box-shadow:0 8px 20px rgba(136,90,4,.16);
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}
.about-brand__logo img{max-width:88%;max-height:88%}
.about-brand__name{
    font-size:24px;
    line-height:1.1;
    font-weight:900;
    letter-spacing:.5px;
    color:#5c3b00;
}
.about-brand__sub{
    margin-top:4px;
    font-size:13px;
    color:var(--ab-soft);
}
.about-topbar__ops a{
    display:inline-block;
    padding:9px 14px;
    border-radius:999px;
    text-decoration:none;
    color:#764a00;
    border:1px solid rgba(183,129,13,.24);
    background:#fff4cf;
    font-weight:700;
}
.about-nav-wrap{
    padding:0;
    position:relative;
    z-index:5;
}
.about-nav-wrap__inner--left{
    position:fixed;
    left: 200px;
    /* top: 130px; */
    width: 215px;
    margin:0;
    padding:10px 8px;
    border:1px solid rgba(183,129,13,.26);
    border-radius:18px;
    background:linear-gradient(180deg,rgba(255,251,231,.97) 0%,rgba(255,236,183,.9) 100%);
    box-shadow:0 16px 30px rgba(143,95,7,.16);
    backdrop-filter:blur(5px);
}
.about-nav-title{
    text-align:center;
    font-size:13px;
    font-weight:900;
    color:#7b4e00;
    padding-bottom:8px;
    margin-bottom:8px;
    border-bottom:1px dashed rgba(183,129,13,.32);
}
.about-nav--left{
    display:flex;
    flex-direction:column;
    gap:8px;
    padding:0;
    border:0;
    background:none;
}
.about-nav--left a{
    width:100%;
    box-sizing:border-box;
    text-align:center;
    padding:9px 8px;
    border-radius:12px;
    font-size:13px;
}
.about-nav{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    padding:8px;
    border-radius:18px;
    border:1px solid rgba(183,129,13,.2);
    background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,239,191,.72));
}
.about-nav a{
    text-decoration:none;
    color:#7a4f00;
    font-weight:800;
    padding:10px 18px;
    border-radius:14px;
    background:#fff7db;
    border:1px solid rgba(183,129,13,.2);
    transition:.25s ease;
    transform-style:preserve-3d;
}
.about-nav a:hover{
    transform:translateY(-4px) rotateX(13deg);
    box-shadow:0 8px 18px rgba(143,95,7,.12);
}
.about-nav a.current{
    color:#fff;
    border-color:transparent;
    background:linear-gradient(135deg,var(--ab-a) 0%,var(--ab-b) 62%,var(--ab-c) 100%);
}
.about-shell{
    padding:18px;
    margin-top:10px;
    margin-bottom:14px;
    border:1px solid var(--ab-line);
    background:linear-gradient(160deg,rgba(255,255,255,.95) 0%,rgba(255,242,206,.86) 100%);
    border-radius:24px;
    box-shadow:var(--ab-shadow);
    position:relative;
    overflow:hidden;
    z-index:5;
    transform-style:preserve-3d;
    animation:abPanelFloat 7.2s ease-in-out infinite;
}
@keyframes abPanelFloat{
    0%,100%{transform:translate3d(0,0,0) rotateX(0deg)}
    50%{transform:translate3d(0,-4px,18px) rotateX(.9deg)}
}
.about-hero{
    position:relative;
    z-index:1;
    padding:16px 18px;
    border:1px solid rgba(183,129,13,.18);
    border-radius:18px;
    background:rgba(255,255,255,.72);
    transform:translateZ(18px);
    animation:abHeroGlow 5.5s ease-in-out infinite;
}
@keyframes abHeroGlow{
    0%,100%{box-shadow:0 8px 24px rgba(150,100,6,.08)}
    50%{box-shadow:0 14px 30px rgba(150,100,6,.18)}
}
.about-hero__title{
    font-size:32px;
    font-weight:900;
    color:#6a4300;
}
.about-hero__sub{
    margin-top:8px;
    color:#886630;
    font-size:14px;
}
.about-hero__tags{
    margin-top:12px;
}
.about-hero__tags span{
    display:inline-block;
    margin:0 8px 8px 0;
    padding:6px 10px;
    border-radius:999px;
    color:#7a4f00;
    font-size:12px;
    font-weight:800;
    border:1px solid rgba(183,129,13,.2);
    background:rgba(255,248,220,.95);
}
.about-grid{
    position:relative;
    z-index:1;
    margin-top:14px;
    display:grid;
    grid-template-columns:250px 1fr;
    gap:14px;
}
.about-stack{
    position:relative;
    z-index:1;
    margin-top:14px;
    display:grid;
    grid-template-columns:1fr 250px;
    gap:14px;
}
.about-side{
    border:1px solid var(--ab-line);
    border-radius:18px;
    background:rgba(255,255,255,.84);
    padding:14px;
    transform:translateZ(10px);
    position:sticky;
    top:98px;
    align-self:start;
}
.about-side__title{
    font-size:15px;
    font-weight:900;
    color:#6c4700;
    margin-bottom:8px;
}
.about-side a{
    display:inline-block;
    margin:0 8px 8px 0;
    text-decoration:none;
    border:1px solid rgba(183,129,13,.2);
    background:#fff6d6;
    border-radius:12px;
    padding:9px 14px;
    color:#744e09;
    font-weight:700;
}
.about-side a.current{
    color:#fff;
    border-color:transparent;
    background:linear-gradient(135deg,var(--ab-a) 0%,var(--ab-b) 62%,var(--ab-c) 100%);
}
.about-main{
    border:1px solid var(--ab-line);
    border-radius:18px;
    background:rgba(255,255,255,.88);
    padding:18px;
    min-height:420px;
    transform:translateZ(14px);
}
.about-kv-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin-bottom:12px;
}
.about-kv{
    border:1px solid rgba(183,129,13,.18);
    border-radius:14px;
    background:linear-gradient(140deg,rgba(255,251,236,.96) 0%,rgba(255,240,200,.92) 100%);
    padding:12px;
}
.about-kv__num{
    font-size:26px;
    font-weight:900;
    line-height:1.1;
    color:#714600;
}
.about-kv__text{
    margin-top:4px;
    font-size:13px;
    color:#8a6a2e;
}
.about-main h1,.about-main h2,.about-main h3{
    color:#704700;
}
.about-main p,.about-main li,.about-main div{
    color:#6f6042;
    line-height:1.8;
}
.about-card{
    border:1px solid rgba(183,129,13,.18);
    border-radius:16px;
    background:#fffdf6;
    padding:14px;
    margin-bottom:12px;
}
.about-card__title{
    font-size:18px;
    font-weight:900;
    color:#6d4500;
    margin-bottom:6px;
}
.announce-list .about-card__meta{
    color:#8b6f3c;
    font-size:13px;
}
.faq-index{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-bottom:12px;
}
.faq-group{
    border:1px solid rgba(183,129,13,.16);
    background:#fff8e0;
    border-radius:12px;
    padding:10px;
}
.faq-group__title{
    font-size:14px;
    font-weight:900;
    color:#6e4900;
    margin-bottom:6px;
}
.faq-group a{
    display:block;
    color:#815700;
    text-decoration:none;
    margin-bottom:5px;
}
.faq-group a.current{font-weight:900;color:#5c3700}
.friend-grid{
    display:grid;
    grid-template-columns:1.2fr .8fr;
    gap:12px;
}
.friend-wall{
    border:1px solid rgba(183,129,13,.17);
    border-radius:14px;
    padding:12px;
    background:#fffaf0;
}
.friend-type{
    margin-bottom:10px;
}
.friend-type__name{
    font-size:16px;
    font-weight:900;
    color:#6c4700;
    margin-bottom:8px;
}
.friend-logos a{display:inline-block;margin:0 10px 8px 0}
.friend-logos img{
    width:88px;
    height:31px;
    border:1px solid rgba(183,129,13,.2);
    border-radius:6px;
}
.friend-links a{
    display:inline-block;
    margin:0 8px 8px 0;
    text-decoration:none;
    background:#fff3cf;
    border:1px solid rgba(183,129,13,.18);
    border-radius:999px;
    color:#744f04;
    padding:5px 10px;
}
.friend-apply{
    border:1px solid rgba(183,129,13,.17);
    border-radius:14px;
    background:#fffaf0;
    padding:12px;
}
.friend-note{
    border:1px dashed rgba(183,129,13,.28);
    border-radius:12px;
    background:#fff5d7;
    padding:10px 12px;
    line-height:1.8;
    color:#76561f;
}
.link_table{width:100%;margin-top:10px}
.link_table td{padding:6px 0;color:#735115}
.friend-apply input,.friend-apply textarea,.friend-apply select{
    width:100%;
    box-sizing:border-box;
    border:1px solid rgba(183,129,13,.22);
    border-radius:10px;
    padding:9px 10px;
    background:#fffdf6;
    color:#6a4a14;
}
.friend-apply textarea{min-height:110px;resize:vertical}
.submit{
    border:0;
    padding:10px 18px;
    height:auto!important;
    width:auto;
    color:#fff;
    background:linear-gradient(135deg,var(--ab-a) 0%,var(--ab-b) 62%,var(--ab-c) 100%);
    border-radius:999px;
    font-size:14px;
    font-weight:900;
    line-height:1.2;
    cursor:pointer;
}
.sitemap-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}
.sitemap-cat{
    border:1px solid rgba(183,129,13,.16);
    border-radius:12px;
    background:linear-gradient(160deg,#fff8de 0%,#fff2c5 100%);
    padding:12px;
    transform-style:preserve-3d;
    transition:transform .28s ease, box-shadow .28s ease;
}
.sitemap-cat:hover{
    transform:translateY(-5px) rotateX(7deg) rotateY(-6deg);
    box-shadow:0 14px 24px rgba(143,95,7,.16);
}
.sitemap-cat h3{
    margin:0 0 8px;
    font-size:16px;
}
.sitemap-cat h3 a{
    color:#6e4900;
    text-decoration:none;
}
.sitemap-cat ul{margin:0;padding:0;list-style:none}
.sitemap-cat li{
    margin:0 0 6px;
}
.sitemap-cat li a{
    color:#805706;
    text-decoration:none;
    display:block;
    background:rgba(255,255,255,.65);
    border:1px solid rgba(183,129,13,.14);
    border-radius:8px;
    padding:4px 8px;
}
.footer{
    width:1200px;
    margin:0 auto;
    color:#8a6d37;
    position:relative;
    z-index:5;
}
.footer a{color:#8a6d37}
@media (max-width:1240px){
    .about-topbar__inner,
    .about-nav-wrap__inner,
    .about-shell,
    .footer{width:calc(100% - 24px)}
    body.full.aboutv2-page{padding-left:0}
    .about-nav-wrap__inner--left{
        position:static;
        width:auto;
        margin:0 auto 12px;
        top:auto;
        left:auto;
    }
    .about-nav--left{
        flex-direction:row;
        flex-wrap:wrap;
    }
    .about-nav--left a{
        width:auto;
    }
}
@media (max-width:980px){
    .about-grid{grid-template-columns:1fr}
    .about-stack{grid-template-columns:1fr}
    .about-side{position:static}
    .friend-grid{grid-template-columns:1fr}
    .faq-index{grid-template-columns:1fr}
    .sitemap-grid{grid-template-columns:1fr}
    .about-kv-grid{grid-template-columns:1fr}
    body.full.aboutv2-page::before,
    body.full.aboutv2-page::after{
        width:100vw;
    }
}